/* CSS Document */

body{
      /*background-image:url(../images/tools/back.png);
	  background-repeat:repeat-x;*/
	  }

/************************************************
BOXES
*************************************************/
#content{
         width:850px;
		/* position:absolute;
		 left:100px;
		 top:20px;*/
		/* margin-top:0px;*/
		 margin-left:auto;
		 margin-right:auto;}

#header{
        width:850px;
		height:123px;
		background-image:url(../images/tools/head.png);
		background-repeat:no-repeat;}

#sep_1{
       width:850px;
	   height:25px;
	   /*background-color:#FFCC33;*/
	   background-image:url(../images/tools/sep_1.png);
	  }

#menu{
        width:675px;
		height:20px;
		padding-top:20px;
		padding-left:175px;
		background-image:url(../images/tools/menu.png);
		background-repeat:repeat-x;
		}
		


#corps{
      width:850px;
	  height:580px;
	  /*border:solid red 1px;*/}
	  

/******
pour l'accueil
*******/

#diapo{
      width:850px;}

#sep_2{
       width:850px;
		height:29px;
		background-image:url(../images/tools/sep_2.png);
		background-repeat:repeat-x;
		}

#contenu{
         width:850px;
		 height:305px;
		 font-family:verdana, "Lucida Grande", arial, helvetica, sans-serif;
	     color: #333333;
		 font-size:12px;
		 }
		 
		 
#gauche{
        width:480px;
		height:300px;
        /*border:solid red 1px;*/
		}
		
#textbox{
         width:450px;
		 height:100%;
		 margin-left:10px;
		 /*border:solid red 1px;*/
		 }



#imagebox{
         width:300px;
		 height:300px;
		 margin-left:10px;
		/*border:solid red 1px; */
		 }
		 
#up{
   width:348px;
   height:150px;
   /*margin-left:22px;*/
   background-image:url(../images/tools/lil_yellow.png);
   background-repeat:repeat;
   padding-left:10px;
  /* border:solid red 1px;*/
}




   


#down{
   width:358px;
   height:150px;
   background-image:url(../images/tools/coco_3.png);
   background-repeat:no-repeat;
   padding-left:0px;
  /* border:solid red 1px;*/}

 
/******
pour les conditions
*******/

#conditions{
   width:840px;
   height:580px;
   /*border:solid red 1px;*/
   padding-left:10px;}
   

/******
pour le réseau routier
*******/

#reseau_1{
     width:400px;
     height:575px;
  /* border:solid red 1px;*/
     padding-left:10px;
 }
	 


#reseau_2{
   width:400px;
   height:575px;
   /*border:solid red 1px;*/
   padding-left:10px;}
   


/******
pour le formulaire
*******/
 #formulaire td.ssni_dr{
       font-family:Verdana, Arial, Helvetica, sans-serif;
	   font-size:12px;
	   text-align:right;
	   color:#333333;}
	   
#formulaire h4{
       font-family:Verdana, Arial, Helvetica, sans-serif;
	   color:#666666;}
	 
#formulaire fieldset{
      height:180px;
	  margin-left:10px;}
	  
#formulaire legend{
      font-family:Verdana, Arial, Helvetica, sans-serif;
	  font-size:14px;
	  color:#333333;}
	  
#formulaire p{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#660000; font-size:12px;}

#formulaire h2{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#996600;}

#formulaire h4{font-family:Verdana, Arial, Helvetica, sans-serif; color:#FF6600;}

#formulaire span.blue{ font-family:Geneva, Arial, Helvetica, sans-serif; color:#0066FF; font-size:14px;}
	  
/******
pour le catalogue
*******/

#vbox{
      width:850px;
      height:380px;/*245 former*/
	  /*border:solid red 1px;*/}


#list_vehicle{
      width:850px;
      height:270px;
	  text-align:center;
	  /*overflow:scroll;*/
	  overflow:visible;
	 /* margin-left:-175px;*/
	  }

#caracteristiques{
      width:50%;
      height:395px;/*240 former*/
	   /*border:solid red 1px;*/
	   /*padding-top:20px;*/}

#photo{
      width:50%;
      height:375px;
	   /*border:solid red 1px;*/}
/******
pour le pied commun
******/

#lien_doucef a:hover{
     opacity:0.75;
     filter:alpha(opacity=75);
     zoom: 1;}

#foot{
   width:850px;
   height:25px;
   padding-top:25px;
   background-image:url(../images/tools/foot.png);
   background-repeat:no-repeat;
   text-align:center;
   }
   


/************************************************
types & fonts
*************************************************/
#textbox h3{
   font-family:Verdana, "Lucida Grande", arial, helvetica, sans-serif;
   font-size:18px;
   font-weight:bold;
   color:#996600;}
   
  #textbox p{
       font-family:Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	   font-size:14px;
	   color:#666666;
	   /*border:solid red 1px;*/
	   margin-top:-10px;}
   
 #menu a{
       font-family:Verdana, Arial, Helvetica, sans-serif;
	   font-size:12px;
	   color:#FFFFFF;
	   margin-left:20px;
	   text-decoration:none;
	   }
	   
#foot a{
       font-family:Verdana, Arial, Helvetica, sans-serif;
	   font-size:10px;
	   color:#333333;
	   margin-left:5px;
	   text-decoration:none;
   }
   
#up h4{
       font-family:Verdana, Arial, Helvetica, sans-serif;
	   font-size:16px;
	   color:#333333;
	   font-weight:bold;
	   margin-top:5px;
	    
   }


#up p{
       font-family:Verdana, Arial, Helvetica, sans-serif;
	   font-size:12px;
	   color:#333333;
	  
   }
   
 #up li{
       font-family:Verdana, Arial, Helvetica, sans-serif;
	   font-size:12px;
	   color:#333333;
	   margin-top:3px;}
   
  #down p{
       font-family:Verdana, Arial, Helvetica, sans-serif;
	   font-size:10px;
	   color:#FFFFFF;
	   margin-top:5px;
	  
   }
  
#conditions h3{
  margin-top:10px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#666666;}

#conditions li{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   list-style-type:square;
   line-height:20px;
   margin-top:10px;}
   
  
#reseau_1 h3{
     font-family:Verdana, Arial, Helvetica, sans-serif;
	 color:#666666;
	 margin-top:10px;
     }
	 
#reseau_2 h3{
     font-family:Verdana, Arial, Helvetica, sans-serif;
	 color:#666666;
	 margin-top:10px;
     }
	 
#reseau_2 td{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#666666;}
 
#caracteristiques h4{
     font-family:Verdana, Arial, Helvetica, sans-serif;
	 color:#CC6600;
	 margin-bottom:10px;
	 line-height:20px;
	 }
	 
#caracteristiques h5{
     font-family:Verdana, Arial, Helvetica, sans-serif;
	 color:#999999;
	 } 
	
#caracteristiques li{
      font-family:Verdana, Arial, Helvetica, sans-serif;
	  font-size:14px;
	  color:#333333;
	  list-style-type:circle;}


  

/************************************************
classes
*************************************************/
.fleft{
      float:left;
	  }
	  
.no-border{
     border:none;
	 }
	 
.orange{
     color:#CC6600;}
	 
.bordered{
     border:solid #FF9900 1px;}