body {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font: 0.7em/1.5 Geneva, Arial, Helvetica, sans-serif;
  color: #333;
  background: #ffffff url(images/bg.jpg) repeat; }


#contenu { margin: 11px 12% 20px 12%; }
    	
p { margin : 1em; }



 hr { 
 clear:both;
 display: block !important;
 display: none;  
 border:0; 
 margin: 0; 
 padding: 0;}
 
pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; }
	
#flashcontent {
  z-index: 10;
  position: relative;
  width: 560px;
  height: 130px;
  top: -15px;
  padding: 0;		
  margin: 0px auto; }
		
#flashcontent2 {
  z-index: 10;
  position: relative;
  width: 560px;
  height: 400px;
  top: 10px;
  padding: 0;		
  margin: 0px auto; }
  

  
a.intro :hover {
  
	position: relative;
	z-index:200;
	bottom: -20px;
  margin: 0 0px 0 0px; 
  text-decoration: none;
  font-style: italic; 
  color: black;
  background: transparent; }
  
a.intro  {
  
	position: relative;
	z-index:200;
	bottom: -20px;
  margin: 0 0px 0 0px; 
  border-bottom: 1px dotted #c0c0c0;
  text-decoration: none;
  font-style: italic; 
  color: #999999;
  background: transparent; }

div.Article {
  background:  url("images/hautgauche.gif") top left no-repeat;
  position:relative; }
   
div.Article h3 {
  position:relative;
  background:  url("images/hautdroit.gif") top right no-repeat;
  font-size:1.3em;
  padding:15px 15px 15px 0;
  margin:0;
  right:-8px; }
  
div.ArticleBody {
  background:  url("images/borddroit.gif") top right repeat-y;
  margin: -20px 0 -5px 0;
  padding-top:15px;
  padding-bottom: 15px;
  padding-left:10px;
  padding-right: 20px;
  position:relative;
  right:-8px; }
  
.valid {
  position: relative;
  top : -7px;
  margin: 0 0px 0 0px; 
  text-decoration: none;
  color: #999999;
  background: transparent;
  }

 
 
   
.valid a:hover {
  position: relative;
  
  margin: 0 0px 0 0px; 
  text-decoration: none;
  font-style: italic; 
  color: black;
  background: transparent; }
  
.valid  a{
  position: relative;
  
  margin: 0 0px 0 0px; 
  border-bottom: 1px dotted #c0c0c0;
  text-decoration: none;
  font-style: italic; 
  color: #999999;
  background: transparent; }
  
.produ {
 margin: 0 20%;
  }
 
.voiture {
  display: block;
  
  font-family: Geneva, Arial, Helvetica, sans-serif;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px; }

.nu {
  display: inline;
  border: none;
  margin-left: 7px;
  margin-right: 7px;
  margin-top: 7px;
  padding: 0;  }
  
a.nu :hover {
display: inline;
  border: none;
  margin-left: 7px;
  margin-right: 7px;
  margin-top: 7px;
  padding: 0;  }
  
img .nu { border:0;}
  
.prod {
 color: #624235;
 font-size: 1.3em;
 line-height: 1.2em;
 text-align: left; }
 
.prod a{
 display:inline;
 color: #624235;
 font-style:italic;
 text-decoration: none;}
 
.prod a:hover{
 display:inline;
 color: #624235;
 border-bottom: 1px dotted;
 font-style:italic;
 text-decoration: none;}
 
.lien {
 font-size: 1.3em;
 line-height: 1.2em;
 text-align: center; }	
 
.lien strong{
 font-size: 1.05em;
 line-height: 1.2em;
 color:#50ABE7;
 font-weight: normal;
  }

   
.lien a{
  display: inline;
  padding: 0px;
  color: #624235;
  background-color: white;
  text-decoration: none;
  font-style:italic;}

.lien a:hover{
  display: inline;
  border-bottom : 1px dotted;
  
  padding: 0px;
  color: #624235;
  background-color: white;
  text-decoration: none;
  font-style:italic;}  

.soustitre {
  display:inline;
  border-bottom : 1px dotted;
  padding: 0px;
  color: #624235;
  background-color: white;
  text-decoration: none;
  font-style: italic;
  } 
 
.centre {
 margin : 0 6%;
 font-size: 1.3em;
 line-height: 1.5em;
 padding:0; 
 } 	
.titre {
  display: block;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px; }
  
h2.titre {
  
  display: inline;
  
  border-bottom : 1px dotted;
  font-size: 1.8em;	}
   
.droite {
 position:relative;

 float: right !important;
  float: none ;
 font-family: Geneva, Arial, Helvetica, sans-serif;
 margin-left: 20px;
 margin-right: auto;
 margin-top: 25px;
 margin-bottom: 0px;
 padding:0; }
 
 .gauche {
 position:relative;
 
 float: left !important;
  float: none ;
 font-family: Geneva, Arial, Helvetica, sans-serif;
 margin-left: auto;
 margin-right: 50px;
 margin-top: 5px;
 margin-bottom: 0px; }
  
h2.voiture {
  margin-left: 5%;
  display: inline;
  border-bottom : 1px dotted;
  font-size: 1.8em;	}
  
.contact {
 font-size: 1.3em;
 line-height: 1.1em;
 text-align: center; }
 
.contact strong{
 font-weight: normal;
 font-size: 1.2em;
 line-height: 1.1em;
 color:#50ABE7;
 border-bottom: 1px dotted;

  }	
 
.soulign {
 
 display: block;
 border: 1px dashed gray;
 padding :  0 ; 
 margin : 1em 64% 0 6% !important;
 margin : 1em auto;
 background : url("images/trav.jpg") repeat;
 color: #606060;
 font-size: 1.3em;
 line-height: 1.2em;
  
 text-align: center; }
 
.soulign2 {
 display: block;
 border: 1px dotted gray;
 margin : 1em 50% 15px 1em !important;
 margin : 1em 40% 15px 1em;
 padding : 0 0 1px 0; 
 background : url("images/trav2.jpg") repeat;
 color: #606060;
 font-size: 1.3em;
 line-height: 1.4em;
 text-align: center; }
 
.titrebloc {
 font-family: 'times new roman', times, serif;
 letter-spacing: 1px;
 display: block;
 border: 1px dashed gray;
 padding : 0px 10px 0px 10px; 
 margin : 0 18% 0.5em 18%;
 background : url("images/trav3.jpg") repeat;
 color: #707070;
 font-size: 1.6em;
 line-height: 1.05em;
 text-align: center; }
 	
.bloc {
 margin-top: 25px;
 font-size: 1.3em;
 line-height: 1.5em;
 text-align: left; 
 }
 
ul.bloc1{
 margin-top: 25px;
 font-size: 1.3em;
 line-height: 1.5em;
 text-align: left; 
 background: url(images/rouleau.jpg) left top no-repeat !important;
 background: url(images/rouleau.jpg) center top no-repeat ;
 list-style-image: url(images/puce4.jpg);  
 list-style-position: outside;
 }
 
ul.blocpuce{
 margin-top: 15px;
 font-size: 1.3em;
 line-height: 1.4em;
 text-align: left; 
 list-style-image: url(images/puce.jpg);  
 list-style-position: outside; }

ul.blocpuce1{
 
 margin-top: 0;
 font-size: 1.3em;
 
 text-align: left; 
 list-style-image: url(images/puce1.jpg);  
 list-style-position: outside; }

ul.blocpuce2{
 margin-top: 0;
 font-size: 1.3em;

 text-align: left; 
 list-style-image: url(images/puce2.jpg);  
 list-style-position: outside; }

ul.blocpuce3{
 margin-top: 0;
 font-size: 1.3em;
 
 text-align: left; 
 list-style-image: url(images/puce3.jpg);  
 list-style-position: outside; }

ul.blocpuce4{ 
 margin-top: 0;
 font-size: 1.3em;
 
 text-align: left; 
 list-style-image: url(images/puce4.jpg);  
 list-style-position: outside; }

ul.blocpuce5{
 margin-top: 0;
 font-size: 1.3em;
 
 text-align: left; 
 list-style-image: url(images/puce5.jpg);  
 list-style-position: outside; }
 
ul.blocpuce6{
 margin-top: 0;
 font-size: 1.3em;
 
 text-align: left; 
 list-style-image: url(images/puce6.jpg);  
 list-style-position: outside; }
      
 
.blocpuce a {
  margin-top: 25px;
 font-size: 1.1em;
 line-height: 1.4em;
 text-align: left;
 color: #333333;
 text-decoration: none;}
 
.blocpuce a:hover {
  display: inline;
  border-bottom : 1px dotted;
   margin-top: 25px;
  padding: 0px;
  font-size: 1.1em;
  line-height: 1.4em;
  text-align: left;
  color: #333333;
  text-decoration: none;}
 
.blocpuce1 a {
  margin-top: 0;
 font-size: 1.1em;
 line-height: 1.4em;
 text-align: left;
 color: #333333;
 text-decoration: none;}
 
.blocpuce1 a:hover {
  display: inline;
  border-bottom : 1px dotted;
   margin-top: 0;
  padding: 0px;
  font-size: 1.1em;
  line-height: 1.4em;
  text-align: left;
  color: #333333;
  text-decoration: none;}

.blocpuce2 a {
  margin-top: 0;
 font-size: 1.1em;
 line-height: 1.4em;
 text-align: left;
 color: #333333;
 text-decoration: none;}
 
.blocpuce2 a:hover {
  display: inline;
  border-bottom : 1px dotted;
   margin-top: 0;
  padding: 0px;
  font-size: 1.1em;
  line-height: 1.4em;
  text-align: left;
  color: #333333;
  text-decoration: none;}

.blocpuce3 a {
  margin-top: 0;
 font-size: 1.1em;
 line-height: 1.4em;
 text-align: left;
 color: #333333;
 text-decoration: none;}
 
.blocpuce3 a:hover {
  display: inline;
  border-bottom : 1px dotted;
   margin-top: 0;
  padding: 0px;
  font-size: 1.1em;
  line-height: 1.4em;
  text-align: left;
  color: #333333;
  text-decoration: none;}

.blocpuce4 a {
  margin-top: 0;
 font-size: 1.1em;
 line-height: 1.4em;
 text-align: left;
 color: #333333;
 text-decoration: none;}
 
.blocpuce4 a:hover {
  display: inline;
  border-bottom : 1px dotted;
   margin-top: 0;
  padding: 0px;
  font-size: 1.1em;
  line-height: 1.4em;
  text-align: left;
  color: #333333;
  text-decoration: none;}

.blocpuce5 a {
  margin-top: 0;
 font-size: 1.1em;
 line-height: 1.4em;
 text-align: left;
 color: #333333;
 text-decoration: none;}
 
.blocpuce5 a:hover {
  display: inline;
  border-bottom : 1px dotted;
   margin-top: 0;
  padding: 0px;
  font-size: 1.1em;
  line-height: 1.4em;
  text-align: left;
  color: #333333;
  text-decoration: none;}

.blocpuce6 a {
  margin-top: 0;
 font-size: 1.1em;
 line-height: 1.4em;
 text-align: left;
 color: #333333;
 text-decoration: none;}
 
.blocpuce6 a:hover {
  display: inline;
  border-bottom : 1px dotted;
   margin-top: 0;
  padding: 0px;
  font-size: 1.1em;
  line-height: 1.4em;
  text-align: left;
  color: #333333;
  text-decoration: none;}
      
ul.bloc2{
 margin-top: 25px;
 font-size: 1.3em;
 line-height: 1.5em;
 text-align: left; 
 background: url(images/phone.jpg) center top no-repeat;
 list-style-image: url(images/puce5.jpg);  
 list-style-position: outside;
 }
 
.contact a {
  display: inline;
  border-bottom : 1px dotted;
  padding: 1px;
  color: #624235;
  background-color: white;
  font-size: 110%;
  text-decoration: none;}
	
.contact a:hover {
  display: inline;
  border-bottom : 1px dotted;
  padding: 1px;
  color: black;
  background-color: white;
  font-weight: normal;
  text-decoration: none; }

a.info { position: relative; }
	
a.info span { display: none; }
 
a.info:hover {
  background: none;
  z-index: 500;}
 

 
ul#menu {
  z-index: 10;
  position:relative; top: 14px;
  text-align : center;
  color: white;
  background : #cc9933;
  border: 1px solid gray;
  list-style-type: none;
  height: 15px;
	line-height: 16px;
  font-size: 11px;	}
	
#menu li {
 display: inline;
   }
 
#menu a {
  background : #cc9933;
  color: white;
  margin: 0 7px;
  text-decoration: none; }
	
#menu a:hover { 
  color: black;
  background : #cc9933 ; }
 
div.baspage {
  background:  url("images/basgauche.gif") bottom left no-repeat;
  position:relative;
  top: -15px; }
  
div.baspage p {
  z-index:0;
  background:  url("images/basdroit.gif") bottom right no-repeat;
  padding:14px 14px 14px 0;

  display:block;
  margin:0 0 0 0;
  position:relative;
  right:-8px; }
  
 div.ArticleLongContent {
 background: url("images/bordgauche.gif") top left repeat-y; }
