/*  ----------------------------------------------------------- */
/*                            taille typo                       */
/*  ----------------------------------------------------------- */
/* 
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible
 * en texte le plus petit sur Internet Explorer
 */

/* valeurs pour les margin et padding */
/* haute, droite, bas, gauche - sens horaire */
/* Exemple : margin: 15px 0px 15px 10px; */
/* Correspond à : */
/*	margin-top: 15px; */
/*	margin-right: 0px;  */
/*	margin-bottom: 15x; */
/*	margin-left: 10px; */
/* *******************************************  */

/*  Le site occupe la totalité de l'écran pour bien répéter le motif de fond */
html, body {
	width: 100%;
	height: 100%;
	text-align: center;
}
/* force le retour à la ligne, le plus souvent appliqué à <br> */
/* Utilisable sous la forme <div class="clear">&nbsp;</div> */
.clear {
	clear: both;
}
/* force un retour à la ligne, pour éviter un recouvrement des icônes 50x50 */
/* s'il n'y a pas suffisament de texte en descriptif */
/* Utilisable sous la forme <div class="clearright">&nbsp;</div> */
.clearright {
	clear: right;
}

/* force un retour à la ligne, pour éviter un recouvrement des icônes 50x50 */
/* s'il n'y a pas suffisament de texte en descriptif */
/* Utilisable sous la forme <div class="clearleft">&nbsp;</div> */
.clearleft {
	clear: left;
}
	
/* bien regler la marge (bugs IE) */
body {
/* font-family: Lucida Sans Unicode, Lucida Grande, Verdana, Trebuchet MS, Arial, Helvetica, sans-serif; */
/* 	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; */
/* 	font-size: 0.81em; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
/* line-height: 1.4em; */
	color: #222222;
  margin: 0;
  padding: 0;
/* background: #ffffb9 url(../images/degradefond.gif) left top repeat-x; */
	background: #fffce8;
}

/* la puce intertitre */
h3.spip {
	text-align: left;
 /* marges haut droite bas gauche - a priori les margin et padding correspondants doivent être les mêmes */
 margin: 10px 0px 10px 0px;
 padding: 10px 0px 10px 0px;
	color: #c10435;
	font-size: 110%;
	font-weight: bold;
 border-bottom: 1px dotted #c10435;
}
/* liens internes et externes */
a.spip_in { text-decoration: none; color: #c10435; } /* liens internes */
a.spip_out, a.spip_url, a.spip_glossaire { /* liens sortants */
	text-decoration: none; color: #c10435;
	background: url(../images/spip_out.gif) no-repeat right;
	padding-right: 12px;
}

/* paragraphes */
p.texte {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Aspect des liens */
a {
	color: #c10435;
	text-decoration: none;
}
a:visited {
	color: #c10435;
	text-decoration: none;
}
a:hover {
	color: #c10435;
	text-decoration: underline;
}
a:active {
	color: #c10435;
	text-decoration: none;
}

#page {
	width: 1000px;
	padding: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: left;
	background-color: #ffffff;
	border: 0px solid #00ff00;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Entête de la page d'accueil destinée à contenir la zone d'accessibilité */
#accessibilite {
  width: 1000px;
	background-color: #fff4a2;
	padding:0px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: center;
	border: 0px solid #00ff00;
}

.accessibilite {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 100%;
	text-align: center;
	color: #666666;
}
.accessibilite li {
	display: inline;
	text-decoration: none;
}
.accessibilite a {
	color: #dc5c81;
	text-decoration: none;
}
.accessibilite a:visited {
	color: #dc5c81;
	text-decoration: none;
}
.accessibilite a:hover {
	color: #dc5c81;
	text-decoration: underline;
}
.accessibilite a:active {
	color: #333333;
	text-decoration: none;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Bandeau haut  */
/* voir aussi styleaffichage_ie.css  */
#zonebandeau {
  width: 1000px;
  height: 120px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding: 0px;
	text-align: left;
	background-color: #fff4a2;
	color: #333333;
	border: 0px solid #00ff00;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* zone haute  */
/* voir aussi styleaffichage_ie.css  */
#zonehaute {
  width: 1000px;
  height: 40px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding: 0px;
	text-align: left;
	background-color: #ffffff;
	color: #333333;
	border: 0px solid #0000ff;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 	*/
/* Style recherche, cette div est utilisé pour la recherche */
/* la largeur du style de formrecherche est dans spip_style_site */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 	*/
#recherche {
	text-align: center;
	padding: 0px;
	margin: 20px 0px 30px 0px;
}

/* ********************************************** */
/* valeur modifiée par rapport au spip_style.css */
input.formrecherche {
font-family: Lucida Sans Unicode, Lucida Grande, Verdana, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.96em;
	width: 170px;
	margin: 5px 0px 0px 0px;
	color: #333333;
	background-color: #f9ebef;
	border: 1px dotted #333333;
}

.formrecherche select {
        border: 0px solid;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 	*/
/* Style pour l'adresse */
.adresse {
 text-align: center;
 margin: 10px 0px 10px 0px;
 font-size: 100%;
 color: #ffffff;
}

.adresse a {
	color: #cccccc;
	text-decoration: none;
}
.adresse a:visited {
	color: #cccccc;
	text-decoration: none;
}
.adresse a:hover {
	color: #cccccc;
	text-decoration: underline;
}
.adresse a:active {
	color: #cccccc;
	text-decoration: none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 	*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Blocs principaux de contenu */
/* Deux pages identiques superposées pour mettre en place deux colonnes */
/* fictives à droite et à gauche */
#pagedroite {
	text-align: left;
	width: 1000px;
	padding: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	background: url(../images/repetedroite.gif) right top repeat-y;
	border: 0px solid #ff0000;
}

#pagegauche {
	text-align: left;
	width: 1000px;
	padding: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	background: url(../images/repetegauche.gif) left top repeat-y;
	border: 0px solid #0000ff;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*Chemin de progression */
#progression {
  text-align: left;
	line-height: 1.3em;
	padding-left: 0px;
	margin: 0px;
}

/* Les intitulés du chemin de progression sont présentés sous forme de liste */
.progression {
	list-style-type: none;
	padding:0px;
	font-size: 90%;
}
.progression li {
	display: inline;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Zone a gauche de l'écran */
#gauche {
	float: left;
	padding: 0px;
	width: 210px;
	margin: 0px;
  background-color: #c10435;
/* ************************************************ */
/* Il est possible de placer une image de fond */
/* 	background : #ffffff url(../images/gauchefond.jpg) no-repeat; */
/* ************************************************ */
	border: 0px solid #ff0000;
}

/* La partie gauche est placée dans la zone gauche */
.partiegauche {
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
	background-color: #c10435;
	border: 0px solid #00ff00;
}

/* Styles pour les articles qui ont le mot-clé accesdirectgauche */
.titregauche {
        color: #ffffff;
        font-size: 105%;
        font-weight: bold;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 10px;
}

.titrepartiegauche {
        font-size: 100%;
        font-weight: normal;
        margin: 0px 0px 0px 0px;
        padding: 0px 10px 0px 10px;
}

/* Aspect des liens des titres d'articles */
.titrepartiegauche a {
	color: #ffffff;
	text-decoration: none;
}
.titrepartiegauche a:visited {
	color: #ffffff;
	text-decoration: none;
}
.titrepartiegauche a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.titrepartiegauche a:active {
	color: #ffffff;
	text-decoration: none;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Conteneur centre et droit de la page */
/* div uniquement de façon à ce que le lien d'évitement "contenu" pointe dessus */
#central {
}

#contenucentral {
	margin-left: 215px;
	margin-right: 205px;
	background-color: #ffffff;
	padding: 0px 0px 5Fspx 0px;
	border: 0px solid #00ff00;
/* texte doit être une div pour utiliser le javascript de taille des caractères */
/* zoom:1.0 est reconnue par IE, elle permet de régler les problème des disparitions */
/* fantômes de texte */
	zoom: 1.0;
}

/* contenu central dans un article */
#contenucentralarticle {
	margin-left: 280px;
	margin-right: 20px;
	background-color: #ffffff;
	padding: 0px 0px 20px 0px;
	border: 0px solid #00ff00;
/* texte doit être une div pour utiliser le javascript de taille des caractères */
/* zoom:1.0 est reconnue par IE, elle permet de régler les problème des disparitions */
/* fantômes de texte */
	zoom: 1.0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Dans la partie centrale encart pour les actualités secondaires */
#actualitesecondaire {
	text-align: left;
	padding: 0px;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border: 0px solid #ff0000;
	background-color: #fff4a2;
}

.actualitesecondaire {
  margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
/* marge intérieure dans le bloc */
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}

.actualitesecondairetitre {
  padding: 0px 0px 0px 0px;
  color: #4d4d4d;
  font-size: 1.2em;
 	font-weight: normal;
 	border-bottom: 1px dotted #4d4d4d;
}

/* Aspect des liens des titres d'articles */
.actualitesecondairearticle a {
	color: #c10435;
  font-weight: bold;
	text-decoration: none;
}
.actualitesecondairearticle a:visited {
	color: #c10435;
	font-weight: bold;
	text-decoration: none;
}
.actualitesecondairearticle a:hover {
	color: #c10435;
	font-weight: bold;
	text-decoration: underline;
}
.actualitesecondairearticle a:active {
	color: #aaaaaa;
	font-weight: bold;
	text-decoration: none;
}

/* Aspect des liens des textes d'articles */
.actualitesecondairetexte {
  padding: 0px 0px 10px 0px;
}

.actualitesecondairetexte a {
	color: #333333;
	text-decoration: none;
}
.actualitesecondairetexte a:visited {
	color: #333333;
	text-decoration: none;
}
.actualitesecondairetexte a:hover {
	color: #333333;
	text-decoration: underline;
}
.actualitesecondairetexte a:active {
	color: #aaaaaa;
	text-decoration: none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Style pour le texte d'un article */
#texte {
        background-color: #ffffff;
	text-align: left;
	zoom: 1.0;
}

.actus {
       margin: 10px 0px 0px 0px;
       color: #333333;
       overflow: auto;
}

.actustitre {
        margin: 10px 0px 0px 5px;
        padding: 0px 0px 0px 0px;
        color: #c10435;
        font-size: 1.7em;
       	font-weight: bold;
       	border-bottom: 1px dotted #c10435;
}

.actusarticle {
        font-size: 1.2em;
       	font-weight: bold;
        padding: 0px 0px 0px 0px;
        color: #c10435;
}


.actusarticle a {
        padding: 0px 0px 0px 0px;
        color: #c10435;
}

span.vignette {
  float: left;
  padding: 0px 5px 0px 0px;
}

/* Styles pour les documents joints */
table.docjoints {
  border: none;
/* margin: 25px 10px 20px 10px; */
  margin: 10px 5px 5px 5px;
}

table.docjoints td {
  border: none;
/* margin: 0px 25px 20px 0px; */
  padding: 0px 10px 5px 10px;
  width: 150px;
  text-align: center;
  vertical-align: top;
}

table.docjoints p {
  font-size: 11px;
  margin: 0;
}

table.docjoints p.titredoc {
  font-weight: bold;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* sousrubriques d'une rubrique */
.titresousrubrique {
        color: #c10435;
        font-weight: bold;
        margin: 0px;
        padding: 5px 0px 0px 5px;
}

/* aspect des liens avec puces courtes */
.sousrubrique li {
	font-size: 100%;
	font-weight: bold;
	padding: 0px 0px 0px 20px;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	/* La marge bottom permet de laisser un espace après chaque intitulé de liste */
	margin-bottom: 10px;
	list-style-type: none;
	/*  list-style-image: url(..images/art_pucetitre.gif); */
	/* La puce est fixée à l'intérieur - sinon Firefox la place à l'extérieur */
    list-style-position: inside;
	background-image: url(../images/art_pucetitre.gif);
	background-repeat: no-repeat;
/*  background-position: horiz vert */
	background-position: 0em 0.3em;

	
}
/* Aspect des liens du menu droit */
.sousrubrique a {
	color: #c10435;
	text-decoration: none;
}
.sousrubrique a:visited {
	color: #c10435;
}
.sousrubrique a:hover {
	color: #c10435;
	text-decoration: underline;
}
.sousrubrique a:active {
	color: #aaaaaa;
}

.centreseparateur {
        height: 5px;
        background :  url(../images/centreseparateur.gif) no-repeat;
        background-position: center;

}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* styles pour les rubriques */
.titrerubrique {
        margin: 5px 0px 5px 0px;
        padding: 5px 0px 5px 0px;
       	border-bottom: 1px dotted #c10435;
       	color: #c10435;
        font-size: 1.3em;
}

p.descriptifrubrique {
  font-style: normal;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* styles pour les rubriques et articles */

/* styles pour les titres des article */
.titrearticle {
        margin: 5px 0px 5px 0px;
        padding: 5px 0px 5px 0px;
       	border-bottom: 1px dotted #c10435;
       	color: #c10435;
        font-size: 1.2em;
}

/* Aspect des liens sur article */
.titrearticle a {
	color: #c10435;
	text-decoration: none;
}
.titrearticle a:visited {
	color: #c10435;
	text-decoration: none;
}
.titrearticle a:hover {
	color: #c10435;
	text-decoration: underline;
}
.titrearticle a:active {
 	color: #c10435;
	text-decoration: none;
}

div.resume {
  margin: 15px 0px 5px 0px;
}

div.resume h3 {
  margin: 0;
}

div.resume p.soustitre {
  margin: 0;
}

div.resume p {
  margin: 2px 0 3px 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* styles pour les articles */

span.logo {
  float: left;
  padding: 0px 5px 0px 4px;
}

p.surtitre {
  font-weight: bold;
  margin: 0 0 -5px 0;
  padding-top: 10px;
}

p.soustitre {
  font-weight: bold;
  margin: 4px 0 0 0;
}

p.chapeau {
  margin: 0px 0px 15px 0px;
  font-style: normal;
}

p.lirelasuite {
  text-align: left;
  background-repeat: no-repeat;
  background-position: center left;
  background-image: url(../images/lire-la-suite.gif);
  height: 1em;
  margin: 0;
  padding: 0px 0px 5px 25px;
}

div.separateur {
  border-bottom: 1px dotted;
  height: 5px;
  width: 98%;
  margin: 0px auto 0px auto;
}

div.notes {
  margin: 2px 0px 5px 0px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Zone à droite de l'écran */
#droite {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 200px;
	background-color: #c10435;
/* ************************************************ */
/* Il est possible de placer une image de fond */
/*	background : url(../images/droitefond.jpg) no-repeat;  */
/* ************************************************ */
	border: 0px solid #0000ff;
}

/* La partie droite est placée dans la zone droite */
.partiedroite {
  margin: 10px 10px 10px 10px;
  padding: 0px 0px 0px 0px;
	background-color: #fff4a2;
/* Bordure de la même couleur que le fond pour bien séparer les blocs */
	border: 1px solid #c10435;
	color: #333333;
}

/* Aspect des liens dans la partie droite */
.partiedroite a {
	color: #333333;
	text-decoration: none;
}
.partiedroite a:visited {
	color: #333333;
	text-decoration: none;
}
.partiedroite a:hover {
	color: #333333;
	text-decoration: underline;
}
.partiedroite a:active {
 	color: #bfbfbf;
	text-decoration: none;
}

.pointillegrissombre {
   border-bottom: 1px dotted;
   border-color: #333333;
   margin: 2px 0px 2px 0px;
}

.pointillegrisclair {
   border-bottom: 2px dotted;
   background-color: #c10435;
   border-color: #cccccc;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

/* aspect des liens avec puces */
/* voir aussi styleaffichage_ie7.css */
.partiedroite li {
  	color: #bfbfbf;
    font-weight: normal;
   	margin: 0px 0px 0px 0px;
/* Le padding bottom permet de laisser un espace après chaque intitulé de liste */
   padding: 0px 5px 2px 15px;
   list-style-type: none;
   background-image: url(../images/droite_pucetitre.gif);
   background-repeat: no-repeat;
/*  background-position: horiz vert */
   background-position: 0em 0.3em;
}

.titrepartiedroite {
        color: #333333;
        font-size: 100%;
        font-weight: normal;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}

.titredroit {
        background-color: #c10435;
        color: #ffffff;
        font-size: 105%;
        font-weight: bold;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}

.titrepub {
        background-color: #fff4a2;
        color: #000000;
        font-size: 95%;
        font-weight: bold;
        text-align: center;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}

/* ************************************************ */
/* La partie droite est placée dans la zone droitedroitememerub*/
/* style pour articles même rubrique */
.artmemerub {
  margin: 0px 0px 0px 0px;
  padding: 0px 5px 0px 10px;
	background-color: #ffffff;
	border: 1px dotted #f2f2f2;
	color: #333333;
}
/* Aspect des liens */
.artmemerub a {
	color: #c10435;
	text-decoration: none;
}
.artmemerub a:visited {
	color: #c10435;
	text-decoration: none;
}
.artmemerub a:hover {
	color: #bfbfbf;
	text-decoration: underline;
}
.artmemerub a:active {
 	color: #bfbfbf;
	text-decoration: none;
}
.titreartmemerub {
        color: #bfbfbf;
        font-size: 105%;
        font-weight: normal;
        margin: 0x 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}
.texteartmemerub {
        color: #ffffff;
        padding: 0px 0px 0px 0px;
        font-weight: normal;
}

/* aspect des liens avec puces */
/* voir aussi styleaffichage_ie7.css */
.artmemerub li {
  	color: #bfbfbf;
    font-weight: normal;
   	margin: 0px 0px 0px 0px;
/* Le padding bottom permet de laisser un espace après chaque intitulé de liste */
   padding: 0px 0px 2px 15px;
   list-style-type: none;
   background-image: url(../images/art_pucetitre.gif);
   background-repeat: no-repeat;
/*  background-position: horiz vert */
   background-position: 0em 0.3em;
}
/* ************************************************ */

/* Aspect des liens dans la partie droite */
.anoter a {
	color: #ffc000;
	text-decoration: none;
}
.anoter a:visited {
	color: #ffc000;
	text-decoration: none;
}
.anoter a:hover {
	color: #bfbfbf;
	text-decoration: underline;
}
.anoter a:active {
 	color: #bfbfbf;
	text-decoration: none;
}

/* La partie partenaire est placée dans la zone droite*/
.anoter {
  margin: 0px 10px 10px 10px;
  padding: 0px 0px 0px 0px;
	background-color: #4d4d4d;
	border: 0px solid #00ff00;
	color: #333333;
}

/* aspect des liens avec puces */
/* voir aussi styleaffichage_ie7.css */
.anoter li {
  	color: #bfbfbf;
    font-weight: normal;
   	margin: 0px 0px 0px 0px;
/* Le padding bottom permet de laisser un espace après chaque intitulé de liste */
   padding: 0px 0px 2px 15px;
   list-style-type: none;
   background-image: url(../images/droite_pucetitre.gif);
   background-repeat: no-repeat;
   background-position: 0em 0.3em;
}


.textedroite {
        color: #333333;
        padding: 0px 0px 0px 0px;
        font-weight: normal;
}

.textedroite a {
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}
.textedroite a:visited {
	color: #333333;
	text-decoration: none;
}
.textedroite a:hover {
	color: #333333;
	text-decoration: underline;
}
.textedroite a:active {
	color: #aaaaaa;
	text-decoration: none;
}

.lirelasuite {
        text-align: right;
        padding: 0px 5px 0px 0px;
}

/* ************************************************************************* */


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Zone pied de page contient les articles de service */
#pieddepage {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	color: #c10435;
	background-color: #fffce8;
}

/* Les intitulés en pied de page sont présentés sous forme de liste */
.pieddepage {
	list-style-type: none;
	padding: 0px;
	font-size: 85%;
}

/* Les intitulés du pied de page sont présentés sous forme de liste */
.pieddepage {
	text-align: center;
	font-size: 90%;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.pieddepage li {
	display: inline;
}
/* aspect des liens du pied de page */
.pieddepage a {
	color: #c10435;
	font-weight: normal;
	text-decoration: none;
}
.pieddepage a:visited {
	color: #c10435;
	text-decoration: none;
}
.pieddepage a:hover {
	color: #c10435;
	text-decoration: underline;
}
.pieddepage a:active {
	color: #aaaaaa;
	text-decoration: none;
}

/*** Fin styles pour le pied de page ***/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Zone bas de page contient les infos de copyright */
#basdepage {
  width: 1000px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding:0px;
	color: #555555;
 	background-color: #fffce8;
 	border: 0px solid #ff0000;
}

/* Les intitulés en pied de page sont présentés sous forme de liste */
.basdepage {
	list-style-type: none;
	padding:0px;
	font-size: 90%;
}
.basdepage li {
	display: inline;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Zone basse */
#zonebasse {
  width: 1000px;
  height: 30px;
  background-image: url(../images/zonebasse.gif);
  background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	border: 0px solid #00ff00;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Styles des paragraphes */
h1, h2, h3, h4 {
	font-weight: bold;
	color: #c10435;
	margin: 1em 1em 0em 1em;
}
h1 {
	font-size: 1.4em;
	line-height: 1.6em;
}
h2 {
	font-size: 1.3em;
	line-height: 1.8em;
}
h3 {
	font-size: 1.1em;
}
h4 {
	font-size: 0.96em;
}