body	{ 
background:url(../pictos_site_21/background_body2.jpg) no-repeat; 
background-position:center; 
background-position:top;
margin:0pt; 
padding:0pt; 
font-family: Arial,Helvetica,sans-serif; 
text-align: center; 
font-size: 11px;
 }
 
#centre {
height: auto;
}


 /* -- Menu HEADER -- (accueil, actualite, contact, drapeau) ---*/
 #menu-header{ 
float: right; 
margin-top: 25px; 
margin-right: 25px;
 }

 *>#menu-header{ 
float: right; 
margin-top: 25px; 
margin-right: 45px;
 }


 #menu-header ul li { 
margin: 0; 
padding: 0; 
display: inline; 
list-style: none; 
background-image: none; 
}

#menu-header ul { 
margin: 0; 
padding: 0 0 0 0%; 
color: #FFFFFF;
 font-family: "Century Gothic", "Arial Narrow";
	font-size: 9px; 
letter-spacing: 2px; 
}

#menu-header ul li a.accueil {
margin-right:17px; 
padding: 0em; 
text-decoration: none; 
float: left; 
height: 17px;
width: 57px; 
background-image: url(../pictos_site_21/accueil.gif); 
background-position: top; 
text-indent: -3000px; 
}
#menu-header ul li a.actu{
margin-right:17px; 
padding: 0em;
text-decoration: none;
 float: left; 
height: 17px;
width: 74px; 
background-image: url(../pictos_site_21/actualite2.gif); 
background-position: top; 
text-indent: -3000px;
}
#menu-header ul li a.contact {
margin-right:8px; 
padding: 0em; 
text-decoration: none; 
float: left;
height: 17px;
width: 68px; 
background-image: url(../pictos_site_21/contact2.gif); 
background-position: top; 
text-indent: -3000px;
}

#menu-header ul li a.flag {
padding: 0em;
text-decoration: none;
float: left; 
height: 11px;
width: 18px;
background: url(../pictos_site_21/flag2.gif) no-repeat;
background-position: top;
text-indent: -3000px; 
margin-top:2px;
}

#menu-header ul li a:hover {
background-position: bottom; 
text-indent: -3000px; 
list-style: none; 
}
#menu-header a#youarehere {
background-position: bottom; 
text-indent: -3000px;
 }

.alignement { 
vertical-align: middle; 
display: inline-block; 
}


/* -- Arborescence -------------------*/
#bloc-arbo {
margin-left:10px; 
font-size:10px; 
color:#ffffff; 
font-family: Arial,Helvetica,sans-serif; 
font-weight:normal;
text-align: left; 
margin-top: 6px; 
margin-bottom: 0px;
}

*>#bloc-arbo {
margin-top: 9px; 
margin-bottom: 10px;
}

#bloc-arbo a, #bloc-arbo a:visited { text-decoration: none; color: #ffffff; }
#bloc-arbo a:hover, #bloc-arbo a:visited:hover {text-decoration: underline;color: #ffffff;}
/*------------------------*/

#rubrique  {
background:url(../pictos_site_21/puce_rubrique_on.gif) no-repeat; 
background-position:left center;
font-family: Arial,Helvetica,sans-serif; 
font-weight:bold; 
font-size:11px; 
color:#000; 
text-decoration:none;
}
#rubrique a:hover  {
background:url(../pictos_site_21/puce_rubrique_on.gif) no-repeat; 
background-position:left center;
color:#fff; text-decoration:none;
}
/* ------------------------------------------------ */
 #gauche { 
padding-left: 40px;
}

#menu-gauche { 
margin: 0px; 
padding-top: 0px; 
padding-left: 10px;
padding-right: 20px;
padding-bottom: 0px;
}
#menu-gauche ul { 
margin: 0pt;
padding: 0pt;
}
#menu-gauche li { 
list-style: none;
margin: 0px; 
padding: 0pt; 
display: block;
border-bottom: 1px #ead6b2 solid; }

#menu-gauche a {
font-size: 11px;
margin: 0pt; 
display: block; 
color: #000000; 
text-decoration: none;
padding-top: 15px; 
padding-bottom: 15px; 
padding-left: 15px;
background: url(../pictos_site_21/puce_rubrique_off.gif) no-repeat scroll 0px 20px;
font-weight: bold; 
}
#menu-gauche a:hover {
background: url(../pictos_site_21/puce_rubrique_on.gif) no-repeat scroll 0px 20px;
color:#E60F29;
}

#menu-gauche a.current {
background: url(../pictos_site_21/puce_rubrique_on.gif) no-repeat scroll 0px 20px;
color:#E60F29;
}
#menu-gauche a.current:hover { 
background: url(../pictos_site_21/puce_rubrique_on.gif) no-repeat scroll 0px 20px;
}

*>#menu-gauche a {
background: url(../pictos_site_21/puce_rubrique_off.gif) no-repeat scroll 0px 15px;
}

*>#menu-gauche a:hover {
background: url(../pictos_site_21/puce_rubrique_on.gif) no-repeat scroll 0px 15px;
color:#E60F29;
}
*>#menu-gauche a.current {
background: url(../pictos_site_21/puce_rubrique_on.gif) no-repeat scroll 0px 15px;
color:#E60F29;
}
*>#menu-gauche a.current:hover { 
background: url(../pictos_site_21/puce_menu_on.gif) no-repeat scroll 0px 15px;
}

/* ------------------------------------------------ */
.trait-vert{
width: 160px;
height: 1px;
font-size:1px;
background-color: #ead6b2;
margin-top:0px;
margin-bottom:10px;
}

#subgauche {
margin: 0px;
padding: 0px;
}

#subgauche ul {
margin-bottom: 8px;
padding-bottom: 8px;
}

#subgauche li {
margin: 0px;
padding: 0px; 
display: block; 
border-bottom: 0px;
}
#subgauche a {
font-size: 10px;
margin: 0px;
padding: 0px 2px 6px 20px;
display: block;
color: #000;
text-decoration: none; 
font-weight: normal; 
font-family: Verdana, Helvetica, Arial, sans-serif;
background-image: url(../pictos_site_21/puce_srubrique_off.gif); 
background-position: 9px 3px; 
border-bottom: 0px;
}
#subgauche a:hover {
color: #f8132d; 
background-image: url(../pictos_site_21/puce_srubrique_on.gif);
background-position: 9px 3px; 
}
#subgauche a.youarehere, #nav-section a.youarehere:hover {
color: #f8132d; 
background-image: url(../pictos_site_21/puce_srubrique_on.gif);
background-position: 9px 3px;
 }
/* ------------- BLOCs colonne gauche  ------------- */

#bloc-vert-haut { 
background:url(../pictos_site_21/bloc_vert_gauche.gif) no-repeat; 
padding:8px; 
padding-top:10px;
margin-bottom:-7px;
}

*>#bloc-vert-haut { 
margin-bottom:0px;
}



/* ----------- Envoyer ami et Imprimer --------------- */
#btn-col-gauche { 
height: 24px; 
margin-top:15px;
margin-right:0px;
}

/* --------- Blocs gris telechargement et  Actualites --------*/
#bloc-gris-haut {
background:url(../pictos_site_21/bloc_gris_gauche.gif) no-repeat; 
background-position: top left;
margin-top:10px;
margin-bottom:-7px;
padding-right:20px; 
padding-top:10px;
padding-left:15px;
padding-bottom:12px;
}

*>#bloc-gris-haut {
margin-bottom:0px;
}

#bloc-gris-haut .date {
font-size:10px;
font-weight: bold;
font-family: Arial, Helvetica, Arial, sans-serif;
color:#666666;
text-decoration: none;
border: none;
}

#bloc-gris-haut a {
font-size:10px;
font-weight: normal;
font-family: Arial, Helvetica, Arial, sans-serif;
color:#666666;
text-decoration: none;
border: none;
}

#bloc-gris-haut a:hover {
font-size:10px;
font-weight: normal;
font-family: Arial, Helvetica, Arial, sans-serif;
color:#666666;
text-decoration: underline;
border: none;
}
#bloc-gris-haut .titre_actus{
font-family: Arial, Helvetica, Verdana, sans-serif;
color:#B9071C;
font-weight:bold;
font-size: 11px;

}
#bloc-gris-haut .text_actus{
font-family: Arial, Helvetica, Verdana, sans-serif;
color:#000;
font-weight: normal;
font-size: 10px;
padding-right: 10px;
}

/* ---------------------------- */
/* ---------- CONTENU (colonne droite)  ------------------ */
.contenu { 
margin-top: 0px; 
margin-left:  20px;
 margin-right: 10px;
 margin-bottom:10px; 
padding: 10px;
font-family: Arial,Helvetica,Verdana, sans-serif; 
font-size: 12px; 
color: #fff;
font-weight: normal; 
}

*>.contenu { 
font-size: 11px; 
}

.contenu  a { 
color: #666666; 
text-decoration: none;
 }
.contenu  a:hover { 
color: #666666; 
text-decoration: underline; 
}

.contenu img{
border:0px;
float:left;
}

.contenu-bloc-rouge{
background-color:#A81839;
padding:15px;
margin-top:12px;
margin-bottom:12px;
}

.spacer {
clear: both;
}


/* chiffres pages*/

ul#bloc-chiffre {
list-style: none;
margin: 0;
padding: 0;
font-size: 10px; }

#bloc-chiffre li{
display: inline;
padding: 0;
background-image: none;
}

#bloc-chiffre a{
color: #919180;
border: 1px #D0D0B7 solid;
background-color: #ffffff;
padding:2px;
text-decoration: none;
}

#bloc-chiffre a:hover{
color: #ffffff;
border: 1px #E60F28 solid;
background-color: #E60F28;
}

#bloc-chiffre a.youarehere, .bloc-chiffre a.youarehere:hover{
color: #ffffff;
border: 1px #E60F28 solid;
background-color: #E60F28
}

/* --------- PIED --------- */
#pied { 
margin: 0px; 
padding-top: 13px; 
padding-bottom: 0px; 
text-align: center; 
font-size: 10px; 
color: #ffffff; 
background:url(../pictos_site_21/onglet_rouge6.gif) no-repeat; 
background-position:bottom center;
 }


#pied a {
text-decoration:none; 
color:#ffffff;
 }
#pied a:hover {
text-decoration:none; 
color:#fff;
text-decoration:underline;
}


#footer { 
margin:0px; 
padding-top: 15px; 
padding-bottom: 0px; 
background-image: url(../pictos_site_21/back_footer2.jpg);
background-repeat: repeat-x;
height:30px;
} 
