#demo {
   overflow: hidden;
   position: absolute;
   width: 960px;
   display: block;
   height: 590px;
   margin: 0px;
   padding: 0px;
   color: #000000;
}




.sliderImage {
   float: right; /* important */
   display: none; /* important */
   z-index: 0;
     height: 402px;
     width: 960px;
    position: relative; /* important */
   overflow: hidden;

}


.horinaja ul{position:relative; }
.horinaja ul li{display:block;}

ol.horinaja_pagination
{

  float: left;
   height: 151px;
   cursor: pointer;
   margin: 0px 1px 1px 0px;
   opacity:1.00;
   }

 ol.horinaja_pagination a img

{
   opacity:1.00;
   }

.photoPrincipale
{
  position: absolute;
  z-index: 2;
  margin-top: -188px;
}



.bottom17
   {
     margin: 1px 1px 1px 0px;
     float: left;  opacity:1.00;
   }

.bottom18
   {
     margin: 1px 0px 1px 0px;
     float: left;   opacity:1.00;
   }




a:hover img.opac100
{
  opacity:1.00;
  border: 0px;
}



.visibilityHidden
{
  visibility: hidden;
}


 .buttonPlay
 {
   position: absolute;
   z-index:2;
   margin-top: 371px;
   margin-left: 685px;
   text-align: right;

 }
 .cursor
 {
   cursor: pointer;
 }


.sales
{
  margin-top: -188px;
  position: absolute;
  z-index:10;
}


 #demo .sliderImage div.text {
   position: absolute; /* important */

    top:0px;
    color: #464646;
   font: 12px/16px Arial, Helvetica, Trebuchet MS, Verdana,  sans-serif;
   padding: 80px 20px 10px 700px;
   width: 201px;
   margin-left: 0px;
   height: 210px;
   text-align: justify;
   z-index: 100;
}






.textLiegeall
{
  float: right;
  clear: left;
  margin-top: 5px;
  width: 210px;
  text-align: center;
}





 #demo .textLiegeall a
{

  color: #464646;
  text-decoration: none;
  text-align: left;
   font: 12px/27px Arial, Helvetica, verdana,  sans-serif;
   font-weight: bold;   text-align: center;

}


#demo .textLiegeall a:hover
{

  color: #f95f09;
  text-decoration: none;
   text-align: left;
   font: 12px/27px Arial, Helvetica, verdana,  sans-serif;
   font-weight: bold;

}



#demo .sliderImage div.textLiege {
  position: absolute; /* important */
    top:0px;
    color: #4d4d4d;
   font: 12px/16px Arial, Helvetica, Trebuchet MS, Verdana,  sans-serif;
   padding: 60px 20px 0px 695px;
   width: 207px;
   margin-left: 0px;
   height: 210px;
   z-index: 100;
   text-align: justify;
}

 #demo .sliderImage div.textOverflow {

   width: 210px;
   margin-top: 0px;
   height: 180px;
   overflow: auto;
   padding-right: 7px;
   text-align: justify;
}
 #demo .sliderImage div.textOverflow2 {
   width: 205px;
   height: 205px;
   overflow: auto;
   padding-right: 7px;
   text-align: justify;
   float: left;
}




 #demo .sliderImage div.textOverflow3 {

   width: 210px;
   margin-top: 0px;
   height: 197px;
   overflow: auto;
   padding-right: 7px;
   text-align: justify;
}




 #demo .sliderImage div.textOverflow4 {

  width: 205px;
   height: 220px;
   overflow: auto;
   padding-right: 7px;
   text-align: justify;
}


 #demo .sliderImage div.Wagramtext {
   position: absolute; /* important */

    top:0px;
    color: #4d4d4d;
   font: 12px/16px Arial, Helvetica, Trebuchet MS, Verdana,  sans-serif;
   padding: 125px 20px 10px 695px;
   width: 207px;
   margin-left: 0px;
   height: 210px;
   text-align: left;
   z-index: 100;
   text-align: justify;
}

 #demo .sliderImage div.Wagramtext2 {
   position: absolute; /* important */

    top:0px;
    color: #4d4d4d;
   font: 12px/16px Arial, Helvetica, Trebuchet MS, Verdana,  sans-serif;
   padding: 95px 20px 10px 445px;
   width: 425px;
   margin-left: 0px;
   height: 240px;
   text-align: left;
   z-index: 100;
   text-align: justify;
}

.Wagramtext2-left {
  float: left;
    color: #4d4d4d;
   font: 12px/16px Arial, Helvetica, Trebuchet MS, Verdana,  sans-serif;
   width: 216px;
   margin-left: 0px;
   text-align: left;

}

.Wagramtext2-right {
    float: left;
    color: #4d4d4d;
   font: 12px/16px Arial, Helvetica, Trebuchet MS, Verdana,  sans-serif;
   width: 216px;
    margin-left:5px;
   text-align: left;

}

.forfait
{
  float: left;
  height:74px;
  width: 120px;
  background-image: url(../images/charte/forfait.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  border-bottom: 1px solid #808080;
  padding-left: 90px;
  font-weight: bold;
  text-align: left;
  padding-top: 13px;
  margin-bottom: 10px;
}

.forfait2
{
  float: left;
  border-bottom: 1px solid #808080;
  padding: 10px 0px 20px 10px;
  text-align: left;

  margin-bottom: 10px;
}


  .Wagramtext2-right-title {

  color: #4d4d4d;
   font: 12px/16px Arial, Helvetica, Trebuchet MS, Verdana,  sans-serif;
   text-align: left;
   font-weight: bold;
   border-bottom: 1px solid #808080;
   padding-bottom: 4px;
   float: left;
   width: 100%;
   margin-bottom: 7px;
}

  .titre-orange {

  color: #e15e14;
   font: 18px/16px Arial, Helvetica, Trebuchet MS, Verdana,  sans-serif;
   text-align: left;
   font-weight: bold;
   border-bottom: 1px solid #808080;
   padding-bottom: 6px;
   float: left;
   width: 100%;
   margin-bottom: 7px;
}

  .titre-orange2 {

  color: #e15e14;
   font: 18px/16px Arial, Helvetica, Trebuchet MS, Verdana,  sans-serif;
   text-align: left;
   font-weight: bold;
   float: left;
   width: 100%;
   margin-bottom: 7px;
}


  .titre-orange3 {

  color: #e15e14;
   font: 14px/16px Arial, Helvetica, Trebuchet MS, Verdana,  sans-serif;
   text-align: left;
   font-weight: bold;

   width: 100%;
   margin-top: 10px;
   margin-bottom: 3px;
}


.lorelei
{
  font-size: 11px;

}

#contenu .lorelei2 a
{
  font-size: 11px;
  color: #e95d0f;
  text-decoration: none;
}
#contenu .lorelei2 a:hover
{
  font-size: 11px;
  color: #000000;
  text-decoration: none;
}


   .Wagramtext2-right-title2 {

  color: #4d4d4d;
   font: 12px/16px Arial, Helvetica, Trebuchet MS, Verdana,  sans-serif;
   text-align: left;
   font-weight: bold;
   border-bottom: 1px solid #808080;
   padding-bottom: 4px;
   padding-top: 15px;
   float: left;
    width: 100%;
     margin-bottom: 7px;
}

  .Wagramtext2-right-txt
  {
    float: left;
    clear: left;
    width: 100%;
  }


#demo .WagramtextHeight
{
  height: 158px;
}

#demo .sliderImage div.infotext {
   position: absolute; /* important */

    top:0px;
    color: #4d4d4d;
   font: 12px/16px Arial, Helvetica, Trebuchet MS, Verdana,  sans-serif;
   padding: 30px 20px 10px 675px;
   width: 230px;
    margin-left: 0px;
    height: 320px;
   text-align: left;
   z-index: 100;

}


#demo .sliderImage div.infotextBack {

   padding: 20px;
   background-color: #FFFFFF;
   opacity:0.85;
   float: left;
   text-align: left;
   height: 290px;
}


#demo .sliderImage div.infotextBack2 {

   padding: 20px;
   background-color: #FFFFFF;
   opacity:0.90;
   float: left;
   text-align: left;
    height: 290px;
}

#demo .sliderImage div.infotextLarge {
   position: absolute; /* important */
    bottom:5px;
    color: #40403e;
   font: 12px/16px Arial, Helvetica, Trebuchet MS, Verdana,  sans-serif;
  padding: 30px 0px 10px 515px;
   width: 470px;
    margin-left: 0px;
     text-align: left;
   z-index: 100;
   text-align: left;
}





#demo .sliderImage div.infotextBackLarge {

   padding: 10px 15px;
   background-color: #FFFFFF;
   opacity:0.90;
   float: left;
   text-align: left;
   -moz-border-radius:15px;
   -webkit-border-radius: 15px;
    margin-top: 20px;
}



.transTop
{
  background-image: url(../images/charte/transTop.png);
  background-repeat: no-repeat;
  background-position: top left;
 width: 430px;
 float: left;
  height:12px;
}


#demo .sliderImage div.infotextBackLarge2 {

   padding: 0px 10px 0px 12px;
   background-image: url(../images/charte/transMiddle.png);
   background-repeat: repeat-y;
   background-position: top left;
   width: 408px;
   float: left;
   text-align: left;
}

#demo .sliderImage div.infotextBackLarge3{

   padding: 0px 15px;
   width: 475px;
   float: left;
   text-align: left;
   background-image: url(../images/charte/transMiddle.png);
   background-repeat: repeat-y;
   background-position: top left;
}

#demo .sliderImage div.infotextBackLargePlan {

   padding: 0px 10px 0px 12px;
   background-image: url(../images/charte/transMiddle.png);
   background-repeat: repeat-y;
   background-position: top left;
   width: 408px;
   height: 340px;
   float: left;
   text-align: left;
   }

   #demo .sliderImage div.infotextBackLargePlan2 {

   padding: 0px 10px 0px 12px;
   background-image: url(../images/charte/transMiddle.png);
   background-repeat: repeat-y;
   background-position: top left;
   width: 408px;
   height: 267px;
   float: left;
   text-align: left;
   }



 .titre-orangeLiege {
  color: #e15e14;
   font: 16px/16px Arial, Helvetica, Trebuchet MS, Verdana,  sans-serif;
   text-align: left;
   font-weight: bold;
   border-bottom: 1px solid #808080;
   padding-bottom: 6px;
   float: left;
   width: 100%;
   margin-bottom: 7px;
}



 .titreNouvelle {
  color: #40403e;
   font: 16px/20px Arial, Helvetica, Trebuchet MS, Verdana,  sans-serif;
   text-align: left;
   font-weight: bold;
   padding-bottom: 4px;
   float: left;
   width: 100%;
   margin-bottom: 7px;
}

 .titreNouvelle2 {
  color: #ee813c;
   font: 13px/20px Arial, Helvetica, Trebuchet MS, Verdana,  sans-serif;
   text-align: left;
   font-weight: bold;
   padding-bottom: 4px;
   float: left;
   width: 100%;
   position: relative;
   margin-top:-8px;
}

 .titreNouvelle3 {
  color: #ee813c;
   font: 13px/20px Arial, Helvetica, Trebuchet MS, Verdana,  sans-serif;
   text-align: left;
   font-weight: bold;
   padding-bottom:2px;
   margin-bottom: 5px;
   border-bottom: 1px solid #646567;
   float: left;
   width: 100%;
   position: relative;
   margin-top:-8px;
}

 .titreNouvelle4 {
  color: #ee813c;
   font: 13px/20px Arial, Helvetica, Trebuchet MS, Verdana,  sans-serif;
   text-align: center;
   font-weight: bold;
   margin-bottom:10px;
   float: left;
   width: 100%;
   position: relative;
   margin-top:-8px;
}

.liensBullLeft
{
  font-size: 11px;
  width: 230px;
  float: left;
  line-height: 18px;
}
.liensBullRight
{
  font-size: 11px;
  width: 170px;
  float: left;
  padding-top:15px;
}

.textLieges
{
  clear: left;
  text-align:justify;
  font-size: 11px;
  line-height: 14px;
  color: #58585a;
}



.marginTop184
{
  margin-top:184px;
 }



.marginTop168
{
  margin-top:168px;
 }


 .marginTop136
{
  margin-top:136px;
 }



.marginTop130
{
  margin-top:130px;
 }

 .marginTop125
{
  margin-top:125px;
 }
.marginTop120
{
  margin-top:120px;
 }

 .marginTop110
{
  margin-top:107px;
 }

  .marginTop100
{
  margin-top:100px;
 }

   .marginTop97
{
  margin-top:97px;
 }

 .marginTop82
{
  margin-top:83px;
 }

 .marginTop80
{
  margin-top:83px;
 }

 .marginTop77
 {
   margin-top:77px;
 }

 .marginTop61
 {
 margin-top:61px;
 }
.height156
{
  height: 156px;
}

.height212
{
  height:212px;
}



.liegeVideo
{
  background-image: url(../images/charte/liege.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  height: 95px;
  float: left;
  width: 150px;
  margin-right: 20px;
  margin-bottom: 10px;
   border: 1px solid #000000;
}

.liegeVideo2
{
  background-image: url(../images/charte/liege2.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  height: 31px;
  float: left;
  width: 56px;
  border: 1px solid #000000;
  margin-bottom:8px;
}

.liegeVideo3
{
  background-image: url(../images/charte/liege.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  height: 31px;
  float: left;
  width: 50px;
  border: 1px solid #000000;
  margin-bottom:8px;
}


.liegeVideo4
{
  background-image: url(../images/charte/liege2.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  height: 31px;
  float: left;
   width: 50px;
  border: 1px solid #000000;
  margin-bottom:8px;
}

.liegeVideo5
{
  background-image: url(../images/charte/liege3.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  height: 31px;
  float: left;
   width: 50px;
  border: 1px solid #000000;
  margin-bottom:8px;
  }



.videoPdf
{
  background-image: url(../images/charte/pdf.gif);
  background-repeat: no-repeat;
  background-position:0px 0px;
  line-height: 23px;
  height: 25px;
  padding-left: 30px;
  width: 100%;
  float: left;
  clear: left;
  margin-top: 3px;
}

.videoPdf2
{
  background-image: url(../images/charte/pdf.gif);
  background-repeat: no-repeat;
  background-position:0px 0px;
  height: 25px;
  font-size: 11px;
  line-height: 32px;
  padding-left: 30px;
  width: 120px;
  margin-top: 10px;
  margin-left:88px;
  float: left;
}

.videoPdf3
{
  background-image: url(../images/charte/pdf.gif);
  background-repeat: no-repeat;
  background-position:0px 0px;
  height: 25px;
  font-size: 11px;
  line-height: 12px;
  padding-left:35px;
  float: left;
  text-align: left;
  width:150px;
}

#contenu .videoPdf3 a
{
  text-decoration: none;
  color: #58585a;
  font-size: 11px;
}
#contenu .videoPdf3 a:hover
{
  text-decoration: none;
  color: #e95d1d;
}

.videoSt
{
  float: left;
  padding-right:5px;
}


.videoLien3
{
  width: 150px;
  float: left;
}
#contenu .videoLien3 a
{
  text-decoration: none;
  color: #58585a;
  line-height: 12px;
  font-size: 11px;
}

.perssTitre
{
  font-size: 12px;
  color: #e95d0f;
  font-weight: bold;
  padding-bottom:8px;
}


 #contenu  .videoPlan a
{
  background-image: url(../images/charte/pdf.gif);
  background-repeat: no-repeat;
  background-position:right 0px;
  height: 25px;
  font-size: 11px;
  line-height: 32px;
  padding-right:25px;
  width: 80px;
  color: #e97d58;
  margin-right:1px;
  margin-top: 10px;
  float: right;
  text-decoration: none;
}

 #contenu  .videoPlan a:hover
{
  background-image: url(../images/charte/pdf.gif);
  background-repeat: no-repeat;
  background-position:right 0px;
  height: 25px;
  font-size: 11px;
  line-height: 32px;
  padding-right:25px;
  width: 80px;
  color: #000000;
  margin-right:1px;
  margin-top: 10px;
  float: right;
  text-decoration: none;
}



.tableVideo

{
  clear: left;
  float: left;

}

 .tableVideo2

{
margin-top:10px
}


.videoLien
{
  background-image: url(../images/charte/video.gif);
  background-repeat: no-repeat;
  background-position:2px 0px;
  height: 21px;
   line-height: 20px;
  padding-left: 30px;
  float: left;
  clear: left;
  margin-bottom: 5px;
  margin-top: 5px;
    width: 200px;
}


.videoPicture
{
padding-bottom: 5px;
  margin-top:0px;
  text-align: left;
  width: 60px;
  float: left;
}




.videoLien2
{
   text-align: left;
  width:110px;
  float: left;
   margin-top:19px;
   font-size: 11px;
}

.videoLien a,.videoLien2 a, .videoPdf a, .videoPdf2 a
{
  text-decoration: none;
}





#demo .infotextHeight
{
  height: 240px;
}

.infotextHeight3
{
  height: 270px;
}




.infotextall
{
  float: left;
  clear: left;
  width: 216px;
  height: 28px;
  text-align: center;
  background-image: url(../slideshow/buttons.png);
  background-position: center center;
  background-repeat: no-repeat;
  margin-left: -5px;

}

.infotextall2
{
  float: right;
  clear: right;
  width: 216px;
  height: 28px;
  text-align: center;
  background-image: url(../slideshow/buttons.png);
  background-position: center center;
  background-repeat: no-repeat;
  margin-left: -5px;

}








#demo .sliderImage div.infotext2 {
   position: absolute; /* important */

    top:0px;
    color: #4d4d4d;
   font: 12px/16px Arial, Helvetica, Trebuchet MS, Verdana,  sans-serif;
  padding: 30px 0px 10px 485px;
   width: 435px;
    margin-left: 0px;
     text-align: left;
   z-index: 100;
   text-align: left;
}

#demo .sliderImage div.infotext3 {
   position: absolute; /* important */
    top:0px;
    color: #4d4d4d;
   font: 12px/16px Arial, Helvetica, Trebuchet MS, Verdana,  sans-serif;
  padding: 30px 0px 10px 440px;
    margin-left: 0px;
   text-align: left;
   z-index: 100;
   text-align: left;
}

.clears14
{

float: right;

margin-top: 10px;
padding-right: 110px;
}

.clearLeft
{
  clear: left;
}

.leftTele
{
  float: left;
  width: 120px;
}
.leftTele2
{
  float: left;
  width: 110px;
  margin-left: 10px;
}

.leftTele3
{
  float: left;
  width: 150px;

}


.orange-bottom
{
  text-align: center;
  width: 100%;
  color: #d25915;
  font-size: 11px;
  clear: left;
  margin-bottom: 5px;
}

.title4
{
  text-align: left;
   font-weight: bold;
  border-bottom: 1px solid #797776;
  margin-bottom: 2px;
  padding-bottom: 1px;
}

.line2{
   border-bottom:1px solid #ee8147;
   float: left;
   width: 100%;
   clear: left;
   height: 2px;
   line-height: 2px;
   margin-bottom:3px;
}



.height80
{
  height: 80px;
  float: left;
}




#demo .infotextHeight2
{
  height: 240px;
}





.Wagramtextall
{
  float: right;
  clear: left;
  margin-top: 17px;
  width: 216px;
  height: 28px;
  text-align: center;
  background-image: url(../slideshow/buttons.png);
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: -6px;
}

.Wagramtextall2
{
  float: left;
  clear: both;
  margin-top: 8px;
  width: 216px;
  height: 28px;
  text-align: center;
  background-image: url(../slideshow/buttons.png);
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: -6px;
}





 #demo .Wagramtextall a, #demo .Wagramtextall2 a, #demo .infotextall a, #demo .infotextall2 a
{

  color: #464646;
  text-decoration: none;
  text-align: left;
   font: 12px/27px Arial, Helvetica, verdana,  sans-serif;
   font-weight: bold;   text-align: center;

}


#demo .Wagramtextall a:hover, #demo .Wagramtextall2 a:hover, #demo .infotextall a:hover, #demo .infotextall2 a:hover
{

  color: #f95f09;
  text-decoration: none;
   text-align: left;
   font: 12px/27px Arial, Helvetica, verdana,  sans-serif;
   font-weight: bold;

}



#demo ul,li,div
{

  list-style-type: none;

}


.titres
{
  position: relative;
  margin-top: -80px;
  margin-left: -10px;
  margin-bottom: 27px;
}


#demo .textus
{
  height: 210px ;
}

#demo .pagin
{
   width: 221px;
   float: left;
}

#demo .paggs1
{


 width: 120px;
  height: 27px;
   color: #d2d2d2;
  text-decoration: none;
  text-align: center;
   font: 18px/27px Arial, Helvetica, verdana,  sans-serif;
   font-weight: normal;
  margin: 1px;
    position: absolute;
   margin-top: -30px;
  /* margin-left: 252px;*/
   margin-left: 8px;
   z-index: 2;

}

#demo .paggs1 a
{
  color: #d2d2d2;
  text-decoration: none;
  margin: 1px;
  text-align: center;
   font: 18px/27px Arial, Helvetica, verdana,  sans-serif;
   font-weight: normal;
}


#demo .paggs1 a:hover
{
    text-decoration: none;
  color: #fd5e02;
  margin: 1px;
  line-height: 27px;
  text-align: center;
}



#demo .paggs2
{
  width: 92px;
  height: 27px;
  float: left;
   color: #d2d2d2;
  text-decoration: none;
  text-align: left;
   font: 18px/27px Arial, Helvetica, verdana,  sans-serif;
   font-weight: normal;
  margin: 1px;
   position: absolute;
     margin-top: -30px;
   margin-left: 263px;
   position: absolute;
    z-index: 2;
}

#demo .paggs2 a
{
  color: #d2d2d2;
  text-decoration: none;
  margin: 1px;
  text-align: center;
   font: 18px/27px Arial, Helvetica, verdana,  sans-serif;
   font-weight: normal;
}


#demo .paggs2 a:hover
{
    text-decoration: none;
  color: #fd5e02;
  margin: 1px;
  line-height: 27px;
  text-align: center;
}

#demo .paggs3
{


  width: 130px;
  height: 27px;
  text-decoration: none;
  margin: 1px;
     color: #d2d2d2;
  text-decoration: none;
  text-align: center;
   font: 18px/27px Arial, Helvetica, verdana,  sans-serif;
   font-weight: normal;

   position: absolute;
     margin-top: -30px;
     margin-left: 127px;
   z-index: 2;
}
#demo .paggs3 a
{
  color: #d2d2d2;
  text-decoration: none;
  margin: 1px;
  text-align: center;
   font: 18px/27px Arial, Helvetica, verdana,  sans-serif;
   font-weight: normal;
}


#demo .paggs3 a:hover
{
    text-decoration: none;
  color: #fd5e02;
  margin: 1px;
  line-height: 27px;
  text-align: center;
}

#demo .paggs4
{
  width: 175px;
  height: 27px;
  float: left;
     color: #d2d2d2;
  text-decoration: none;
  text-align: center;
   font: 18px/27px Arial, Helvetica, verdana,  sans-serif;
   font-weight: normal;
   z-index: 2;
  margin: 1px;
  text-align: center;

   position: absolute;
   margin-top: -30px;
   margin-left: 470px;

}

#demo .paggs4 a
{
  color: #d2d2d2;
  text-decoration: none;
  margin: 1px;
  text-align: center;
   font: 18px/27px Arial, Helvetica, verdana,  sans-serif;
   font-weight: normal;
}


#demo .paggs4 a:hover
{
    text-decoration: none;
  color: #fd5e02;
  margin: 1px;
  line-height: 27px;
  text-align: center;
}

#demo .paggs5
{

    z-index: 2;
  width: 107px;
  height: 27px;
  float: left;
  color: #d2d2d2;
  text-decoration: none;
  text-align: center;
   font: 18px/27px Arial, Helvetica, verdana,  sans-serif;
   font-weight: normal;
  margin: 1px;
  text-align: center;
   position: absolute;
   margin-top: -30px;
   margin-left: 360px;
}

#demo .paggs5 a
{
  color: #d2d2d2;
  text-decoration: none;
  margin: 1px;
  text-align: center;
   font: 18px/27px Arial, Helvetica, verdana,  sans-serif;
   font-weight: normal;
}


#demo .paggs5 a:hover
{
    text-decoration: none;
  color: #fd5e02;
  margin: 1px;
  line-height: 27px;
  text-align: center;
}


#demo .paggs6
{


 width: 70px;
  height: 27px;
   color: #d2d2d2;
  text-decoration: none;
  text-align: center;
   font: 18px/27px Arial, Helvetica, verdana,  sans-serif;
   font-weight: normal;
  margin: 1px;
    position: absolute;
   margin-top: -30px;
   margin-left: 522px;

}






#contenu #demo .paggs1 .actif
{
text-decoration: none;
  color: #fd5e02;
  cursor: default;

}




#demo .paggs2 .actif
{
text-decoration: none;
  color: #fd5e02;
  cursor: default;
}
#demo .paggs3 .actif
{
text-decoration: none;
  color: #fd5e02;
  cursor: default;
}
#demo .paggs4 .actif
{
text-decoration: none;
  color: #fd5e02;
  cursor: default;
}
#demo .paggs5 .actif
{
text-decoration: none;
  color: #fd5e02;
  cursor: default;
}



.all
{
  float: right;
  clear: left;
 /* margin-top: 72px;*/
  margin-top: 17px;
  width: 210px;
  text-align: center;


}




 #demo .all a
{

  color: #464646;
  text-decoration: none;
  text-align: left;
   font: 12px/27px Arial, Helvetica, verdana,  sans-serif;
   font-weight: bold;   text-align: center;

}


#demo .all a:hover
{

  color: #f95f09;
  text-decoration: none;
   text-align: left;
   font: 12px/27px Arial, Helvetica, verdana,  sans-serif;
   font-weight: bold;

}




#demo .sliderImage div.text2 {
   position: absolute; /* important */
   left: 0px;
    top:0px;
    color: #413000;
   font: 14px/20px Helvetica, Trebuchet MS, Verdana, Arial, sans-serif;
   padding: 250px 0px 10px 15px;
   width: 280px;
   margin-left: 180px;
   height: 160px;
   text-align: left;
   z-index: 2;
}



.titres2
{
  position: relative;
  margin-top: -220px;
  margin-left: -6px;
  margin-bottom: 180px;
}


#demo .textus2
{
  height: 120px;
  padding-top: 90px;

}

.all2
{
  float: left;
  clear: left;
  padding-top: 72px;
  margin-left: 10px;
}


 #demo .all2 a
{
  float: left;
  color: #d25500;
  text-decoration: underline;
  text-align: left;
   font: 12px/27px Arial, Helvetica, verdana,  sans-serif;
   font-weight: bold;
  width: 200px;
}


#demo .all2 a:hover
{
  float: left;
  color: #bd2200;
  text-decoration: underline;
   text-align: left;
   font: 12px/27px Arial, Helvetica, verdana,  sans-serif;
   font-weight: bold;
   background-image: url(../slideshow/arrow.jpg);
  background-repeat: no-repeat;
  background-position: bottom right;
    width: 196px;
}





 #demo .sliderImage div.text3 {
   position: absolute; /* important */
   left: 0px;
    top:0px;
    color: #413000;
   font: 14px/20px Helvetica, Trebuchet MS, Verdana, Arial, sans-serif;
   padding: 250px 0px 10px 15px;
   width: 230px;
   margin-left: 370px;
   height: 150px;
   text-align: left;
   z-index: 2;
}



.titres3
{
  position: relative;
  margin-top: -220px;
  margin-left: -6px;
  margin-bottom: 30px;
}

#demo .textus3 span
{
  color:#dd7000;
  font-size: 16px;
  font-weight: bold;
  font-family: Arial, verdana;

}





#demo .textus3
{
  height: 213px
}

.all3
{
  float: left;
  clear: left;
  margin-top: 72px;
  margin-left: 10px;
}


 #demo .all3 a
{
  float: left;
  color: #d25500;
  text-decoration: underline;
  text-align: left;
   font: 12px/27px Arial, Helvetica, verdana,  sans-serif;
   font-weight: bold;
  width: 200px;
}


#demo .all3 a:hover
{
  float: left;
  color: #bd2200;
  text-decoration: underline;
   text-align: left;
   font: 12px/27px Arial, Helvetica, verdana,  sans-serif;
   font-weight: bold;
   background-image: url(../slideshow/arrow.jpg);
  background-repeat: no-repeat;
  background-position: bottom right;
    width: 185px;
}





 #demo .sliderImage div.text4 {
   position: absolute; /* important */
   left: 0px;
    top:0px;
    color: #413000;
   font: 14px/20px Helvetica, Trebuchet MS, Verdana, Arial, sans-serif;
   padding: 250px 0px 10px 15px;
   width: 210px;
   margin-left: 565px;
    height: 160px;
   text-align: left;
   z-index: 2;
}



.titres4
{
  position: relative;
  margin-top: -220px;
  margin-left: -6px;
  margin-bottom: 30px;
}





#demo .textus4
{
  height: 213px
}

.all4
{
  float: left;
  clear: left;
  margin-top: 72px;
  margin-left: 10px;
}


 #demo .all4 a
{
  float: left;
  color: #d25500;
  text-decoration: underline;
  text-align: left;
   font: 12px/27px Arial, Helvetica, verdana,  sans-serif;
   font-weight: bold;
  width: 200px;
}


#demo .all4 a:hover
{
  float: left;
  color: #bd2200;
  text-decoration: underline;
   text-align: left;
   font: 12px/27px Arial, Helvetica, verdana,  sans-serif;
   font-weight: bold;
   background-image: url(../slideshow/arrow.jpg);
  background-repeat: no-repeat;
  background-position: bottom right;
    width: 182px;
}




#demo .sliderImage div.text5 {
   position: absolute; /* important */
   left: 0px;
    top:0px;
    color: #413000;
   font: 14px/20px Helvetica, Trebuchet MS, Verdana, Arial, sans-serif;
   padding: 250px 0px 10px 15px;
   width: 210px;
   margin-left: 720px;
   height: 160px;
   text-align: left;
   z-index: 2;
}



.titres5
{
  position: relative;
  margin-top: -240px;
  margin-left: -6px;
  margin-bottom: 30px;
}





#demo .textus5
{
  height: 209px
}

.all5
{
  float: left;
  clear: left;
  margin-top: 72px;
  margin-left: 42px;
}


 #demo .all5 a
{
  float: left;
  color: #d25500;
  text-decoration: underline;
  text-align: left;
   font: 12px/27px Arial, Helvetica, verdana,  sans-serif;
   font-weight: bold;
  width: 200px;
}


#demo .all5 a:hover
{
  float: left;
  color: #bd2200;
  text-decoration: underline;
   text-align: left;
   font: 12px/27px Arial, Helvetica, verdana,  sans-serif;
   font-weight: bold;
   background-image: url(../slideshow/arrow.jpg);
  background-repeat: no-repeat;
  background-position: bottom right;
    width: 183px;
}


 #demo .textus5 span
{
  color:#dd7000;
  font-size: 16px;
  font-weight: bold;
  font-family: Arial, verdana;

}


#liensParis
{

width: 654px;
  height: 27px;
   color: #d2d2d2;
  text-decoration: none;
  text-align: center;
   font: 18px/27px Arial, Helvetica, verdana,  sans-serif;
   font-weight: normal;
    position: absolute;
    background-image: url(../images/charte/liensBottom.gif);
    background-position: top left;
    background-repeat: no-repeat;
    margin-left: 1px;
    margin-top: 372px;
    z-index: 2

}


#liensParis2
{

width: 654px;
  height: 27px;
   color: #d2d2d2;
  text-decoration: none;
  text-align: center;
   font: 18px/29px Arial, Helvetica, verdana,  sans-serif;
   font-weight: normal;
    position: absolute;
    background-image: url(../images/charte/liensBottom.gif);
    background-position: top left;
    background-repeat: no-repeat;
    margin-left: 1px;
    margin-top: 372px;
    z-index: 1;
}


.liensParis2
{

width: 654px;
  height: 27px;
   color: #d2d2d2;
  text-decoration: none;
  text-align: center;
   font: 18px/29px Arial, Helvetica, verdana,  sans-serif;
   font-weight: normal;
    position: absolute;
    background-image: url(../images/charte/liensBottom.gif);
    background-position: top left;
    background-repeat: no-repeat;
    margin-left: 1px;
    margin-top: 372px;
    z-index: 1;
}




.tech
{
  float: left;
  clear: left;
  height: 144px;
}

.tech2
{
  float: left;
  clear: left;
  height: 80px;
}



#liensParis .pag1
{

 width: 120px;
 float: left;
  text-decoration: none;
  text-align: center;
   font-weight: normal;
   margin-left: 8px;

}

#liensParis .pag1 a
{
  color: #d2d2d2;
  text-decoration: none;
  text-align: center;
   font-weight: normal;
}


#liensParis .pag1 a:hover
{
    text-decoration: none;
  color: #fd5e02;
  text-align: center;
}



#liensParis .pag2
{
width: 92px;
 float: left;
  text-decoration: none;
  text-align: center;
   font-weight: normal;

}

#liensParis .pag2 a
{
  color: #d2d2d2;
  text-decoration: none;
  text-align: center;
   font-weight: normal;
}


#liensParis .pag2 a:hover
{
    text-decoration: none;
  color: #fd5e02;
  text-align: center;
}




#liensParis .pag3
{
width: 130px;
 float: left;
  text-decoration: none;
  text-align: center;

   font-weight: normal;

}
#liensParis .pag3 a
{
  color: #d2d2d2;
  text-decoration: none;
  text-align: center;

   font-weight: normal;
}


#liensParis .pag3 a:hover
{
    text-decoration: none;
  color: #fd5e02;
  text-align: center;
}





#liensParis .pag4
{
 width: 175px;
 float: left;
  text-decoration: none;
  text-align: center;

   font-weight: normal;

}

#liensParis .pag4 a
{
  color: #d2d2d2;
  text-decoration: none;
  text-align: center;
   font-weight: normal;
}


#liensParis .pag4 a:hover
{
    text-decoration: none;
  color: #fd5e02;
  text-align: center;
}







#liensParis .pag5
{
 width: 107px;
 float: left;
  text-decoration: none;
   font-weight: normal;
}

#liensParis .pag5 a
{
  color: #d2d2d2;
  text-decoration: none;
  text-align: center;
   font-weight: normal;
}


#liensParis .pag5 a:hover
{
    text-decoration: none;
  color: #fd5e02;
  text-align: center;
}





#liensParis a.actif
{
  color: #fd5e02;
  text-decoration: none;
  text-align: center;
  cursor: default;
   font-weight: normal;
}

#liensParis .actif:hover
{
  color: #fd5e02;
  text-decoration: none;
  text-align: center;
  cursor: default;
   font-weight: normal;
}

.height200
{
  height: 200px;
  float: left;
  clear: left;
}


.height100
{
  height: 100px;
  float: left;
  clear: left;
}

.height210
{
  height: 220px;
  float: left;
  clear: left;
}

.height215
{
  height: 215px;
  float: left;
  clear: left;
}

.height220
{
  height: 220px;
  float: left;
  clear: left;
}

.height225
{
  height: 225px;
  float: left;
  clear: left;
}


.height230
{
  height: 230px;
  float: left;
  clear: left;
}

.height235
{
  height: 235px;
  float: left;
  clear: left;
}

.height240
{
  height: 240px;
  float: left;
  clear: left;
}

.height250
{
  height: 250px;
  float: left;
  clear: left;
}

.noir
{
  color: #000000;
}

.fontsize14px
{
  font-size: 14px;
}

.oranges
{
  text-align: center;
  color: #f25416;
  font-weight: bold;
   font-size: 16px;
   float: left;
   margin-top: 7px;
   padding-left: 50px

}

.liegeAbs
{
  width: 100%;
  height: 28px;
  background-color: #FFFFFF;
  position: absolute;
}

#liensParisTop
{

 width: 99%;
height: 32px;
text-decoration: none;
position: absolute;
background-color: #FFFFFF;
margin-top: -4px;
z-index: 2;
padding-left:7px;
}





#liensParisTop .pag1
{
 width: 112px;
 height: 33px;
 float: left;
 text-decoration: none;
}

#liensParisTop .pag2
{
 width: 63px;
 height: 33px;
 float: left;
 text-decoration: none;
}

#liensParisTop .pag3
{
 width: 82px;
 height: 33px;
 float: left;
 text-decoration: none;
}

#liensParisTop .pag4
{
 width: 63px;
 height: 33px;
 float: left;
 text-decoration: none;
}



#liensParisTop .pag5
{
 width: 63px;
 height: 33px;
 float: left;
 text-decoration: none;
}

#liensParisTop .pag6
{
 width: 143px;
 height: 33px;
 float: left;
 text-decoration: none;
}

#liensParisTop .pag7
{
 width: 86px;
 height: 33px;
 float: left;
 text-decoration: none;
}

#liensParisTop .pag8
{
 width: 62px;
 height: 33px;
 float: left;
 text-decoration: none;
}

#liensParisTop .pag9
{
 width: 96px;
 height: 33px;
 float: left;
 text-decoration: none;
}


#liensParisTop .pag10
{
 width: 115px;
 height: 33px;
 padding-left:2px;
 float: left;
 text-decoration: none;
}


#liensParisTop .pag11
{
 width: 51px;
 height: 33px;
 float: left;
 text-decoration: none;
}

.smallAssur
{
  height:205px;
   margin-top: 125px;
  padding: 10px 20px;
   background-color: #FFFFFF;
   opacity:0.90;
   float: left;
   text-align: left;
}

.smallAssur2
{
  height:270px;
  margin-top: 40px;
  padding: 20px;
   background-color: #FFFFFF;
   opacity:0.90;
   float: left;
   text-align: left;
}


.smallAssur3
{
  height:160px;
  margin-top: 140px;
  padding: 10px 20px 15px 20px;
   background-color: #FFFFFF;
   opacity:0.90;
   float: left;
   text-align: left;
}

.leftBar
{
  height: 402px;
  width:8px;
  background-image: url(../images/charte/leftBar.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 100;
}

.rightBar
{
  height: 402px;
  width:8px;
  margin-left:953px;
    background-image: url(../images/charte/rightBar.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 100;
}

.leftContact1
{
  width: 135px;
  float: left;
  font-size: 11px;
  clear: left;
  border-right: 1px solid #e95d0f;
margin-right: 10px;
}

 .leftContact2
{
  width: 130px;
  float: left;
    font-size: 11px;
    margin-top: -8px;
}

 .leftContact3
{
  width: 130px;
  float: left;
    font-size: 11px;
 margin-top: -3px;
}

 .leftContact4
{
  width: 150px;
  float: left;
    font-size: 11px;
}

 .leftContact5
{
  width: 262px;
  float: left;
    font-size: 11px;
    position: relative;
    margin-top: -8px;
}

 .leftContact6
{
  width: 150px;
  margin-right: -10px;
  float: left;
    font-size: 11px;
    height:92px;

}

 .leftContact7
{
  width: 120px;
  float: left;
  position: relative;
    font-size: 11px;
 margin-top: -3px;
}

.adressEventsA
{
  float: left;
  width: 225px;
  font-size: 11px;
  margin-top:-15px;
  padding-bottom: 5px;
}





 .adressEventsB
{
  float: right;
  width:180px;
     font-size: 11px;
 }

  .adressEventsC
{
  float: left;
  font-size: 11px;
  width:185px;
  margin-top: -25px;
 }

 .planRight
 {
   float: right;
   width: 290px;
     margin-top: 10px;
 }

  .planRight2
 {
   float: right;
   width: 280px;
     margin-top:5px;
 }

  .planLeft2
 {
  float: left;
  width:130px;
  text-align: right;
  font-size: 11px;
  margin-top: 10px;
  margin-left: -5px;

 }

   .lineheight12
  {
    line-height: 11px;
    font-size: 10px;
    margin-left:-5px;
    margin-right:3px;
  }




 .planLeft
 {
  float: left;
  width:115px;
  text-align: right;
  font-size: 11px;
  line-height: 14px;
  margin-top: 10px;
  margin-right: 5px;
  margin-left: -5px;
 }

.planLeft .orange
 {
   color: #e97d58;
   font-weight: bold;
   float: right;
     margin-top: 5px;
     width: 100%;
 }

.planLeft2 .orange
 {
   color: #e97d58;
   font-weight: bold;
   float: right;
   font-size: 11px;
       width: 100%;
 }


#demo .planLeft span,#demo .planLeft2 span
 {
   color: #e97d58;
 }
  .planLeft .title,.planLeft2 .title
 {
  font-size: 12px;
    color: #e97d58;
     font-weight: bold;
 }

 .partnerStatic h3
 {
   font-size:15px;
 }

 .partnerStatic
 {
   width:400px;
   float: left;
   clear: left;
   margin:10px 0px 10px 0px;

    }

     .partnerStatic img
 {

 float: left;
 margin-right: 10px;
    }

         .partnerStatic-text
 {

 font-size: 11px;
 text-align: justify;

    }