body{
  background: #8f1818;

  color: #000;
  margin: 0px auto 0px auto;
  padding: 0px;
  font: 13px arial, verdana, times, sans-serif;

}

/***********************************************/
/* cadre                                       */
/***********************************************/
#cadre {
  background: #fff url('image/fondglobal.png') repeat-y;
  width: 800px;
  margin: 0px auto;
  padding: 0px 0px 10px 0px;

}
/***********************************************/
/* menu principal                              */
/***********************************************/
.menu {
  float: left;
  width: 761px;
  margin: 15px 0px 15px 20px;
  background: #ddd;
}


.menu ul li {
  display:inline;
  margin: 0px;
}
.menu ul {
  margin:0px 10px;
  padding:0;
  text-decoration: none;
  clear: both;
}
.menu a {
  display:block;
  float:left;
  text-decoration:none;
  font-size: 1em;
  color:#8f1818;
  padding: 2px 5px;
}
.menu a:hover{
  color: #fff;
  background: #8f1818;
}



h1{
  margin: 0px;
  padding: 0px;
  text-align: center;
}
h2{
  background: #fff url(image/h2.png) left no-repeat;
  color: #000;
  font: bold 14px arial, verdana, times, sans-serif;
  padding: 3px 25px;
  margin: 20px 0px;
}

h3{
  font-size: 1.1em;
  margin: 0px 0px 5px 0px;
  padding: 0px;
  font-variant: small-caps;
  color: #8f1818;
  }
h4{
  font-size: 1.1em;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 15px;
  background: url(image/puce2.png) left no-repeat;
}
p{
margin: 0px 0px 5px;
padding: 0px 0px;
text-align: justify;
font-size: 1em;
}

a{
  color: #8f1818;
  padding: 2px;
  text-decoration: none;
}

/***********************************************/
/* contenu                                     */
/***********************************************/
#contenu{
  margin: 20px 40px;
  
}
#contenu a{
  text-decoration: underline;
  color: #369;
}
#contenu a:hover{
  text-decoration: underline;
  color: #bf104f;
}
.fr{
  float: right;
  margin: 0 30px 0 0px;
}
.fl{
  float: left;
  margin: 0px 30px 0px 0px;
}
#contenu ul{
  margin: 10px 0px 20px 0px;
  font-size: 0.9em;
  list-style-type: square;
  padding: 0px 20px;

}
#contenu li{
   margin: 0px 0px 3px 0px;
   padding: 0px;
}


.italic{
  font-style: italic;
}
.ecodir{
  font-weight: bold;
  color: #8f1818;
  font-style: italic;
}
.cb{
  clear: both;
}

.sc{
  font-variant: small-caps ;
  font-weight: bold;
}
#basdepage {
text-decoration: none;
margin: 20px 0px 0px 0px;
}

/***********************************************/
/* tableau partenaires                         */
/***********************************************/
table{
font: 0.9em verdana, arial, times, sans-serif;
text-align: center;
margin: 10px 0px;
padding:0px;
}
tr{
  height: 40px;
  font-variant: small-caps;
  text-align: left;
}
td{
  width: 25%;
}
textarea{
  width: 550px;
  height: 150px;
  font-size: 11px;
}

/***********************************************/
/* contact                                     */
/***********************************************/

.centre{
  text-align: center;
  margin: 30px;
}
/***********************************************/
/* footer                                      */
/***********************************************/

#footer{
font: 0.7em verdana, arial, times, sans-serif;
color: #aaa;
margin: 0px auto;
width: 800px;

background: #fff url('image/footer.jpg') top left no-repeat;
height: 94px;
}
#footer a{
  text-decoration: none;
  color: #d2d2d2;
}
#footer a:hover{
  color: #369;
}
#footer p{
  padding: 55px 25px 0px 25px;
  margin: 0px;
}


.centre{
  margin: 0px;
  padding: 0px;
  text-align: center;
}
img{
  margin: 0px;
  padding: 0px;
}

.demi{
  width: 352px;
  float: left;
}
.red{
  color: red;
  font-size: 1.2em;
  font-weight: bold;
}
/** ajout page de garde***/
#three_up img {
  border: 0px;
  padding: 0px;
  margin: 0px;
}
#three_up{
  border: 10px solid #ddd;
  border-bottom: 8px solid #ddd;
  background:#ddd;
  margin-bottom: 5px;
}
#three_up a{
  padding : 1px;
}
#three_up img{
  margin-right: 2px;
}

#three_up a img{
  filter:alpha(opacity=100);-moz-opacity:1;opacity:1;

}
#three_up a:hover img{
  filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;
}

.three_up_margin{
  margin-right: 0px;
}


#three_up img a{
  border:none;}