/*									 POLICE PAR DEFAUT															 */
/* __________________________________________________________________  */
html, body {


	
}

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


div.hr {
    height: 1px;
    margin: 5px 0 10px 0;
    /* background: url(images/hr_colonne_droite_blanc.gif) no-repeat left; */
	background: #EDEDED;
}
div.hr hr.spip {
	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.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, h3.depliage.carto span, h4.depliage.carto span { /* Liens par defaut + liens de dépliage */
	color: #3191FC;
	text-decoration: underline;
}

a:link:hover, a:visited:hover, a:focus, a:active, h3.depliage span.layer-actif, h4.depliage span.layer-actif, h3.depliage span:hover, h4.depliage span:hover, h3.depliage.carto span:hover, h4.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: #FCB60D;
}

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

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

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: #9c7a04;
}

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: 0.72em;
	color: #5083bd;
	margin: 1px 0 0 0;
}

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

#chemin a:link:hover, #chemin a:visited:hover, #chemin a:focus, #chemin a:active, #chemin strong { /* Chemin lien over et actif */
	text-decoration: underline;
	color: #5083bd;

}


/* 													TITRES 															*/
/* __________________________________________________________________  */

#bloc_contenu h2 { /* Titre article / rubrique */
	clear: both;
    color: #145AA9;
    font-size: 1.3em;
 margin: 30px 0 15px;
   

}
/*
#bloc_contenu h2 {
	color: #6f9aca;
	text-transform: uppercase;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
}
*/

h3.spip { /* intertitre */
	text-align:left;
	color: #328ED5;
	font-size: 1.05em;
	font-weight: bold;
	margin: 1.5em 0 0.8em 0;
	clear: both;
	border-bottom: 1px dotted;
}
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(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.75em; font-weight: normal;} /* Pour régler la taille police sous IE - NE PAS EFFACER */
h6 { font-size: 0.75em; 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 { /* On masque les croisements styles de titre/ styles de surlignage de la recherche  */
	background: none;
	padding: 0;
}



/* 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 15px; /* Cette valeur doit être égale au margin bottom du datearticle - NE PAS EFFACER */
	color: #145AA9;
	font-size: 0.82em;
}

.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:#145AA9;
	font-size: 0.82em;
	font-weight:normal;
}

.datearticle { /* style des dates*/
	 margin: 0 0 15px; /* 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 										*/
/* __________________________________________________________________  */


.chapo, .descriptif_video { /* chapos */
	color: #6f9aca;
	font-weight: bold;
	margin: 0 0 10px 0; /* Ne pas mettre de margin haut */
	padding: 0 0 5px 0;
	text-align:justify;
}

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

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

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

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

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

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

ul.spip ul.spip {
	list-style-image: url(images/liste_spip_niv2.gif);
	margin: 0 0 10px 13px;
}

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

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

ol.spip {
	list-style-position: outside;
	margin: 0 0 0 13px;
	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   */

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

.spip_doc_titre, .spip_doc_descriptif  {/* Espacement titre / descriptif */ 
	text-align: center;
	font-size: 0.86em;
	font-weight: normal;
	color:#6F9ACA;
	padding: 1px 0 0 0;
}

.spip_doc_titre strong {font-weight: normal;}

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

div.spip_documents_left {margin: 0 1em 0.5em 0;} /* Correction du bug d'aligement image insérée */ 
div.spip_documents_right {margin: 0 0 0.5em 1em;}
div.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: 0 0 0 5px;
	margin: 0 0 10px 0;
	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%;
	font-size: 0.9em; 
}
table.spip tr.row_first { /* Premiere ligne */
	font-weight: bold;
	color: #fff;
	background: #328ED5;
}
table.spip tr.row_odd { /* Ligne paire */
	color: #000000;
	background: #fff; 
}

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

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

/* 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;
	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: 155px; /* Reporter cette valeur sur table.fondecran .spip_doc_titre et table.fondecran .spip_doc_descriptif  */
	margin: 10px 0;
	border-collapse:collapse;
}
td.fondecranphoto { /* La cellule contenant la photo */
	height: 135px;
	text-align: center;
	vertical-align: middle;
	padding: 10px 0 0 0;
}

td.fondecranphoto a:visited img, td.fondecranphoto a:link img { /* Roll over sur l'image */
	border: 1px solid #e1e1e1;
	padding: 3px;
}

td.fondecranphoto a:hover img, td.fondecranphoto a:focus img, td.fondecranphoto a:active img { /* Roll over sur l'image */
	background: #6F9ACA;
	padding: 3px;
}

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



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

.phototheque { /* 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: 170px; /* Reporter cette valeur sur table.fondecran .spip_doc_titre et table.fondecran .spip_doc_descriptif  */
	margin: 10px 0;
}
td.photothequephoto { /* La cellule contenant la photo */
	height: 110px;
	text-align: center;
	padding: 10px 0 0 0;
 	vertical-align: middle;
}
td.photothequephoto a:visited img, td.photothequephoto a:link img { /* Roll over sur l'image */
	border: 1px solid #e1e1e1;
	padding: 3px;
}
td.photothequephoto a:hover img, td.photothequephoto a:focus img, td.photothequephoto a:active img { /* Roll over sur l'image */
	background: #313131;
	padding: 3px;
}
table.phototheque .spip_doc_titre, table.phototheque .spip_doc_descriptif { /* Titre et info sur la photo */
	width: 157px;  /* Centrage sous firefox */
	position: relative;  /* Centrage sous firefox */
	margin: 0 auto;  /* Centrage sous firefox */
}



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

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

.layerdeplie .block_extras { /* Block extras : on définit des marges dans les dépliages */
	padding: 0 10px;
}

.layerdeplie .block_extras.avec_logo { /* Block extras avec un logo => on applique une image de bg pour simuler un colonnage */
	/* background: url(images/colonne_extras.png) repeat-y; */
}
.layerdeplie .block_extras.avec_logo .chapo { /* Block extras avec un logo => on decale le chapo sur la "colonne" de droite */
	margin: 0 0 0 118px;
}

.affiche .layerdeplie.carto { /* Padding et largeur particulières pour la carto dans le dépliage (block extra) */
	padding: 10px 0 0 0;
	width: 520px;
}

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

.extras.colonne_gauche_logo { /* Colonne de gauche avec logo à droite */
	width: 70%;
	float: left;
	margin: 0 0 0 8px;
	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_#ID_RUBRIQUE .alignextra {width: 30%;} /* Colonne 1 - Régler la dimension */
.extras_#ID_RUBRIQUE .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;
	padding: 0  0 0 10px; /* Prérégler le déclage de la seconde ligne et suivante qd picto */
	margin: 0 0 5px;
	clear: both;
	color: #6F9ACA;
	border-bottom: 1px dotted;
	
	background: url(puce.gif) no-repeat left center;
	
}

.block_document .datearticle, .block_article .datearticle, .block_site .datearticle{ /* Date de publication dans les listes article et doc */
	font-size: 0.82em;
	text-align: left;
	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.88em;
	text-align: left;
	margin: 0 0 3px 0;
}

.complement {
	font-size: 0.88em;
	margin: 0;

}


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

.block_article { /* Partie haute du block de présentation d'un article */
	text-align: justify;		
	margin: 0 0 15px 0;
	padding: 0;
	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.82em;
	margin: 0 0 3px 0;  /* doit être identique à la bvaleur définie pour le block .block_article .datearticle */
	color: #145AA9;
}

.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 */
	/* min-height: 56px; HACK POUR IE6 => VOIR FEUILLE DE STYLE spip_ie_template.css */
	float: left;
	display: inline;
	margin: 0 15px 0 0;
	width: 100px;
}

.block_article .block_droite { /* Block qui contient le texte de l'article */
	float: left;
	width: 350px;
	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 */

.block_article .savoirplus {
	text-align: right;
	margin: 7px 2px 0 0;
}

/* 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
	{
		font-weight: bold;
		
	}

.block_article .savoirplus a:link:hover, .block_article .savoirplus a:visited:hover, .block_article .savoirplus a:active, .block_article .savoirplus a:focus,
.block_document .savoirplus a:link:hover, .block_document .savoirplus a:visited:hover, .block_document .savoirplus a:active, .block_document .savoirplus a:focus,
.info_elu .savoirplus a:link:hover, .info_elu .savoirplus a:visited:hover, .info_elu .savoirplus a:active, .info_elu .savoirplus a:focus,
.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_doc_col .savoirplus a:link:hover, .liste_doc_col .savoirplus a:visited:hover, .liste_doc_col .savoirplus a:active,  .liste_doc_col .savoirplus a:focus 
	{
		
	}

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

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

.block_document .photo_block {
	width: 80px;
	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: 340px;
	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 */
}
.layerdeplie .block_document .block_droite {width: 291px;} /* On redéfinit la largeur pour les listes de docs 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  */

.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 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: 135px;
	display: inline;
}


/* 								SQUELETTE LISTE_MOT_SSCAT										  */
/* __________________________________________________________________  */
.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%;
}


/* 							 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;
}
ul.liste_lettre {text-align: center;}
ul.liste_lettre li {display: inline;}

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

ul.liste_lettre li a {
	padding: 2px 5px;
}
.pagination span.on, .pagination a:hover, .pagination a:focus, .pagination a:active, ul.liste_lettre li span.on, ul.liste_lettre li a:hover, ul.liste_lettre li a:active {
	text-decoration: underline;
	display: inline-block;
	margin: 0 0 10px 0;
	padding: 2px 5px;
	/*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, ...
*/
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 { /*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;
}

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(images/puce_liste_liens-over.gif) no-repeat 0 0.5em; /* Caler la hauteur toujours en em */
}

/* 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-depliage li.item-depliage {
	margin: 0 0 10px 0;
}

h3.depliage, h4.depliage { /* Titre servant à deplier */
	font-size: 1em;
	padding: 0px 0 3px 9px;	
	margin: 0 0 13px 0;
	clear: both;
	background: transparent;
	font-weight: bold;
	width: 460px; /* Ne pas effacer pour un affichage correct sous ie*/
	border-bottom: 1px dotted #6F9ACA;
}

/* 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 */
	
	/* Commenter ces lignes si pas de bacground sur le h3 ou h4 */
	h3.depliage:hover, h4.depliage:hover, h3.depliage.actif, h4.depliage.actif { /*background: #F1FBFC; */ color: #9d1f01;}
	/* Remplacer les valeurs si pas de bacground sur le h3 ou h4 */
	h3.depliage span.clear, h4.depliage span.clear, h3.depliage:hover span.clear, h4.depliage:hover span.clear {display: block;float: none;/* display: none; */}

	/* Pour modifier le texte au survol du picto */
	h3.depliage span, h4.depliage span {/* color: #035d76; */ }
	h3.depliage span.layer-actif, h4.depliage span.layer-actif, h3.depliage span:hover, h4.depliage span:hover, h3.depliage:hover span, h4.depliage:hover span {/* color: #fff; */text-decoration: none;}
	
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: 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;
}

h3.depliage span, h4.depliage span { /* Etat au repos du lien => NE PAS DEFINIR LA COULEUR -> définie dans le style a */
	margin: 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: 430px; /* 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 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: 430px; /* NE PAS EFFACERCETTE LIGNE (empeche le retour à la ligne du texte sous l'image en cas de titre long) */
}

.layerdeplie { /* Layer de contenu */
	padding: 10px;
	margin: 0 0 0 31px;
	clear: both;
	/* background: #f7f7f7; */
	width: 418px;
	overflow: hidden; /* Masque les image trops grande qui sortent du cadre - NE PAS EFFACER */
}

/* ~~~~~~~~~~~~~~~~~~~~~~~ Spécificité de la carto google dans les dépliages */
/* Pour avoir un dépliage dans un dépliage, on ré-affecte toute la largeur de la zone au layerdeplie et on supprime le padding */
.affiche .layerdeplie {
	margin: 0 0 0px 0;
	padding: 0;
	clear: both;
	float: left;
	width: 469px;
}
.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;
}


/* Layer de contenu et marge de l'extra du liste_evmnt_depliage*/
.liste_evmnt_depliage .layerdeplie , .liste_evmnt_depliage .extraarticle {margin-left: 31px;} /* Par défaut garder le margin left du .layerdeplie */

/* Affichage des logos sur portrait ou fiche annuaire dans un dépliage */
.layerdeplie .spip_logo_fiche { 
	float: left; /* => float: right; pour aligner à droite */
	 margin: 0 28px 5px 10px;
	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: 250px;/* 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;
	min-height: 28px; /* Cette ligne permer de corriger le bug du pixel de décalage au survol sur IE */
}

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

/*				 			LISTE CATEGORIE ANNUAIRE SUR 2 COLONNES						*/
/* __________________________________________________________________  */
.liste_mot_2col li {
	float: left;
	width: 49%;
}

/*				 					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;
}
#previsu img {width: 170px;}



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


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

.block_elu_detail { /* Block un elu */
	margin: 20px 0 0 0;
	padding: 12px;
	border: 1px solid #d2d2d2;
}

.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(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 */
}


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

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

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

.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 0 0 203px;/* HACK POUR IE => VOIR FEUILLE DE STYLE spip_ie_template.css */
}

.fiche_trombi {  /* Les blocks élu */
	float: left;
	display: inline;
	text-align: center;
	width: 170px;
	margin: 0 0 2em 0;
	min-height: 150px;/* HACK POUR IE6 => VOIR FEUILLE DE STYLE spip_ie_template.css */
}

.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: #007799;
	clear: both;
}

.block_elu_trombi .fonction_elu { /* Fonction sur l'élu */
}
.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;*/
}


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

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



/* 												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_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, #liste_choix_article, #liste_choix_rubrique { /* listes deroulantes en haut à droite */
	margin: 0 0 15px 0;
	clear: both;
	text-align: right;
}

#liste_choix_mot label, #liste_choix_mot_agenda label, #liste_choix_rub_agenda label, , #liste_choix_article label, , #liste_choix_rubrique 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, div.reponse_sondage form { /* Le formulaire */
	width: 100%;
	background: transparent;
	color: #4d4c4c; /* Ne pas effacer : utilisé par le formulaire sur la page abonnement à la newsletter */
}

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

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

.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;
	border: 1px solid #e3e3e3;
}

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

.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: 1em;
	color:#FFFFFF;
	width: auto;
	cursor:pointer;
	text-align:center;
	margin: 15px 0 0 0;
	padding: 1px;

	/* Arrondis en css3, pas reconnu par ie... => style dégradé pour ie */
	-moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
    border-radius: 5px; 
	/* Ombrage en css3, pas reconnu par ie... => style dégradé pour ie */
	-moz-box-shadow: 2px 2px 0 #dfdfdf;
    -webkit-box-shadow: 2px 2px 0 #dfdfdf;
	box-shadow: 2px 2px 0 #dfdfdf;

}

.spip_boutoncss.reset { /* Bouton d'annulation */
	background: #d95c10;
	border: 1px solid #d95c10;
	margin: 10px 0 10px 0;
}
.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;
}
.spip_boutoncss.submit { /* Bouton de validation */
	background: #669600;
	border: 1px solid #669600;
	margin: 10px 0 10px 0;
}
.spip_boutoncss.submit:hover, .spip_boutoncss.submit:focus, .spip_boutoncss.submit:active { /* Bouton de validation hover */
	background: #4B6D01;
	border: 1px solid #669600;
	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 et d'erreur d'envoi de formulaire */
.reponse {
	color: #FF0000;
	clear: both;
}


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



/* 														VIDEO																	 */
/* __________________________________________________________________  */

/* Rubrique */
.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 */
	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: 370px; /* 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;
}

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

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

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

h5.plan a { 
	 color: #080808;
}

h6.plan a { 
	color: #141512;
}



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

.plan1 { /* Ecart Block niveau 1 */
	margin: 20px 0 25px 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;
	color: #6F9ACA;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~ 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 0 15px;
	color: #0F3212;
}

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



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

p.suite {text-align:right;} 

/* liste déroulante de choix du domaine d'activité */
#liste_choix_mot option.titreliste {font-weight: bold; font-style: italic}


.deuxcol {
	
}
.deuxcol ul.liste li {
	width: 49%;
	float: left;
}