html {
background:#979797;
}

body
{
  margin: 0px ;
  padding: 0px ;
  text-align: center ;
  font-size: .70em;
  font-family: "MS Trebuchet", Verdana, Arial, serif;
}  
   
div#conteneur {
  width: 1000px;
  text-align:left;
  min-height: 100%;
  padding: 0;
  _padding: 0 0 0 0;
  margin: 0 auto;
  _margin: 0 0 0 0;
  background: #e0dfc1;
}

a img {
  border: 0 none; 
}

/* ------------------    HEADER ------------------------ */
div.header {
  position: relative;
  top: 0px;
  _top:2px;
  width: 1000px;
  height: 100px;
  background: url(images/header_fond.png) no-repeat left top ;
}

div.head_menu_logo {
  text-align:center;
  margin-top:0px;
  margin-bottom:0px;
}

div.head_logo {
  float:left;
  display: block;
}

div.head_blank {
  height:35px;
}

div.head_blank_top {
  height:10px;
}

div.head_flash {
  float:left;
  background-color:white;
  padding-left:20px;
  padding-right:20px;
  height:60px;
  _margin-top:-20px;
  margin-left:20px;
}

div.head_drapeau {
  text-align:right;
  padding-right:10px;
  padding-top:8px;
}

div.head_menu_gal {
  float:right;
  padding-right:10px;
  text-align: right;
  font-weight: bold;
  font-size: 0.85em; 
  color: white;
  _width:500px;
}

div.head_menu_gal a {
  color: white;
  text-decoration:none;
}

div.head_menu_gal a:hover {
  text-decoration:underline;
}

/* ------------------    ARIANE ------------------------ */

div#ariane { 
  margin-top:20px;
  margin-bottom:10px;
  color:#bf0000;
  background:white;
  padding-left: 20px;
  line-height: 20px ;
}

div#ariane a { 
  color:#bf0000;
}

/* ------------------    FOOTER ------------------------ */
div#footer {
  position: relative;
  width: 1000px;
  height: 17px;
  background: white url(images/footer_fond.png) repeat-x left top ;
  text-align: center ;
  color: white ;
  font-weight: bold;
  font-size: 0.9em; 
}

div#footer a {
  color: white ;
}

/* ------------------    MENU ------------------------ */
div#menu  {
  width: 1000px;
  height: 28px ;
  background: url(images/menu_fond.png) repeat-x;
  border-top: 2px solid white ;
  border-bottom: 2px solid white ;
  margin-top:0px;
  padding-top:0px;
}
div#menu ul {
  margin-top:0px;
  padding-top:0px;
  margin-left:-2%;
  _margin-left:2%;
}

div#menu li {
  display: block;
  float:left;
  line-height: 28px ;
  list-style-type: none ;
  text-align: center ;
  padding-right:4px ;
  padding-left:4px ;
  font-size: 0.95em ;
  font-weight: bold ;
  letter-spacing: 2px ;
  border-left: 1px solid white;
  border-right: 1px solid white;
    margin-top:0px;
  padding-top:0px;
  _margin-top:0px;
}

div#menu li.first {
  border-left:2px solid white;
}

div#menu li.last {
  border-right:2px solid white;
}

div#menu li a {
  color: white ;
  text-decoration: none ;
}

div#bandeau {
  text-align:center;
  position: relative;
  width: 1000px;
  height: 183px;
}
  
/* ------------------    CONTENU ACCUEIL ------------------------ */
div#contenu { 
  width: 1000px;
  margin-top:10px;
  margin-bottom:0px;
  padding:0px;
  background: #e0dfc1;
}

div.float1 {
  float: left;
  width: 460px;
  margin-left: 20px;
  _margin-left:10px;
  margin-right: 10px; 
}

div.titre1 {
  background: url(images/contenu_titre1_fond.png) repeat-x top #3e3d3e;
  color:white;
  margin-top: 10px;
  padding-left:10px;
  font-size: 1.2em ;
  font-weight: bold ;
  text-align: left ;

}

div.body1 {
  background-color: white;
  margin-bottom: 10px;
  padding:10px;
  color:#bc0000;
  text-align:justify;
}

div.body1 a {
  color:#bc0000;
}

div.body1  img {
  float: left; 
  padding-right:10px;
}

div.float2 {
  float: right;
  width: 460px;
  margin-right: 20px;
  _margin-right:10px;
}

div.titre2 {
  background: url(images/contenu_titre2_fond.png) repeat-x top #bf0000; 
  color:white;
  margin-top: 10px;
  padding-left:10px;
  font-size: 1.2em ;
  font-weight: bold ;
  letter-spacing: 1px ;
  text-align: left ;
}

div.body2 {
  background-color: white;
  margin-bottom: 10px;
  padding:10px;
  color:black;
  text-align:justify;
}

div.body2 a {
  color:black;
}

div.body2  img {
  float: left; 
  padding-right:10px;
}

div.body2  li {
  list-style-position: inside;
}

.spacer {
clear:both;
}


/* ------------------    CONTENU DETAIL ------------------------ */

div.float1_detail {
  float: left;
  width: 480px;
  margin-left: 20px;
  _margin-left:10px;
  margin-right: 10px;
  background-color: white;
}

div.float1_detail h1 {
  color:#bc0000;
  font-size: 1.2em ;
  font-weight: bold ;
  text-align: left ;
  padding-left:10px;
  _padding-top:10px;
}


div.float1_detail h2 {
  color:#bc0000;
  font-size: 1.1em;
  font-weight: normal ;
  text-align: left ;
  padding-left:10px;
  _padding-top:0px;
}

div.float1_detail a {
  color:#bc0000;
  text-decoration:none;
}

div.float1_detail p {
  padding-left:10px;
  padding-right:10px;
  _padding-bottom:0px;
  color:black;
  text-align:justify;
}

div.float1_detail ul {
  text-align:justify;
  padding-right:10px;
}

div.float1_detail p a {
  color:#bc0000;
  text-decoration:none;
}

div.float1_detail p a:hover {
  text-decoration:underline;
}

div.float1_detail h2 a:hover {
  text-decoration:underline;
}

div.float1_detail ul li a:hover {
  text-decoration:underline;
}

div.float1_detail hr {
  border:10px solid #e0dfc1;
  _height:20px;
}

div.float2_detail {
  float: left;
  width: 450px;
  background-color: white;
  padding:10px;
}

div.gauche { 
  float: left; 
}
div.droite { 
  float: right;
  padding-top:20px;
  _padding-top:0px;
}

div.float2_detail h1 {
  color:#bc0000;
  font-size: 1.2em ;
  font-weight: bold ;
  text-align: left ;
  padding-left:10px;
}

div.float2_detail p {
  padding-left:10px;
  padding-right:10px;
  color:black;
  text-align:justify;
}

div.float2_detail p a {
  color:#bc0000;
  text-decoration:none;
}

div.float2_detail p a:hover {
  text-decoration:underline;
}

div.float2_detail h2 a:hover {
  text-decoration:underline;
}

div.float2_detail ul li a:hover {
  text-decoration:underline;
}

div.float2_detail hr {
  border:10px solid #e0dfc1;
  _height:20px;
}

div.float3_detail {
  float: right;
  width: 15%;
  background-color: white;
  padding:10px;
}

.rouge { color:#bf0000;}
.rouge a { color:#bf0000; }

.bas_contenu {
    margin-right:10%;
    margin-left:10%;
    border:1px solid #bf0000;
}

/* FORMULAIRE */ 

div.formulaire_gauche{
    width: 400px;
    float:left;

}
div.formulaire_droite{
    width: 400px;
    float:left;
    margin-left:50px;
}
div.formulaire_col_1{
    display: inline;
    text-align:right;
    margin-bottom: 5px;
    float:left;
}
div.formulaire_col_2{
    display: inline;
    text-align:right;
    margin-bottom: 5px;
    float:right;
}
div.formulaire_ligne{
    text-align:right;
    height: auto;
    margin-right: 5px;
    margin-bottom: 5px;
}
.formulaire_lib {
    vertical-align:top;
    font-size: 11px;
    color: black;
    margin-right: 5px;
    text-align: right;
}
.formulaire_lib_chk {
    font-size: 11px;
    color: black;
    text-align: right;

}
.formulaire_input INPUT{
    border: 1px solid #979797;
    font-size: 9px;
    width: 200px;
    height: 18px;
}

.formulaire_check INPUT{
    width: 11px;
    height: auto;
    vertical-align:middle;
}
.formulaire_adresse TEXTAREA{
    border: 1px solid #979797;
    width: 200px;
}
.formulaire_textarea TEXTAREA{
    border: 1px solid #979797;
}

.formulaire_boutons{
    text-align:center;
}
.formulaire_boutons INPUT {
    cursor: pointer;
    border: 0px;
    width: 60px;
    height: 25px;
    background: url(images/footer_fond.png) repeat-x top #bf0000;
    color:white;
    font-size: 10px;
    font-weight: bold;
    text-align: center;    
    margin-top: 1px;
}

div.gauche h2 {
  color:#bc0000;
  font-size: 1.1em ;
  font-weight: normal ;
  text-align: left ;
}