
/* ------------------------------------ */
/*                                      */
/*          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: #424242;

}




#conteneur {
	width: 1000px;
	margin: 0 auto; 

}

a {color: #FF1215;text-decoration:none;}
a:hover {text-decoration: underline;}
a.spip_out {color: #FF1215;text-decoration:none;}
a.spip_out:hover {text-decoration: underline;}
i {color: #FF1215;}


/* ------------------------------------ */
/*                                      */
/*            Header                    */
/*                                      */
/* ------------------------------------ */
#header {
	height:88px;
	padding: 0px;
	background-image: url(images/bg_header.jpg);
	background-repeat: no-repeat; 
	background-position: right top;
	font-size:11px;
}

.logo {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	}




/* ------------------------------------ */
/*                                      */
/*            Menu General              */
/*                                      */
/* ------------------------------------ */


#menuTop{
	float: right;
    margin-top: 0px;
	margin-right:5px;
    height: 32px;
	vertical-align: middle;
	text-align:right;
	line-height: 32px;



}


/* ------------------------------------ */
/*                                      */
/*            Menu General              */
/*                                      */
/* ------------------------------------ */

#navcontainer ul
{
margin: 0px;
margin-left: 0px;
padding: 5px;
list-style-type: none;

}

#navcontainer li ul ul
{
margin: 0px;
margin-left: 0px;
padding: 2px;
list-style-type: none;
font-size: 12px;
}




#navcontainer li { margin: 0px 0px 2px 0px; }

#navcontainer a
{
	display: block;
	padding: 5px 2px 10px 24px;
	color: #FFFFFF;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 14px;



}

#navcontainer a.intitule
{

	color: #FF1317;
	font-weight:bold;

}

#navcontainer li ul ul  a
{
	display: inline;
	padding: 0px 0px 0px 0px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal; 


}


#navcontainer a:hover
{
color: #FF1317;


}

#navcontainer a.on
{
color: #FF1317;


}




#navcontainer a:active
{
color: #FFFFFF;


}

.menu { 
	text-align: left;
	width: 230px;
	height: auto;
	min-height: 300px;
	_height:300px;
	margin-left:10px; 
	margin-top: 30px;
}


/* ------------------------------------ */
/*                                      */
/*            Centre                    */
/*                                      */
/* ------------------------------------ */

#centre {
    font-size: 12px;
    text-align: left;

	
}

#titre_rub {
	height: 96px;
	background-image: url(images/bg_centre.gif);
	background-repeat: no-repeat; 
	background-position: left top;
}

#contenu {
	background-image: url(images/bg_contenu.gif);
	background-repeat: repeat-y; 
	background-position: left top;

}

#contenu-top {
margin-left: 2px;
margin-right: 2px;
background-color: #FFFFFF;text-align: justify;}


#cadre_gauche{
	float: left;
	width: 572px;
	text-align: left;}


#cadre_droit{
	float: left;
	width: 408px;
	text-align: left;
	font-size: 11px;color:#DDDBDB;
	text-align:justify;}

#cadre_menu{
	float: left;
	width: 250px;
	text-align: left;
	font-size: 11px;
	text-align: center;}

#cadre_contenant{
	float: left;
	margin-left: 2px;
	width: 720px;
	text-align: left;
	font-size: 11px;
	height: auto;
	min-height: 300px;
	_height:300px;}



.cadre_actus {float: left; margin-left:10px; 	height: auto;
	min-height: 200px;
	_height:200px;}



.titreRub {
		float: left;
		margin-top: 20px;
		padding-left:260px;
		font-size: 20px;
		font-family: "Trebuchet Ms", Verdana, Arial;
		font-weight:bold;
		color: #909090;
		text-transform:uppercase;}









#bottom {
	height: 55px;
	background-image: url(images/bg_bottom.gif);
	background-repeat: no-repeat; 
	background-position: left top;
}


#pied2 {
	margin:0;padding:0;
	height:53px;
    color: #FFF;
	text-align: center;
	font-size: 11px;
	background-image: url(images/bg_pied.gif);
	background-repeat: no-repeat; 
	background-position: left top;

}

#pied {

    color: #FFF;
	text-align: center;
	font-size: 11px;

}



#pied a {color: #FFFFFF;}
#pied2 a {color: #FFFFFF;}



.spacer {
 	clear: both;
 }





 .spip_logos {
	float: left;
	margin: 16px;
	margin-bottom: 16px;
    border: 2px solid #FFFFFF; }

img {border: 0;}

/* Tableaux */
table.spip {
	width: 100%;
	margin: auto;
	margin-bottom: 1em;
	border: 3px solid #FFFFFF; }
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;3px solid #FFFFFF;}
table.spip tr.row_first { background: #000000;color: #FFFFFF; border: 3px solid #FFFFFF;}
table.spip tr.row_odd { background: #FFECEC; border: 3px solid #FFFFFF;}
table.spip tr.row_even { background: #E9E9E9;border: 3px solid #FFFFFF; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; border: 3px solid #FFFFFF;}


.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;}

.texte {margin: 5px;}
.titre {color:#979797;font-family: "Trebuchet MS", Verdana, Arial;font-size: 16px;font-weight:bold;}
.ps {border: 1px dashed #CCC;}
.chapo {border: 1px dashed #CCC;  padding:10px;}





h4.spip  {border: 1px dashed #ccc; color:#0093A7;padding:10px;background-color:#D6ECEE;}
h3.spip  {border: 1px solid #ccc; color:#FFFFFF;background-color:#323232;margin-top:0;padding:5px;text-align:left;
	background-image: url(images/puce.jpg);
	background-repeat: no-repeat; text-indent: 25px; 	clear: both; }



.galerie {float: left; margin:15px;}
#documents_portfolio img {border: 1px solid #CCCCCC;}


/*==================list====================*/
ul { list-style:none;}

.nav {width:100%; overflow:hidden;}
.nav li { float:left; width:133px; margin-right:5px; padding-top:383px;}
.nav li.m1 { background:url(images/m1.jpg) no-repeat left top;}
.nav li.m2 { background:url(images/m2.jpg) no-repeat left top;}
.nav li.m3 { background:url(images/m3.jpg) no-repeat left top;}
.nav li.m4 { background:url(images/m4.jpg) no-repeat left top; margin-right:0;}
.nav li a { display:block; background:url(images/bg1.gif) no-repeat left top; height:32px; color:#fff; text-decoration:none; text-align:center; line-height:32px;}
.nav li a:hover { background:url(images/bg2.gif) no-repeat left top;}
.nav li a.current { background:url(images/bg2.gif) no-repeat left top;}

/*==================boxes====================*/
.box { width:100%;}
.box .border-bot {background:url(images/border-bot.gif) repeat-x bottom;}
.box .left-top-corner {background:url(images/left-top-corner.gif) no-repeat left top;}
.box .right-top-corner {background:url(images/right-top-corner.gif) no-repeat right top;}
.box .left-bot-corner {background:url(images/left-bot-corner.gif) no-repeat left bottom; min-height:491px; height:auto !important; height:491px;}
.box .right-bot-corner {background:url(images/right-bot-corner.gif) no-repeat right bottom; }
.box .inner { padding:15px 15px 56px 15px;}

/*==========================================*/





