/* Style general */
.centrer { text-align:center;}
.gauche  { text-align:left;  }
.droite  { text-align:right; }
.gras    { font-weight:bold; }

.invisible { display:none; }

.sansMenu { width:100%; }
.avecMenu { width:80%;  }
/* IE */
* html .sansMenu { width:95%;  }


.borderMenu   { border-left:3px solid white;}
.noBorderMenu { border-left:0px solid white;}
/* --------------------------------*/
/* Configuration de la page */
body {
/*	background-color:#DEE8FE; */
	background-color:#eaf0ff;
	z-index:10;
}

#page {
	position: relative;
	width:100%;
	min-width: 800px;
	max-width:1000px;
	margin:0 auto;
}
/* Pour que IE prenne en compte la taille min et max de la page */
* html #page {
	width: expression(document.body.clientWidth <= 800? "800px" : document.body.clientWidth >= 1000? "1000px" : "auto"); 
}

/*------------------------------*/
/* Bandeau Superieur */
.bandeau-accessible {
 	float : left;
 	text-indent : -5000px;
 	position:absolute;
}

#entete {
	position: relative;
	border: 0px;
	width:100%;
	height:100px;
	z-index:100;
}

#entete .retina_gauche {
	float: left;
/*	position:absolute; */
}

#entete .retina_centre {
	margin-left:5px;
	font-weight:600;
	font-size:1em;
	color:#59B1BC;
	color:#3C7078;
	color:#095BAC;
	text-align:center;
}
#entete .retina_centre div {
	padding:5px 5px 5px 5px;
/*	border:1px solid #59B1BC; */
	border-top:1px solid #fd9b9b;
	border-left:1px solid #fd9b9b;
/*	border:1px solid #ff4e4e; */
	border-bottom:1px solid #ff4e4e;
	border-right:1px solid #ff4e4e;
	width:auto;
	margin:10px 32% 0 13%;
}
* html #entete .retina_centre div {
	width:57%;
	margin:10px auto 0 auto;
}

#entete .retina_droite {
/*	position:absolute; */
	width: 27%;
	float: right;
	font-size:0.75em;
	font-weight:700;
	text-align:center;
	color:#235287;
	line-height:1.2em;
}
#entete .retina_droite img{
	float: right;
}

/*------------------------------*/
/* Contenu de la page */
#conteneur {
	position: relative;
}

#conteneur .retina_header {
	position:relative;
	width:100%;
	padding-top:50px;
	padding-bottom:15px;
	font-size:130%;
	color: #095BAC;
	text-align: center;
	z-index:90;
}
/* Correctif IE */
* html #conteneur .retina_header {
	padding-top:10px;
}
#conteneur .retina_header .ariane {
	text-align:left;
	font-size:0.6em;
	padding-bottom:15px;
}

#conteneur .retina_header .ariane a {
	color:#235287;
}
/*----------------------*/

/* Centre de la page */
#conteneur .retina_centre {
	position:relative;
	float: left;
	margin: 0 0%;
	padding-right:20px;
	z-index:11;
	background-color:#eaf0ff; 
/*	background-color:#DEE8FE; */
}

#conteneur .retina_centre.sansFond {
/*	background-color:#DEE8FE; */
	background-color:#eaf0ff;
}

#conteneur .retina_centre .info {
	position:relative;
	float:left;
	width:100%;
	margin:15px 10px 0px 10px;
	padding-bottom:15px;
	z-index:12;
        font-size:90%;
}

#conteneur .retina_centre .bouton {
	background-image:url(../images/bouton.png);
	background-repeat:no-repeat;
	width:160px;
	height:24px;
	margin-top:2px;
	margin-left:35%;
}
#conteneur .retina_centre .bouton a {
	color:#eaf0ff;
}

* html #conteneur .retina_centre .bouton {
	margin-left:5%;
}
	
#conteneur .retina_centre .logo {
	position:relative;
	width: 146px;
	float: right;
	margin:0 0 0 20px;
}

#conteneur .retina_centre .cadre {
	border:2px solid #CCCCCC;
	width:70%;
	height:1.6em;
	margin:30px 1% 0 6%;
	padding:7px 0 7px 0;
}

* html #conteneur .retina_centre .cadre {
		height:auto;
}

#conteneur .retina_centre .cadre li {
	display:block;
	width:49.99%;
	float:left;
}

#conteneur .retina_centre .partenaire {
	width:100%; 
	float:left; 
	margin-top:20px;
}

#conteneur .retina_centre .partenaire  h2 {
	padding:5px 5px;
	border:0px solid #235287;
}

#conteneur .retina_centre .partenaire ul{
	float:left; 
	background-color:#235287; 
	width:100%; 
	text-align:center; 
	padding:5px 0;
}

#conteneur .retina_centre .partenaire li{
	float:left; 
	position:relative; 
	width:33%; 
	display:inline;
	margin-top:15px;
}

#conteneur .retina_centre .partenaire li a img{
	margin-top: 15px;
}
#conteneur .retina_centre .partenaire .mention {
	font-size:0.7em; 
	color:#FFFFFF;
}

* html #conteneur .retina_centre .partenaire .mention {
	font-size:0.7em;
}

/*--------------------*/
/* Presentation des rubriques */
#conteneur .retina_centre .desc .encars {
	border:1px dashed #235287; 
	padding:10px;
	width:85%;
	font-size:0.9em;
	text-align:left;
	margin:0 auto 0 auto;
}
* html #conteneur .retina_centre .desc .encars {
	margin:0 0 0 0;
}

#conteneur .retina_centre {
	padding:5px;
}
#conteneur .retina_centre p{
	padding-left:45px;
}
#conteneur .retina_centre h2 {
	font-weight:700;
	font-size:1.0em;
	color:#235287;
	padding:5px;
	margin-left:25px;
	margin-right:25px;
	border-bottom:1px solid #59B1BC;
}
#conteneur .retina_centre ul {
	padding-top:5px;
	padding-left:30px;
}
#conteneur .retina_centre li {
	padding-bottom:15px;
	font-size:0.9em;
	list-style-image:url(../images/puce.png);
	list-style-position:inside;
}

#conteneur .retina_centre li.vide {
	list-style-type:none;
	list-style-image:none;
	font-size:1em;
}

#conteneur .retina_centre li a {
	margin-bottom:10px;
	font-size:1.0em;
}

#conteneur .retina_centre li .date {
	font-size:0.8em;
}

* html #conteneur .retina_centre {
	padding:0;
	padding-bottom:5px;
}

#conteneur .retina_centre .pagination {
	padding:10px 0;
}
/*------------------------------*/
/* Pied de page */

#conteneur .retina_footer {
	border-top: 1px dotted #cccccc;
	margin-top:20px;
	font-size:small;
	text-align:center;
}

#conteneur .retina_footer ul {
	margin-left:30%;
}

#conteneur .retina_footer li {
	float:left;
	margin-top:5px;
        list-style-image:none;
}

/*------------------------------*/

/* Menu Principal */

#menuPrincipal {
	display:block;
	position:relative;
	float:left;
	width:100%;
	height:30px;
	margin-top:20px;
	z-index:110;
	font-variant:small-caps;
	font-size:0.7em;
}

#menuPrincipal .rootPanel {
	padding-bottom: 175px;
}
#menuPrincipal .rootPanel-js {
	padding-bottom:0px;
}

#menuPrincipal .rootItem {
	position:relative;
	width:13.9%;
	height:30px;
	padding:0px 0px 10px 0px;
	float:left;
	text-align:center;
	background-color:#235287;
}
/*	   IE */
* html #menuPrincipal .rootItem {
	width:13.945%;
	height:100%;
	padding:0px 0px 0px 0px;
}

#menuPrincipal .basePanel {
	position:absolute;
	z-index:100;
	top:40px;
	left:0;
	background-color:#235287;
	width:100%;
	overflow:hidden;
	border:1px solid #FFFFFF;
}

#menuPrincipal .baseItem {
	position:relative;
	text-align:left;
	border-top:1px solid #FFFFFF;
}

#menuPrincipal a {
	color:#FFFFFF;
	display:block;
	font-weight:bolder;
	width:100%;
	height:100%;
	padding:5px 0px 5px 0px;
}

#menuPrincipal .rootItem a {
	cursor:default;
}

#menuPrincipal .baseItem a {
	padding-left:5px;
	cursor:pointer;
}

#menuPrincipal a:hover,  #menuPrincipal a:focus, #menuPrincipal a:active {
	background-color:#AADDEE;
	color:#235287;
}

#menuPrincipal a.actif {
	background-color:#59B1BC;
	color:#000035;
}
/*--------------------*/
/*   Menu secondaire */

#menuSecondaire {
	position:relative;
	float:left;
	width:15%;
	border:0px solid #59B1BC; 
	padding-bottom:10px;
        background-color:#C2DFF3;
        font-size:110%;
}
#menuSecondaire hr {
	color:#59B1BC;
}

#menuSecondaire .rootPanel  {}
#menuSecondaire .rootItem {
	width:100%;
	padding-top:5px;
	color:#235287;
	font-size:0.7em;
}
#menuSecondaire .rootItem a {
        padding-left:16px;
        background-image:url(../images/puce_m2.gif);
        background-repeat:no-repeat;
}
#menuSecondaire .rootItem h1{
	padding-top:0px;
	padding-left:5px;
	font-size:1.2em; 
	font-weight:bolder;
	font-variant:small-caps;
}
#menuSecondaire .basePanel {}
#menuSecondaire .baseItem {
	width:100%;
	padding-top:5px;
	color:#235287;
}

#menuSecondaire a {
	display:block;
	color:#235287;
	padding-left:5px;
}
#menuSecondaire .baseItem a {
	padding-left:15px;
        background-image:url(../images/puce_m2.gif);
        background-repeat:no-repeat;

}
#menuSecondaire a:hover, #menuSecondaire a:focus, #menuSecondaire a:active {
	background-color:#AADDEE;
	text-decoration:none;
}

/*--------------------*/
/* Presentation du plan */
.page_plan #conteneur .info .article { 
}
.page_plan #conteneur .info li.soustitre {
	list-style-type:none;
	list-style-image:none;
}
.page_plan #conteneur .info .soustitre h3 {
	display:inline;
	font-weight:700;
}
.page_plan #conteneur .info .soustitre h3 a{
	font-size:0.9em;
	color: #235287;
}
/*-------------------*/
/* Formulaire de recherche */
.bloc_recherche {
	float:right;
}

.formulaire_recherche { 
	text-align: center;
}

.formulaire_recherche label { 
	display:inline; 
	visibility:visible;
}

.recherche_form input#recherche {
	height:20px;
	width:100px;
}

.fragment {
	text-align:center;
}
.fragment ul {
	text-align:left; 
	margin-left:50px;
}

/*-------------------*/
/* Formulaire de connection */
.conteneur form {
	/*position:relative;*/
}
/* Formulaire */
#conteneur div.spip_forms {
	margin-right:20px;
	border:none;
	background-color:#eaf0ff;
        padding-bottom:30px;
        font-size:1.1em;
}

#conteneur div.spip_forms .spip_descriptif {
	border:1px dashed #235287; 
	padding:10px;
	width:90%;
	font-size:0.8em;
	text-align:left;
	margin:0 auto 0 auto;
}

#conteneur div.spip_forms 	fieldset {
	border-color:#59B1BC;
}

#conteneur div.spip_forms 	legend {
	color:#235287;
	font-weight:700;
	font-size:0.9em;
}

#conteneur div.spip_forms label, #conteneur div.spip_forms .label {
	font-size:0.8em;
}
#conteneur div.spip_forms .spip_form_label_obligatoire, #conteneur div.spip_forms .spip_form_label_details {
	font-size:0.6em;
}
#conteneur div.spip_forms .spip_form_label_obligatoire {
	color:#FF0000;
}
/* Style des champs de formulaire */
#conteneur div.spip_forms .forml, #conteneur div.spip_forms .formo, #conteneur div.spip_forms .formo-focus, #conteneur div.spip_forms .forml-focus{				
	font-size:0.8em;
	border-color:#235287 #59B1BC #59B1BC #235287;
	border-width:1px;
	width:98%;
	padding:0%;
	padding:2px 5px;
}
/* Couleur des champs obligatoires */
#conteneur div.spip_forms .forml { background-color:#DEE8FE; }						
/* Couleur des champs facultatifs */
#conteneur div.spip_forms .formo { background-color:#eaf0ff; }						 
/* couleurs des champs obligatoires selectionnes */
#conteneur div.spip_forms .forml-focus { background-color:#FFFFFF; }				
/* couleurs des champs facultatifs selectionnes */
#conteneur div.spip_forms .formo-focus { background-color:#FFFFFF; }				

#conteneur div.spip_forms .spip_bouton input {
	background-color:#235287;
	border:0px solid #eaf0ff;
	color:#FFFFFF;
	font-size:0.7em;
}

/* Mention en pied de page */
.mention-g {
        float:left;
        padding-top:5px;
}
.mention-g span {
        color:#006600;
}
.mention-d {
        float:right;
        padding-top:5px;
}