/* Mise en page générale */
body{
	background-color: #d1cbcb;
	font-family: Lucida grande, Arial, sans-serif;
	margin: 0;
}
h1{
	color: #dc0005;
	font-size: 17px;
	margin: 0 0 20px 0;
	padding: 0;
}
h2{
	border-bottom: 2px solid #a1df58;
	color: #dc0005;
	font-size: 14px;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
}
h3{
	font-size: 13px;
}
p, li{
	font-size: 12px;
}

#page{
	background-color: #fff;
	border: 1px solid #69615f;
	margin: 0 auto 20px auto;
	width: 1000px;
}
#contenu{
	padding: 30px;
}
.colonne{
	float: left;
	margin: 0 0 0 30px;
	width:100%;
}
.colonne.untiers{
	width: 293px;
}
.colonne.deuxtiers{
	width: 616px;
}
.colonne.first{
	clear: left;
	margin-left: 0;
}

/* Haut de page */
#haut #bandeau{
	background: url(/images/img/entete.png) no-repeat;
	height: 161px;
}
#haut h1{
	float: left;
	margin: 30px 0 0 30px;
}
#haut h1 a{
	background: url(/images/img/logo.png) no-repeat;
	display: block;
	height: 93px;
	width: 355px;
}
#haut h1 a span{
	display: none;
}
#haut address{
	background: url(/images/img/env.png) no-repeat 98% 50% #dc0005;
	cursor: pointer;
	float: right;
	font-style: normal;
	font-size: 12px;
	margin: 0;
	padding: 5px 50px 5px 10px;
	text-align: center;
}
#haut address, #haut address a{
	color: #fff;
	text-decoration: none;
}
#haut .menu{
	background: url(/images/img/fond_menu.gif);
	clear: both;
	height: 40px;
	margin: 0;
	padding: 0;
}
#haut .menu li{
	float: left;
	list-style: none;
}
#haut .menu li a{
	background: url(/images/img/fond_menu.gif);
	color: #e2ddde;
	display: block;
	float: left;
	line-height: 40px;
	padding: 0 20px;
	text-decoration: none;
}
#haut .menu li a:hover,
#haut .menu li.selected a{
	background: url(/images/img/fond_roll.gif);
	color: #fff;
}
#haut .menu ul{
	position: absolute;
	margin: 40px 0 0 -40px;
	float: left;
	z-index: 200;
}
#haut .menu ul li, #haut .menu ul li a{
	width: 200px;
	clear: left;
	background-image: none!important;
	background-color: #9c9495;
}
#haut .menu ul li a:hover{
	background-color: #bdb4b5;
}
#haut .menu ul li{
}
#haut .menu ul li a{
	line-height: 30px;
}
/* Bas de page */
#bas{
	background-color: #69615f;
	clear: both;
	color: #fff;
	line-height: 30px;
	text-align: center;
}
#bas address{
	font-style: normal;
	font-size: 12px;
}
#bas address a{
	color: #fff;
	text-decoration: none;
}
#bas address a:hover{
	text-decoration: underline;
}

#partenaire_annuaire{
	font-size:11px;
}

#partenaire_annuaire a{
	color:white;
	text-decoration:none;
}

/* Contenu */
#contenu .img{
	clear: right;
	float:right;
	text-decoration:none;
	margin:0 0 20px 0;
}
#contenu .img .legende{
	background-color: #6e81a6;
	border: 1px solid #ddd;
	color: #fff;
	font-size: 10px;
	padding: 5px;
	width: 290px;
}
#contenu .img .legende.p66{
	width: 510px;
}
#contenu .img.left{
	float:left;
}
#contenu .img .legende .num{
	font-weight: bold;
	color: #C50000;
}
#contenu .img .source{
	font-size: 9px;
	font-weight: bold;
	text-align: right;
}
.credit{
	background-image: url(/images/patch_credit_impot.png);
	float: right;
	height: 100px;
	margin: 0;
	width: 155px;
}
.credit span{
	display: none;
}

/* Diaporamas */
div.diaporama ul{
	float: left;
	overflow: hidden;
	padding: 0;
	margin: 0 10px 10px 10px;
	height: 300px;
	width: 400px;
	position: relative;
}
div.diaporama ul.photos li{
	float: left;
	list-style: none;
	position: absolute;
	margin-left: 400px;
}
div.diaporama ul.photos li a{
	text-decoration:none;
}
div.diaporama ul.photos li img{
	border:none;
	cursor: pointer;
}
div.diaporama .g,
div.diaporama .d{
	display: block;
	float: left;
	height: 24px;
	width: 24px;
}
div.diaporama .g span,
div.diaporama .d span{
	display: none;
}
div.diaporama .g{
	margin-left: 70px;
}
div.diaporama .g{ background-image:url(/images/fleche_gauche.gif); }
div.diaporama .d{ background-image:url(/images/fleche_droite.gif); }
div.diaporama .g:hover{ background-image:url(/images/fleche_gauche_roll.gif); }
div.diaporama .d:hover{ background-image:url(/images/fleche_droite_roll.gif); }

/* Page d'accueil */
.mooquee{
	position: absolute;
	overflow: hidden;
	white-space: nowrap;
}
.mooquee a{
	color: #dc0005;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}
.mooquee-text{
	/* don't change */
	position: absolute;
	top: 0!important;
}
#accueil .diaporama{
	margin-top:40px;
}
#accueil .colonne{
	margin-bottom:20px;
}
.important li{
	color: #dc0005;
	font-size: 14px;
}
#actus ul li{
	margin-bottom: 10px;
}
#qualif{
	padding: 0;
	margin: 0;
}
#qualif li{
	list-style:none;
}
#qualif a{
	background-repeat:no-repeat;
	float: left;
	width:93px;
	height:79px;
	margin: 0 20px 15px 0;
	display:block;
}
#qualif a span{
	display:none;
}
#qualif a.cip{ background-image:url(/images/logo_cip.gif); }
#qualif a.qualibat{ background-image:url(/images/logo_qualibat.gif); }
#qualif a.progaz{ background-image:url(/images/logo_progaz.gif); }
#qualif a.qualisol{ background-image:url(/images/logo_qualisol.gif); }
#partenaires{
	margin: 0;
	padding: 0;
}
#partenaires li{
	list-style:none;
	float: left;
	margin: 0 5px 10px 5px;
}
#partenaires li a{
	background-repeat: no-repeat;
	border: 1px solid #eee;
	width:85px;
	height:43px;
	display:block;
}
#partenaires li a span{ display:none; }
#partenaires li a.chappee{ background-image:url(/images/img/logo_chappee.gif); }	
#partenaires li a.hs{ background-image:url(/images/img/sideec_0002_logo_hsfrance.jpg); }
#partenaires li a.atlantic{ background-image:url(/images/img/sideec_0006_logo_atlantic.jpg); }
#partenaires li a.nexa{ background-image:url(/images/img/logo-nexa.gif); }
#partenaires li a.daikin{ background-image:url(/images/img/sideec_0000_logo_daikin.jpg); }
#partenaires li a.stiebel{ background-image:url(/images/img/sideec_0005_logo_stiebel.jpg); }
#partenaires li a.delafon{ background-image:url(/images/img/logo_delafon.gif); }
#partenaires li a.allia{ background-image:url(/images/img/sideec_0004_logo_allia.jpg); }
#partenaires li a.leda{ background-image:url(/images/img/sideec_0001_logo_leda.jpg); }
#partenaires li a.cillit{ background-image:url(/images/img/sideec_0003_logo_cilit.jpg); }
#partenaires li a.elmleblanc{ background-image:url(/images/img/elmleblanc.jpg); }
#partenaires li a.tereva{
	background-image:url(/images/img/logoterevahome.jpg);
	width:182px;
	height: 98px;
}

/* Eléments de formulaires */
#formulaire{
}
form fieldset{
	border: none;
	margin: 0;
	padding: 0;
}
form fieldset legend{
	display: none;
}
form p{
	float: left;
	clear: left;
	margin: 0 0 5px 0;
}
form p label{
	float: left;
	width: 150px;
}
form .mention{
	background-color: #6E81A6;
	border: 1px solid #ddd;
	color: #fff;
	padding: 10px;
}
form .required{
	color: #6E81A6;
	font-size: 16px;
}