/***************** STYLE GLOBAUX *****************/
.invisible
{
	display:none;
}
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenuTexte h1{
font:bold 16px Arial, Helvetica, sans-serif;
color:#79D1F0;
letter-spacing:0px;
margin:2px 0 25px;
text-align:left;
text-transform:uppercase;
}
/*#contenuTexte h2{
font:bold 15px Verdana,Arial, Helvetica, sans-serif;
color: #666;
letter-spacing:1px;
margin:0 0 7px;
}*/
#contenuTexte h2{
font:bold 14px Verdana,Arial, Helvetica, sans-serif;
color: #FFDDA8;
margin:0 0 7px;
}
#contenu p{
font:normal 12px/1.2em Arial, Helvetica, sans-serif;
line-height: 16px;
text-align:justify;
color:#fff;
margin-bottom:1.2em;
letter-spacing: 0px;
padding-right:0px;
}

#contenu ul, #contenu li{
list-style-type:none;
font:normal 11px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#fff;
letter-spacing: 0px;
}

#contenu ul{
  padding:0px 0px 5px 30px;
  margin:0px;
}

#contenu ul li{
  padding:0px 0px 5px 15px;
  margin:0px;
}



#contenuTexte p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenuTexte p.couleur, .couleur{
font-weight:bold;
color: #79D1F0;
}

#contenuTexte p.couleur1, .couleur1{
font-weight:bold;
color: #92DE00;
}

#contenuTexte a:link, #contenuTexte a:visited{
font-weight:bold;
border-bottom:solid 1px #92DE00;
text-decoration:none;
color: #92DE00;
}
#contenuTexte a:hover, #contenuTexte a:active{
color:#666;
border-bottom:none;
text-decoration:none;
}

#contenuTexte .spacer1{
  width:100%;
  float:left;
  height:15px;
  background :  url(../images/charte/spacer1.jpg) 0% 7px repeat-x;
}

#contenu #important{
  width:100%;
  float:left;
  text-align:center;
  background: url(../images/charte/important-contact2.gif) 70% top no-repeat;
}

#contenu #important p{
  font:normal 16px/21px Verdana, Arial, Helvetica, sans-serif;
  font-weight:600;
  letter-spacing:0px;
  text-align:center;
  color:#EEEEEE;
  padding-bottom:15px;
}

#contenuTexte #diaporama{
  width:495px;
  height:146px;
  float:left;
  border:solid 3px #ffdda8;
  margin-bottom:10px;
}

#contenuTexte .images{
  float:left;
  width:501px;
  padding-top:7px;
}

table.images td{
  width:167px;
  float:left;
  text-align:center;
  vertical-align: middle;
}


#contenuTexte .images p{
  text-align:center;
  margin:0px 0px 7px;
  padding:0px 6px;
}

#contenuTexte .images img{
  cursor: pointer;
}


#contenu #devis{
 width:250px;
 float:left;
 margin: 80px 0px 10px 0px;
 background: url(../images/charte/repeat-y-devis.jpg) 14px top repeat-y;

}

#contenu #devis .body1{
  width:236px;
  background: url(../images/charte/top-devis.jpg) right top no-repeat;
  float:right;
}
#contenu #devis h1, #contenu #livredor h1{
  font: 15px Verdana, Arial, Helvetica, sans-serif;
  font-weight:600;
  letter-spacing:0px;
  text-align:left;
  width:195px;
  margin:25px 0px 12px 12px;
  color:#EEEEEE;
 }
#contenu #devis .bottom1{
  width:230px;
  background: url(../images/charte/bottom-devis.jpg) left bottom no-repeat;
  float:left;
  height:10px;
  padding-top:12px
}
#contenu .adresse, .formulaire-contact{
  width:490px;
  padding-left:2px;
  background: url(../images/charte/repeat-y-adresse.jpg) 2px top repeat-y;
  float:left;
}
.formulaire-contact{
  margin: 10px 0px;
}
  .formulaire-contact .body{
    width:440px;
   /* padding:20px 30px 0 20px;*/
    background:url(../images/charte/top-adresse.jpg) 50% top no-repeat;
    float:left;
  }
    .adresse .body{
    width:440px;
    padding:20px 30px 0 20px;
    background:url(../images/charte/top-adresse.jpg) 50% top no-repeat;
    float:left;
  }

    .adresse .left{
      width:50%;
      float:left;
      padding-left:5px;
     }
      #contenuTexte .left h1{
        font: 15px Verdana, Arial, Helvetica, sans-serif;
        font-weight:500;
        letter-spacing:0px;
        text-align:left;
        margin:7px 0px 1px;
        color:#92de00;
        }
      #contenuTexte .left h2{
        font:14px Verdana,Arial, Helvetica, sans-serif;
        color: #EEEEEE;
        letter-spacing:1px;
        margin:0 0 7px;
        font-weight:500;
        }
    .adresse .right{
      width:40%;
      float:left;
     }
      #contenuTexte .adresse .right h2{
        font:14px Verdana,Arial, Helvetica, sans-serif;
        color: #EEEEEE;
        letter-spacing:0;
        margin:0px;
        font-weight:500;
        }
  .adresse .bottom, .formulaire-contact .bottom{
    width:490px;
    background: url(../images/charte/bottom.jpg) left bottom no-repeat;
    height:10px;
    float:left;
    }

  .formulaire-contact .top{
    width:490px;
    background: url(../images/charte/top.jpg) -1px top no-repeat;
    height:10px;
    float:left;
   }
   table img{
      border:solid 3px #FFDDA8;
   }


/***************** STYLE FOOTER *****************/
#footer p{
font:10px Arial, Helvetica, sans-serif;
color:#330000;
text-align:right;
letter-spacing:1px;
padding:10px 10px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#330000;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#330000;
}