/* POLICE PAR DEFAUT */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #535561;
	font-size: 0.72em;
}

/* LIENS STANDARD ET ROLLOVER */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a { /* Liens par defaut */
	color: #5BB2D9; /*#761810;*/
	text-decoration: underline;
}
a:hover { /* Liens par defaut over */
	color: #144473;
	text-decoration: none;
}

a.spip_in { /* Liens internes */
	color: #5BB2D9; /*#761810; /*#FF7800 ;*/
	text-decoration: underline;
	font-weight:bold;

}
a.spip_in:hover { /* Liens internes over */
	color: #144473; /*#B9C427;*/
	text-decoration: none;
	
}


a.spip_out {/* Liens externes */
	font-size: 100%;
	color: #144473;
	text-decoration: underline;
    margin: 0 5 0 5px;
}

a.spip_out:after { /* Liens externes suite */
	content: "\0000a0[\2197]"; /* Voir caractère unicode  */
		
}

a.spip_out:hover { /* Liens externes over */
	color: #5BB2D9;
	text-decoration: none;
}


/* FIL D'ARIANE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.chemin { /* Chemin general */
	font-size: 95%;
	text-decoration: none;
	font-weight: bold;
	color: #687d23;/*#687d23;*/
}
.chemin a { /* Chemin lien */
	text-decoration: none;
	font-weight: bold;
}

.chemin a:hover { /* Chemin lien over */
	text-decoration: underline;
	color: #3a4614;
}

.chemin strong { /* Chemin actif */
	color: #3a4614;
	font-size: 95%;
}

/* TITRES */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

h2 { /* Titre article / rubrique */
	font-size: 2.2em; /*2.3*/
	color: #4C8FAE; /*#173265; /*#ff7800;*/
	/* clear: both; */
	
	font-family: Arial, Helvetica, sans-serif;
	/*margin: 27px 0px 27px 0px;*/
	margin: 25px 0px 0px 0px;

}
#contact h2 {
 	font-size: 1em;
}
h3.spip { /* intertitre */
/*	font-family: Arial, Helvetica, sans-serif;
	color: #1a171b;
	font-size:130%;*/
	font-family: Arial, Helvetica, sans-serif;
	/*color: #5EA6CC;*/
	color: #92B31E; /*#10729a ;/*#00A5E4; /*#6F8481; /*#226A9A; /*#1a171b;*/
	font-size:140%;

	
	margin: 2em 0em 0.5em 0em;
}

h4 { /* H4 */
	color: #839B97;
	font-size: 110%;
	text-decoration:none;
	font-weight:bold;
	display: block;
	/*background-image: url(images/bg_li_menudroit.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.3em;*/
	padding: 0px 0px 0px 20px;

}

/* CONTENU ARTICLES */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.dateevmnt, .datearticle, .dateliste, .infodoc, .listdateevmnt, .nbresult { /* style des dates*/
	font-size: 95%;
	color:#839B97; /*#76883C;*/
	/*font-style:italic;*/
	text-decoration:none;
}

.dateevmnt, .datearticle, .nbresult { 
	font-size: 110%;
	margin-bottom: 15px;
	margin-left: 0px;
	font-weight:bold;
}

.nbresult {
	margin-left: 0px;

}

.dateliste{
	margin-bottom: 3px;
	margin-left:19px;
}

.chapo, .chapo_haut, .chapofiche{ /* chapos */
/*	color: #5EA6CC;
	font-size:110%;*/
	font-family: Arial, Helvetica, sans-serif;
	color: #E8A900; /*#131114; /*#839B97; /*#93A9A5; /*#1a171b;*/
	
	font-size:120%;
	
	margin-bottom: 15px;
	
	font-weight: bold;
	


}

.chapofiche {
	font-size:110%;
	font-weight: bold;
	color:#E8A900;
}

.spip { /* texte */
	font-size: 100%;
	text-align:justify;
	margin-bottom: 15px;
}

/* BORDURE IMAGES OU DOCUMENTS INSERES */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 
.spip_logos : logo d article
.logoauteur : logo d'auteur
.spip_documents img : image de document inséré
*/

.spip_logos, .logoauteur, .spip_documents img {
	border: 1px solid #597517; /*999A9D*/
}

span.nocadre img { /* Utilisé dans doc et emb pour supprimer le cadre aux gif */
	border:none;
}

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

.logoauteur {
	float:right;
	margin: 4px;
}
	

/* IMAGES OU DOCUMENTS INSERES */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.spip_documents{ /* Legende image ou doc insere : Titre -en gras -et taille */
	font-size: 90%;
	text-decoration: none;
	padding: 5px;
	font-weight: normal;
	color:#92B31E;
	/*font-style:italic;*/
	margin-left:5px;
}

.spip_documents a {
	font-size: 81%;
	font-style: normal;
}

.spip_documents_left { /* Correction du bug d'aligement image inseree */ 
	margin: 0em 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, .spip_doc_descriptif {
	text-align:center;
	padding-top:1px;
	color:#92B31E;
}

/* BOUTON RETOUR & HAUT DE PAGE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.retour { /* Bouton retour en texte ou block retour*/
	text-align: right;
	font-size: 100%;
	padding-top: 25px;
	padding-bottom: 10px;
	clear: both;
}

.retour img { /* Bouton retour image */
	vertical-align: middle;
}
.retour a { /* Bouton retour lien */
	text-decoration: none;
	color: #B92700;
}
.retour a:hover { /* Bouton retour lien hover */
	color: #EF7300;
}

/* TABLEAU */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
table.spip { /* Tableau general */
	padding:0px;
	border: 1px solid #fff;
	border-collapse:collapse;

}
table.spip tr.row_first { /* Premiere ligne */
	font-size: 95%;
	font-weight: bold;
	color: #fff;
	background-color: #81A915;

}
table.spip tr.row_odd { /* Ligne paire */
	font-size: 95%;
	color: #535561;
	background-color: #D4E096; 
}

table.spip tr.row_even { /* Ligne impaire */
	font-size: 95%;
	color: #535561;
	background-color: #EEF4D2;
}

table.spip td, th { /* Cellule */
	padding: 2px;
	text-align: left;

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

table.spip caption{ /* Resume masque */
	color:#FFFFFF;
	padding-top:-10px;
	/* line-height:5px; */
	font-size:1px;
}

/* LISTE ARTICLES ET DOCUMENTS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*
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...)
*/

.block_article { /* Block article dans liste d articles */
	padding: 10px 0px 10px 0px;
	/*float: left;
	width: 450px;*/
	text-align:justify;	
	clear:both;
}

.block_article img { /* Image */
	float:left;
	
	margin: 5px 5px 5px 19px;
	border: 1px solid #597517;
}
html>/**/body .block_article img { /* Bug decalage sous firefox */
	margin: 5px 5px 5px -1px;

}

.block_document {  /* Block article dans liste de documents */
	padding: 0px 0px 10px 0px;
	/*float: left;
	width: 450px;
	text-align:justify;	*/
}
.block_document2 { /* Liste doc img pardate sur deux colonnes */
	margin-left:-0px!important;
	margin-left:0px;
	padding: 0px 20px 5px 0px;
	float: left;
	width: 190px;
}

.block_titre { /* Block articles dans liste de titres */
	padding: 0px 0px 0px 0px;
}


.lien, .titresslien, .titredoc { /* Titre article ou document */
	font-size: 100%;
	color: #144473; /*#761810; /*#FF7800;	*/
	margin-top: 0px;
	margin-bottom: 3px;
	font-weight: bold;
	
	clear: both;
}

.titresslien {
	background-image:none;
	padding: 0px;
	font-weight: bold;
}

/* on determine ici l'aspect des liens du site (off et on). Chaque classe peut être reprise individuellement pour en changer les proprietes */
.lien a, .titredoc a {
	padding-left: 20px;
	color: #5BB2D9; /*#DB7624; /*#761810; /*#FF7800;	*/
	background-image: url(images/ot_bg_liens.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	display:block;
	text-decoration: underline;
}

.lien a:hover, .titredoc a:hover {
	color: #144473; /*#FF7800;/*#B9C427 ;*/
	text-decoration: none;
	background-image: url(images/ot_bg_liens-over.gif);
}

.listdateevmnt { /* date dans les listes d'articles */
	text-decoration: none;
	margin-left: 0px;
}

.complement { /* complement d'infos dans les listes d'articles */
	font-size: 100%;
	color: #505355;
	text-align:justify;
	padding-bottom: 5px;
	padding-left:19px;
}

.titredoc a {
	background-image: url(images/ot_picto_doc.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	
	padding-bottom: 4px;
	padding-left: 20px;
}

.titredoc a:hover {
	background-image: url(images/ot_picto_doc-over.gif);

}

.infodoc { /* Date, poids, type */
	font-size: 95%;
	text-decoration: none;
	color: #839B97; /*#1B2E12;*/
	margin-left: 20px;
	margin-bottom: 4px;
	margin-top: -3px;
}
.compldoc { /* Descriptif document */
	font-size: 95%;
	color: #1B2E12;
	padding-top: 0px;
	margin-left: 22px;
}

/* BOUTONS DE GESTION DES PAGES */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.boutons{ /* Block boutons */
	background-color:#F7F7F7;
	margin-top: 20px;
	padding-bottom: 1px;
	padding-top: 1px;
	border-bottom: 1px solid #BDD0CD;
	border-top: 1px solid #BDD0CD;/*#B9C427; /*#FF7800 ;*/
	/*color:#00A2D8;*/
	text-align:center;
	font-size: 130%;
}

.bouton { /* Bouton par defaut */
	font-weight: bold;
	text-decoration: none;
	/*color: #B9C427;*/
}

.bouton:hover{ /* Bouton over */
text-decoration:underline;	
	/*color: #FF7800;*/
}

.boutonactif {
	color: #144473;
}

/* SQUELETTE LISTE_FICHE_* */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

h3.fiches { /* Titre des fiches dans les listes */
	color: #92B31E; 
	font-size: 100%;
	margin: 10px 0px 10px 0px;
}

h3.fiches a { /* Titre des fiches dans les listes */
	color: #5BB2D9; 
}

/* EXTRAS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.block_extras { /* Block extra */
	border-top: 1px solid #4C8FAE; /* EFEED1 */
	
	margin: 10px 0px 20px 0px;
}
.block_extras .complement { /* Complement */
	margin: 0px;
	padding: 0px;
}

.extras { /* Ligne d'extra */
	clear: both;

	margin-left: 0px;
}

.extras strong { /* Intitule en gras */
	color: #000;
	font-size: 110%;
}

/* utilise par liste_fiche_mot_tout et liste_fiche_mot */
#extrassansbordure { /* Ligne d'extra sans bordure */
	border-top: none

}

.alignextra, .alignextra2 { /* Présentation sur deux colonnes */
	border-top: 1px solid #E7E8EA;
	padding-top: 2px;
	padding-bottom: 2px;
	float: left;
	text-align: left;
}

.alignextra { /* Colonne 1 */
	width: 30%;
	
}
.alignextra2 { /* Colonne 2 */
	width: 69%;
}

/* AUTRES ELEMENTS STANDARDS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.liste { /* Liste deroulante */
	font-size: 90%;
	background-color: #fff;	
	padding: 0px;
}


#formliste { /* liste deroulante en haut à droite */
	float: right;
	margin-top: 0px;
	width: auto;
}

#formliste label {
	display:none;
}

/* FORMULAIRES */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
form { /* Le formulaire */
	width: 100%;
}

form ul { /* Liste */
	list-style-type: none;
}

form fieldset{ /* Cadre d'info */
	margin-bottom: 10px;
	padding: 5px 5px 5px 15px;
}

form legend{ /* Legende cadre */
	color: #4C8FAE;
	
}

form input { /* Zone de saisie */
	width: 200px;
}

form h4 {
	clear: both;
}

form textarea { /* Zone de saisie texte */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 200px;
	font-size: 1em;
}

#ligne {
}

form input.radio { /* Champ radio */
	width: auto;
}

form input.spip_boutoncss, .spip_bouton { /* Bouton de validation */
	border: 1px solid #4C8FAE;
	background-color:#5BB2D9;
	font-size:100%;
	color:#FFFFFF;
	width: auto;
	cursor:pointer;
	text-align:center;
	padding: 1px;
}
.spip_boutonradio {
	border: 1px solid #fff;
	
	font-size:100%;
	width: auto;
	cursor:pointer;
	text-align:center;
	padding: 1px;
}
.contact1, .contact2 { /* Presentation du formulaire sur deux colonnes */
	padding-top: 2px;
	padding-bottom: 2px;
	float: left;
	text-align: left;
}

.contact1 {
	width: 39%;
	text-align: right;
}

.contact2 {
	width: 50%;
	margin-bottom: 5px;
	text-align: left;
}

.tt {font-size:120%;} /* Adresse email dans msg retour formulaire oubli */

/* FORMULAIRES SPECIFIQUES*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 
#login #login_admin : formulaire de login
#oubli_form : formulaire oubli du mot de passe 
#inscription : formulaire d'inscription
#formcontactcss : formulaires divers
*/

#login, #oubli_form { /* Le formulaire */
	width:90%;
}

#login input , #login_admin input {
	width: auto;

}

#login div, #inscription div,  #login_admin div, , #oubli_form div {
	text-align: center;
	margin-top: 5px;
}

#login p, #inscription p,  #login_admin p, #oubli_form p {
	margin-bottom: 0px;
}

.reponse_formulaire { /* Message de reponse du formulaire de candidature */
	color: #FF3300;
	font-size: 95%;

}


/* SQUELETTE LISTE_AGENDA */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.troiscol { /* Liste des mois sur 3 colonnes */
	float: left;
	width: 22%;
	margin: 0% 2% 0% 0%;

}

ul.listemois { /* Liste des mois */
	list-style-type: none;
	margin-bottom: 4em;
}

ul.listemois li { /* Mois de la liste */
	float: left;
	width: 25%;
	margin: 0% 0% 0% 0%;
}
ul.listemois li.lien {
	clear: none;
}
h4.agenda {
	margin: 0.5em 0em 1.5em 0em;
}
.coupdecoeur {
	background-color: #ddebae;
	padding: 5px;
	border: 1px solid #a6c448;
}
.coupdecoeur h3.spip {
	margin-top: 0em;
}
/* MISE EN FORME DES LISTES DE PHOTOS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Utilise dans Liste_article_img, liste_article_photo_pardate, affiche_article, affiche_fiche */

table.fondecran { /* Le tableau contenant la photo */
	float: left;
	background-color: #EEF7FB;
	border: 1px solid #9FD2E9;
	border-collapse:collapse;
	width: 135px; /* La marge droite sous firefox provoque un debordement */
	margin: 10px 35px 0px 10px;

}
td.fondecranphoto { /* La cellule contenant la photo */
	height: 130px;
	/*width: 125px;*/
	text-align: center;
	vertical-align: middle;
/*	padding: 5px;*/
	padding: 10px 0px 0px 0px;
 }

.titredoc2, .titredoc2 a, .fondecrancomplement { /* Titre et info sur la photo */
	height: 40px;
	font-size: 100%;
	color: #5BB2D9; /*#1B2E12; /*#FF8D00; *//*#FF7800 ;*/
	padding-top: 0px;
	padding-bottom: 0px;
	text-align:center;
	vertical-align: top;
}
html>body .titredoc2 {
	height: auto;
	min-height: 40px;
}
.titredoc2 a:hover {
	color: #144473; /*#1B2E12; /*#FF8D00; *//*#FF7800 ;*/

}

.fondecrancomplement { /* Complément sur la photo */ 
text-align:center;
padding-top:1px;
color:#839B97;
}

/* SQUELETTE AFFICHE_CARTE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.infos { /* Mis en forme div infos */
	position:absolute;
	left: 550px;
	top: 11em;
	width: 167px;
	height: 250px;
	z-index: 100;
	visibility: hidden;
	background-color: #FFFFFF;
	border: 1px solid #1B2E12;
	padding: 5px;
	
	overflow-x:hidden;
	overflow-y: auto;
	text-align: left;
}
.infos h2 {
	margin: 0px;
	font-size: 1.2em;
	text-align: center;
	padding-bottom: 2em;
}

.infos h3 {
	font-size: 1.1em;
}

.fermeture { /* Bouton fermeture */
	width: 1em;
	height: 1em;
	line-height: 1em;
	float: right;
	background-color: #5BB2D9;
	margin: 2px 2px 2px 0px;
	text-align: center;
}

.fermeture a { /* Bouton fermeture lien */
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}




/* SQUELETTE PLAN */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h4.plan { /* Lien de niveau 4 */
	margin-top: 0.5em;
	margin-bottom:0.5em;
	margin-left : 10px;
	}
h4.plan a {
color:#5BB2D9;/* #5BB2D9 144473*/
}

.lienplan { /* lien vers article */
color:#49BAE2;
	margin-left : 37px;
}

h3.plan { /* intertitre lien */
	font-family: Arial, Helvetica, sans-serif;
	color: #131114 ;/*#00A5E4; /*#6F8481; /*#226A9A; /*#1a171b;*/
	font-size:140%;
	margin-top:10px;
}

h3  a { /* intertitre lien */
	color: #131114;
}

/*  SQUELETTE LISTE_MOT_2COL, LIST_MOT_SSCAT */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.deuxcol { /* Colonne */
	float: left;
	width: 49%;
	margin: 0% 0% 0% 0%;
	
}
h4.sscat { /* a remonter */
	margin: 10px 0px 0px 0px;
}

div.lien.deuxcolclear {
	clear:none;
}

/* DIVERS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.spip_surligne { /* Recherche : Couleur de surlignage */
	color: #fff;
	background-color: #839B97;
	padding: 1px;
}

.right { /* Aligne a droite */
	text-align: right;
}

.centrer, .center { /* Centre */
	text-align: center;
}

.align_left { /* Aligne a gauche */
	text-align: left;
}

.float_left { /* Flottant gauche */
	float: left;
}

.float_none { /* Pas de flottant */
	float: none;
}

.sanspadding {
	padding: 0;
}