/* CSS Document */
	/*ACCUEIL*/
body, html{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	font:11px Arial, Tahoma, Verdana, sans-serif;
	color: #000000;
	background: #818080 url(images/fond_couleurs.gif) repeat-y;
	/*overflow-y:auto;*/
	/*overflow-x:hidden;*/
}

.titre_actu{
	text-transform:uppercase;
	display: block;
	background: #8598a2;
	font-weight:bold;
	color: #fff;
	padding: 4px 4px 4px 4px;
	margin: 0px 0px 12px 0px;
}
	        /*ACCUEIL MENU*/

#accueil_menu{
	position: absolute;
	background: #b91873;
	width: 100%;
	z-index: 3;
        height:26px;
}

#accueil_menu2{
	width: 900px;
	margin:auto;
	z-index: 4;
}

#accueil_menu2 a{
	display: block;
	color:#fff;
	font-size: 13px;
	float: left;
	padding: 5px 5px 5px 50px;
}

.menu_accueil1{
	background: #d30457 url(images/pointilles_menu.gif) no-repeat 5px 8px;	
}

.menu_accueil1:hover{
	background: #d66a95 url(images/pointilles_menu_hover.gif) no-repeat 5px 8px;
}
.menu_accueil2{
	background: #a2a200 url(images/pointilles_menu2.gif) no-repeat 5px 8px ;
}

.menu_accueil2:hover{
	background: #c6c635 url(images/pointilles_menu2_hover.gif) no-repeat 5px 8px ;
}

.menu_accueil3{
	background: #da5820 url(images/pointilles_menu3.gif) no-repeat 5px 8px ; 
}

.menu_accueil3:hover{
	background: #de825a url(images/pointilles_menu3_hover.gif) no-repeat 5px 8px ;
}

.menu_accueil4{
	background: #254c9c url(images/pointilles_menu4.gif) no-repeat 5px 8px ;
}

.menu_accueil4:hover{
	background: #5579c2 url(images/pointilles_menu4_hover.gif) no-repeat 5px 8px ;
}

.menu_accueil5{
	background: #557405 url(images/pointilles_menu5.gif) no-repeat 5px 8px ;
}

.menu_accueil5:hover{
	background: #87a735 url(images/pointilles_menu5_hover.gif) no-repeat 5px 8px ;
}

        /*ACCUEIL CONTENU*/

#flash{
	width: 900px;
	height: 475px;
	position: absolute;
	top: 290px;
	left: 50%;
	margin: -240px 0px 0px -450px;
	z-index: 1;
}

#adresse{
	position: absolute;
	top: 90%;
	left: 5%;
	z-index: 2;
}
#adresse a{
	color:#333333;
        font-size:11px;
}

.texte_accueil{
	position: absolute;
	top: 35px;
	left: 29%;
	/*margin: -250px 0px 0px -270px;*/
	text-align: left;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	width: 520px;
	z-index: 2;
}

#footer_accueil{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 225px 0px 0px -450px;
	width: 900px;
	text-align: center;
	color: #fff;
	/*border: #f48 solid 1px;*/
}

#footer_accueil a{
	color: #777;
}
#footer_accueil a:hover{
	color: #FFF;
}

a{
	text-decoration: none;
}

.spacer{
	clear: both;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

#general{
	width: 100%;
	background: url(images/fond_gris.gif) repeat-x;
	/*border: #F00 solid 1px;*/
}

#conteneur{
	width: 980px;
	background: url(images/fond_couleurs.gif) repeat-y;
	/*border: #0f0 solid 1px;*/
}

        /*MENU*/

#gauche{
	width: 197px;
	float: left;
	overflow: hidden;
	background: url(images/fond_gauche.jpg) no-repeat;
	/*border: #f60 solid 1px;*/
}

#menu{
	width: 177px;
	margin: 0px 0px 0px 0px;
	/*border: #ff4 solid 1px;*/
}
#adresseMenu{
	width: 177px;
	margin: 5px 5px 5px 5px;
        color:#333333;
	/*border: #ff4 solid 1px;*/
}
#adresseMenu a{
	color:#333333;
        text-decoration:none;
}
#adresseMenu a:hover{
	color:#333333;
        text-decoration:underline;
}

#menu a{
	display: block;
	width: 137px;
	color:#fff;
	font-size: 13px;
	/*font-weight: bold;*/
	margin: 10px 23px 0px 0px;
	padding: 5px 0px 5px 44px;
	/*border: #fff solid 1px;*/
}

.menu1{
	background: #d30457 url(images/pointilles_menu.gif) no-repeat 0px 7px;	
}

.menu1:hover{
	background: #d66a95 url(images/pointilles_menu_hover.gif) no-repeat 0px 7px;
}

.menu2{
	background: #a2a200 url(images/pointilles_menu2.gif) no-repeat 0px 7px ;
}

.menu2:hover{
	background: #c6c635 url(images/pointilles_menu2_hover.gif) no-repeat 0px 7px ;
}

.menu3{
	background: #da5820 url(images/pointilles_menu3.gif) no-repeat 0px 7px ; 
}

.menu3:hover{
	background: #de825a url(images/pointilles_menu3_hover.gif) no-repeat 0px 7px ;
}

.menu4{
	background: #254c9c url(images/pointilles_menu4.gif) no-repeat 0px 7px ;
}

.menu4:hover{
	background: #5579c2 url(images/pointilles_menu4_hover.gif) no-repeat 0px 7px ;
}

.menu5{
	background: #557405 url(images/pointilles_menu5.gif) no-repeat 0px 7px ;
}

.menu5:hover{
	background: #87a735 url(images/pointilles_menu5_hover.gif) no-repeat 0px 7px ;
}


						/*MILIEU*/

#milieu{
	width: 477px;
	/*background: url(images/fond_milieu.gif) no-repeat;*/
	float: left;
	overflow: hidden;
	padding: 0px 0px 0px 70px;
	/*border: #660099 solid 1px;*/
}

#titre{
	width: 487px;
	height: 42px;
	font-size: 14px;
	text-align: left;
	background: url(images/fond_titre.gif) no-repeat bottom;
	float: right;
	margin: 29px 0px 0px 0px;
	/*border: #CCCC00 solid 1px;*/
}

.sous_titres{
	width: 430px;
	background: url(images/point_rose.gif) no-repeat left;
	font-size: 12px;
	text-align: left;
	float: left;
	padding: 0px 0px 0px 10px;
	margin: 30px 0px 20px 20px;
	/*border: #f55 solid 1px;*/
}

.texte{
	text-align: justify;
	padding: 10px 70px 10px 0px;
	/*border: #ff9 solid 1px;*/
}

.liste{
	
}

			/*DROITE*/
			
#droite{
	width: 236px;
	float: right;
	/*border: #CC00CC solid 1px;*/
}

			/*FOOTER*/
			
#footer{
	width: 756px;
	height: 30px;
	text-align: right;
	float: left;
	background: url(images/footer.gif) no-repeat;
}

#footer a{
	color: #999999;
	float: right;
	margin: 5px 20px 10px 0px;
}

#footer a:hover{
	color: #666666;
}