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

/* 								COULEUR SELECTION POUR FIREFOX 									*/
/* __________________________________________________________________  */
::-moz-selection {
	color: white;
	background: #316AC5;
}

/* HR  */
/* __________________________________________________________________  */
div.hr {
     height: 2px;
     margin: 0 0 0 0;
     /* background: url(images/hr_colonne_droite_blanc.gif) no-repeat left; */
}
div.hr hr {
     display: none;
} 

/* 														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 */

/* 										TAILLE DES POLICES													 */
/* __________________________________________________________________  */
#colonne_contenu {font-size: 0.9em;}/* 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 { /* Liens par defaut + liens de dépliage */
	color: #ca4300;
	text-decoration: underline;
}

a:link:hover, a:visited:hover, a:focus, a:active, .pagination span.on{ /* Liens par defaut over + liens de dépliage over et actif*/
	text-decoration: none;
	color: #772700;
}

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

a.spip_out:link {/* Liens externes */
	color: #be8f00;
}

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

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


a[name] {
	visibility:hidden;
}
a.spip_note[name] {
visibility:visible;
}

/* 											FIL D'ARIANE															 */
/* __________________________________________________________________  */
#chemin { /* Chemin general */
	color:#a9a9a9;
	font-size:0.92em;
	font-style:italic;
	margin:10px 0 0;
}

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

#chemin a:hover, #chemin a:focus, #chemin a:active { /* Chemin lien over */
	text-decoration: underline;
	color: #a9a9a9;
}

#chemin strong { /* Chemin actif */
	font-weight:normal;
	color: #616161;
}


/* 													TITRES 															*/
/* __________________________________________________________________  */

h2 { /* Titre article / rubrique */
	/* background: url(images/picto_h2.png) no-repeat 0 0; */
	padding: 10px 0 10px 0; /* Prérégler le déclage de la seconde ligne et suivante qd picto */
	color: #3a0029;
	font-size: 1.3em;
}
#colonne_contenu h2 {
	background:url("images/bg_h2_int.png") no-repeat scroll left top transparent;
	color: #0087A7;
	float:left;
	font-size: 1.9em;
	font-style:italic;
	font-weight:normal;
	margin: -21px 0 0 -99px;
	min-height: 32px;
	padding: 10px 0 0 127px;
	width: 461px;
}
#colonne_contenu h2 span {display:block; width:390px;} /* Hack pour ne pas chevaucher le bouton imprimer */

h3.spip { /* intertitre */
	background:url("images/bg_h3_int.png") no-repeat scroll 0 bottom transparent;
	/* clear:both; */
	color:#0087A7;
	font-size:1.60em;
	font-style:italic;
	font-weight: normal;
	margin:12px 0 0.9em;
	padding: 3px 0 7px 29px;
	text-align:left;
	line-height:1em;
}

h4 { /* intertitre niveau 2*/
	color:#729E31;
	font-size:1.1em;
	font-style:italic;
	margin:1.5em 0 0.9em;
	padding:3px 0 0;
	text-align:left;
	
}

h5 { font-size: 0.75em; font-weight: normal;}
h6 { font-size: 0.75em; font-weight: normal;}

/* 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 */
	color:#0087a7;
	font-size: 0.95em;
	font-weight:normal;
	margin:0px 13px 25px 83px;
	font-weight: bold;
	clear: both;}

.datearticle, .cheminliste, .themearticle, .extraarticle, .nbresult, .dateforum  { /* 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:#a9a9a9;
	font-size: 0.95em;
	font-weight:normal;
	font-style: italic;
	margin:0px 13px 25px 83px;
	
}

.datearticle { /* style des dates*/
	margin: 0 13px 25px 83px; /* Cette valeur doit être égale au margin bottom du dateevmnt - NE PAS EFFACER */
	clear: both;
}

.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)
*/

.chapo { /* chapos */
	color: #606060;
	font-weight: bold;
	margin: 0 0 0 0; /* Ne pas mettre de margin haut */
	padding: 0 0 5px 0;
	text-align:justify;
	clear: both;
	font-size:1.1em;
}
.avertissement {clear: both;}
 .spip { /* texte */
	text-align:justify;
	margin: 0 0 10px 0;
}

.spip_note { /* note de bas de page */
	margin: 20px 0 10px 0;
	font-size: 0.9em;
}

.spip_surligne { /* Recherche : Couleur de surlignage */
	color: #fff;
	background: #71A303;
}


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

ul.spip {
	list-style-image: url(images/liste_niv1.gif);
	padding: 0;
	margin: 0 0 0 20px;
}

ul.spip li {
	margin: 0;
	padding: 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~ LISTE SECOND NIVEAU */

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

ul.spip ul.spip li {
	font-weight: normal;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~ LISTE NUMEROTEE */

ol.spip {
	list-style-position: outside;
	margin: 0 0 0 22px;
	padding: 0;
}
ol.spip li {
	padding: 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 #999A9D;
}
.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   */

.spip_documents {  /* Block du document => styler le block et les éléments de texte (titre / descritif) */
	display: block;
	clear: both;
	padding: 5px;
	margin:0 0 10px 10px;
}

.spip_doc_titre, .spip_doc_descriptif  { /* Espacement titre / descriptif */ 
	text-align: center;
	font-size: 0.95em;
	font-weight: normal;
	color: #616161;
	font-style:italic;
	padding: 1px 0 0 0;
	background: #f0f0f0;
}

.spip_doc_titre strong {font-weight: normal;}

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

.spip_documents_left {margin: 0 14px 0 0;} /* Correction du bug d'aligement image insérée */ 
.spip_documents_right {margin:0 0 0 14px;}
.spip_documents_center {text-align: center;}

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

div.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:20px 0px 30px 80px;
	background: url(images/picto_pdf.png) no-repeat 0em 0.3em; 
	/*
	padding: 0 0 0 5px;
	background: url(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%;
	
}
table.spip tr.row_first { /* Premiere ligne */
	font-weight: bold;
	color: #FFFFFF;
	background: #7ead02;
}
table.spip tr.row_odd { /* Ligne paire */
	color: #616161;
	background: #FFFFFF; 
}

table.spip tr.row_even { /* Ligne impaire */
	color: #616161;
	background: #f0f0f0 ;
}

table.spip td, table.spip th { /* Cellule */
	padding: 2px 2px 2px 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;
}

/* 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) */

table.fondecran  { /* Le tableau contenant la photo */
	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 */
	border-collapse: collapse;
	width: 139px; /* Reporter cette valeur sur table.fondecran .spip_doc_titre et table.fondecran .spip_doc_descriptif  */
	margin:10px 0 15px 6px;
}
td.fondecranphoto { /* La cellule contenant la photo */
	min-height: 125px; /* HACK POUR IE6 => VOIR FEUILLE DE STYLE spip_ie_template.css */
	text-align: center;
	vertical-align: middle;
	padding: 0;
}

table.fondecran .spip_doc_titre, table.fondecran .spip_doc_descriptif { /* Titre et info sur la photo */
	width: 139px;  /* Centrage sous firefox */
	position: relative;  /* Centrage sous firefox */
	margin: 0 auto;  /* Centrage sous firefox */
	min-height: 20px; /* HACK POUR IE6 => VOIR FEUILLE DE STYLE spip_ie_template.css */
	background: none;
}

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

table.fondecran.phototheque { /* Le tableau contenant la photo */
	width: 150px;
	margin: 10px 5px 0 5px;
}
td.fondecran.photothequephoto { /* La cellule contenant la photo */
	height: 165px;
	padding: 10px 0 0 0;
 }
td.photothequephoto img { /* La cellule contenant la photo */
	margin: 0;
 }

table.fondecran.phototheque .spip_doc_titre, table.fondecran.phototheque .spip_doc_descriptif { /* Titre et info sur la photo */
	width: 150px;  /* Centrage sous firefox */
	position: relative;  /* Centrage sous firefox */
	margin: 0 auto;  /* Centrage sous firefox */
}

.fondecranphoto a img {float: left;}
.fondecranphoto .dessus { margin:-121px 0 0 11px;}

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

/* ~~~~~~~~~~~~~~~~~~~~~~~ Style block extra avec et sans logo */
.block_extras { /* Block extras */
	clear: both;
}
.block_extras .chapo {color: #D04402;}
.extras { /* Ensemble des extras */
	clear: both;
}

.extras.colonne_gauche_logo { /* Colonne de gauche avec logo à droite */
	width: 75%;
	float: left;
	margin: 0;
	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: #636363;
}

.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 */
.extras#ID_RUBRIQUE .alignextra {width: 30%;} /* Colonne 1 - Régler la dimension */
.extras#ID_RUBRIQUE .alignextra2 {width: 69%;} /* Colonne 2 - Régler la dimension */

/* ~~~~~~~~~~~~~~~~~~~~~~~ Spécificité de la carto google dans le block fiche résumé */
.affiche .layerdeplie {
	margin:0 25px 15px;
	border: 1px solid #D0D0D0;
	border-top: none;
	padding: 15px;
	width: 370px;
	clear: both;
	float: left;
}
.masque .layerdeplie { /* On utilise une autre méthode de masque pour éviter les bug d'affichage sur la carto */
	margin: -20000px 0 0 0;
	clear: none;
	float: left;
}


/* 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 { 
	color:#008BAC;
	float:left;
	margin: 11px 0 3px -38px;
	width: 365px;
}

.block_droite_full .titreliste { margin:0 0 3px;}
.titreliste .actu_bg_top {
background:url("images/bg_titre_actu_home_top.png") no-repeat scroll left top transparent;
padding-top:4px;
}


.titreliste .actu_bg_bottom {
	background:url("images/bg_titre_actu_home_bottom.png") no-repeat scroll left bottom transparent;
	padding:0 0 5px 40px;
	width: 325px;
	padding:0 20px 5px 40px;
	width:305px;
}

.titreliste span {
	display:block;
	width:365px; 
}
.block_document .datearticle, .block_article .datearticle, .block_site .datearticle { /* Date de publication dans les listes article et doc */
	color:#A9A9A9;
	font-style:italic;
	margin-bottom:6px;
	margin: 0 0 3px 0; 	/* doit être identique à la bvaleur 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 {
	margin: 0;
	clear: both;
	margin-bottom:16px;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~ SQUELETTE INC_VIGNETTE */
/*
Utilisé pour affichage d'une vignette avec ombrage généré par un masque, gère le décalage a régler sur le masque utilisé
Si pas d'ombrage, commenter la ligne ci dessous
*/
.block_article img {
	float: left;
}
.block_article img.dessus {
	margin:-120px 5px 0 11px;
}


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

.block_article { /* Partie haute du block de présentation d'un article */
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
	text-align: justify;	
	clear: both;
}

.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: 0.95em;
	margin: 0 0 3px 0;  /* doit être identique à la bvaleur 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;
}

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

.block_article .photo_block { /* Block de la vignette */
	display:inline;
	float:left;
	margin:-8px 5px 5px -9px;
	position:relative;
	width:136px;
	z-index:50;
	/* min-height: 56px; HACK POUR IE6 => VOIR FEUILLE DE STYLE spip_ie_template.css */
}

.block_article .block_droite { /* Block qui contient le texte de l'article */
	float: left;
	width:325px;
	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 */
}
.block_article .block_droite_full { /* Block qui contient le texte de l'article sur toute la largeur (pas de photo) */
	width: auto;
}
.block_article .savoirplus { /* Lien en savoir plus */
	margin: 0 0 0 0;
}

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

.block_document { /* Block document dans liste d articles */
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
	text-align:justify;	
	clear:both;
	position: relative;
}
.block_document h4 { font-style: normal}
.block_document .infodoc { /* info sur le document dans le block_doc */
	font-size: 0.95em;
	text-align: left;
	margin: 0 0 3px 0;
	font-weight: normal;
	clear: both;
}

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

.block_document .block_droite {
	float: left;
	width: 365px;
	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 */
	position: relative; z-index: 40;
}
.layerdeplie .block_document  .titreliste span {width:270px;}
.block_document .savoirplus {
	padding: 0 0 0 0;
}

.layerdeplie  .block_document .titreliste span.actu_bg_top {padding:0 ;}

.layerdeplie .block_droite { width: 280px;}
.layerdeplie .titreliste {float: left; margin-left: -40px; width: 320px;}
.layerdeplie .photo_block { margin: 0 10px 0 0; }
/* ~~~~~~~~~~~~~~~~~~~~~~~ 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 { /* Titres des documents  */
}

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

.document_col_texte h4 {margin: 0 0 0.9em}
/* 											 PAGINATION LISTE												 */
/* __________________________________________________________________  */
.pagination {
	text-align: right;
	color: #FFFFFF;
	margin:30px 10px 0 0;
	padding: 5px 0 5px 0;
	font-weight: bold;
	clear: both;
	font-size: 0.95em;
}
.pagination a {
	text-decoration: none;
	background: #008bac;
	padding: 3px 6px;
	color: #FFF;
}
.pagination span.on, .pagination a:hover, .pagination a:focus, .pagination a:active {
	background: #f2b100;
	padding: 3px 6px;
	color: #FFF;
}
.pagination span.on {
	background: #f2b100;
	padding: 3px 6px;
	color: #FFF;
	/*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 liste de lien (liste mot 2 col, liste titre, ...
*/
ul.liste li, ol.liste li {  /* le ol sert pour le plan */
	/* display: inline; */
}


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

.liste_mot_2col li {width: 50%; float: left;}

/* 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 {}
*/

.liste_fiche_depliage li, .liste_fiche_lettre_depliage li {  }
h3.depliage, h4.depliage { /* Titre servant à deplier */
	font-size: 1em;
	padding: 0;	
	margin:10px 0 0;
	clear: both;
	/*width: 486px;*/
}
h3.depliage span, h4.depliage span, h3.depliage.carto span, h4.depliage.carto span {color: #FFF}


h3.depliage img, h4.depliage 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: 34px; /* NE PAS EFFACERCETTE LIGNE (empeche le retour à la ligne du texte sous l'image en cas de titre long) */
	margin:0 13px 0 9px;
	cursor: pointer;
	vertical-align: middle;
}

h3.depliage span, h4.depliage span { /* Etat au repos du lien => NE PAS DEFINIR LA COULEUR -> définie dans le style a */
	margin: 0 0 2px 0;
	padding: 0;
	color: #FFF;
	cursor: pointer;
	display: inline; /* NE PAS EFFACERCETTE LIGNE (empeche le retour à la ligne du texte sous l'image en cas de titre long) */
	width:390px; /* 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) */
}
.depliage span.depliage_top, .depliage span.depliage_bottom {display: block; margin: 0; width: 450px;}
.depliage span.depliage_top { background: url(images/bg_depliage_top.png) left top no-repeat; height: 4px;}
.depliage span.depliage_bottom { background: url(images/bg_depliage_bottom.png) left bottom no-repeat;}

.depliage.actif span.depliage_top, .depliage:hover span.depliage_top { background: url(images/bg_depliage_top-actif.png) left top no-repeat; height: 4px;}
.depliage.actif span.depliage_bottom, .depliage:hover span.depliage_bottom { background: url(images/bg_depliage_bottom-actif.png) left bottom no-repeat;}

/* 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 */

	h3.depliage:hover, h4.depliage:hover, h3.depliage.actif, h4.depliage.actif {}
	h3.depliage span.clear, h4.depliage span.clear, h3.depliage:hover span.clear, h4.depliage:hover span.clear {display: block;float: none;}

h3.depliage span.layer-actif, h4.depliage span.layer-actif, h3.depliage span:hover, h4.depliage span:hover {color: #FFFFFF;  text-decoration: underline;}
/* ~~~~~~~~~~~~~~~~~~~~~~~ DEPLIAGE DANS UNE FICHE ANNUAIRE AVEC LOGO */
.colonne_gauche_logo h3.depliage span, .colonne_gauche_logo h4.depliage span { /* Etat au repos du lien => NE PAS DEFINIR LA COULEUR -> définie dans le style a */
	width: 365px; /* NE PAS EFFACERCETTE LIGNE (empeche le retour à la ligne du texte sous l'image en cas de titre long) */
}

.layerdeplie { /* Layer de contenu */
	padding: 0;
	margin: 0 0 10px 30px;
	clear: both;
	border-color:-moz-use-text-color #D0D0D0 #D0D0D0;
border:1px solid #D0D0D0;
border-style:none solid solid;
border-width:medium 1px 1px;
clear:both;
float:left;
margin:0 25px 15px;
padding:15px;
width:370px;
}

.layerdeplie, .liste_evmnt_depliage .extraarticle { /* Layer de contenu et marge extra du liste_evmnt_depliage*/
	margin-left: 30px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~ SQUELETTE LISTE_LETTRE */

ul.liste_lettre { /* Liste des lettres dans les annuaires (recherche par lettre) */
	text-align: center;
	padding: 0 20px;
	font-size: 0.95em;
}

ul.liste_lettre li {
	display: inline;
}


/* 									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; width: 100%;}
.googlemap_menu_nav .item {
	width: 260px;/* Régler la largeur des colonnes - Commenter pour supprimer le double colonnage */
	float: left; /* Commenter pour supprimer le double colonnage */
	margin: 0 0 5px 0;}

h3.depliage.carto, h4.depliage.carto { /* Titre servant à deplier */
	padding: 0;
	margin: 0;
	font-size: 0.9em;
}

h3.depliage.carto img, h4.depliage.carto img { /* Image de depliage */
	cursor: pointer;
	vertical-align: middle;
}

h3.depliage.carto span, h4.depliage.carto span { /* Etat au repos du lien => NE PAS DEFINIR LA COULEUR -> définie dans le style a */
	text-decoration: none;
	margin: 0 0 1px 5px;
	padding: 0;
	font-weight: normal;
	cursor: pointer;
	vertical-align: middle;
	width: 150px; /* Régler la largeur suivant la largeur des colonnes */
}

h3.depliage.carto span.clear, h4.depliage.carto span.clear {
	margin: 0;
	padding:  0;
	display: block;
}

h3.depliage.carto span, h4.depliage.carto span, h3.depliage.carto img, h4.depliage.carto img, h3.depliage.carto input, h4.depliage.carto input {
	vertical-align: middle;
	float: left;
}

h3.depliage.carto input, h4.depliage.carto input {
	margin: 3px 0 0 0; /* HACK POUR IE => VOIR FEUILLE DE STYLE spip_ie_template.css */
}

.layerdepliecarto {
	margin: 0 0 10px 74px;
	font-size: 0.9em;
}

.stylelayer {
	max-height: 120px;
	overflow: auto;
	clear: both;
}

/*				 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;
}


/* 								ELUS																					*/
/* __________________________________________________________________  */


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

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

.photo_elu { /* Photo de l'elu */
	float: left;
	display: inline;
	width: 190px; /* Régler la taille en fonction du masque ou de la taille de la photo */
	height: 130px; /* 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: 290px;
	margin: 0;
}

.block_elu_detail h3, .block_elu_detail h4 { /* Nom de l'élu */
	font-size: 1em;
}
.info_elu strong { /* Informations sur l'élu */
	color: #707D65;
}

.info_elu p { /* Paragraphe Informations sur l'élu */
	margin: 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~ Block élu trombi*/

.block_elu_trombi p { /* General */
	font-size: 1em;
}

.fiche_entete {  /* Le boss */
	margin: 0 0 2em 0;
	text-align: center;
}
.fiche_trombi {  /* Le block élu */
	float: left;
	text-align: center;
	width: 33%;
	margin: 0 0 2em 0;
	min-height: 150px;/* HACK POUR IE6 => VOIR FEUILLE DE STYLE spip_ie_template.css */
}

.block_elu_trombi h3, .block_elu_trombi h4 { /* Style sur le nom */
	font-size: 1em;
}
.block_elu_trombi img { /*  Pas de float sur les images */
	float: none;
	margin: 0 0 0.5em 0;
	padding: 0;
}

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

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


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

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 5px 30px;
}
.affiche_commissions li h4 { /* On définit des marges et padding différents pour les titres dans les dépliages */
	margin: 0.2em 0 0.3em 0;
	padding: 0 0 0 0;
}

/* 												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: 0.8em;
}
.liste_agenda h4 { /* On redéfinit les tailles et margin des titres */
	margin: 0;
	padding: 0;
}
.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: 25%; 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: 25%; vertical-align: top;} /* Régler la largeur de la colonne */
.largeur4 {width: 25%;} /* Régler la largeur de la colonne */


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

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

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

#liste_choix_mot label, #liste_choix_mot_agenda label, #liste_choix_rub_agenda label {
	display:none;
}

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

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


/* 														FORMULAIRES											 */
/* __________________________________________________________________  */

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

form { /* Le formulaire */
	width: 100%;
	background: transparent;
	color: #616161; /* Ne pas effacer : utilisé par le formulaire sur la page abonnement à la newsletter */
}

form fieldset { border: 1px solid #e7e7e7; }
/* ~~~~~~~~~~~~~~~~~~~~~~~ Lignes et champs de saisie*/

form input, form select, form textarea { /* Réglage des couleurs de bordure et de la largeur des champs de saisie */
	border: 1px solid #e7e7e7;
	width: 200px;
}

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

.formulaire_inscription fieldset, form fieldset, div.reponse_sondage { /* Cadre d'info */
	margin: 0 0 10px 0;/* HACK POUR IE => VOIR FEUILLE DE STYLE spip_ie_template.css */
	padding: 15px;
	background: #f4f4f4;
}

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

form input.radio {width: auto;border: none;} /* Champ radio - Annule largeur et bordure */

form option {
	color: #54595C;
}

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

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

.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;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~ Boutons*/
.spip_boutoncss, .spip_bouton { /* Bouton de validation */
	font-size:1.1em;
	color:#FFFFFF;
	width: auto;
	cursor:pointer;
	text-align:center;
	margin: 10px 0 0 ;
	padding: 1px;
	font-style:italic;
}

.spip_boutoncss.reset { /* Bouton d'annulation */
	background:#7f035c;
	border: 1px solid #9b3c80;
}

.spip_boutoncss.submit { /* Bouton de validation */
	background:#7ead02;
	border: 1px solid #96bb32;
}

.spip_boutoncss.reset:hover, .spip_boutoncss.submit:hover { text-decoration: underline;}
/* Forums */
.formulaire_spip input {width: auto;}
.formulaire_spip textarea {width: 100%;}

/* 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 et d'erreur d'envoi de formulaire */
.reponse {
	color: #FF0000;
	clear: both;
}

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





/* 				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 */
	position:absolute;
	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:180px; /* Hauteur *//* HACK POUR IE6 => VOIR FEUILLE DE STYLE spip_ie_template.css */
	z-index: 99;
	text-align: left;
	visibility: hidden;
	background: #FFFFFF;
	border: 1px solid #F9F0E9;
	padding: 5px;
	overflow: auto;
	
	background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #F9F0E9;
left:-235px;
min-height:180px;
overflow:auto;
padding:5px;
position:absolute;
text-align:left;
top:66px;
visibility:hidden;
width:197px;
z-index:99;
}

.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:15px;
}

.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: #AC0439;
	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; 
}

.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 captiion {} /* 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: #CA4300;
}

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:  3px 0 2px 0;
	padding: 0 0 5px 15px;
}


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

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

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

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

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

.plan3 li a { /* Ecart Item list block niveau 3 */
	margin:  3px 0 2px 0;
	padding: 0 0 5px 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 {} /* Bouton retour lien */
.retour a:hover, .retour a:focus, .retour a:active {} /* Bouton retour lien hover */


/* 							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 */
/* __________________________________________________________________  */



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

/* Pour affichage correct PNG sur IE 6*/
.format_png {behavior: url(win_png.htc); }



/* 												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 FORMUMS NE SONT PAS UTILISES */
/* __________________________________________________________________  */

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

/* ~~~~~~~~~~~~~~~~~~~~~~~ FIL DE FORUM */
p.message { /* Titre du message de formum servant à deplier */
	font-size: 1em;
	margin: 0 0 0 2px;
	padding : 0.5em 0 0 0;
}

p.message.dessous { /* ??? */
	margin: 0 0 0 -15px;
	padding: 0 0 0 15px;
	height: 15px;
}

p.message a {  /* Titre du message servant de lien de dépliage */
	text-decoration: none;
	color: #a30050;
	font-weight: bold;
	display: block;
	float: left;
	margin: 0 0 0 5px;
}
p.message a:hover, p.message a:focus, p.message a:active {
	text-decoration: underline;
}
p.message img { /* Image de depliage */
	float: left;
}

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

/* ~~~~~~~~~~~~~~~~~~~~~~~ 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 */
/* __________________________________________________________________  */

 
.liste_mot_sscat { /* 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: 50%;
}

.liste_mot_sscat .sscat h4 { /* Titre des catégories principales */
	color: #729E31;
}