﻿div#menudynamique{position:absolute;top:200px;width:965px;height:30px;padding:0; margin:0;
	font-size:11px;list-style:none;font-family:"Segoe UI",Helvetica,"Arial Narrow",Tahoma, Geneva, Verdana, sans-serif ;
	color:#032052;font-weight:normal;line-height:30px;z-index:1000;
	background-color:#EAEEEE  ;/*#032052 #3677e2 #485160 couleur de fond de la bande menu*/
	background-image:linear-gradient(#EAEEEE,#EAEEEE);
	background-image:-moz-linear-gradient(top, #EAEEEE 0%,#EAEEEE 100%);     
	background-image:-webkit-linear-gradient(top, #EAEEEE 0%, #EAEEEE 100%);
	box-shadow: 0 2px 4px #424346;}
div#menudynamique h1{height:30px;line-height:30px;padding:0;margin:0;font-size:12px;text-align:center;top:0px;width:120px;float:left;opacity:0.9;transition: all 0.4s ease-in;
   -webkit-transition: color 0.4s ease-in;
   -moz-transition: color 0.4s ease-in;
   -o-transition: color 0.4s ease-in;}
div#menudynamique h1:first-child a {border-left:none;}
.list-menu{padding:0px;margin:0;width:120px;top:30px;display:none;background-color:#032052;/*#ffffff #000000 #485160  fond des déroulants*/
	text-align:center;border-radius:0em 0em 0.5em 0.5em;
	list-style-type:none;float:left;line-height:20px;border-radius:0 0 1em 1em;/*border:1px solid #485160;*/
	background-image:linear-gradient(#032052, #021041);
	background-image:-moz-linear-gradient(top, #032052 0%, #021041 100%);
	background-image:-webkit-linear-gradient(top, #032052 0%, #021041 100%);
	box-shadow: 0 2px 4px #424346;
   transition: all 0.4s ease-in;
   -webkit-transition: color 0.4s ease-in;
   -moz-transition: color 0.4s ease-in;
   -o-transition: color 0.4s ease-in;
   z-index:1000;}
.list-menuchapitres{padding:0px;margin:0;width:240px;top:30px;display:none;background-color:#032052;/*#ffffff #000000 #485160  fond des déroulants*/
	text-align:center;border-radius:0em 0em 0.5em 0.5em;
	list-style-type:none;float:left;line-height:20px;border-radius:0 0 1em 1em;
	background-image:linear-gradient(#032052, #021041);
	background-image:-moz-linear-gradient(top, #032052 0%, #021041 100%); 
	background-image:-webkit-linear-gradient(top, #032052 0%, #021041 100%);
	box-shadow: 0 2px 4px #424346;
   transition: all 0.4s ease-in;
   -webkit-transition: color 0.4s ease-in;
   -moz-transition: color 0.4s ease-in;
   -o-transition: color 0.4s ease-in;
   z-index:1000;}
.list-menu li{list-style:none;}
.list-menu li a{color:#F3F76C;height:20px;line-height:20px;text-decoration:none;}
.list-menu li:hover{background-color: #3677e2 ;
	background-image:linear-gradient(#7799FF, #3677e2);
	background-image: -moz-linear-gradient(top, #7799FF 0%, #3677e2 100%);
	background-image: -webkit-linear-gradient(top, #7799FF 0%, #3677e2 100%); 
	border-top:1px solid #7799FF;
	box-shadow: 0 0px 8px #3b3b3b;}
.list-menu li a:hover{color:#DFE9F2;font-weight:bold;}
.col{display:inline;float: left;width:120px;position:relative;left:-40px;top:-10px;}
.col li{list-style:none;width:120px;}
.col li:hover{background-color: #3677e2 ;
	background-image:linear-gradient(#7799FF, #3677e2);
	background-image: -moz-linear-gradient(top, #7799FF 0%, #3677e2 100%); 
	background-image: -webkit-linear-gradient(top, #7799FF 0%, #3677e2 100%); 
	border-top:1px solid #7799FF;
	box-shadow: 0 0px 8px #3b3b3b;}
.col li a{color:#F3F76C;	height:20px;line-height:20px;text-decoration:none;}
.col li a:hover{color:#DFE9F2;font-weight:bold;}
.dernier{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
div#menu1 h1{width:120px;position:absolute;left:0;}
div#menu2 h1{width:120px;position:absolute;left:120px;}
div#menu3 h1 {width:120px;position:absolute;left:240px;}
div#menu4 h1 {width:120px;position:absolute;left:360px;}
div#menu5 h1 {width:120px;position:absolute;left:480px;}
div#menu6 h1{width:120px;position:absolute;left:600px;}
div#menu7 h1{width:120px;position:absolute;left:720px;}	
div#menu8 h1{width:120px;position:absolute;left:960px;}
#rech{width:180px;position:absolute;left:1080px;}
div#menu9 h1{width:120px;position:absolute;left:840px;}
div#menu9 h1 a{text-decoration:none;color:#032052;}
div#menu1:hover h1,
div#menu1:focus h1,
div#menu1:active h1{color:#f3f76c;width:120px;background-color:#3677e2;
	background-image: -moz-linear-gradient(top, #7799FF 0%, #3399ff 100%); 
	background-image: -webkit-linear-gradient(top, #7799FF 0%, #3399ff 100%); 
}
div#menu1:hover .list-menu,
div#menu1:focus .list-menu,
div#menu1:active .list-menu{position:absolute;left:0px;top:30px;display:block;}
div#menu1 h1 a{text-decoration:none;color:#032052;}
div#menu1 a{transition: all 0.4s ease-in;-webkit-transition: color 0.4s ease-in;-moz-transition: color 0.4s ease-in;-o-transition: color 0.4s ease-in;}
div#menu2 h1 a{text-decoration:none;color:#032052;}
div#menu3 h1 a{text-decoration:none;color:#032052;}
div#menu4 h1 a{text-decoration:none;color:#032052;}
div#menu5 h1 a{text-decoration:none;color:#032052;}
div#menu6 h1 a{text-decoration:none;color:#032052;}
div#menu1:hover h1 a{color:#f3f76c;}
div#menu2:hover h1,
div#menu2:focus h1,
div#menu2:active h1{background-color:#3677e2;color:#f3f76c;}
div#menu2 a{transition: all 0.4s ease-in;-webkit-transition: color 0.4s ease-in;-moz-transition: color 0.4s ease-in;-o-transition: color 0.4s ease-in;}
div#menu2:hover h1 a{color:#f3f76c;}
div#menu2:hover .list-menu,
div#menu2:focus .list-menu,
div#menu2:active .list-menu{position:absolute;left:120px;display:block}
div#menu3:hover h1,
div#menu3:focus h1,
div#menu3:active h1{color:#f3f76c;background-color:#3677e2;}
div#menu3 a{transition: all 0.4s ease-in;-webkit-transition: color 0.4s ease-in;-moz-transition: color 0.4s ease-in;-o-transition: color 0.4s ease-in;}
div#menu3:hover h1 a{color:#f3f76c;}
div#menu3:hover .list-menu,
div#menu3:focus .list-menu,
div#menu3:active .list-menu{position:absolute;left:240px;top:30px;display:block;}
div#menu4:hover h1,
div#menu4:focus h1,
div#menu4:active h1{background-color:#3677e2;color:#f3f76c;}
div#menu4 a{transition: all 0.4s ease-in;-webkit-transition: color 0.4s ease-in;-moz-transition: color 0.4s ease-in;-o-transition: color 0.4s ease-in;}
div#menu4:hover h1 a{color:#f3f76c;}
div#menu4:hover .list-menu,
div#menu4:focus .list-menu,
div#menu4:active .list-menu{position:absolute;left:360px;top:30px;display:block;}
div#menu5:hover h1,
div#menu5:focus h1,
div#menu5:active h1{background-color:#3677e2;color:#f3f76c;}
div#menu5 a{transition: all 0.4s ease-in;-webkit-transition: color 0.4s ease-in;-moz-transition: color 0.4s ease-in;-o-transition: color 0.4s ease-in;}
div#menu5:hover h1 a{color:#f3f76c;}
div#menu5:hover .list-menu,
div#menu5:focus .list-menu,
div#menu5:active .list-menu{position:absolute;left:480px;top:30px;display:block;}
div#menu6:hover h1,
div#menu6:focus h1,
div#menu6:active h1{color:#f3f76c;background-color:#3677e2;}
div#menu6 a{transition: all 0.4s ease-in;-webkit-transition: color 0.4s ease-in;-moz-transition: color 0.4s ease-in;-o-transition: color 0.4s ease-in;}
div#menu6:hover h1 a{color:#f3f76c;}
div#menu6:hover .list-menu,
div#menu6:focus .list-menu,
div#menu6:active .list-menu{position:absolute;left:600px;top:30px;display:block;}
div#menu6:hover .list-menuchapitres,
div#menu6:focus .list-menuchapitres,
div#menu6:active .list-menuchapitres{position:absolute;left:480px;top:30px;display:block;}
div#menu7:hover h1,
div#menu7:focus h1,
div#menu7:active h1{background-color:#3677e2;color:#f3f76c;}
div#menu7:hover .list-menu,
div#menu7:focus .list-menu,
div#menu7:active .list-menu{position:absolute;left:720px;top:30px;display:block;}
div#menu8:hover h1,
div#menu8:focus h1,
div#menu8:active h1{background-color:#3677e2;color:#f3f76c;}
div#menu9:hover h1,
div#menu9:focus h1,
div#menu9:active h1{background-color:#3677e2;color:#f3f76c;}
div#menu9 a{transition: all 0.4s ease-in;-webkit-transition: color 0.4s ease-in;-moz-transition: color 0.4s ease-in;-o-transition: color 0.4s ease-in;}
div#menu9:hover h1 a{color:#f3f76c;}
div#menu9:hover .list-menuchapitres,
div#menu9:focus .list-menuchapitres,
div#menu9:active .list-menuchapitres{position:absolute;left:720px;top:30px;display:block;}

