/* LIENS du contenu
/********************************************************************************************************/
#contenu a{color:#CC3366; border:1px dotted #CC3366; border-width:0 0 1px 0; text-decoration:none}
#contenu a:active {background-color:#fff;}
#contenu a:visited { color:#CC3366;}
/* CYGRAF : afin que la couleur du soulignement soit la même que la couleur du texte,
   déplacement de la ligne " a:hover " après la ligne " a:visited " et ajout de "border-color:#A6CE4A" */
#contenu a:hover { text-decoration:none;  color:#A6CE4A; border-style:solid; border-color:#A6CE4A }

/*ROLLOVER*/
/********************************************************************************************************/
#contenu a.imc {display:block; width: 170px; padding:15px 15px 15px 15px; border:0px; background: url("http://www.ermont-bougerplus-mangermieux.com/cygraf/images/imc3.gif") 0 0 no-repeat;}
#contenu a.imc:hover {background-position: 0 -50px; color: #049;}
#contenu a.imc:active {background-position: 0 -100px; color:#fff;}

#contenu a.suivant {color:#fff; float:right; display:block; width:26px; height:26px; border-width:0; background: url("http://www.ermont-bougerplus-mangermieux.com/cygraf/images/suivant.gif") 0 0 no-repeat}
#contenu a.suivant:hover {background-position: 0 -26px}
#contenu a.suivant:active {background-position: 0 -52px}

/* DIVERS
/********************************************************************************************************/
blockquote {border:1px solid; border-left:2px solid ; font-family:"Courier New", Courier, mono;padding:5px}
#contenu p{font-size: 80%; font-family:"Arial"; margin:0.5em 0 0.5em 0; line-height:1.3em; text-align:justify}
#contenu ul,#contenu ol,#contenu li{line-height:1.3em}
#contenu ul,#contenu ol{ margin:0.5em 0 0.5em 1.3em}
#contenu li{font-size: 80%; font-family:"Arial"; margin:0.4em 0 0.4em 0em}

/* ENTETES
/********************************************************************************************************/
h1,h2,h3,h4,h5,h6 { margin:10px 0 0 0;}
/* CYGRAF : réorganisation des styles, taille texte, marges, padding et permutation des styles h2 et h3 */
#contenu h1 {font-size: 120%; margin:0 0 0 0; color:#A6CE4A; padding:0;}
#contenu h2 {font-size: 100%; margin:0.5em 0 0.4em 0; color:#CC3366; padding:0;}
#contenu h3 {font-size: 90%; margin:0.3em 0 0.2em 0; color:#333; padding:0;}
#contenu h4 {font-size: 80%; color:#666;  margin:0.3em 0 0.2em 0;padding:0;}
#contenu h5 {font-size: 80%; margin:0.2em 0 0.1em 0;padding:0;}
#contenu h6 {font-size: 70%; margin:0.2em 0 0.1em 0;padding:0;}
#contenuHaut h1, #accueilPratique h1{margin-top:0;}

/* Déclinaison couleurs
/********************************************************************************************************
.elus #contenu h1, .elus #contenu h3 {color:#1C7198;}
.mairie #contenu h1, .mairie #contenu h3 {color:#A61B80;}
.decouvrez #contenu h1, .decouvrez #contenu h3 {color:#CC9900;}
.enfance #contenu h1, .enfance #contenu h3 {color:#C10236;}
.culture #contenu h1, .culture #contenu h3 {color:#34B0CC;}
.travaux #contenu h1, .travaux #contenu h3 {color:#34B0CC;}

/* ENCARTS
/********************************************************************************************************/
#contenu .encart {float:right; background-color:#e4e4e4; font-size:80%; padding:10px; width:220px; margin:0px 0px 10px 10px; clear:both}
#contenu .encart a {color:#000}
#contenu .encart ul {padding:0px 0px 4px 0px; margin:0px 0px 0px 15px;}
#contenu .encart li, #contenu .encart p {margin:7px 5px;}
#contenu .encart h2 {padding:2px 6px;}

/*
.elus #contenu .encart {background-color:#8CC0D5}
.mairie #contenu .encart {background-color:#D7A7CD}
.decouvrez #contenu .encart {background-color:#FDE8A9}
.enfance #contenu .encart {background-color:#E59FA1}
.culture #contenu .encart {background-color:#B4E0ED}
.travaux #contenu .encart {background-color:#B4E0ED}
*/

/* TABLEAU*/
/********************************************************************************************************/
/* CYGRAF : taille caractères indéfinie + arrière-plan blanc */
#contenu table {background-color:#fff; width:100%; font-size:100%}
#contenu td, #contenu th { border:0px solid #fff;}
#contenu th {font-weight:bold; text-align:center;}
#colonneNormal caption {display:none;}
#contenu tr { background-color:#fff;}
#tab_search_box td {padding:4px;}
#contenu .tableauLigneAlternee{background-color:#fff;}

/*SOMMAIRE*/
/********************************************************************************************************/
#navigationNiveau4{float:right;background-color:#E3F4D9; width:200px; margin:0px 0px 0px 5px; padding:0px;}
#navigationNiveau4 h2 {text-align:center; margin:4px 0px 0px 0px; padding:0;}
#navigationNiveau4 a{ color:#000}
#navigationNiveau4 .on a{font-weight:bold;}
#navigationNiveau4 ul{padding:0; margin: 0 5px;	list-style-type:none; font-size:90%;}