/* ---- les div ---- */

body { 
		background-color:#b7c9e7; /* fond de la page */
		margin:0;
		}	

div#global {
		position:relative;
		left:50%;
		width:850px;
		margin: 0 0 0 -375px;
		margin-top:40px;
		background-color:#b7c9e7; /* fond de la page */
		}
		

div#bandeau {
		width:850px;
		height:130px;
		opacity:100%;
		}
		
div#barreMenu {
		width:850px;
		height:25px;
		color:#fb6f4e;
		background-color:#1d688c;
		}


div#conteneur{
		width:850px;
		height:auto;
		opacity:100%;
		}
		
div#contenu { 
		float:left;
		width:550px;
		height:auto;
		background-color:#dc143c;
		color:#fff8dc;
		padding: 15px;	
		}
		
div#droite {
		float:right;
		width:260px;
		height:auto;
		margin-top:0;
		opacity:100%;
		background-color:#97c751;
		
		}

div#droite1 {
		float:right;
		width:200px;
		height:80px;
		background-color:#97c751;
		opacity:100%;
		margin:5px;
		}
		
div#droite2 {
		float:right;
		width:250px;
		height:480px;
		background-image:url('../images/madap.jpg');
		opacity:100%;
		margin:5px
		}

div#droite3 {
		float:right;
		width:240px;
		height:100px;
		background-color:#97c751;
		opacity:100%;
		margin:5px;
		}

.Style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF#;
}
.Style2 {
	color: #1d688c;
	font-weight: bold;
}
.Style3 {font-size: 12px;
		color:#000080;
}

.Style4{ color:#000080;}


/************************************** MENU haut /
/****************************   menus droulants   ****************************/

#menu {
   text-align:center;
   list-style-type: none;
   margin: 0;
   padding: 0;
   color:#fb6f4e;
   }


#menu ul { 
	border: thin #fb6f4e solid;
	color:#fb6f4e;
	}

#menu li {
   float: left;
   position:relative;
   margin: 0;
   padding: 2px 4px;
   color:#fb6f4e;
}
#menu li a, #menu li span {
   display: block;
   margin: 0;
   padding: 0;
   color :#ffffff;
   font-size : 14px;
   text-decoration : none;
}
#menu li a:hover {
color:#cccc00;
}

#menu .sousMenu{
   display: none;
   position: absolute;
   list-style-type: none;
   margin: 4px 0 0 0;
   padding : 0;
}

#menu .sousMenu li, #menu .sousMenu li :hover {
   margin: 0;
   padding: 0;
   width: 150px;
   background-color : #c5000b;
   border-bottom: 1px solid #FFF;
   color:#fff;
  /*filter:alpha(opacity=80);
   opacity: 0.80;*/
  
}
#menu .sousMenu li a, #menu .sousMenu .sousSousMenu li a {
   display: block;
   width:150px;
   color: #fff;
   border: 0px none;
   text-decoration: none; padding-left:10px; padding-right:0px; padding-top:3px; padding-bottom:3px
}

#menu .sousMenu li a:hover, #menu .sousMenu .sousSousMenu li a:hover {
   background-color: #e94a13;
   width:140px;
   text-decoration: none;
   color:#fff; 
}