/* Paramètre de toutes les pages */ 

 body {
	background:#000000 url(images/bg.gif) no-repeat 0 0;
	background-attachment:fixed;
	background-position: bottom right;
	color : #ffffff;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 9pt;
	padding : 0;
	margin : 0;
      }
	  
    .display {
          display : none;
}

a { 
color:#EEBF61; 
text-decoration:none; 
}/*Paramètres des liens*/ 

a : hover { 
color:#64A2EC; 
}/*Paramètres des liens quand le pointeur est sur ceux-ci*/ 


    div#contenu {
	margin: 0 auto;
	width : 1000px;
	background:#000000;

      }
	  
    div#contenu img {
          border : 0;
          padding : 0;
          margin : auto;
      }

    div#haut {
          height : 131px;
}

    div#fond_noir {
          background:#000000;
}

    img {
          border : 0;
          display : block;
      }

    a img {
          border : 0;
      }



    a:hover {
          color : #2b7fcd;
      }

    p {
	margin : 0;
	padding : 0;

      }



    div.clear {      /* permet de ne pas tenir compte des paramètres précédents */ 
          clear : both;
      }
	  
.font8 {font-size: 8pt}

.font12 {font-size: 12pt}

.fontPROD {font-size: 12pt; color:#eebf61; font-weight:bold;
 }


#header { 
  /* un bloc fixe situé en haut qui fait toute la largeur */ 
  position : fixed; 
  margin : auto;
  width : 1000px;
}

     #flash_header {
          align : center;
          display : inline;
          margin : auto;
          border :0;
}

li {

	list-style-image : url(images/fleche.gif);
}

#news ul {

}

#news li{
	list-style-image : url(images/btn_news.gif);
}

	
#boutons {
          width : 793px;
          height : 27px;
          float : center;
          text-align : center;
          margin-left : 141px;
}


#boutons ul {
          padding : 0;
          margin : 0;
          align : center;
}

#boutons li {
    margin: 0;
    padding: 0;
    display : inline;
}

#bouton1 li a:link, #bouton1 li a:visited {
    display: block;
    float: left;
    height: 27px;
    width: 179px;
    line-height: 27px;
    background:#fff url(images/bouton1.gif);
    padding: 0;
}

#bouton1 li a:hover, #bouton1 li a:active {
    background:#000 url(images/bouton1.gif) 0 -27px;
    padding: 0;
}


#bouton2 li {
    margin: 0;
    padding: 0;
    display: inline;
}

#bouton2 li a:link, #bouton2 li a:visited {
    display: block;
    float: left;
    height: 27px;
    width: 178px;
    line-height: 27px;
    background:#fff url(images/bouton2.gif);
    padding: 0;
}

#bouton2 li a:hover, #bouton2 li a:active {
    background:#000 url(images/bouton2.gif) 0 -27px;
    padding: 0;
}


#bouton3 li {
    margin: 0;
    padding: 0;
    display: inline;
}

#bouton3 li a:link, #bouton3 li a:visited {
    display: block;
    float: left;
    height: 27px;
    width: 181px;
    line-height: 27px;
    background:#fff url(images/bouton3.gif);
    padding: 0;
}

#bouton3 li a:hover, #bouton3 li a:active {
    background:#000 url(images/bouton3.gif) 0 -27px;
    padding: 0;
}


#bouton4 li {
    margin: 0;
    padding: 0;
    display: inline;
}

#bouton4 li a:link, #bouton4 li a:visited {
    display: block;
    float: left;
    height: 27px;
    width: 179px;
    line-height: 27px;
    background:#fff url(images/bouton4.gif);
    padding: 0;
}

#bouton4 li a:hover, #bouton4 li a:active {
    background:#000 url(images/bouton4.gif) 0 -27px;
    padding: 0;
}

#bouton5 li {
    margin: 0;
    padding: 0;
    display: inline;
}

#bouton5 li a:link, #bouton5 li a:visited {
    display: block;
    float: left;
    height: 27px;
    width: 76px;
    line-height: 27px;
    background:#fff url(images/bouton5.gif);
    padding: 0;
}

#bouton5 li a:hover, #bouton5 li a:active {
    background:#000 url(images/bouton5.gif) 0 -27px;
    padding: 0;
}
   /* Bouton Photo Equipe Page Contact */ 
 
   #boutonsEq {
          width : 468px;
          height : 116px;
          float : center;
          text-align : center;
          margin : 0 auto;
}
#boutonsEq ul {
          padding : 0;
          margin : 0;
          align : center;
}

#boutonsEq li {
    margin: 0;
    padding: 0;
    display : inline;
}

#eq01 li a:link, #eq01 li a:visited {
    display: block;
    float: left;
    height: 144px;
    width: 124px;
    line-height: 144px;
    background:#fff url(images/eq01.gif);
    padding: 0;
}

#eq01 li a:hover, #eq01 li a:active {
    background:#000 url(images/eq01.gif) 0 -144px;
    padding: 0;
}
#eq02 li a:link, #eq02 li a:visited {
    display: block;
    float: left;
    height: 144px;
    width: 84px;
    line-height: 144px;
    background:#fff url(images/eq02.gif);
    padding: 0;
}

#eq02 li a:hover, #eq02 li a:active {
    background:#000 url(images/eq02.gif) 0 -144px;
    padding: 0;
}
#eq03 li a:link, #eq03 li a:visited {
    display: block;
    float: left;
    height: 144px;
    width: 86px;
    line-height: 144px;
    background:#fff url(images/eq03.gif);
    padding: 0;
}

#eq03 li a:hover, #eq03 li a:active {
    background:#000 url(images/eq03.gif) 0 -144px;
    padding: 0;
}
#eq04 li a:link, #eq04 li a:visited {
    display: block;
    float: left;
    height: 144px;
    width: 83px;
    line-height: 144px;
    background:#fff url(images/eq04.gif);
    padding: 0;
}

#eq04 li a:hover, #eq04 li a:active {
    background:#000 url(images/eq04.gif) 0 -144px;
    padding: 0;
}
#eq05 li a:link, #eq05 li a:visited {
    display: block;
    float: left;
    height: 144px;
    width: 84px;
    line-height: 144px;
    background:#fff url(images/eq05.gif);
    padding: 0;
}

#eq05 li a:hover, #eq05 li a:active {
    background:#000 url(images/eq05.gif) 0 -144px;
    padding: 0;
}

   /* Paramètre de la page d'accueil */ 

    #video_accueil {
          float:left;

}
    #video_accueil2 {
          float:center;

}
    #video1 {
	width : 600px;
	height : 480px;
}

    #video2 {
	      width : 600px;
          height : 400px;

}
  
      #video3 {
	width : 640px;
	height : 360px;
	float:center;
}

     #accueil {
          width : 1000px;
          height : auto;
          margin : 0 auto;
		  background:#000000; 	
      }
	  
     #accueil2 {
	width : 1000px;
	margin : 0 auto;
	text-align: center;
      }
 
    div#partenaire {
	width : 180px;
	height : 128px;
	float : left;
	text-align:left;
      }	 
	  
    div#partenairetxt {
	width : 640px;
	height : 128px;
	text-indent: 30px;
	font-size: 14px;
	float : left;
	text-align:middle;
	left: 0px;
      }	  
	  
     div#accueil_gauche {
	width : 383px;
	float : right;

}

     div.texte {
          margin-right : 40px !important;
          margin-right : 40px;
          text-align:justify;
}

     div.texte2 {
          width : 1024px;
          text-align:justify;
          margin-top : 30px;
}

    #fleche { 
          display : inline;
}
    #star { 
          display : inline;
}

     #connection {
          display : none;
          width : 350px;
          height : 176px;
background: url(admin.gif) no-repeat;
}


     #formulaire_reserve {
          text-align : center ;
          float: right;
          margin-right : 150px !important;
          margin-right : 75px;
}

     .cases_formulaire {
	  background : #000000;
          font-family : verdana;
          font-weight : bold;
          color : #FFFFFF;
          font-style : italic;
          text-align : center;
          size : 8px;
}

     #central {
          height : auto;
}


     #clap_news {   /* Marges à gauche et droite de l'image clap */
          float : left !important;
		  float : left;
		  width : 240px; 
		  margin : 0 auto;
}
     #imglegende {   /* Marges à gauche et droite des images legende productions */
          float : left;
		  display : inline;

      }
		  

     #texte_news {   /* Pour que le texte de news s'aligne à droite du clap */
          width : 450px;
          height : 250px;
          float : left;
		  
}


#lightbox {	
position: absolute;	
left: 0; 
width: 100%; 
z-index: 100; 
text-align: center; 
line-height: 0;
}



#lightbox img { 
width: auto; 
height: auto;
}


#lightbox a img { 
border: none; 
}

#outerImageContainer { 
position: relative; 
background-color: #fff; 
width: 250px; 
height: 250px; 
margin: 0 auto; 
}


#imageContainer { 
padding: 10px; 
}



#loading { 
position: absolute; 
top: 45%; 
left: 35%; 
height: 25%; 
width: 100%; 
text-align: 
center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


#footer { 
text-align : center;
background-color: #000; 
 
}

#reserve {
width : 1000px;
align : center;
margin : 0 auto;
float : center;
}

.sous_menu {
	font-weight : bold;
	text-align : center;
	float : center;
	position : fixed;
	margin : auto;
	width : 1000px;
   
}

.fondnoir {background-color: #000000}

#galerie {
	position : center;
}


     #partenaires {
          text-align : center;
      }
     
     img#partenaires {
          align : center;
      }

     #ftp {
          width : 1024px;
          margin : 0 auto;
      }

     #ftp_gauche {
          text-align : left;
          width : 500px;
          float : left;
}



     #ftp_droit {
          text-align : left;
          width : 410px;
          float : right;
}