@charset "utf-8";
/* CSS Document */


a:link 
    {
	font-size: 12px;
	font-family:Arial, "Helvetica", sans-serif ;
	font-weight: regular;
	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: lighter;
	color:#000000;
	text-decoration: none;
	}	

#fond{
	width:1371px;
	height:815px;
	position:absolute;
	top:0px;
	left:0px;
}


#SWF{
	width:820px;
	height:304px;
	position:absolute;
	top:355px;
	left:276px;
}
#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: regular;
	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: regular;
	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: bolder;
	color:#96BF0D;
	text-decoration: none;
	width: 114px;
	height: 22px;
	}	

#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;
	
}



	
#mail{
	position:absolute;
	top:272px;
	left:276px;
	text-align:center;
	font-size: 12px;
	font-family: Arial, "Helvetica", sans-serif;
	font-weight: normal;
	color:#96BF0D;
	text-decoration: none;
	width: 242px;
	height: 16px;
	}		
	
#mail2{
	position:absolute;
	top:272px;
	left:912px;
	text-align:center;
	font-size: 12px;
	font-family: Arial, "Helvetica", sans-serif;
	font-weight: bold;
	color:#96BF0D;
	text-decoration: none;
	width: 184px;
	height: 43px;
	}		
	
	
	
	
	
	
	
	
	
.txt2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #999;
}
#m2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
}
#affichegrise{
	width:200px;
	height:500px;
	position:absolute;
	top:81px;
	left:1310px;
}

#affichev1{
   	width:200px;
	height:500px;
	position:absolute;
	top:100px;
	left:733px;
	
}

#affichev2{
	width:200px;
	height:500px;
	position:absolute;
	top:100px;
	left:1235px;
	
}

#affichev3{
	width:200px;
	height:500px;
	position:absolute;
	top:100px;
	left:1727px;
	
}



#afficheb1{
	width:200px;
	height:500px;
	position:absolute;
	top:81px;
	left:749px;
	
}

#afficheb2{
	width:200px;
	height:500px;
	position:absolute;
	top:100px;
	left:1265px;
	
}
#afficheb3{
	width:200px;
	height:500px;
	position:absolute;
	top:100px;
	left:1774px;
	
}

#afficheb4{
	width:200px;
	height:500px;
	position:absolute;
	top:100px;
	left:2286px;
	
}
/* 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;  color: #000000;
	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.5; opacity: 0.5; filter:alpha(opacity=50);

}
#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.5; opacity: 0.5; filter:alpha(opacity=50);

}
#menuDeroulant2 .sousMenu2 li a:hover{ background-image: none; background-color: #CCCCCC;}