@charset "utf-8";

body {
	background-image: url(../images/background2.jpg);
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
	color: #331c0d;
	font-size: 12px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #FFF;
	margin: 0px;
	line-height: 40px;
	font-weight: 100;
	padding: 0px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #3d2414;
	margin: 0px;
	line-height: 26px;
	font-weight: bold;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #3d2414;
	margin: 0px;
	line-height: 26px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-weight: 200;
}
h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #3d2414;
	margin: 0px;
	line-height: 26px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-weight: 200;
}
li {
	list-style-type: square;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 5px;
}
ul{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
p{
	margin: 0px;
	padding: 0px;	
}
ol{
	margin: 0px;
	list-style-type: decimal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
}
.brun {
	
	color: #371f0f;
}

.vert {
	color: #49b848;
	margin: 0px;
	padding: 0px;
}
.container{
	width:940px;
	margin-left:auto;
	margin-right:auto;
}
.container-up{
	width:940px;
	height:125px;
	margin-left:auto;
	margin-right:auto;
}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: none;
	color: #000;
}
a:active {
	text-decoration: none;
	color: #000;
}
.bouton-flash-3d:link {
	color: #FFF;
	text-decoration: none;
}
/*FIN STRUCTURE*/


/*DÉBUT HEADER*/


.entete{
	width:940px;
	clear: both;
	background-repeat: no-repeat;
	background-position: right top;
	height: 125px;
}

.logo{
	float:left;
	padding-right: 15px;
	padding-top: 15px;
	width: 260px;
	height:100px;
}
.logo2{
	float:right;
	padding-right: 15px;
	padding-top: 15px;
}
.c-droite-header{
	width:640px;
	float: left;
	height: 40px;
}
.langues{
	text-align: left;
	background-repeat:no-repeat;
	float: right;
	font-size: 10px;
	font-weight: bolder;
	text-decoration: underline;
	height: 25px;
	padding-right: 25px;
	padding-top: 10px;
	margin-top: -10px;
	background-position: center top;
}
.logo-description{
	width:400px;
	padding-left: 15px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #371f0f;
	float: left;
	padding-top: 4px;
}
#menu{
	width:640px;
	float:left;
	height: 27px;
	padding-top: 20px;
}
.menu{
	float:left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #311908;
	padding-right: 21px;
	padding-left: 21px;
	font-size: 12px;
	font-weight: bold;
	height: 25px;
}
/*FIN HEADER*/

/* FLASH*/
#flash{
	height: 210px;
	float: left;
	width: 100%;
	padding-top: 5px;
}
.flash{
	height: 280px;
	float: left;
	width: 916px;
	;
	padding-top: 25px;
}
/* FLASH*/

/*DÉBUT CONTENU*/
#titre{
	float:left;
	width: 930px;
	background-image: url(../images/back-sous-titre.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 15px;
	height: 13px;
	padding-left: 0px;
}

.titre{
	float: left;
	height: 50px;
	font-weight: bolder;
	font-size: 18px;

}
.titre2{
	float:left;
	width: 920px;
	background-image: url(../images/back-sous-titre.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 15px;
	height: 20px;
	padding-left: 10px;
}
.ligne-titre{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3d2414;
	float: left;
	width: 685px;
	height: 17px;
}

#zone-vignette{
	float: left;
	width: 310px;
}

.vignette{
	float:left;
	width: 290px;
}
.image-vignette{
	float:left;
}


/*TEASER MUR 3D*/

.teaser-3d{
	background-image:url(../images/teaser-3d.jpg);
	width:608px;
	height:396px;
	float:left;
}

.teaser-3d-section{
	background-image: url(../images/section-avantage/isolation-performance/teaser-video3d.jpg);
	width:479px;
	height:123px;
	float:left;
}

/*FIN TEASER MUR 3D*/
.c-gauche-accueil{
	float: left;
	width: 608px;
}
.c-droite-accueil{
	float: left;
	width: 300px;
	padding-left: 20px;
}
.texte-vignette{
	float:left;
	width: 287px;
	font-size: 12px;
	padding-top: 20px;
}
.icone-cliquez{
	float:left;
	padding-top: 10px;
	padding-bottom: 20px;
}
/*FIN CONTENU*/

/*DÉBUT FOOTER*/

#footer{
	background-image:url(../images/back-footer.jpg);
	height: 97px;
	width: 615px;
	margin-top: 50px;
	float: left;
	padding-left: 300px;
	background-repeat: no-repeat;
	background-position: center top;
}
#footer-accueil{
	background-image: url(../images/back-footer-soumission-accueil.jpg);
	height: 97px;
	width: 588px;







	margin-top: 42
.px;
	float: left;
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 65px;
}
.info-footer{
	float:left;
	width: 300px;
	padding-top: 5px;
	padding-right: 35px;
	height: 60px;

}
.telephone-footer{
	float:left;
	padding-top: 20px;
	height: 45px;

}
.icone-contact-footer{
	float:left;
	padding-top: 40px;
	padding-left: 30px;

}
.footer2{
	width:915px;
	float:left;
	margin-top: 60px;
	padding-top: 20px;
	padding-bottom: 10px;
	background-image:url(../images/back-footer2.jpg);
	background-repeat:no-repeat;

}
/*FIN FOOTER*/

/*PAGE TYPE*/
.sous-titre{
	width:915px;
	height:48px;
	float:left;
	margin-top: 50px;
	padding-top: 20px;
	background-image: url(../images/background-sous-menu-section.png);
	background-repeat:no-repeat;
}
.sous-sous-titre{
	float:left;
}
.sous-menu{
	float:left;
	color: #FFF;
	font-size: 16px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 10px;
}

.sous-menu:link {
	color: #FFF;	
	
	
}
.c-gauche{
	width:415px;
	float:left;
}
.c-gauche-image{
	float:left;
}
.c-droite{
	width:480px;
	float:right;
	padding-right: 23px;
}
.thumbs{
	width:133px;
	height:133px;
	float:left;
	margin-bottom: 23px;
	margin-right: 23px;
	background-color: #000;
}
.flash-3d{
	width:916px;
	height:563px;
	background-image:url(../images/3D/back-zone-flash.jpg);
	float:left;
	margin-top: 20px;
	background-repeat: no-repeat;
}

.bouton-flash-3d{
	padding-left:20px;
	float:left;
	color: #FFF;
	padding-top: 15px;
	font-size: 11px;
}
.video{
	width:868px;
	height:482px;
	float:left;
	margin-top: 50px;
	margin-left: 24px;
}

/******************   MENU  ***********************/

/* Enleve le style de la liste */
	#nav {
	width:640px;
	margin:0;
	padding:0;
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3f2616;
	font-weight: bold;
}
/* fait apparatre le li en inline */
		/* Ici La position relative rend possible l'utilisation de la position absolue dans le menu */
		#nav li {
	padding-left:8px;
	padding-right:8px;
	padding-top:10px;
	height:15px;
	float:left;
	display:block;
	position:relative;
	z-index:500;
	margin:0 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3f2616;
	font-weight: bold;
}
/* Le menu parent */
		#nav li a {
	display:block;
	padding:8px 5px 0 5px;
	font-weight:700;
	height:15px;
	text-decoration:none;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3f2616;
	font-weight: bold;
}
#nav li a:hover {
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3f2616;
	font-weight: bold;
}
/* Le style par default de l'élement selectionner */
		#nav a.selected {
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3f2616;
	font-weight: bold;
}
/* Sous-menu, cacher par défault */
		#nav ul {
	text-decoration:none;
	background-color: #FFF;
	/* for IE */
    filter:alpha(opacity=80);
	/* CSS3 standard */
    opacity:0.80;
	position:absolute;
	left:0;
	display:none;
	list-style:none;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3f2616;
	font-weight: bold;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}
#nav ul li {
	text-decoration:none;
	text-align:left;
	width:100px;
	float:left;
	border-top:1px solid #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3f2616;
	font-weight: bold;
}
/* LE display:block va faire en sorte de remplir toutes l'espace du li*/
		#nav ul a {
	text-decoration:none;
	text-align:left;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3f2616;
	font-weight: bold;
	height: 15px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
}
#nav ul a:hover {
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4cb848;
}
/* FIX pour IE6 */
		/* A eviter */
		/* devrait être dans son propre css */
		*html #nav ul {
	margin:0 0 0 -2px;
}


/**************************** FORM ********************************/

.formContainer{width:85%;}
#frmContact label {display:block;margin:6px 0px 2px 0px;font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #3d2414;margin: 0px;line-height: 20px;}
#frmContact label.chkBox {display:block;margin:2px 0px 2px 0px;font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #3d2414;margin: 0px;line-height: 20px;}
#frmContact input.textbox{width:300px;margin:2px 20px 2px 0px;}
#frmContact input.error{color:#f00;border:#f00 1px solid;}