body {
     margin: 0;
     padding: 0;
     background: #FFFFFF url(images/fond-ecran.jpg) repeat-x;
     font: 12px verdana, sans-serif;
}

.page{
          width: 1000px;
          border: 0px solid #000000;

          position:absolute;
}



.img_titre{
           float: top;
           background: url(images/titre1.png) left no-repeat;
           z-index:120;
           margin-top:0px;
           height: 101px;
           width:370px;
           border: 0px solid #000000;
}
.men{
           position: absolute;
           left:0px;
           width:96px;
           height:101px;
           z-index:200;
           border: 0px solid #000000;
}
.banniere{
           position: absolute;
           height: 100px;

           width: 734px;
           top: 0px;
           left: 277px;
           z-index:0;
           border: 0px solid #000000;

}

.top{
           position: absolute;
           z-index:1;
           border: 0px solid #000000;
}



.menu1{

            position: absolute;
            float: right;
            left: 0px;
            top: 100px;
            background: #333376;
            height: 20px;
            width: 1011px;
            border: 0px solid #000000;
            z-index:200;
}
.langue{
            position: absolute;
            top: 98px;
            left: 2px;
            height: 20px;
            margin-right: 60px;
            border: 0px solid #000000;
}

.menu_gauche{
            float: left;
            background: #ffffff url(images/titre2.jpg) top left no-repeat;
            left: 0px;
            top: 0px;
            width: 264px;
            height:650px;
            border: 0px solid #000000;
            margin-left: 0px;

}

.centre {
            top: 250px;
            left :10px;
            border: 0px solid #000;
}

.bloc_page{

            border: 0px solid #000000;
            margin-top : 0px;
            margin-left : 267px;
}
.bottom{
            float: bottom;
            margin-top: -15px;
            height: 170px;
            border: 0px solid #000000;
}

.foot{
            position: absolute;
            height: 25px;
            width: 50px;
            margin-left: 67em;
            margin-top: 10em;
            border: 0px solid #000000;
}

/*------------------DECO TITRE---------------------------DECO TITRE----------------------------DECO TITRE----------------------------*/

.texte_titre{

            height: 20px;
            width: 675px;
            background: #B2B2B2;
            border: 0px solid ;
            margin-right: 0px;
            padding: 0px;

}


.titre{
            float: left;
            background: #B2B2B2 url(images/titre.gif) no-repeat;
            height: 20px;
            width: 50px;
            margin-right :0px;
            border: 0px solid;
            color: #999999;
}


h1{
      font: 125% verdana, sans-serif;
      font-weight: bold;
      color: #FFFFFF;

}


h2{


      font: 220% verdana, sans-serif;
      position: absolute;
      margin-top: -10px;
      margin-left: 0px;
      font-weight: bold;
      color: #808080;


}


h3{

     position: absolute;
      margin-top: 20px;
      margin-left :50px;
      font: 170% verdana, sans-serif;
      font-weight: bold;
      color: #D2232B;

}

h4{

      font: 110% verdana, arial, sans-serif;
      margin-left: 20px;
      color: #000;
      text-align : justify;
      margin-right: 10px;
}

P{

  margin-right: 20px;
 text-align : justify;
 font: 100% verdana, sans-serif;
 margin-left: 10px;
}


b{
     font: 125% verdana, sans-serif;
     font-weight: bold;
     color: #333366;

}

.classi{
     color: #808080;
}

a.classi:hover{

      text-decoration: underline;
 }

i{
     color: #808080;
}

.cible{
     position: absolute;
     left:550px;
     top:-2px;
     font: 70px arial, sans-serif;
     font-weight: bold;
     color: #FFFFFF;
     border:0px solid #313376;
     width: 8em;
     filter:alpha(opacity=70);
     -moz-opacity:0.7;
     opacity: 0.7;


}


.lien_titre{
 color:#004080;

}
.lien_titre :over{
 color:#494949;
}

/*---------------------MENU---------------------------MENU--------------------------------MENU-----------------------------------*/
dl, dt, dd, ul, li {
    margin: 0;
    padding: 0;

    list-style-type: none;

}

#menu {
      position: absolute;
      top: 0px;
      left: 35px;
      z-index:500;
      height:20px;
      width: 943px;
      border: 0px solid gray;

}

#menu dl {
      float: left;
      height:20px;
      width: 12.7em;
      padding: 0;
      background: #333376;
}

#menu dt {
      cursor: pointer;
      text-align: center;
      font-weight: bold;
      height:20px;
      background: #333376;
      border: 0px solid gray;
      color: #FFFFFF;
}

#menu dt:hover {
      cursor: pointer;
      text-align: center;
      height:20px;
      font-weight: bold;
      background: #B2B2B2;
      border: 0px solid gray;
      color: #FFFFFF;


    }

#menu dd {
      border: 1px solid gray;
      color: #FFFFFF;
      top:0px;

}

#menu li {
      text-align: center;
      background: #FFFFFF;
      color: #FFFFFF;
      top:2px;
}

#menu li a {
      color: #000;
      top:2px;
      height:20px;
      text-decoration: none;
      display: block;
      height: 14px;
      border: 0 none;

}
#menu li a:hover {
      background: #B2B2B2;
      color: #000;

}


#menu dt a {
      color: #FFFFFF;
      text-decoration: none;
      display: block;
      height:20px;
      border: 0 none;
      background: #333376;

}



#menu dt a:hover {
      background: #B2B2B2;
      color: #FFFFFF;

}

a {text-decoration: none;


  color: #000;
}



/*-----------------------TEXTE---------------------------------TEXTE-------------------------------------TEXTE--------------------------*/

.lienref{
      font: 70% verdana, sans-serif;
      font-weight: bold;
      color: #0000A0;

}
a.lienref:hover{
      font: 70% verdana, sans-serif;
      font-weight: bold;
      color: #808080;
}

.liensite{
      font: 110% verdana, sans-serif;
      font-weight: bold;
      color: #0000A0;

}
a.liensite:hover{
      font: 110% verdana, sans-serif;
      font-weight: bold;
      color: #808080;
     text-decoration: underline;
}

.lienprod{
      font: 90% verdana, sans-serif;
      font-weight: bold;
      color: #0000A0;

}
a.lienprod:hover{
      font: 90% verdana, sans-serif;
      color: #808080;
      font-weight: bold;
      text-decoration: underline;
}

.lieninscription{
      font: 140% verdana, sans-serif;
      font-weight: bold;
      color: #0000A0;
      text-decoration: underline;
}
a.lieninscription:hover{
      font: 140% verdana, sans-serif;
      color: #808080;
      font-weight: bold;
      text-decoration: underline;
}

.lienpresse{
      font: 90% verdana, sans-serif;
      font-weight: bold;
      color: #808080;

}
a.lienpresse:hover{
      font: 90% verdana, sans-serif;
      font-weight: bold;
      color: #000000;
      text-decoration: underline;
}



/*-------------------NEWS DANS MENU2------------------------NEWS DANS MENU2-------------------------NEWS DANS MENU2------------------------*/

.tabnews {
      border: 0px solid #666666;
      background:#ffffff;
      border-top: 0px solid gray;
      width: 219px;
      margin-left :5px;
      margin-top:18px;
      -moz-opacity:0.8;
      opacity: 0.8;
      filter:alpha(opacity=80);
      font: 110% arial, sans-serif;

}

.lefttitre{
      background: url(images/leftitre.jpg) no-repeat;
      float:left;
      width: 24px;
      height: 18px;
      padding: 0px;
      margin-right :0px;
      margin-bottom :0px;


}

.righttitre{
      background: #B2B2B2;
      float:left;
      width: 0px;
      height: 0px;
      padding: 0px;
      margin-left :0px;
      margin-right :0px;
      margin-bottom :0px;
}


.tabtitrenews{
       background: #B2B2B2;
       border: 0px solid gray;

       height: 18px;
       width: 210px;
       font-weight: bold;
       color: #FFFFFF;
       margin-right: 0px;
       float : left;
       padding: 0px;
       margin-bottom :0px;
}

.titrenews{
      font: arial, sans-serif;
      font-weight: bold;
      color: #FF0000;
      width: 150px;

}

.lienmenu2{
      font: arial, sans-serif;
      color: #0000A0;
      font-weight: bold;
      text-decoration: none;
      margin-left :20px;
      vertical-align : 7px;

}

a.lienmenu2:hover{
      font: arial, sans-serif;
      font-weight: bold;
      color: #000000;
      text-decoration: underline;
      margin-left :20px;
      vertical-align : 7px;

}

.lienrecherche{
      font: arial, sans-serif;
      color: #FFFFFF;
      font-weight: bold;
      text-decoration: none;

}

a.lienrecherche:hover{
      font: arial, sans-serif;
      font-weight: bold;
      color: #FFFFFF;
      text-decoration: none;


}

.swf{
     border: 0px solid gray;
     margin-left: 10em;
     margin-top: 0em;
     left: 200px;
     width: 600px;
     height: 300px;
     position: absolute;

}

/*-------------------BOX FORMATION------------------------BOX FORMATION-------------------------BOX FORMATION------------------------*/

.boxform{
      background: #E60000;
      height: 99px;
      width: 500px;
      text-align: justify;
      margin-left :10px;
      margin-top :20px;
      border: 0px solid #FF0000;
      color: #FFFfFF;
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      font-weight: bold;
}

/*-------------------REFERENCE------------------------REFERENCE-------------------------REFERENCE------------------------*/

.ref{
      border: 1px solid #333366;
      margin-left: 20px;
      width: 650px;
      background: #E0E0E0;
}

.titreref
{
     padding-top: 120px;
     font: 130% arial, sans-serif;
     font-weight: bold;
     color: #333366;
     padding:5px;
}

.reference
{
     padding-top: 120px;
     font: 110% arial, sans-serif;
     padding:10px;
     text-align: justify;
}

.refphoto
{
     float: top;
}

.haut
{
    margin-top: 0px;
    position: absolute;
    margin-left:570px;
    float:bottom;
    font: 80% arial black, sans-serif;
}
.haut_en
{
    margin-top: 0px;
    position: absolute;
    margin-left:610px;
    float:bottom;
    font: 80% arial black, sans-serif;
}

/*-------------------BOX ACCUEIL------------------------BOX ACCUEIL-------------------------BOX ACCUEIL------------------------*/

.tabbox {
      border: 1px solid #999999;
      width: 550px;
      margin-top: 50px;
      }

.tabtitrebox{

       height: 15px;
       width: 550px;
       border: 0px solid gray;
       background: #999999;
       font-weight: bold;
       color: #FFFFFF;
       z-index:1;
}
.titrebox{

      float: left;
      font: arial, sans-serif;
      font-weight: bold;
      color: #999999;
      height: 80px;

}

/*-------------------PHOTO------------------------PHOTO-------------------------PHOTO------------------------*/

.orgaphoto
{
     margin-left: 10px;
     float: right;
}

.orgagauche
{
     float: left;
}

.vignette{
     float: right;
     border: 1px solid #C0C0C0;

     eight: 60px;
     margin-top:0px;
}
.fleche{
    float: left;


}
.iso{
    float:right;
    margin-right: 20px;
    margin-top: 70px;

}

/*-------------------FORMULAIRE------------------------FORMULAIRE-------------------------FORMULAIRE------------------------*/

.champ
{
     font: 70% verdana, sans-serif;
     font-weight: bold;
     color: #0000A0;
     margin-left: 80px;
}

.champ2
{
     font: 70% verdana, sans-serif;
     font-weight: bold;
     color: #0000A0;

}

/*--------------------------------------------------------------------------------------------------------------------------*/
.soustitre{
      background: url(images/soustitre.gif) no-repeat;
      width: 228px;
      height: 57px;

      padding left: 14x;
      color: #333376;
      font-weight: bold;
      font: 150%  arial, sans-serif;
      float: left;
}

.tab2{
      width: 100px;
}


.tab1{
      margin-top: 1em;
      float: left;
      width: 420px;
      height: 60px;
      font: 80%  arial, sans-serif;

}

.tablsearch{
      vertical-align: middle;
      cellpadding: 10px;
      float: left;
      margin-left: 3em;


}


/*--------------------------------PDF--------------------------------------PDF-----------------------------------PDF------------------------*/

.pdf{
    float: left;
    background: #ffffff;
    width: 220px;
    margin-left: 3px;
    border: 1px solid #999999;
    font-weight: bold;

}

.lienpdf{
    font: 70% arial, sans-serif;
    font-weight: bold;
    color: #00;

}



/*-------------------------------CONTACT-----------------------------------CONTACT--------------------------------CONTACT------------------------*/
.indigo
{
   background: url(images/indigo.gif) no-repeat;
   width: 216px;
   height: 22px;


}
.numindigo{
   font: 110% arial, sans-serif;
   font-weight: bold;
   color: #393996;
   margin-top: 3px;
   margin-left: 90px;
}

.indigofax
{
   background: url(images/indigo_fax.gif) no-repeat;
   width: 216px;
   height: 22px;


}
.numindigofax{
   font: 110% arial, sans-serif;
   font-weight: bold;
   color: #393996;
   margin-top: 3px;
   margin-left: 115px;
}

.zonecontact{
   border: 1px solid #CCCCCC;
   background-color:#FFFFFFF;
   width: 400px;
   margin-left: 100px

}

.contact{
 position: absolute;
 width: 220px;
 border: 1px solid #E10000;
 margin-top:150px;

}

.lieninfo{
      font: arial, sans-serif;
      color: #CC0000;
      font-weight: bold;
      font: 90% arial, sans-serif;
       text-decoration: underline;
      }

a.lieninfo:hover{
      font: arial, sans-serif;
      font-weight: bold;
      color: #808080;
      font: 90% arial, sans-serif;
       text-decoration: underline;
}