body {  
  margin-top:0; 
  margin-bottom:0;
  font-family: jura-demibold;
  font-size : 24px; 
  background-color:#fff;
  position: relative;
  top: 0px;
  left:0px;
  width: 1000px;
  height: 100%;
  margin-left: auto;
  margin-right:auto;   
}

img { border: none; }

#date_heure {

  position:absolute; 
  top: 127px;
  left: 600px;
  z-index: 1; 
  font-size:16px;
  width: 500px;
  height: 36px; 
}


#inscription  {

  position:absolute;
  top:14px;
  left:812px;
  text-align:center; 
  font-size: 12px;
  color:red; 
  width: 180px;
  height: 30px;
}

#recherche {

  position:absolute;
  top:50px;
  left:790px;
  width: 220px;
  height: 40x;
  text-align: center;
  font-size: 12px;
  color:red;    
}

#logo {

  position:absolute; 
  top: 12px;
}

.pub_haut {

  position:absolute; 
  top:16px;
  left: 210px;
  width: 568px;
  height: 60px; 
  border: 1px solid silver;
}

a.liens_pub { 

  color: #fff;
  text-decoration:none;
  font-size:14px;
  letter-spacing:3px; 
}

a:hover.liens_pub { 
  
  color: red; 
  font-size:14px; 
}


#titre-site {

  position:absolute; 
  top:98px;
  left: 156px;
  width: 700px;
  height: 30px;
  text-align: center;
  font-size:16px;  
  letter-spacing: 6px;  
}

.menu-titre { 

  position:absolute; 
  top: 150px;  
  text-align: center;
  font-family: jura-demibold;
  font-size:27px;         
  width: 1000px;
  height: 39px;
  vertical-align: top;
  z-index:1;
  word-spacing: 30px;
  font-weight:bold; 
  text-shadow: 1px 1px 3px #000;
  border-radius: 8px 8px;
  -moz-border-radius: 8px 8px;
  -webkit-border-radius: 8px 8px; 
  background: -moz-linear-gradient(top, #FFFFFF 0%, #C0C0C0 33%, #666666 77%, #FFFFFF);
  background: -ms-linear-gradient(top, #FFFFFF 0%, #C0C0C0 33%, #666666 77%, #FFFFFF);
  background: -o-linear-gradient(top, #FFFFFF 0%, #C0C0C0 33%, #666666 77%, #FFFFFF);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), color-stop(0.33, #C0C0C0), color-stop(.77, #666666), to(#FFFFFF));  
}

a.inscrip { 

  color: #000;
  text-decoration: none;
  font-size:12px;
}

a:hover.inscrip { 

  color: red; 
  text-decoration:underline;

}

a.liens_titre { 

  color: #fff;
  text-decoration:none;
 letter-spacing:3px; 
}

a:hover.liens_titre { 
  
  color: red; 
}

#topic-01  {

  position: absolute;
  top: 204px;
  left: 0px;
}


#titre-publi  {

  position: absolute;
  top: 324px;
  left: 2px;
  font-size:52px;
  font-weight: bold;
   
}

#auteur  {

  position: absolute;
  top: 500px;
  left: 170px;
  font-weight:bold;
  font-size:13px;
  color: red;  
}

#chapeau-publi  {

  position: absolute;
  top: 550px;
  left: 0px;
  font-size:24px;
  font-weight:bold; 
  width: 450px;
  height: 60px;
  text-align: left;
  
}

#lettrine-01:first-letter { 

  margin-right: 2px; 
  font-size: 3em; 
}



#texte-publi  {

  position: absolute;
  top: 740px;
  left: 0px;
  line-height: 22px;
  font-size:19px;
  width: 450px;
  height: 620px;
  text-align: left;
}

#titre-publi2  {

  position: absolute;
  top: -150px;
  left: 10px;
  font-size:32px;  

}

#box2 {

 position: absolute;
  top: 60px;
  left: -10px;
}

#topic-02  {

  position: absolute;
  top: 204px;
  left: 0px;
}


#pub-risper-vertical {

  position:absolute;
  top:896px;
  left:858px; 
  border: 1px solid silver;
}


#photo1-publi   {

  position:absolute;
  top:190px;
  left:510px; 
}

#spacer1   {

  position:absolute;
  top:516px;
  left:486px;
  width:360px;
  height:1px; 
}

#pub-publi   {

  position:absolute;
  top:184px;
  left:858px;
 border: solid 1px silver;
}

#trait-vert1   {
  position:absolute;
  top:180px;
  left:472px;
  background-image:url(../images/trait-vert.gif);
  background-repeat:no-repeat;
  width:14px;
  height:510px; 
}

#boite-photo1   {

  position:absolute;
  top:434px;
  left:510px;
  width:160px;
  height:80px; 
  font-size:11px;
  text-align: justify;

}

#boite-photo2 {
position:absolute;
top:434px;
left:680px;
width:150px;
height:90px; 
font-size:11px;
text-align: justify;  

}

#pub-publi1   {
position:absolute;
top:540px;
left:490px;
width:350px;
height:340px;   
font-size:13px;
padding-right: 8px;
padding-left: 8px;
padding: 4px;  
text-align: justify; }


#zone   {

  position:absolute;
  top:1310px;
  left:522px;
  width:300px;
  height:238px;
  z-index: 1;
}


#renault { 
float: left;  
padding-right: 8px; 
padding-bottom: 4px;  }

#pub-publi2   {
position:absolute;
top:720px;
left:490px;
width:350px;
height:340px;   
font-size:13px;
padding-right: 8px;
padding-left: 8px;
padding: 4px;  
text-align: justify; }


#html5 { 
float: right;  
padding-left: 8px; 
padding-bottom: 4px;  }

#trait-vert2   {
position:absolute;
top:540px;
left:472px;
background-image:url(../images/trait-vert.gif);
background-repeat:no-repeat;
width:14px;
height:290px; }

#trait-vert3   {
position:absolute;
top:860px;
left: 472px;
background-image:url(../images/trait-vert.gif);
background-repeat:no-repeat;
width:14px;
height:290px; }





#chat  {
position: absolute;
top: 160px;
left: 300px;  }


#deonto-chat {
position:absolute; 
top: 163px;
left: 0px;
width: 278px;
height: 476px;
text-align: justify;
font-size: 12px;
padding: 6px;
color: #FFF;
border-width: thin;
background-color: #202020; 
border: solid 1px black;
border-radius: 4px 4px;
-moz-border-radius: 4px 4px;
-webkit-border-radius: 4px 4px;     }




@font-face {
  font-family: 'jura-demibold';
  src: url('../fonts/jura-demibold-webfont.eot');
  src: url('../fonts/jura-demibold-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/jura-demibold-webfont.woff') format('woff'),
       url('../fonts/jura-demibold-webfont.ttf') format('truetype'),
       url('../fonts/jura-demibold-webfont.svg#jurademibold') format('svg');
  font-weight: normal;
  font-style: normal;    }

#pied-page   { 
position:absolute; 
top: 2360px;
font-size: 18px;         
width: 1000px;
height: 30px;
font-weight:bold;
font-family: bonvenocflight;
border-radius: 8px 8px;
-moz-border-radius: 8px 8px;
-webkit-border-radius: 8px 8px; 
background: -moz-linear-gradient(top, #FFFFFF 0%, #C0C0C0 33%, #666666 77%, #FFFFFF);
background: -ms-linear-gradient(top, #FFFFFF 0%, #C0C0C0 33%, #666666 77%, #FFFFFF);
background: -o-linear-gradient(top, #FFFFFF 0%, #C0C0C0 33%, #666666 77%, #FFFFFF);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), color-stop(0.33, #C0C0C0), color-stop(.77, #666666), to(#FFFFFF));  }
}