@charset "utf-8";
/* CSS Document */


a:link 
    {
	font-size: 12px;
	font-family:Arial, "Helvetica", sans-serif;
	font-weight: lighter;
	color:#000000;
	text-decoration: none;
	}	
a:visited
    {
	font-size: 12px;
	font-family:Arial, "Helvetica", sans-serif ;
	font-weight: regular;
	color:#000000;
	text-decoration: none;
	}	
a:active 
    {
	font-size: 12px;
	font-family:Arial, "Helvetica", sans-serif ;
	font-weight: regular;
	color:#000000;
	text-decoration: none;
	}	

#fond{
	width:1371px;
	height:815px;
	position:absolute;
	top:0px;
	left:0px;
}
#con{
	position:absolute;
	top:189px;
	left:410px;
	text-align:center;
	font-size: 12px;
	font-family: Arial, "Helvetica", sans-serif;
	font-weight: lighter;
	color:#000000;
	text-decoration: none;
	width: 167px;
	height: 36px;
	}
#gm{
	position:absolute;
	top:77px;
	left:1117px;
	text-align:center;
	font-size: 12px;
	font-family: Arial, "Helvetica", sans-serif;
	font-weight: lighter;
	color:#000000;
	text-decoration: none;
	width: 50px;
	height: 17px;
	}

#concept{
	position:absolute;
	top:212px;
	left:406px;
	font-size: 12px;
	font-family: Arial, "Helvetica", sans-serif;
	font-weight: bolder;
	color:#96BF0D;
	text-decoration: none;
	width: 114px;
	height: 16px;
	}
	

#global{
	width:1371px;
	height:815px;
	position:absolute;

}
#g1{
	width:252px;
	height:500px;
	position:absolute;
	top:100px;
	left:400px;
	
}

#g2{
	width:333px;
	height:500px;
	position:absolute;
	top:100px;
	left:900px;
	
}

#g3{
	width:333px;
	height:500px;
	position:absolute;
	top:100px;
	left:1380px;
	
}

#b1{
	width:333px;
	height:500px;
	position:absolute;
	top:100px;
	left:400px;
	
}

#b2{
	width:333px;
	height:500px;
	position:absolute;
	top:100px;
	left:919px;
	
}

#b3{
	width:333px;
	height:500px;
	position:absolute;
	top:100px;
	left:1438px;
	
}


#b4{
	width:333px;
	height:500px;
	position:absolute;
	top:100px;
	left:1950px;
	
}

#accueil{
	position:absolute;
	top:154px;
	left:175px;
	text-align:center;
	font-size: 12px;
	font-family: Arial, "Helvetica", sans-serif;
	font-weight: lighter;
	color:#000000;
	text-decoration: none;
	width: 116px;
	height: 17px;
	}
#cartintaractive{
	position:absolute;
	top:138px;
	left:421px;
	text-align:center;
	font-size: 12px;
	font-family:Arial, "Helvetica", sans-serif;
	font-weight: regular;
	color:#000000;
	text-decoration: none;
	width: 110px;
	height: 18px;
	}	
#Ecatalogue{
	position:absolute;
	top:150px;
	left:662px;
	text-align:center;
	font-size: 12px;
	font-family: Arial, "Helvetica", sans-serif;
	font-weight: regular;
	color:#000000;
	text-decoration: none;
	width: 133px;
	height: 19px;
	}	
#CarteVerte{
	position:absolute;
	top:144px;
	left:558px;
	text-align:center;
	font-size: 12px;
	font-family: Arial, "Helvetica", sans-serif;
	font-weight: lighter;
	color:#000000;
	text-decoration: none;
	width: 77px;
	height: 17px;
	}
#norea{
	position:absolute;
	top:150px;
	left:797px;
	text-align:center;
	font-size: 12px;
	font-family: Arial, "Helvetica", sans-serif;
	font-weight: regular;
	color:#000000;
	text-decoration: none;
	width: 151px;
	height: 19px;
	}
#Lanaturedesmots{
	position:absolute;
	top:145px;
	left:293px;
	text-align:center;
	font-size: 12px;
	font-family: Arial, "Helvetica", sans-serif;
	font-weight: regular;
	color:#000000;
	text-decoration: none;
	width: 136px;
	height: 18px;
	}	
#partenaire{
	position:absolute;
	top:150px;
	left:951px;
	text-align:center;
	font-size: 12px;
	font-family: Arial, "Helvetica", sans-serif;
	font-weight: regular;
	color:#000000;
	text-decoration: none;
	width: 133px;
	height: 20px;
	}	
#contact{
	position:absolute;
	top:149px;
	left:1083px;
	text-align:center;
	font-size: 12px;
	font-family: Arial, "Helvetica", sans-serif;
	font-weight: regular;
	color:#000000;
	text-decoration: none;
	width: 114px;
	height: 22px;
	}
	
#titre {
	position:absolute;
	left:216px;
	top:203px;
	width:339px;
	height:39px;
	z-index:1;
	color: #000000;
	font-family: "Arial Black", Arial, Verdana, sans-serif;
	font-size: 16px;
}

#texte {
	position:absolute;
	left:216px;
	top:262px;
	width:454px;
	height:102px;
	z-index:1;
	color: #000000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	text-align:justify;
	line-height: 1.7;
	font-weight: bolder;
}	
	
	
	
		
#concept{
	position:absolute;
	top:212px;
	left:312px;
	font-size: 12px;
	font-family: Arial, "Helvetica", sans-serif;
	font-weight: bolder;
	color:#96BF0D;
	text-decoration: none;
	width: 114px;
	height: 16px;
	}
	
	
	
#footer {
	position:absolute;
	left:172px;
	top:777px;
	width:1025px;
	height:33px;
	z-index:1;
	color: #000000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	text-decoration: none;
	
}

#footer1 {
	position:absolute;
	left:200px;
	top:10px;
	width:100px;
	height:33px;
	z-index:1;
	text-align: center;
	
}

#footer2 {
	position:absolute;
	left:375px;
	top:10px;
	width:100px;
	height:33px;
	z-index:1;
	text-align: center;
	
}

#footer3 {
	position:absolute;
	left:550px;
	top:10px;
	width:100px;
	height:33px;
	z-index:1;
	text-align: center;
	
}

#footer4 {
	position:absolute;
	left:725px;
	top:10px;
	width:100px;
	height:33px;
	z-index:1;
	text-align: center;
	
}


	
		


#unmenu{
	width:421px;
	height:37px;
	position:absolute;
	top:380px;
	left:216px;
	color: #96BF0D;
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight:bold;
}

#unmenu2{
	width:451px;
	height:70px;
	position:absolute;
	top:410px;
	left:216px;
	color: #000000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	text-align:justify;
	line-height: 1.5;
}
#rubrique{
	width:454px;
	height:37px;
	position:absolute;
	top:565px;
	left:216px;
	color: #96BF0D;
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight:bold;
}

#rubrique2{
	width:454px;
	height:117px;
	position:absolute;
	top:595px;
	left:216px;
	color: #000000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	text-align:justify;
	line-height: 1.5;
}

#navi{
	width:452px;
	height:37px;
	position:absolute;
	top:245px;
	left:701px;
	color: #96BF0D;
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight:bold;
}

#navi2{
	width:450px;
	height:54px;
	position:absolute;
	top:270px;
	left:701px;
	color: #000000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	text-align:justify;
	line-height: 1.5;
}


#pres{
	width:450px;
	height:37px;
	position:absolute;
	top:380px;
	left:701px;
	color: #96BF0D;
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight:bold;
}

#pres2{
	width:452px;
	height:54px;
	position:absolute;
	top:410px;
	left:701px;
	color: #000000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	text-align:justify;
	line-height: 1.5;
}

#inter{
	width:147px;
	height:37px;
	position:absolute;
	top:233px;
	left:1220px;
	color: #96BF0D;
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight:bold;
}

#inter2{
	width:144px;
	height:54px;
	position:absolute;
	top:253px;
	left:1239px;
	color: #000000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	text-align:justify;
	line-height: 1.5;
	
}


#fiche{
	width:452px;
	height:37px;
	position:absolute;
	top:565px;
	left:701px;
	color: #96BF0D;
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight:bold;
}

#fiche2{
	width:452px;
	height:54px;
	position:absolute;
	top:595px;
	left:701px;
	color: #000000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	text-align:justify;
	line-height: 1.5;
}


#plan{
	width:147px;
	height:37px;
	position:absolute;
	top:528px;
	left:1218px;
	color: #96BF0D;
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight:bold;
}

#plan2{
	width:158px;
	height:54px;
	position:absolute;
	top:551px;
	left:1231px;
	color: #000000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	text-align:justify;
	line-height: 1.5;
}


#projet{
	width:158px;
	height:54px;
	position:absolute;
	top:364px;
	left:216px;
}




#sol{
	width:158px;
	height:54px;
	position:absolute;
	top:364px;
	left:512px;
}
#juli{
	width:939px;
	height:18px;
	position:absolute;
	top:757px;
	left:215px;
	color: #96BF0D;
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
}

#carte{
	width:147px;
	height:37px;
	position:absolute;
	top:637px;
	left:1192px;
}

#carte2{
	width:158px;
	height:54px;
	position:absolute;
	top:652px;
	left:1191px;
}

/* Menu deroulant 1 */
#menuDeroulant1{ width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0; }

#menuDeroulant1 li{ float: left; margin: 0px; padding: 0; border: 0;}

#menuDeroulant1 li:hover > .sousMenu1 { display: block; }

#menuDeroulant1 .sousMenu1{ list-style-type: none; margin: 0; padding: 0; border: 0;}
#menuDeroulant1 .sousMenu1{ display: none; list-style-type: none; margin-top: 3px ; padding: 0; border: 0;}

#menuDeroulant1 .sousMenu1 li{ float: none; margin: 0; padding: 0; border: 0;}

#menuDeroulant1 li{ float: left; width: 140px; margin: 0; padding: 0; border: 0;  font-weight: bolder;
	color: #96BF0D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}

#menuDeroulant1{
	width: 112px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	top: 6px;
	z-index:1000;
	height: 31px;
	left: -1px;
}

#menuDeroulant1 li a:link, #menuDeroulant1 li a:visited{ display: block; height: 1%; color: #FFFFFF; background: #3B4E77; margin: 0; padding: 4px 8px; border-bottom: 1px solid #FFFFFF; text-decoration: none;}
#menuDeroulant1 li a:hover { background-color: #99CCFF; }
#menuDeroulant1 li a:active { background-color: #FF3300; }
#menuDeroulant1 .sousMenu1 li a:link,#menuDeroulant1 .sousMenu1 li a:visited{ display: block; color: #000000; margin: 0; border: 0; text-decoration: none; background-color:#FFFFFF; -moz-opacity:0.75; opacity: 0.75; filter:alpha(opacity=75);

}
#menuDeroulant1 .sousMenu1 li a:hover{ background-image: none; background-color: #CCCCCC;}

/* Menu deroulant 2 */
#menuDeroulant2{ width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0; }

#menuDeroulant2 li{ float: left; margin: 0px; padding: 0; border: 0;}

#menuDeroulant2 li:hover > .sousMenu2 { display: block; }

#menuDeroulant2 .sousMenu2{ list-style-type: none; margin: 0; padding: 0; border: 0;}
#menuDeroulant2 .sousMenu2{ display: none; list-style-type: none; margin-top: 12px ; padding: 0; border: 0;}

#menuDeroulant2 .sousMenu2 li{ float: none; margin: 0; padding: 0; border: 0;}

#menuDeroulant2 li{ float: left; width: 123px; margin: 0; padding: 0; border: 0;  color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}

#menuDeroulant2{
	width: 112px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	top: 0px;
	z-index:1000;
	height: 31px;
	left: 13px;
}

#menuDeroulant2 li a:link, #menuDeroulant2 li a:visited{ display: block; height: 1%; color: #FFFFFF; background: #3B4E77; margin: 0; padding: 4px 8px; border-bottom: 1px solid #FFFFFF; text-decoration: none;}
#menuDeroulant2 li a:hover { background-color: #99CCFF; }
#menuDeroulant2 li a:active { background-color: #FF3300; }
#menuDeroulant2 .sousMenu2 li a:link,#menuDeroulant2 .sousMenu2 li a:visited{ display: block; color: #000000; margin: 0; border: 0; text-decoration: none; background-color:#FFFFFF; -moz-opacity:0.75; opacity: 0.75; filter:alpha(opacity=75);

}
#menuDeroulant2 .sousMenu2 li a:hover{ background-image: none; background-color: #CCCCCC;}

