body {

	background-image: url("images/bgcolor.jpg");
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-family: Verdana,Arial,sans-serif;
	font-size: 80%;
}	
	A  				{ color: #1e90ff ; text-decoration: none }
A:HOVER      	  { color: #0220FF; text-decoration: none; background-color: #f5f5f5 }

.titre1		{ color: #1e90ff; font-weight: bold; font-size: 16px; font-family: Helvetica, Arial, sans-serif; padding-left: 5px; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #1e90ff } 
.titre2 		 { color: black; font-weight: bold; font-size: 14px; font-family: Helvetica, Arial, sans-serif; padding-left: 5px; } 
.titre3 		 { color: black; font-weight: bold; font-size: 12px; font-family: Helvetica, Arial, sans-serif; padding-left: 5px; }

.plan1  		{ font-family : Arial, Helvetica, sans-serif ; font-size : 12pt ; padding-left : 5px  ; font-weight : bold ; } 
.plan2  		{ font-family : Arial, Helvetica, sans-serif ; font-size : 11pt ; padding-left : 10px ; font-weight : bold ; } 
.plan3  		{ font-family : Arial, Helvetica, sans-serif ; font-size : 10pt ; padding-left : 15px ; font-weight : bold ; } 
.plan4  		{ font-family : Arial, Helvetica, sans-serif ; font-size : 9pt  ; padding-left : 20px ; font-weight : bold ; } 
.ContOrange   	        { font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-color: #FFFFFF; text-align: justify; margin-left: 10px; padding: 5px 5px 10px 10px; border-style: solid; border-width: 1px 1px 1px 5pt; border-color: #1a6ca6 }
.ContStd  		{ color: #000000; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align: justify; padding: 0px 5px }


.ligne_haut 	    { text-align: left; position: relative;	top:80px; left: 5px;width: 90%; height: 50px; margin-top: 0 px; float:left ;display:block}
.ligne_milieu 		{ text-align: left; border: none ; position: relative; top: 1pt; bottom: 80%; width: 90%; height: 100%; background-image: url(images/bgwide.jpg); display: inline}
.ligne_bas			{ height:130px; text-align: center; vertical-align: text-bottom; float:left ;clear: both; position: relative; width: 100% ;display: block ;}

.btn 			{ color: black; font-variant: small-caps; font-weight: bold; font-size: 14px; line-height: 25px; font-family: Helvetica, Arial, Geneva, Swiss, SunSans-Regular; background-color: #CCCCCC; text-align: center; text-transform: capitalize; border-style: solid; border-width: 1px; border-color: white white gray silver; height: 25px ; float: left; }

.col_200_g 		          { text-align: left; float: left; clear: none; margin-left: 7pt; padding-left: 15px; border-top: none black; /*border-right: 1px dotted black; border-bottom: 1px dotted black; border-left: none black; */left: 10pt; width: 120pt; height: auto; overflow: visible }
div#divGauche
{ float:left; width:160px; text-align: justify; padding-left: 15px; display:block; }
.col_200_g_h { text-align: left; float: left; clear: none; margin-top: 10pt; margin-left: 7pt; border-style: none ; border-width: medium 1px 1px medium; border-color: black; left: 10pt; width: 120pt; height: auto; overflow: visible ;display:block; }
.col_450_c 		            { font-size: 10pt; font-family: Arial, Verdana, Helvetica; text-align: justify; float: left; border: fuchsia; position: relative; top: 10pt; left: 7pt; width: 430pt; height: auto; padding-left: 15px; }
.col_555_c         { font-size: 10pt; font-family: Arial, Verdana, Helvetica; text-align: justify; float: left; margin-left:20pt; border: fuchsia; position: relative; top: 10pt; left: 5pt; width: 540pt; height: auto ; display:inline }
.col_200_d 		   { text-align: left; float: left; border: gray; width: 120pt; height: 200pt }

.trespetit   { color: black; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; text-align: justify; margin-right: 5px; margin-left: 5px }
.trespetitgauche { color: black; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; text-align: left; margin-right: 10px }
.trespetitcentre { color: black; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; text-align: center; margin-right: 10px }
.news   		  { color: black; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; text-align: justify; margin-right: 10px }
.news_breve   	{ color: #000000; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; text-align: justify; }
.news_G { color: black; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; text-align: left; margin-right: 10px }
div#page
{
	margin :0 auto;
	width: 800px;
}
div#haut
{
	margin :0 auto;
	width: 800px;
	height: 227px;
	background: #CCC url(images/header_mp.jpg) no-repeat 0 0;
	display: block ;
}

div#ladate
{
	position:relative;
	top:170px;
	float:left;
	color: #FFF;
	margin-left:20px;
}
div#ladate1
{
	position:relative;
	top:50px;
	float:left;
	width: 100px;
	height: 100px;
	color: #FFF;
	margin-left:20px;
}
div#contenu
 { margin: 0 auto; width: 800px; height: auto; background-image:url(images/bgwide.jpg);float: left; min-height: 130px; padding-bottom: 10px;}

div#bas
{
	margin :0px auto;
	
	width: 800px;
	height: 130px;
	float:left;
	background-image:url(images/footer.jpg);
}
div#gauche50 { font-size: 12px; font-family: Arial; text-align: justify; padding: 0 20px; width: 380px; height: auto; float: left; }
div#droit50 { font-size: 12px; font-family: Arial; text-align: justify; padding: 0 20px; width: 380px; height: auto; }
/* Menu Gauche -------------------------------*/
ul#menuGauche { font-size: 75%; font-family: Verdana; top: 0; width: 70pt; margin-left: 0px; padding: 0 ; list-style-type: none ; }
ul#menuGauche li { text-align: left; margin: 0 ; padding: 0 ; }
ul#menuGauche li a  { color: #000; font-size: 13px; line-height: 27px; text-decoration: none; background: url(images/bg_menu_g.jpg) no-repeat; text-align: left; text-indent: 27px; border: solid 0; width: 150px; display: block  }
ul#menuGauche li a:hover  { color: #1e90ff; font-size: 13px; background: url(images/bg_menu_g.jpg) no-repeat 0 -27px; text-align: left; border: solid 0   }

dt, dl, dd, ul, li {
list-style-type: none;
margin: 0 10px 0 0;
padding: 0;
}
div#menu
{ font-size: 1em; font-family: Verdana; position:relative; top:100px;
	/*margin-top:195px;*/
	float:left; margin-left:20px; width:760px; text-align: left; }
#menu dl {
float: left;
}
#menu li {
display: inline;
}

#menu a {
text-decoration: none;
color: #000;
background: #fff;
}
div#actu
{ position:relative; float:left; top:0; width: 600px; margin-top: 10px; margin-left:50px; padding-bottom: 30px; }
div#actu dl {
	float: left;
}
div#actu li {
	display: inline;
}
#smenu0, #smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7, #smenu8, #smenu9, #smenu10 {
	top:15px;
	display: none;
	left:0px;
	position: absolute;
	text-align: left;
	font-size: 0.8em;
	border-top: 1px solid gray;
	width:600px;
	
/* #smenu0, #smenu1, #smenu2, #smenu3, #smenu4 {
position: absolute;
left: 0;
font-size: 0.8em;
border-top: 1px solid gray;
width: 600px; */
}


.mentions {
position: absolute;
bottom : 300px;
left : 10px;
color: #000;
/*background-color: #ddd;*/
}
a {text-decoration: none;
color: #222;
}
hr {   width: 100%; border-top: 1px; color:#a6a6a6; background-color: #a6a6a6; border-color:#a6a6a6;  height: 1px solid; }