/*------------------------------------------------------------------------
                            CSS DE BASE
------------------------------------------------------------------------*/

*{
  margin:0;
  padding:0;
}

body{
  background-image:url(fond.gif);
  text-align:center;
  margin:auto;
}

/*------------------------------------------------------------------------
                            STRUCTURE
------------------------------------------------------------------------*/

#head{
  text-align:center;
  margin:auto;
  background-color:#f8f8f8;
  width:790px;
  height:30px;
  margin-top:26px;
}


#conteneur{
  text-align:center;
  margin:auto;
  margin-top:0px;
  background-color:#f8f8f8;
  width:790px;
}

#contenu{
  width:780px;
  height:435px;
  /*background-color:#f8f8f8;*/
  background-image:url(./fond/fond_home.jpg);
  background-repeat:no-repeat;
  display:block;
  margin-top:0px;
  text-align:left;
  padding-left:10px;
}

html>body>#contenu{
  margin-top:47px;
}

#contenu_vide{
  width:780px;
  height:500px;
  background-color:#f8f8f8;
  display:block;
  margin-top:0px;
  text-align:left;
  padding-left:10px;
}

#titre{
  text-align:center;
  margin:auto;
  margin-bottom:10px;
  height:50px;
}


#footer{
  clear:both;
  width:790px;
  text-align:center;
  margin:auto;
}

#footer p{
  font-family:Arial, sans-serif;
  font-size:0.80em;
  color:#000000;
  margin-top:3px;
  }

/*------------------------------------------------------------------------
                            BARRE DE NAVIGATION
------------------------------------------------------------------------*/

a{
  text-decoration:underline;
  color:#000;
}

#navigation{
  width:100%;
  margin:0;
  padding:0;
  margin-top:20px;
  height:46px;
}

#navigation ul{
  margin:0;
  padding:0;
}

#navigation li{
  float:left;
  list-style-type:none;
}

.barre_debut{
  display:block;
  width:54px;
  height:46px;
  background-image:url(./menu/barre1.jpg);
  background-repeat:no-repeat;
  background-position:bottom left;
}

a.bouton1{
    display:block;
    width:114px;
    height:46px;
    background-image:url(./menu/barre2.jpg);
    background-repeat:no-repeat;
}
a.bouton1:hover {
    background-image:url(./menu/barre2_hover.jpg);
}

li#actif a.bouton1{
    background-image:url(./menu/barre2_hover.jpg);
}

a.bouton2{
    display:block;
    width:113px;
    height:46px;
    background-image:url(./menu/barre3.jpg);
    background-repeat:no-repeat;
}
a.bouton2:hover {
    background-image:url(./menu/barre3_hover.jpg);
}

li#actif a.bouton2{
    background-image:url(./menu/barre3_hover.jpg);
}

a.bouton3{
    display:block;
    width:114px;
    height:46px;
    background-image:url(./menu/barre4.jpg);
    background-repeat:no-repeat;
}
a.bouton3:hover {
    background-image:url(./menu/barre4_hover.jpg);
}

li#actif a.bouton3{
    background-image:url(./menu/barre4_hover.jpg);
}

a.bouton4{
    display:block;
    width:114px;
    height:46px;
    background-image:url(./menu/barre5.jpg);
    background-repeat:no-repeat;
}
a.bouton4:hover {
    background-image:url(./menu/barre5_hover.jpg);
}

li#actif a.bouton4{
    background-image:url(./menu/barre5_hover.jpg);
}

a.bouton5{
    display:block;
    width:113px;
    height:46px;
    background-image:url(./menu/barre6.jpg);
    background-repeat:no-repeat;
}
a.bouton5:hover {
    background-image:url(./menu/barre6_hover.jpg);
}

li#actif a.bouton5{
    background-image:url(./menu/barre6_hover.jpg);
}

a.bouton6{
    display:block;
    width:112px;
    height:46px;
    background-image:url(./menu/barre7.jpg);
    background-repeat:no-repeat;
}
a.bouton6:hover {
    background-image:url(./menu/barre7_hover.jpg);
}

li#actif a.bouton6{
    background-image:url(./menu/barre7_hover.jpg);
}

.barre_fin{
  display:block;
  width:56px;
  height:46px;
  background-image:url(./menu/barre8.jpg);
  background-repeat:no-repeat;
  background-position:bottom left;
}

/*------------------------------------------------------------------------
                            MISE EN PAGE
------------------------------------------------------------------------*/

a img{
  border:0;
}


#head p{
  text-align:right;
  margin:0;
  padding:3px;
}

#contenu_bleu{
  height:435px;
  background-image:url(./fond/fond_bleu.jpg);
  background-repeat:no-repeat;
  display:block;
  margin-top:0px;
  text-align:left;
}

html>body>#contenu_bleu{
  margin-top:47px;
}

#contenu_jaune{
  height:435px;
  background-image:url(./fond/fond_jaune.jpg);
  background-repeat:no-repeat;
  display:block;
  margin-top:0px;
  text-align:left;
}

html>body>#contenu_jaune{
  margin-top:47px;
}

#contenu_turquoise{
  height:370px;
  background:url(./fond/fond_turquoise.jpg) #FFF;
  background-repeat:no-repeat;
  display:block;
  margin-top:0px;
  text-align:left;
}

#contenu_turquoise2{
  height:570px;
  background:url(./fond/fond_turquoise.jpg) #FFF;
  background-repeat:no-repeat;
  display:block;
  margin-top:0px;
  text-align:left;
}

html>body>#contenu_turquoise, html>body>#contenu_turquoise2{
  margin-top:47px;
}

#contenu_violet{
  height:545px;
  background-image:url(./fond/fond_violet.jpg);
  background-repeat:no-repeat;
  display:block;
  margin-top:0px;
  text-align:left;
}

html>body>#contenu_violet{
  margin-top:47px;
  height:530px;
}

#contenu_rouge{
  height:435px;
  background-image:url(./fond/fond_rouge.jpg);
  background-repeat:no-repeat;
  display:block;
  margin-top:0px;
  text-align:left;
}

html>body>#contenu_rouge{
  margin-top:47px;
}

#contenu_vert{
  height:370px;
  background-image:url(./fond/fond_vert.jpg);
  background-repeat:no-repeat;
  display:block;
  margin-top:0px;
  text-align:center;
}

html>body>#contenu_vert{
  margin-top:47px;
}

ul, div, p{
  font-family:Arial, sans-serif;
  font-size:0.95em;
  color:#000;
  border:0;
}

#titre p.bleu{
  font-family:Georgia, serif;
  font-size:2em;
  padding-top:15px;
  color:#029cdf;
}

#titre p.jaune{
  font-family:Georgia, serif;
  font-size:2em;
  padding-top:15px;
  color:#ffc20f;
}

#titre p.turquoise{
  font-family:Georgia, serif;
  font-size:2em;
  padding-top:15px;
  color:#3cc1c5;
}

#titre p.violet{
  font-family:Georgia, serif;
  font-size:2em;
  padding-top:15px;
  color:#9969ac;
}

#titre p.rouge{
  font-family:Georgia, serif;
  font-size:2em;
  padding-top:15px;
  color:#cd6767;
}

#titre p.vert{
  font-family:Georgia, serif;
  font-size:2em;
  padding-top:15px;
  color:#77c146;
}

#contact{
padding-top:30px;
}

#infos p, #form_contact p{
  font-family:Verdana, sans-serif;
  font-size:0.95em;
  padding-top:10px;
  color:#000000;
  text-align:left;
  padding-left:20px;
  padding-right:20px;
}

#form_contact{
  float:right;
  padding-right:100px;
  padding-top:10px;
}


#infos{
  float:left;
}
#form_contact p span{
  font-size:1em;
  color:red;
  text-align:center;
}

#contact div{
}


dl, dt, dd {
  list-style-type: none;
}

#menu {
  width:199px;
  margin-left:5px;
  margin-right:-5px;
  margin-top:5px;
}
dl#menu {

}
dl#menu dt {
cursor: pointer;
font-weight:bold;
}
dl#menu dd {

}
dl#menu li {
list-style-type: none;
}
dl#menu li a, dl#menu dt a {

}

dl#menu li a:hover, dl#menu dt a:hover {

}

/*------------------------------------------------------------------------
                            MISE EN PAGE DES BOXES
------------------------------------------------------------------------*/

#ligne_haut{
  width:100%;
  height:200px;
}

#ligne_bas{
  width:100%;
  height:145px;
  margin-top:10px;
}

#ligne_top{
  width:100%;
  height:350px;
  padding-top:50px;
}

.boxe_haut{
  width:368px;
  height:26px;
}

.boxe_haut_unique{
  height:13px;
}

.boxe_haut_index{
  height:27px;
  width:478px;
}

.boxe_haut_vousetes{
  height:34px;
  width:200px;
}

.boxe_bas_vousetes{
  width:200px;
  height:12px;
  border:0;
}

.boxe_bas{
  width:368px;
  height:11px;
  border:0;
}

#boxe_unique{
  width:647px;
  padding:0;
  padding-left:0px;
  margin:0;
  margin:auto;
  margin-top:25px;
  text-align:left;
}

#boxe_index{
  width:478px;
  float:left;
  padding:0;
  padding-left:20px;
  text-align:left;
}

#vous_etes{
  float:right;
  width:199px;
  margin-right:20px;
}

.boxe_1{
  width:368px;
  float:left;
  margin-left:10px;
  margin-right:10px;
}

.boxe_2{
  width:368px;
  float:right;
  margin-right:10px;
}

.boxe_3{
  width:368px;
  float:left;
  margin-left:10px;
}

#contenu_violet>div#ligne_bas>div.boxe_3{
  margin-top:40px;
}


.boxe_4{
  width:368px;
  float:right;
  margin-right:10px;
}

.border_bleu{
  border:0;
  border-left:1px solid #029cdf;
  border-right:1px solid #029cdf;
}

.border_bleu p, .border_bleu div, .border_bleu img{
  margin:0;
  padding:5px;
  padding-bottom:0px;
}

.border_bleu ul{
  margin-left:30px;
  padding-bottom:2px;
}

.border_jaune{
  border:0;
  border-left:1px solid #ffc20f;
  border-right:1px solid #ffc20f;
}

.border_jaune p, .border_jaune div, .border_jaune img{
  margin:0;
  padding:5px;
  padding-bottom:0px;
}

.border_jaune ul{
  margin-left:30px;
  padding-bottom:2px;
}

.border_turquoise{
  border:0;
  border-left:1px solid #3cc1c5;
  border-right:1px solid #3cc1c5;
}

.border_turquoise p, .border_turquoise div, .border_turquoise img{
  margin:0;
  padding:5px;
  padding-bottom:0px;
}

.border_turquoise ul{
  margin-left:30px;
  padding-bottom:2px;
}

.border_violet{
  border:0;
  border-left:1px solid #9969ac;
  border-right:1px solid #9969ac;
}

.border_violet p, .border_violet div, .border_violet img{
  margin:0;
  padding:5px;
  padding-bottom:0px;
}

.border_violet ul{
  margin-left:30px;
  padding-bottom:2px;
}

.border_rouge{
  border:0;
  border-left:1px solid #cd6767;
  border-right:1px solid #cd6767;
}

.border_rouge p, .border_rouge div, .border_rouge img{
  margin:0;
  padding:5px;
  padding-bottom:0px;
}

.border_rouge ul{
  margin-left:30px;
  padding-bottom:2px;
}

.border_vert{
  border:0;
  border-left:1px solid #77c146;
  border-right:1px solid #77c146;
}

.border_vert p, .border_vert div, .border_vert img{
  margin:0;
  padding:8px;
  padding-bottom:0px;
  padding-top:5px;
}

.border_vert ul{
  margin-left:30px;
  padding-bottom:2px;
}

.border{
  border:0;
  border-left:1px solid #004d75;
  border-right:1px solid #004d75;
  width:478px;
  font-size:0.95em;
}

.border_vous_etes{
  border-left:1px solid #004d75;
  border-right:1px solid #004d75;
  width:198px;
  font-size:0.95em;
}

.border div, .border p, .border img{
  margin:0;
  padding:8px;
  padding-bottom:0px;
  padding-top:5px;
}

.border ul{
  margin-left:30px;
  padding-bottom:2px;
}