/*FLEIN Guillaume - F�vrier 2013*/

#menu_gauche, #menu_droite {list-style:none;margin:30px auto 0px auto;height:43px;padding:0px 20px 0px 20px;
       /* Rounded Corners */
       -moz-border-radius: 10px;
       -webkit-border-radius: 10px;
       border-radius: 10px;

}

#menu_gauche li, #menu_droite li {float:left;display:block;text-align:center;position:relative;padding: 4px 10px 4px 10px;margin-right:30px;margin-top:7px;border:none;}
#menu_gauche li:hover, #menu_droite li:hover {border: 1px solid #005293;padding: 4px 9px 4px 9px;	
                /* Background color and gradients */
                background: #F4F4F4;
                background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
                background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));

                /* Rounded corners */
                -moz-border-radius: 5px 5px 0px 0px;
                -webkit-border-radius: 5px 5px 0px 0px;
                border-radius: 5px 5px 0px 0px;
}

#menu_gauche li a, #menu_droite li a {font-family:Arial, Helvetica, sans-serif;font-size:18px; color: #005293; font-weight: bold; display:block;outline:0;text-decoration:none;text-shadow: 1px 1px 1px #000;}
#menu_gauche li:hover a, #menu_droite li:hover a {color:#005293;text-shadow: 1px 1px 1px #ffffff;}
#menu_gauche li .drop, #menu_droite li .drop {padding-right:21px;background:url("../images/drop.png") no-repeat right 8px;}
#menu_gauche li:hover .drop, #menu_droite li:hover .drop {background:url("../images/drop.png") no-repeat right 7px;}

.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns {margin:4px auto;float:left;position:absolute;left:-999em; /* Hides the drop down */text-align:left;padding:10px 5px 10px 5px;border:1px solid #777777;border-top:none;
                    /* Gradient background */
                    background:#F4F4F4;
                    background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
                    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));

                    /* Rounded Corners */
                    -moz-border-radius: 0px 5px 5px 5px;
                    -webkit-border-radius: 0px 5px 5px 5px;
                    border-radius: 0px 5px 5px 5px;
}

.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 700px;}

#menu_gauche li:hover .dropdown_1column, #menu_droite li:hover .dropdown_1column, 
#menu_gauche li:hover .dropdown_2columns, #menu_droite li:hover .dropdown_2columns, 
#menu_gauche li:hover .dropdown_3columns, #menu_droite li:hover .dropdown_3columns,
#menu_gauche li:hover .dropdown_4columns, #menu_droite li:hover .dropdown_4columns,
#menu_gauche li:hover .dropdown_5columns, #menu_droite li:hover .dropdown_5columns {left:-1px;top:auto;}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {display:inline;float: left;position: relative;margin-left: 5px;margin-right: 5px;}
.col_1 {width:130px;}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}

#menu_gauche .menu_right, #menu_droite .menu_right {float:right;margin-right:0px;}
#menu_gauche li .align_right, #menu_droite li .align_right {
    /* Rounded Corners */
    -moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}
#menu_gauche li:hover .align_right, #menu_droite li:hover .align_right {left:auto;right:-1px;top:auto;}

#menu_gauche p, #menu_droite p,
#menu_gauche h2, #menu_droite h2, 
#menu_gauche h3, #menu_droite h3,
#menu_gauche ul li, #menu_droite ul li {font-family:Arial, Helvetica, sans-serif;line-height:21px;font-size:12px;text-align:left;text-shadow: 1px 1px 1px #FFFFFF;}

#menu_gauche h2, #menu_droite h2 {font-size:21px;font-weight:400;letter-spacing:-1px;margin:7px 0 1px 0;}
#menu_gauche h3, #menu_droite h3 {font-size:14px;margin:7px 0 14px 0;padding-bottom:7px;border-bottom:1px solid #888888;}
#menu_gauche p, #menu_droite p {line-height:18px;margin:0 0 10px 0;}
#menu_gauche li:hover div a, #menu_droite li:hover div a {font-size:12px;color:#005293;}
#menu_gauche li:hover div a:hover, #menu_droite li:hover div a:hover {color:#EA5C12;}
#menu_gauche li:hover div h2:hover, #menu_droite li:hover div h2:hover {color:#EA5C12;}
.strong {font-weight:bold;}
.italic {font-style:italic;}
.imgshadow { /* Better style on light background */
    background:#FFFFFF;
    padding:4px;
    border:1px solid #777777;
    margin-top:5px;
    -moz-box-shadow:0px 0px 5px #666666;
    -webkit-box-shadow:0px 0px 5px #666666;
    box-shadow:0px 0px 5px #666666;    
}
.img_left { /* Image sticks to the left */	width:auto;	float:left;	margin:5px 15px 5px 5px;}

#menu_gauche li .black_box, #menu_droite li .black_box {	background-color:#333333;	color: #eeeeee;	text-shadow: 1px 1px 1px #000;	padding:4px 6px 4px 6px;
                      /* Rounded Corners */
                      -moz-border-radius: 5px;
                      -webkit-border-radius: 5px;
                      border-radius: 5px;

                      /* Shadow */
                      -webkit-box-shadow:inset 0 0 3px #000000;
                      -moz-box-shadow:inset 0 0 3px #000000;
                      box-shadow:inset 0 0 3px #000000;
}

#menu_gauche li ul, #menu_droite li ul {list-style:none;padding:0;margin:0 0 12px 0;}
#menu_gauche li ul li, #menu_droite li ul li {font-size:12px;	line-height:24px;position:relative;	text-shadow: 1px 1px 1px #ffffff;padding:0;margin:0;float:none;	text-align:left;width:130px;}
#menu_gauche li ul li:hover, #menu_droite li ul li:hover {background:none;border:none;padding:0;margin:0;}
#menu_gauche li .greybox li, #menu_droite li .greybox li {background:#F4F4F4;border:1px solid #bbbbbb;margin:0px 0px 4px 0px;padding:4px 6px 4px 6px;width:116px;
                      /* Rounded Corners */
                      -moz-border-radius: 5px;
                      -webkit-border-radius: 5px;
                      -khtml-border-radius: 5px;
                      border-radius: 5px;

}
#menu_gauche li .greybox li:hover, #menu_droite li .greybox li:hover {background:#ffffff;border:1px solid #aaaaaa;padding:4px 6px 4px 6px;margin:0px 0px 4px 0px;}

.separateur_menu {
    clear: both;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom:1px solid #666666;	
}