/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour SPIP 2.0  */
/* --------------------------------------------------------- */


/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { font-size: 0.8125em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #00236F; }

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; }
h1 { text-align: center; margin: 0.8em auto 2em auto; font-size: 3em; font-family: Lucida Sans Unicode; font-weight: bolder; color: #00236F; }
h2 { text-align: center; margin-bottom: 1.7em; font-size: 1.7em; font-weight: bold;  }
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #00236F; }
h3 { margin-bottom: 1.7em; font-size: 1.20em; color: #969696; font-weight: bold;  }
h3.spip {color: #00236F; font-size:24px;} /* Cf.: spip_style.css */
hr.spip {} /* Cf.: spip_style.css */

/* Autres enrichissements typo */
strong { font-weight: bold; }
em { font-style: italic; }				
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
small { font-size: 0.90em; color: #666; }
dfn { font-weight: bold; color: #666; }
del { text-decoration: line-through; }
ins { color: red !important; text-decoration: none; }
sup, sub { font-size: .8em; font-variant: normal; }


/* Logos, documents et images */
img { margin: 0; padding: 0; border: 0; }


/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
body { background: #fff; margin: 0; padding: 0; text-align: left; }

#page { position: absolute; width: 1000px; margin: 0 auto; text-align: left; border: none;}

#entete { 
	background-image: url(../IMG/cdiae_fond_header.gif);
	width: 1000px; 
	height: 13.5em;
	margin: 0; 
	padding-top: 0; 
	border-bottom: none; 
	}
#entete a.accueil { 
	display: block; 
	width: 650px; 
	text-align:center;
	float : left;
	}
#entete a.accueil img.spip_logos { vertical-align: bottom; line-height: 1em; }
#entete a.accueil #nom_site_spip { 
	vertical-align: bottom; 
	font-size: 2.5em;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold ; color:#00236F;
	letter-spacing: 0.0001em;
	line-height: 1.5em;
	}
#entete .formulaire_menu_lang { position: absolute; right: 0; top: 0.90em; display: block; width: 30%; } /*Cf.: spip_formulaires.css*/

#logo_rf {
	position: relative;
	float : left;
	width: auto;
	height: auto;
	margin : 0.8em 1.8em;
	padding: 0;
	border : none;
	}

#logo_cdc {
	position: relative;
	float : right;
	width: auto;
	height: auto;
	margin: 1.65em 1.8em auto auto;
	padding: 0;
	border : none;
	}	
	
#conteneur {
	position: relative;  
	float: right;
	width: 780px; 
	}
#conteneur a{
	font-weight:bold; 
	text-decoration:underline;
	}
#conteneur a:hover{
	font-weight:bold;  
	}
	
.chapo { 
	position : relative;
	float: right;
	height: 30px;
	width:100%;
	margin-top: 1em;
	margin-bottom: 1em;
	background-color: #00236F;
	text-align: center;
	}
	
.chapo p{ 
	font-size: 24px;
	color:#FFF;
	line-height:28px;
	margin:0;
	padding:0;
	font-weight:normal;
	}
	
.contenu { 
	position : relative;
	padding: 0 0 0 5em; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: none;
	}

#contenu_rubrique_2{
	font-size: 12px;
	color:#000;
	}

#contenu_rubrique_3{
	font-size: 12px;
	color: #00236F;
	}
#contenu_accueil { 
	position : relative;
	width : 780;
	padding: 0 0 0 5em; 
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00236F;
	border: none;}

#contenu_article{
	text-align: justify;
	font-size: 12px;
	color: #00236F;
	margin-left:50px;
	width:670px;
}
	
#bloc_accueil_info{
	position : relative;
	float: right;
	margin: 0 0em 2em 1em;
	padding-top: 0;
	width : 19em;
	background-color: #FFFFFF;
	border : solid 1px;
	color :#00236F;
	overflow : none;
	}

#fond_bleu_info{
	position : relative;
	float: left;
	margin: 0;
	padding: 0;
	width:100%;
	background-color: #00236F;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	color : #FFFFFF; 	
	}
#fond_bleu_info a{
	color : #FFFFFF; 
	text-decoration:none;
	}
	
#fond_blanc_info{
	position : relative;
	float: left;
	background-color: #FFFFFF;
	text-align: left;
	padding-left : 0.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	font-weight: bold;
	color : #00236F;
	border : none;
	}

#ps_bloc_accueil_info{
	position : relative;
	float: left;
	background-color: #FFFFFF;
	text-align: left;
	padding-left: 0.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color : #FF3333;
	border : none;
	}

.carte_france_contenu{
	position: relative;
	float: right;
	width: 20em;
	height : 20em; 
	margin : 2em 25em auto auto;
	padding-top: 0.2em;
	text-align : center;
	border: solid 1px;
	color :#9cb6cd;	
}
.carte_france_text{
	position: relative;
	text-align : center;
	font-weight: bold;
	color :#9cb6cd;
}
	
#carte_france{
	position: relative;
	float: left;
	width: 20em;
	height : 18em; 
	padding-top : 1em;
	text-align : center;
}	

#bloc_rouge{
	position : relative;
	clear:both;
	float: left;
	margin-top: 3em;
	background-color: #CC3333;
	text-align: center;
	text-decoration: underline;
	font-size: 1.2em;
	font-weight: bolder;
	border: solid 1px #9cb6cd;
	}

#suggest{
	position: relative;
	float: left;
	width: 55em;
	margin-top: 2em;
	padding-left: 2em;
	font-weight: bold;
	color: #969696;
	}
	
#extra { float: right; clear: right; width: 30%; margin-top: 1em; overflow: hidden; }

#pied { clear: both; width: 100%; margin: 0; padding: 0.40em 0; border-top: 1px solid #8B6F92; text-align: center; font-size: 0.90em; }
#pied img { vertical-align: middle; }

/* Espaceur de blocs */
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }

.encadre{
	border: 1px;
	color: #FF3333;
	}
/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */

#hierarchie { clear: both; margin-bottom: 2em; font-size: 0.90em; }
#hierarchie, #hierarchie a { color: #666; }

.cartouche { margin-bottom: 2em; }
.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
.cartouche p { margin: 0; padding-top: 0; clear: left; }
.surtitre, .soustitre { padding-top: 0.8em; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.8em; font-weight: bold; color: #00236F; letter-spacing: 0.01em; }
.cartouche .surtitre { margin-bottom: 0.2em;}
.cartouche .soustitre { margin-top: 0.50em; margin-bottom: 0.30em; }
.cartouche .traductions { font-size: 0.90em; }
	
.texte { line-height: 1.60em;}
.hyperlien { display: block; background: #EEE; padding: 0.50em 1em; font-weight: bold; color: #8B6F92; }
.ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
.notes { clear: both; font-size: 0.90em; }

abbr.published { border: 0; }

/* Portfolio */

.document-article{
	clear:both;
	margin-left: 0;
	width:100%;
	}

#documents_portfolio {
	float:left;
	display:block;
	margin:6px; 
	text-align: center; 
	height:230px;
	width:280px;
	}
.documents_joints {
	position: relative;
	float:left;
	width: 200px;
	height:280px;
	margin:6px;
	text-align: center;
	border: solid 1px;
	color:#9cb6cd;
	}

#documents_joints_kit{	
	margin-left: 3.5em;	
	border: solid 1px;
	color:#9cb6cd;
}

/*Rubrique2*/

.bloc_nouveau{
	position: relative;
	float: left;
	width: 17em;
	height: 14.5em;
	margin-left: 3.5em;
	text-align: center;
	background-image: url(../IMG/img_nouveau.gif);
	background-repeat: no-repeat;
	color: #00236F;
	border: solid 1px;
	border-color:#9cb6cd;
}

#text_bloc_nouveau{
	position: relative;
	margin-top: 7em;
	font:Lucida Sans Unicode;
	font-weight: bolder;
	font-size: 1.5em;
	
}


.docref{
	clear: both;
	margin-top: 3em;
	text-align:center;
	border: solid 1px;
	color:#9cb6cd;	
}

.image_doc{
	position: relative;
	float: left;
	height : 100%;
}

.list_doc{
	position: relative;
	float: left;
	height : 100%;
}
	
#ps_telecharge {
	position : relative;
	padding-top:1em;
	}


.postscript{
	position : relative;
	clear:both;
	float: left;
	margin-left: 0;
	width:100%;
	}
	
	

/* Habillage general du menu de navigation */
#navigation_gauche{
	position: relative;
	float: left;
	width: 200px;
	padding-left:20px;
	margin-top:1em;
}

#navigation	 {
	position: relative;
	float: left;
	width: 184px;
	background-color: #9cb6cd;
	border: none;
}

#bloc_sous_menu {
	position: relative;
	float: left;
	width: 184px;
	background-color: #9cb6cd;
	border: none;
}

#partenaire1{
	position: relative;
	float: left;
	width: 184px;
	background-color: #9cb6cd;
	text-align: center;
	border: none;
	}

#partenaire2{
	position: relative;
	float: left;
	width: 184px;
	text-align: center;
	background-color: #9cb6cd;
	border: none;
	}

#partenaire3{
	position: relative;
	float: left;
	width: 184px;
	text-align: center;
	background-color: #9cb6cd;
	border: none;
	}	

#contact{
	position: relative;
	float: left;
	width: 184px;
	margin:30px 0;
	text-align: left;
	background-image: url(../IMG/gif/fond_menu_rub.gif);
	background-repeat: no-repeat;
	
	}

#marqueur{
	position: relative;
	float: left;
	width: 184px;
	height:100%;
	margin-top: 0;
	padding-top: 2em;
	left: 0.01em;
	background-color: #9cb6cd;
	}
	
	
.menu_rubrique { float: left; margin-bottom: 2em; text-align: left;}

.formulaire_recherche { margin-bottom: 2em; } /*Cf.: spip_formulaires.css*/

/* Listes d'articles et extraits introductifs */
.articles ul li { clear: both; padding: 0.40em 0.20em; }
.articles ul li h3 { margin: 0.30em 0; }
.articles .spip_logos { float: right; clear: right; margin: 0 0 4px 16px; }
.articles ul li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
.articles ul li .introduction { margin-top: 0.30em; line-height: 1.40em; }





/* Pagination */
.pagination { clear: both; text-align: right; font-size: 0.90em; color: #666; }
.pagination .on { font-weight: bold; color: #666; }



/* Couleurs des liens
---------------------------------------------- */
a { color: #00236F; text-decoration: none; }
a:focus,a:hover,a:active { color: #00236F; text-decoration: none; outline: none; }

/* Style pour le menu*/


div.spacer{
	display:block;
	height:20px;
	}
div.srub{		
	display:none;
	background:#889eb5;
	padding:6px 6px 6px 10px;
		}
div.srubon{		
	display:block;	
	background:#889eb5;
	padding:6px 6px 6px 12px;
		}
a.lienrubrique {
	font-size: 0.9em; 
	color: #fff;
	font-weight:bold;
	background:#00236f;
	text-decoration: underline;
	outline: none;
	border-left:10px solid #C00; margin: 0; padding:4px;
	display:block;
	}	
a.lienrubrique:hover {
	text-decoration: none;
	color:#fff;
	}	
a.artmen{
	font-size: 0.8em; 
	color: #000;
	display:block;
	width:145px;
	text-decoration: underline;
	outline: none;
	display:block;
	padding:4px 4px 4px 10px;
	background:url(../squelettes-dist/puce.gif) top left no-repeat;
	}

a.artmen:hover{
	background-color:#ccc;
	}


a.artmen.on{
	font-size: 0.9em; 
	background:#889eb5;
	text-decoration: underline;
	outline: none;
	}
	
	/* Style des divers liens*/

a.lientitreinfoaccueil{
	color: #FFFFFF;
	text-decoration: none;
	outline: none;
	}

a.lieninfoaccueil{
	font-size: 1em;
	color: #FF3333;
	text-decoration: none;
	outline: none;
	}
	
a.lienrubrique2 {
	color: #00236F;
	font-weight: bold;
	text-decoration: underline;
	outline: none;
	}
.bord_cadre1 {
	border: 1px solid #9CB6CD;
}
.bord_cadre2 {
	border: 1px solid #00236F;
}
div.clear{
	clear:both;
	width:100%;
	}