/* '									 POLICE PAR DEFAUT															 */
/* __________________________________________________________________  */
html, body {
	font-size: 100%;
	color: #4d4c4c;
	font-family: Arial, Helvetica, sans-serif;
}

/* HR  */
/* __________________________________________________________________  */
/*
Code pour intégrer un hr stylable sur tous les navigateurs
<div class="hr"><hr class="spip" /></div>
*/
div.hr {
    /*
    height: 1px;
    margin: 5px 0 10px 0;
    background: url(squelettes/images/hr_colonne_droite_blanc.gif) no-repeat left;
    background: #EDEDED;
    */

}
hr.spip {
	/* display: none; */
	border: none;
	clear: both;
}

/* 														LISTES														 */
/* __________________________________________________________________  */
ul, ol {list-style-type: none;}/* Masquage des puces par défaut - NE PAS EFFACER */
.retourligne {clear: left;}/* On place le retour ligne. A utiliser à  chaque fois que l'on veut faire un clear sur un élément de liste */
acronym { border: 0; } /* Masquage de la bordure par défaut - NE PAS EFFACER */

/* 										TAILLE DES POLICES													 */
/* __________________________________________________________________  */
#colonne_contenu {font-size: 0.8em;}/* Caler d'abord la taille des paragraphes class="spip" sur la charte graphique à  partir de cette ligne avant de régler les autres tailles de police */


/* 								LIENS STANDARD ET ROLLOVER											 */
/* __________________________________________________________________  */
a:link, a:visited, h3.depliage span, h4.depliage span, h5.depliage span, h3.depliage.carto span, h4.depliage.carto span, h5.depliage.carto span { /* Liens par defaut + liens de dépliage */
	color: #1f1f1f ;
	text-decoration: none;
}

a:link:hover, a:visited:hover, a:focus, a:active, h3.depliage span.layer-actif, h4.depliage span.layer-actif, h5.depliage span.layer-actif, h3.depliage span:hover, h4.depliage span:hover, h5.depliage span:hover, h3.depliage.carto span:hover, h4.depliage.carto span:hover, h5.depliage.carto span:hover, .pagination span.on, ul.liste_lettre li span.on { /* Liens par defaut over + liens de dépliage over et actif */
	text-decoration: none;
	color: #9d1f01;
}

a.spip_in {} /* Liens internes */
a.spip_in:hover {} /* Liens internes over */

a.spip_out:link, a.spip_out:visited, a.spip_mail:link, a.spip_mail:visited  {/* Liens externes */
	color: #CD5A2A;
}

/*a.spip_out:after, a.spip_mail:after  {
	content: "\0000a0[\2197]";
	text-decoration: none;
	line-height: 1em;
}*/

a.spip_out:hover, a.spip_out:focus, a.spip_out:active { /* Liens externes over */
	color: #C20012;
}

a[name] { /* On masque les ancres nommées (lien d'évitement) - NE PAS EFFACER */
	visibility: hidden;/* HACK POUR IE => VOIR FEUILLE DE STYLE spip_ie_template.css */
}
a.spip_note[name] {visibility: visible;} /* On affiche les notes spip - NE PAS EFFACER */


/* 											FIL D'ARIANE															 */
/* __________________________________________________________________  */
#chemin { /* Chemin general */
	font-size: 12px;
	color: #abaaaa;
	margin: 23px 0 ;
}

#chemin a:link, #chemin a:visited { /* Chemin lien */
	text-decoration: none;
	color: #abaaaa;
}

#chemin a:link:hover, #chemin a:visited:hover, #chemin a:focus, #chemin a:active, #chemin strong { /* Chemin lien over et actif */
	text-decoration:none;
	color: #C20012;
	font-weight: normal;
}


/* 													TITRES 															*/
/* __________________________________________________________________  */

#colonne_contenu h2 { /* Titre article / rubrique */
	/* background: url(squelettes/images/picto_h2.png) no-repeat 0 0; */
	margin: 50px 0 20px 0;
	padding: 0 0 0 10px; /* Prérégler le déclage de la seconde ligne et suivante qd picto */
	color: #696969;
	font-size: 38px;
	font-weight: lighter;
	line-height: .9em;
	clear: both;
	font-family: Arial;
	text-transform: uppercase;
	width: 50%;
	border-width: 20px;
}
#colonne_contenu h2 span {} /* Pour les effets de style compliqués */


h3.spip { /* intertitre */
	/* Pour l'espacement au dessus du h3, privilégier le padding top (sinon cet espace n'est pas appliqué si le h3 est précédé d'un flottant) */
	text-align:left;
	color: #333333;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.1em;
	background: url("squelettes/images/picto_h3.gif") no-repeat 0 0.3em;
	padding: 0 0 0 14px; /* Prérégler le déclage de la seconde ligne et suivante qd picto */
	margin: 2em 0 1em 0;
	clear: both;
}
h3.spip span {} /* Pour les effets de style compliqués */


h4 { /* intertitre niveau 2*/
	text-align:left;
	font-size: 0.9em;
	font-weight: bold;
	margin: 1.5em 0 0.5em 0;
	color: #4d4c4c;
	/* background: url(squelettes/images/picto_h4.png) no-repeat 0 0; */
	padding: 0; /* Prérégler le déclage de la seconde ligne et suivante qd picto */
	clear: both;
}

h5 { font-size: 0.9em; font-weight: normal;} /* Pour régler la taille police sous IE - NE PAS EFFACER */
h6 { font-size: 0.9em; font-weight: normal;} /* Pour régler la taille police sous IE - NE PAS EFFACER */

#colonne_contenu h2 span.spip_surligne, #colonne_contenu h3 span.spip_surligne, #colonne_contenu h4 span.spip_surligne, #colonne_contenu h5 span.spip_surligne, #colonne_contenu h6 span.spip_surligne { /* On masque les croisements styles de titre/ styles de surlignage de la recherche  */
	background-image: none;
	padding: 0;
	margin: 0;
	display: inline;
	/*color: inherit;*/
	float: none;
  	width: auto;
}



/* INFOS COMPLEMENTAIRES EN TETE D'ARTICLE LORS D'UN AFFICHAGE D'ARTICLE OU DE LISTE (BLOC_ARTICLE_DOC)  */
/* __________________________________________________________________  */
.dateevmnt { /* style des dates d'événements */
	margin: 0 0 40px 0; /* Cette valeur doit àªtre égale au margin bottom du datearticle - NE PAS EFFACER */
	color:#C20012;
	font-weight: bold;
	font-size: 0.95em;
}

.datearticle, .cheminliste, .themearticle, .extraarticle, .nbresult, .dateforum, .block_document .infodoc, .liste_doc_col .infodoc, .liste_doc_col_pageflip .infodoc   { /* style des POLICES des dates (dans article et liste = block article doc) , chemin dans les listes (block article doc), thematiques des articles (dans article et liste = block article doc) */
	color:#C20012;
	font-weight: bold;
	font-size: 1.1em;
}

.datearticle { /* style des dates*/
	margin: 0 0 40px 0; /* Cette valeur doit àªtre égale au margin bottom du dateevmnt - NE PAS EFFACER */
}

.themearticle { /* style des thêmatiques d'article */
	/*margin: 0 0 25px 0;*/
	font-size: 1em; /* Ne pas effacer cette ligne, permet de ne pas réduire la taille à  cause de la cascade */
}

.extraarticle { /* style des thêmatiques d'article */
	/*margin: 0 0 25px 0;*/
}

.nbresult { /* résultat de la recherche */
	margin: 0 0 10px 20px;
}


/* 													CONTENU ARTICLE 										*/
/* __________________________________________________________________  */

/*
L'article contient :
	- Titre (H2/H3)
	- Date évênement (dateevmnt)
	- Date publication (datearticle)
 	- Mots clés thématique (themearticle)
	- Extra date/heure (extraarticle)
	- Chapo (chapo)
	- Texte (spip)
	- Note (spip_note)
*/

 .descriptif_video, .spip_forms div.spip_descriptif { /* chapos */
	color: #439ab3;
	font-weight: bold;
	text-align:justify;
}

.chapo{
	color: #919191;
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: solid 1px #e5e5e5 ;

}

.chapo strong{/*color: #008A57;*/} /* chapos */

.chapo > .spip:first-child, h3 + p.spip, h4 + p.spip, h5 + p.spip, h6 + p.spip, .block_extras + p.spip, .layerdeplie > .spip:first-child, .layerdeplie > h5:first-child, blockquote > .spip:first-child { /*margin: 0;*/} /* On annule la marge haute du premier paragraphe, plus ceux qui suivent un h3, des docs... */
.layerdeplie > table.spip:first-child,  dl.spip_documents.doc_ajoute { /*margin-top: 10px;*/ } /* On réafecte une marge sur les tableaux dans les dépliages, les listes    */

#colonne_contenu p { /* texte */
	margin: 0 0 10px 0; /* Mettre le même margin top sur dl.spip_documents  */
	text-align: justify;
	line-height: 18px;
	/*overflow: hidden;*/
}

dl.spip_documents.doc_ajoute + p.spip { /* Sur les paragraphe qui suivent des document insérer en flottant : on force le retour ligne */
	clear: both;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~ NOTES DE BAS DE PAGE */
.complement .spip_note:first-child {
	margin: 20px 0 5px 0;
}
.spip_note {
	margin: 0 0 5px 0;
	font-size: 0.9em;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~ SURLIGNAGE DES TERMES RECHERCHES */
.spip_surligne { /* Recherche : Couleur de surlignage */
	color: #fff;
	background: #9e0d51;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~ LISTE PREMIER NIVEAU DANS LE CONTENU */

ul.spip, ol.spip { margin: 0 0 10px 0 !important; padding: 0; /*list-style-position: inside;*/ width: 95%;}
.spip + ul.spip, .spip + ol.spip { margin-top: -7px !important;} /* Le margin top doit être l'inverse que sur le .spip bottom */
ul.spip li, ol.spip li { margin: 0; padding: 5px 0 0 0; text-align: left; overflow: visible; position: relative; left: 20px; text-indent: -1px ;}

ul.spip > li:before {
	content: url("squelettes/images/liste_spip_niv1.gif");
	margin: 0 0 0 -17px;
	padding: 0 9px 0 0;
}

/* ATTENTION ceci est un hack cépabien.... */
/* 
Les puces des listes posent problème sur ie11 quand on a une image flottante à gauche...
On corrige en passant par des css particulières (before)
On rencontre un petit decalage sur firefox, d'où ce hack
*/
@-moz-document url-prefix()
{
    ul.spip > li:before {
		margin: 0 0 0 -20px;
		padding: 0 5px 0 0;
    }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~ LISTE SECOND NIVEAU */
 /* Réglages margin et padding des listes */
ul.spip ul.spip, ol.spip ol.spip { margin: 5px 0 5px 0 !important; }
ul.spip ul.spip li, ol.spip ol.spip li { margin: 0; padding: 5px 0 0 0; text-align: left; overflow: visible; position: relative; left: 20px; text-indent: -1px; }

ul.spip ul.spip li:before { 
	content: url("squelettes/images/liste_spip_niv2.gif");
}

/* ~~~~~~~~~~~~~~~~~~~~~~~ LISTE NUMEROTEE */
ol.spip {
	list-style-position: outside;
	list-style-type: decimal;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~ BLOCK DE CITATION */
blockquote.spip {
	clear: both;
	padding: 20px;
	background: #EDEAE8;
	margin: 25px 0;
}

blockquote .spip { margin: 0 0 10px 0; }
blockquote .spip:last-child { margin: 0; }

/* ~~~~~~~~~~~~~~~~~~~~~~~ IMAGES OU DOCUMENTS INSERES => BORDURES */
/*
.spip_logos : logo d'article
.spip_documents img : image de document inséré
*/

.spip_logos, .spip_documents img {
	 /* border: 1px solid #e1e1e1; Mettre la même couleur sur la bordure des vignettes thickbox (rechercher td.fondecranphoto a:visited img, td.fondecranphoto a:link img, .spip_documents a img) */
	 
}

/*
Le stylage css du roll over des document avec un lien se fait en même temps que celui des vignettes photos en bas d'article
FAIRE UNE RECHERCHE SUR td.fondecranphoto a:hover img
*/

.spip_logos {
	float: left;
	margin: 0 10px 10px 0;
}

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

/* ~~~~~~~~~~~~~~~~~~~~~~~ IMAGES OU DOCUMENTS INSERES => LEGENDE ET   */

dl.spip_documents {  /* Block du document => styler le block et les éléments de texte (titre / descritif) */
	display: block;
	margin-top: 5px;
}

.spip_doc_titre, .spip_doc_descriptif  {/* Espacement titre / descriptif */
	text-align: center;
	font-size: 0.95em;
	font-weight: normal;
	color:#aaaaaa;
	font-style:italic;
}

.spip_doc_titre { padding: 5px 0 0 0; } /* +3px pour corriger le bug 3px sur firefox si  */
.spip_doc_descriptif { padding: 0 0 2px 0; }

dl.spip_documents dt:first-child { /* Correction bug margin 3px si bg sur les infos doc */
	margin: 0 0 -3px 0;
	text-align: center;
}

.spip_doc_titre strong, .spip_doc_descriptif span  {/* Pour padding si alignement à gauche */
	padding: 0 0;
}

.spip_doc_titre strong {font-weight: normal;}

.spip_documents a { }/* Titre qui sert de lien vers le document */

.spip_documents_left {margin: 0 2em 0.5em 0;} /* Correction du bug d'aligement image insérée */
.spip_documents_right {margin: 0 0 0.5em 2em;}
/* .spip_documents_center {text-align: center; position: relative; margin: 0 auto;} */
.spip_documents_center { clear:both;display:block;margin:1em auto;width:100%; text-align: center;}

.spip_documents_center .spip_doc_titre, .spip_documents_center .spip_doc_descriptif  {/* Centrage des textes */
	margin: auto;
}

/* Calage particulier pour les doc spip à l'aide du style doc_ajoute (modele <doc>)) */
.spip_documents_left.doc_ajoute  {
	text-align: center;
}
.spip_documents_left.doc_ajoute .spip_doc_titre, .spip_documents_left.doc_ajoute .spip_doc_descriptif  {/* Espacement titre / descriptif */
	word-wrap: normal;
}

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

.block_document_article { /* Documents insérés dans les articles */
	/* Décommenter pour mettre un picto sur les documents insérés */
	/*
	padding: 0 0 0 5px;
	margin: 0 0 10px 0;
	background: url(squelettes/images/picto_doc.gif) no-repeat 0em 0.3em;   /* Caler la hauteur toujours en em
	*/
}

/* ~~~~~~~~~~~~~~~~~~~~~~~ TABLEAU */

table.spip { /* Tableau general */
	padding:0px;
	border: 1px solid #fff;
	border-collapse:collapse;
	width: 100%;
	margin-bottom : 20px;

}
table.spip tr.row_first { /* Premiere ligne */
	font-weight: bold;
	color: #fff;
	background: #439ab3;
}

table.spip tr.row_odd { /* Ligne impaire */
	color: #000000;
	background: #fff;
}

table.spip tr.row_even { /* Ligne paire */
	color: #000000;
	background: #f4f4f4 ;
}

table.spip td, table.spip th { /* Cellule */
	padding: 8px 2px 8px 10px;
	text-align: left;
	border: 1px #FFFFFF solid;
}

table.spip caption{ /* Resume masque */
	/* color:#FFFFFF; A régler selon que l'on veut pasquer our pas la balise caption des tableaux */
	/* font-size: 0.7em; Mettre une taille petite pour réduire l'espace occupé en cas de masquage de la balise */
	padding: 0;
}

/* RESEAUX SOCIAUX */
#reseaux_sociaux {
	margin: 30px 0 10px 0;
}
#reseaux_sociaux li {
	display: inline;
}

/* MISE EN FORME DES LISTES DE PHOTOS DANS ARTICLE ET DANS RUBRIQUE PHOTOTHEQUE / PORTRAIT */
/* __________________________________________________________________  */
/* Utilise dans  liste_article_photo_pardate, affiche_article et liste_article_img (phototheque) */

.fondecran  { /* Le tableau contenant la photo */
	float: left;
	word-wrap: break-word; /* Si le texte sort du cadre il y a un retour à  la ligne automatique */
	width: 126px;
	margin: 10px 14px 10px 0;

	border: 1px solid #e4e4e4; /* Mettre la même couleur sur la bordure des vignettes thickbox (rechercher td.fondecranphoto a:visited img, td.fondecranphoto a:link img, .spip_documents a img) */
	padding: 8px 16px 8px 16px;

	/* Box-Shadow */
	-webkit-box-shadow: 0 0 6px 0 #969292;
	-moz-box-shadow: 0 0 6px 0 #969292;
	box-shadow: 0 0 6px 0 #969292;
	text-align: center;
}

.fondecranphoto { 
    margin:0;
    overflow:hidden;
    position:relative;
    float:left;
	width: 122px;
	height: 72px;
}

/* ROLL OVER DES DOCUMENT AVEC LIEN (dans le corps de l'article et vignettes thickbox en bas d'article) */
.fondecranphoto a:visited, .fondecranphoto a:link {
	width: 120px;
	height: 70px;
}

.fondecranphoto a img, .spip_documents a img {
	position: relative;
	z-index: 99;
}
.fondecranphoto a:visited, .fondecranphoto a:link, .spip_documents a {
	vertical-align: bottom; /* NE PAS EFFACER !! */
	border: 1px solid #fff;
	display: inline-block;
	overflow: hidden;

	/*Fading*/
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;

	behavior: url("squelettes/js/PIE/PIE.htc");
}

.fondecranphoto a:hover, .fondecranphoto a:focus, .fondecranphoto a:active, .spip_documents a:hover, .spip_documents a:focus, .spip_documents a:active  {
	border: 1px solid #df370a;
}

.fondecran .spip_doc_titre, .fondecran .spip_doc_descriptif { /* Titre et info sur la photo */

}

/* ~~~~~~~~~~~~~~~~~~~~~~~ Redéfinition taille image pour Liste_article_img (phototheque) */

.phototheque { /* Le tableau contenant la photo */
	float: left;
	word-wrap: break-word; /* Si le texte sort du cadre il y a un retour à  la ligne automatique */
	width: 206px;
	margin: 10px 10px 10px 0;

	border: 1px solid #e4e4e4; /* Mettre la même couleur sur la bordure des vignettes thickbox (rechercher td.fondecranphoto a:visited img, td.fondecranphoto a:link img, .spip_documents a img) */
	padding: 8px;

	/* Box-Shadow */
	-webkit-box-shadow: 0px 0px 6px 0px #969292;
	-moz-box-shadow: 0px 0px 6px 0px #969292;
	box-shadow: 0px 0px 6px 0px #969292;
}
.photothequephoto { /* La cellule contenant la photo */
	text-align: center;
	padding: 0;
 	vertical-align: middle;
}

.photothequephoto a:visited img, .photothequephoto a:link img { /* Roll over sur l'image */
	border: 1px solid #fff;

	/*Fading*/
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.photothequephoto a:hover img, .photothequephoto a:focus img, .photothequephoto a:active img { /* Roll over sur l'image */
	border: 1px solid #df370a;
}
.phototheque .spip_doc_titre, .phototheque .spip_doc_descriptif { /* Titre et info sur la photo */
	text-align: center;
}

/* 							EXTRAS => SQUELETTE BLOCk_EXTRAS									 */
/* __________________________________________________________________  */

/* ~~~~~~~~~~~~~~~~~~~~~~~ Style block extra avec et sans logo */
.block_extras { /* Block extras */
	margin: 0 0 0 0;
}

.block_extras .extraarticle { /* Infos date et heure + offre d'emploi */
	font-size: 0.95em;
}
.block_extras .extraarticle div {
	margin: 0 0 5px 0;
}

.extras { /* Ensemble des extras */
	clear: both;
	margin: 0 0 10px 0;
}

.extras.colonne_gauche_logo { /* Colonne de gauche avec logo à  droite */
	width: 58%;
	float: left;
	clear: none;
}

.spip_logo_fiche { /* Affichage des logos sur portrait ou fiche annuaire */
	float: right;
	margin: 0 0 3px 10px;
}

.ligneextras { /* Ligne d'extra */
	clear: both;
	margin: 0;
}

.ligneextras strong { /* Intitule en gras */
	color: #000;
}

.alignextra, .alignextra2 { /* Présentation sur deux colonnes */
	padding: 2px 0;
	float: left;
	word-wrap: break-word; /* Si le texte sort du cadre il y a un retour à  la ligne automatique */
	text-align: left;
}

.alignextra {width: 40%;} /* Colonne 1 - Régler la dimension */
.alignextra2 {	width: 59%;} /* Colonne 2 - Régler la dimension */

.signaler_erreur { /* Lien signaler une erreur */
	margin: 5px 0;
	text-align: right;
}

/* Rédéfinition des largeurs de colonnes pour certaines rubriques (si dépliage par exemple...) */
.extras_ .alignextra {width: 30%;} /* Colonne 1 - Régler la dimension */
.extras_ .alignextra2 {width: 69%;} /* Colonne 2 - Régler la dimension */


/* AFFICHAGE DES ITEMS ARTICLES DOCUMENTS DANS LES LISTES (BOCK_ARTICLE_DOC) */
/* __________________________________________________________________  */
/*
Utilisé par :
		liste_actus
		liste_article
		recherche_liste_article
		liste_evnmnt

Les blocs article/doc se compose de :
 	- Titre (H3/H4)
	- Date evenement  (dateevmnt)
	- Date publication (datearticle)
	- Chemin (cheminliste)
 	- Mots clés thématique (themearticle)
	- Extra Date Heure (extraarticle)
	- Infos document (infodoc)
	- Intro article / descriptif document / descriptif site (complement)

*/

h3.titreliste, h4.titreliste, h5.titreliste, h6.titreliste {
	text-align:left;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 0.5em 0;
	clear: both;
	color: #4d4c4c;
	font-family: Tahoma;

}

h3.titreliste, h4.titreliste, h5.titreliste, h6.titreliste span a{
	text-decoration: none !important;
	color: #1f1f1f !important;
	font-size: 18px;
}

.block_document .datearticle, .block_article .datearticle, .block_site .datearticle{ /* Date de publication dans les listes article et doc */
	font-size: 1.1em;
	text-align: left;
	margin: 0 0 5px 0; 	/* doit être identique à  la valeur définie pour le block .block_article .dateevmnt */

}

.cheminliste { /* couleur et taille du chemin dans les listes d'article et de document */
	font-size: 0.95em;
	text-align: left;
	margin: 0 0 3px 0;
}

.complement {
	font-size: 14px;
	margin: 0;
	background: url("squelettes/images/effacer_pictotexte.gif") no-repeat 0 0.6em;
	text-indent: 10px;
	line-height: 16pt;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~ SQUELETTE BLOCK_ARTICLE_DOC */

.block_article { /* Partie haute du block de présentation d'un article */
	text-align: justify;
	margin: 0 0 11px 0;
	padding: 9px 8px 19px 12px;
	clear: both;
	min-height: 100px; /* TOUJOURS DONNER UNE HAUTEUR MINI  */
	border-bottom: solid 1px #cccccc
}

.block_article .cheminliste{
	color: #7e7e7e !important;
}

.block_article .info { /* date / heure/  lieu d'événement */ /* Dans block article_doc, remplacer dateevmnt par info */
	font-size: 0.95em;
}

.block_article .dateevmnt { /* Sert pour la date d'événement */
	font-size: 1.1em;
	margin: 0 0 10px 0;  /* doit àªtre identique à  la valeur définie pour le block .block_article .datearticle */
}

.block_article .themearticle { /* Sert les thématiques de l'article(Mot-clés associés affichés ) */
	font-size: 0.95em;
	margin-bottom: 3px;
		color: #4D4E51;
}

.block_article .extraarticle { /* Sert les thématiques de l'article(Mot-clés associés affichés ) */
	font-size: 0.95em;
	color: #4D4E51;
}

.extraarticle div{
	margin-bottom: 3px;
}



.block_article .photo_block { /* Block de la vignette */
	/* min-height: 56px; HACK POUR IE6 => VOIR FEUILLE DE STYLE spip_ie_template.css */
	float: left;
	display: inline;
	margin: 0 15px 0 0;
	width: 260px;
}

.block_article .block_droite { /* Block qui contient le texte de l'article */
	float: left;
	width: 470px;
	display: inline; /* Correction du bug ie sur les flottants */
	word-wrap: break-word; /* Si le texte sort du cadre il y a un retour à  la ligne automatique */
}
.block_article .block_droite_full { /* Block qui contient le texte de l'article sur toute la largeur (pas de photo) */
	width: auto;
}
.layerdeplie .block_article .block_droite {/*width: 291px;*/} /* On redéfinit la largeur pour les listes d'article dans les dépliages */


/* LIENS EN SAVOIR PLUS / LIRE LA SUITE */
/*
S'appliquent aussi aux :
	- block document
	- Liens vers fiches élus, à  partir des présentation détaillée et trombi

Pour les différencier : supprimer les lignes , repos et hover, puis styler individuellement (les styles sont déjà  définis)
*/

.block_article .savoirplus a:link, .block_article .savoirplus a:visited,
.block_document .savoirplus a:link, .block_document .savoirplus a:visited,
.info_elu .savoirplus a:link, .info_elu .savoirplus a:visited,
.block_elu_trombi .savoirplus a:link,  .block_elu_trombi .savoirplus a:visited,
.liste_doc_col .savoirplus a:link,  .liste_doc_col .savoirplus a:visited,
.infos .savoirplus a:link, .infos .savoirplus a:visited,
div .savoirplus a:link, div .savoirplus a:visited
	{
		font-weight: bold;
		background: url(squelettes/images/effacer_pictosuite.gif) no-repeat 100% 50%;
		padding: 0 20px 0 0;
	}

.block_article .savoirplus a:link:hover, .block_article .savoirplus a:visited:hover, .block_article .savoirplus a:focus, .block_article .savoirplus a:active,
.block_document .savoirplus a:link:hover, .block_document .savoirplus a:visited:hover, .block_document .savoirplus a:focus, .block_document .savoirplus a:active,
.info_elu .savoirplus a:link:hover, .info_elu .savoirplus a:visited:hover, .info_elu .savoirplus a:focus, .info_elu .savoirplus a:active,
.block_elu_trombi .savoirplus a:link:hover, .block_elu_trombi .savoirplus a:visited:hover, .block_elu_trombi .savoirplus a:focus, .block_elu_trombi .savoirplus a:active,
.liste_doc_col .savoirplus a:link:hover, .liste_doc_col .savoirplus a:visited:hover, .liste_doc_col .savoirplus a:focus, .liste_doc_col .savoirplus a:active,
.infos .savoirplus a:link:hover, .infos .savoirplus a:visited:hover,  .infos .savoirplus a:focus, .infos .savoirplus a:active,
div .savoirplus a:link:hover, div .savoirplus a:visited:hover,  div .savoirplus a:focus, div .savoirplus a:active
	{
		background: url(squelettes/images/effacer_pictosuite-over.gif) no-repeat 100% 50%;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~ SQUELETTE BLOCK_DOC */

.block_document { /* Block document dans liste d articles */
	margin: 0 0 15px 0;
	text-align:justify;
	padding: 9px 8px 11px 0;
	clear: both;
	min-height: 100px; /* TOUJOURS DONNER UNE HAUTEUR MINI  */
}

.block_document .infodoc, .document_col .infodoc { /* info sur le document dans le block_doc */
	font-size: 0.95em;
	text-align: left;
	margin: 0 0 3px 0;
	font-weight: normal;
	background-color: #eaeaea;
	display: inline-block;
	padding: 5px;
	color: #1e1e1c;
}

.block_document .photo_block {
	width: 115px;
	float: left;
	margin: 0 19px 0 18px;
	/* min-height: 56px; HACK POUR IE6 => VOIR FEUILLE DE STYLE spip_ie_template.css */
}

.block_document .block_droite {
	float: left;
	width: 550px;
	margin: 0;
	display: inline; /* Correction du bug ie sur les flottants */
	word-wrap: break-word; /* Si le texte sort du cadre il y a un retour à  la ligne automatique */
}
.contenu_depliage .block_document .block_droite {width: 291px;} /* On redéfinit la largeur pour les listes de docs dans les dépliages */
.contenu_depliage .block_article .block_droite {width: 245px;} /* On redéfinit la largeur pour les listes d'article dans les dépliages */

/* Lien en savoir plus - Voir le block_article bloc document - Décommenter pour différentier les deux */
.block_document .savoirplus a:link, .block_document .savoirplus a:visited {}
.block_document .savoirplus a:link:hover, .block_document .savoirplus a:visited:hover, .block_document .savoirplus a:active, .block_document .savoirplus a:focus {}


/* ~~~~~~~~~~~~~~~~~~~~~~~ SQUELETTE BLOCK_SITE */

.block_site { /* Block document dans liste d articles */
	padding: 0 0 2px 0;
	margin: 0 0 15px 0;
	text-align:justify;
	clear:both;
}

.block_site .complement { /* info sur le site dans le block_site */
}

.block_site .photo_block {
	width: 75px;
	float: left;
	text-align: center;
	margin: 0 10px 0 0;
	/* min-height: 56px; HACK POUR IE6 => VOIR FEUILLE DE STYLE spip_ie_template.css */
}

.block_site .block_droite {
	float: left;
	display: inline; /* Correction du bug ie sur les flottants */
	word-wrap: break-word; /* Si le texte sort du cadre il y a un retour à  la ligne automatique */
	width: 440px;
	margin: 0;
}


/* 					SQUELETTE LISTE_DOC_COL, LISTE_DOC_COL_pageflip				  */
/* __________________________________________________________________  */

.liste_doc_col h4, .liste_doc_col_pageflip h4 {margin: 0 0 0.5em 0;} /* Titres des documents  */

.spip.avertissement { /* texte avertissement */
	margin: 10px 0 20px 0;
}

.document_col { /* Liste liste_doc_col sur plusieurs colonnes */
	padding: 0 0 10px 0;
	margin: 10px 0 0 0;
	float: left;
	width: 50%; /* Valeur à  adapter en fonction du nombre de colonnes pour les documents affichés */
}
.document_col_logo {
	float: left;
	margin: 0 5px 9px 0;
	width: 82px;/* Valeur à  adapter en fonction du nombre de colonnes pour les documents affichés */
	display: inline;
	text-align: left;
}
.document_col_texte {
	float: left;
	width: 158px;/* Valeur à  adapter en fonction du nombre de colonnes pour les documents affichés */
	display: inline;
}


/* 								SQUELETTE LISTE_MOT_SSCAT										  */
/* __________________________________________________________________  */
.liste_mot_sscat {} /* Liste principale des catégories et des sous catégories */

.liste_mot_sscat h4, .liste_mot_sscat h5 { margin: 15px 0 0 0;} /* Liste principale des catégories et des sous catégories */

.liste_mot_sscat .ss_cat { /* Item de liste : une catégorie + ses sous catégorie */
	float: left;
	width: 49%;
}

.liste_mot_sscat .deuxcol { /* Item de liste : une catégorie + ses sous catégorie sur 2 colonne équilibrées */
	clear: both;
	margin: 0 0 10px 0;
}

/* 							 PAGINATION LISTE + LISTE_LETTRE										 */
/* __________________________________________________________________  */
.pagination, ul.liste_lettre {
	text-align: right;
	color: #fff;
	margin: 10px 0 10px 0;
	padding: 5px 0 5px 0;
	font-weight: bold;
	clear: both;
	font-size: 0.95em;
	/* line-height: 2.5em; Décommenter en cas de chevauchement des items si ils se présentent sur 2 lignes */
}

ul.liste_lettre {text-align: center;}
ul.liste_lettre li {display: inline;}

.pagination a.lien_pagination, ul.liste_lettre li a {
	text-decoration: none;
	background: #eeeeee;
	padding: 2px 5px;
	margin: 0 0 10px 0;
	display: inline-block;
}

ul.liste_lettre li a {
	padding: 2px 5px;
}

.pagination span.on, .pagination a.lien_pagination:hover, .pagination a.lien_pagination:focus, .pagination a.lien_pagination:active, ul.liste_lettre li span.on, ul.liste_lettre li a:hover, ul.liste_lettre li a:focus, ul.liste_lettre li a:active {
	text-decoration: underline;
	margin: 0 0 10px 0;
	padding: 2px 5px;
	display: inline-block;
	/*color: #333333;*/
}

/* 										SQUELETTE LISTE D'ITEM											 */
/* __________________________________________________________________  */
/*
Sert à  toutes les listes de liens : liste elus par ligne, liste mot, liste titre, ...

ATTENTION => Squelettes/modele/doc - img - emb à  corriger
ATTENTION => appliquer le class liste à  tous les ul de squelettes faisant des listes de lien (liste mot 2 col, liste titre, ...
*/

.liste {
	margin: 10px 0 0 0;
}

ul.liste li, ol.liste li {  /* le ol sert pour le plan */
	/* display: inline; */
}


ul.liste > li > a:link, ul.liste > li > a:visited, ol.liste > li > a:link, ol.liste > li > a:visited, .liste_2col li, .liste_elus_nom_toute_communes_par_fonction li { /*background: url(...) prévoir un picto correctement calé + marge gauche */
	padding: 0 0 0 15px;
	background: url('squelettes/images/puce_liste_liens.gif') no-repeat 0 0.5em; /* Caler la hauteur toujours en em */
	margin: 0 0 3px 0;
	display: block;
}

ul.liste > li > a:hover, ul.liste > li > a:focus, ul.liste > li > a:active, ol.liste > li > a:hover, ol.liste > li > a:focus, ol.liste > li > a:active { /*background: url(...) prévoir un picto correctement calé + marge gauche */
	background: url('squelettes/images/puce_liste_liens-over.gif') no-repeat 0 0.5em; /* Caler la hauteur toujours en em */
}

/* On annule la puce sur les liste d'élu (commune et commission) qui peuvent avoir aussi un lien, on ne garde que la puce du li */
 .liste_2col li a, .liste_elus_nom_toute_communes_par_fonction li a {
	padding: 0 !important;
	background: none !important; /* Caler la hauteur toujours en em */
	display: inline;
}


/* 							CARTO INTERACTIVE DES COMMUNES									 */
/* __________________________________________________________________  */
#layer1 {
	/* LES DIMENSIONS WIGHT ET HEIGHT SONT DEFINIES DANS LE SQUELETTE AFFICHE_CARTECOM */
	position:relative;
	z-index:2;
	margin-left: auto;
	margin-right: auto;
}

#formcommune {
    background: #EBE9E7;
    left: 393px;
    padding: 5px;
    position: absolute;
    top: 42px;
    width: 200px;
    z-index: 99;
}
#formcommune label {
    display: none;
}


/* SQUELETTE ANNUAIRE, LISTE_FICHE, LISTE_ARTICLE_DEPLIAGE, LISTE_DOC_DEPLIAGE, MODELE COMMISSIONS ... */
/* __________________________________________________________________  */
/*
ATTENTION, les styles des dépliages inactif, actif et over sont définis dans les styles a et a:hover
h3.depliage span, h4.depliage span {}
h3.depliage span.layer-actif, h4.depliage span.layer-actif {}
h3.depliage span:hover, h4.depliage span:hover {}
*/

/*	ESPACE ENTRE LES ITEMS	*/
.accordeon > li {
	margin: 0 0 10px 0;
	display: block !important;
}

.ui-accordion .ui-accordion-li-fix {
    display: block;
}

.margin_depliage {
	clear: both;
	margin: 20px 0 13px 0;
}
.cs_blocs {
	margin: 13px 0 0 0;
}

h3.depliage_jquery, h4.depliage_jquery, h5.depliage_jquery, h4.blocs_titre.blocs_replie a {
	background: white;
	clear: both;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	overflow: hidden;
	padding: 8px 0;
	cursor: pointer;
	color: #696969;
	position: relative;
	border-radius: 0;
	border: solid 1px #eaeaea;
}
h3.depliage_jquery span.habillage, h4.depliage_jquery span.habillage, h5.depliage_jquery span.habillage {
	display: block;
	padding: 0 0 0 30px;
}

/* RESET CSS de jquery UI*/
.ui-widget { font-size: inherit; font-family: inherit; }
.ui-accordion .ui-accordion-content { top: 0; }
.ui-widget-content { border: none;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: none; background: none; }

/*	ICONES DE DEPLIAGE	*/
.ui-icon {
	float: left;
	margin: 0 0 0 4px;
	width: 15px;	/* Largeur du picto */
	height: 15px;	/* Hauteur du picto */
}

/* Au repos */
.ui-icon-triangle-1-e {
	background: url('squelettes/images/deplierhaut.png') no-repeat !important;
}
/* Active */
.ui-icon-triangle-1-s {
	background: url('squelettes/images/deplierbas.png') no-repeat !important;
}

/*	HOVER	*/
h3.depliage_jquery:hover, h4.depliage_jquery:hover, h5.depliage_jquery:hover,
h3.depliage_jquery:focus, h4.depliage_jquery:focus, h5.depliage_jquery:focus,
h3.depliage_jquery.ui-state-active, h4.depliage_jquery.ui-state-active, h5.depliage_jquery.ui-state-active,
h4.blocs_titre a
{
    background: #eaeaea;
    text-decoration: underline;
}

/* Depliage )plugin derebloc */
 h4.blocs_titre.blocs_replie a {
 	text-decoration: none;
 	padding: 0 0 5px 25px;
 	background: url('squelettes/images/deplierhaut.png') no-repeat 0 .1em !important;
 	font-size: 1em;
 }
 h4.blocs_titre a {
 	padding: 0 0 5px 25px;
 	text-decoration: underline;
 	display: block;
 	font-weight: bold;
 	background: url('squelettes/images/deplierbas.png') no-repeat 0 .1em !important;
 	font-size: 1em;
 }

 h4.blocs_titre, h4.blocs_titre.blocs_replie {
 	background: none;
 }

/*	CONTENU DEPLIAGE	*/
.contenu_depliage, .blocs_destination {
	margin: 10px 0 20px 0 !important;
	padding: 10px 30px 10px 20px !important;
	clear: both;
	float: left;
	background: #e8e8e8;
	width: 93.5%;
}

/* EXTRAS SANS LOGO */
.contenu_depliage .extras { /* extras dans depliage */
	width: 100%;
	float: none;
	clear: none;
	margin: 0;
}

.contenu_depliage .extras .alignextra { width: 43%;} /* Colonne 1 - Régler la dimension */
.contenu_depliage .extras .alignextra2 { width: 56%;} /* Colonne 2 - Régler la dimension */

/* EXTRAS AVEC LOGO */
.contenu_depliage .extras.colonne_gauche_logo { /* Colonne de gauche avec logo à  droite */
	width: 74%;
	float: left;
	clear: none;
	margin: 0 0 0 20px;
}

.contenu_depliage .extras.colonne_gauche_logo .alignextra {width: 49%;} /* Colonne 1 - Régler la dimension */
.contenu_depliage .extras.colonne_gauche_logo .alignextra2 {	width: 50%;} /* Colonne 2 - Régler la dimension */

/* AFFICHAGE DES LOGOS SUR PORTRAIT OU FICHE ANNUAIRE DANS UN DÉPLIAGE */
.contenu_depliage .spip_logo_fiche {
	float: left; /* => float: right; pour aligner à  droite */
	margin: 0;
	display: inline;
}

/* DEPLIAGE DE SECOND NIVEAU */
/* A différencier du premier niveau de dépliage (bordure, couleur, background...) */

.margin_depliage h4.depliage_jquery:after, .margin_depliage h5.depliage_jquery:after { /* A SUPPRIMER !! */
	content:"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Styler différement du premier niveau !!";
}

/* 									SQUELETTE CARTO GOOGLE DU TERRITOIRE					 */
/* __________________________________________________________________  */
/* ULTERIEUREMENT : VOIR POUR POSITIONNEMENT DEUXIEME LIGNE DE TITRE SI TITRE SUR DEUX LIGNES */
/*
ATTENTION, les styles des dépliages inactif, actif et over sont définis dans les styles a et a:hover
h3.depliage span, h4.depliage span {}
h3.depliage span.layer-actif, h4.depliage span.layer-actif {}
h3.depliage span:hover, h4.depliage span:hover {}
*/

.googlemap_menu_nav {margin: 15px 0 0 0;}

.googlemap_menu_nav .item {
	width: 49.5%;/* Régler la largeur des colonnes - Commenter pour supprimer le double colonnage */
	margin: 0 1% 6px 0;
	float: left; /* Commenter pour supprimer le double colonnage */
}

.googlemap_menu_nav .item.margin0 { margin: 0 0 6px 0; }

h3.depliage_jquery.carto, h4.depliage_jquery.carto { /* Titre servant à  deplier */
	padding: 2px 0;
	margin: 0;
	font-size: 0.9em;
	width: auto;
	background: none;
}


h3.depliage_jquery.carto .ui-icon, h4.depliage_jquery.carto .ui-icon {
    margin: 0 13px 0 0;
    position: inherit;
}

h3.depliage_jquery.carto img, h4.depliage_jquery.carto img { /* Image de depliage */
	margin: 0 2px 0 0;
}

h3.depliage_jquery.carto span.habillage, h4.depliage_jquery.carto span.habillage { /* Etat au repos du lien => NE PAS DEFINIR LA COULEUR -> définie dans le style a */
	margin: 0 0 0 5px;
	padding: 0;
	font-weight: normal;
	width: 152px;
	color: #000;
}

h3.depliage_jquery.carto span, h4.depliage_jquery.carto span,
h3.depliage_jquery.carto img, h4.depliage_jquery.carto img,
h3.depliage_jquery.carto input, h4.depliage_jquery.carto input {
	margin: 0 5px 0 0;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}

.googlemap_menu_nav .item .contenu_depliage.carto  {
	width: 200px;/* Régler la largeur des colonnes - Commenter pour supprimer le double colonnage */
	margin: 0 0 10px 93px !important;
	padding: 0 !important;
}

.contenu_depliage.carto {
	margin: 0 0 10px 0 !important;
	/*background: none;*/
	font-size: 0.8em;
	top: 0;
	padding: 0 !important;
}

.googlemap_menu_nav .contenu_depliage.carto ul {
	margin: 0 0 10px 64px !important;
	max-height: 250px;
}


.googlemap_menu_nav .contenu_depliage.carto ul li {
	margin: 0;
}

/*				 			LISTE CATEGORIE ANNUAIRE SUR 2 COLONNES						*/
/* __________________________________________________________________  */
.liste_2col, .liste_elus_nom_par_fonction_2col {
	overflow: hidden;
}

.liste_mot_2col li, .liste_2col li, .liste_elus_nom_par_fonction_2col li {
	float: left;
	width: 49%;
}
.liste_2col li { display: inline; margin: 0;width: 46%;}
ul.liste_2col.president li { display: inline; margin: 0;width: 100%; font-weight: bold;}

/*				 					ZOOM SUR VIGNETTE FICHE ANNUAIRE									*/
/* __________________________________________________________________  */
#previsu {
  background:none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #FFFFFF;
  display:none;
  margin:0;
  padding:3px;
  position:absolute;
  z-index: 200;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~ MARCHE PUBLIC POUR LISTE_AVIS_COMPLET */
.liste_avis li {
  margin: 0 0 15px 0;

}
.liste_avis li strong {
  color: #000;

}


/*				 SQUELETTE LISTE_TITRE_DOSSIER / ENCARD DANS LE CONTENU				*/
/* __________________________________________________________________  */
.encart {
	border: 2px solid #f9f9f9;
	clear: both;
	position: relative;
	margin: 20px 0 0 0;
	padding: 0 0 9px 0;
	z-index: 100;
}

/*				 SQUELETTE ENCART_DOSSIERS														*/
/* __________________________________________________________________  */
.encartdossiers {}/* Encart des dossiers, à  styler si utilisé */
.encartdossiers h2 {}/* Titre, à  styler si utilisé */
.encartdossiers ul {}/* Liste, à  styler si utilisé */

/*				 SQUELETTE ENCART_INFO_CONTACT														*/
/* __________________________________________________________________  */
.encartinfocontact {}/* Encart info_contact, à  styler si utilisé */
.encartinfocontact h2 {}/* Titre, à  styler si utilisé */

/*				 SQUELETTE ENCART_ACTUALITE_THEMATIQUE														*/
/* __________________________________________________________________  */
.actus_thematiques {}/* Encart actus thematiques, à  styler si utilisé */
.actus_thematiques .date_actu_thema {}/* Encart info_contact, date, à  styler si utilisé */
.actus_thematiques h3 {}/* Titre, à  styler si utilisé */
.actus_thematiques .texte_actu_thema {}/* Encart info_contact, texte, à  styler si utilisé */


/* 								ELUS																									*/
/* __________________________________________________________________  */

.liste_elus_detail_par_fonction {
	padding: 10px 0 0 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~ Block élu détail*/

.block_elu_detail { /* Block un elu */
	padding: 0 0 20px 0;
}

.block_elu_detail .photo_elu { /* Photo de l'elu */
	float: left;
	display: inline;
	width: 140px; /* Régler la taille en fonction du masque ou de la taille de la photo */
	height: 162px; /* Régler la taille en fonction du masque ou de la taille de la photo */
}

.info_elu { /* Informations sur l'elu */
	float: left;
	display: inline;
	width: 330px;
	margin: 0;
}

.block_elu_detail h3, .block_elu_detail h4 { /* Nom de l'élu */
	font-size: 1.1em;
	color: #007799;
	margin: 0 0 24px 0;
	background: url(squelettes/images/picto_h3.gif) no-repeat 0 0.3em;
	padding: 0 0 0 14px; /* Prérégler le déclage de la seconde ligne et suivante qd picto */
}

.liste_elus_trombi_par_fonction .retourligne{
}

.liste_elus_trombi_par_fonction li{
	display: inline-block;
}

.liste_elus_trombi_par_fonction li:first-child{
	display: block;
}

.info_elu .fonction_elu { /* Fonction sur l'élu */
}
.info_elu .texte_elu { /* Autres infos sur l'élu */
}

#colonne_contenu .info_elu p { /* Paragraphe Informations sur l'élu */
	margin: 0;
	line-height: 1.2em;
}

/* Lien "Consulter la fiche" - Idem "Lire la suite" des listes d'article mais personalisable */
.info_elu .savoirplus a:link, .info_elu .savoirplus a:visited {}
.info_elu .savoirplus a:link:hover, .info_elu .savoirplus a:visited:hover, .info_elu .savoirplus a:active, .info_elu .savoirplus a:focus {}


/* ~~~~~~~~~~~~~~~~~~~~~~~ Block élu trombi*/
/* HACK POUR IE => VOIR FEUILLE DE STYLE spip_ie_template.css */

ul.liste_elus_trombi_par_fonction, ul.liste_elus_trombi_par_nom {
	clear: both;
	margin: 30px 0 0 0;
}

.block_elu_trombi { /* General */
}

.fiche_entete {  /* La fiche en tàªte */
	margin: 0 0 2em 0;
	text-align: center;
}
.fiche_entete .photo_elu {  /* Alignement de la photo de la fiche entete */
	width: 100px;
	margin: 0 auto;/* HACK POUR IE => VOIR FEUILLE DE STYLE spip_ie_template.css */
}

.fiche_trombi {  /* Les blocks élu */
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 165px;
	margin: 0 51px 2em 43px;
	min-height: 150px;/* HACK POUR IE6 => VOIR FEUILLE DE STYLE spip_ie_template.css */
}
.margin0 .fiche_trombi { margin-right: 0; width: 160px}

.fiche_trombi .photo_elu {  /* Alignement de la photo de la fiche entete */
	width: 100px;
	margin: 0 0 0 34px;/* HACK POUR IE => VOIR FEUILLE DE STYLE spip_ie_template.css */
}

.block_elu_trombi h3, .block_elu_trombi h4 { /* Style sur le nom */
	font-size: 1em;
	color: #696969;
	clear: both;
	text-transform: uppercase;
	margin-top: 5px;
}

.block_elu_trombi .fonction_elu { /* Fonction sur l'élu */
	font-weight: bold;
}
.block_elu_trombi .texte_elu { /* Autres infos sur l'élu */
}

/* Lien "Consulter la fiche" - Idem "Lire la suite" des listes d'article mais personalisable */
.block_elu_trombi .savoirplus a:link, .block_elu_trombi .savoirplus a:visited {}
.block_elu_trombi .savoirplus a:link:hover, .block_elu_trombi .savoirplus a:visited:hover, .block_elu_trombi .savoirplus a:active, .block_elu_trombi .savoirplus a:focus {}

/* ~~~~~~~~~~~~~~~~~~~~~~~ Liste_elu_par_commission*/

.liste_elus_par_commission li {
	clear: both;
}
.liste_elus_par_commission li td strong {
	/*color: #707D65;*/
}

.art_253{
	margin-bottom: 120px;
}

.art_256, .art_257, .art_258{
	margin-bottom: 120px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~ liste_elu_nom_toutes_communes_par_fonction*/

ul.liste_elus_nom_toute_communes_par_fonction { /* Boite pour une commune */
	overflow: hidden;
}
ul.liste_elus_nom_toute_communes_par_fonction li.block_commune { /* Boite pour une commune */
	float: left;
	display: inline; /* Correction du bug ie sur les flottants */
	width: 150px;
	min-height:85px;/* HACK POUR IE6 => VOIR FEUILLE DE STYLE spip_ie_template.css */
	word-wrap: break-word; /* Si le texte sort du cadre il y a un retour à  la ligne automatique */
	margin: 5px 5px 0 1px;
	padding: 0 5px 5px 5px;
	background: #E9ECF1;
	border: 1px solid #BAC2D5;
}

ul.liste_elus_nom_toute_communes_par_fonction ul.liste {/* Liste des élus */
	margin: 0;
}

ul.liste_elus_nom_toute_communes_par_fonction ul.liste li {
	font-size: 0.9em;
	text-align: left;
	margin: 0 5px 0 0;
}

ul.liste_elus_nom_toute_communes_par_fonction h3.spip {/* La zone réduite peut demander un surtraitement pour le titre (si picto ou filet...) */
	margin: 5px 0 7px 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~ MODELE AFFICHE_COMMISSION*/

/*
Présentation des élus sur une ligne (genre)
*/
.affiche_commissions li p.spip { /* Descriptif de la commission (texte descriptif du mot clé commission) */
	clear: both;
	margin: 0 0 20px 0 !important;
}
.affiche_commissions li h5 { /* On définit des marges et padding différents pour les titres dans les dépliages */
	margin: 0.8em 0 0.5em 0 !important;
	padding: 0;
	font-weight: bold;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~ MODELE LISTE_ELUS_NOM_PAR_FONCTION_2COL*/
.liste_elus_nom_par_fonction_2col li {
/*	Pour mettre les élus sur 2 colonnes décommenter
	float: left;
	width: 50%;
*/
}

 /*--------------------
 * CARTE DES COMMUNAUTES DE COMMUNE
 * ------------------*/
.cc_boite_info {z-index: 99; top: 0; left:0; width: 460px; border: 1px solid #cecece; background: #fff;  padding: 5px;}
.cc_boite_info .liste_elu_cc { font-size: 0.80em;}
.cc_boite_info .nom_commune { color: #007fc3; clear: both; margin-top: 10px; }
.cc_boite_info li strong {display: block; width: 49%; margin-right: 1%;float: left; } /* nom de l'élu */
.liste_commune { overflow: hidden;}
.cc_boite_info .liste_commune li.commune {float: left; width: 50%;}
.cc_boite_info .liste_commune li h4 {font-size: 0.88em;}
.cc_boite_info .liste_commune li .liste_elu_cc li {width: 100%;}

/* Liste des communes */
.liste_communes { margin-bottom: 1.5em; }

/* Réglages particuliers : sur 4 colonnes */
#cc41 { }
#cc42 { }

#cc41.cc_boite_info .liste_commune li.commune {}
#cc42.cc_boite_info .liste_commune li.commune {}

.liste_elu_cc li {width: 100%;}

/* 												AGENDA															 */
/* __________________________________________________________________  */

/* ~~~~~~~~~~~~~~~~~~~~~~~ LISTE_AGENDA*/
ul.listemois { /* Liste des mois */
	list-style-type: none;
	width: 30%;
	float: left;
	margin: 0 2% 0 0;
}

ul.listemois li { /* Mois de la liste */
	word-wrap: break-word; /* Si le texte sort du cadre il y a un retour à  la ligne automatique */
}

.liste_agenda .themearticle, .liste_agenda .dateevmnt, .liste_agenda .extraarticle { /* On redéfinit les tailles et margin des dates et infos */
	margin: 0;
	padding: 0;
	font-size: 1em;
}
.liste_agenda h4 { /* On redéfinit les tailles et margin des titres */
	margin: 0;
	padding: 0;
	font-size: 1em;
}
.liste_agenda .dateevmnt { /* On redéfinit les tailles et margin des dates */
	font-size: 1em;
}
.liste_agenda .themearticle { /* Mise en forme de la thématique - Màªme couleur que .dateevmnt ? */
}

.liste_agenda .extraarticle { /* Mis en forme de l heure et du lieu  - Màªme couleur que .dateevmnt ? */
}

/* Largeur des colonnes du tableau sur le liste agenda */
.largeur1 {width: 20%; vertical-align: top;} /* Régler la largeur de la colonne */
.largeur2 {width: 25%; vertical-align: top;} /* Régler la largeur de la colonne */
.largeur3 {width: 40%; vertical-align: top;} /* Régler la largeur de la colonne */
.largeur4 {width: 15%;} /* Régler la largeur de la colonne */


/* ~~~~~~~~~~~~~~~~~~~~~~~ LISTE_EVENEMENT_DEPLIAGE*/
.liste_evmnt_depliage .extraarticle {
	clear: both;
}

/* 			SQUELETTE LISTE_CHOIX_MOT 												*/
/* __________________________________________________________________  */
/*
Liste déroulante de mots clés
*/

#liste_choix_mot { /* listes deroulantes en haut à  droite */
	margin: 30px 0 15px 0;
	clear: both;
	text-align: right;
}

.liste_deroulante { /* Liste deroulante */
	padding: 0;
}

#liste_choix_mot option.titrelistemot {	/* mise en valeur du titre*/
	font-weight: bold;
	font-style: italic;
}

/* 												AFFICHE AAPC 													*/
/* __________________________________________________________________  */
.marge_contrat {
	/*margin: 30px 0 10px 0;*/
}


/* 														FORMULAIRES											 */
/* __________________________________________________________________  */

/* 							SQUELETTE FORM_CONTACT, FORM_DEMANDE_BAC					 */
/* __________________________________________________________________  */

form, div.reponse_sondage form { /* Le formulaire */
	width: 100%;
	background: transparent;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~ Lignes et champs de saisie*/

form input, .formulaire_forum form input, form select, form textarea { /* Réglage des couleurs de bordure et de la largeur des champs de saisie */
	border: 1px solid #e3e3e3;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif; /* copier cette ligne sur le input recherche de spip_home.css (page d'accueil) */
	padding: 0.5em;
}

.formulaire_newsletter input[type=image] { /* Bouton ok du formulaire d'abonnement à la newsletter */
	width: auto;
	vertical-align: middle;
	border: none;
}

form input#montant1, form input#montant2  { /* Pour formulaire tipi */
	width: 45%;
}

form textarea {
	font-size: 0.9em;
}

form input:focus, form textarea:focus, form select:focus, .spip_forms .forml:focus, .spip_forms .fondl:focus { /* Changement de la couleur de fond des champs de saisie au focus, pas reconnu par IE */
	background: #e3e3e3;
}

.formulaire_inscription fieldset, form fieldset, div.spip_forms form fieldset { /* Cadre d'info */
	margin: 0 0 10px 0;/* HACK POUR IE => VOIR FEUILLE DE STYLE spip_ie_template.css */
	padding: 15px 20px;
	background: #f7f7f7;
	border: 1px solid #e3e3e3;
}

div.spip_forms form fieldset.margintop10 { margin-top: 10px;} /* POUR FORMULAIRE MARCHE PUBLIC */

.formulaire_inscription legend, form legend { /* Legende cadre */
	color: #439ab3;
	font-weight: bold;
	/* HACK POUR IE => VOIR FEUILLE DE STYLE spip_ie_template.css */
}

form input.radio, form input.checkbox {width: auto;border: none;min-height: 1px;} /* Champ radio et checkbox - Annule largeur et bordure */

form option {
	color: #54595C;
}

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

.contact1 {
	width: 43%;
	text-align: right;
	padding: 1% 2% 0 0;
}

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

form ul.contact2 { /* Liste de choix avec texte long => on met sur une ligne entiêre */
	clear: both;
	width: auto;
}
form ul.contact2 li { /* Liste de choix avec texte long => on met sur une ligne entiêre */
	margin: 0 0 0 30px;
	clear: both;
}
.reponse_formulaire { /* Message de reponse du formulaire de candidature */
	color: #FF3300;
	font-size: 1em;
}
.nbplaces {
	width: 30px;
}

/* Largeur de l'input sur formulaire de recherche dans les annuaires */
#recherche_annuaire {
	width: 166px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~ Boutons*/
.spip_boutoncss, .spip_bouton, .boutons input { /* Bouton de validation */
	font-size: 1em;
	color:#FFFFFF!important;
	display: inline-block;
	width: auto;
	cursor:pointer;
	text-align:center;
	margin: 15px 0 0 0;
	padding: 1px;


}

.spip_boutoncss.reset { /* Bouton d'annulation */
	background: #d95c10;
	border: 1px solid #d95c10;
	margin: 10px 0 10px 0;
	vertical-align: middle;
	padding: 0.5em;
}
.spip_boutoncss.reset:hover, .spip_boutoncss.reset:focus, .spip_boutoncss.reset:active { /* Bouton d'annulation hover */
	background: #B54B0E;
	border: 1px solid #d95c10;
	text-decoration: underline;
	padding: 0.5em;
}
.spip_boutoncss.submit, .boutons input.submit { /* Bouton de validation */
	background: #C20012;
	border: 1px solid #C20012;
	margin: 10px 0 10px 0;
	vertical-align: middle;
	padding: 0.5em;
}
.spip_boutoncss.submit:hover, .spip_boutoncss.submit:focus, .spip_boutoncss.submit:active, .boutons input.submit:hover, .boutons input.submit:focus, .boutons input.submit:active { /* Bouton de validation hover */
	background: #C20012;
	border: 1px solid #C20012;
	text-decoration: underline;
}



/* Forums */
.formulaire_spip input.spip_boutoncss {width: auto;}
.formulaire_spip textarea {width: 95%; margin: 0 2%;}

/* Formulaires de login */
#login, #oubli_form {width:100%;}
#login input , #login_admin input {width: auto;}
#login div, #inscription div,  #login_admin div, #oubli_form div {text-align: left;margin: 5px 0 0 0;}
#login p, #inscription p,  #login_admin p, #oubli_form p {margin: 0;}

/* Message de confirmation d'envoi de formulaire */
.reponse, .spip_form_ok, .formulaire_ok {
    background: none repeat scroll 0 0 #262626;
    display: block;
    font-weight: bold;
    margin: 1em 0;
    padding: 0.6em;
    background: #F1F1F1;
}

/* Message d'erreur d'envoi de formulaire */
span.erreur, .obligatoire_oublie, .erreur_message {
  color: red;
}

.champ_obli_oubli {
    border:2px solid red;
	width:auto;
}

/* Couleur de fond des champs obligatoire */
.spip_forms .forml, .spip_forms .fondl {
    /*color: #EDEBAF;*/
}

/* Picto de l'aide */
.formInfo a, .formInfo a:active, .formInfo a:visited{
	background-color: #f66;
	font-size: 1.3em;
	font-weight:bold;
	padding:1px 2px;
	margin-left:2px;
  margin-right: -15px;
	color:#FFFFFF;
	text-decoration: none;
	float: right;
}

.formInfo a:hover{

}
/* Picto de l'aide => survol */

#JT_arrow_left{
	background-image: url('plugins/auto/forms/v0.5.6/img_pack/arrow_left.gif');
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url('plugins/auto/forms/v0.5.6/img_pack/arrow_right.gif');
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}
#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
font-size: 0.8em;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}

/* POSITION DU DATE PICKER */
a.date-picker {
    margin: -3px 0 0 0;
}

/*                     THICKBOX */
/* __________________________________________________________________  */
/* 			REGLER LES STYLES DANS PLIGIN/THICKBOX/TICKBOX.CSS 						*/



/* 														VIDEO																	 */
/* __________________________________________________________________  */

/* Rubrique */
.liste-videos  { overflow: hidden;}
.liste-videos li {width: 48%; float: left; margin-right: 1%;}
/* Article */
.video {}


/* 				SQUELETTE CARTE_AFFICHE_CARTE, CARTE_AFFICHE_SITE					 */
/* __________________________________________________________________  */
/*
Il est maintenant possible d'appeller differents affiches site selon les besoin, on doit donc pouvoir positionner differement les encart affiche_site selon l'appel. Pour ca, créer autant de style que nécessaire, en remplacant par le nom de lencart appellée (celui qui est dans l'appel du carte_affiche_carte)

Regler :
	mise en forme commune
	Position et taille individuels
*/

.infos { /* Mis en forme div infos */
	left: 484px; /* Positionner l'encart */
	top: 100px; /* Positionner l'encart */ /* Positionner en em si du texte passe par dessus quand on aggrandi les caractêres (on simule mais à§a reste limité...) */
	width: 181px; /* Largeur */
	min-height: 370px; /* Hauteur *//* HACK POUR IE6 => VOIR FEUILLE DE STYLE spip_ie_template.css */
	z-index: 99;
	text-align: left;
	background: #FFFFFF;
	border: 1px solid #F9F0E9;
	padding: 5px;
	overflow: auto;
}

.infos h3.spip { /* styler comme le h2 */
	width: 155px;
	color: #6F6F6F;
	font-size: 1.3em;
	clear: none;
}

.infos h4 {} /* styler si besoin, comme le h3.spip */

.infos .chapo { /* Alignement du chapo */
	text-align: left;
	margin: 2px 0 2px 0;
	line-height: 20px;
}

.infos .extraarticle { /* Présentation des extras */
	/* margin: 0; */
}

.infos .spip { /* Réglage du class spip */
	margin: 0;
}
.fermeture { /* Bouton fermeture */
	width: 1em;
	height: 1em;
	line-height: 1em;
	float: right;
	display: inline;
	background: #FF0000;
	margin: 5px 2px 2px 0;
	padding: 0 0 2px 1px;
	text-align: center;

	/* Coins arrondis en css - Non reconnu par ie... */
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;

    behavior: url("squelettes/js/PIE/PIE.htc");
}

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

.fermeture a:hover { /* Bouton fermeture lien */
	color: #FFFFFF;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~ Positionnement spécifiques des encarts 	*/

/* 	Encart ENTREPRISES 	*/
.infos.entreprise { /* Position et taille div infos dechetterie */
	left: 484px; /* Positionner l'encart */
	top: 100px; /* Positionner l'encart */ /* Positionner en em si du texte passe par dessus quand on aggrandi les caractêres (on simule mais à§a reste limité...) */
	width: 181px; /* Largeur */
	min-height: 450px; /* Hauteur *//* HACK POUR IE6 => VOIR FEUILLE DE STYLE spip_ie_template.css */
}

/* 	Encart COMMUNES 	*/
.infos.commune { /* Position et taille div infos dechetterie */
	left: 484px; /* Positionner l'encart */
	top: 100px; /* Positionner l'encart */ /* Positionner en em si du texte passe par dessus quand on aggrandi les caractêres (on simule mais à§a reste limité...) */
	width: 181px; /* Largeur */
	min-height: 450px; /* Hauteur *//* HACK POUR IE6 => VOIR FEUILLE DE STYLE spip_ie_template.css */
}

/* 	Encart DECHETTERIE 	*/
.infos.dechetterie { /* Position et taille div infos dechetterie */
	left: 484px; /* Positionner l'encart */
	top: 6em; /* Positionner l'encart */ /* Positionner en em si du texte passe par dessus quand on aggrandi les caractêres (on simule mais à§a reste limité...) */
	width: 181px; /* Largeur */
	min-height: 450px; /* Hauteur *//* HACK POUR IE6 => VOIR FEUILLE DE STYLE spip_ie_template.css */
}

/* Tableau d'ouverture des déchetterries */
table.dechetterie {
	width: auto;
	text-align: center;
}
table.dechetterie caption {} /* Permet si besoin de masquer le texte de la balise caption */
.ouvert {background: #a2c7a3;color: #a2c7a3;width: 33%;} /* Jours d'ouverture  */
.ferme {	background: #be9761;color: #be9761;	width: 33%;} /* Jours de fermeture  */

/* 														PLAN 														*/
/* __________________________________________________________________  */

/* ~~~~~~~~~~~~~~~~~~~~~~~Couleur des titres h3/h4/h5/h6 => reste des infos définies en tàªte de cette feuille de styles */

h3.plan a {
	color: #004595;
}

h4.plan a {
	color: #AAAA45;
}

h5.plan a {
	color: #CDCDCD;
}

h6.plan a {
	color: #141512;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~ Niveau 1 */

.plan1 { /* Ecart Block niveau 1 */
	margin:  20px 0 10px 20px;
}

.plan1 li { /* Item list block (Tous) */
	display: inline;
}

.plan1 li a { /* Ecart Item list block niveau 1 (hérité par les autres niveaux)  */
	display: block;
	margin:  0 0 2px 0;
	padding: 0 0 0 15px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~ Niveau 2 */

.plan2 { /* Ecart Block niveau 2 */
	margin: 0 0 0 40px;
}

.plan2 li a { /* Ecart Item list block niveau 2 */
	margin:  0 0 2px 0;
	padding: 0 0 0 15px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~ Niveau 3 */

.plan3 { /* Ecart Block niveau 3 */
	margin: 0 0 0 40px;
}

.plan3 li a { /* Ecart Item list block niveau 3 */
	margin:  0 0 2px 0;
	padding: 0 0 0 15px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~ Liste Niveau final */

.liste.plan { /* liste Plan final */
	margin: 0 0 20px 40px;
}

.liste.plan li a { /* taille liste Plan final */
	font-size:0.8em;
}

/*										 BOUTON RETOUR & HAUT DE PAGE									 */
/* __________________________________________________________________  */
.retour { /* Bouton retour en texte ou block retour*/
	text-align: right;
	font-size: 1em;
	padding: 25px 0 10px 0;
	clear: both;
}

.retour img { /* Bouton retour image */
	vertical-align: middle;
}

.retour a {float: left;} /* Bouton retour lien */
.retour a:hover, .retour a:focus, .retour a:active {} /* Bouton retour lien hover */

/* 							SURVOL SUR LES BLOCS													 */
/* __________________________________________________________________  */
.survol {
	cursor: pointer;
	background: #e3e8ef; /* #ced3da */
	/*Fading*/
	-webkit-transition: all .4s ease-out;
	-moz-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;

	/* Border-Radius */
	-webkit-border-radius: 11px 11px 11px 0px;
	-moz-border-radius: 11px 11px 11px 0px;
	border-radius: 11px 11px 11px 0px;

	behavior: url("squelettes/js/PIE/PIE.htc");
}

.survol a {
	text-decoration: none;
}

.survol img {
	opacity: 0.75;
}

/* 							DIVERS																					 */
/* __________________________________________________________________  */

/* __________________________________________________________________  */
/* Principe : le nom de la classe correpond à  l'action voulu => une propiété/valeur par classe !! */
.align_right {text-align: right;} /* Aligner a droite */
.align_left {text-align: left;} /* Aligner a gauche */
.centrer, .center {text-align: center;} /* Centrer */

.float_left {float: left;} /* Flottant gauche */
.float_right {float: right;} /* Flottant droit */
.float_none {float: none;} /* Pas de flottant */

.sanspadding {padding: 0;} /* Pas de padding */
.annulewidth {width: auto;} /* Annule la largeur */

.display_none {display: none;} /* Masquer un élément */

.play_liste {margin-left : -67px;padding-top:35px;} /* Pour lecteur multimédia playliste doc_player_playliste */

/* __________________________________________________________________  */



/* pour "pousser" si presence de float */
.clear {
	clear: both;
	line-height: 0;
	font-size: 1px;
}

/* Debug carto google (bug du texte vertical sur ie) */
.gmnoprint {
    width: auto !important;
}



/* 												FORUM																*/
/* __________________________________________________________________  */
/* REPRENDRE TOUS LE STYLAGE DES FORUM SUR LA BASE DU DEPLIAGE CLASSIQUE => on DOIT FACILEMENT POUVOIR D2FINIR DES STYLE SPECIFICAUQE POUR LE DEPLIAGE FORUM
/* METTRE EN PLACE DES TITRE AVEC NIVEAU H3/H4/H5 avec niveau d'entrée en paramêtre */

/* CSS Document */

/* SUPPRIMER SI LES FORUMS NE SONT PAS UTILISES */
/* __________________________________________________________________  */

/* ~~~~~~~~~~~~~~~~~~~~~~~ MASQUAGE BARRE TYPO DANS LES FORUM */
table.spip_barre { display: none; }

/* ~~~~~~~~~~~~~~~~~~~~~~~ FIL DE FORUM */

.sujet_forum { /* Sujet principal (premier niveau) */
	margin: 0 0 10px 0;
}

.item_forum { /* Indentation des niveaux de message */
	margin: 0 0 10px 0;
	padding: 0;
}

.item_forum.bg { background: #CCCCCC;}

.ssniveau { /* Indentation des niveaux de message */
	margin: 0 0 0 20px;
}

.depliageforum { /* Tous les titres servant à  deplier */
	font-size: 1em;
	font-weight: bold;
	padding: 0;
	margin: 0;
	clear: both;
	color: #669600;
	width: 100%;
}

/* Pour définir un roll over sur tout le block, style persistant quand actif */
/* Ajouter un <span class="clear"></span> dans le titre pour "pousser" le block */
	/*
	.depliageforum:hover, .depliageforum.actif {}
	.depliageforum span.clear, .depliageforum:hover span.clear {display: block;float: none;}
	*/

.depliageforum img { /* Image de depliage */
	float: left; /* NE PAS EFFACERCETTE LIGNE (empeche le retour à  la ligne du texte sous l'image en cas de titre long) */
	display: inline; /* NE PAS EFFACERCETTE LIGNE (empeche le retour à  la ligne du texte sous l'image en cas de titre long) */
	width: 15px; /* NE PAS EFFACERCETTE LIGNE (empeche le retour à  la ligne du texte sous l'image en cas de titre long) */
	margin: 0 5px 0 0;
	cursor: pointer;
	vertical-align: middle;
}

.depliageforum span { /* Etat au repos du lien => NE PAS DEFINIR LA COULEUR -> définie dans le style a */
	margin: 0 0 2px 0;
	padding: 0;
	cursor: pointer;
	display: inline; /* NE PAS EFFACERCETTE LIGNE (empeche le retour à  la ligne du texte sous l'image en cas de titre long) */
	width: 80%; /* NE PAS EFFACERCETTE LIGNE (empeche le retour à  la ligne du texte sous l'image en cas de titre long) */
	float: left; /* NE PAS EFFACERCETTE LIGNE (empeche le retour à  la ligne du texte sous l'image en cas de titre long) */
}

.dateforum {
	clear: both;
	margin: 0 0 0 20px;
	font-size: 0.9em;
}


.layerdeplieforum {
	margin: 0 0 0 20px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~ Conditions generales d'utilisation du forum présent dans le formulaire d'inscription*/
.cgu {
	height: 100px;
	overflow-y: scroll;
	padding: 2px 10px 0 0;
}

/* SUPPRIMER SI LES FORMUMS NE SONT PAS UTILISES */
/* __________________________________________________________________  */