#ma_page{
background-color :#999 ;
}


	
#menu {list-style:none;width:870px;margin:0px 0px 0px 0px;height:45px;padding:0px 20px 0px 20px;	/* bandeau noir menu*/
	/* Coins arrondis Hg Hd Bd Bg sens aiguille*/
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 00px 0px;

	/* Dégradé bandeau noir - les 3 lignes ont la  même fonction*/
	background: #000;
	background: -moz-linear-gradient(top, #000, #000);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000), to(#000));
	
	/* Bordures rouge du bandeau noir */
	border: 1px solid red;
	-moz-box-shadow:inset 0px 0px 0px #ffebf1;
	-webkit-box-shadow:inset 0px 0px 0px #ffebf1;
	box-shadow:inset 0px 0px 0px #ffebf1;	/*ombre sur bandeau noir*/
}

#menu li {float:left;display:block;text-align:center;position:relative;/* position menu bandeau */
padding: 4px 10px 4px 10px;margin-right:20px;margin-top:7px;border:none;}/* ecart menu bandeau */

#menu li:hover {border: 1px solid #777777;padding: 4px 9px 4px 9px;	/* position onglet survol menu bandeau */
	/* Couleur de fond et dégradé survol dans bandeau*/
	background: #F4F4F4;
	background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
	
	/* coins arrondis onglet dans bandeau */
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
}

#menu li a {font-family:Arial, Helvetica, sans-serif;font-size:14px;/* écriture menu */
color: #fff;display:block;outline:0;text-decoration:none;text-shadow: #000;}

#menu li:hover a {color:#111;text-shadow: 1px 1px 1px #888;}/* survol écriture menu = noir avec ombre*/

#menu li .drop {padding-right:21px;background:url("images/drop_r.png") no-repeat right 8px;} /* triangle rouge */

#menu li:hover .drop {background:url("images/drop.png") no-repeat right 7px;}/* triangle gris survol */

.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns {margin:4px auto;float:left;position:absolute;left:-999em; /* Cache la liste déroulante */
text-align:left;padding:10px 5px 10px 5px;border:1px solid #000;border-top:none;
	/* Couleur dégradé fond onglet déroulant */
	background:#eee;
	background: -moz-linear-gradient(top, #eee, #ccc);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#ccc));

	/* coins arrondis onglet déroulant gauche */
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
}

.dropdown_1column {width: 210px;}/*largeur 3 = bridge */
.dropdown_2columns {width: 280px;}/*largeur 1-2-5-6-7 */
.dropdown_3columns {width: 400px;}/*largeur 4 */
.dropdown_4columns {width: 0px;}
.dropdown_5columns {width: 0px;}

#menu li:hover .dropdown_1column, /*liste */
#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu 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;}/*marge contenu onglet */

.col_1 {width:190px;}/*largeur ligne séparation dans onglet "bridge"*/
.col_2 {width:270px;}/*largeur ligne1-2-5-6-7 */
.col_3 {width:390px;}
.col_4 {width:550px;}
.col_5 {width:690px;}

#menu .menu_right {float:right;margin-right:0px;}

#menu 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 li:hover .align_right {left:auto;right:-1px;top:auto;}
#menu p, #menu h2, #menu h3, #menu ul li {font-family:Arial, Helvetica, sans-serif;line-height:21px;
font-size:12px;text-align:left;text-shadow: 1px 1px 1px #fff;}

#menu h2 {font-size:18px;font-weight:400;letter-spacing:-1px;margin:5px 0 2px 0;
padding-bottom:1px;border-bottom:1px solid #000;}/* sous titre souligné */

#menu h3 {font-size:14px;margin:7px 0 14px 0;padding-bottom:2px;border-bottom:1px solid #888888;}/*texte flash */
#menu p {line-height:18px;margin:5px 5px 10px 5px;text-align:justify;color:#000;}/*bords g & d texte */
#menu li:hover div a {font-size:12px;color:#015b86;} /* lien */
#menu li:hover div a:hover {color:#029feb;} /* lien survol */
.strong {font-weight:bold;}
.italic {font-style:italic;}

.imgshadow:hover { /* survol = encadrement image  */
	background:#ddd;
	}
.imgshadow { /* encadrement image */
	background:#fff;
	padding:4px;
	border:1px solid #777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666;
	-webkit-box-shadow:0px 0px 5px #666;
	box-shadow:0px 0px 5px #666;
}
.img_left { /* Image positionnement */	width:auto;	float:left;	margin:5px 15px 5px 5px;}

.img_right { width:auto;	float:right;margin:5px 15px 5px 25px;}

#menu li .black_box {	background-color:#f00;	color: #f00;	text-shadow: 1px 1px 1px #000;	padding:4px 6px 4px 6px;
	/* Arrondi !! à supprimer ? */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

	/* ombre !! à supprimer ? */
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}

#menu li ul {list-style:none;padding:0;margin:0 0 12px 0;}
#menu li ul li {font-size:12px;	line-height:18px;position:relative;	/* interligne tous les menus */
text-shadow: 1px 1px 1px #ffffff;padding:0;margin:0;float:none;	text-align:left;width:180px;}/* te voilà */

#menu li ul li:hover {background:none;border:none;padding:0;margin:0;}

#menu 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 li .greybox li:hover {background:#ffffff;border:1px solid #aaaaaa;padding:4px 6px 4px 6px;margin:0px 0px 4px 0px;}