body  {  
background-image:url(../images/fond.gif); 
font-family: jura-demibold;  
margin-bottom: 10px;    }

#conteneur {
font-family: jura-demibold;
width: 812px; 
height: 966px;
position:relative;
left: 0px; 
top: 0px;
margin-left:auto;
margin-right:auto;
margin-bottom: 10px; 
border: solid 1px grey ;     
background-color: #ffffff;
border-radius: 14px 14px;
-moz-border-radius: 14px 14px;
-webkit-border-radius: 14px 14px;
box-shadow: 5px 5px 8px #666666;
-moz-box-shadow: 5px 5px 8px #666666;
-webkit-box-shadow: 5px 5px 8px #666666;   }

#logo   { 

position: absolute;
top: 22px;
left: 2px;
width:552px;
height: 72px;
margin-bottom: 10px; 
border-radius: 12px;

}

.mobi {
font-family: jura-demibold;
font-size: 60px;
position: absolute;
top: 28px;
left: 558px;
letter-spacing : 5px;  }

.degrade {
position: absolute;
width:806px;
height: 124px;
top: 2px;
left: 2px; 
margin-bottom: 10px;
border: solid 1px black; 
border-radius: 12px 12px;
background: -moz-linear-gradient(top, #666666 0%, #FFFFFF 33%, #C0C0C0 77%, #666666);
background: -ms-linear-gradient(top, #666666 0%, #FFFFFF 33%, #C0C0C0 77%, #666666);
background: -o-linear-gradient(top, #000000 0%, #FFFFFF 33%, #C0C0C0 77%, #000000);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#666666));   }

.menu {
position: absolute;
top: 140px;
left: 15px; 
width: 790px; 
height: 40px;
border: solid 0px silver;    }

a {       
color: #FF6600;
font-size:11px;
text-decoration:none; }

a:hover { 
color:#000000;   }

a:visited { 
color:#A0A0A4;
text-decoration:line-through; }

a:active { 
color: #000000;
text-decoration: overline; }

a.imgover1          {
text-decoration: none;
width: 180px ;
height: 33px;
background-image:url(../images/qui-sommes-nous-1.jpg);
background-position:left top;
background-repeat:no-repeat;
display: block;     }

a:hover.imgover1    {
width: 180px ;
height: 33px;
background-image:url(../images/qui-sommes-nous-2.jpg);
background-position:left top;
background-repeat:no-repeat;
z-index: 1;  }

a.imgover2   {    
text-decoration: none;
width: 180px ;
height: 33px;
background-image:url(../images/contact-1.jpg);
background-position:left top;
background-repeat:no-repeat;
display: block;   }

a:hover.imgover2 {    
width: 180px ;
height: 33px;
background-image:url(../images/contact-2.jpg);
background-position:left top;
background-repeat:no-repeat;
    }

a.imgover3     {
text-decoration: none;
width: 180px ;
height: 33px;
background-image:url(../images/sujet-1.jpg);
background-position:left top;
background-repeat:no-repeat;
display: block;  }

a:hover.imgover3 {  
width: 180px ;
height: 33px;
background-image:url(../images/sujet-2.jpg);
background-position:left top;
background-repeat:no-repeat;
   }

a.imgover4   {
text-decoration: none;
width: 180px ;
height: 33px;
background-image:url(../images/presse-1.jpg);
background-position:left top;
background-repeat:no-repeat;
display: block;    }


a:hover.imgover4    {
width: 180px ;
height: 33px;
background-image:url(../images/presse-2.jpg);
background-position:left top;
background-repeat:no-repeat;   }


#liste {
position: absolute;
top: 200px;
left: 10px;
font-family: arial, helvetica, geneva, sans-serif;
font-size: 12px;   }

.listepuce {
position: absolute;
top: 10px;
left: 1px;
font-face: jurademibold;
font-size: 14px;   }

#article  {
position: absolute;
top: 440px;
left: 236px; 
width: 560px ;
height: 200px; 
vertical-align: top;
}

#moteur  {
position: absolute;
top: 375px;
left: 20px; 
font-size: 12px;   }

#ok  {
position: absolute;
top: 3px;
left: 183px;
border: solid 1px black;   }

.texte   {
text-align: justify;
font-family: arial, helvetica, geneva, sans-serif; 
font-size: 10px;
padding: 8px;   
width: 130px ;
height: 100px;
border-collapse:collapse;
vertical-align: top;   }

#zone     { 
position:absolute;
top:190px;
left: 20px;
width: 100px;
height: 200px;   }

#titre {
font-family: jura-demibold;
font-size: 25px;
position: absolute;
top: 188px;
left: 250px;  }

#legende {
font-size: 12px;
font-weight: bold;
position: absolute;
top: 206px;
left: 660px;  }


#texte-intro   {   
position: absolute;
top: 228px;
left: 246px;
width: 542px ;
height: 386px;
font-size: 13px;
text-align: justify;
font-face: jurademibold;    }

#mode-emploi    {
position: absolute;
top: 700px;
left: 10px;  }

#mode-emploi1   {
position: absolute;
top: 714px;
left: 10px;
width: 87px;
height: 120px;
padding: 2px;
border: solid 1px silver;
font-size: 11px;
text-align:left;  }

#revue-presse    {
position: absolute;
top: 210px;
left: 636px;  }

#revue-presse1   {
position: absolute;
top: 232px;
left: 644px;
width: 134px;
height: 80px;
font-size: 11px;
text-align:justify;  }

#trait1   {
position: absolute;
top: 340px;
left: 18px;
width: 134px;
height: 1px;
color:silver;    }

#trait2   {
position: absolute;
top: 420px;
left: 18px;
width: 134px;
height: 1px;
color:silver;    }

#trait3   {
position: absolute;
top: 670px;
left: 18px;
width: 134px;
height: 1px;
color:silver;    }

#lire   {
position: absolute;
top: 700px;
left: 120px;    }

#lire1   {
position: absolute;
top: 715px;
left: 120px;
width: 100px;
height: 82px;
padding: 2px;
border: solid 1px silver;
font-size: 11px;
text-align:left;  }

#topic   {
position: absolute;
top: 870px;
left: 1px;
width: 802px;
height: 26px;
font-size: 24px;
text-align:center;
font-face: jurademibold;  }


#credits   {
position: absolute;
top: 930px;
left: 600px;
font-size: 20px;
font-face: jurademibold;
vertical-align:-20%;
width: 220px;
height: 20px;
color:#ff6600;
font-weight: bold; 
z-index:1;    }   

#pied-page {
position: absolute;
font-size: 18px;
top: 926px;
left: 5px; 
width: 800px;
height: 30px; 
margin-bottom: 10px;
border: solid 1px black; 
border-radius: 12px 8px;
background: -moz-linear-gradient(top, #666666 0%, #FFFFFF 33%, #C0C0C0 77%, #666666);
background: -ms-linear-gradient(top, #666666 0%, #FFFFFF 33%, #C0C0C0 77%, #666666);
background: -o-linear-gradient(top, #000000 0%, #FFFFFF 33%, #C0C0C0 77%, #000000);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#666666));   }

#zone {
position: absolute;
top: 480px;
left: 30px; 
width: 300px;
height: 300px; } 

@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;   }