/* CSS Document */

/****************
boxes
*****************/
#content{
         width:1024px;
		 height:700px;
         background-image:url(../img/tools/back.jpg);
		 background-repeat:no-repeat;
		 margin-left:auto;
		 margin-right:auto;
		 }
		 
#content_sans{
         width:1024px;
		 height:700px;
         background-image:url(../img/tools/back_sans.jpg);
		 background-repeat:no-repeat;
		 margin-left:auto;
		 margin-right:auto;
		 }
#content_index{
         width:1024px;
		 height:700px;
         background-image:url(../img/tools/back_index.jpg);
		 background-repeat:no-repeat;
		 margin-left:auto;
		 margin-right:auto;
		 }
		 
#content_about{
         width:1024px;
		 height:700px;
         background-image:url(../img/tools/back_about.jpg);
		 background-repeat:no-repeat;
		 margin-left:auto;
		 margin-right:auto;
		 }
		 
		 
#content_contact{
         width:1024px;
		 height:700px;
         background-image:url(../img/tools/back_contact.jpg);
		 background-repeat:no-repeat;
		 margin-left:auto;
		 margin-right:auto;
		 }
		 
#content_news{
         width:1024px;
		 height:700px;
         background-image:url(../img/tools/back_hb.jpg);
		 background-repeat:no-repeat;
		 margin-left:auto;
		 margin-right:auto;
		 }
		 

		 
#content_large{
         width:1090px;
		 height:700px;
         background-image:url(../img/tools/back_large.jpg);
		 background-repeat:no-repeat;
		 margin-left:auto;
		 margin-right:auto;
		 }
 
#content_moto{
         width:1090px;
		 height:700px;
         background-image:url(../img/tools/back_large_moto.jpg);
		 background-repeat:no-repeat;
		 margin-left:auto;
		 margin-right:auto;
		 }
		 
#haut{
     width:1024px;
	 height:125px;
	 }

#bas{
     width:1024px;
	 height:625px;
	 }

#gauche{
     width:150px;
	 height:620px;
	 float:left;
	 }

#droite{
     width:870px;
	 height:620px;
	  float:left;
	 }
	 
	 
#up{
    width:150px;
	height:100px;

	padding-left:0px;
	text-align:left;
	}
	
#menu_1{
    width:145px;
	height:20px;
	margin-top:35px;
	text-align:center;
   }
   
#menu_2{
   width:145px;
	height:20px;
	margin-top:10px;
	text-align:center;
	}

#menu_3{
   width:145px;
	height:20px;
	margin-top:10px;
	text-align:center;
	}

#menu_4{
    width:150px;
	height:20px;
	margin-top:10px;
	text-align:center;}

#down{
     width:150px;
	 height:455px;
	 text-align:center;
	 padding-top:10px;
	 }

#menu{
     width:865px;
	 height:20px;
	 padding-top:15px;
	 }

#corps{
     width:870px;
	 height:590px;
	 }
	 
	 
#thumbs{
     width:870px;
	 height:160px;
	 text-align:center;
	 padding-top:10px;
	 }

#thumbs_large{
     width:925px;
	 height:590px;
	 text-align:left;
	 padding-top:10px;
	 padding-left:20px;
	 }
	 
#thumbs_extra{
     width:849px;
	 height:165px;
	 text-align:center;
	 padding-top:0px;
	 overflow:scroll;
	 margin-left:23px;
	 margin-top:3px;
	 }
	 
#thumbs_v{
     width:182px;
	 height:460px;
	 text-align:center;
	 padding-top:0px;
	 overflow:scroll;
	 margin-top:20px;
	 margin-left:30px;
    }
#where{
     width:830px;
	 height:20px;
	 text-align:left;
	 padding-left:40px;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-weight:bold;
	 color:#666666;}
	 
	 
#caract{
     width:870px;
	 height:250px;
	 text-align:center;
	 padding-top:20px;
	 }
	 
#caract_v{
     width:650px;
	 height:510px;
	 text-align:center;
	 padding-top:15px;
	
	 }
	 
	 
/***pour l'accuiel*/
#up_c{
     width:550px;
	 height:250px;
	 margin-left:100px;
	 margin-top:5px;
	 }

#down_c{
     width:550px;
	 height:200px;
	 margin-left:100px;
	 text-align:center;
	 padding-top:50px;
	 }
	 
/**pour le contact*/
#ttr_b{
      width:550px;
	 height:50px;
	 margin-left:100px;
	 margin-top:5px;
	 text-align:left
	 }
#up_b{
     width:550px;
	 height:150px;
	 margin-left:100px;
	 margin-top:5px;
	 text-align:left
	 }

#down_b{
     width:550px;
	 height:150px;
	 margin-left:100px;
	 text-align:left;
	
	 }
	 
#ttr_b h2{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#CC6600;
   }
   
#up_b h3, #down_b h3{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#000099;}	 

#up_b p, #down_b p{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:14px;
   color:#333333;}
   
 /**pour le contact*/
 
 #foot{
      width:1024px;
	  height:20px;
	  background-image:url(../img/tools/back_foot.jpg);
	  text-align:center;
	  margin-left:auto;
	  margin-right:auto;
	  padding:0px;
	 }
	  
#foot a{
     font-family:Verdana, Arial, Helvetica, sans-serif;
	 color:#666666;
	 text-decoration:none;
	 font-size:10px;
	 padding:0px;}
	 

/****
pour les news
********/
.newsbox{
        width:825px;
		height:250px;
		margin-left:50px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#333333;
		padding-right:20px;
		text-align:left;}
		
.newsbox img{
       margin-right:10px;}
	   
.newsbox p{font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#333333;}
		
.newsbox h4, .newsbox h2{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333;}

.newsbox h2{ font-size:18px;} 
 
.newsbox h4{ font-size:14px;} 
 
 
 
/****************
fonts & types
*****************/
#up a{
     font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:12px;
	 color:#666666;
	 text-decoration:none;
	 }
	 
#down p{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#0099FF}
	 
#menu a{
     font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:14px;
	 color:#FFFFFF;
	 text-decoration:none;

	 }
	 
#menu a:hover{
      color:#0099FF;  
	 }
	 
#thumbs a{
     margin-left:0px;
	 }
	 
#thumbs a:hover{
     opacity:0.5;
   moz-opacity:0.5;
   filter:alpha(opacity=50);
   zoom: 1;
	 }
	 
#thumbs_large a{
     margin-left:0px;
	 }
	 
#thumbs_large a:hover{
     opacity:0.5;
   moz-opacity:0.5;
   filter:alpha(opacity=50);
   zoom: 1;
	 }


#down_c a{
    margin-left:20px;}	
	
#down_c a:hover{
     opacity:0.5;
   moz-opacity:0.5;
   filter:alpha(opacity=50);
   zoom: 1;
   }

#up_c h3{
      font-family:Verdana, Arial, Helvetica, sans-serif;
	  color:#000099;
	  } 
#up_c p{
      font-family:Verdana, Arial, Helvetica, sans-serif;
	  color:#333333;
	  font-size:14px;
	  text-indent:20px;
	  text-align:justify;
	  }

		 


/****************
classes
*****************/
.no-border {
           border:none;
		   }

.fleft{
       float:left;
	  }
	  
.bordered{
         border:solid red 1px;
	    }
		
.blue{
    color:#0099FF;
	}
	
.gras{
   font-weight:bold;}