body
{
	margin:  0 ;
	padding: 0 ;
	text-align: center ;
	background: #A86500 ;
}

div#conteneur
{
	width: 800px ;
	margin: 0 auto ;
	text-align: center ;
	background: #FFF ;
	border:0;
}

h1#header
{padding-top: 0px ;
	height: 135px ;
	background: url(images/bandeau.jpg) top left no-repeat ;
	margin: 0 ;
}

h1#header a, h1#header a:hover
{
	width: 100% ;
	height: 135px ;
	display: block ;
	background: url(images/bandeau.jpg) top left no-repeat ;
	position: relative ;
	text-indent: -5000px ;
}

.introg {
	border: 1px solid #242056 ;
	margin-right:15px;
	padding: 5px;
	float : left;
	text-indent: 0px ;
	text-align:center;
	font-size: 0.8em;
	
	color:#242056 ;
}
.introg img {

	padding: 6px;}
.introdt {
	border: 1px solid #242056 ;
	margin-left:15px;
	padding: 5px;
	float : right;
	text-indent: 0px ;
	text-align:center;
	font-size: 0.8em;
	
	color:#242056 ;
}
.introdt img {
	padding: 6px;
	}
div.legende {font-size: 0.7em;
text-align:center;}
	
.credit
{font-size: 0.7em;

}
.intro h3{
text-align:justify;
text-indent: 40px ;
	}
	
.news {
	border-top: 15px solid #FCFAE1;
	border-left: 15px solid #FCFAE1;
	border-right: 15px solid #FCFAE1;
	border-bottom: 5px solid #FCFAE1;
	float : right;
}
  .newsbleu {
	border-top: 15px solid #eceff9;
	border-left: 15px solid #eceff9;
	border-right: 15px solid #eceff9;
	border-bottom: 5px solid #eceff9;
	float : right;
}

.liste_services a:link, .liste_services a:hover, .liste_services a:active, .liste_services a:visited
	{
	
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.8em;
	}

.repere{
	
	text-align:left;
	font-family: arial, helvetica, sans-serif ;
	font-weight:bold;
	color:#89725B;
}
.repere a:link,.repere a:visited {
	
	text-decoration: none;
	font-family: arial, helvetica, sans-serif ;
	font-weight:bold;
	color:#89725B;

}

.reperebleu{
	
	text-align:left;
	font-family: arial, helvetica, sans-serif ;
	font-weight:bold;
	color:#16144f;
}
.reperebleu a:link,.reperebleu a:visited {
	
	text-decoration: none;
	font-family: arial, helvetica, sans-serif ;
	font-weight:bold;
	color:#16144f;
}
.lien_actu  {
	font-weight:bold;
	color: #89725B ;
	text-align: right ;
	margin-right:15px;

	font-size: 0.9em;

	font-family: Verdana, Helvetica, sans-serif;
}
.lien_actu  img {
	vertical-align:middle;
	}

.lien_actu  a:link, .lien_actu a:visited{
	font-weight:bold;
	color: #89725B ;
	

	font-size: 0.8em;
	
	
	font-family: Arial, Helvetica, sans-serif;
}

.titre_art, .titre_art a:link, .titre_art a:visited{
	font-weight:bold;
	color: #89725B ;
	text-decoration: none;
}

.sanspad{padding:0;}

.lien_site  a:link, .lien_site a:visited{
text-decoration: underline;
font-size:0.8em;
display:block;
float:right;
color:#242056;
}

.o1 {padding:0;
	margin:0;
	float:left;
	background: url(images/shadow.gif) right 100%;
	/*margin: 10px 20px 20px 20px;*/
	
}

.o2 {padding:0;
margin:0;
	background:url(images/corner_bl.gif) no-repeat bottom left;
}

.o3 {margin:0;
	padding:0 6px 6px 0;
	background:url(images/corner_tr.gif) no-repeat top right;
}

	/*+++++ MENUS ++++++*/
#menu {
float:left;
	margin:0px;
	padding:0px;
	width: 180px;
	font-family: arial, helvetica, sans-serif ;
	}
	
#menu a:link, #menu a:visited, #menu a:hover , #menu  a:active {
	color: #242056 ;
	text-decoration: none;
	/*display: block;*/
	}

	

#menu ul{
	list-style:none;
	padding:0px;
	margin:0px;
	}

#menu li {
	font-weight:bold;
  	/*height: 24px;*/
	padding: 12px 0 0 10px;
	}	


#sous-menu ul{

	padding-left:12px;
	font-size: 0.9em;
}

#sous-menu li{
	font-weight:normal;
	padding: 0px 0 0 10px;
	/*height:20px;*/
}
	
                   

		
div#contenu
{
	background:url(images/menu.jpg) top left no-repeat ;
	text-align: left ;
	width: 800px ;
	
	padding: 0 ;
}


h1
{	padding-top: 10px ;
	+padding-top: 20px ;
	font-size: 1.2em;	
	color: #242056;
	text-align: center;font-family: Arial, Helvetica, sans-serif;
}

h2
{
	font-size: 1.1em;
	text-align: center;
	margin:0;
	color: #5D4529 ;
	padding-top:10px;
	font-family: Times;
}

h3
{
	font-size: 1.2em;
	padding-bottom: 5px ;
	padding-left: 15px ;
	padding-right: 15px ;
	margin:0;
	text-align: left;
	padding-top: 10px ;
	color: #000000 ;
	font-family: "Times New Roman", serif;
	font-weight:normal;
}


div#contenu h3 a:link,div#contenu h3 a:visited 
{
	font-weight:normal;
	color: #89725B ;
}

h4
{
	font-size: 1em;
	padding-left: 15px ;
	padding-right: 15px ;
	padding-bottom: 10px ;
	padding-top: 5px ;
	margin:0;
	text-align: justify;
	
	color: #160701 ;
	font-weight:normal;
}

div#contenu h4 a:link, div#contenu h4 a:visited{
	font-weight:normal;
	color: #89725B ;
	text-decoration: none;
	
}

h5
{
	text-indent:0px;
	margin:0;
	font-weight:normal;
	font-size: 1em;
	padding-left: 15px ;
	padding-right: 15px ;
	text-align: justify ;
}
div#contenu h5 a:link, div#contenu h5 a:visited,div#contenu h5 a:hover , div#contenu h5  a:active{
	text-indent:0px;
	text-decoration: underline;
	color:#89725B;
	
}
h6
{
	margin:0;
	font-weight:normal;
	font-size: 0.8em;
	
	padding-left: 15px ;
	padding-right: 15px ;
	text-align: center ;
	font-family: Arial, Helvetica, sans-serif;
}
div#contenu h6 a:link, div#contenu h6 a:visited{
	font-weight:normal;
	color: #89725B ;
	text-decoration: none;
	
}
.cr
{
	margin:0;
	padding: 0 ;
	font-size: 0.9em;
	text-align: justify;
}
.cr ul,.cr li
{
	list-style-position: inside;
   list-style-type: square;
	padding:  0 ;
	margin:0;
	padding-left:5px;
}



table.date
{
	border-right:1px solid #89725B;
	border-left:1px solid #89725B;
	
	margin: 0 5px 5px  5px;
	
	font-weight:bold;
	font-size: 0.7em;
	width:580px;
	background-color: #89725B;
	color: #FCFAE1 ;
	
	padding-right: 20px ;
	text-align: right ;
	font-family: Helvetica, sans-serif;
}
table.date td,table.date tr
{
 vertical-align:top;
height:10px;
line-height:8px;
}
table.date a:link, table.date a:visited
	{
	text-decoration: none;
	color: #FCFAE1 ;

	font-family: Helvetica, sans-serif;
	font-weight:bold;
	
	}



div#contenu p
{
	text-align: justify ;
	
	line-height: 1.7em ;
}


div#contenu a:hover
{
	color: #7F6226 ;
}

p#footer
{
clear:both;
	margin: 0 ;
	padding-left: 10px ;
	font-size: 0.8em;
	text-align: left ;
	color: #7F6226 ;
}
p#footer a
{
	text-decoration:none;
	color: #7F6226 ;
}

table.menu_services{
	padding: 0;
	margin: 0;
	border:0;
	width:85%;
}

table.mep {
	/**/
	
	padding: 0;
	margin: 0;
	border:5px solid #FCFAE1;
	width:585px;
	+width:570px;
	text-align:left;
	background-color: #FCFAE1;
}

table.mep td, th,tr {
    vertical-align:top;
}
table.mep3 {
	/**/
	
	padding: 0;
	margin: 0;
	border:5px solid #FCFAE1;
	
	
	background-color: #FCFAE1;
}

table.mep td, th,tr {
    vertical-align:top;
}

table.mep2 {
	border-top:1px solid #89725B;
	border-right:1px solid #89725B;
	border-left:1px solid #89725B;
	padding: 10px;
	margin: 5px 5px 0 5px;

	width:580px;

	text-align:left;
	background-color: #FCFAE1;
}

table.mep2 td, th,tr {



    vertical-align:top;

}
table.mepbleu {
	/**/
	
	padding: 0;
	margin: 0;
	border:5px solid #eceff9;
	width:585px;
	+width:570px;
	text-align:left;
	background-color: #eceff9;
}

table.mepbleu td, th,tr {
    vertical-align:top;
}

table.tableu {

	width:95%;
	border:3px solid #89725B;
	border-collapse:collapse;
    padding: 10px;
	font-size: 1em;
	text-align: left ;
	background-color: #ffffff;
}
table.tableu tr {
    padding: 2px;

border: thin solid #CCC6AD;

}
table.tableu th {
    padding: 2px;
border: thin solid #CCC6AD;
	text-align:center;
	
	font-family: Arial, Helvetica, sans-serif;
}


table.tableu td {
border: thin solid #CCC6AD;

    padding: 10px;
	
}
table.tableu caption {
	font-family: "Times New Roman", serif;
	font-weight:bold;
	font-size:1.5em;
	height: 100px ;
	color:#0040a0;
		vertical-align: middle ;
}
.dil1 { 
float:left;
width: 620px; 
margin: 0;
padding: 20px 0 0 0;

}

.dil2 {   
left: 40%;
width: 590px; 
margin: 0;
padding: 0;
background: url(../images/bottom.gif) bottom left no-repeat;
padding-bottom: 23px;
}
 /*
.dit, .did {  
text-align:left;
margin: 10px 0 0 0;
padding: 0;
test pb espqce ie6
margin-top: 0px;
+margin-top: -12px; 
}
 
.dit {   
height: 30px;
+height:38px;
background: url(../images/top.gif) top left no-repeat;
}
 
.did {
padding: 0 ;
text-align: justify;
background: url(../images/corps.gif) repeat-y;  
}
*/
/*POUR LE CALENDRIER DE SELECTION DE DATE*/

.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */

