/*
On definit la police principale, la couleur du texte et la taille */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #626262; /*#333333;*/
	font-size: 0.72em;
}
* {
	margin: 0px;
	padding: 0px;
}
/*------------------------------------------------------------------------------*/
/* Liens standards et rollover */

a {
	color: #026599; /*#FF8D00;*/
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
}


/* Liens internes et rollover */
a.spip_in {
	font-size: 100%;

	text-decoration: none;
	
}
a.spip_in:hover {
		text-decoration: underline;
		color: #FF8D00;
}

/* Liens vers pages externes et rollover */
a.spip_out {
	font-size: 100%;
	color: #FF8D00;
	text-decoration: none;	
}
a.spip_out:hover {
	text-decoration: underline;
	color: #145086;
}



/*------------------------------------------------------------------------------*/
/* Chemin dans l'arborescence */

#chemin {
	font-size: 90%;
	color: #026599;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-weight: normal;
}

#chemin a {
	text-decoration: none;
	color: #026599;
	font-weight: normal;

}
#chemin a:hover {
	text-decoration: underline;
	color: #026599;
	font-weight: normal;

}
#chemin strong {
	color: #026599;
	font-size: 100%;
}



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

/* Sous menu off, hover, actif et actif hover text-indent: -15px; */
#niveau_un, #niveau_deux {
	color: #FFFFFF;
}

#niveau_un a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}
#niveau_deux a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	text-transform: none;
	margin: 0px 8px 0px 0px;
}
#niveau_deux .actif a {
	color: #004F80;	
}
#niveau_deux a:hover {
	text-decoration: underline;
}


/*------------------------------------------------------------------------------*/
/* Article : Titre, date evmnt, date publication, chapo, intertitre, texte, mois evenement */
#block_ssmenu h2  {
	text-align: center;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	padding: 5px 0px 0px 0px;
	
	position: relative;
	z-index: 100;
}

h2 {
	font-size: 150%;
	font-weight: bold;
	
	color: #fff;
	
}
.titressrub h2 {
	color: #9cb9d2;
	font-size: 80%;
}
/* style des dates*/
.dateevmnt, .datearticle, .dateliste, .infodoc, .listdateevmnt, .nbresult{
	font-size: 95%;
	color: #026599;
		
}

.dateevmnt, .datearticle, .dateliste{
	margin-bottom:10px;
	margin-left: 0px;
}

.nbresult{
	margin-top:10px;
	margin-bottom:0px;
	margin-left: 20px;
}

.last_articles .datearticle {
	margin: 0;
	
}
.chapo {
	font-size: 100%;
	font-weight: bold;
	color: #026599;
	
	text-align: justify;

	margin-bottom: 5px;
}

/* pour separer les evenements par mois */
.mois_evenement {
	margin-top: 15px;
	margin-bottom: 5px;
	font-weight: bold;
}


/* intertitre */
#contenu h3 {
	background-image: url(images/page_bg_h3.gif);
	background-repeat: repeat-y;
	
	width: 207px;
	
	padding: 1px 10px 1px 20px;
	color: #FFFFFF;
	font-size: 110%;
	position: relative;
	z-index: 100;
	margin: -16px 0px 0px 0px!important;
	margin: -8px 0px 0px 0px;
	clear: both;
}
#contenu h3.niveau2 {
	margin:  12px 0px 0px 0px!important;
}
.block_droite h3 {
	padding: 0px 0px 0px 10px;/* padding: 1px 0px 1px 5px; */
	color: #FFFFFF;
	font-size: 90%;
}
.block_droite h4 {
	font-size: 95%;
}
.block_droite h4 a {
	color: #005f8a;
}
.block_droite p a {
	color: #626262; /*#8f8f8f;*/
	font-size: 95%;
	font-weight:normal;
}
.block_droite p.source {
	color: #333333;
	font-size: 95%;
	font-style: italic;
	/*font-weight:normal;*/
}
#contenu div.titressrub h3 {
	background-image: none;
	width: auto;
	color: #fff;
	font-size: 110%;

	text-transform: uppercase;
	text-align: center;
}
#contenu div.titressrub td.tableau_titre h3 {
	margin: 0!important;
}
td.tableau_titre {
	height: 40px;
	width: 556px;
	vertical-align: middle;
	text-align: center;
}
td.tableau_titre2 {
	height: 80px;
	width: 556px;
	vertical-align: middle;
	text-align: center;
}
.intro_ssrub {
	font-size: 100%;
}
#contenu div.listarticles h3 {
	float:left;
	background-image: url(images/page_bg_titrearticles.gif);
	background-repeat: no-repeat;
	
	width: 190px;
	height: 45px;
	
	text-align: center;
}
#contenu div.listedocuments h3 {
	float:left;
	background-image: url(images/page_bg_titredocuments.gif);
	background-repeat: no-repeat;
	
	width: 190px;
	height: 52px;
	
	text-align: center;
}
#contenu div.listesites h3 {
	float:left;
	background-image: url(images/page_bg_titresites.gif);
	background-repeat: no-repeat;
	
	width: 190px;
	height: 52px;
	
	text-align: center;
}

#conteneur h3.spip {
	font-weight: bold;
	color: #fff;
	margin: 2em 0em 0em 0em!important;
	padding:  0em 0em 0em 1em;
	height: 2em;
	width: 520px;
	background-image: url(images/bg_h3.gif);
	background-repeat: no-repeat;
	clear: both;
}
/* texte */
.spip {
	font-size: 100%;
	text-align: justify;
	
	margin-bottom: 10px;
}


/* Bouton retour lorsque celui-ci est en texte */
.retour {
	text-align: right;
	
	font-size: 100%;
	
	padding-top: 25px;
	padding-bottom: 10px;
	
	clear: both;
}
.retour a {
	text-decoration: none;
}
.retour a:hover {

}

/* Article : document  : Titre, complement d'info */
.titredoc {	
	font-size: 95%;
	text-decoration: none;
	color: #FF8D00;
	
	background-image: url(images/picto_doc.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.3em;;
	
	padding: 0px 0px 2px 15px;
}

.infodoc {
	text-decoration: none;
	color: #026599;
	margin: 0px 0px 0px 0px;

}
/* Liste de sites */
.titresite {	
	font-size: 95%;
	text-decoration: none;
	color: #FF8D00; /*#B80600;*/
	font-weight: bold;
	
	background-image: url(images/picto_site.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.3em;;
	
	padding: 0px 0px 2px 15px;
}
.titresite a{	
	color: #FF8D00; /*#B80600;*/
}

.compldoc, .compldoc a {
	font-size: 95%;
	color: #026599;
	font-style: italic;
	padding-top: 3px;
	padding-bottom: 10px;
	font-weight:normal;
}

.complsite, .complsite a {
	font-size: 100%;
	color: #626262;
	/*font-style: italic;*/
	padding-top: 3px;
	padding-bottom: 10px;
	font-weight:normal;
}

.titredoc2, .titredoc2 a {
	font-size: 95%;
	color: #026599; /*#FF8D00; */
	padding-top: 3px;
	padding-bottom: 0px;
	/*font-weight:normal;*/
	/*text-decoration: none;*/
}

/* Article : Légende image ou doc inséré : Titre -en gras -et taille */
.spip_documents{
	font-size: 95%;
	color: #2a1901;
	text-decoration: none;
	
	padding: 3px;
	font-style: italic;
	font-weight: normal;
}
.spip_documents a {
	font-size: 81%;
	font-style: normal;

	
	
}

/*  Recuperes de dist/spip_style.css */
.spip_documents{
	font-size: 95%;
	color: #2a1901;
	text-decoration: none;
	padding: 3px;
	font-style: italic;
	font-weight: normal;
	text-align: center;
}
.spip_documents a {
	font-size: 81%;
	font-style: normal;
	
	
}
/* Correction du bug d'aligement */ 
.spip_documents_left {
	margin: 10px 0.5em 0em 0em;
}
.spip_documents_right {
	margin: 0em 0em 0em 0.5em;
}
span.spip_documents {
	display: block;
	clear: both;
}
.spip_documents_center {
	text-align: center;
}
.spip_documents_center .spip_doc_titre  {
	margin: auto;
}
.spip_doc_titre {
font-size:100%;
text-align:center;
padding-top:5px;
color:#026599;
}

/* Liste d'articles : Lien vers l'article */
/*
Methode :
- choisir une couleur commune pour tous les liens internes (voir spip_in)
- on definit un style commun pour lien et titresslien. Il est ensuite possible de differencier titresslien (avec ou sans puce, souligne ou non, couleur...)
*/
.lien, .titresslien {
	font-size: 100%;
	color: #FF8D00;
	letter-spacing: 0em;
	
	
	padding-left: 0px;
	/*
	margin-top: 7px;
	margin-bottom: 3px;
	*/
	margin-top: 3px;
	margin-bottom: 1px;
	
}
/* on determine ici l'aspect des liens du site (off et on). Chaque classe peut être reprise individuellement pour en changer les propriétés */
.lien a, .bouton, .titredoc a, .retour a {
	color: #FF8D00;
	text-decoration: none;
	font-weight: bold;
}
.lien a:hover, .bouton:hover, .titredoc a:hover, .retour a:hover {

	color: #FF8D00;
	text-decoration: underline;
}
/* appliqué sur les liste en bas de page pour supprimer les margin, en plus de lien */
/*
Methode :
- ce style vient annuler les margin definis sur le class "lien"
Utilisation : 
<div class="lien listetitre"><a href="">Un lien</a</div>
*/
.listetitre {
	margin-top: 2px;
	margin-bottom: 2px;
}
/* pour supprimer les puce, en plus de lien */
.sanspuce {
	background-image:none;
	padding: 0px;
}
.titresslien {
	background-image:none;
	padding: 0px;
	
	font-weight: bold;
	
}


.listdateevmnt {
	text-decoration: none;
	margin-left: 0px;
}
.complement {
	font-size: 95%;
	color: #000000;
	
	text-align:justify;
	
	padding-bottom: 10px;
	padding-left: 0px;
}

/* Bouton gestion pages off, hover, actif et actif hover */
.boutons{
	border-bottom: 1px solid #2988B6;
	border-top: 1px solid #2988B6;
	
	text-align: center;
	
	margin: 25px 15px 0px 10px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.bouton {
	font-size: 1em;	
	text-decoration: none;
	font-weight: normal;
}

.boutonactif {
	font-size: 110%;
	font-weight: bold;
	color: #FF8D00;
	text-decoration: underline;
}

/* Tableau : général, ligne 1, paire, impaire, cellule */
table.spip {
	padding:0px;
	border: 1px solid #ffffff;
	border-collapse:collapse;
	
	clear: both;
}
table.spip tr.row_first {
	font-size: 95%;
	font-weight: bold;
	color: #ffffff;
	background-color: #64BD3B;

}
/* ligne paire */
table.spip tr.row_odd {
	font-size: 95%;
	color: #000000;
	background-color: #F7F9F7;

}
/* ligne impaire */
table.spip tr.row_even {
	font-size: 95%;
	color: #000000;
	background-color: #DBE6DB;
}
table.spip td {
	padding: 2px;
	text-align: left;

	border-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
}

/* Recherche : Couleur de surlignage */
.spip_surligne {
	color: #000;
	background-color: #FCD70D;
}

/* Recherche : Zone de saisie */
.formrecherche {
	font-size: 95%;
	color: #FF8200;
	border: 1px solid #FFB600;
	
	width: 180px;
	height: 14px;
	
}
.formrecherche, #recherche img {
	vertical-align: middle;
}


/* Liste déroulante autre que formulaire (souvent un liste_choix ...) */
.liste {
	font-size: 90%;
	color: #0E3D71;
	text-decoration: none;
	
	background-color: #FFBE00;
}

/* FORMULAIRE DE CONTACT */

#formcontactcss{
	width: 100%;
}

#formcontactcss ul{
	list-style-type:disc;
	padding: 10px;
	margin-left: 25%;

}
#formcontactcss fieldset {
	margin-bottom: 10px;
	padding: 5px;
}
#formcontactcss legend {
	color: #999999;
	
}
#formcontactcss input {
	
}
#formcontactcss textarea {
	width: 200px;
}
#ligne {
	margin-left: 10%;
	
	width: 100%;
}

/*
on definit la presentation des deux blocs d'informations (paire de valeur : description / infos)
Pour une presentation sur 2 colonnes, decommenter le float et affecter une largeur (width) à contact1 et contact2
 */
.contact1, .contact2 {
	padding-top: 2px;
	padding-bottom: 2px;
	float: left;
	text-align: left;

}

.contact1 {
	width: 40%;
	text-align: right;
	
	
	
}
.contact2 {
	width: 50%;
	
	
}
/* Formulaire : Champ de saisie */
.formcontact  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	width: 200px;

	color: #000000;
	text-decoration: none; 
	border: 1px solid #9FE1FF;
	
	background-color: #ECF9FF;
}

.formforum  {
	
	margin-top: 40px;
}


/* Formulaire : bouton de validation */
.spip_bouton {
	background-color: #FFD328 ;
	margin:10px 10px 10px 10px;	
	font-size: 110%;
	color:#006697;
}


/* Cadre de contour des images */
.spip_logoart, .contourphoto, .logoauteur {

	border: 4px solid #E7F1F5;
}



.spip_logos {
	float: left;
	
	margin-right: 10px;
	margin-bottom: 6px;
}
.annule_spip_logos {
	float: none;
	
	margin: 0px;
}
.spip_logoart {
	float: left;
	
	margin-right: 4px;
	margin-top: 4px;
	margin-left: 4px;
	margin-bottom: 4px;
}

.contourphoto {
	margin-right: 4px;
	margin-top: 4px;
	margin-left: 4px;
	margin-bottom: 4px;
	
}
.logoauteur {
	float:right;
	
	margin-right: 4px;
	margin-top: 4px;
	margin-left: 4px;
	margin-bottom: 4px;
	}
	
/* affichage des extras */
/*
Le block_extras est utilise lors d'un affichage condense des affiche_fiches, il permet de placer un filet de separation en haut
*/
#block_extras {
	border-top: 1px solid #BADDF3;
}
#block_extras .complement {
	margin: 0px;
	padding: 0px;
}



.extras {
	clear: both;
	border-top: 1px solid #BADDF3;
	margin-left: 0px;
	
	
}
.extras strong {
	color: #000;
	font-size: 110%;

}

/* utilise par liste_fiche_mot_tout et liste_fiche_mot */
.sansbordure {
	border-top: none

}

/*
on definit la presentation des deux blocs d'informations (paire de valeur : description / infos)
Pour unr presentation sur 2 colonnes, decommenter le float et affecter une largeur (width) à alignextra et alignextra2
 */
.alignextra, .alignextra2 {
	padding-top: 2px;
	padding-bottom: 2px;
	float: left;
	text-align: left;
	
	/* font-size: 90%; */

}

.alignextra {
	width: 42%;
	
}
.alignextra2 {
	width: 57%;
}


/* pour "pousser" si presence de float */
/* penser à placer un &nbsp; pour éviter le bug sous netscape (page à rallonge) */ 
.clear {
	clear: both;
	/*height: 0px;  correction page a rallonge sous netscape*/
	line-height: 0px;
	font-size: 1px;
}

/* affichage du menu deroulant en haut à droite */
#formliste {
	float: right;
	margin: 0px 20px 0px 0px;
}
/* Mise en forme du formulaire d'identification partie extranet */
#login {
	width: 65%;
	margin-left: 20%;
	margin-bottom: 30px;
}

/* Reponse formulaire abonnement liste */
.reponse_formulaire {
	color: #FF3300;
	font-size: 95%;

}

/* Images typographiques (via image_typo), URL a revoir... */
.format_png { behavior: url(win_png.htc); }



/* FIN DES STYLES PROPRES A SPIP */






/* STYLES AJOUTES */

/* aligner le texte a droite  */
.right {
	text-align: right;
}
.centrer {
	text-align: center;
}
/* aligner le texte a gauche */
.align_left {
	text-align: left;
}
.float_left {
	float: left;

}
.float_right {
	float: right;
	margin-left: 10px;

}

.marge_haute, #formliste.marge_haute {
	margin-top: 20px;
}
.marge_basse {
	margin-bottom: 20px;
}
/* Presentation de liste sur 2 colonnes (liste_mot_sscat) */
#block_elu {
	width: 100%;
	
	padding-left: 17%;
}
.president {
	margin-left: 15%;
	margin-bottom: 10px;
}
.alignelu {
	float: left;
	width: 40%;
}

/* Bandeau rubrique */
.bandeau_rub td.texte {
	color: #FFFFFF;
	text-align: justify;
}
.bandeau_rub p.suite, p.suite_articles {
	text-align: right;
	font-size: 95%;
	
}
 p.suite_articles {
	padding: 5px 20px 0px 0px;
}
.bandeau_rub p.suite a, p.suite_articles a{
	color: #ff8d00;
	text-decoration: none;
	
	
}
.block_images .suite_articles {
	padding: 40px 0px 0px 0px;
}
/* Annuaires des entreprises */
.liste_entreprises ul li a {
	display: block;
	width:164px;
	background-image:url(images/picto_annuaire.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	
	padding: 1px 5px 1px 17px;
	margin: 3px 0px 2px 0px;
	
	text-decoration: none;
	color: #026599;
	
	font-size: 90%;
}
.liste_entreprises ul li a:hover{
	background-image:url(images/picto_annuaire-over.gif);
	
	color: #3f4372;
	font-weight: bold;
	text-decoration: none;
}
a.lienhune {
background-image:url(images/picto_annuaire.gif);
background-position:0% 50%;
background-repeat:no-repeat;
color:#026599;
display:block;
font-size:90%;
margin:1px 0px;
padding:1px 0px 1px 17px;
text-decoration:none;
}
a.lienhune:hover {
	background-image:url(images/picto_annuaire2-over.gif);
	
	color: #3f4372;
	font-weight: bold;
	text-decoration: none;
}
/* Dans cette rubrique */
.block_article h4 {
	font-size: 100%;	
}
h4.departement {
	margin: 20px 0px 0px 25px;
	border-bottom: 1px dashed #FFBA3F;
	width: 90%;
	color: #FFBA3F;
	padding: 0px 0px 5px 0px;
	text-transform: uppercase;
	font-size: 100%;	
}
.block_article div h4 a {
	font-size: 100%;
	color: #026599; /* #FF8D00;*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;	
}
h5 {
	clear: both;
	margin: 20px 0px -40px 25px;
}
.block_article div a {
	font-size: 100%;
	color: #626262; /*#333333;*/
	font-weight:normal;
}
.block_article div.lien a, .block_article div div.lien a {
	color: #026599;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 90%;
	
}

/* Mise en forme des liste du plan */
ul.planniveau1 {
	font-size: 95%;
	list-style-type: none;
	margin: 0px 0px 0px 20px;
}
ul.planniveau2 {
	font-size: 100%;
	list-style-type: none;
	margin: 0px 0px 0px 30px;
}
/* Pour la mise en forme du input de la newsletter voir avec celui de la recherche plus haut  */
.erreur_form {
	width: 160px;
	color: #FFD328;
	font-size: 12px;
}

.erreur_form2 {
	color: #FBA202;
	font-size: 100%;
}

/* Formulair einscription newsletter */
.newslettertitle {
	font-size: 100%;
	list-style-type: none;
	padding-left: 5px;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
	color:#005F8A;
}

ul.newsletter {
	font-size: 100%;
	list-style-type: none;
	margin-left: 30px;
}
li.newsletter {
	font-size: 100%;
	list-style-type: none;
	margin-top: 5px;
}