body {
  
  
margin-top:0;  
margin-bottom:0;   }

#fond {

background-image: url(../interface/fond.gif);
background-position: center center;
background-repeat: repeat; }


/*-------------Boite-conteneur + éléments de la page ---------*/


#boite-conteneur  {

position: absolute;
top: 0px;
left:0px;
width: 1000px;
height: 1800px;
margin-left: 0px;
margin-right: 30%;
z-index:0  }

img  {  border: 0px;  }

.barre-menu, .image-chris, .image-pub1, .barre-login, .champ-identifiant, .champ-motdepasse, .bouton-ok  {

border-bottom-width: 1px;
border-style: solid;  }

.barre-login   {

position:relative;
top: -1px;
left: 0px;
width: 1000px;
height: 28px;
background-color: black;
z-index: 2;
border-bottom-color: white;
border-style: none;   }

.champ-identifiant  {

position:absolute;
top: 3px;
left:740px;
width:122px;
height:16px;
border-color: white;
background-color: #C0C0C0;
z-index: 3;  }

.champ-motdepasse  {

position:absolute;
top: 3px;
left:874px;
width:90px;
height:16px;
border-color: white;
background-color: #C0C0C0;
z-index: 3;  }

.degrad-h, .bouton-ok, .degrad-v  { background-repeat: no-repeat;  }

.bouton-ok  {

position:absolute;
top: 3px;
left:974px;
width:20px;
height:20px;
border-color: white;
background-image: url(../interface/ok-picto.gif);
background-position: center center;
z-index: 3;   }

.degrad-h   {

position:absolute;
top: 28px;
left:0px;
width:1000px;
height:120px;
background-image: url(../images/degrad-gris-h-1.gif);
z-index: 1;   }


.menu-outils, .ico1, .barre-menu, .image-pub1   {

border-width: 1px;
border-style: solid;
z-index:3;   }


img.image-pub1  {

position:absolute;
top: 50px;
left:212px;
width:568px;
height:60px;
border-color: black;  }

#barremenu    {   

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


.degrad-v   {

position:absolute;
top: 148px;
left:839px;
width:161px;
height:648px;
background-image: url(../images/degrad-gris-v-1.gif);   }

.menu-outils  {

position: absolute;
top: 246px;
left: 922px;
width: 42px;
height: 260px;
border-color: black;
background-color: #C0C0C0;
z-index:5;  }

img.ico1  {  border-color: black;   }

#imagos1 {

position: absolute;
top: 44px;
left: 14px;
width: 88px;
height: 123px;
border: solid 1px black;
padding: 12px;
z-index: 3;   }

#imagos2 {
position: absolute;
top: 328px;
left: 175px;
width: 296px;
height: 218px;
border: solid 1px black;
padding: 12px;
z-index: 3;   }

#imagos3 {

position: absolute;
top: 598px;
left: 659px;
width: 216px;
height: 214px;
border: solid 1px black;
padding: 12px;
z-index: 0;   }

#imagos4 {

position: absolute;
top: 858px;
left: 172px;
width: 246px;
height: 220px;
border: solid 1px black;
padding: 12px;
z-index: 3;   }

#imagos5 {

position: absolute;
top: 1462px;
left: 172px;
width: 704px;
height: 240px;
border: solid 1px black;
padding: 12px;
z-index: 3;   }

#images1 {
	
position:absolute;
top: 46px;
left:16px;
width: 110px;
height: 145px;
z-index:2; }


#images2 { 

position:absolute;
top: 328px;
left:176px;
width: 320px;
height: 244px;
border: 0px;
z-index:2;   }


#images3 { 

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


#images4 { 

position:absolute;
top: 853px;
left:167px;
width: 270px;
height: 244px;
border: 0px;
float:right; 
padding-top:6px; 
padding-left:6px; 
padding-bottom:6px;
z-index:2;   }

#images5 { 

position:absolute;
top: 1457px;
left:167px;
width: 728px;
height: 264px;
border: 0px;
float:right; 
padding-top:6px; 
padding-left:6px; 
padding-bottom:6px;
z-index:2;   }


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


#ligne {

position: absolute;
top: 568px;
left: 174px; }

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


#chapeau1  {  
position: absolute;
top: 254px;
left: 176px;
width:720px;
height:76px;
color: #000000;
text-align:justify;
font-family: arial, helvetica, geneva, sans-serif;
font-size:14px;
overflow:auto;  }


#texte1  {

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


#texte2  {

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


#texte3  {

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



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


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



.box {
position: absolute;
top: 224px;
left: 72px;
 
color: red;
}

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