/**********************************************/
/************* CODES COULEURS *****************/
/**********************************************

Marron  :		#4f4540
Marron clair :	#6f5c55
Marron foncé :	#3e3129
Blanc cassé :	#f6f5f3
Gris :			#c9c2bf
Gris clair :	#d9d5d2
Gris foncé :	#b0a39b
Noir :			#3b3b3b


/***********************************************/
/***************** GENERAL ********************/
/**********************************************/

* { /* Ugly Reset */
	margin: 0;
	padding: 0;
	outline: none;
}

body {
	font-family: Arial, sans-serif, Tahoma;
	font-size: 87%;
	color: #3b3b3b;
}

a {text-decoration: none; color: #3e3129;}
a:hover {text-decoration: underline;}
a img {border: 0;}

img, object, textarea {max-width: 100%;}
select {max-width: 98%;}

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

.hidden {display: none;}
.pointer {cursor: pointer;}
.bold {font-weight: bold;}
.notabene {font-size: 0.9em; font-style: italic;}
.only-mobile {display: none;}

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

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

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

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

/**********************************************/
/******************* LIB **********************/
/**********************************************/

/* Lightbox */
#cboxClose {
	color: #4f4540;
	right: 14px;
    top: 2px;
}
#cboxClose:hover{
	/*color: #4f4540 !important;*/
	text-decoration: underline !important;
}

/* Dialog */
.ui-dialog {
	border: 4px solid #aaa;
}

.ui-dialog-titlebar {font-size: .8em;}
.ui-dialog-content, #ui-datepicker-div {font-size: .7em;}

/* Datepicker */
#ui-datepicker-div {
	min-width: 200px;
	max-width: 100%;
	padding: .5em;
}
.ui-datepicker-next {right: .5em; left: inherit;}
.ui-datepicker-header {padding: 0 0 1em 0; text-align: center;}
.ui-datepicker-header select {position: static; font-size: 1.4em;}
.ui-datepicker-header select.ui-datepicker-new-year, .ui-datepicker-header select.ui-datepicker-new-month {width: auto;}
.ui-datepicker-status {padding: .5em .5em 0 .5em; font-size: 1.2em;}

table.ui-datepicker {text-align: center; width: 100%;}
.ui-datepicker-days-cell a, .ui-datepicker-unselectable {padding: .5em !important;}

table.ui-datepicker td a {background: #dedede; text-decoration: none}
.ui-datepicker-days-cell {text-align: center;}

.ui-datepicker-date-full.ui-datepicker-in-futur {
	text-decoration: line-through;
	color: #4f4540;
}
.ui-datepicker-status {font-weight: bold; color: #595959;}

.ui-datepicker-loading {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #fff;
}

.ui-datepicker-loading div {display: table; height: 100%; width: 100%;}
.ui-datepicker-loading span {display: table-cell; vertical-align: middle; height: 100%; width: 95%; text-align: center;}

/* Mask */
.mask-msg span {
	border-color: #e11c6c;
	font-size: .9em;
}

/**********************************************/
/***************** BOUTONS ********************/
/**********************************************/

[type="submit"], button, .button {
	display: inline-block;
	position: relative;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	min-height: 23px;	
	min-width: 84px;
	margin: 0;
	padding: 0 5px 0 5px;
	border: solid 1px #4f4540;
	border-radius: 6px;
	background: #4f4540;
	text-align: center;		
	font: bold 10px/23px Arial;
	text-transform: uppercase;	
	color: #fff;
    cursor: pointer;
	-webkit-appearance: none;
}
[type="submit"]:hover, button:hover, .button:hover {
	background: #fff; 
	text-decoration: none;
	color: #4f4540;
}

.know-more-button-container .know-more {display: inline-block; margin: 8px 0 0 0;}

.know-more-button {padding: 0 40px;}
.lightbox-close-button {padding: 0 20px;}
.menu-link {padding: 0 12px; border-color: #d9d5d2;}

.print-button {
	display: inline-block;
	position: relative;
	min-height: 14px;
	padding: 0 0 0 18px;
	background: url('/resources/images/buttons/print-button-bg.png') no-repeat scroll left bottom transparent;
	font: normal 12px Tahoma;
	color: #b0a39b;
}

.navigation-link {
	display: inline-block;
	min-height: 24px;
	padding-left: 32px;
	line-height: 24px;
	background: none no-repeat scroll left center transparent;
}
.google-maps-link	{background-image: url('/resources/images/pictos/google-map.png');}
.mappy-link			{background-image: url('/resources/images/pictos/mappy.png');}

/**********************************************/
/******************** TITRES ******************/
/**********************************************/

.title-container {margin: 0 0 12px 0;}

h2, .h2 {
	display: inline-block;
	vertical-align: middle;
	padding-left: 6px;
	border-left: 6px solid #4f4540;
    font: normal 25px 'Signika';
    color: #4f4540;
}

h3, .h3, .subtitle {
	text-transform: none;
	font-size: 1.2em;
	color: #6f5c55;
}
.title-container .subtitle {display: block; font-size: .7em;}
.subtitle.with-picto {min-height: 20px; background: none no-repeat scroll left center transparent;}
.subtitle.car 	{padding-left: 32px; background-image: url('/resources/images/pictos/car.png');}
.subtitle.plane	{padding-left: 24px; background-image: url('/resources/images/pictos/plane.png');}
.subtitle.transport	{padding-left: 24px; background-image: url('/resources/images/pictos/transport.png');}

h4 {text-transform: uppercase;}

/* 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; }

/**********************************************/
/****************** LAYOUT ********************/
/**********************************************/

html {
	background: url("/resources/images/bg.jpg") no-repeat top center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

#page {
	position: relative;
	width: 970px;
	margin: 0 auto 40px;
	-webkit-box-shadow: 4px 4px 6px -2px #3b3b3b;
	box-shadow: 4px 4px 6px -2px #3b3b3b;
}

#zone-container {padding: 12px; background: #fff;}

#main-zone {
	display: block;
	position: relative;
	margin: 12px 0 0 0;
}

#right-zone, #left-zone, #center-zone {
	display: inline-block;
	vertical-align: top;
	position: relative;
}

#left-zone {width: 226px;}
#center-zone {width: 706px; margin-left: 14px; background: #fff;}

#top-zone {position: relative;}

#left-zone .zone-bloc-li, #right-zone .zone-bloc-li {
	position: relative;
	-webkit-box-shadow: 0 0 2px #4f4540;
    box-shadow: 0 0 2px #4f4540;
}

/* Home */
.home #main-zone, .home #top-zone {display: inline-block; vertical-align: top; margin: 0;}

.home #top-zone {width: 706px; margin: 0 0 0 14px;}

/**********************************************/
/****************** HEADER ********************/
/**********************************************/

#header {position: relative;}
#header h1 {
	display: block;
	padding: 12px 0 8px 12px;
	background: rgba(100, 100, 100, 0.5) none repeat scroll 0 0;
}

#header h1 a {display: inline-block; max-width: 100%;}
.website-logo {display: block;}

/* Pavé contextuel */
.header-contextual {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
}

.header-contextual-item {
	display: inline-block;
	position: relative;
	vertical-align: top;	
	min-height: 24px;
	margin: 0 0 0 10px;
	padding: 5px 18px;
	border-radius: 0 0 6px 6px;
    background: #fff;
    text-align: center;
}

.header-contextual-item p {display: inline-block; vertical-align: middle;}

.logout-button {display: block; height: 24px; width: 24px; background: url("/resources/images/header/logout.png") no-repeat scroll 0 0 transparent;}

/* Flags */
.flag {
	display: block;
	width: 23px;
	height: 23px;
	border-radius: 23px;
	background: url("/resources/images/header/flags/sprite-flags.png") no-repeat scroll 0 0 transparent;
	text-decoration: none;
}
.flag.lng-1 {background-position: 0 0;}
.flag.lng-2 {background-position: 0 -23px;}
.flag:hover {
	-webkit-box-shadow: 0 0 2px 2px #4f4540;
    box-shadow: 0 0 2px 2px #4f4540;
}

/* Menu de navigation */
#header-menu, #header-menu a {
    font: bold 0.91em 'Signika';
	text-decoration: none;
}

#header-menu .nav {
	position: relative;
    list-style: none outside none;
    background: url("/resources/images/header/menu-first-level-sprite.png") repeat-x scroll 0 0 #f6f5f3;
}
#header-menu li {
	display: inline-block;
	position: relative;
	border-left: solid 1px #fff;
	vertical-align: middle;
	background: url("/resources/images/header/menu-first-level-sprite.png") repeat-x scroll left top #f6f5f3;
	text-align: left;
}

#header-menu .header-menu-contact.mobile-only { display: none !important; }

#header-menu .header-contact-par-telephone.desktop-only svg {
	width: 15px;
	height: 15px;
	stroke: #FFFFFF;
	fill: #FFFFFF;
	transform: rotate(11deg);
	vertical-align: middle;
}

#header-menu li:hover {background-position: left bottom;}

#header-menu .nav li > a {color: #fff;}
#header-menu .nav li:hover > a {color: #4f4540;}

#header-menu .nav .submenu-link {color: #4f4540;}
#header-menu .nav .submenu-link:hover {background: #4f4540; color: #fff;}

#header-menu .submenu-li {height: auto;}

#header-menu li a { 
	display: block;
	padding: 0 8px; 
	vertical-align: middle;
	font: 1.02em/23px 'Signika';
	text-transform: uppercase;
}
#header-menu .submenu-li a { 
	padding: 6px 8px; 
	font: normal 0.85em 'Signika';
	line-height: normal;
}

#header-menu li .submenu {
	display: none; 
	position: absolute;
	width: 100%;
	top: 23px;
	left: 0;
	z-index: 10;
}
#header-menu li:hover .submenu {display: block;}

#header-menu li .submenu li {
	display: block;
	border: 0;
	border-top: 1px solid #6f5c55;
	overflow: hidden;
	background: #f6f5f3;
}

#header-menu .go-home {border-left: 0; background-position: left bottom;}
#header-menu .go-home a {
	width: 13px;
	height: 23px;
	background: url("/resources/images/header/home.png") no-repeat scroll center center transparent; 
}

#header-menu .contact-link-container {
	position: absolute;
	top: 0;
	right: 0;
	border-left: 0;
}

.menu-mobile-trigger {display: none;}

/* Message IE... */
.old-browser-message-wrapper {
	padding: 8px;
	background: #f00;	
}

.old-browser-message-wrapper p {
	font-family: 'Signika';
	color: #fff;
}

/**********************************************/
/****************** FOOTER ********************/
/**********************************************/

#footer {position: relative;}

.footer-sodexo-bg {
    position: absolute;
    height: 31px;
    width: 116px;
    bottom: 8px;
    right: 8px;
    background: url("/resources/images/footer/sodexo-prestige.png") no-repeat scroll right bottom transparent;
}

#footer-static-nav {
	display: block;
	padding: 11px 0;
	border-top: solid 1px #4f4540;
	background: #6f5c55;
	text-align: center;	
}
#footer-static-nav a {color: #f6f5f3;}

#footer-static-nav .item {
	display: inline-block;
	padding: 0 8px;
	border-right: solid 1px #4f4540;
	text-transform: uppercase;
	font: bold .8em Arial;
	letter-spacing: 1px;
	color: #fff;
}
#footer-static-nav .item.last-child {border-right: 0;}

#footer-adress {
    position: relative;
	padding: 10px 0;
	border-top: 2px solid #4f4540;
	border-bottom: 2px solid #4f4540;
	text-align: center;
	background: #f6f5f3;
}

#footer-adress .adress {font: bold .8em Arial; color: #4f4540;}

#contact-par-telephone { display: none; }

#contact-par-telephone {
    position: absolute;
    top: 6px;
    right: 12px;
    padding: 4px 6px;
    background: #4f4540;
    -webkit-box-shadow: 1px 1px 2px #b0a39b;
    box-shadow: 1px 1px 2px #b0a39b;
    font-family: Tahoma;
    font-size: .8em;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
}
#contact-par-telephone:hover {background-color: #fff; color: #4f4540;}

#contact-par-telephone.isTel, #contact-par-telephone.isTel a, #contact-par-telephone.isTel:hover {
	background: #fff;
	color: #4f4540;
	text-transform: lowercase;
}

/* Footer nav */
.acces-direct {
	padding: 8px;
	background: #6f5c55;
}

.acces-direct-title h2 {
	padding: 0;
	border: 0;
    text-align: center;
    font: bold 0.87em Tahoma;
    text-transform: none;
}
.title-part {
    display: inline-block;
    vertical-align: middle;
}
.bg-title {
    height: 1px;
    width: 432px;
    border: 1px solid #f6f5f3;
    border-top: none;
    border-left: none;
    border-right: none;
}
[lang="en"] .bg-title {width: 430px;}
.text-title {padding: 0 8px; color: #f6f5f3;}

/* Nav */
.footer-nav {
    display: table;
    width: 100%;
    margin: 14px 0;
    padding-bottom: 32px;
    font: normal .79em Arial;
    color: #f6f5f3;
}

.footer-nav-item a {color: #f6f5f3;}
.footer-nav-title {font: bold 1.1em Arial;}

.footer-nav li {list-style: none inside none;}

.footer-nav-menu {
    display: table-cell;
    padding-left: 20px;
    background: url('/resources/images/pictos/bullet-color.png') no-repeat scroll 0px 0 transparent;
}

/**********************************************/
/****************** BLOCS *********************/
/**********************************************/

#left-zone ul, #center-zone ul, #right-zone ul {list-style: none;}
#left-zone .zone-bloc-li, #right-zone .zone-bloc-li {position: relative; margin-bottom: 14px;}
#left-zone .zone-bloc-li.last-child {margin-bottom: 0;}

#left-zone img, #right-zone img, #left-zone object, #right-zone object {width: 100%;}

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

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

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

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

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

.bloc-composite .title-container {margin: 0;}
.bloc-composite.t3 .title {
	background: #4f4540;
	text-transform: uppercase;
	font: normal 1.18em 'Signika';
	letter-spacing: 1px;
	color: #fff;
}
.bloc-composite.t3 .without-link .title {padding: 8px;}

.bloc-composite.t3 .data-container a { 
	display: block;
	padding: 6px 8px;	
	color: #fff;
}

.bloc-composite .image-container {background: #4f4540;}
.bloc-composite .image-container img {
	display: block;
	width: 226px;
}

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

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

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

/**********************************************/
/************** BLOCS SPECIAUX ****************/
/**********************************************/

.bloc-special {
	padding: 12px;
	background: #d9d5d2;
	font-size: .84em;
	font-family: 'Signika';
}
.bloc-special h3 {
	margin: 0 0 12px 0;
	font: bold 1.2em 'Signika';
	text-transform: uppercase;
	color: #4f4540;
}

/* Bloc multimedia */
.bloc-multimedia {
	padding: 10px 12px;
	text-transform: uppercase;
}

.bloc-multimedia a {
	display: inline-block;
	min-height: 22px;
	line-height: 22px;
	margin: 2px 0;
	padding: 2px 0 0 30px;
	background: none no-repeat scroll center left transparent;
	color: #3b3b3b;
}
.bloc-multimedia a:hover {color: #4f4540;}

.bloc-multimedia .link-phototheque	{background-image: url('/resources/images/blocs/multimedia/phototheque.png');}
.bloc-multimedia .link-brochure		{background-image: url('/resources/images/blocs/multimedia/brochure.png');}
.bloc-multimedia .link-plan-salons	{background-image: url('/resources/images/blocs/multimedia/plan-salons.png');}
.bloc-multimedia .link-video		{background-image: url('/resources/images/blocs/multimedia/video.png');}

/* Bloc nos atouts */
.bloc-nos-atouts-line {margin: 8px 0; padding: 0 0 0 25px; background: url("/resources/images/pictos/bullet-color.png") no-repeat scroll left 2px transparent;}
.bloc-nos-atouts-line.last-child {margin-bottom: 0;}

/* Bloc de devis */
.bloc-devis {padding: 0; background: #4f4540;}
.bloc-devis a {
	display: block;
	padding: 12px;
	text-transform: uppercase;
	text-decoration: none;
	font: bold 1.2em 'Signika'; 
	color: #fff;
}
.bloc-devis a:hover {background: #d9d5d2; color: #4f4540;}

/**********************************************/
/************** FIL D'ARIANNE *****************/
/**********************************************/

.breadcrumbs {
	margin: 0 0 8px 0;
	font-size: 11.4px;
	color: #6f5c55;
}

.breadcrumbs li {
	display: inline;
}
.breadcrumbs li:first-child:before {
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
	padding: 2px 4px;
	border-radius: 8px;
	background-color: #4f4540;
	font-size: .5em;
	color: #fff;
	content: "▶";
}
.breadcrumbs li:after { content: ">"; }
.breadcrumbs li:last-child:after { content: ""; }
.breadcrumbs li.last-child:after { content: ""; }

/**********************************************/
/************* PAVE CONTEXTUEL ****************/
/**********************************************/

.page-contextual {
	margin: 0 0 12px 0;
	padding: 2px 0;
	border-top: 1px solid #4f4540;
	border-bottom: 1px solid #4f4540;
	text-align: right;
}

.page-contextual .item {
	display: inline-block;
	vertical-align: middle;
	font-size: 11.4px;
}

.page-contextual .first-child {
	position: relative;
	float: left;
	top: 2px;
}

.go-back-link {
	display: inline-block;
	height: 15px;
	padding-left: 22px;
	background: url("/resources/images/header/contextual/go-back-link-sprite.png") no-repeat scroll left 0 transparent;
	color: #6f5c55;	
}
.go-back-link:hover { background-position: left -14px; }

.page-contextual .font-size-button {
	font: bold 1.14em Arial;
	color: #6f5c55;
}
.page-contextual .font-size-button:hover { color: #4f4540; }

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

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

.page-contextual .send {background-image: url("/resources/images/header/contextual/mail-sprite.png");}
.page-contextual .print {background-image: url("/resources/images/header/contextual/print-sprite.png");} 

.page-contextual a:hover {color: #4f4540;}

/**********************************************/
/***************** CONTENU ********************/
/**********************************************/

.content {font-size: .85em;}
.content p, .content ul {margin: 0 0 12px 0;}
.content blockquote, .content .quote {font-size: 1.15em;}

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

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

/* Pictos */
.picto-container, .picto-image, .picto-text {display: inline-block; vertical-align: middle;}
.lte-ie8 .picto-container, .lte-ie8 .picto-image, .lte-ie8 .picto-text {display: inline;}

.lte-ie8 .picto-text {position: relative; bottom: 2px;}

.picto-container {margin: 0;}
.picto-text {font-size: .77em; color: gray;}

/**********************************************/
/*************** PAGES PRODUITS ***************/
/**********************************************/

/* Pages produits */
#page-produit .encadre-prestation {
	margin: 10px 0;
	border: 1px solid #4f4540;
	border-radius: 4px;
	background: #d9d5d2;
}
#page-produit .encadre-prestation:last-child {margin-bottom: 0;}
#page-produit .encadre-prestation.last-child {margin-bottom: 0;}

#page-produit .prestation-header {text-align: right;}

#page-produit .titre-prestation {
	display: inline-block;
	float: left;
	position: relative;
	padding: 4px 8px;
	font-family: 'Signika';
	text-transform: uppercase;	
	color: #4f4540;
}

#page-produit .titre-prestation-puce , #page-produit .titre-prestation-text {
	display: inline-block;
	vertical-align: middle;
}

#page-produit .titre-prestation-puce {
	width: 22px;
	height: 22px;
	margin: 0 2px 0 0;
	background: url('/resources/images/product/prestation-puce-bg.png') no-repeat scroll 0 0 transparent;
}

#page-produit .prestation-contextual {
	display: inline-block;
	margin: 8px 8px 8px 0;
	border: solid 1px #4f4540;
	background: #f6f5f3;
	font: bold 0.79em/8px 'Signika';
}

#page-produit .prestation-booking, #page-produit .prestation-options {
	display: table;
	width: 300px;
}
#page-produit .prestation-options {
	padding: 1px 0;
	background: #4f4540;
}

#page-produit .prestation-booking-part, #page-produit .prestation-options-part {
	display: table-cell;
	padding: 4px 0 4px 0;
	text-align: center;
}

#page-produit .prestation-booking-part {background: none repeat-x scroll 0 0 transparent;}
#page-produit .prestation-booking-price {padding-left: 4px; text-align: left;}
#page-produit .prestation-booking-link {padding-right: 4px; text-align: right;}

#page-produit .prestation-booking-link a {
	display: inline-block;
	height: 8px;
	padding: 7px 8px 5px;	
	background: #4f4540;
	text-transform: uppercase;
	text-decoration: none; 
	color: #fff;
}
#page-produit .prestation-booking-link a:hover {
	text-decoration: underline; 
}
#page-produit .prestation-options-part + .prestation-options-part {border-left: solid 1px #fff;}
#page-produit .prestation-options-part a {
	position: relative;
	top: 1px;
	padding-left: 12px;
	background: none no-repeat scroll center left transparent;
	text-transform: uppercase; 
	color: #fff;
}
#page-produit .prestation-menu-link a {background-image: url("/resources/images/product/menu-bg.png");}
#page-produit .prestation-extra-link a {background-image: url("/resources/images/product/extra-bg.png");}

#page-produit .prestation-content {
	padding: 0 8px 8px 8px;	
}

.prestation-description, .prestation-image-container {display: inline-block; vertical-align: top;}

.prestation-description {
	width: 380px;
	padding-right: 6px;
	font: normal 0.79em Arial;
}

.prestation-image-container img {display: block;}

.notabene-produit {
	margin-top: 12px;
	padding: 8px;	
	border: 1px solid #4f4540;
	border-radius: 4px;
	background: #d9d5d2;
	font-size: .75em;
}

/**********************************************/
/**************** PAGES EDITOS ****************/
/**********************************************/

.edito .multi-column {display: table; table-layout: fixed; width: 100%;}

.edito .column {display: table-cell; vertical-align: top;}

.edito .image-column {padding-left: 12px; vertical-align: top; text-align: right;}

.edito .content > p:last-child {margin-bottom: 0;}
.edito #center-zone .content ul {list-style: disc inside none;}

/* Partenaires */
.partners-container {margin: 0; text-align: center;}
.partner {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	margin: 16px;
}

/* Plan des salons */
.plan-salons-image { display: none; }

/**********************************************/
/**************** FORMULAIRES *****************/
/**********************************************/

.full-page-form {
	position: relative;
	padding: 8px 4px;
	border: 1px solid #4f4540;
	background: #d9d5d2;

}

.full-page-form .table {display: table; width: 100%;}

.full-page-form .form-part {display: table-cell; vertical-align: top; width: 50%; padding: 16px;}

.full-page-form h3 {
	display: inline-block;
	padding: 3px 16px;
	background-color: #4f4540;
	font-family: 'Signika';
	font-weight: normal;
	color: #fff;
}

.full-page-form .subtitle {
	display: block;
	float: none;
	padding: 2px 0;
	margin: 0 0 8px 0;
	color: #3d322c;
	font-weight: bold;
	font-size: 1.05em;
	text-transform: uppercase;
	text-align: left;
}

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

.full-page-form label {float: left;}

.full-page-form label.error {
	display: block;
	float: none;
	width: 100%;
	padding: 4px 0;
	text-align: right;
	font: normal .9em Arial;
	font-style: italic;
	color: #f00;
}

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

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

.full-page-form [type="checkbox"] {cursor: pointer;}
.full-page-form .ui-datepicker-trigger {margin: 0 4px; cursor: pointer;}
.full-page-form label.label-captcha { float: none; font-weight: bold; }
.full-page-form .captcha-img{cursor: pointer;}

.full-page-form .required-help {
	position: absolute;
	bottom: 5px;
	left: 5px;
	font-style: italic;
}

/* Formulaire de contact */
.infos-contacts p {
	display: inline-block;
	vertical-align: top;
	margin: 12px;
	padding-left: 20px;
	background: url('/resources/images/pictos/bullet-color.png') no-repeat top left;
}

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

/* Formulaire de devis */
#devis .materiel-audio, #devis .date-flexible {text-align: left;}
#devis .materiel-audio label, #devis .date-flexible label {float: none;}

#devis .date-evenement {text-align: left;}
#devis #input-date {width: 80px;}
#devis .date-part, #devis .time-part {position: relative;}
#devis .time-part input, #devis .time-part label {display: inline-block; float: none;}
#devis .time-part input {width: 28px; text-align: center;}
#devis .date-evenement label.error {float: right;}

.full-page-form .newsletter {text-align: left;}
.full-page-form .newsletter label {float: none;}
#form-devis .form-part + .form-part input[type=text],
#form-devis .form-part + .form-part select {width: 250px;}

/* Page de confirmation */
.full-page-form-confirm {min-height: 218px;}
.full-page-form-confirm .content p:last-child {margin: 12px 0 0 0;} 

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

/* Plan du site */
#sitemap .cell {
	display: inline-block;
	vertical-align: top;
	min-width: 132px;
	padding: 0 0 0 20px;
	background: url('/resources/images/pictos/bullet-color.png') no-repeat scroll 0 0 transparent;
}

#sitemap .content li {margin: 4px 12px 4px 0;}
#sitemap .content a, #sitemap .content li {color: #3b3b3b; font-weight: bold;}

#sitemap .sublevel { margin: 0; }
#sitemap .sublevel a {color: #3b3b3b; font-weight: normal;}
#sitemap .sublevel a:hover, #sitemap .content a:hover {color: #4f4540;}

/* 404 */
#page-not-found {min-height: 240px;}

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


.rgpd-banner-button-confirm:hover,
.rgpd-banner-button-confirm:focus,
.rgpd-banner-button-confirm:active  {
    color: #fff;
}


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

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

#lightbox .content {
	padding: 12px;
	font-size: .9em;
}

#lightbox p {margin: 0;}


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

#lightbox p {
	margin: 0;
}

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

/* Lightbox Menu */
#menuLB {
	padding: 12px;
	border-top: 9px solid #4f4540;
	background: #fff;
}

#menuLB .media {
	display: block;
	max-height: 192px; 
	margin: 12px 0;
}

#menuLB .content {
	height: 497px;
	position: relative;
	border: 1px solid #4f4540;
	border-radius: 4px;
	overflow-y: auto;
}
#menuLB .content ul {margin: 4px 0;	list-style: disc inside none;}

#menuLB .menu-buttons {
	margin: 12px 0;
	text-align: right;
}

/* IE6 */
#ie6LB {
    background: none repeat scroll 0 0 #fff;
    border-top: 9px solid #4f4540;
    height: 330px;
    padding: 12px 19px 12px 18px;
}

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

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

#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; }

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

/* -------------------------------- */
/* Resource Management 				*/
/* -------------------------------- */
@media screen and (min-width: 500px) {
		
} 

/* 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 screen and (max-width:980px) {
	
	/* Dialog */
	.ui-dialog {
		left: 0 !important;
		right: 0 !important;		
		max-width: 476px;
		margin: 0 auto;
		border: 1px solid #aaa;
		-webkit-box-shadow: 0 0 6px 3px #595959;
	    box-shadow: 0 0 6px 3px #595959;
	}
	
	.ui-dialog-titlebar-close {
		width: auto;
		margin: 0 8px 0 0;
		padding: 8px 0;
		top: 0;
		right: 0;
		left: 0;
		background-position: center right;
	}
	.ui-dialog-titlebar-close:hover {background-position: center right;}
	
	.ui-dialog-content {
		height: auto !important;
		width: auto !important;
	}
	
	/* Date picker */
	#ui-datepicker-div {
		left: 0 !important;
		right: 0 !important;
		min-width: 225px;
		margin: 0 auto !important;
		border: 1px solid #aaa;
		-webkit-box-shadow: 0 0 6px 3px #595959;
		box-shadow: 0 0 6px 3px #595959;
	}

	/* Boutons */
	.button, .submit-button, .button-cancel, .highlight-button { 
		padding: 0 12px; 
		border: 1px solid #4f4540;
		background: #4f4540;
	}
	
	.button-cancel {
		border: 1px solid #3b3b3b;
		background: #3b3b3b;
	}
	
	.button:hover, .submit-button:hover, .button-cancel:hover, .highlight-button:hover {
		border: 1px solid #4f4540;
		background: #fff;
		color: #4f4540;
	}
	
	.button-cancel:hover {
		border: 1px solid #3b3b3b;
		background: #fff;
		color: #3b3b3b;
	}
	
	/* Layout */
	#page {
		width: auto;
		margin: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	#left-zone, #right-zone {display: none;}
	#center-zone, .edito #center-zone, .static-page #center-zone {display: block; width: auto; margin: 0;}	
	
	/* Navigation */
	#header-menu .nav {
		display: table;
		table-layout: auto;
		width: 100%;
		background: none;
	}
	#header-menu li {display: table-cell; background: #4f4540; text-align: center;}
	#header-menu li:hover {background: #f6f5f3;}
	#header-menu li a {padding: 4px 2px; line-height: inherit;}
	#header-menu li.go-home {display: none;}
	#header-menu .go-home + li {border-left: 0;}
	
	#header-menu li:hover .submenu {display: none;}
	
	/* Footer */
	#footer-static-nav {padding: 8px 0;}
	
	#footer-adress {padding: 8px 0 12px;}
	#footer-adress .adress {margin: 0 0 4px 0;}
	.acces-direct-title {display: none;}
	.footer-nav {margin: 0 0 32px 0;}
	.footer-nav-menu {padding-left: 0; background: none;}
	
	/* Home */
	#page.home #zone-container {text-align: center;}
	.home #top-zone {width: auto; margin: 0;}

	/* Contenu */
	.title-container {margin: 8px 0;}
	.content p, .content ul {margin: 8px 0;}
	
	/* Pages produits */
	#page-produit .prestation-content {padding-bottom: 6px;}
	.prestation-description {display: block; width: auto; padding-right: 0;}
	.prestation-image-container {display: none;}	
	
	/* Pages éditoriales */
	.edito .column {display: block;}
	.edito .image-column {padding-left: 0; text-align: center;}
	
	/* Formulaires */
	.full-page-form {padding: 8px;}
	.full-page-form .table {display: block;}
	.full-page-form .form-part {display: inline-block; padding: 8px 0; width: 45%;}
	.full-page-form .form-part + .form-part {margin: 0 0 0 9%;}
	
	.full-page-form input[type="text"], 
	.full-page-form select, 
	.full-page-form textarea,
	#contact #input-sujet,
	#form-devis .form-part + .form-part input[type="text"],
	#form-devis .form-part + .form-part select {width: 60%; min-width: 0;}
	
	.full-page-form label {text-align: left; margin: 0; width: 30%;}
	.full-page-form label.error {margin-right: 0;}
	.full-page-form label.subtitle {padding: 2px 0; width: 100%;}
	
	#devis .date-part, #devis .time-part {display: block; margin: 4px 0; position: relative;}
	#devis .time-part label {width: auto;}
	#devis .time-part input {min-width: inherit;}
	#devis .date-evenement label.error {position: absolute; top: 0; right: 0;}
	.full-page-form .required-help {position: static; margin: 0; text-align: left;}
	
}

/*Mobiles*/
@media screen and (max-width: 500px) { 
	
	.only-mobile {display: inherit;}
	
	/* Dialog */
	.ui-dialog {
		left: 12px !important;
		right: 12px !important;
		max-width: inherit;
	}
    
	#ui-datepicker-div {width: 90% !important; min-width: inherit;}
	.ui-datepicker-header {padding: 0 0 .5em 0;}
	
	.ui-datepicker-days-cell a, .ui-datepicker-unselectable {padding: .5em !important;}
	.ui-datepicker-status {padding: .3em .3em 0 .3em; font-size: 1.3em;}
    
   	/* Titres */
	.title-container {padding: 0;}
	h2, .h2 {font-size: 1.4em;}
    
	/* Layout */
	#zone-container {padding: 8px;}
	
	/* Header */
	#header h1 {max-width: 100%; padding: 0;}
	#header h1 a {display: block; padding: 6px 0 0 6px;}
	.website-logo {max-width: 80%; padding: 0 0 8px 0;}
		
	.header-contextual {right: 4px;}
	.header-contextual-item {margin: 0 0 0 4px; padding: 4px 8px;}
	
	/* Menu de navigation -> http://blog.goetter.fr/post/35270489019/creer-un-menu-de-navigation-mobile*/
	.menu-mobile-trigger {display: block; background: #4f4540; font-size: 1.1em;}
	#header-menu .menu-mobile-trigger .nav-open, #header-menu .menu-mobile-trigger .nav-close {padding: 4px; border: 2px solid #fff; color: #fff;}
	
	#header-menu .nav {display: block; width: auto;}
	#header-menu li {background-color: #3e3129}
	#header-menu li:hover {background-color: #4f4540;}
	#header-menu li, #header-menu .go-home + li, #header-menu .contact-link-container {display: block; border: 0; padding: 0; background-image: none;}
	#header-menu a, #header-menu a.active {display: block; margin: 0; padding: 4px 4px 4px 12px; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; text-align: left; color: #fff;}
	#header-menu .nav li a:hover {color: #FFFFFF;}

	#header-menu .header-menu-contact.desktop-only { display: none !important; }
	#header-menu .header-menu-contact.mobile-only { display: inherit !important; }

	#header-menu .header-menu-contact {
		text-align: center ;
		margin: 20px 0 35px 0;
	}

	#header-menu .header-menu-contact a {
		display: initial;
		position:relative;
		top: 5px;
		border: 1px solid #3e3129;
		font-size: 16px;
		padding: 10px;
		color: #6F5C55 !important;
		background-color: #FFFFFF
	}

	#header-menu .header-menu-contact:hover {
		background-color: initial !important;
	}

	#header-menu .header-contact-par-telephone.desktop-only { display: none !important; }

	#body:target #header-menu .nav {border: 2px solid #fff; border-top: 0; background-color: #3e3129;}
	#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 */
	.footer-nav {margin: 0;}
	#footer-static-nav, .footer-nav-menu {display: none;}
	.footer-nav-menu:last-child {display: block;}
	#contact-par-telephone {
		display: initial;
		position: static;
	}

	/* Pavé contextuel */
	.page-contextual {margin-bottom: 0;}
	
	/* Contenu */
	.content {padding: 0;}
	.content p, .content ul {margin: 0 0 8px;}	

	/* Pages rubriques */
	.rubrique .content {text-align: center;}
	.rubrique .bloc-composite:first-child {text-align: left;}
	
	.bloc-composite.t3 {
		width: auto;
		max-width: 100%;
		margin-top: 8px;
	}
	.bloc-composite.t3 .without-link .title, .bloc-composite.t3 .data-container a {padding: 6px 8px;}	
	
	/* Pages produits */	
	#page-produit .prestation-header {text-align: left;}
	#page-produit .titre-prestation {display: block; float: none; text-align: center;}
	#page-produit .titre-prestation:before {content: "";}
	#page-produit .titre-prestation-text {width: 88%;}
	#page-produit .prestation-contextual{display: block; margin: 4px;}
	#page-produit .prestation-booking, #page-produit .prestation-options {width: 100%;}
	#page-produit .prestation-description {width: auto;}
	#page-produit .prestation-menu-link {display: none;}
	#page-produit .prestation-options-part + .prestation-options-part {border-left: 0;}
	
	/* Pages éditoriales */		
	.edito .multi-column, .edito .column {display: block;}
	
	/* Partenaires */
	.partners-container {display: inline-block; margin: 0;}
	.partner {margin: 4px;}
	
	
	/* Plan des salons */
	.plan-salons-flash { display: none; }
	.plan-salons-image { display: block; }
	
	/* Formulaires */ 
	.full-page-form .form-part {display: block;	width: auto;}
	.full-page-form .form-part + .form-part {padding: 0; margin: 0;}
	.full-page-form h3 {padding: 4px;}
	.full-page-form p {text-align: left;}
	.full-page-form label {float: none; display: block;}
	.full-page-form label.error {text-align: left;}
	.full-page-form input[type="text"], .full-page-form select, .full-page-form textarea {width: 60%; max-width: 100%;}
	.full-page-form textarea {width: 97%; width: calc(100% - 16px);}
	.full-page-form select {min-width: inherit; max-width: 97%; }
	.full-page-form .required-help {margin: 8px 0 0 0;}
	.full-page-form label.label-captcha {width: 97%;}
	
	#devis .date-evenement label.error {position: static;}
	#devis .materiel-audio label, #devis .date-flexible label, .full-page-form .newsletter label {display: inline;}
	.full-page-form .hidden {display: none;}
	
}

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

@media print {
	
	/*Général*/
	#header, #footer, #left-zone, #right-zone, .breadcrumbs, .page-contextual, 
	.bloc-composite .link-container, .know-more-button-container, 
	.prestation-image-container, #page-produit .prestation-booking-link, #page-produit .prestation-options,
	.menu-buttons, .navigation-link {
		display: none;
	}
	
	#page, #center-zone {
		margin: 0;
		padding: 0;
		-webkit-box-shadow: 0 0 0 #000;
	    box-shadow: 0 0 0 #000;
	    width: auto;
	}
	#main-zone {padding: 0;}
	
	.title-container h2 {border-left: 0;}
	h2, .h2 {padding-left: 0; border-left: 0;}
	
	.bloc-composite .data-container, .bloc-composite .data-container.without-link {width: auto;}
	.contenu-long {display: block !important;}	
	
	#page-produit .prestation-booking-price {text-align: right;}
	
	.edito .multi-column, .edito .column {display: block; padding: 0; text-align: left;}
	
	#sitemap .cell {padding: 0;}
	
	#lightbox, #menuLB .content {height: auto;}
	#menuLB {padding: 12px 0;}
	
}