* {
  margin: 0;
  padding: 0;
}
body {
  background: url(images/img01.gif) repeat-x scroll left top;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 14px;
  color: #4a5157;
}

h1, h2 {
  color: #292929;
}
h1 {
  letter-spacing: -1px;
  font-size: 30px;
}
h2 {
  font-size: 24px;
  color: #292929;
}
h3 {
  font-weight: bold;
  font-size: 15px;
  color: #cc0000;
  margin-bottom: 10px;
}

h4 {
  font-weight: bold;
  font-size: 14px;
  /*color: #cc0000;*/
  margin-bottom: 10px;
}
ul, ol {
  margin-bottom: 1em;
  text-align: left;
  line-height: 140%;
}
p {
  margin-bottom: 1em;
  text-align: left;
  line-height: 160%;
}

.textephoto {
line-height: 130%;
}

em {
font-size: 10px;
}
.gris {
  border:  none;
  padding: 5px;
  margin-left: 10px;
  margin-right: 5px;
  line-height: 130%;
  /*background-color: #dddddd;*/
  background-color:#efefef;
}
.centre {
  width: 468px;
  margin-left: auto;
  margin-right: auto;
}
.interligne {
  line-height: 130%;
}
.gras {
  font-weight: bold;
}
.grand {
  font-size: 15px;
  text-align: center;
}
.gras2 {
  font-weight: bold;
  text-decoration: underline;
}
.gras3 {
  font-weight: bold;
  font-size: 15px;
}
.souligne {
  text-decoration: underline;
}
.italique {
  font-style: italic;
}
.centre {
  display: block;
  text-align: center;
  font-weight: bold;
}
.centreb {
  display: block;
  text-align: center;
}

.centreI {
 
  text-align: center;
}

.couleur {
  font-weight: bold;
  font-size: 15px;
  color: #cc0000;
}
.couleurA {
  font-weight: bold;
  font-size: 14px;
  color: #cc0000;
}
 
.couleurcentre {
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  color: #cc0000;
}
.image {
  width: 140px;
  height: 95px;
  float: left;
  margin-right: 15px;
}
.image2 { /* fleche astuce*/
  float: left;
  width: 120px;
  height: 120px;
  margin-right: 15px;
}
.image3 { /* texte avec puce*/
  float: left;
  width: 150px;
  margin-right: 30px;
}

.image240 {
  float: left;
  width: 240px;
  margin-right: 15px;
  margin-bottom: 5px;
}
.image200 {
  float: left;
  width: 200px;
  margin-right: 15px;
  margin-bottom: 5px;
}
.image190 {
  float: left;
  width: 190px;
  margin-right: 15px;
  margin-bottom: 5px;
}
.image180 {
  float: left;
  width: 180px;
  margin-right: 15px;
  margin-bottom: 5px;
}
.image175 {
  float: left;
  width: 175px;
  margin-right: 15px;
  margin-bottom: 5px;
}
.image170 {
  float: left;
  width: 160px;
  margin-right: 15px;
  margin-bottom: 5px;
}
.image160 {
  float: left;
  width: 160px;
  margin-right: 15px;
  margin-bottom: 5px;
}
.image150 {
  float: left;
  width: 150px;
  margin-right: 15px;
  margin-bottom: 5px;
}
.image140 {
  float: left;
  width: 140px;
  margin-right: 15px;
  margin-bottom: 5px;
}
.image130 {
  float: left;
  width: 130px;
  margin-right: 15px;
  margin-bottom: 5px;
}
.image125 {
  float: left;
  width: 125px;
  margin-right: 15px;
  margin-bottom: 5px;
}
.image120 {
  float: left;
  width: 120px;
  margin-right: 15px;
  margin-bottom: 5px;
}

.image120B {
  float: left;
  width: 120px;
  margin-left: 20px;
}

.image110 {
  float: left;
  width: 110px;
  margin-right: 15px;
  margin-bottom: 5px;
}
.image100 {
  float: left;
  width: 100px;
  margin-right: 15px;
  margin-bottom: 5px;
}
.image80 {
  float: left;
  width: 80px;
  margin-right: 15px;
  margin-bottom: 5px;
}
.image50 {
  float: left;
  width: 50px;
 /* margin-right: 15px;
  margin-bottom: 5px;*/
}

.dessousimage {
  clear: both;
  line-height: 130%;
}
.dessousimage2 {
  clear: both;
}
.bordure {
  border: 1px solid #969696;
  padding: 10px;
  width: 460px;
  margin-left: auto;
  margin-right: auto;
  background-color: #a6b1b0;
  color: black;
}
.tab {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
}
.colonne {
  width: 250px;
}
.coltitre {
  color: black;
  text-align: center;
  font-weight: bold;
  font-size: 13px;
}
.col1 {
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  background-color: #646464;
  padding-left: 10px;
}
.col1a {
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  background-color: #646464;
  text-align: center;
  width: 250px;
}
.col2 {
  border: 1px solid #646464;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  padding-left: 10px;
}
/* tableau carte de site*/
.colcarte {
  color: black;
  font-weight: bold;
  font-size: 13px;
  padding-left: 10px;
  /*padding-top: 5px;*/
  width: 70px;
}
/* tableau page accueil */
.tabA {
  width: 750px;
  margin-left: auto;
  margin-right: auto;
}
.colonneA {
  /*width: 375px;*/
  width: 400px;
}

.ligneA {
text-align: center;
}
/* formulaire accueil */
.legende {
}

/* tableau gris*/
/*.colgris {
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  background-color: #646464;
  padding: 10px;
  width: 550px;
}*/
.post .colgris { /* tableau gris*/
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  background-color: #646464;
  padding: 10px;
  margin:5px;
}
/*** Mise en forme du formulaire ***/

#inscription {
	border: none;
	margin: 0;
	padding: 0;
	width: 350px;	/*** Largeur du formulaire ***/
}
#titreForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 1em "Trebuchet MS", arial, hevetica, sans-serif;
	text-align:center;
	/*color: #FFFFFF;*/
	/*background-color: #242424;*/
	color: #cc0000;
	margin: 0;
	padding: .5em;
}

.titreForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 1em "Trebuchet MS", arial, hevetica, sans-serif;
	text-align:center;
	/*color: #FFFFFF;*/
	/*background-color: #242424;*/
	color: #cc0000;
	margin: 0;
	padding: .5em;
}

#piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 1em "Trebuchet MS", arial, hevetica, sans-serif;
	text-align:center;
	/*color: #FFFFFF;*/
	margin: 0;
	padding: .5em;
}

.piedForm {
	text-align: center; /*** Les boutons sont centrés ***/
}

.piedForm input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-top: 1em;
}

#piedForm {
	text-align: center; /*** Les boutons sont centrés ***/
}
#piedForm input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-top: 1em;
}
#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	/*border: 1px solid black;*/
	color: black;
	background: #efefef;
	margin: 0;
	padding: 1em;
}
#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}
#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	background: transparent;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#corpForm fieldset#coordonnees label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	/*line-height: 1.8;	/*** ... et centrés verticalement. ***/
}
#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}

#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}
#corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}
#corpForm a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}

#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}

/* avec une class */
.corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	/*border: 1px solid black;*/
	color: black;
	background: #efefef;
	margin: 0;
	padding: 1em;
}
.corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}
.corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	background: transparent;
}
.corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
.corpForm fieldset#coordonnees label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	/*line-height: 1.8;	/*** ... et centrés verticalement. ***/
}
.corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}

.corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}
.corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
.corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}
.corpForm a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}

.corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}

/* formulaire dans les pages du site */
#inscription {
	border: none;
	/*margin-top : 150px;*/
	margin-left:auto; 
	margin-right:auto;
	width: 400px;	/*** Largeur du formulaire ***/
}
/* fin formulaire */
ul {
  list-style-type: square;
}
.coche li {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  background-image: url(images/coche.jpg);
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: 0px 8px;
}
.etoile li {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  background-image: url(images/etoile.gif);
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: 0px 5px;
}
ol {
}
a.normal {
  color: #4a5157;
  text-decoration: none;
}
/*a.blanc {
  color: white;
}*/
a {
  color: blue;
}
a:hover {
  text-decoration: none;
}
img {
  border:  none;
}
img.left {
}
img.right {
}
.tn img {
  border: 8px solid #f5f5f5;
}
hr {
  display: none;
}
/*#logo {
  margin: 0 auto;
  width: 874px;
  height: 147px;
}*/
#logo {
  margin: 0 auto;
  width: 874px;
  height: 70px;
  }
  
 #logo2 {
  margin: 0 auto;
  width: 874px;
  height: 77px;
 }
  

#logo h1 {
  /*padding: 70px 37px 0 0;*/
  /*padding: 40px 37px 0 0;*/
  /*background: transparent url(images/img02.gif) no-repeat scroll 100% 63px;*/
 /*background: transparent url(images/img02.gif) no-repeat scroll 100% 33px;*/
  /*float: left;*/
  /*height: 54px;*/
  font-size: 38px;
  font-weight: normal;
  letter-spacing: -2px;
  position: absolute;
  top: 25px;
  left:250px;
}

#logo h2 {
  /*padding: 115px 0 0;
  float: right;*/
 /* width: 550px;*/
  font-weight: normal;
  font-size: 16px;
  color: #ffffff;
  position: absolute;
  top: 115px;
  right:100px;
}

#logo h3 {
  /*padding: 115px 0 0;
  float: right;*/
 /* width: 550px;*/
  font-weight: normal;
  font-size: 16px;
  color: #ffffff;
  position: absolute;
  top: 115px;
  right:100px;
}
#logo2 h2 {
  /*padding: 14px 37px 0 0;
  float: left;
  height: 0px;*/
  font-weight: normal;
  font-size: 16px;
  color: #ffffff;
  position: absolute;
  top: 65px;
  left:250px;
}

#logo2 h3 {
  /*padding: 14px 37px 0 0;
  float: left;
  height: 0px;*/
  font-weight: normal;
  font-size: 16px;
  color: #ffffff;
  position: absolute;
  top: 65px;
  left:250px;
}

#logo a {
  text-decoration: none;
  color: #ffffff;
}
#menu {
  position: absolute; /* ceobar firefox*/
  top: 147px;
  left:300px;
 /* margin: 0 auto;*/
  width: 919px;
  height: 46px;
}
#menu ul {
  margin: 0;
  padding: 10px 0 0;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  line-height: normal;
}
#menu li {
  display: inline;
}
#menu a {
  margin: 0 10px;
  padding: 5px 20px 0;
  /*padding: 5px 25px 0;*/
  display: block;
  float: left;
  height: 25px;
  /*width: 150px;*/
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}

#menu a:hover {
  text-decoration: underline;
}
#menu .active a {
  background: #ec0000 url(images/img03.gif) repeat-x scroll left bottom;
}
#menuA {
  position: absolute;
  top: 147px;
  left:300px;
  /*margin: 0 auto;*/
  width: 1000px;
  height: 50px;
}
#menuA ul {
  margin: 0;
  padding: 10px 0 0;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  line-height: normal;
}
#menuA li {
  display: inline;
}
#menuA a {
  margin: 0 10px;
  padding: 5px 20px 0;
  /*padding: 5px 25px 0;*/
  display: block;
  float: left;
  /*width: 150px;*/
  height: 25px;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
#menuA a:hover {
  text-decoration: underline;
}
#menuA .active a {
  background: #ec0000 url(images/img03.gif) repeat-x scroll left bottom;
}
#bg {
  margin:50px; /* a cause du ceo toolbar de firefox*/
  background: transparent url(images/img04.gif) no-repeat scroll center top;
  
}
#page {
  margin: 0 auto;
  width: 918px;
}
#accueil {
  margin: 0 auto;
  width: 800px;
}
#content {
  padding: 0 0 0 24px;
  float: left;
  width: 625px;
}
#content h1 {
  margin: 45px 0 20px;
  background: transparent url(images/img07.gif) no-repeat scroll left center;
  padding-left: 33px;
}
#content .content {
  padding-left: 32px;
}
.post h1.title {
  margin: 45px 0 20px;
  background: transparent url(images/img07.gif) no-repeat scroll left center;
  padding-left: 33px;
}
/*.post h2.title {
  margin: 40px 0 25px;
  background: transparent url(images/img07.gif) no-repeat scroll left center;
  padding-left: 33px;
}*/
.post h2.title {
  margin: 40px 0 25px;
 /* background: transparent url(images/flechea.gif) no-repeat scroll left center;*/
 background: transparent url(images/pucerouge.jpg) no-repeat scroll left center;
  padding-left: 33px;
}
.post .title a {
  text-decoration: none;
  color: #292929;
}
.post .entry {
  padding-left: 32px;
}
.post .entry2 { /* tableau des erreurs*/
  border: 1px dotted black;
  padding: 5px;
  margin-left: 10px;
  margin-right: 5px;
  background-color: #f4c4d1;
}
.post ul, .post ol {
  margin-left: 3em;
}
.post ul {
  list-style-type: square;
}
.post ol {
  list-style-type: decimal;
}
#sidebar {
  padding: 0 1px 0 0;
  float: right;
  width: 214px;
}
#sidebar a {
  color: #4a5157;
  /*color: blue;*/
}
#sidebar .active a {
  color: #cc0000;
  font-weight: bold;
  text-decoration: none;
}

#sidebar .visited a {
  color: #cc0000;
  /*font-weight: bold;
  text-decoration: none;*/
}

.box {
}
.box .title {
  padding: 6px 0 0 34px;
  background: #c80000 url(images/img05.gif) no-repeat scroll 0% 50%;
  height: 27px;
  text-transform: lowercase;
  font-size: 17px;
  color: #ffffff;
}
.box .content {
  padding: 12px;
  background: transparent url(images/img06.gif) repeat-x scroll 0% 150%;
}

.box1 .content {
  padding: 47px;
  background: transparent url(images/img06.gif) repeat-x scroll 0% 150%;
}

.box ul {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  line-height: normal;
  
}
.box ul li {
  margin-bottom: 13px;
  font-size: 12px;
  
}

.adsense {
padding:23px;
}


#footer {
  padding: 35px 0;
  background: transparent url(images/img08.gif) no-repeat scroll center top;
  font-size: 12px;
}
#footer p {
  text-align: center;
}

#footer .tabmotcle {
width: 230px;
 margin-left: auto;
 margin-right: auto;
}
/* formulaire de contact */

#contact {
background-color: #efefef; /* couleur fond du formulaire */
width: 370px;
position: relative; /* centrage du formulaire au milieu de l'écran */
margin-left: auto;
margin-right: auto;
padding: 20px;
text-align: left;
}
#champP {
width: 245px;
}
#champE {
width: 208px;
}
#champS {
width: 300px;
}

/*#textarea {
width: 350px;
height: 120px;
}*/

#prenom,#email,#sujet,#message,#code {
/*display:block;
padding-top:10px;*/
/*color: #FFFFFF;*/
}

.erreur {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: red;
}

.confirmation {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
}

/* espace membre*/

#inscriptionF {
	border: none;
	margin-top : 150px; 
	margin-left:auto; 
	margin-right:auto;
	width: 400px;	/*** Largeur du formulaire ***/
}

#titreFormF, #piedFormF {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 1.1em "Trebuchet MS", arial, hevetica, sans-serif;
	text-align:center;
	color: #FFFFFF;
	/*background-color: #646464;*/
	background-color: #242424;
	
	margin: 0;
	padding: .5em;
}
#piedFormF {
	text-align: right; /*** Les boutons sont alignés à droite ***/
}
#piedFormF input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 1em;
}
#corpFormF {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	/*border: 1px solid black;*/
	color: black;
	background: #efefef;
	margin: 0;
	padding: 1em;
}
#corpFormF fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}
#corpFormF legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	background: transparent;
}
#corpFormF p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#corpFormF fieldset#coordonneesF label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.4;	/*** ... et centrés verticalement. ***/
}
#corpFormF label:hover, #piedFormF input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}


#corpFormF .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}

#corpFormF a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}
#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: #FFFF99;
	color: black;
}
#corpFormF .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}

/* banniere promobenef ou moteur de recherche */
.absolute {
position: absolute;
top: 26px;
right:190px;
/*top: 90px;
right:110px;*/

}
/* image header */
.absolute1 {
position: absolute;
top: 0px;
left:0px;
}
/* image header livre */
.absolute2 {
position: absolute;
top: 300px;
left:50px;
}
.absoluteh3 {
position: absolute;
top: 100px;
right:220px;
}

/* bouton validite xhtml css*/
.valide {
padding-right: 10px;
}
.valideCss {
padding-left: 10px;
}

/*livre d'or */
/* Lien des pages suivantes & précédentes */
.lien {
    background-color: #f9f9f9;
    color: #000000;
    /*font-family: Georgia, "Times New Roman", Times, serif;*/
    font-size: 12px;
    text-decoration: none; }

/* Lien page par page */
.lien2 {
    background-color: #f9f9f9;
    color: #000000;
    /*font-family: Georgia, "Times New Roman", Times, serif;*/
    font-size: 11px;
    text-decoration: none; }

/* Lien page par page au survol de la souris */
.lien2:hover {
    background-color: #f9f9f9;
    color: #893E53;
    /*font-family: Georgia, "Times New Roman", Times, serif;*/
    font-size: 11px;
    text-decoration: none; }

/* Tableau livre d'or */
.tableau {
    background-color: #FFFFFF;
    color: #000000;
    border: solid #000 1px;
    width: 550px;
    border-collapse: collapse;
	margin-left: auto;
  	margin-right: auto;

	 }

/* Fond de la première ligne du tableau livre d'or */
.tableau_fond {
   background-image: url(../images/livredor.gif); }

/* Toutes les lignes du tableau livre d'or */
.tableau  td {
    padding: 5px; }

/* Input du formulaires d'ajout */
input  {
    background-color: #FFFFFF;
    color: #cc0000;
    border: 1px solid #000000;
    font-size: 11px;
    font-family: Arial,Georgia, "Times New Roman", Times, serif;
    font-weight: bold; }

/* Textarea du formulaires d'ajout */
textarea  {
    background-color: #FFFFFF;
    color: #cc0000;
    border: 1px solid #000000;
    font-size: 11px;
    width: 350px;
    font-family: Arial,Georgia, "Times New Roman", Times, serif;
    font-weight: bold; }

.centrelo {
text-align:center;
}

.nouveau {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  background-color: #FFFF00;
  text-align: center;
}

/* boites page accueil */

.boxes .left-boxes {
   float: left;
   margin-left:15px;
}
			
.boxes .right-boxes {
   float: right;
   margin-right:15px;
}
			
.boxes .boxes-column {
	width: 350px;
}	
			
.boxes .boxes-column .boite {
	margin-bottom: 10px;
}
			
.boxes .boxes-column .boite h3 {
	color: #fff;
	font-size: 1.0em;
	font-weight: normal;
	margin: 0 ;
	padding: 6px ;
	text-transform: uppercase;
}
			
.boxes .boxes-column .boite li {
	background-repeat: no-repeat;
	font-weight: bold;
	padding: 2px 0 2px 10px;
}
			
.boxes .boxes-column .boite ul {
	list-style-type: none;
	margin: 4px 2px !important;
	padding: 0 !important;
}

.boxes .boxes-column .boite a {
	color: #000;
	font-size: 0.75em;
	text-decoration: none;
}
			
.boxes .boxes-column .boite a:hover, .boxes .boxes-column .boite a:focus {
	color: #676767;
}
			
/* Boite Noir */
			
.boxes .noir-box {
	border: solid 1px black;
}
				
.boxes .noir-box h3 {
	background-color: #4B4B4B;
}
				
.boxes .noir-box li.zebre {
	background-color: #efefef;
}				

/* boite rouge */
			
.boxes .rouge-box {
    border: solid 1px #CC0000;
}

.boxes .rouge-box h3 {
	background-color: #CC0000;
}

.boxes .rouge-box li.zebre {
	background-color: #efefef;
}


.petit {
font-size: 10px;
font-style: italic;
line-height: 1;
}
/** Le Menu **/

.module-mm ul, .module-mm ul li
{
 background-image: none;
 display : block;
 width : auto !important;
 width : 100%;
 margin : 1px 0;
 padding : 0;
 font-size : 13px;
 background : none;
  color: blue;
 

}

.module-mm ul li {

list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  background-image: url(images/puce.gif);
  margin-left: 2px;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: 0px 3px;
  margin-bottom:3px;
  /*line-height: 2;*/
   color: blue;
}

.module-mm ul li a, .module-mm ul li a:link, .module-mm ul li a:visited
{
 display : block;
 font-size : 13px;
 border-bottom : 1px solid #DCDFE1;
 font-weight : normal;
 padding : 3px 0;
 /*color : #666666;*/
 color: blue;
 padding-left : 10px;
 text-decoration : none;
 
}

.module-mm ul li a:hover
{
 border-bottom : 1px solid #DCDFE1;
 font-size : 13px;
 font-weight : normal;
 text-decoration : none;
 padding-left : 10px;
 text-decoration  : none;
 background : #E5E5E5;


}