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: 100%;
margin-left: auto;
margin-right:auto;   }


/*Fond gris dégradé coté droit*/

.degrad-droit {
position:absolute;
background-image:url(../images/img-fond.jpg);              
top:18px;	       
left: 838px;
width: 160px;
height: 1862px;
z-index: 1;
border-spacing: 0px;
border-collapse: collapse;  
background-repeat:no-repeat;}

#boite-conteneur  {

position: absolute;
top: 0px;
left:0px;
width: 998px;
height: 1890px; 
 }


#titre   {   

font-family: arial, helvetica, geneva, sans-serif;
color: #000000;
position:absolute;
top: 190px;
left:10px;
width:840px;
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: 995px;
height: 118px;
border-color: black; }

#barremenu    {   

font-family: arial, helvetica, geneva, sans-serif;
font-size:17px;
color: red;
font-weight: normal;
letter-spacing:2px;
text-decoration: none;
text-align: center;
word-spacing: 38px;
position: absolute;
top: 119px;
left: 0px;
width: 997px;
height: 14px;
border: 2px solid black;
background-color: #999999;
z-index: 3;   }

.liencol   {

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

#chapeau1  {  

position: absolute;
top: 294px;
left: 10px;
width: 818px;
height: 96px;
color: #000000;
text-align: justify;
font-family: arial, helvetica, geneva, sans-serif;
font-size: 14px;
overflow: auto;  }


#texte1  {

position:absolute;
top: 410px;
left: 340px;
width: 480px;
height: 234px;
text-align:justify;
font-family: arial, helvetica, geneva, sans-serif;
font-size: 13px;
overflow:auto;
padding: 4px;  }



#texte2  {

position:absolute;
top: 680px;
left: 10px;
width: 552px;
height: 230px;
text-align:justify;
font-family: arial, helvetica, geneva, sans-serif;
font-size: 13px;
overflow:auto;
padding: 4px;  }

#texte3  {

position:absolute;
top: 958px;
left: 290px;
width: 530px;
height: 236px;
text-align:justify;
font-family: arial, helvetica, geneva, sans-serif;
font-size: 13px;
overflow:auto;
padding: 4px;  }

#texte4  {  
position: absolute;
top: 1224px;
left: 10px;
width:818px;
height:328px;
color: #000000;
text-align:justify;
font-family: arial, helvetica, geneva, sans-serif;
font-size: 13px;
overflow:auto; }

#imagos1 {

position: absolute;
top: 184px;
left: 860px;
z-index: 2;
width: 88px;
height: 123px;
border: solid 1px black;
padding: 12px;   }

#imagos2 {

position: absolute;
top: 410px;
left: 10px;
z-index: 2;
width: 296px;
height: 218px;
border: solid 1px black;
padding: 12px;    }

#imagos3 {

position: absolute;
top: 680px;
left: 580px;
z-index: 2;
width: 216px;
height: 214px;
border: solid 1px black;
padding: 12px;    }

#imagos4 {

position: absolute;
top: 958px;
left: 10px;
z-index: 2;
width: 246px;
height: 220px;
border: solid 1px black;
padding: 12px;    }

#imagos5 {

position: absolute;
top: 1572px;
left: 10px;
z-index: 2;
width: 790px;
height: 240px;
border: solid 1px black;
padding: 12px;    }



#images1 {
	
position:absolute;
top: 186px;
left:862px;
width: 110px;
height: 145px;
z-index:3; }


#images2 { 

position:absolute;
top: 410px;
left: 10px;
width: 322px;
height: 244px;
border: 0px; 
z-index:3;  }

#images3 { 

position:absolute;
top: 675px;
left: 575px;
width: 240px;
height: 240px;
border: 0px;
float:right; 
padding-top:6px; 
padding-left:6px; 
padding-bottom:6px; 
z-index:3;  }


#images4 { 

position:absolute;
top: 953px;
left: 5px;
width: 270px;
height: 244px;
border: 0px;
float: right; 
padding-top: 6px; 
padding-left: 6px; 
padding-bottom: 6px; 
z-index:3;  }

#images5 { 

position:absolute;
top: 1572px;
left: 10px;
width: 818px;
height: 265px;
border: 0px; 
z-index:3;  }


#pied-page  {

position: absolute;
top: 1880px; 
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;   }