/* CSS GABARIT 2 COLONNES */

* {margin:0; padding:0; border: none; text-decoration: none; }

body {font-family: arial, Verdana, Helvetica, Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, sans-serif; 
padding:  0; 
font-size: 11px; 
text-align: center; 
color: #630001; 
background: url(../images/fond/spreadtotal.jpg) left top repeat-x; 
}

h1 a {position: absolute; top: 100px; left: 0px; top: 0px; width: 200px; height: 90px; display:block; text-indent: -999em ;    }
h2 {margin: 5px 0 0px 0px;  font: normal 18px "Trebuchet MS"; height: 33px;  
background: url(../images/fond/f-h2.jpg) left top repeat-x; padding: 3px 0 0 20px  }
 
h3 { margin: 15px 0 10px 20px;  font: normal 18px "Trebuchet MS"; color: #806b3c;   }
h4 { margin: 15px 0 10px 20px;  font: normal 17px "Trebuchet MS"; color: #806b3c;  }
h5 { margin: 15px 0 10px 20px;  font: normal 16px "Trebuchet MS"; color: #806b3c;  }

p {font: normal 12px/15px arial;  margin: 10px 0 10px 0px; text-align:left }

ul li {list-style: none; font: normal 11px/15px arial; 
 margin: 10px 15px 10px 24px;   }
 
ul.puced li {list-style: none;  
 margin: 10px 15px 10px 24px; 
 padding: 0 0 0 13px; background: url(../images/puce/puce.gif) left 2px no-repeat;}
 
a img {border: none; text-decoration: none; }

a       {color: red; text-decoration: underline; font: normal 12px arial}
a:hover {color: blue; text-decoration: underline;}


/*                       CONTENEURS GENERAUX                     */	

#main { position: relative; margin: 0 auto; width: 926px; text-align:left;
background: url(../images/fond/spread.jpg)   }

#intro {  width:926px;  height: 328px; background: url(../images/fond/header.jpg) left top no-repeat;   }

#menu-top { position: absolute; top: 33px; left: 96px; z-index: 400; width: 926px;  }
#menu-top ul li{ float: left;  padding: 0 0 0 0; margin: 0 25px 0 0px;  }
#menu-top ul li a{ background: url(../images/fond/f-a.jpg) left top no-repeat; display: block; height: 21px; padding: 2px 0 0 17px;  
color: white ; text-decoration: none; font: bold 11px verdana;   }
#menu-top ul li a#acc{ background: url(../images/fond/f-acc.jpg) left top no-repeat; }


/**/
#encart {position: absolute; top: 194px; right: 104px; width: 160px; height: 130px;   }
#encart ul{ margin: 5px 0 0 0px;  }
#encart ul li {background: url(../images/puce/puce.gif) left 3px no-repeat; padding: 0 0 0 15px; color: white ; margin: 0 5px 5px 0px; }


/* Visuel du HEAD*/

#visu { position: absolute; top: 60px; left: 97px; }

#transparent {position: absolute; top: 214px; left: 252px; width: 301px; height: 114px; z-index: 300;
background: url(http://depannet-express.fr/images/fond/transparent.png) left top no-repeat;  }

#transparent p{ font: bold 15px arial; color: #a7002c; padding: 0 10px;   }


#buttons {position: absolute; top: 300px; left: 280px;   z-index: 500}
#buttons a{margin: 0 0 0 20px; zoom:1;  }


/*             HOME                 */


#HomeLeft{  padding: 0 0 0 15px; }

#Contenu{  padding: 0 15px 0 15px;}

#Gauche{  padding: 0 15px 0 15px;}
#Droite{float: right; width: 350px; margin: 0 0 0 15px; }
#HomeRight{float: right; width: 268px; margin: 0 0 0 15px;  }
#Axa{float: right; width: 450px; margin: 0 15px 0 15px; }
#repfrancaise{float: right; width: 450px; margin: 0 15px 0 15px; }
.visu2 {float: right; margin: 0 0 0 5px; }

#boite{background: url(../images/fond/editoTop.gif) left top no-repeat; width: 415px; padding: 3px 10px;  }
#boiteBot{background: url(../images/fond/editoBot.gif) left bottom no-repeat;  }
#boiteS{background: url(../images/fond/editoMid.gif) left top repeat-y; margin: 20px 0 0 0px;     }

#boite p{ padding: 0 10px; }
#boite ul{  padding: 0 10px 0 0; margin: 0 0 5px 0px;  }
#boite ul li{  padding: 0 10px 0 0; margin: 0 0 4px 5px;  }

#boite h3{ margin: 0 0 0 0px; padding: 0 0 0 0; font-weight: bold;  color: #645f60; font: normal 13px verdana;  }





#content { margin: 0; padding:0;      }

div#colonne_droite {    width: 728px;  padding: 0; margin: 0 0 0 97px;    }


/*           ACTUS             */

.actus {border-left: 1px solid red; padding: 0 10px;  margin: 0 0 10px 0px; }
.titleActu { font: bold 12px/15px arial;  margin: 10px 0 10px 0px; text-align:left ; color: #630001 }
.numVert {
	position:relative; top: 0px; left: -4px; 
}

/*                      FOOTER           */
			
#outro {  width: 926px; height: 69px; background: url(../images/fond/footer.jpg) no-repeat ; clear: both;     }

#outro p {  color: #555555; text-align: center;  padding: 7px 0 0 0   }
#outro p a{ color:  #555555; text-decoration: none; text-decoration: underline;  font: normal 10px arial;  }
#outro p a:hover {text-decoration: underline; }

 
/*                PAGE MENTIONS            */

.adr{ float: left;   
padding: 15px 0px 0 0;  height: 147px;
margin: 20px 0 15px 15px; width: 210px; }

.adr2 {float: right; height: 147px; 
padding: 15px 0px 0 0; width: 210px; 
margin: 20px 35px 15px 5px ;}

.conforme{font: normal 10px arial; }


/*                        General styles                   */	


.lbleft { float: left; width: 140px; }
.input  {   border: 1px solid black; }
.bordered {border: 1px solid black; width: 200px; }
.borderedcomment {border: 1px solid black; width: 450px; }
.noborder {border:none }
.clear {clear:both; display: none;  }
.kill {display: none;}
.fleft {float: left}
.fright {float: right; }
.center {text-align: center; }
.clear {clear:both; visibility: hidden }

.noborder {border: none}

.bita{text-align: center; font-weight: bold; font-style:italic;  margin: 10px auto;  color: #876a32;}
.bold {font-weight: bold; }

.center {text-align: center}
.left {text-align: left; }
.right {text-align: right; }

.full {width: 100%}


/*                 Messages d erreurs                    */
.denied {color: red; font: normal 12px arial; margin: 10px 20px 20px 30px;   }

.denied ul li {padding: 0 25px 0 17px; 
background: url(../images/puce/pucerouge.gif) left 2px no-repeat; 
margin: 0 0 3px 0px; }