* {
margin:0;
padding:0; /*suppretion de tous les padding/marging */
}

html,body{
	height:100%;
	width:100%;

}

body{
	display:block; /*induit l' élément à générer une boîte de bloc principale ;*/ 
	margin:0;
	padding:0;
	font-family:Arial, sans-serif;
	font-size: 62.5%;
	background: #fff url(../images/filet_bleu_degr.gif) repeat-y 100% 50%;
	color: #222222; /*couleur gris très foncé*/
}

address{
	display:block;
	text-align:center;
	font-size:1.4em;
	font-style:normal;
	font-weight:bold;
}


address span{
	display:block;
}


a{
	color:#003366;
}


a:hover{
color:#FF3300;
}


/*CLASSES*/

.fil_ariane{
background:#FFFFFF;
padding:0.5em;
font-size:1.2em;
margin-bottom:1em;
border-bottom:#ccc 1px solid;
clear:both;
}

.floatleft {
	float:left;
	margin-right : 1em;
}

.floatright {
	float:right;
	margin-left : 1em;
}

.clear {
	display:block;
	clear: both;
}
.cache{
  visibility:hidden;
}

.titre_important{
 font-size:2.5em;
 color:#009900;
 text-transform:uppercase;
 text-align:center;
 
}

.titre_moyen{
 font-size:2em;
 color:#466FCE;
 margin-left:3em;
}

.vertical_spacer{
margin-top:30px;
display:block;
clear: both;
height:20px;
}

/*tinymce*/
.majuscule{
text-transform:uppercase;
}
.espaces{
letter-spacing:0.5em;
}
.bleu{
color:#466FCE;
}
.rouge{ 
color: #FF3300;
}
.vert{
color:#009900;
}
.gris{
color:#666666;
}

/********************************************IDENTIFIANTS*********************/

#conteneur {
width:778px;
margin:auto;

}

/*HEADER*/
#header{
	width:778px;
	margin:auto;
	background: url(../images/logo.gif) no-repeat 0% 0%;
	clear:both;
}

#banniere{
	width:652px;
	height:70px;
	margin-left:126px;
	background: url(../images/banniere.gif) no-repeat 0% 0%;
}

#banniere h1{display:none;}

#menuprincipal{
	width:652px;
	color: white;
	font-size:1.3em;
	font-weight: bold;
	background: #466FCE url(../images/menu_gauche.gif) no-repeat 0% 0%;
	margin-left:126px;
}

#menuprincipal ul{
	text-align: center;
	margin: 0;
	padding: 5px 0 5px 0;
}

#menuprincipal ul li
{
	display: inline;
	margin-left: -4px;
}

#menuprincipal ul li a
{
	padding: 5px 10px;
	color: white;
	text-decoration: none;
}

#menuprincipal ul li a:hover{
	background-color: #284076;
	color: white;
}

#minimenu{
position:absolute;
top:0;
right:0;
padding:5px;
font-size:1.2em;
}

#minimenu li{
display:inline;
margin-left:4px;
}

/*GANDS CONTENEURS CENTRE*/

#centre{
background-color:#fff;
/*background-color:#FF6633;*/
width:778px;
}

#col_gauche_accueil{
	/*background:#00CCFF;*/
	float:left;
	width:230px;
	min-height:300px;
}

#col_centre_accueil{
	/*background:#CCFF33;*/
	/*margin-left: 278px;*/
	float:left;
	width:520px;
	min-height:300px;
	margin:0 9px;
	padding:1px 0; /*pour éviter la fusion des marges dans FF*/
	height:1%; /*donne le layout à IE*/
}


#col_gauche{
	/*background:#00CCFF;*/
	float:left;
	width:160px;
	min-height:300px;
}



#col_centre{
	float:left;
	background:#fff;
	width:600px;
	margin:0 9px;
	min-height:300px;
	padding:1px 0; /*pour éviter la fusion des marges dans FF*/
	
}

/*hack pour IE ->donner un min height aux colones*/
* html #col_gauche{height:300px;} 
* html #col_centre{height:300px;}



/*********************ACCEUIL*****************************/
/*DEBUT AGENDA*/

#agendaconteneur{
	width:278px;
	height:365px;
	background: url(../images/agenda.gif) no-repeat 50% 0%;
	position:relative; /*permet de rester dans le flux tout en positionnant l'élément*/
}

#agendaconteneur h2{display:none;}

#agenda{
	position:absolute; /*on positionne tranquilement l'agenda par rapport à agendaconteneur*/
	width:177px;
	height:244px;
	overflow:auto;
	top:59px;
	left:48px;
	background-color: #FFFFFF;
}

#agenda dl{
	font-size:1.2em;
	margin-left:5px;
}
#agenda dt{
	font-weight:bolder;
	color:#009900;
}
#agenda dd{
	margin-left:5px;
	margin-bottom:5px;	
}
#agenda strong{
	color:#666666;
}
#agenda ul{
margin-left:20px;
}

/*FIN AGENDA*/

DIV#sous_menu{
	margin-top:4em;
	padding:10px 0 0 0 ;
	background: #FCEB11 url(../images/bord_s_menu_h.gif) no-repeat 100% 0%;
}


/*SOUS-MENU*/
DIV#sous_menu ul{
	margin:0;
	padding:0 0 10px 0;
	list-style-type: none;
	background: #FCEB11 url(../images/bord_s_menu_b.gif) no-repeat 100% 100%;
	border-top: 1px solid #FCD500;
}

DIV#sous_menu a{
	/*border-top: 1px solid #FCF7BA;*/
	display: block;
	padding: 3px 10px;
	background-color:#FCEB11;
	border-bottom: 1px solid #FCD500;
}

DIV#sous_menu a img{
	border:0;
}

/*hack IE pour avoir le layout*/
* html DIV#sous_menu a{
	height:1%;
}

DIV#sous_menu a:link, #sous_menu a:visited{
	font-size:1.3em;
	/*font-family:"Courier New", Courier, monospace;*/
	font-weight:bolder;
	color:#466FCE;
	text-decoration: none;
}

DIV#sous_menu a:hover
{
	background-color: #466FCE;
	color: #FFF;
}

/*FIN SOUS-MENU*/

UL#menu_actu_general{
list-style-type:none;
/*background:#00FF00;*/
margin-top:20px;
margin-left:1em;
font-size:1.3em;
font-weight:bold;
}

UL#menu_actu_general li{
margin-bottom:1em;
}

DIV#liste_actus {
height:1%;
min-height:1%;
/*background-color:#00FF66;*/
margin:20px;
}

#liste_actus dl {
border:solid 1px #ccc;
margin-bottom:0.5em;
width:450px;
min-height:100px;
background: #fff url(../images/filet_bleu_degr.gif) right top repeat-y;
padding:1em;
}

DIV#liste_actus dd {
margin-left:2em;
}

DIV#liste_actus .date_actu{
font-style:italic;
font-size:1.3em !important;
}

DIV#liste_actus .chapeau_actu{
font-size:1.4em !important;
text-align:justify;
}

DIV#liste_actus dt {
font-size:1.7em;
font-weight:bold;
/*background: #00FFFF;*/
}

DIV#liste_actus dd img {
/*display:block;
margin:0px 0px 10px 15px;
float:right;*/
}


DIV#page_select{
 /*background-color:#FFCC33;*/
 margin:2em;
}

DIV#page_select ul{
 margin-left:2em; /*pour faire rentrer les puces dans contenu_page ou contenu_actu*/
}
DIV#page_select li{
 margin-bottom: 2em; /*pour faire rentrer les puces dans contenu_page ou contenu_actu*/
}

DIV#page_select .date{
  font-size:1.3em;
  font-style:italic;
  margin-bottom:0.8em;

}

DIV#page_select p.chapeau{
  font-size:1.3em;
  text-indent:1.5em;
  font-weight:bolder;
  margin-bottom:1.5em;
}

DIV#page_select div.contenu_actu {
  font-size:1.3em;
}

DIV#page_select div.contenu_actu p{
  margin-bottom:1em;
  text-indent:1.5em;
}


DIV#page_select div.contenu_actu img {
  display:block;
  margin-right:1.5em;
  float:left;
}

/*contenu tinymce*/

DIV#page_select div.contenu_page {
  font-size:1.3em;
}

DIV#page_select div.contenu_page p{
  margin-bottom:0.5em;
  margin-top:0.5em;
  /*text-indent:1.5em;*/
}

DIV#page_select div.contenu_page img{
  display:block;
  margin:1.5em;
}

DIV#liste_rubrique{
	/*background:#CCCC33;*/
	margin:2em;
}

DIV#liste_rubrique dt{
	font-size:1.7em;
	font-weight:bold;
	margin-top:1.5em;
	padding-top:0.5em;
}

DIV#liste_rubrique .rubrique_dt{

}

DIV#liste_rubrique .page_dt{
   
	/*border-top:solid 1px #666666;*/
}

DIV#liste_rubrique dd{
	font-size:1.4em !important;
	text-indent:1.5em;
}


DIV#sitemap{
width:75%;
margin:auto;
font-size:1.5em;
}

DIV#sitemap li{
margin:0.4em 0 0.4em 0.5em;
}

DIV#contact{
width:75%;
margin:2em auto 0 auto;
font-size:1.4em;
}
DIV#contact table{
margin:2em;
}
DIV#contact td{
vertical-align:top;
}

/*PIED DE PAGE */

#footer {
	color:#284076;
	clear:both;
}

#banniere_bas{
	margin-top:10px;
	background-color:#FFFFFF;
	text-align:center;
	border:1px #ccc solid;
}

#menufooter{
	text-align:center;
	font-size:1.2em;
	margin:2em 0;
}

#menufooter li{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}


/*formattage tinymce*/

div.contenu_page table, div.contenu_page thead, div.contenu_page tfoot, div.contenu_page th, 
div.contenu_page tbody, div.contenu_page td {border:1px solid #666666;}
div.contenu_page table{width:80%; border-collapse:collapse; text-align:center;}
div.contenu_page th{padding:3px;}
div.contenu_page thead { background-color:#C7D5F7; color:#003366; font-weight:bold;}
div.contenu_page tbody th{background-color:#CCCCCC; text-align:right; color:#000;}
div.contenu_page tbody {background-color:#FFF; }
div.contenu_page td {font-family:sans-serif; padding:3px;}
div.contenu_page tfoot {background-color: #FCD500; font-weight:bold;}


div.contenu_page h3, div.contenu_page h4, div.contenu_page h5 {
	margin-top: 1em;
	margin-bottom: 1em;
}


div.contenu_page h3{
	font-size: 1.7em;
	color: #466FCE;
}

 div.contenu_page h4{
	font-size: 1.5em;
	color:#666666;
}

div.contenu_page h5{
	font-size: 1.4em;
	color:#666666;
}