/*
On definit la police principale, la couleur du texte et la taille */
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #6C6C6C;
	font-size: 0.72em;
}
* {
	margin: 0px;
	padding: 0px;
}
/*------------------------------------------------------------------------------*/
/* Liens standards et rollover */

a {
	color: #E74848 ;/* #B96457; */
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}


/* Liens internes et rollover */
a.spip_in {
	font-size: 100%;
	
}
a.spip_in:hover {
}

/* Liens vers pages externes et rollover */
a.spip_out {
	font-size: 100%;
	color: #F0C002; /*FCD70D;*/
	text-decoration: underline;	
}
a.spip_out:hover {
	text-decoration: none;
	color: #DF5656;
}



/*------------------------------------------------------------------------------*/
/* Chemin dans l'arborescence */

#chemin {
	font-size: 95%;
	color: #64BB3B;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	margin: 21px 0 0 155px;
}

#chemin a {
	text-decoration: none;
	color: #64BB3B;
}
#chemin a:hover {
	text-decoration: underline;
	color: #004D01;
}
#chemin strong {
	color: #004D01;
}



/*------------------------------------------------------------------------------*/

/* Sous menu off, hover, actif et actif hover text-indent: -15px; */
/*.ssmenu, .ssmenuactif {
	font-size: 95%;
	color: #B80600;
	font-weight: bold;
	text-decoration: none;

}
.ssmenu:hover  {
	text-decoration: underline;
}
.ssmenuactif {
	color: #6A0905;
	font-weight: bold;
	text-decoration: none;
}
.ssmenuactif:hover  {
	text-decoration:underline;
}
*/
#sousmenu ul {
	list-style: none;
	margin-left: 0px;

}

/*------------------------------------------------------------------------------*/
/* Article : Titre, date evmnt, date publication, chapo, intertitre, texte, mois evenement */

h2 {
	font-size: 150%;
	font-weight: bold;
	
	height: 49px;
	
	color: #004D01;
	
	margin: 15px 0px 10px 0px;
	padding: 10px 40px 40px 158px;

	background-image: url(images/page_bg_h2.gif);
	background-repeat: no-repeat;
	background-position: 70% 100%;
	
}
html>body h2 {
	height: auto;
	min-height: 49px;
}
/* style des dates*/
.dateevmnt, .datearticle, {
	font-size: 100%;
	color: #1A7A1C ; /* 64BB3B #004D01;*/
		
}
.dateliste, .infodoc, .listdateevmnt {
	font-size: 95%;
	color: #1A7A1C ; /* 64BB3B #004D01;*/
		
}

.nbresult{
	color: #64BB3B; /*#004D01;*/
	margin-bottom: 25px;
	margin-left: 0px;
}
.dateevmnt, .datearticle,{
	margin-bottom:10px;
	margin-left: 0px;
}
.dateliste{
	margin-bottom:3px;
	margin-left: 0px;
}

.chapo, .chapofiche{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	color: #4EB122;
	text-align:justify;
	
	padding-top: 5px;
	margin-bottom: 10px;
	padding-left: 0px;
}
.chapofiche {
	font-weight: normal;
}
/* pour separer les evenements par mois */
.mois_evenement {
	margin-top: 15px;
	margin-bottom: 5px;
	font-weight: bold;
}


/* intertitre */
h3.spip {
	font-size: 120%;
	font-weight: bold;
	
	color: #004D01;
	
	margin: 1em 0em 1em 0em;
	
	padding:  0em 0em 0em 1em;
	
	background-image: url(images/home_puce.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.35em;
	
}

/* texte */
.spip {
	font-size: 100%;
	text-align:left;
	line-height:135%;
	text-align:justify;
	
	margin-bottom: 10px;
}


/* Bouton retour lorsque celui-ci est en texte */
.retour {
	text-align: right;
	
	font-size: 100%;
	
	padding-top: 25px;
	padding-bottom: 10px;
	
	clear: both;
}
.retour a {
	text-decoration: none;
}
.retour a:hover {

}

/* Article : document  : Titre, complement d'info */
.titredoc {
	/* height: 20px; */
	
	font-size: 95%;
	text-decoration: none;
	color: #B80600;
	letter-spacing: 0em;
	
	background-image: url(images/picto_doc.gif);
	background-repeat: no-repeat;
	background-position: 0% 30%;
	
	padding: 0 0 7px 20px;
	margin-left: 0px;
	margin-bottom: 3px;
}
.titredoc a {
	text-decoration: none;
}

.infodoc {
	text-decoration: none;
	/* margin: -7px 0px 5px 20px; */
	margin: -7px 0 5px 20px;
}
.compldoc {
	font-size: 95%;
	color: #000000;
	
	padding-top: 3px;
	margin-left: 20px;
}




/* Article : Légende image ou doc inséré : Titre -en gras -et taille */
.spip_documents{
	font-size: 95%;
	color: #2a1901;
	text-decoration: none;
	
	padding: 3px;
	font-style: italic;
	font-weight: normal;
}

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

.spip_documents_left { /* Correction du bug d'aligement image inseree */ 
	margin: 0em 0.5em 0em 0em;
}

.spip_documents_right {
	margin: 0em 0em 0em 0.5em;
}

span.spip_documents {
	display: block;
	clear: both;
}

.spip_documents_center {
	text-align: center;
}


.spip_documents_center .spip_doc_titre  {
	margin: auto;
}

.spip_doc_titre, .spip_doc_descriptif {
	text-align:center;
	padding-top:1px;
	color:#64BB3B;
}
.spip_documents img {
	border: 1px solid #1B2E12; /*999A9D*/
}

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






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

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

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

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

form input { /* Zone de saisie */
	width: 200px;
	background-color:#F2F7F2;
}

form h4 {
	clear: both;
}

form textarea { /* Zone de saisie texte */
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color:#F2F7F2;
}

#ligne {
}

form input.radio { /* Champ radio */
	width: auto;
	background-color: transparent;
}

form input.spip_boutoncss, .spip_bouton { /* Bouton de validation */
	border:none;
	border: 1px solid #999A9D;
	background-color:#5A7895;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#FFFFFF;
	width: auto;
	overflow: visible;
	cursor:pointer;
	text-align:center;
	vertical-align: middle;
	
	background-color: #DF5656;
	
	font-size: 95%;
	color: #fff;
	font-weight: bold;

}

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

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

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

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

/* FORMULAIRES SPECIFIQUES*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 
#login #login_admin : formulaire de login
#oubli_form : formulaire oubli du mot de passe 
#inscription : formulaire d'inscription
#formcontactcss : formulaires divers
*/
textarea.formcontact {
	width: 200px;
}
input.formcontact {
	width: auto;
}
#login, #oubli_form { /* Le formulaire */
	width:90%;
}

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

}

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

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

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

}
/* AUTRES ELEMENTS STANDARDS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

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

#formliste label {
	display:none;
}

/* Liste d'articles : Lien vers l'article */
/*
Methode :
- choisir une couleur commune pour tous les liens internes (voir spip_in)
- on definit un style commun pour lien et titresslien. Il est ensuite possible de differencier titresslien (avec ou sans puce, souligne ou non, couleur...)
*/
.lien, .titresslien {
	font-size: 100%;
	color: #004D01; /*#E74848;*/
	letter-spacing: 0em;
	
	padding-left: 0px;
	margin-top: 7px;
	margin-bottom: 3px;
	
}

/* on determine ici l'aspect des liens du site (off et on). Chaque classe peut être reprise individuellement pour en changer les propriétés */
.lien a, .bouton, a.spip_in, .titredoc a, .retour a {
	color: #E74848;
	text-decoration: underline;
	font-weight: bold;
}

.lien a {
	padding: 0px 0px 0px 12px;
	background-image: url(images/picto_lien.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.3em;
	


}
.lien a:hover, .bouton:hover, .titredoc a:hover, .retour a:hover {

	/*color: #FFD60C;*/
	text-decoration: none;
}
/* appliqué sur les liste en bas de page pour supprimer les margin, en plus de lien */
/*
Methode :
- ce style vient annuler les margin definis sur le class "lien"
Utilisation : 
<div class="lien listetitre"><a href="">Un lien</a</div>
*/
.listetitre {
	margin-top: 2px;
	margin-bottom: 2px;
}
/* pour supprimer les puce, en plus de lien */
.sanspuce {
	background-image:none;
	padding: 0px;
}
.titresslien {
	background-image:none;
	padding: 0px;
	
	font-weight: bold;
	
}


.listdateevmnt {
	text-decoration: none;
	margin-left: 0px;
}
.complement {
	font-size: 100%;
	color: #000000;
	
	text-align:justify;
	
	padding-bottom: 10px;
	padding-left: 0px;
}

/* Bouton gestion pages off, hover, actif et actif hover */
.boutons{
	border-bottom: 1px solid #004D01;
	border-top: 1px solid #004D01;
	background-color:#F2F7F2;
	
	text-align: center;
	
	margin-top: 25px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.bouton {
	font-size: 120%;
	/*font-weight: bold;*/

	text-decoration: none;
}
.bouton:hover {
	text-decoration: underline;
}

.boutonactif {
	font-size: 130%;
	/*font-weight: bold;*/
	color: #FCD70D;
}

/* Tableau : général, ligne 1, paire, impaire, cellule */
table.spip {
	padding:0px;
	border: 1px solid #ffffff;
	border-collapse:collapse;
	width: 100%;
}
table.spip tr.row_first {
	font-size: 95%;
	font-weight: bold;
	color: #ffffff;
	background-color: #64BD3B;

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

}
/* ligne impaire */
table.spip tr.row_even {
	font-size: 95%;
	color: #000000;
	background-color: #DBE6DB;
}
table.spip td {
	padding: 2px;
	text-align: left;

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

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

table.spip caption{ /* Resume masque */
	font-size:1px;
}
.largeur1 {
	width: 25%;
}
.largeur2 {
	width: 25%;
}
.largeur3 {
	width: 25%;
}
.largeur4 {
	width: 25%;
}
.largeur5 {
	width: 25%;
}
.largeur_col1 {
		width: 50%;
}
/* Recherche : Couleur de surlignage */
.spip_surligne {
	color: #000;
	background-color: #FCD70D;
}

/* Recherche : Zone de saisie */
.formrecherche {
	font-size: 95%;
	color: #FF8200;
	border: 1px solid #FFB600;
	
	width: 138px;
	height: 14px;
	
	text-align: center;
	
}
.formrecherche, #recherche img {
	vertical-align: middle;
}

#formliste input, #formliste select {
	vertical-align: middle;
}

/* Liste déroulante autre que formulaire (souvent un liste_choix ...) */
.liste {
	font-size: 90%;
	color: #333333;
	text-decoration: none;
	background-color: #F2F7F2;
}




/* Cadre de contour des images */
.spip_logos, .spip_logoart, .contourphoto, .logoauteur {
	border: 2px solid #1A7A1C; /*64BB3B #999A9D;*/

	/*border: 4px solid #FCD70D;*/
}

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



.spip_logos {
	float: left;
	
	margin-right:25px;
	margin-bottom:25px;
}
.spip_logoart {
	float: left;
	
	margin-right: 4px;
	margin-top: 4px;
	margin-left: 4px;
	margin-bottom: 4px;
}

.contourphoto {
	margin-right: 4px;
	margin-top: 4px;
	margin-left: 4px;
	margin-bottom: 4px;
	
}
.logoauteur {
	float:right;
	
	margin-right: 4px;
	margin-top: 4px;
	margin-left: 4px;
	margin-bottom: 4px;
	}
	
/* affichage des extras */
/*
Le block_extras est utilise lors d'un affichage condense des affiche_fiches, il permet de placer un filet de separation en haut
*/
.block_extras {
	border-top: 2px solid #64BD3B;
	margin: 20px 0px 0px 0px;
	padding-top: 5px;
}
.block_extras .complement {
	margin: 0px;
	padding: 0px;
}


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

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

h3.fiches a{
	padding: 0px 0px 0px 12px;
	background-image: url(images/picto_lien.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}
.extras {
	clear: both;
	
	margin-left: 0px;
}
.extras strong {
	color: #000;
	font-size: 110%;
}

/* utilise par liste_fiche_mot_tout et liste_fiche_mot */
#extrassansbordure {
	border-top: none
}

/*
on definit la presentation des deux blocs d'informations (paire de valeur : description / infos)
Pour unr presentation sur 2 colonnes, decommenter le float et affecter une largeur (width) à alignextra et alignextra2
 */
.alignextra, .alignextra2 {
	border-top: 1px solid #D0DDB6;
	padding-top: 2px;
	padding-bottom: 2px;
	float: left;
	text-align: left;

}

.alignextra {
	width: 45%;
	
}
.alignextra2 {
	width: 54%;
}


/* AFFICHE_ELU */
.logos_elu { /* Photo de l'élu */
	float:right;
	margin: 30px 4px 4px 4px;
	border: 1px solid #1A7A1C; /*64BB3B #999A9D;*/
}
.colonne_gauche { /* Colonne de gauche */
	width: 75%;
	float: left;
	margin: 30px 0px 0px 0px;
}

.alignextra3, .alignextra4 { /* Deux colonnes */
	padding-top: 2px;
	padding-bottom: 2px;
	float: left;
	text-align: left;
}

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

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

.colonne_gauche ul {
	list-style-type: none;
}
/* pour "pousser" si presence de float */
/* penser à placer un &nbsp; pour éviter le bug sous netscape (page à rallonge) */ 
.clear {
	clear: both;
	height: 0px; /* correction page a rallonge sous netscape*/
	line-height: 0px;
	font-size: 1px;
}


/* Mise en forme du formulaire d'identification partie extranet */
#login {
	width: 65%;
	margin-left: 20%;
	margin-bottom: 30px;
}

/* Reponse formulaire abonnement liste */
.reponse_formulaire {
	color: #FF3300;
	font-size: 95%;

}
/* FIN DES STYLES PROPRES A SPIP */






/* STYLES AJOUTES */

/* aligner le texte a droite  */
.right {
	text-align: right;
}
.centrer {
	text-align: center;
}
/* aligner le texte a gauche */
.align_left {
	text-align: left;
}
.float_left {
	float: left;

}

/* Presentation de liste sur 2 colonnes (liste_mot_sscat) */
#block_elu {
	width: 100%;
	
	padding-left: 17%;
}
.president {
	margin-left: 15%;
	margin-bottom: 10px;
}
.alignelu {
	float: left;
	width: 40%;
}

/* en cas de sous menu */
ul.niv2 li {
	display: inline;   /* corrige un bug sous IE (espacement vertical) */
}


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

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

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


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


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

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

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

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

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

/* LISTE_ELU_TITRE */
.block_titre_elu { /* Position et forme du block */
	padding: 0px 0px 0px 0px;
	width: 480px;
	/*float: left;
	text-align:justify;	*/
}

.troiscol1 { /* Colonne 1 */
	float: left;
	width:32%;
	margin: 0% 0% 0% 0%;
}
.troiscol2 { /* Colonne 2 */
	float: left;
	width: 49%;
	margin: 0% 0% 0% 0%;

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

}
.block_titre_elu ul {
	margin-left: 15px;
}
.block_titre_elu ul li {
	list-style-image: url(images/picto_lien.gif);

	
}


/*  SQUELETTE LISTE_MOT_2COL, LIST_MOT_SSCAT */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.deuxcol { /* Colonne */
	float: left;
	width: 46%;
	margin: 0% 1% 0% 0%;
}
h4.sscat { /* a remonter */
	margin: 10px 0px 0px 0px;
	font-size: 110%;
	font-weight: bold;
	
	color: #004D01;
}

div.lien.deuxcolclear {
	clear:none;
}

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

}

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

ul.listemois li { /* Mois de la liste */
	float: left;
	width: 25%;
	margin: 0% 0% 0% 0%;
}
/* MISE EN FORME DES LISTES DE PHOTOS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Utilise dans Liste_article_img, liste_article_photo_pardate, affiche_article, affiche_fiche */

table.fondecran { /* Le tableau contenant la photo */
	float: left;
	background-color: #F7F9F7;
	border: 1px solid #64BD3B;
	border-collapse:collapse;
	width: 135px; /* La marge droite sous firefox provoque un debordement */
	margin: 10px 10px 0px 0px;
	
}
td.fondecranphoto { /* La cellule contenant la photo */
	height: 125px;
	/*width: 125px;*/
	text-align: center;
	vertical-align: middle;
/*	padding: 5px;*/
	padding: 10px 0px 0px 0px;
 }

.titredoc2, .titredoc2 a, .fondecrancomplement { /* Titre et info sur la photo */
	height: 30px;
	font-size: 100%;
	color: #115912; /*#FF8D00; */
	padding-top: 0px;
	padding-bottom: 0px;
	text-align:center;
	vertical-align: top;
}
html>body .titredoc2, html>body .titredoc2 a, html>body .fondecrancomplement {
	height: auto;
	min-height: 30px;
}
.fondecrancomplement { /* Complément sur la photo */ 
text-align:center;
padding-top:1px;
color:#00A5E4;
}

/* LISTE ARTICLES ET DOCUMENTS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*
Methode :
- choisir une couleur commune pour tous les liens internes (voir spip_in)
- on definit un style commun pour lien et titresslien. Il est ensuite possible de differencier titresslien (avec ou sans puce, souligne ou non, couleur...)
*/

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

.block_article img { /* Image */
	float:left;
	margin: 5px 5px 5px 0px!important;
	margin: 5px 5px 5px 0px;
	border: 1px solid #1A7A1C; /*64BB3B #999A9D;*/
}

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

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


/* SQUELETTE PLAN */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h4.plan { /* Lien de niveau 4 */
	margin-top: 0.5em;
	margin-bottom:0.5em;
	margin-left : 15px;
	font-size:110%;
	}
h4.plan a {
	color:#DF5650;
	padding: 0px 0px 0px 12px;
	background-image: url(images/picto_lien.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

.lienplan a { /* lien vers article */
	color:#DF5650;
	margin-left : 28px;
	font-weight:normal;
}

h3.plan { /* intertitre lien */
	font-family: Arial, Helvetica, sans-serif;
	color: #131114 ;/*004D01*/
	font-size:120%;
	font-weight: bold;
	margin-top:10px;
	margin: 1em 0em 1em 0em;
	padding:  0em 0em 0em 1em;
	background-image: url(images/home_puce.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.2em;
}

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