@charset "UTF-8";
/* CSS Document */


body{ font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; padding-left:225px; _padding-left:225px; padding-right:130px; padding-bottom:50px; background:url(../images/arriere-plan-garages.jpg) no-repeat fixed bottom right #222 ;}

a{ outline:none}
.navigation { 
	float:left;
      margin: 0;
	  margin-left:-225px;
	  _margin-left:-0;
	  _position:absolute;
	  _left:0;
	  _top:0;
      padding: 0; 
      margin-top:0px;
      color: #fff; 
      width: 200px;
       
      } 
   .navigation a, .navigation span { 
      display: block; 
     /* padding: 4px 10px;*/ 
      color: #fff; 
      text-decoration: none;
	  font-size:12px;
      background: #333;
	  text-align:center
      } 
   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span { 
   height:25px;
   background:url(../images/fond-menu2.jpg) no-repeat; padding-top:0px;
     /* background-image: url(../images/menu-item-deroule.png); */
      } 
	  
   .navigation .toggleSubMenu a:hover{ 
   background:url(../images/fond-menu3.jpg) no-repeat; padding-top:0px;
     /* background-image: url(../images/menu-item-deroule.png); */
      } 
	
	.subMenu{}
	.subMenu li a{ background-image:none;}	  
	.subMenu li a:hover{ background-image:none !important;}	  
	  
   .navigation .open a, .navigation .open span { 
     /* background-image: url(../images/menu-item-enroule.png); */
      } 
   .navigation a:hover, .navigation a:focus, .navigation a:active { 
      text-decoration: none; 
      } 
   .navigation .subMenu { 
      font-size: 10px; 
      background:#444;  
      font-size:12px; 
      margin: 0; 
      padding: 0;
	  list-style:none;
      
      } 
   .navigation ul.subMenu a { 
      background: none; 
	  font-size:12px;
	  color:#CCC;
      padding: 7px 20px;
	  _padding-top:0px;
	  _margin-top:0px;
	  border-bottom:1px solid #222;
	  height:auto;
      }
	.navigation ul.subMenu a:hover { 
	color:#fff;
	background-color:#7b3f00;
	height:auto !important;
	padding: 7px 20px;
	_padding-top:0px;
	}
	
	.active { 
	color:#fff !important;
	background-color:#7b3f00 !important;
	height:auto !important;
	padding: 7px 20px !important;
	_padding-top:0px !important;
	}
	
	#bloc-txt{ float:left; _float:none;/*width:200px; height:500px; */background-color:#333; border:solid 1px #555; padding:15px; /*margin-left:-250px;_margin-left:25px;*/ color:#ccc; margin-top:25px; font-size:12px; text-align:justify; margin-right:150px; margin-left:10px;_margin-left:00px; width:90%;_width:75%; }
	#bloc-txt h1{ font-size:16px; padding-bottom:10px; border-bottom:1px solid #666;}
	#bloc-txt a:link,#bloc-txt a:visited { color:#F60; text-decoration:none }
	#bloc-txt a:hover{ text-decoration:underline }
	#bloc-txt p{ display:inline}
	.orange{ color:#F60; font-size:12px}
	#bloc-txt h2{ display:inline; font-size:12px; font-weight:normal;}
	#bloc-txt h3{ display:inline; font-size:12px; font-weight:normal;}
	#bloc-txt h4{ display:inline; font-size:12px; font-weight:normal;}
	
	#bloc-img{ float:left; margin-left:20px; padding-top:25px;}
	.thumb-img{ float:left; margin-left:10px;  margin-top:20px;}
	
	#conteneur{ width:100%; _margin-top:50px !important;}
	
	#footer{ _clear:both; background-color:#333; height:20px; width:100%; position:fixed; _position:absolute; margin-top:10px; bottom:0px; z-index:100; margin-left:-225px; _margin-left:auto; margin-right:0px; padding-top:5px; color:#666; font-size:12px; text-align:center; _top:0px; _margin-top:0px;}
	.logo a{ padding-left:0px ; margin-left:0px ; border:0px !important; padding-top:0px;  }
	.logo a img{ margin-top:0px; padding-top:0px;}
	
	#separateur{ height:100px;}