body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0;
	padding: 0;
}

.titre_image{
	margin-left:150px;
}

#haut {
	height: 47px;
	width:900px;
	margin-left:48px;
	background-image:url(../images/bg-menu.jpg);
	background-repeat:no-repeat;
}

p {margin: 0 0 10px 0;}

#haut a{
 	height:47px;
 	display: block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration: none;
	padding-top:11px;
	position:absolute;
	float:left;
	outline: none;
	text-align:center;
}
	
.accueil {
	width:150px;
	height:31px;
	background: url(../images/btn-accueil-off.gif) no-repeat;
	margin-top:16px;
	margin-left:63px;
}

.asso {
	width:150px;
	height:31px;
	background: url(../images/btn-asso-off.gif) no-repeat;
	margin-top:16px;
	margin-left:218px;
}

.label {
	width:150px;
	height:31px;
	background: url(../images/btn-label-off.gif) no-repeat;
	margin-top:16px;
	margin-left:373px;
}

.constructeur {
	width:150px;
	height:31px;
	background: url(../images/btn-constructeur-off.gif) no-repeat;
	font-size:11px;
	margin-top:16px;
	margin-left:528px;
	padding-top:4px;
	line-height:10px;
}

.outil {
	width:150px;
	height:31px;
	background: url(../images/btn-outil-off.gif) no-repeat;
	margin-top:16px;
	margin-left:683px;
}

.accueil:hover {
	height:47px;
	margin-top:9px;
	background: url(../images/btn-accueil-on.gif) no-repeat;
}

.asso:hover {
	margin-top:9px;
	background: url(../images/btn-asso-on.gif) no-repeat;
}

.label:hover {
	margin-top:9px;
	background: url(../images/btn-label-on.gif) no-repeat;
}

.constructeur:hover {
	padding-top:7px;
	margin-top:9px;
	background: url(../images/btn-constructeur-on.gif) no-repeat;
}

.outil:hover {
	margin-top:9px;
	background: url(../images/btn-outil-on.gif) no-repeat;
}

.cours1,.cours1:hover{
	height:47px;margin-top:9px;background: url(../images/btn-accueil-on.gif) no-repeat;
}

.cours2,.cours2:hover{
	height:47px;margin-top:9px;background: url(../images/btn-asso-on.gif) no-repeat;
}

.cours3,.cours3:hover{
	height:47px;margin-top:9px;background: url(../images/btn-label-on.gif) no-repeat;
}

.cours4,.cours4:hover{
	height:47px;margin-top:9px;background: url(../images/btn-constructeur-on.gif) no-repeat;
}

.cours5,.cours5:hover{
	height:47px;margin-top:9px;background: url(../images/btn-outil-on.gif) no-repeat;
}

.titre-accroche{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:0;
	text-align:left;
	color:#FF6400;
}

a#detail-asso{
	width: 130px;
	height: 26px;
	background-image:url(../images/savoir-asso.gif);
	background-repeat:no-repeat;
	background-position:center;
	display: block;
	padding-top:10px;
	padding-left:39px;
	color:#FFFFFF;
	text-decoration:none;
}

h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0;
	padding:0;
	padding-bottom:35px;
	text-align:left;
	color:#FF6400;
}

h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
	/*padding-bottom:16px;*/
	margin:0;
	text-align:center;
}

#menu2 h2{
	height:40px;
	padding-top:16px;
	padding-bottom:16px;

}

#menu2 img,#numero-vert img{border:none;}


#menu2 a{
text-decoration:none

}

.celcombo1 h2,.contact h2{
	padding-top:8px;
	padding-bottom:8px;
	text-align:left;
}

h2.access{padding-top:15px;}

h3{
	padding-bottom:16px;
}
h3.titre_article, h3.access{padding-bottom:0;}

/*h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	padding-bottom:16px;
	text-align:left;
	color:#C30916;
}

h4{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	padding-bottom:16px;
	text-align:left;
	color:#835B20;
}*/

/*h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	padding-bottom:16px;
	text-align:left;
	color:#835B20;
}*/


div#menu2 {
	width:875px;
	height:400px;
	padding:0px;
	margin:0px;
	margin-top:25px;
	position: relative;
}

.actualite div, .lexique div, .label-maisons-qualite div, .constructeurs-agrees div, .quiz div{text-align:justify;}

.actualite{
	width:130px;
	height:240px;
	margin:6px;
	float: left;
	text-align:center;
}

.actualite a{color:#274F73;}

.lexique{
	width:140px;
	height:240px;
	margin:6px;
	float: left;
	text-align:center;
}

.lexique a{color:#8A5F35;}

.label-maisons-qualite{
	width:210px;
	height:240px;
	margin:6px;
	float: left;
	text-align:center;
}

.constructeurs-agrees{
	width:140px;
	height:240px;
	margin:6px;
	float: left;
	text-align:center;
}

.quiz{
	width:130px;
	height:240px;
	margin:6px;
	float: left;
	text-align:center;
}

.separation{
	background-image: url("../images/separation-vertical.gif");
	background-position:top;
	background-repeat:repeat;
	width:1px;
	height:280px;
	margin:6px;
	padding-top:90px;
	float: left;
	text-align:left;
}

.separation-horizontal{
	background-image: url("../images/separation-horizontal.gif");
	background-position:top;
	background-repeat:no-repeat;
	width:855px;
	height:1px;
	float: left;
	text-align:left;
}

a#detail-actualite{
	width: 130px;
	height: 26px;
	background-image:url(../images/savoir-actu.gif);
	background-repeat:no-repeat;
	background-position:center;
	display: block;
	padding-top:6px;
	color:#FFFFFF;
	text-decoration:none;
	line-height:18px;
}

a#detail-lexique{
	width: 120px;
	height: 26px;
	background-image:url(../images/savoir-lexique.gif);
	background-repeat:no-repeat;
	background-position:center;
	display: block;
	padding-top:6px;
	color:#FFFFFF;
	text-decoration:none;
	line-height:18px;
}

a#detail-maisons-qualite{
	width: 200px;
	height: 26px;
	background-image:url(../images/savoir-label.gif);
	background-repeat:no-repeat;
	background-position:center;
	display: block;
	padding-top:6px;
	color:#FFFFFF;
	text-decoration:none;
	line-height:18px;
}

a#detail-constructeurs-agrees{
	width: 120px;
	height: 26px;
	background-image:url(../images/savoir-constructeur.gif);
	background-repeat:no-repeat;
	background-position: center;
	display: block;
	padding-top:6px;
	color:#FFFFFF;
	text-decoration:none;
	line-height:10px;
}

a#detail-quiz{
	width: 130px;
	height: 26px;
	background-image:url(../images/savoir-quiz.gif);
	background-repeat:no-repeat;
	background-position:center;
	display: block;
	padding-top:6px;
	color:#FFFFFF;
	text-decoration:none;
	line-height:10px;
}

/**/
div#pied-page {
	width:875px;
	height:160px;
	padding:0px;
	margin:0px;
	margin-top:25px;
	position: relative;
}

.liens-home{
	width:295px;
	height:160px;
	margin:6px;
	float: left;
	text-align:left;
}
/**/
.numero-vert{
	width:150px;
	height:130px;
	margin:6px;
	float: left;
	text-align:left;
}

.contact{
	width:360px;
	height:130px;
	margin:6px;
	float: left;
	text-align:left;
}

.separation-bas{
	background-image: url("../images/separation-vertical.gif");
	background-position:top;
	background-repeat:no-repeat;
	width:1px;
	height:130px;
	margin:6px;
	float: left;
	text-align:left;	
}

a#detail-contact{
	width: 120px;
	height: 26px;
	background-image:url(../images/savoir-quiz.gif);
	background-repeat:no-repeat;
	background-position: left;
	display: block;
	padding-top:8px;
	padding-left:12px;
	color:#FFFFFF;
	text-decoration:none;
	line-height:18px;
}

a#liste-agence{
	
	text-decoration:none;
	font-weight:bold;
	color:#545454;
}

a#lien-rouge{
	font-weight:bold;
	color:#BF1311;
}

.lexique-lettre {
	background-color:#8E6E39;
	color:#FFFFFF;
	padding:10px;
	text-align:center;
}
.lexique-lettre a {color:#ffffff;font-weight:bold;font-size:10px;margin-right:7px;text-decoration:underline;}

.diapo a:hover {text-decoration:none;}
.diapo {width:460px; text-align:left; position:relative; margin:0 auto;}
.diapo ul.topic {padding:0; margin:0; list-style:none; width:460px; height:auto; z-index:10;}
.diapo ul.topic li {display:block; width:110px; height:1px; float:left;}
.diapo ul.topic li a.set {display:block; font-size:11px; width:109px; height:1px; text-align:center; line-height:1px; color:#ffffff; text-decoration:none; font-family:verdana, arial, sans-serif;}
.diapo ul.topic li a ul, .diapo ul.topic li ul {display:none;}
.diapo ul.topic li a:hover,.diapo ul.topic li:hover a{color:#ffffff; background:#ffffff;}
.diapo ul.topic li.active ul{display:block; position:absolute; list-style:none; padding:0; margin:0; width:464px; padding:1px 1px; z-index:1;}
.diapo ul.topic li a:hover ul, .diapo ul.topic li:hover ul{display:block; position:absolute; list-style:none; padding:0; margin:0; width:464px; padding:1px 1px; z-index:100;}
.diapo ul.topic li ul li{display:inline; width:112px; height:87px; float:left; margin:1px;}
.diapo ul.topic li ul li a{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; }
.diapo ul.topic li ul li a img{display:block; width:100px; height:75px;}
.diapo ul.topic li a:hover ul li a:hover, .diapo ul.topic li:hover ul li a:hover {white-space:normal; position:relative;}
.diapo ul.topic li a:hover ul li a:hover img, .diapo ul.topic li:hover ul li a:hover img {position:absolute; left:-50px; top:-32px; width:200px; height:150px;}

<!--[if lte IE 6]>
.diapo ul.topic li.active a:hover img {position:absolute; width:200px; height:150px; border:1px solid white;border-color:#fff;}
.diapo ul.topic li a:hover img, .diapo ul.topic a:hover img {position:absolute; width:200px; height:150px; border:1px solid white;border-color:#fff;}
<![endif]-->

#bas{text-align:center;color: #999999;text-decoration: none;font-family: "Verdana",sans-serif;font-style: normal;font-variant: normal;font-weight: bold;font-size: 10px;}
#bas a{color: #999999;text-decoration: none;font-family: "Verdana",sans-serif;font-style: normal;font-variant: normal;font-weight: bold;font-size: 10px;}

.fil-ariane{color: #8e6e39;text-align: justify;text-decoration: none;font-family: "Verdana",sans-serif;font-style: normal;font-variant: normal;font-weight: normal;font-size: 11px;line-height: normal;position:absolute;left:350px;}
.fil-ariane .separate{width:645px;}
.fil-ariane a{color: #8e6e39;font-weight: normal;text-decoration: none;}