@charset "iso-8859-1";

/*@import url(gallery.css);
@import url(elements.css);
@import url(structure.css);
@import url(navigationElements.css);
@import url(form.css);
@import url(boxes.css);
@import url(account.css);
@import url(catalog.css);
@import url(publicationMethods.css);
@import url(search.css);
@import url(board.css);
@import url(annonce.css);
@import url(directory.css);
@import url(community.css);
@import url(googleMap.css);
@import url(skeleton.css);*/
@import url(skeleton_fluid.css);
@import url(layout.css);

.cc-cookies{position:fixed;width:100%;left:0;top:0;padding:.5em 5%;background:#fd8019;font-size:13px;font-weight:700;text-shadow:0 -1px 0 rgba(0,0,0,.35);z-index:99999;text-align:center;color:#fff}.cc-cookies a,.cc-cookies a:hover{color:#fff;text-decoration:underline}.cc-cookies a:hover{text-decoration:none}.cc-overlay{height:100%;padding-top:25%}.cc-cookies-error{float:left;width:90%;text-align:center;margin:1em 0 2em;background:#fff;padding:2em 5%;border:1px solid #ccc;font-size:18px;color:#333}.cc-cookies a.cc-cookie-accept,.cc-cookies a.cc-cookie-decline,.cc-cookies a.cc-cookie-reset,.cc-cookies-error a.cc-cookie-accept,.cc-cookies-error a.cc-cookie-decline{display:inline-block;color:#fff;text-decoration:none;background:#6f8ea3;padding:.5em .75em;border-radius:3px;box-shadow:0 0 2px rgba(0,0,0,.25);text-shadow:0 -1px 0 rgba(0,0,0,.35);-o-transition:background .5s ease-in;-webkit-transition:background .25s ease-in;-moz-transition:background .25s ease-in}.cc-cookies a.cc-cookie-decline,.cc-cookies-error a.cc-cookie-decline{background:#af3b3b;margin-left:.5em}.cc-cookies a.cc-cookie-reset{background:#f15b00}.cc-cookies a:hover.cc-cookie-accept,.cc-cookies a:hover.cc-cookie-decline,.cc-cookies a:hover.cc-cookie-reset,.cc-cookies-error a:hover.cc-cookie-accept,.cc-cookies-error a:hover.cc-cookie-decline{background:#000;-o-transition:background .5s ease-in;-webkit-transition:background .25s ease-in;-moz-transition:background .25s ease-in}.cc-cookies-error a.cc-cookie-accept,.cc-cookies-error a.cc-cookie-decline{display:block;margin-top:1em}.cc-cookies.cc-discreet{width:auto;padding:.5em 1em;left:auto;top:auto}.cc-cookies.cc-discreet a.cc-cookie-reset{background:0 0;text-shadow:none;padding:0;text-decoration:underline}.cc-cookies.cc-discreet a:hover.cc-cookie-reset{text-decoration:none}@media screen and (max-width:768px){.cc-cookies a.cc-cookie-accept,.cc-cookies a.cc-cookie-decline,.cc-cookies a.cc-cookie-reset{display:block;margin:1em 0}}@media screen and (max-width:480px){.cc-cookies{position:relative;float:left}};


/* ---------------------
INITIALISATION DES STYLES
------------------------*/
* {
	border: 0;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

/* --------------
ZONE EXTERIEURE
-----------------*/
body {
	/* Image de l'arriÃ¨re-plan de la page */
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:160%;
}

/* ---------------
APPARENCE DES IMAGES
-----------------*/
img {
	border:0;
	vertical-align: bottom;
	max-width: 100%;
}

a {
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

	a:hover {
		font-style: italic;
		-moz-opacity: 0.80;
		-khtml-opacity: 0.80;
		opacity: 0.80;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
		filter: alpha(opacity=80);
	}

/* --------------
TRICKS
-----------------*/
.hide  { display: none; }
.clear {
	border:0;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
.relative { position: relative; }

.posLeft  { float: left; }
.posRight { float: right; }

.txtcenter { text-align: center; }

.arrowBlack {
	position: absolute;
	left: 5px;
	bottom: -5px;
	display: block;
	width: 10px !important;
	height: 5px !important;
	padding: 0;
	margin: 0;
	background: url(/common_images/community/bg_arrow.png);
}
.arrowBlack.reverse {
	left: auto;
	right: 5px;
}
.arrowContent {
	position: absolute;
	top: -30px;
	left: 0px;
	z-index: 200;
	display: none;
	padding: 3px 5px;
	font-size: 11px;
	color: #fff;
	background: #000;
	white-space: nowrap;
}
*:hover > .arrowContent { display: block; }



/* -------------------------
GABARITS DE MISES EN PAGE
-------------------------*/
/*3 colonnes : Col gauche | contenu | Col droite*/
.layoutLeftContentRight #leftbar {
	margin: 10px 0 0 -970px;
	width: 237px;
}
.layoutLeftContentRight #contents { padding: 10px 210px 10px 210px; }
.layoutLeftContentRight #contentsInner { width: 550px; }
.layoutLeftContentRight .product_detail #ProductRightCol { width: 160px; }
.layoutLeftContentRight .cart table {
	overflow: auto;
	width: 475px;
	display: block;
}
/*2 colonnes : contenu | Col droite*/
.layoutContentRight #contents { padding: 10px 220px 10px 10px; }
/*2 colonnes : col gauche | contenu*/
.layoutLeftContent #contents { 
	padding:40px 10px 10px 25%;
	max-width: 960px; 
}
/*1 colonne : contenu*/
.layoutContent #contents { padding:10px; }


/*+++++++++++++++++++++++++++++++++++++
------- Background Full Screen --------
+++++++++++++++++++++++++++++++++++++*/

/* Center my loader */
#maximage {
    display:none;
}

/*I want to style my pager*/
#cycle-nav {
    position: fixed;
    right: 10px;
    bottom: 10px;
}
	#cycle-nav ul {
	    list-style-type:none;
	}
		#cycle-nav ul li {
		    /*border:1px solid #ffffcc;*/
		    float:left;
		    margin:4px;
		}
			#cycle-nav ul li a {
			  	border-radius:50%;
			  	width:10px;
			  	height:10px;
			    background:#000000;
			    float:left;
			}
			#cycle-nav ul li.activeSlide {
				border-radius:50%;
			  	width:10px;
			  	height:10px;
			    background:#fd8019;
			    float:left;
			}

			#cycle-nav ul li.activeSlide a{
			    background:#fd8019;
			}

/* Other random styles */
#arrow_left, #arrow_right {text-decoration:none;}
a {color:#fff;}
a:hover {text-decoration:none;}
a:active {color:#999;}
hr {clear:both;}
p {margin-bottom:10px;}
.largeTxt {font-size:30px;}

/* Gestion de l'affichage des slides */

.in-slide-content {
	color: white;
	padding: 15px 2%;
	background: rgba(0,0,0, 0.5);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#bf000000');
	width: 35%;
	margin: 10% 5% 0 auto;
	font-size: 15px;
}

	.in-slide-content span {
		color: #fd8019;
	}

	.in-slide-content p {
		margin: 0;
	}

	.pageContenu .imagesHome {
		display: none;
	}

	.pageContenu #cycle-nav {
		display: none;
	}

	.pageRea .imagesHome {
		display: none;
	}

	.pageRea #cycle-nav {
		display: none;
	}

	.pageContact .imagesHome {
		display: none;
	}

	.pageContact #cycle-nav {
		display: none;
	}

	.imagesPresentation {
		display: none;
	}

	.pagePresentation .imagesPresentation {
		display: block;
	}

	.imagesInterieur {
		display: none;
	}

	.pageInterieur .imagesInterieur {
		display: block;
	}

	.imagesExterieur {
		display: none;
	}
 
	.pageExterieur .imagesExterieur {
		display: block;
	}

	.pagePros .imagesExterieur {
		display: block;
	}

	.pagePartenaires .imagesExterieur {
		display: block;
	}

	.imagesContact {
		display: none;
	}

	.pageContact .imagesExterieur {
		display: block;
	}

	.pageMentions .imagesPresentation {
		display: block;
	}

	.contactClassique .map {
		display: none;
	}

  	
/*+++++++++++++++++++++++++++++++++++++
--------------- Header  ---------------
+++++++++++++++++++++++++++++++++++++*/

.liseret {
	height: 5px;
	width: 100%;
	background: #fd8019;
}

#header {
}

#header .fb-like {
	position: absolute;
	left: 25%;
	top: 25px;
	z-index: 10;
}

	#headerInner #logo{
		display: none;
	}

		#logo a {
			width: 100%;
			height: 98px;
			margin: 20px auto 15px auto;
			display: block;
			-moz-transition: all 0.2s ease-in;
			-webkit-transition: all 0.2s ease-in;
			-o-transition: all 0.2s ease-in;
			transition: all 0.2s ease-in;
		}

		#logo a:hover {
				-moz-opacity: 0.80;
				-khtml-opacity: 0.80;
				opacity: 0.80;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
				filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
				filter: alpha(opacity=80);
			}

		#logo span {
			display: none;
		}

/*+++++++++++++++++++++++++++++++++++++
----- ZONE INTERIEURE (CONTENU)   -----
+++++++++++++++++++++++++++++++++++++*/

#wrapper {
	color:#666;
	margin:0 auto;
	width:100%;
}

	#wrapperInner {
		width:100%;
		margin:0 auto;
	}

#container {
	float:left;
	width:100%;
}

.container {
	max-width: 100%;
}

#contentsInner {
	padding: 0;
	width: 48%;
	max-width: 362px;
	margin: 0 auto;
	margin-bottom: 20px;
}

	.pageAccueil #contentsInner {
		display: none;
	}

	#contents h1 {
		background: #fd8019;
		color: #fff;
		font-family: 'Helvetica';
		font-size: 23px;
		font-weight: lighter;
		width: 90%;
		padding: 5px 5%;
		text-align: center;
		margin-bottom: 15px;
	}

	#contents h2 {
		color: #ffffff;
		text-shadow: 0px 0px 6px rgba(0, 0, 0, 1);
		text-transform: uppercase;
		padding: 0 0 10px 0;
		font-weight: lighter;
	}
		

		#article {
		}

		#article a {
			font-weight: bold;
			color: #78bbb1;
			-moz-transition: all 0.2s ease-in;
			-webkit-transition: all 0.2s ease-in;
			-o-transition: all 0.2s ease-in;
			transition: all 0.2s ease-in;
		}

			#article a:hover {
				-moz-opacity: 0.80;
				-khtml-opacity: 0.80;
				opacity: 0.80;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
				filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
				filter: alpha(opacity=80);
			}

		#article p {
			padding: 0 0 5px 0;
			color: #342e2e;
		}

		#article ul {
			padding: 0 0 5px 30px;
		}

		#article .linkMore {
			background: url(../images/template/ensavoirplus.png) no-repeat #8acbc1;
			width: 108px;
			height: 16px;
			display: block;
			color: #ffffff;
			float: right;
			padding-bottom: 5px;
			text-align: center;
		}

/* ------------
COLONNES
--------------*/
#leftbar {
	float: left;
	/* margin: 10px 0 0 -965px; */
	width: 20%;
	min-height: 910px;
	position: absolute;
	padding: 0 0 0 0;
	top: 0;
	background: rgba(0,0,0, 0.5);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#bf000000');
	left: 3%;
	height: 100%;
	max-width: 219px;
}

	#leftbar #logo {
		width: 85%;
		margin: 0 auto;
	}

/*+++++++++++++++++++++++++++++++++++++
---------- Navigation à gauche --------
+++++++++++++++++++++++++++++++++++++*/

#smart-toggle {
	display: none;
	width: 180px;
}

	#smart-toggle img {
		float: left;
	}

	#smart-toggle span {
		float: left;
		line-height: 40px;
		color: white;
		font-size: 25px;
	}

#nested {
}

	#nested ul {
		padding: 0 0 0 0;
	}

		#nested ul li {
			list-style-type: none;
		}

		#nested ul li:last-child{
			border: none;
		}

			#nested .firstLevel li {
				list-style-type: none;
				border-bottom: 1px solid #ffffff;
				width: 85%;
				margin: 0 auto;
			}


			#nested ul li.nos_agencements {
				padding-bottom: 10px;
			}

				#nested ul li.nos_agencements a{
					
				}

			#nested .firstLevel li.mentions_legales {
				border: none;
			}

			#nested .firstLevel li.demander_un_devis {
				width: 100%;
				background: url(../images/template/bouton_contact.png) center;
				height: 34px;
				border: none;
				padding: 0;
			}

				#nested .firstLevel li.demander_un_devis a {
					text-align: center;
					line-height: 34px;
					padding: 0;
					text-transform: uppercase;
					font-size: 15px;
				}

			#nested .firstLevel li.contact {
				display: none;
			}

			#nested ul li a {
				color: #ffffff;
				font-family: 'Helvetica';
				width: 100%;
				display: block;
				padding: 10px 0;
			}

			#nested ul li a:hover {
				font-style: italic;
				/*text-shadow: 0px 0px 8px rgba(255, 255, 255, 1);
				color: #000000;*/
			}

			#nested ul li.active a {
				font-style: italic;
				/*color: #000000;
				text-shadow: 0px 0px 8px rgba(255, 255, 255, 1);*/
			}

			#nested .firstLevel .link_facebook {
				width: 55%;
			}
				.link_facebook a {
					text-align: center;
					background: url(/images/template/picto_facebook.png) no-repeat left center;
					padding: 0;
				}

/*---------------------------------
---- Navigation de 2ème niveau ----
---------------------------------*/

#nested ul li.nos_agencements ul li {
	border: 1px solid #ffffff;
	margin-bottom: 10px;
	width: 100%;
	height: 80px;
}

	#nested ul li.nos_agencements ul li.agencements_interieurs {
		background: url(../images/template/rubrique_interieurs_photos.jpg) no-repeat center;
	}

	#nested ul li.nos_agencements ul li.agencements_exterieurs {
		background: url(../images/template/rubrique_exterieurs_photos.jpg) no-repeat center;
	}

	#nested ul li.nos_agencements ul li.agencements_pros {
		background: url(../images/template/rubrique_pros_photos.jpg) no-repeat center;
	}

	#nested ul li.nos_agencements ul li:first-child {
		border: 1px solid #ffffff;
	}

	#nested ul li.nos_agencements ul li:last-child {
		border: 1px solid #ffffff;
		margin-bottom: 0;
	}

		#nested ul li.nos_agencements ul li a{
			height: 80px;
			line-height: 45px;
			display: block;
		}

		#nested ul li.nos_agencements ul li.agencements_interieurs a {
			padding: 0 0 0 5%;
			font-size: 20px;
			color: #333333;
		}

		#nested ul li.nos_agencements ul li.agencements_exterieurs a {
			padding: 0 5% 0 0;
			font-size: 20px;
			text-align: right;
			width: 95%;
		}

		#nested ul li.nos_agencements ul li.agencements_pros a {
			padding: 0 0 0 5%;
			font-size: 20px;
			color: #fd8019;
		}

			.pageAccueil #nested ul li.accueil a {
				/*color: #000000;
				text-shadow: 0px 0px 8px rgba(255, 255, 255, 1);*/
			}

/* Bloc Contact dans la barre lattérale */

.boxContactMail {
	min-height: 150px;
	color: #ffffff;
	text-align: center;
	font-size: 16px;
	padding: 10px 0;
	line-height: 35px;
	background: url(../images/template/stripe_boxContact.png);
}

	.boxContactMail h4 {
		display: none;
	}

	.boxContactMail .labelTel {
		color: #fd8019;
	}

	.boxContactMail a {
		color: #ffffff;
		text-transform: uppercase;
		border: 1px solid #ffffff;
		padding: 2% 8%;
	}


/* Spécifications sur les pages Réalisations */

.newsArchivesLink {
	display: none;
}


.pageRea #leftbar {
	min-height: 1300px;
}

.pageRea #contentsInner {
	padding: 0;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 20px;
}

.pageRea #contents h1 {
		background: #fd8019;
		color: #fff;
		font-family: 'Helvetica';
		font-size: 23px;
		font-weight: lighter;
		width: 40%;
		margin: 0 auto 15px 22%;
	}

	.pageRea #contents h2 {
		color: #ffffff;
		text-shadow: 0px 0px 6px rgba(0, 0, 0, 1);
		text-transform: uppercase;
		font-weight: lighter;
		border-bottom: 1px solid #ffffff; 
		padding: 10px;
		margin-bottom: 5px;
	} 
	
	.pageRea #contents .description {
		color: white;
		padding: 5%;
		background: rgba(0,0,0, 0.5);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#bf000000');
	}

	.newsContainer {
		margin-bottom: 25px;
		min-height: 365px;
	}

	.pageRea #news #text h3 {
		color: white;
		padding: 10px 5%;
		font-weight: normal;
		background: rgba(0,0,0, 0.5);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#bf000000');
	}

	.linksmore a {
		background: url(../images/template/bouton_savoirplus.png) no-repeat center;
		display: block;
		width: 100%;
		height: 24px;
		font-size: 13px;
		line-height: 24px;
		text-align: center;
		font-style: italic;
		color: #ffffff;
	}

	#article .linksmore a {
		color: #ffffff;
	}
	
	/* Diaporama Réalisations */

		.pageRea #contents #news h1 {
			margin: 0 auto 15px auto;
		}

		.pageRea #contents #news #text {
			padding-bottom: 20px;
			border-bottom: 1px solid #ffffff; 
			margin-bottom: 20px;

		}

		.DetailNewsInterieur #contentsInner {
			width: 70% !important;
			max-width: 570px;
		}

			.DetailNewsInterieur #leftbar {
				min-height: 900px;
			}

			.DetailNewsInterieur #contents h1 {
				width: 55%
			}

	.diaporamaRea {
		margin: 0 auto;
		width: 100% !important;
	}

		.diaporamaRea .galleria-container {
			background: none;
			width: 100% ! important;
		}

		.diaporamaRea .galleria-info-link {
			display: none;
		}

		.diaporamaRea .galleria-stage {
			top : 0!important;
			left: 0!important;
			right: 0!important;
		}

		.diaporamaRea .galleria-thumbnails-container {
			left: 0 !important;
			right: 0 !important;
		}

		.diaporamaRea .galleria-images .galleria-image {
			width: 100% !important;
		}

		.diaporamaRea .galleria-thumbnails .galleria-image {
			background: #fff;
			margin: 0 5px 0 0;
			border: none !important;

		}

			.diaporamaRea .galleria-info {
				width: 60% !important;
				top: 50% !important;
				left: 35% !important;
				z-index: 2 !important;
				position: absolute !Important;
			}

				.diaporamaRea .galleria-info .galleria-info-text {
					background: rgba(0,0,0, 0.5) !important;
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#bf000000');
				}

					.diaporamaRea .galleria-info .galleria-info-title {
						color: #fd8019;
						font-weight: normal;
						font-size: 15px;
					}

						.diaporamaRea .galleria-info .galleria-info-description {
							color: #ffffff;
							font-style: normal;	
							font-family: Arial;
						}

			.diaporamaRea  .galleria-layer {
				width: 100% !important;
			}

				.diaporamaRea .galleria-image img {
					max-width: 100% !important;
					width: 100% !important;
					height: auto !important;
				}

	.back a {
		background: url(../images/template/boutonSubmit.png);
		width: 154px;
		height: 24px;
		color: white;
		line-height: 24px;
		text-align: center;
		float: left;
		border: 0;
		box-shadow: none;
		cursor: pointer;
	}

.pagePartenaires #contents #text{
	color: white;
	padding: 5%;
	background: rgba(0,0,0, 0.5);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#bf000000');
}



/* Formulaire de contact */

.pageContact #contentsInner {
	width: 70%;
	max-width: 100%;
}
	
	.pageContact #contents h1 {
		width: 58%;
		float: right;
		text-transform: uppercase;
		font-size: 17px;
		padding: 5px 5%;
	}

	.pageContact form {
		clear: both;
	}

.row {
	margin-bottom: 10px;
}

label {
	width: 30%;
	float: left;
	color: #ffffff;
	text-align: right;
	text-shadow: 0px 1px 5px rgba(150, 150, 150, 1);
	font-size: 15px;
}
	
input {
	width: 63%;
	padding: 0 2%;
	margin-left: 2%;
	height: 20px;
	border: 1px solid #DBD9D9;	
	-webkit-box-shadow:inset 2px 2px 15px 1px #DBD9D9;
	box-shadow:inset 2px 2px 15px 1px #DBD9D9;
}

select {
	width: 67% !important;
	padding: 0 2%;
	margin-left: 2%;
	height: 20px;
	border: 1px solid #DBD9D9;	
	-webkit-box-shadow:inset 2px 2px 15px 1px #DBD9D9;
	box-shadow:inset 2px 2px 15px 1px #DBD9D9;
}

	
textarea {
	width: 63%;
	padding: 0 2%;
	margin-left: 2%;
	height: 80px;
	border: 1px solid #DBD9D9;	
	-webkit-box-shadow:inset 2px 2px 15px 1px #DBD9D9;
	box-shadow:inset 2px 2px 15px 1px #DBD9D9;
}

#submitid {
	background: url(../images/template/boutonSubmit.png);
	width: 154px;
	height: 24px;
	font-size: 13px;
	color: white;
	text-transform: uppercase;
	float: right;

	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	cursor: pointer;
}

#reset {
	display: none;
}


#overDiv {
	top: 0; 
	left: 0; 
}

.errorForm {
	color: red;
	text-shadow: 0px 1px 5px rgba(150, 150, 150, 1);
}
.logoDevis {
	width: 58%;
	float: right;
	padding-bottom: 10px;
}
.map {
	padding-top: 45px;
}

	.map #divmap_3 {
		width: 68% !important;
		float: right;
	}

	.logoDevis {
		color: white;
		padding: 10px 5%;
		margin-bottom: 10px;
		background: rgba(0,0,0, 0.5);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#bf000000');
	}


	.logoDevis img {
		float: left
	}

	.logoDevis p {
		float left;
		text-align: right;
	}

.pageMentions #leftbar {
	min-height: 1620px;
}

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
    	#nested .firstLevel li.demander_un_devis a {
			font-size: 12px;
		}

		.newsContainer {
			margin-bottom: 25px;
			min-height: 310px;
		}
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (max-width: 767px) {	

    	.in-slide-content {
			color: white;
			padding: 15px 5%;
			background: rgba(0,0,0, 0.5);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#bf000000');
			width: 80%;
			position: absolute;
			margin: 0 5%;
			font-size: 15px;
			top: 50%;
		}

    	#smart-toggle {
			display: block;
			background: none;
		}

		#page {
			top: 55px;
		}

		#headerInner #logo{
			display: block;
			margin: 0 auto;
			width: 153px;
		}

		#contentsInner {
			padding: 0;
			width: 90%;
			max-width: 90%;
			margin: 0 auto;
			margin-bottom: 20px;
		}
		#nested {
			position: fixed;
			top: 0;
			left: -100%;
			z-index: 1000;
			height: 100%;
			width: 86%;
			margin: 0;
			background: rgba(0,0,0, 0.5);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#bf000000');
			border: 0;
			z-index: 10;
		}

			#nested .firstLevel li {
				list-style-type: none;
				border-bottom: 1px solid #ffffff;
				border-top: none;
				width: 80%;
				margin: 0 auto;
			}

			#nested .firstLevel li.contact {
				display: block;
			}

			#nested .firstLevel li.active .secondLevel li.active a {
				background: none;
				padding: 0;
			}


		#leftbar {
			float: left;
			margin: 0;
			width: 100%;
			min-height: 0;
			position: fixed;
			padding: 0 0 0 0;
			top: 0;
			background: #fd8019;
			left: 0;
			height: 55px;
			max-width: 100%;
		}

			#leftbar #logo {
				display: none;
			}

		.pageRea #leftbar {
			min-height: 0;
		}

		.pageMentions #leftbar {
			min-height: 0;
		}

    	.layoutLeftContent #contents {
			padding: 40px 10px 10px 10px;
			max-width: 960px;
		}

		.boxContactMail {
			display: none;
		}

		.pageRea #contents h1 {
			margin: 0 auto 15px auto;
		}
		.pageContact #contentsInner {
			width: 90%;
			max-width: 100%;
		}

			.pageContact #contents h1 {
				width: 90%;
				float: none;
			}

		.DetailNewsInterieur #contentsInner {
			width: 90% !important;
		}

		.newsContainer .linksmore {
			margin-bottom: 25px;
		}

		.linksmore a {
			height: 45px;
			line-height: 45px;
		}

		.newsContainer .linksmore {
			background: url(../images/template/bouton_savoirplus.png) no-repeat center #fd8019;
		}

		#cycle-nav {
			display: none;
		}

    }





