body {  

margin-top:0; margin-bottom:0;
font-family: arial, helvetica, geneva, sans-serif; 
background-color:#ffffff;
position: relative;
top: 0px;
left:0px;
width: 1000px;
height: 1160px;
margin-left: auto;
margin-right:auto;   }

#boite-conteneur  {

position: absolute;
top: 0px;
left:0px;
width: 998px;
height: 2260px;
margin-left: 0px;
margin-right: 30%;  }

#titre   {   

font-family: arial, helvetica, geneva, sans-serif;
color: #000000;
position:absolute;
top: 170px;
left:20px;
width:640px;
height: 60px;
padding: 4px;
text-align:justify; 
z-index:6;
font-size:34px; }

.image-pub1  {   

border-width: 1px;
border-style: solid;
z-index:3; 
position:absolute;
top: 0px;
left:0px;
width:996px;
height:120px;
border-color: black; }

#barremenu    {   

font-family: arial, helvetica, geneva, sans-serif;
font-size:17px;
color: orange;
font-weight: normal;
letter-spacing:2px;
word-spacing: 34px;
text-decoration: none;
text-align: center;
position: absolute;
top: 130px;
left: 190px;
width: 800px;
height: 30px;
background-color: #666666;
border-radius: 10px;
z-index: 3;   }

.liencol   {

color: red;
font-weight: bold;
letter-spacing:2px;
text-decoration: none; }

#chapeau1  {  

position: absolute;
top: 260px;
left: 170px;
width:820px;
height:180px;
text-align:justify;
font-family: arial, helvetica, geneva, sans-serif;
font-size:14px;
overflow:auto;
padding: 4px;  }


#texte1  {

position:absolute;
top: 830px;
left: 170px;
width: 820px;
height: 80px;
text-align:justify;
font-family: arial, helvetica, geneva, sans-serif;
font-size: 13px;
overflow:auto;
padding: 4px;  }



#texte2  {

position:absolute;
top: 1270px;
left: 170px;
width: 820px;
height: 80px;
text-align:justify;
font-family: arial, helvetica, geneva, sans-serif;
font-size: 13px;
overflow:auto;
padding: 4px;  }

#texte3  {

position:absolute;
top: 1710px;
left: 170px;
width: 820px;
height: 80px;
text-align:justify;
font-family: arial, helvetica, geneva, sans-serif;
font-size: 13px;
overflow:auto;
padding: 4px;  }

#texte4  {  
position: absolute;
top: 2160px;
left: 170px;
width:820px;
height:80px;
text-align:justify;
font-family: arial, helvetica, geneva, sans-serif;
font-size: 13px;
overflow:auto;
padding: 4px; }


#ligne {
position: absolute;
top: 2160px;
left: 174px; }


#imagos1 {

position: absolute;
top: 280px;
left: 20px;
z-index: 2;
width: 100px;
height: 140px;
border: solid 1px black;
padding: 12px;   }

#imagos2 {

position: absolute;
top: 468px;
left: 174px;
z-index: 2;
width: 796px;
height: 320px;
border: solid 1px black;
padding: 12px;    }

#imagos3 {

position: absolute;
top: 900px;
left: 174px;
z-index: 2;
width: 796px;
height: 320px;
border: solid 1px black;
padding: 12px;    }

#imagos4 {

position: absolute;
top: 1340px;
left: 174px;
z-index: 2;
width: 796px;
height: 320px;
border: solid 1px black;
padding: 12px;    }

#imagos5 {

position: absolute;
top: 1780px;
left: 174px;
z-index: 2;
width: 796px;
height: 320px;
border: solid 1px black;
padding: 12px;    }



#images1 {
	
position:absolute;
top: 280px;
left:20px;
width: 126px;
height: 166px;
z-index:3; }


#images2 { 

position:absolute;
top: 468px;
left:174px;
width: 824px;
height: 346px;
border: 0px; 
z-index:3;  }


#images3 { 

position:absolute;
top: 900px;
left: 174px;
width: 824px;
height: 346px;
border: 0px; 
z-index:3;  }


#images4 { 

position:absolute;
top: 1340px;
left:174px;
width: 824px;
height: 346px;
border: 0px;
z-index:3;  }

#images5 { 

position:absolute;
top: 1780px;
left: 174px;
width: 824px;
height: 346px;
border: 0px; 
z-index:3;  }


#pied-page  {

position: absolute;
top: 2240px; 
left: 0px;
width: 998px;
height:40px;
background-color:silver;
text-align: right;
font-family: arial, helvetica, geneva, sans-serif;
font-size: 15px;
vertical-align: top;
font-weight: bold;    }


#lien1 {

font-family: arial, helvetica, geneva, sans-serif;
font-size:14px;
color: red;
font-style: normal;
text-decoration: none;
z-index: 3;   }

#lien2 {

font-family: arial, helvetica, geneva, sans-serif;
font-size:14px;
color: red;
font-style: normal;
text-decoration: none;
z-index: 3;   }

#lien3 {

font-family: arial, helvetica, geneva, sans-serif;
font-size:14px;
color: red;
font-style: normal;
text-decoration: none;
z-index: 3;   }

#lien4 {

font-family: arial, helvetica, geneva, sans-serif;
font-size:14px;
color: red;
font-style: normal;
text-decoration: none;
z-index: 3;   }

#lien5 {

font-family: arial, helvetica, geneva, sans-serif;
font-size:14px;
color: red;
font-style: normal;
text-decoration: none;
z-index: 3;   }

#lien6 {

font-family: arial, helvetica, geneva, sans-serif;
font-size:14px;
color: red;
font-style: normal;
text-decoration: none;
z-index: 3;   }

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



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



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