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

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



/* LIENS STANDARD ET ROLLOVER */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a { /* Liens par defaut */
	color: #96bd0d;
	text-decoration: underline;
}
a:hover { /* Liens par defaut over */

	text-decoration: none;
}


a.spip_in { /* Liens internes */
	color: #96BD0D ;
	text-decoration: underline;
	font-weight:bold;

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

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

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

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


/* FIL D'ARIANE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#chemin { /* Chemin general */
	font-size: 1em;
	text-decoration: none;
	font-weight: bold;
	color: #f27800;
	
	margin: 0px 0px 0px 0px;
}

#chemin a { /* Chemin lien */
	text-decoration: none;
	font-weight: bold;
	color: #f39f00;
}

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

#chemin strong { /* Chemin actif */
	color: #f27800;
}



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

h2 { /* Titre article / rubrique */
	font-size: 2em;
	text-transform: uppercase;
	
	color: #bbb9c3;
	
	padding: 5px 0px 5px 15px;
	margin: 50px 0px 0px 0px;
	
	background-image: url(images/bg_h2.gif);
	background-repeat: no-repeat;
	
	text-align: left;

}

h3.spip { /* intertitre */
	text-align:left;

	color: #bbb9c3;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	
	background-image: url(images/picto_intertitre.gif);
	background-repeat: no-repeat;

	background-position: 0px 0px;
	
	padding: 3px 0px 0px 5px;
	margin: 1.5em 0em 0.9em 0em;
	
	clear: both;
	
}
h3.spip span { /* intertitre */
	display: block;
	
	background-image: url(images/filet_h3.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	
	padding:  0px 0px 10px 0px;
	-height:1%;
}



/* CONTENU ARTICLES */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.dateevmnt, .datearticle, .dateliste, .infodoc, .listdateevmnt, .nbresult, .nbresultdoc, .nbresultsite { /* style des dates*/
	font-size: 100%;
	color:#96bd0d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight:normal;

}
.dateevmnt { /* style des dates*/
	
	color:#00a030;
	font-weight: bold;

}
.dateevmnt, .datearticle, .nbresult,  .nbresultdoc, .nbresultsite { 
	margin-bottom: 25px;
	margin-left: 0px;
}

.nbresult, .nbresultdoc, .nbresultsite {
	margin-left: 20px;

}
.nbresultdoc {
	color:#0090D0;

}
.nbresultsite {
	color:#A30050;

}
.dateliste{
	margin-bottom: 3px;
	margin-left: 0px;
}
.listdateevmnt { /* style des dates*/
	
	color:#00a030;
	font-weight: bold;
	margin-bottom: 3px;
	margin-left: 0px;

}

.chapo, .chapofiche{ /* chapos */

	color: #252525;
	font-weight: bold;

	letter-spacing: 0.1em;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 0px 0px 5px 0px;
	text-align:justify;
}

.chapofiche {
	font-weight: normal;
}

.spip { /* texte */
	font-size: 100%;
	text-align:justify;
	margin-bottom: 10px;
}
h4.spip { /* H4 */
	color: #4F4F4F;
	font-size: 110%;
	text-decoration:none;
	font-weight:bold;
	padding: 15px 0px 0px 8px;
	text-align:left;

}
/* Liste premier niveau */
ul.spip {
	list-style-image: url(images/liste_niv1.gif);
	margin: 0px;
	padding: 0px;
	margin-left: 20px;
}
ul.spip li {
	margin: 0px;
	padding: 0px;


}
/* Liste second niveau */
ul.spip ul.spip {
	list-style-image: url(images/liste_niv2.gif);

}
ul.spip ul.spip li {
	list-style-image: url(images/liste_niv2.gif);
	font-weight: normal;

}
/* 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 #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: 95%;
	text-decoration: none;
	padding: 5px;
	font-weight: normal;
	color:#B92700;
	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: #7D7D7D;
}

span.spip_documents img.spip_logos {
	margin: auto;
	float: none;
}

/* 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;
	
	width: 100%;

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

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

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

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: 0px;

}



/* 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: 0px 0px 10px 0px;
	margin: 0px 0px 15px 0px;
	/*float: left;
	width: 450px;*/
	text-align:justify;	
	clear:both;
	
	border-bottom: 1px solid #e8e7e7;
	
	/*background-image: url(images/bg_blockarticle.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	*/
}
.block_article .dateliste {
	font-weight: normal;
}
.block_article .dateevmnt, .block_article .complement, .block_article .lien {
	margin: 0px;
	padding: 0px;
}
.block_article .photo_block {
	width: 95px;
	height: 56px;
	float: left;
	text-align: center;
	
	background-image: url(images/puce_photo.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}
html>body .block_article .photo_block {
	height: auto;
	min-height: 56px;
}
.block_article .block_droite {
	float: right;
	
	width: 345px;
	margin-right: 40px!important;
	margin-right: 20px;
}
.block_article .savoirplus {
	background-image: url(images/picto_savoirplus.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	
	padding-left: 7px;
}
.block_article .savoirplus a {
	color: #96bd0d;
	text-decoration: underline;
}
.block_article .savoirplus a:hover {
	text-decoration: none;
}





.block_document { /* Block document dans liste d articles */
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 15px 0px;
	

	text-align:justify;	
	clear:both;
	
	border-bottom: 1px solid #e8e7e7;

}
.block_document .dateliste {
	font-weight: normal;
}
.block_document .dateevmnt, .block_document .compldoc, .block_document .titredoc {
	margin: 0px;
	padding: 0px;
}
.block_document .photo_block {
	width: 95px;
	height: 56px;
	float: left;
	text-align: center;
	
	background-image: url(images/puce_document.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}
html>body .block_document .photo_block {
	height: auto;
	min-height: 56px;
}
.block_document .block_droite {
	float: left;
	width: 345px;
	margin-left: 14px;
}
.block_document .savoirplus {
	background-image: url(images/picto_document.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	
	padding-left: 7px;
}
.block_document .savoirplus a {
	color: #0090d0;
	text-decoration: underline;
}
.block_document .savoirplus a:hover {
	text-decoration: none;
}

/* Mise en forme liste doc sur le affiche article */
.affarticle .titredoc a {
	color: #0090D0;
}
.affarticle .titredoc a:hover {
	color: #0090D0;
}



.block_site { /* Block document dans liste d articles */
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 15px 0px;
	
	border-bottom: 1px solid #e8e7e7;

	text-align:justify;	
	clear:both;
}
.block_site .dateliste {
	font-weight: normal;
}
.block_site .dateevmnt, .block_site .compldoc, .block_site .titredoc {
	margin: 0px;
	padding: 0px;
}

.block_site .photo_block {
	width: 95px;
	height: 56px;
	float: left;
	text-align: center;
	
	background-image: url(images/puce_site.gif);
	background-repeat: no-repeat;
	background-position: 80% 50%;
}
html>body .block_site .photo_block {
	height: auto;
	min-height: 56px;
}
.block_site .block_droite {
	float: right;
	width: 345px;
	margin-right: 40px!important;
	margin-right: 20px;
}







.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, .titresite { /* Titre article ou document */
	font-size: 110%;
	color: #96bd0d;	
	margin-top: 0px;
	margin-bottom: 3px;
	font-weight: bold;
	padding-left: 0px;
	
}

.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 {
	margin-left: 0px;
	
	
	text-decoration: underline;

	display:block;
	font-weight: normal;
}
.lien a {
	padding-left: 20px;
	background-image: url(images/liste_niv1.gif);
	background-repeat: no-repeat;
	background-position: 8px 5px;
	position:relative;	
	color: #96bd0d;
}
.lien a:hover, .titredoc a:hover {
	color: #3b4a01 ;
	text-decoration: none;
	
}
.lien a:hover  {
	background-image: url(images/liste_niv1.gif);
	background-repeat: no-repeat;
	background-position: 8px 5px;
	
}

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

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

.titredoc, .titredoc a {
	color: #0090D0;
	text-align: left;
	font-weight: bold;
}
.titredoc a:hover {
	text-decoration: none;
	color: #0090D0;
}
.titredoc .infodoc {
	margin: 0px;
}

.infodoc { /* Date, poids, type */
	font-size: 0.8em;
	text-decoration: none;
	color: #0090d0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	margin-left: 0px;
	margin-bottom: 3px;
	font-weight: normal;
}
.compldoc { /* Descriptif document */
	font-size: 0.95em;
	color: #000000;
	padding-top: 0px;
	margin-left: 22px;
}

.titresite a {
	color: #a30050;
	text-decoration: underline;
}
.titresite a:hover {
	color: #a30050;
	text-decoration: none;
}

.infosite {
	font-size: 0.8em;
	text-decoration: none;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	
	margin-left: 22px;
	margin-bottom: 3px;
}

/* BOUTONS DE GESTION DES PAGES */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.boutons{ /* Block boutons */
	margin-top: 20px;
	padding-bottom: 1px;
	padding-top: 1px;
	/*
	border-bottom: 1px solid #a30050;
	border-top: 1px solid #a30050;
	*/
	
	color: #333333;
	text-align: right;
	font-size: 1em;
	font-weight: bold;
}

.bouton { /* Bouton par defaut */
	text-decoration: none;
	color: #adabb5;
}

.bouton:hover{ /* Bouton over */
text-decoration:underline;	
	font-weight: bold;
}

.boutonactif {

	font-weight: bold;
}

/*  PAGINATION  NOUVELLE VERSION => Supprimer les anciens styles*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.pagination {
	text-align: right;
	color: #ADABB5;

	margin: 10px 0px 10px 0px;
	padding: 5px 0px 5px 0px;
	font-weight: bold;
	
	clear: both;
}
.pagination a {
	color: #ADABB5;
	text-decoration: none;
}
.pagination a:hover {
	color: #333333;
	text-decoration: underline;
}

.pagination span.on {
	color: #333333;
	
}


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

h3.fiches { /* Titre des fiches dans les listes */
	color: #42AFDF; 
	font-size: 100%;
}


/* SQUELETTE AFFICHE COMMUNE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
ul#commune  { /* Menu2  liste */
	list-style-type: none;
	margin-top: 20px;

}
ul#commune  li { /* Menu2  element liste */
	display: inline;
}
ul#commune  li a { 
	display: block!important;
	text-decoration:none;
	
	color: #dcaac2;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
	
	float: left;
	width: 122px!important;
	width: 177px;
	height: 38px!important;
	height: 68px;
	
	padding: 30px 10px 0px 45px!important;
	padding: 30px 0px 0px 0px;
	
	margin-bottom: -15px!important;
	margin-bottom: 0px;
	
	background-image: url(images/comm.gif);
	background-repeat: no-repeat;
	
	
}
html>/**/body ul#commune  li a {

margin-bottom: 0px!important;
}
/*
ul#commune  li a { 
	display: block!important;
	text-decoration:none;
	
	color: #dcaac2;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
	
	float: left;
	width: 122px!important;
	width: 177px;
	height: 38px!important;
	height: 68px;
	
	padding: 30px 10px 0px 45px;
	
	background-image: url(images/comm.gif);
	background-repeat: no-repeat;
	
	
}
*/
html>body ul#commune  li a {
	height: auto;
	min-height: 38px;
}
ul#commune  li a:hover {
	background-image: url(images/comm-over.gif);
	color: #a30050;

}
ul#commune  li a span {
	display: block;
	width: 120px;
	overflow-x: visible!important;
	overflow-x: hidden;
	
	
	padding: 0px 0px 0px 0px!important;
	padding: 0px 10px 0px 45px;
	
}

ul#commune  li a.actif {
	position: relative;
	z-index: 90;
	
	color: #000;
	
	width: 177px;
	
	background-image: url(images/commactif.gif);
	background-repeat: no-repeat;
}
ul#commune  li a.actif:hover {	
	background-image: url(images/commactif.gif);
	color: #000;
}
.decalage0 {
	position: relative;
	z-index: 90;
}
.decalage1 {
	position: relative;
	margin-left: -18px;
	z-index: 80;
}
.decalage2 {
	position: relative;
	margin-left: -18px;
	z-index: 70;
}



#block_commune {
	border-top: 2px solid #f9f9f9;

	clear: both;
	
	position: relative;
	
	margin-top: -10px;
	
	padding: 0px 0px 9px 0px;
	
	background-image: url(images/bg_block_commune_bas.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	
	z-index: 100;
}
#block_commune.marge_block_commune {
	margin-top: -10px!important;
	margin-top: -60px;
}
.bas_block_commune {
	background-image: url(images/bg_block_commune.gif);
	background-repeat: repeat-y;
	padding: 10px 0px 9px 0px;
	width: 495px;
}
.bas_block_dossier {
	background-image: url(images/bg_block_commune.gif);
	background-repeat: repeat-y;
	padding: 10px 0px 9px 0px;
}

.ssblock_commune { /* Block document dans liste d articles */
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 15px 0px;

	text-align: justify;	
	
	padding: 0px 30px 0px 90px;
	clear: both;
	
	/* background-image: url(images/puce_commune.gif); */
	background-image: url(images/liste_niv1_2.gif);
	background-repeat: no-repeat;
	background-position: 70px 0.4em;

}
.web {
	background-image: url(images/puce_site.gif);
	background-position: 50px 0.2em;
}
.ssblock_commune .compldoc, .ssblock_commune .titrecommune {
	margin: 0px;
	padding: 0px;
}

.ssblock_commune .titrecommune {
	color: #a30050;
	font-weight: bold;
}

.texte_commune {
	margin: 10px;
}
.ssblock_commune .compldoc ul {
	margin-left: 10px;
}

/*  Encart sur le affiche article */
#block_contenu .encart_article {
	margin: 20px 0px 0px 0px;
	
}
#block_contenu .encart_article .padding {
	padding: 0px 30px 30px 30px;
	
}

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

.extras { /* Ligne d'extra */
	clear: both;
	border-top: 1px solid #C5CED3;
	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 */
	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: 30px;
	width: auto;
}

#formliste label {
	display:none;
}

/* FORMULAIRES */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
form { /* Le formulaire */
	width: 100%;
	
	background-color: transparent;

}

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

	padding-left: 17px;
}

form ul li.preciser input {

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

}

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

form input { /* Zone de saisie */
	width: 200px;
	border: 1px solid #a30050;
}
form input:focus, form textarea:focus, form select:focus { /* Zone de saisie */
	background-color: #EFEFEF;
}

form select {
	border: 1px solid #a30050;
	width: 200px;

}
form option {
	color: #166aa4;
}
form h4 {
	clear: both;
}

form textarea { /* Zone de saisie texte */
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	
	border: 1px solid #a30050;
}

.formulaire_spip input {
	width: auto;
}
.formulaire_spip textarea {
	width: 100%;
}
#ligne {
}

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

form input.spip_boutoncss, .spip_bouton { /* Bouton de validation */
	background-color:#a30050;
	font-size:100%;
	color:#FFFFFF;
	width: auto;
	cursor:pointer;
	text-align:center;
	
	border: 1px solid #a4b97f;
	margin: 2px 0px 2px 0px;
	padding: 1px;
}

.contact1, .contact2 { /* Presentation du formulaire sur deux colonnes */
	padding-top: 2px;
	padding-bottom: 2px;
	float: left;
	text-align: left;
	color: #a30050;
}

.contact1 {
	width: 45%;
	text-align: left;
}

.contact2 {
	width: 55%;
	margin-bottom: 5px;
}

.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:100%;
}

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

}

#login div, #inscription div,  #login_admin div, , #oubli_form div {
	text-align: left;
	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: 100%;

}

/* FORMULAIRES REPONSE FORUM*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
form#form_forum{

	margin: 0px 20px 0px 20px;
	width: auto;
}

h3.reponse_forum {
	color: #a30050;
	text-transform: uppercase;
	
	margin: 0px 0px 20px 0px;
}
form#form_forum label {
	color: #000;
	font-weight: bold;
	padding-top: 10px;
	
	display: block;
	
	
	
	
}
form#form_forum textarea {
	width: 80%;
}

/* SQUELETTES TROMBINOSCOPE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Utilisés dans liste_elus_trombi, liste_elus_detail, liste_elus_titre, affiche_elu */

/* LISTE_ELUS_TROMBI */
#boss, #membres, .fiche_trombi p { /* General */
	font-size: 100%;
}

#boss {  /* Le boss */
	margin: 0em 0em 2em 0em;
	
}
.fiche_trombi {  /* Le block élu */
	float: left;
	text-align: center;
	width: 33%;
	margin: 0em 0em 2em 0em;
	height: 150px; /* Cf Hack */
}


#boss img, .fiche_trombi img { /*  Pas de float sur les images */
	float: none;
	margin: 0em 0em 0.5em 0em;
	padding: 0em;
}


/* hack pour le min-height sous IE : donner une hauteur mini au contenu */
html>body .fiche_trombi {
	height: auto;
	min-height: 150px;
}

/* LISTE ELUS DETAILLEE */
.portrait_elu { /* Block un elu */
	margin: 20px 0px 0px 0px;
}

.photo_elu { /* Photo de l elu */
	float: left;
	width: 145px;
	height: 130px;
}
.info_elu { /* Informations sur l elu */
	float: left;
	width: 290px;
	margin: 0px 0px 0px 0px;
	}

h4.elu { /* Nom de l elu */
	font-size:100%
}

.info_elu p { /* Paragraphe Informations sur l elu */
	margin: 0px 0px 00px 0px;
}

/* LISTE_ELU_TITRE */
.block_titre_elu { /* Position et forme du block */
	padding: 0px 0px 0px 0px;
	width: 480px;
	/*float: left;
	text-align:justify;	*/
}
.troiscol1 { /* Colonne 1 */
	float: left;
	width:32%;
	margin: 0% 1% 0% 0%;
}
.troiscol2 { /* Colonne 2 */
	float: left;
	width: 32%;
	margin: 0% 1% 0% 0%;

}
.troiscol3 { /* Colonne 3 */
	float: left;
	width: 32%;
	margin: 0% 0% 0% 0%;

}
.block_titre_elu ul li { /* Element de liste */
	list-style-type:none;
}

/* AFFICHE_ELU */
.logos_elu { /* Photo de l'élu */
	float:right;
	margin: 4px;
	margin-right: 15px;
	border: 1px solid #999A9D;
}
.colonne_gauche { /* Colonne de gauche */
	width: 50%;
	float: left;
	margin: 10px 0px 0px 0px;
}
.colonne_gauche_logo { /* Colonne de gauche */
	width: 70%;
	float: left;
	margin: 10px 0px 0px 0px;
}

.colonne_gauche ul {
	list-style-type: none;
}
.alignextra3, .alignextra4 { /* Deux colonnes */
	padding-top: 2px;
	padding-bottom: 2px;
	float: left;
	text-align: left;
}

.alignextra3 { /* Colonne 1 */
	width: 37%;
}

.alignextra4 { /* Colonne 2 */
	width: 62%;
}

/* MISE EN FORME DES LISTES DE PHOTOS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Utilise dans Liste_article_img, liste_article_photo_pardate, affiche_article, affiche_fiche */

table.cadrecommune { /* Le tableau contenant la photo */
	float: left;
	background-color: #F9F9FB;
	border: 1px solid #CCC;
	border-collapse:collapse;
	width: 150px; /* La marge droite sous firefox provoque un debordement */
	margin: 5px 5px 0px 1px;
	
}
td.cadrecommuneliste { /* La cellule contenant la photo */
	height: 100px;
	/*width: 125px;*/
	text-align: left;
	vertical-align: top;
/*	padding: 5px;*/
	padding: 0px 0px 10px 0px;
 }

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

}

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

ul.listemois li { /* Mois de la liste */
	float: left;
	width: 22%;
	margin: 0% 2% 0% 0%;
}
/* Largeur des colonnes sur le liste agenda */
.largeur1 {
	width: 25%;
}
.largeur2 {
	width: 25%;
}
.largeur3 {
	width: 25%;
}
.largeur4 {
	width: 25%;
}
.largeur5 {
	width: 25%;
}

/*
background-color: #f3f7e3; 
background-color: #fbfcf6 ;
*/
	
.couleur_defaut {
	background-color: #f3f7e3;
}
.couleur_conseil {
	background-color: #E5E1D3;
}
.couleur_bureau {
	background-color: #D2D87C;
}
/* 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: #F0F1F5;
	border: 1px solid #CCC;
	border-collapse:collapse;
	width: 135px; /* La marge droite sous firefox provoque un debordement */
	margin: 10px 15px 0px 10px;
	
}
td.fondecranphoto { /* La cellule contenant la photo */
	height: 125px;
	/*width: 125px;*/
	text-align: center;
	vertical-align: middle;
/*	padding: 5px;*/
	padding: 10px 0px 0px 0px;
 }
html>body td.fondecranphoto { /* La cellule contenant la photo */
	height: auto;
	min-height: 125px;
	
 }
.titredoc2, .titredoc2 a, .fondecrancomplement { /* Titre et info sur la photo */
	height: 30px;
	font-size: 95%;
	color: #026599; /*#FF8D00; */
	padding-top: 0px;
	padding-bottom: 0px;
	text-align:center;
	vertical-align: top;
}
html>body .titredoc2, html>body .titredoc2 a, html>body .fondecrancomplement { /* Titre et info sur la photo */
	height: auto;
	min-height: 30px;
	
 }
.fondecrancomplement { /* Complément sur la photo */ 
text-align:center;
padding-top:1px;
color:#00A5E4;
}

/* SQUELETTE AFFICHE_CARTE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.infos { /* Mis en forme div infos */
	position:absolute;
	left: 453px;
	top: 0px;
	width: 160px;
	height: 370px;
	z-index: 300;
	visibility: hidden;
	background-color: #FFFFFF;
	border: 1px solid #00a9d7;
	padding: 5px;
	overflow: auto;
}

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

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


/* SQUELETTE ANNUAIRE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#block_annuaire {
	clear: both!important;
	clear: none;
	
	margin-top: 0px;
	padding: 0px 0px 9px 0px;
	
	background-image: url(images/bg_block_annuaire_bas.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.bas_block_annuaire {
	background-image: url(images/bg_block_annuaire.gif);
	background-repeat: repeat-y;
	padding: 0px 0px 0px 0px;
	width: 495px;
	
	
}
.fond_block_annuaire {

clear: both;
	background-image: url(images/bg_fond_annuaire.gif);
	background-repeat: no-repeat;
	background-position: 0px -2px;
	
	padding: 0px 0px 9px 0px;
}

.ssblock_annuaire { /* Block document dans liste d articles */
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 15px 0px;

	text-align: justify;	
	
	padding: 0px 30px 0px 90px;
	clear: both;
	
	/* background-image: url(images/puce_commune.gif); */
	background-image: url(images/liste_niv1_2.gif);
	background-repeat: no-repeat;
	background-position: 70px 0.4em;

}
.web {
	background-image: url(images/puce_site.gif);
	background-position: 50px 0.2em;
}
.ssblock_annuaire .compldoc, .ssblock_annuaire .titreannuaire {
	margin: 0px;
	padding: 0px;
}

.ssblock_annuaire .titreannuaire {
	color: #a30050;
	
}

/* LIEN CARTO SAVOIR PLUS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#liencartosavoirplus {
	float: right;
}




.liensavoirplus a {
	background-image: url(images/picto_savoirplus.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	
	padding: 0px 0px 0px 10px;
	
	height: 3em;
	line-height: 3em;
	
	color: #96bd0d;
	font-weight: bold;
	text-decoration: none;
	
	float:left;

}
.liensavoirplus a:hover {
	text-decoration: underline;
}

.liencarto {
	/* float: right; */
	margin-top: -30px;
}
.liencarto a {
	background-image: url(images/picto_carto.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	
	padding: 0px 0px 0px 30px;
	margin: 0px 0px 0px 15px;
	
	height: 3em;
	/*line-height: 3em; */
	
	color: #f39f00;
	font-weight: bold;
	text-decoration: none;
	
	float:right;

}
.liencarto a:hover {
	
	text-decoration: underline;
	background-image: url(images/picto_carto-over.gif);
}
.liencarto a.annuaire {
	background-image: url(images/picto_annuaire.gif);
	padding: 0px 0px 0px 33px;
}
.liencarto a.annuaire:hover {
	background-image: url(images/picto_annuaire-over.gif);
}
.liencarto a.biblio {
	background-image: url(images/picto_biblio.gif);
	padding: 0px 0px 0px 33px;

}
.liencarto a.biblio:hover {
	background-image: url(images/picto_biblio-over.gif);
}




/* SQUELETTE LISTE_ARTICLE_DEPLIAGE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h3.depliage { /* Titre servant à deplier */
	font-size:100%;
	padding-top : 0em;	
	margin-left: 2px;
	
	margin-bottom: 0px;
	clear: both;
}

h3.depliage a {
	text-decoration: none;
	color: #a30050;
	
	display: block;
	float: left;
	width: 440px;

	margin: 1px 0px 0px 2px;
	
	padding: 3px 0px 0px 0px;

}
h3.depliage a:hover {
	text-decoration: underline;
}
.layerdeplie { /* Layer de contenu */
	
	padding: 1px 0px 0px 27px;
	margin: 0px 0px 10px 0px;
	
	
	clear: both;
}

h3.depliage img { /* Image de depliage */
	float: left;
	margin-left: 3px;
	margin-bottom: 0px;
	margin-top: 1px;
}

/* FORUM */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h2.forum {

	padding: 5px 0px 0px 50px;
	
	height: 35px;
	
	background-image: url(images/bg_h3forum.gif);
	background-repeat: no-repeat;
	
	clear: both;
	
	margin: 5px 0px 0px!important;
	margin: 5px 0px 0px;
}
html>body h2.forum {
	height: auto;
	min-height: 35px;
}
html>/* */body h2.forum {
	margin: 50px 0px 0px!important;
}
.discussion {
	border-bottom: 1px dashed #d7d6d7;
	padding-bottom: 5px;
}

p.message { /* Titre servant à deplier */
	font-size:100%;
	
	margin-bottom: 0em;
	padding-top : 0.5em;
	
	margin-left: 2px;
}

p.message.dessous { /* Titre servant à deplier */
	margin-left: -15px;
	padding-left: 15px;
	background-image: url(images/bg_suiteforum.gif);
	background-repeat: no-repeat;
	background-position: 0.2em 0.3em;
	height: 15px;
}


p.message a {
	text-decoration: none;
	color: #a30050;
	font-weight: bold;
	
	display: block;
	float: left;

	margin: 0px 0px 0px 5px;
}
p.message a:hover {
	text-decoration: underline;
}
p.message img { /* Image de depliage */
	float: left;
}

p.dateforum { 
	margin: 0px 0px 5px 27px;
	color: #a30050;
	font-size: 0.9em;
	font-weight: bold;
}
p.texteforum { 
	margin: 0px 0px 0px 0px;
}
.ssniveau {
	margin: 0px 0px 0px 27px;
	padding: 0px 0px 0px 12px;
	
}

/* Conditions generales d'utilisation du forum */
.cgu {
	height: 100px;
	overflow-y: scroll;
	
	padding: 2px 10px 0px 0px;
}

/* SQUELETTE PLAN */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h4.plan { /* Lien de niveau 4 */
	margin-top: 1em;
	padding-top: 10px;
	margin-bottom:0.5em;
	margin-left : 22px;
	font-size: 110%;
	
	}
h4.plan a { /* Lien de niveau 4 */
	color: #4F4F4F;
	
	}

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

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

/*  SQUELETTE LISTE_MOT_2COL, LIST_MOT_SSCAT */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.deuxcol { /* Colonne */
	float: left;
	width: 42%;
	
}
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: #EB5700;
}

.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_right2 { /* Flottant gauche */
	float: right;
	padding: 10px 0px 0px 0px; 
}
.float_right { /* Flottant gauche */
	float: right;
	padding: 10px 20px 0px 0px; 
}

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

.sanspadding {
	padding: 0;
}

table.spip_barre { display: none; }	/* Masquage de la barre typo dans les forums */

/* Lien extranet */
#right_menu a {
	color:#FFFFFF;
	display:block;
	float:left;
	font-weight:bold;
	height:19px;
	letter-spacing:0px;
	line-height:19px;
	padding:1px 17px 0px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	
	
	
}
#right_menu a:hover {
	text-decoration: underline;
	background-color:#EB5701;
}