
/* ------------------------------------ */
/*                                      */
/*          Global                      */
/*                                      */
/* ------------------------------------ */
body {
	margin: 0;
	padding: 0;
	background-image: url(images/fond.jpg);
	background-repeat: repeat-x; 
	background-position: center top;
	font: 12px   verdana,Arial, verdana,Helvetica, sans-serif;
    background-color: #CFCFCF;

}




#conteneur {
	position: absolute;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	margin-top: 0px;



}

/* ------------------------------------ */
/*                                      */
/*            Header                    */
/*                                      */
/* ------------------------------------ */
#header {
	height:94px;
	padding: 0px;
	background-image: url(images/bg_header.jpg);
	background-repeat: no-repeat; 
	background-position: right top;
}

.logo {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	}


#moteur {
	float: right;
	margin-top: 8px;
	height:50px;
	}
#moteur table {margin: 0; padding:0;}
#moteur form {margin: 0; padding: 0;}

/* ------------------------------------ */
/*                                      */
/*            Menu General              */
/*                                      */
/* ------------------------------------ */

#menuTop{
	float: right;
    height: 32px;
	vertical-align: middle;
	text-align:center;
	line-height: 32px;



}


/* ------------------------------------ */
/*                                      */
/*            Menu General              */
/*                                      */
/* ------------------------------------ */

#navcontainer ul
{
margin: 0px;
margin-left: 0px;
padding: 5px;
list-style-type: none;
font-size: 1em;
}

#navcontainer li ul ul
{
margin: 0px;
margin-left: 0px;
padding: 2px;
list-style-type: none;
font-size: 9px;
}




#navcontainer li { margin: 0px 0px 2px 0px; }

#navcontainer a
{
	display: block;
	padding: 5px 2px 10px 24px;
	color: #004F94;
	text-decoration: none;
	font-weight: bold; 
	border-bottom: 1px dashed #CCC;

}

#navcontainer li ul ul  a
{
	display: inline;
	padding: 0px 0px 0px 0px;
	color: #004F94;
	text-decoration: none;
	font-weight: normal; 
	border-bottom: 0px dashed #CCC;

}


#navcontainer a:hover
{
color: #8EBD0F;


}

#navcontainer a.on
{
color: #8EBD0F;


}




#navcontainer a:active
{
color: #60A121;


}

.menu { 
	text-align: left;
	width: 230px;
	height: auto;
	min-height: 350px;
	_height:350px;
	margin-left:10px; 
	margin-top: 30px;
	border: 1px solid #F2F2F2;
}


/* ------------------------------------ */
/*                                      */
/*            Centre                    */
/*                                      */
/* ------------------------------------ */

#centre {
    font-size: 12px;
    text-align: left;background: #FFF;}


#contenu {
margin-left: 2px;
margin-right: 2px;
background-color: #FFFFFF;}

#contenu-top {
margin-left: 2px;
margin-right: 2px;
background-color: #FFFFFF;text-align: justify;}


#cadre_gauche{
	float: left;
	width: 364px;
	text-align: left;
	font-size: 11px;
	text-align: left;}


#cadre_droit{
	float: left;
	width: 635px;
	text-align: left;
	font-size: 11px;}

#cadre_menu{
	float: left;
	width: 250px;
	text-align: left;
	font-size: 11px;
	text-align: center;}

#cadre_contenant{
	float: left;
	margin-left: 25px;
	width: 700px;
	text-align: left;
	font-size: 12px;
	height: auto;
	min-height: 400px;
	_height:400px;}



.cadre_actus {float: left; margin-left:10px; margin-top: 60px;border: 1px solid #F2F2F2;width: 300px;	height: auto;
	min-height: 200px;
	_height:200px;}

.titreRub {
		float: right;
		margin-right: 8px;
		margin-top: 8px;
		font-size: 24px;
		color: #005095;
		text-transform:uppercase;}



.texte-edito{margin-top: 25px; margin-left:10px; margin-right:10px;margin-bottom:3px;}

.cadre_date {
	background: #E2EDF4;}






#pied {

    color: #FFF;
	text-align: center;
	font-size: 11px;
	line-height: 30px;
	background-image: url(images/bg_pied.jpg);
	background-repeat: repeat-y; 
}

#pied a {color: #FFFFFF;}

#bottom {
	height: 25px;
	background-image: url(images/bg_bottom.jpg);
	background-repeat: no-repeat; }

.spacer {
 	clear: both;
 }

a {color: #E96F21;text-decoration:none;}
#hierarchie {font-size:10px;color:#CCCCCC;margin-bottom:20px;}
#hierarchie a {font-size:10px;color:#6F7375;}
#hierarchie a:hover {font-size:10px;color:#CCCCCC;text-decoration: none;}
a:hover {text-decoration: underline;}
.titre 	{font: 14px "Trebuchet MS",Arial, verdana,Helvetica, sans-serif;font-weight: bold;}
.titresommaire {font-size: 14px;background-color: #C4E0F4;}


 .spip_logos {
	float: left;
	margin: 16px;
	margin-bottom: 16px;
	clear: right;
    border: 2px solid #FFFFFF; }

img {border: 0;}

/* Tableaux */
table.spip {
	width: 100%;
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid #2672CF;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; 
    color: #5A3C95;}
table.spip tr.row_first { background: #D3DDEA;color: #FFFFFF; }
table.spip tr.row_odd { background: #DF2F5F9; }
table.spip tr.row_even { background: #C3D2E5; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }


.spip_documents {text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px;}
.spip_doc_titre { font-weight: bold;  margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both;  margin-left: auto; margin-right: auto; }


.spip_doc_titre {font-size: 12px;}
.spip_doc_descriptif{font-size: 12px;}
.edito { background-color: #B6B0A1;color:#FFFFFF; font-size: 11px;		background-image: url(images/bg_edito.jpg);
	background-repeat: no-repeat; 
	background-position: left top;	height: auto;
	min-height: 230px;
	_height:230px;border-right: 3px solid #FFFFFF; border-top: 2px solid #FFFFFF;}
.texte {margin: 5px;}
.bleu {color: #157AB2;}
.vert {color: #AAC948;}
.gris {color:#7F7F81;}
.ps {border: 1px dashed #CCC;}
.plusinfo {float:right; margin-right:50px;}
.chapo {border: 1px dashed #CCC;  padding:10px;}
.chapo1 {border: 1px dashed #CCC;  padding:10px;font-weight:normal;}
.chapo2 {border: 1px dashed #CCC;  padding:10px;font-weight:normal; font-size:11px;}
#chapo2vert {border: 1px dashed #73B742;  padding:5px;font-weight:normal; font-size:11px;}
#chapo2jaune {border: 1px dashed #F6D603;  padding:5px;font-weight:normal; font-size:11px;}
#chapo2orange {border: 1px dashed #F69212;  padding:5px;font-weight:normal; font-size:11px;}
#chapo2bleu {border: 1px dashed #0092A7;  padding:5px;font-weight:normal; font-size:11px;}
#chapo2rose {border: 1px dashed #E1207D;  padding:5px;font-weight:normal; font-size:11px;}


.titreRub1 {
		margin-right: 8px;
		margin-top: 8px;
		font-size: 20px;
		color: #000000;
		text-transform:uppercase;}

.titreRub1vert {
		margin-right: 8px;
		margin-top: 8px;
		font-size: 20px;
		color: #73B742;
		text-transform:uppercase;}

.titreRub1orange {
		margin-right: 8px;
		margin-top: 8px;
		font-size: 20px;
		color: #F69212;
		text-transform:uppercase;}

.titreRub1bleu {
		margin-right: 8px;
		margin-top: 8px;
		font-size: 20px;
		color: #0092A7;
		text-transform:uppercase;}

.titreRub1jaune {
		margin-right: 8px;
		margin-top: 8px;
		font-size: 20px;
		color: #F6D603;
		text-transform:uppercase;}

.titreRub1rose {
		margin-right: 8px;
		margin-top: 8px;
		font-size: 20px;
		color: #E1207D;
		text-transform:uppercase;}

h4.spip  {border: 1px dashed #ccc; color:#0093A7;padding:10px;background-color:#D6ECEE;}

.plus {float: right; margin5px; width:100px;}

.galerie {float: left; margin:15px;}
#documents_portfolio img {border: 1px solid #CCCCCC;}



