@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(https://fonts.googleapis.com/css?family=Carrois%20Gothic);
@import url(https://fonts.googleapis.com/css?family=Archivo%20Narrow);

/* Codes couleurs
Orange foncé : #BD8138
Orange classique : #D68212
Orange plus clair : #D48214
Pixel bas de page gris: #7F8287
Footer & bordures gris: #76797E
*/

/*Général*/
* {
	margin: 0;
	padding: 0;
	outline: none;
}

html {
	background: url("/resources/images/bg.png") repeat-x scroll 0 0 #FDFDFD;
}

body {
	font-family: 'Lato', Helvetica, sans-serif;
	font-size: 87%;
	color: #444;
}

a {	text-decoration: none; }
a img {	border: 0; }

.notabene {
	font-size: 0.9em;
	font-style: italic;
	color: #8FA83C;
}

.hidden { display: none; }

/*cboxclose*/
#cboxClose {
	color: #FFF !important;
	right: 14px;
    top: 2px;
}

#cboxClose:hover{
	color: #000 !important;
	text-decoration: underline;
}

/*dialog box*/
.ui-dialog-titlebar {
	font-size: 12px;
}

.ui-dialog-content {
	font-size: 10px;
}

/* Liens */
a { color: #444; }

textarea { max-width: 100%; }

/* Boutons */
[type="submit"], button, .button {
	display: inline-block;
	position: relative;
	padding: 0 8px;
	cursor: pointer;
	border: 1px solid #AF984A;
	border-radius: 4px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
	color: #FFF;
	background: url('/resources/images/contact/button_bg.png') left top repeat-x #AA965B;
	behavior: url(/resources/lib/PIE/PIE.htc);
	-webkit-appearance: none;
}
[type="submit"]:hover, button:hover, .button:hover {
	background: url('/resources/images/contact/button_bg.png') left bottom repeat-x #AA965B;
}

.pointer {
	cursor: pointer;
}

/*Titres*/
h2, .h2 { font-size: 1em; text-transform: uppercase; }

h3, .h3 { font-size: 0.9em; }

/* Couleurs forcés */ 
color { color: #D68212; }

/* Font Increase/Reduce Management */
.font-x #center-zone 	{ font-size: 1.1em; }
.font-xx #center-zone 	{ font-size: 1.2em; }
.font-xxx #center-zone 	{ font-size: 1.3em; }

/**********************************************/
/************** CLASSES GENERIQUES ************/
/**********************************************/

/* Citations */
blockquote, .quote { 
	font-family: cursive;
	font-size: 1.2em;
}

/* Recherche */
.search-query, #search .search-query { font-style: italic; color: #AAA; }

/* Marques */
mark, .mark { font-weight: bold; color: #D68212; }

/**********************************************/
/***************** VIDEOS *********************/
/**********************************************/

/* @note: Responsive embed from --> http://webdesignerwall.com/tutorials/css-elastic-videos */
.video-wrapper {
	margin: 0 auto;
	width: 702px;
	max-width: 100%;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/**********************************************/
/************** LAYOUT GENERAL ****************/
/**********************************************/

#page {
	width: 952px;
	margin: 0 auto;
	background: #76797E;
	-webkit-box-shadow: 0 0 12px #76797E;
	box-shadow: 0 0 12px #76797E;
	behavior: url(/resources/lib/PIE/PIE.htc);
}

#zone-container {
	padding: 3px 3px 0 3px;
	background-color: #FFF;
}

#main-zone {
	display: table;
	position: relative;
}

#right-zone, #left-zone, #center-zone {
	display: table-cell;
	vertical-align: top;
	position: relative;
}
#left-zone ul, #center-zone ul, #right-zone ul { list-style: none; }

#center-zone { width: 708px; padding: 6px; }

#center-zone .bloc-image {
	margin: 0 3px;
}

/* Titres */

.title-container h2 {
	display: inline-block;
	border-left: 5px solid #C7AC5F;
	margin: 10px 0;
	padding-left: 5px;
	font-family: 'Carrois Gothic', 'Lato', Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.5em;
	vertical-align: middle;
	color: #C7AC5F;
}
.title-container .title-picto { 
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	max-height: 40px;
	max-width: 40px;
}

/* Colonne de droite */

#right-zone {
	width: 226px;
	padding-bottom: 70px;
	background: #E3E4E6;
}

#right-zone .zone-bloc-li {
	position: relative;
}
#page.home #right-zone .zone-bloc-li { border-left: 4px solid #C4B260; }
#right-zone li:last-child, #right-zone li.last-child {
	margin-bottom: 0;	
}

#right-zone .bloc-image, #right-zone object {
	width: 226px;
}

#right-zone .print-container {
	position: absolute;
	bottom: 23px;
	margin: 0 6px;
	padding: 6px 0;
	border-bottom: 5px solid #B8B9BD;
}
#right-zone .print {
	display: block;
	width: 134px;
	height: 27px;
	line-height: 27px;
	padding-left: 80px;
	text-transform: uppercase;
	background: url('/resources/images/pictos/print.png') 50px 0 no-repeat;
	color: #444;
}
#right-zone .print:hover {
	background-color: #D9DADC;
}

/* Blocs */
object, .zone-bloc-li img {
	display: block; /*@bugfix: http://www.alsacreations.com/astuce/lire/52-espaces-sous-les-images.html */	
}
object img { /*Images alternatives*/
	width: 100%;
}


/* Blocs composites */
.bloc-composite {
	display: inline-block;
	vertical-align: top;
	padding: 10px 0;
}

.bloc-composite .image-container, .bloc-composite .data-container, .bloc-composite .link-container {
	display: block;
	vertical-align: top;
}

.bloc-composite.t9 .data-container {
	width: 688px;
}

.bloc-composite.t9 .data-container a { color: #C7AC5F; }
.bloc-composite.t9 .data-container a:hover { text-decoration: underline; }

.bloc-composite .picto, .bloc-composite .title-container .text-part {
	vertical-align: middle;
}

.bloc-composite.t9 .title {
	text-transform: uppercase;
	font-size : 1.1em;
	margin: 0 0 10px 5px;
}

.bloc-composite.t3 {
	width: 226px;
	margin: 0 4px;
}

.bloc-composite.t3 .data-container a { color: #FFF; }
.bloc-composite.t3 .data-container a:hover { text-decoration: none; }

.bloc-composite.t3 .title {
	text-transform: none;
	font-size : 1.1em;
	margin: 0 0 2px 0;
	padding: 5px;
	font-weight: normal;
	background: url('/resources/images/blocs/title-t3.png') repeat-x #BDA559;
	color: #FFF;
}

.bloc-composite .contenu {
	font-size : 0.9em;
	line-height: 16px;
	margin-left: 5px;
}

.bloc-composite .picto {
	margin-right: 8px;
	border: solid 1px #e0e0e0;
}

.content .bloc-composite p {
	margin: 0;	
}

.bloc-composite p.link-container {
	width: 104px;
	border-left: solid 1px #e0e0e0;
	vertical-align: middle;
	text-align: right;
}

.bloc-composite .contenu-long {
	margin-top: 8px;
}

.content p.know-more-button-container { margin-top: 8px; text-align: right; }
.know-more:hover { text-decoration: underline; }

/* Blocs spéciaux */

/* Bloc multimedia */
#bloc-multimedia {
	position: relative;
}

#bloc-multimedia ul {
	display: block;	
}

#bloc-multimedia li {
	display: block;
	padding-left: 7px;
	border-top: 1px solid #B3B4B6;
}
#bloc-multimedia li:hover {
	background: url('/resources/images/blocs/multimedia-on.jpg') repeat-x;
}
#bloc-multimedia #brochure-entreprise { border-top: 0; }

#bloc-multimedia a {
	display: block;
	height: 19px;
	padding: 6px 0 2px 44px;
	text-transform: uppercase;
	font-size: 0.82em;
	font-weight: bold;
	color: #6B6B6B;	
	background: none no-repeat scroll 12px center transparent;
}
#bloc-multimedia #brochure-entreprise a, #bloc-multimedia #brochure-particulier a { background-image: url("/resources/images/pictos/bloc-multimedia/brochure.png"); }
#bloc-multimedia #phototheque a { background-image: url("/resources/images/pictos/bloc-multimedia/photo.png"); }
#bloc-multimedia #video a { background-image: url("/resources/images/pictos/bloc-multimedia/video.png"); }
#bloc-multimedia #video-speciale a { background-image: url("/resources/images/pictos/bloc-multimedia/video.png"); }
#bloc-multimedia #plan-salons a { background-image: url("/resources/images/pictos/bloc-multimedia/plansalons.png"); }

/* Bloc Nos atouts */

#bloc-nos-atouts {
	color: #FFF;
	background: #FFF;
	border-top: 6px solid #FFF;
	border-bottom: 6px solid #FFF;
}

#bloc-nos-atouts h3 {
	height: 28px;
	line-height: 28px;
	margin-bottom: 1px;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.1em;
	background: url('/resources/images/blocs/nos_atouts_title_bg.png') repeat-x;
}

.bloc-nos-atouts-content {
	padding: 10px 16px;
	font-size: 0.9em;
	background: #86878B;
}
.bloc-nos-atouts-content li {
	margin: 10px;
	list-style: disc;
}

/* Bloc Demande devis */

#bloc-devis {
	display: block;
	height: 42px;
	line-height: 42px;
	font-size: 1.2em;
	text-transform: uppercase;
	text-align: center;
	border-top: 6px solid #FFF;
	border-bottom: 6px solid #FFF;
	background: url('/resources/images/blocs/bout-devis-bg.jpg') center top repeat-x #FFF;
}
#bloc-devis:hover { background-position: center bottom; }

#bloc-devis a { display: block; color: #FFF; }

#page.home #bloc-devis {
	padding: 0;
	border: 0;
}

/* Bloc Restaurant */

#bloc-restaurant {
	display: block;
	height: 42px;
	line-height: 42px;
	font-size: 1.2em;
	text-transform: uppercase;
	text-align: center;
	border-top: 6px solid #FFF;
	border-bottom: 6px solid #FFF;
	background: url('/resources/images/blocs/bout-restaurant-bg.jpg') center top repeat-x #FFF;
}
#bloc-restaurant:hover { background-position: center bottom; }

#bloc-restaurant a { display: block; color: #FFF; }

#page.home #bloc-restaurant {
	padding: 0;
	border-top: 0;
	border-bottom: 4px solid #C4B260;
}

#page.home #bloc-restaurant {
	padding: 0;
	border-bottom: 4px solid #C4B260;
}

/* Header */
#header {
	position: relative;
	margin: 0 3px;
	background-color: #76797E;
}

#header h1 img {margin: 3px 0 0 6px;}

#header-menu {
	margin-bottom: 6px;
	background: url('/resources/images/header/menu_off.jpg') repeat-x #C8AE61;
}

#header-menu, #header-menu a {
	font-size: 0.9em;
	color: #FFF;
}

#header-menu .nav { list-style: none outside none; font-size: 1.1em; }
#header-menu li { 
	display: inline-block;
	position: relative;
	height: 23px;
	border-left: solid 1px #FFF; 
	vertical-align: middle;
	background: url('/resources/images/header/menu_off.jpg') repeat-x #C8AE61;
}
#header-menu .submenu-li { height: auto; }
#header-menu li:hover { background: url('/resources/images/header/menu_on.jpg') repeat-x #C8AE61; }

#header-menu li a { 
	display: block;
	line-height: 23px;
	padding: 0 11px; 
	vertical-align: middle;
}
#header-menu .submenu-li a { 
	padding: 6px 11px; 
	line-height: normal;
}

#header-menu li .submenu {
	display: block; 
	position: absolute;
	width: 100%;
	top: 23px;
	left: 0;
	z-index: 10;
	opacity: 0;
	webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
#header-menu li:hover .submenu { opacity: 1; }

#header-menu li .submenu li {
	display: block;
	border: 0;
	overflow: hidden;
	background: url('/resources/images/header/sous_menu_off.jpg') repeat-x #C8A94E;
}
#header-menu li .submenu li:hover { background: url('/resources/images/header/sous_menu_on.jpg') repeat-x #B69F59; }

#header-menu li.go-home {
	border-left: 0;
}
#header-menu li.go-home a {
	width: 14px;
	height: 23px;
	background: url('/resources/images/header/home.png') no-repeat center center; 
}

#header-subtitle span { color: #D68212; }

#header-contextual {
	position: absolute;
	top: 6px;
	right: 11px;
}
#header-contextual a.flag {
	display: block;
	width: 16px;
	height: 10px;
	background: url('/resources/images/header/flags/sprite-flag.png') no-repeat 0 0;
	text-decoration: none;
	-webkit-box-shadow: 0 0 4px #FFF;
	box-shadow: 0 0 4px #FFF;
}
#header-contextual a.lng-1 { background-position: 0 0; }
#header-contextual a.lng-2 { background-position: 0 -10px; }
.menu-mobile-trigger { display: none; }

/*Footer*/

#footer-static-nav {
	display: block;
	padding: 8px 0;
	margin: 0 3px;
	background-color: #6E6F73;
	text-align: center;		
}

#footer-static-nav .item {
	display: inline-block;
	padding: 0 8px;
	border-right: solid 1px #FFF;
	text-transform: uppercase;
	font-family: 'Archivo Narrow', 'Lato', Helvetica, sans-serif;
	font-size: 0.8em;
	letter-spacing: 1px;
	color: #FFF;
}
#footer-static-nav .item:last-child { border-right: 0; }

#footer-static-nav .item a { color: #FFF;  }
#footer-static-nav .item a:hover { color: #BEA762; }

#footer-adress {
	padding: 8px 0;
	margin: 0 3px;
	border-top: 3px solid #CAAF68;
	text-align: center;
	font-size: 0.9em;
	background: none repeat-x scroll 0 0 #818287;
	color: #FFF;
}

#footer-deco {
	height: 194px;
	background: url('/resources/images/footer/footer_deco.jpg') repeat-x #7F8287;
}

#footer-deco-logo {
	width: 219px;
	height: 151px;
	margin: auto;
	background: url('/resources/images/footer/footer_deco_logo.jpg') no-repeat #7F8287;
}

#acces-direct {
	position: relative;
	margin: 4px 3px 0 3px;
	padding-bottom: 16px;
	background: url("/resources/images/footer/sodexo-prestige.png") no-repeat scroll 99% 90% #76797E;
	color: #FFF;
}

#acces-direct > ul {
	display: inline-block;
	margin-left: 25px;
	margin-top: 9px;
	vertical-align: top;
	color: #FFF;
}

#acces-direct > ul li {
	padding-left: 11px;
	background: url('/resources/images/footer/bullet.png') 0 3px no-repeat;
	list-style-type: none;
	font-size: 0.8em;
	font-weight: bold;
}

#acces-direct > ul a, #footer-menu > ul span { color: #FFF; }
#acces-direct ul ul li { background: none; padding-top: 5px; padding-left: 0; }
#acces-direct ul ul a, #footer-menu ul ul span { color: #FFF; }

#acces-direct ul ul li a .plus { visibility: hidden; padding-right: 3px;}
#acces-direct ul ul li a:hover .plus { visibility: visible; }
#acces-direct ul ul li a:hover { background: #8B898C; }

#acces-direct-header {
	position: relative;
	height: 23px;
	text-indent: 20px;
	background: url('/resources/images/footer/acces_direct_bg.png') repeat-y #B3B4B8;
	color: #5B5B5E;
}

#acces-direct-header h2 {
	display: inline-block;
	text-transform: none;
	background: url('/resources/images/footer/acces_direct_picto.png') no-repeat;
}

#contact-par-telephone {
	position: absolute;
	right: 5px;
	top: 4px;
	padding: 0 11px 0 11px;
	font-size: 0.8em;
	background: url('/resources/images/footer/contact_tel_picto.png') no-repeat left top #ECECEC;
	color: #878789;
	cursor: pointer;
}
#contact-par-telephone:hover {
	background: url('/resources/images/footer/contact_tel_picto.png') no-repeat left bottom #7C7E82;
	color: #FFF;
}
#contact-par-telephone.isTel { background: none; }
#contact-par-telephone.isTel a { color: #FFF; }
#contact-par-telephone.isTel a:hover { text-decoration: underline; }
#contact-par-telephone.isTel:hover {
	background: none;
}

/* Facebook part */
#facebook-plugin-container {
	/*padding: 12px 16px;*/
	background-color: #FFF;
	border-radius: 0 0 8px 8px;
	behavior: url(/resources/lib/PIE/PIE.htc);
}

/* All */
.content p, .content ul {
	margin: 16px 0;
	font-size: 0.85em;
}
.content blockquote, .content .quote {
	font-size: 1.15em;	
}

/* RPGD specific theme bannière cookies */
.rgpd-banner {
    background: #c8ae61;
    color: #fff;
}

/**********************************************/
/************** PAGES DYNAMIQUES **************/
/**********************************************/

/* Home */
#page.home #zone-container {
	width: 936px;
	border: 5px solid #C4B260;
	margin: 0 3px;
	padding: 0;
}

#page.home #top-zone, #page.home #main-zone {
	vertical-align: top;
	display: inline-block;
	width: auto;
}

#page.home #right-zone { padding: 0; border: 0; }
#page.home #right-zone .print-container { display: none; }

#page.home .breadcrumbs { display: none; }

/* Pages produits */

#page-produit .encadre-prestation {
	margin: 10px 0;
	padding: 3px;
	border: 1px solid #C6AD5D;
	background: url('/resources/images/product/presta_bg.png') no-repeat bottom right #DCDCDC;
}

#page-produit .titre-prestation {
	display: inline-block;
	padding-left: 13px;
	background: url('/resources/images/product/product_title_left.png') no-repeat;
}

#page-produit .titre-prestation-texte {
	display: inline-block;
	padding: 4px 10px;
	text-transform: uppercase;
	background: url('/resources/images/product/product_title_bg.png') repeat-x;
	color: #FFF;
}

#page-produit .button-prestation {
	float: right;
	font-size: 0.85em;
	text-align: center;
}

#page-produit .presta-section-tarif {
	padding: 3px;
	border-left: 1px solid #B1B4BA;
	border-right: 1px solid #B1B4BA;
	border-top: 1px solid #B1B4BA;
	background: #EBEBEB;
	text-align: right;
	color: #767676;
}

#page-produit .tarif-prestation {
	display: inline-block;
	float: left;
	margin-right: 16px;
	font-weight: bold;
}

#page-produit .prix-taxe {
	text-transform: lowercase;	
}

#page-produit .link-reserver-prestation-container {
	display: inline-block;
	background: url('/resources/images/product/link_reserver_prestation_on.jpg') left top repeat-x ;
}
#page-produit .link-reserver-prestation-container:hover {
	background: url('/resources/images/product/link_reserver_prestation_on.jpg') left bottom repeat-x ;
}

#page-produit .link-reserver-prestation {
	display: inline-block;
	height: 16px;
	padding: 2px 10px 0 25px;
	text-transform: uppercase;
	text-align: center;
	font-family: 'Archivo Narrow', 'Lato', Helvetica, sans-serif;
	background: url('/resources/images/product/link_reserver_prestation_bg.png') 10px 2px no-repeat;
	color: #FFF;
}

#page-produit .presta-section-liens {
	border-left: 1px solid #B1B4BA;
	border-right: 1px solid #B1B4BA;
	border-bottom: 1px solid #B1B4BA;
	text-transform: uppercase;
	background: #B2A16C;
	color: #FFF;
}

#page-produit .link-menu-prestation-container {
	display: inline-block;
	background: url('/resources/images/product/link_prestation_bg.jpg') left top repeat-x ;
}
#page-produit .link-menu-prestation-container:hover {
	background: url('/resources/images/product/link_prestation_bg.jpg') left bottom repeat-x ;
}

#page-produit .link-menu-prestation {
	display: inline-block;
	padding: 0 32px;
	background: url('/resources/images/product/link_menu_prestation_bg.png') 20px 2px no-repeat ;
	color: #FFF;
}

#page-produit .link-option-prestation-container {
	display: inline-block;
	background: url('/resources/images/product/link_prestation_bg.jpg') left top repeat-x ;
}
#page-produit .link-option-prestation-container:hover {
	background: url('/resources/images/product/link_prestation_bg.jpg') left bottom repeat-x ;
}

#page-produit .link-option-prestation {
	display: inline-block;
	padding: 0 32px;
	background: url('/resources/images/product/link_option_prestation_bg.png') 20px 2px no-repeat ;
	color: #FFF;
}

#page-produit .description-prestation {
	margin: 16px;
	font-size: 0.85em;
}

#page-produit .description-prestation ul {
	margin-left: 16px;
	list-style: disc;
}

#notabene-produit {
	border: 1px solid #9D948F;
	background: #FAF8F7;
}

#notabene-produit > p {
	padding: 10px 22px;
	font-size: 0.75em;
	background: url("/resources/images/pictos/info.png") no-repeat scroll 5px 10px;
}

/* lightbox menu */ 
.menu-left-column {
	float: left;
	margin: 16px;
}

/* Pages éditos */
.subtitle { 
	display: block; 
	text-transform: none;
}
.edito #center-zone .content ul { list-style: disc inside none; }

/* Pages rubriques */
#rubrique .page-contextual {
	margin-bottom: 0;	
}

#rubrique .bloc-composite.first-child { border-top: none; }

/* Carousel */
#carousel .carousel-item, #carousel img {
	display: block;
}

/* Fil d'ariane */
.breadcrumbs {
	padding: 6px 0 3px 0;
	font-size: 0.8em;
}

.breadcrumbs li {
	display: inline;
}
.breadcrumbs li:first-child:before { content: ">"; }
.breadcrumbs li:after { content: "/"; }
.breadcrumbs li:last-child:after { content: ""; }

.breadcrumbs a:hover { text-decoration: underline; }

/* Pavé contextuel */
.page-contextual {
	padding: 2px 0;
	text-align: right;
	color: #8f8f8f;	
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
}

.page-contextual .item {
	display: inline-block;
	vertical-align: middle;
	font-size: 0.82em;
}
.page-contextual .first-child {
	position: relative;
	float: left;
	top: 3px;
}

.go-back-link {
	display: inline-block;
	height: 15px;
	padding-left: 22px;
	background: url("/resources/images/pictos/www-go-back.png") no-repeat scroll left top transparent;	
}
.go-back-link:hover { background-position: left bottom; }

.page-contextual .font-size-button {
	font-size: 1.2em;
	font-weight: bold;
	color: #777;
}
.page-contextual .font-size-button:hover { color: #C7AC5F; }

.page-contextual .font-size-button.reduce { font-size: 0.91em; }

.page-contextual .send {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	bottom: 2px;
	height: 12px;
	background: none no-repeat scroll left top transparent;
}
.page-contextual .send:hover { background-position: left bottom; } 

.page-contextual .send {
	width: 15px;
	background-image: url("/resources/images/contextual/www-mail.png");
}

/**********************************************/
/************** PAGES STATIQUES ***************/
/**********************************************/

#page.static-page #main-zone {
	min-height: 338px;
}

/* Mentions légales */
#legal .content p {
	margin: 0 0 16px 0;
	text-align: justify;
}

/* Plan du site */
#sitemap .cell {
	display: inline-block;
	vertical-align: top;
	padding-left: 13px;
	background: url('/resources/images/sitemap/pic.png') 0 3px no-repeat;
}

#sitemap .content a, #sitemap .content li { font-weight: bold; }
#sitemap .content .sublevel li:hover { background: #E1E2E4; }
#sitemap .content .cell a:hover { background: #E1E2E4; }

#sitemap .sublevel a { font-weight: normal; }

#sitemap .content li { margin: 5px 16px; }
#sitemap .sublevel li { margin-left: 10px; }
#sitemap .sublevel li:before { content: '+ '; }

#sitemap .sublevel { margin: 0; }


/* Pages de formulaire */
.full-page-form {
	position: relative;
	padding: 3px;
	border: 1px solid #D3BF84;
	background: #E2E2E2;
}

.full-page-form h3 {
	display: inline-block;
	padding: 2px 16px;
	color: #FFF;
	background: #C2A257;
}

.full-page-form .subtitle {
	display: block;
	float: none;
	padding: 2px 16px;
	font-weight: bold;
	font-size: 1.12em;
	text-transform: uppercase;
	text-align: left;
	background: url('/resources/images/devis/subtitle.png') repeat-y 0 0 #D8D7D5;
}

.full-page-form .ui-datepicker-trigger {
	cursor: pointer;
}

.full-page-form p {
	position: relative;
	margin: 8px 0;
	text-align: right;
}
.full-page-form p.first-child, .full-page-form p:first-child { margin-top: 0; }
.full-page-form p.last-child, .full-page-form p:last-child { margin-bottom: 0; }

.full-page-form label {
	float: left;
	font-size: 1.17em;
}

.full-page-form input.error, .full-page-form select.error, .full-page-form textarea.error {
	margin-bottom: 20px;
}

.full-page-form label.error {
	position: absolute;
	right: 0;
	bottom: 4px;
	font-size: 0.9em;
	font-weight: bold;
	color: #FF0000;
}

.full-page-form input[type="text"], .full-page-form select, .full-page-form textarea {
	width: 180px;
	padding: 2px 4px;
	border: 1px solid #ACADB2;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.full-page-form select {
	min-width: 186px;
	padding-right: 0;
}

.full-page-form textarea {
	width: 250px;
	max-width: 100%;
}

.full-page-form input.button {
	width: auto;
	height: auto;
	padding: 0 8px;
}


.full-page-form label.label-captcha { width: 83px; text-align: left; }
.full-page-form #captcha-input { width: 197px; }
.full-page-form #captcha-input.error { margin: 0; }
.full-page-form .captcha-input { padding-bottom: 20px; }
.full-page-form .captcha-input, .full-page-form .captcha-image { text-align: left; }

.full-page-form-confirm .mail { font-weight: bold; }

.full-page-form-confirm .confirm-box { 
	padding: 10%;
	background: #E2E2E2;
	border: 1px solid #D3BF84;
}

.full-page-form-confirm .confirm-message { 
	display: table;
	padding: 5%;
	margin: auto;
	background: url('/resources/images/devis/confirm-message-bg.png') repeat-x #DBDBDB;
	border: 1px solid #D3BF84;
}
.full-page-form-confirm .confirm-message img, .full-page-form-confirm .confirm-message p { display: table-cell; vertical-align: middle; }


/* Formulaire de contact */

#contact .table { display: table; width: 100%; }
#contact #coordonnees, #contact #message { display: table-cell; vertical-align: top; padding: 16px; }

#contact .last-child { margin-top: 18px; }

#contact #input-sujet { width: 250px; }

#infos-contact {
	display: table;
	width: 100%;
	padding: 16px;
}

#infos-contact div {
	display: table-cell;
}

#infos-contact img {
	vertical-align: bottom;
}

#infos-contact ul {
	padding: 5px 10px;
	margin: 5px 0 0 16px;
	border-left: 2px solid #ABADB3;
}

#infos-contact ul span {
	display: inline-block;
	width: 42px;
}

/* Formulaire de devis */

#devis .table { display: table; table-layout: fixed; width: 100%; }
#devis #coordonnees, #devis #projet { display: table-cell; vertical-align: top; padding: 16px; }

#devis textarea { width: 100%; }

#devis #projet p { text-align: left; }

#devis #projet input, #devis #projet select, #devis #projet .button { margin: 5px 10px; }
#devis #projet textarea  { margin: 5px 0; }

#devis .date-evenement { margin-bottom: 0; text-align: left; }
#devis .date-evenement label { float: none; }

#devis #input-date {
	width: 80px; 
	margin: 5px 2px 20px 10px;
}

#input-heure-debut, #input-minute-debut, #input-heure-fin, #input-minute-fin {
	width: 20px;
	text-align: right;
}

#devis .date-flexible { margin: 0 0 0 10px; text-align: left; }
#devis .date-flexible label, #devis .materiel-audio label { float: none; }
#devis .date-flexible input, #devis .materiel-audio input { width: 30px; }
#devis .date-flexible span { font-size: 1.17em; }

#devis #projet p.captcha, #devis #projet p.last-child { text-align: right; }

/* Formulaire restaurant */

#restaurant .table { display: table; width: 100%; }
#restaurant #coordonnees, #restaurant #projet { display: table-cell; vertical-align: top; padding: 16px; }

#restaurant textarea { width: 100%; }

#restaurant #projet p { text-align: left; }

#restaurant #projet input, #restaurant #projet select, #restaurant #projet .button { margin: 5px 10px; }
#restaurant #projet textarea  { margin: 5px 0; }

#restaurant .date-evenement { text-align: left; }
#restaurant .date-evenement label { float: none; }

#restaurant #projet p.captcha, #restaurant #projet p.last-child { text-align: right; }

/* Formulaire newsletter */
.newsletter-page {
	background: #E2E2E2;
	border: 1px solid #D3BF84;
    padding: 3px;
}
.newsletter-page h2 {
	display: inline-block;
	background: #C2A257;
	color: #FFF;
	padding: 2px 16px;
	text-transform: none;
}

.newsletter-page [for='newsletter-partenaires'] {cursor: pointer;}
.newsletter-page input[type="text"] {
    width: 200px;
}
.newsletter-page p {
    margin: 20px 10px;
}
.newsletter-page .error-message {
    color: #F00;
}

[for='newsletter-partenaires'], [for='newsletter-website'] {
	float: none !important;
}

/**********************************************/
/***************** LIGHTBOX *******************/
/**********************************************/

#lightbox {
	height: 100%;
	padding: 22px 6px 6px 6px;
	background: #76797E;
}

#lightbox h2 {
	border-left: 3px solid #C7AC5F;
	padding-left: 5px;
	font-family: 'Carrois Gothic', 'Lato', Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.5em;
	color: #C7AC5F;
}

#lightbox h3 {
	width: 650px;
	padding: 2px 5px;
	margin-top: 10px;
	background: #D68212;
	color: #FFFFFF;
}

#lightbox .content {
	padding: 16px;
	font-size: 0.9em;
}

#lightbox #parent-links {
	margin: 20px;
}

#lightbox p {
	margin: 0;
}

#lightbox #notabene {
	font-weight: bold;
	font-style: italic;
}

#lightbox #browser-links {
	text-align: center;
}

#lightbox #browser-links a {
	display: inline-block;
	height: 35px;
	width: 180px;
	padding-top: 76px;
	border: 1px solid #a69878;
	margin: 0 10px;
	text-align: center;
	font-weight: bold;
	vertical-align: top;
}

/* IE6 */

#ie6LB {
	height: 330px;
	padding: 12px 19px 12px 18px;
	border-top: 9px solid #C7AC5F;
	background: #FFF;
}

#lightbox #fx { background: url(/common/resources/imgs/ie6/firefox.jpg) no-repeat 64px 10px #FFF; }
#lightbox #chrome { background: url(/common/resources/imgs/ie6/chrome.jpg) no-repeat 64px 10px #FFF; }
#lightbox #ie { background: url(/common/resources/imgs/ie6/ie.jpg) no-repeat 64px 10px #FFF; }

/* Lightbox Menu */

#menuLB {
	height: 547px;
	padding: 12px 19px 12px 18px;
	border-top: 9px solid #C7AC5F;
	background: #FFF;
}

#menuLB .media {
	height: 50px;
	margin: 12px 0;
}

#menuLB .content {
	height: 380px;
	position: relative;
	border: 1px solid #C7AC5F;
	overflow-y: auto;
	background: url("/resources/images/product/menu_bg.png") no-repeat scroll right bottom #DCDCDC;
}

#menuLB .menu-buttons {
	float: right;
	margin: 15px 11px;
}

#menuLB .link-option-prestation-container {
	width: 175px;
	background: url('/resources/images/product/link_prestation_bg.jpg') left top repeat-x;
}
#menuLB .link-option-prestation-container:hover {
	background: url('/resources/images/product/link_prestation_bg.jpg') left bottom repeat-x;
}

#menuLB .link-option-prestation {
	display: inline-block;
	width: 162px;
	padding-left: 12px;
	text-transform: uppercase;
	text-align: center;
	font-size: 0.9em;
	color: #FFF;
	border: 1px solid #FFF;
	background: url('/resources/images/product/link_option_prestation_bg.png') no-repeat 19px 3px;
}

#menuLB .link-print-prestation-container {
	width: 175px;
	margin-top: 3px;
	background: url('/resources/images/product/Lightbox-Menu-Bouton-print-rollover.jpg') left top repeat-x;
}
#menuLB .link-print-prestation-container:hover {
	background: url('/resources/images/product/Lightbox-Menu-Bouton-print-rollover.jpg') left bottom repeat-x;
}

#menuLB .print {
	display: inline-block;
	width: 160px;
	padding-left: 14px;
	text-transform: uppercase;
	text-align: center;
	font-size: 0.9em;
	border: 1px solid #AEB1B6;
	background: url('/resources/images/pictos/print_little.png') no-repeat 45px 1px;
}

/**********************************************/
/***************** MEDIA QUERIES **************/
/**********************************************/

/* iPad Specific */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	
}

/* Disable iOS/WinMobile font size changes */
@media screen and (max-device-width: 640px) {

	html {
		-ms-text-size-adjust: none;
		-webkit-text-size-adjust: none;
	}
	
}

/* Grid minifié */
@media (max-width:952px){

	img, object { max-width: 100%; }
	
	/* Layout */
	
	#page, #center-zone, .bloc-composite .data-container { width: auto; }
	#right-zone {display: none; }
	#main-zone { width: 100% }
	#main-zone, #center-zone {
		display: block;
	}
	
	.bloc-composite {
		display: block;
	}
	.bloc-composite.t9 .data-container {
		width: 100%;
	}
	
	/*Header*/
	
	/*Footer*/
	
	/*Blocs*/
	
	/* Home */
	
	#page.home #zone-container { width: auto; }
	#page.home #top-zone { display: block; }
	#page.home #main-zone, #right-zone {display: none; }
	
	#carousel .carousel-item, #carousel img { width: 100%; }
	
	/* Pages */

}

/*Mobiles*/
@media (max-width:640px){ 
	
	body {
		font-size: 95%;
	}
	
	/*Layout*/
	
	#acces-direct, #footer-deco { display: none; }
	
	/*Global*/

	/*Header*/
	
	#header-menu {
		border: 2px solid #FFF;
	}
	
	#header-menu .go-home { display: none; }
	
	#header-menu li {
		display: block;
		border: 0;
		height: 27px;
	}
	
	#header-menu li a {
		height: 27px;
		line-height: 27px;
	}
	
	#header-menu .nav .submenu {
		display: none;
	}
	
	.menu-mobile-trigger { 
		display: block;
		font-size: 1.1em; 
		padding: 5px 11px;
	}
	
	/* handling clic and touch with CSS :target */
	#body:not(:target) #header-menu .nav {
		max-height: 0;
		overflow: hidden;
	}
	
	#body:not(:target) #header-menu .nav-open, #body:target #header-menu .nav-close {display: block;}
	#body:not(:target) #header-menu .nav-close, #body:target #header-menu .nav-open {display: none;}
	
	
	/*Footer*/
	
	/*Blocs*/
	
	/*Home*/
	
	/*Pages*/
	
	#sitemap .cell {
		display: block;
	}
	
	.font-size-button { display: none; }
	
	/* Pages de formulaire */
	
	#contact #coordonnees, #contact #message,
	#devis #coordonnees, #devis #projet {
		display: block;
	}
	
	#contact #input-sujet, .full-page-form textarea {
		width: 180px;
	}
	
	#infos-contact {
		width: auto;	
	}
	
	#infos-contact div {
		display: block;
	}
	
	/* Lightbox */
}

/**********************************************/
/***************** IMPRESSION *****************/
/**********************************************/

@media print {

	/*Général*/
	#header, #footer, #left-zone, #right-zone, .breadcrumbs, .page-contextual, .bloc-composite .link-container, .know-more-button-container {
		display: none;
	}
	
	#page, #center-zone {
		margin: 0;
		padding: 0;
		-webkit-box-shadow: 0 0 0 #000;
	    box-shadow: 0 0 0 #000;
	    width: auto;
	}
	
	#center-zone {
		margin-top: 1cm;	
	}
	
	#main-zone {
		padding: 0;	
	}
	
	.bloc-composite .data-container, .bloc-composite .data-container.without-link { width: auto; }
	.contenu-long {display: block !important;}
	.title-container h2 { border-left: 0; }
	
}