body {
  font-family: Arial, Helvetica, sans-serif;
  background-color:#FEDE58;
  font-size:11px;
  padding:0;
  margin:0;
  color:#695C8E; 
}
#corps {
  background-image:url(images/bande_corps.gif);
  width:766px;
  margin:0 auto 0 auto;
  padding:0;
}
#top {
  background:url(images/bandeau.jpg) no-repeat left;
  height:165px;
  width:761px;
}
#gauche {
  float:left;
  margin:0;
  padding:0;
}
li {
  list-style:none;
}
a {
  text-decoration:none;
}
#gauche ul {
  width:164px;
  margin:0;
  padding:15px 0 0 0;
}
#gauche ul li {
  text-align:right;
}
#gauche ul#accueil {
  padding:30px 0 5px 0;
  background-color:#FFFFFF;
  border-bottom:5px solid #FF9900;
}
#gauche ul#accueil li {
  font-size:11px;
}
#gauche ul#accueil li a{
  color:#FF9900;
}
#gauche ul.service li {
  color:#970F00;
}
#gauche ul.service li a {
  color:#970F00;
}
.bord_service {
  border-bottom:5px solid #970F00;
  font-size:11px;
  margin:0 0 5px 0;
}
.cli {
  border-bottom:5px solid #695C8E;
  margin:10px 0 0 0;
  font-size:11px;
}
.cli a {
  color:#695C8E;
}
#gauche p {
  background:url(images/fleche.gif) no-repeat 143px;
  text-align:right;
  padding:2px 25px 2px 0;
  margin:25px 0 0 0;
  background-color:#D1CCD9;
  font-size:11px;
  width:138px;
}
#gauche p a {
  color:#695C8E;
}
#droite {
  float:left;
  width:580px ;  
  margin:30px 0 0 20px;
}
/* Gilles : droite => marge gauche passee de 40 a 20px pour etre alignee avec modif marge gauche de  text_accueil elle meme modifiee pour cause de bogue en largeur de conteneur marge incluse */

#droite #d_haut {
  background:url(images/flech_droite.gif) no-repeat 0 2px;
  padding:0 0 0 40px;
}
h1 {
  color:#970F00; /* 970F00 = bordeaux  */
  font-size:12px;
  margin:0;
  padding:0;
}
h5 {
  color:#FF9900;  /* ff9900 = orange */
  font-size:12px;
  margin:0;
  padding:0;
}
#droite #d_haut p {
  margin:0;
  padding:0;
  width:250px;
  font-style:italic;
}
.clear {
  clear:both;
}
#droite #images {
  float:left;
  width:200px;
  margin:0 0 0 39px !important;
  margin:0 0 0 20px;
  padding:0;
}
#droite #images img {
  border:5px solid #D1CCD9;
  margin:5px 0 0 0;
}
#droite #text {
  float:left;
  margin:10px 10px 0 50px !important;
  margin:10px 10px 0 20px;
  width:242px;
}
#droite #text2 {
  float:left;
  margin:30px 10px 0 50px !important;
  margin:30px 10px 0 20px;
  width:242px;
}
#droite #text p {
  margin:0;
  padding:0 10px 10px 0;
}
dl {
  margin:20px 0 0 0 !important;
  margin:10px 0 0 0;
  padding:0;
}
dt {
  float:left;
  margin:0 0 0 0;
  padding:0 20px 0 0;
  width:100px;
  color:#FF9900;
  background:url(images/flech_dt.gif) no-repeat right 2px;
  text-align:right;
}
dd {
  margin:0 0 20px 0 !important;
  margin:0 0 5px 0;
  padding:0;
  float:left;
  width:350px;
}
ul{
  margin:0 0 0 10px;
  padding:0;
  color:#970F00;
}
#bande_bas {
  clear:both;
  height:18px;
  background:url(images/abts-center-10.gif) no-repeat;
  background-color:inherit;
}
ul#bas {
  margin:0;
  padding:0;
  text-align:center;
}
ul#bas li {
  list-style:none;
}
ul#bas li a {
  height:5px;
  text-decoration:none;
  font-size:11px;
  color:#525252;
}
ul#bas li a:hover {
  text-decoration:underline;
  color:#300000;
}
ul#footer{
  clear: both;
  padding: 10px; 
  margin: 10px 0;
}
ul#footer li{
  list-style: none;
  float: left;
  margin: 0;
  color:#525252;   
}
ul#footer li a{
  text-decoration: none;
  font-size:10px;
  margin: 0 5px;
  color:#525252; 
}
#text_accueil {
  width:480px;
  margin:10px 20px 20px 20px; 
}
/* gilles : dans text_accueil : marge gauche passee de 40 a 20px : dreamweaver 8.02 a detecte un pb de largeur de conteneur pouvant occasionner pb sur certaines versions de IE6 */


#accueil {
  width:480px;
  margin:20px 20px 20px 40px;
}
#text_accueil  p {
  margin:8px 0 0 0;
}
#text_accueil a {
  color:#695C8E;
  font-weight:600; 
}
#text_accueil a:hover {
  color:#000000;
}
#text a {
  color:#695C8E;
  font-weight:600; 
}
#text a:hover {
  color:#000000;
}
.text_accueil {
  width:460px;
  margin:20px 20px 20px 40px;
}
.text_accueil  p {
  margin:8px 0 0 0;
}
.text_accueil  a {
  color:#695C8E;
  font-weight:600; 
}
.text_accueil  a:hover {
  color:#000000;
}
#d_haut  a {
  color:#695C8E;
  font-weight:600; 
}
#d_haut  a:hover {
  color:#000000;
}
.d_haut {
  background:url(images/flech_droite.gif) no-repeat 0 2px;
  padding:0 0 0 40px;
}
.d_haut p {
  margin:0;
  padding:0;
  width:250px;
  font-style:italic;
}

.d_haut  a {
  color:#695C8E;
  font-weight:600; 
}
.d_haut  a:hover {
  color:#000000;
}
.pad {
  margin:0;
}
.pad2 {
  margin:100px;
}
.heig {
  height:25px;
}
.widh_dd {
  width:140px;
}
.widh_dd ul {
  margin:10px 0 0 0;
}
.widh_dt {
  width:80px;
}
.oll li{
  margin:0;
  padding:0;
  list-style-type:decimal;
}
table {
  float:left;
  border:1px solid #000000;
  width:200px;
  margin:0 0 20px 0;
}
th {
  border-bottom:1px solid #000000;
  padding:0 0 7px 0;
}
#tabl2 {
  border-left:0;
  height:251px;
}
#tabl2 th {
  margin:0;
  padding:0 0 5px 0;
}
#tabl3 {
  width:450px;
  border-collapse:collapse;
}
strong {
  font-weight:600;
  font-size:11px;
}
#bord_top td {
  border-top:1px solid #000000;
}
.bord_left {
  border-left:1px solid #000000;
  text-align:center;
}
p label {
  position:absolute;
}
p input,textarea {
  margin:0 0 0 100px;
}
p textarea {
  width:350px;
  height:50px;
}
p.inpt {
  width:240px;
  float:left;
  padding:0 0 10px 0;
}
p.inpt input {
  margin:0;
}
.photo {
  width:500px;
  margin:0 0 0 40px;
}
.align_center {
  text-align:center;
}
.warnning {
  color:#FF0000;
}
.flot {
  float:left;
}
#dessin img {
  border:5px solid #D1CCD9;
}
#dessin {
  width:250px;
  float:left;
  text-align:center;
}
a#drapeau {
  background:url(images/fr.gif) no-repeat 0 0;
  padding:0;
  margin: 0 0 0 2px;  
  width:25px;
  display:block;
  height:17px;
  float:left;
} 
a#eng {
  background:url(images/eng.gif) no-repeat 0 0;
  padding:0;
  display:block;
  width:25px;
  margin: 0 0 0 2px;
  height:17px;
  float:left;
} 
a#drapeau span {
  visibility:hidden;
  display:none;
}
a#eng span {
  visibility:hidden;
  display:none;
}
.ital {
  font-style:italic;
}
.centre {
  text-align:center;
}
#d_haut p#no_ital {
  font-style:normal;
  margin:0;
  padding:0;
}



/*contact form*/
.contact{
  padding: 0;
  margin: 0;
}
.contact p{
  padding: 0;
  margin: 5px 0 10px 0;
}
.contact p label{
  position:relative;
  width:100px;
  padding: 5px 5px 0 0;
  text-align: right;
  float:left;
}
#type_soc{
  height: 80px;
}
.contact input,.contact textarea{
  width:200px;
  margin: 0;
  height: auto;
}
.contact input.rad{
  width:10px;
  margin: 5px 5px 0 20px;
  padding: 0;  
}
.contact input.normal{
  width: auto!important;
  margin: 2px 5px 0 0;
  padding: 0;
}
.img_right{
  border:5px solid #D1CCD9;  
  margin: 0 10px 10px 0;
  float: left;
}
#nr{
  margin: 0;
  padding: 0;
}
#nr li{
  margin:10px 0;
  padding:2px 0 2px 20px;
}
#li1{
  background: url(images/1.gif) no-repeat 0% 10%;
}
#li2{
  background: url(images/2.gif) no-repeat 0% 10%;
}
#li3{
  background: url(images/3.gif) no-repeat 0% 10%;
}
#li4{
  background: url(images/4.gif) no-repeat 0% 10%;
}
#li5{
  background: url(images/5.gif) no-repeat 0% 10%;
}