/*------------------------------------------------

 Préformatage des styles prédéfinis

------------------------------------------------*/

*{

    font-family:arial;

    background-repeat: no-repeat; 

}



/*pour les hover sur ie6 , ex li:hover */

* html body {

      behavior:url(csshover.htc);

}





html{

  height:100%;    

}



body{

    background-image:url(images/site/background.jpg); 

     background-color: #000;



    font-size:11px; 

    height:100%;

    

}

body.body-accueil{

  background-image:url(images/site/background-accueil-repeat.jpg); 

  background-repeat: repeat-x;      

  background-position: center -270px;    

  background-attachment: fixed;    

}



body.body-contenu{

    background-image:url(images/site/background-contenu.jpg );

     background-attachment: fixed;

     background-repeat: repeat-x;

     background-position: top;

     background-color: #1c0e03;

   

}

body.body-accueil #decor-site{
    background-image:url(images/site/background-accueil.jpg);  
    background-position: center -270px;  
    height:100%;  
    background-attachment: fixed;    
}





.clearer{

    width:100%;

    clear:both;

}



a{

    color:#fff

}









#all{

    width:936px;

    margin:50px auto;

    height: 400px; 

    position: absolute;

    left: 50%;

    top: 50%; 

    margin-left: -475px; /* moitié de width */

    margin-top: -200px; /* moitié de height */

}









#decor-site,#contenu-decor-site{

   /* background-image:url(images/site/formesbackground.png);  */

    background-position:center;      

    background-attachment: fixed;  

}

* html #decor-site{  

   background:none;

   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/institutionnel/images/site/formesbackground.png');  

}



/*---------------------------------------------

Page Accueil

---------------------------------------------*/

h1.logo{
    cursor:pointer;
    float:left;

}

h1.logo span{

   display:none; 

}

h1.logo a{
    display:block;
    height:326px;
    width:240px;
    background-image: url(images/logo/logo.png);
}

* html h1.logo a{ 
     position:relative;
    background: none;

    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/institutionnel/images/logo/logo.png');

}



#contour-multimedia{
    float:left;
    width:388px;
    height:306px;
    margin:2px 12px 0 12px;
    padding :8px;
    background-image: url(images/multimedia/backgroundvideo.png);  

}

* html #contour-multimedia{   
    padding-top:20px;
    height:276px;  
    background: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/institutionnel/images/multimedia/backgroundvideo.png');
}


#menu-accueil, #menu-accueil *{
    border:none;
    text-decoration: none;
}

#menu-accueil{
    float:left;
}



#menu-accueil li,#accueil-ligne-02 li{

  display:block;

  clear:both;

  width:268px;

  text-align: center;

  height:54px;

  background-image: url(images/menu/backgroundmenu.png);  

}
#accueil-ligne-02 li{

  width:190px;
  background-image: url(images/menu/backgroundmenupetit.png);  

}

* html #menu-accueil li{   

    background: none;
    
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/institutionnel/images/menu/backgroundmenu.png');

}

* html #accueil-ligne-02 li{   

    background: none;

    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/institutionnel/images/menu/backgroundmenu.png');

}

#menu-accueil li{

    margin-bottom:13px;

}

* +html #menu-accueil li{  

   margin-bottom:10px;  

}

* html #menu-accueil li{  

   margin-bottom:8px;  

}

#menu-accueil li a, #accueil-ligne-02 li a{

    display: block;

    cursor:pointer;

    float:left;

    height:55px;

    margin:3px 0 0 5px;

    padding:0 0 0 53px; 

}

#menu-accueil li a span, #accueil-ligne-02 li a span{  

   font-size:21px;

   color:#fff; 

   display:block;

   float:left;

   font-family: myriad pro, arial;

}
 #accueil-ligne-02 li a span{  

   font-size:18px;


}




#menu-accueil li.entreprise a{

  background-image: url(images/menu/menu-entreprise.png); 

  background-position: 0 -2px;

}

#menu-accueil li.creation-innovation a{

  background-image: url(images/menu/menu-creation.png);

  background-position: 0 0px; 

  margin-top:-4px;

  padding-top:5px;

  height:60px;   

}

#menu-accueil li.entreprise a{

  background-image: url(images/menu/menu-entreprise.png); 

    

}

#menu-accueil li.nos-collections a{

  background-image: url(images/menu/menu-collections.png);  

  background-position: 0 0px; 

  margin-top:-4px;

  padding-top:5px;

  height:60px; 

}

#menu-accueil li.implication-citoyenne a{

  background-image: url(images/menu/menu-implicationcitoyenne.png); 

  background-position: 0 0px; 

  margin-top:-4px;

  padding-top:5px;

  height:60px;  

}

#menu-accueil li.espace-recrutement a{

  background-image: url(images/menu/menu-recrutement.png);

  background-position: 0 0px; 

  margin-top:5px;

}

#menu-accueil li.espace-presse a{

  background-image: url(images/menu/menu-presse.png);   

}

#accueil-ligne-02 li.notre-boutique a{
  background-image: url(images/menu/menu-boutique.png); 
  background-position: 0 0px; 
  margin-top:-2px;
  padding-top:5px;
  height:60px;  
  text-decoration:none;

}

#accueil-ligne-02 li.appartement-temoin a{
  background-image: url(images/menu/appartement.png); 
  background-position: 0 0px; 
  margin-top:-2px;
  padding-top:5px;
  
  height:60px;  
  text-decoration:none;

}
#accueil-ligne-02 li.appartement-temoin a{
  padding-left:60px  
}








#accueil-ligne-02 li a:hover, #menu-accueil li a:hover{

    text-decoration:none;

}

#accueil-ligne-02 li a:hover span, #menu-accueil li a:hover span{

   color:#faba00; 

  

}







#accueil-ligne-02{

   clear:both;

   position:relative;

    

}

#accueil-ligne-02 li{
    position:absolute;
    top:-67px;
    left:464px;

}

* +html #accueil-ligne-02 li{

    top:-66px;  

}

* html #accueil-ligne-02 li{

    top:-66px;  

}
  * html   #accueil-ligne-02 ul{
      display: block;
      float:left;
      position:absolute;
      top:-72px;
      left:390px;
  }
  * html   #accueil-ligne-02 li{
  position: static;   

 }
    * html   #accueil-ligne-02 li a {           
       display:block;
       position:relative;  
   }

   
* html #menu-accueil li{
  position: static;
  padding-top:4px   
}   
  * html   #menu-accueil li a {           
       display:block;
       position:relative;  
   }  
   
  #accueil-ligne-02 li.appartement-temoin{
   
    left:252px; 
  }
   
/*--------------------

  form-recherche-accueil

*/

#accueil-ligne-02 #form-recherche-accueil{

    position:absolute;

    top:-65px;

    left:0;

}

#accueil-ligne-02 #form-recherche-accueil input{

   height:15px; 

   padding:2px 0 0 2px 

}



#accueil-ligne-02 #form-recherche-accueil .champs-input{

  height:20px;

  width:199px;

  float:left;

  margin:0 9px 0 4px ;

  background-image: url(images/form/rechercheform.png);  

}

* html #accueil-ligne-02 #form-recherche-accueil .champs-input{   

    background: none;

    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/institutionnel/images/form/rechercheform.png');

}

#accueil-ligne-02 #form-recherche-accueil input{

   height:15px; 

   padding:3px 0 0 2px ;

    width:190px;

    border:none;

    font-size:11px;

    background: none;

    color:#777777;

    

    

}

#accueil-ligne-02 #cntnt01moduleform_1 input.bouton-rechercher{

    background-image: url(images/form/bouton-ok.png);

    height:21px;

    width:21px;

    border:none;

    cursor:pointer;

    padding:0;

} 



* html #accueil-ligne-02 #cntnt01moduleform_1 input.bouton-rechercher{   

    background: none;

    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/institutionnel/images/form/bouton-ok.png');

}





 

#menu-footer-accueil{

    color:#fff;

    position:absolute;

    bottom:25px   ;

    left:4px

}

#menu-footer-accueil, #menu-footer-accueil *{

    color:#4a4a48

}

#menu-footer-accueil a{

    text-decoration:none;

}

#menu-footer-accueil a:hover{

    text-decoration:underline;

}

#accueil-ligne-03{

    text-align: right;

}

#accueil-ligne-03 strong{

    color:#fff

}      

#accueil-ligne-03 span,#accueil-ligne-03 a{

    color:#4a4a4a;

    text-decoration:none

}

#accueil-ligne-03 a:hover{   

  text-decoration:underline  

}











/*---------------------------------------------

Site WEB

---------------------------------------------*/



#principal{

    margin:0 auto ;

    float:left;

    padding-bottom:200px;

    width:905px;

    position: absolute;
     z-index:10px;    
    left:50%;
    z-index:10px;
    margin-left: -452px; /* moitié de width */

}

#contenu-principal,#contenu-principal-simple{

    width:527px;

    clear:both;
   z-index:10px;          
    float:left;

}

#contenu-principal-simple{            
     z-index:10px;    
   width:890px; 

}





#contour-content-top{

    background-image: url(images/content/contenu-haut.png);

    height:7px;

    font-size:0px;

}

* html #contour-content-top{   

    background: none;

    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/institutionnel/images/content/contenu-haut.png');

}







#contour-content-top-simple{

  background-image: url(images/content/contenu-grand-haut.png);

    height:15px;

    font-size:0px    ;

}

* html #contour-content-top-simple{   

    background: none;

    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/institutionnel/images/content/contenu-grand-haut.png');

}







#contour-content-middle{

    background-image: url(images/content/contenu-milieu.png);

    background-repeat: repeat-y;

    padding:15px;

}

* html #contour-content-middle{   

    background: none;

    background-color:#000;

    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/institutionnel/images/content/contenu-milieu.png');

}



#contour-content-middle-simple{

    background-image: url(images/content/contenu-grand-milieu.jpg);

    background-repeat: repeat-y;

    padding:15px;

}











#contour-content-bottom{

    background-image: url(images/content/contenu-bas.png);

    height:7px;

     font-size:0px;    

}

* html #contour-content-bottom{   

    background: none;

    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/institutionnel/images/content/contenu-bas.png');

}



#contour-content-bottom-simple{

    background-image: url(images/content/contenu-grand-bas.png);

    height:15px;

    font-size:0px;    

}

* html #contour-content-bottom-simple{   

    background: none;

    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/institutionnel/images/content/contenu-grand-bas.png');

}

 #contenu-principal,#sous-menu{

     margin:15px 0

 }

 

 

 

 

 

/*---------------------------------------------

   Sous menu

 ---------------------------------------------*/

#sous-menu{

    float:right;

    width:284px;

    margin-right:5px;

  

}

* html  #sous-menu{   

   margin-right:1px;  

}

#sous-menu li{

  display:block;

  height:92px; 

  width:264px;

  margin-bottom:18px;

  padding:9px 3px 0 7px;

 

 

}

 



#sous-menu, #sous-menu *{

    border:none;

    text-decoration:none;

        

}

#sous-menu a{

    display:block;

}

#sous-menu img{

    margin-right:8px;

    display:block;

}

#sous-menu img, #sous-menu span{

    float:left;

}

#sous-menu a span{

    font-family: myriad pro, arial; 

    display:block;

    width:175px;

    font-size:18px;

    padding-bottom:4px;

}

#sous-menu p{

    

}

#sous-menu li.current_page span{

}

#sous-menu li.current_page, #sous-menu li:hover{
    background-image: url(images/menu/backgroundmenu2.png);
}

* html #sous-menu li.current_page{   
    background: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/institutionnel/images/menu/backgroundmenu2.png');
}
* html #sous-menu li:hover{
    background-image: url(images/menu/backgroundmenu2.png);
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/institutionnel/images/menu/backgroundmenu2.png');

}



* html #sous-menu li:hover *{

    color:red;

}



#sous-menu li{

    cursor:pointer

}

#sous-menu span.suite{

    font-size:11px ;

    color:#dd7816;

    background-image: url(images/autres/puce.gif);

    background-repeat:no-repeat;

    background-position: 0 10px;

    padding:6px 0 0 6px;

    cursor: pointer;

}

#sous-menu span.suite:hover{  

   text-decoration:underline 

}



/*---------------------------------------------

formulaire de recherche

 ---------------------------------------------*/

#principal #form-recherche-accueil{

    float:right;

    height:82px;

    width:300px;

    background-image: url(images/form/background-recherche.png);

}



* html #principal #form-recherche-accueil{   

    background: none;

    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/institutionnel/images/form/background-recherche.png');

}



#principal #form-recherche-accueil input{

   height:15px; 

   padding:2px 0 0 2px 

}



#principal #form-recherche-accueil .champs-input{

  height:20px;

  width:199px;

  float:left;

  margin:10px 18px 0 26px;

}

* +html #principal #form-recherche-accueil .champs-input{  

    margin:10px 25px 0 15px; 

} 

* html #principal #form-recherche-accueil .champs-input{  

    margin:10px 0px 0 10px; 

} 

#principal #form-recherche-accueil input{

   height:15px; 

   padding:2px 0 0 2px ;

   width:210px;

   background: none;

   color:#fff;

   border:none; 

    

}

#principal #cntnt01moduleform_1 input.bouton-rechercher{

    background-image: url(images/form/bouton-ok.png);

    height:21px;

    width:21px;

    border:none;

    cursor:pointer;

    padding:0;

    margin:10px 0 0 10px;

}

* html #principal #cntnt01moduleform_1 input.bouton-rechercher{   

    background: none;

    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/institutionnel/images/form/bouton-ok.png');

}









/*---------------------------------------------

Footer

---------------------------------------------*/



#menuprincipalfootercontour{

   clear:both;

   width:100%;

   position: fixed;

   height:250px;

   bottom:0; 

}



* html div#menuprincipalfootercontour {

    position: absolute;             

    right: 0; 

    bottom: 0;

    left: expression( ( 0 - menuprincipalfootercontour.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );

    top: expression( ( 0 - menuprincipalfootercontour.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );

}









  

#menu-principal-footer{

    clear:both;

    position:relative;   

    height:250px;

    background-image: url(images/footer/background-menu-repeat.png);

    background-repeat: repeat-x;

    

}

* html #menu-principal-footer{   

    background: none;

    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/institutionnel/images/footer/background-menu-repeat.png');

}



#menu-flash{

    width:950px;

    height: 88px; 

    position: absolute;

    left: 50%;

    top: 50%; 

    margin-left: -440px; /* moitié de width */

    margin-top: -65px; /* moitié de height */

}



#menu-principal-footer .decor{

    background-position:bottom center;

    background-image: url(images/footer/background-menu.png );

    height:250px;    

}  

* html #menu-principal-footer .decor{   

    background: none;

    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/institutionnel/images/footer/background-menu.png');

}





  

#footer{

  width: 910px;

  position: absolute;

  bottom:8px;

  left: 50%;

  margin-left: -455px; /* moitié de width */

}   

#footer #copyright{

    float:right;

    margin-right:25px;

    color:#fca057

}

#footer #mentions{
    float:left;
    margin-left:150px;
} 
* html #footer #mentions{
    margin-left:70px;
} 
#footer #mentions, #footer #mentions a{

    color:#fff; 

    text-decoration:none;

}

#footer #mentions a:hover{    

    text-decoration:underline

}

 .logo-wokine{

    height: 22px;

    width:22px;

    border:1px solid red;

    display:none;

}

 a.lien-logo-site {

     border:1px solid red;

     display:none;

     height:150px;

     width:125px;

     text-decoration: none;

     

 }  

   

/*---------------------------------------------

formulaire de candidature

---------------------------------------------*/

.candidatureForm {

    width:482px;

    margin:0 auto

}

* html .candidatureForm{

   width:485px;      

}

.candidatureForm label{

    font-weight:bold ;

    width:200px;

    display:block;

    float:left;

}

.candidatureForm input{

    border:1px solid #d45a0c;

    width:278px;

    padding:2px 1px;

}



.candidatureForm div{

    margin-bottom: 9px;

}

.candidatureForm textarea{

    width:480px;

    border:1px solid #d45a0c; 

    height:120px;

    font-size:12px;

}

.candidatureForm .fbsubmit{

    float:right;

    width:170px; 

    background-color:#d45a0c;

    margin:10px 0 10px 0;

    color:#fff;

    cursor:pointer;

}

p.error{

    display:none;

    padding:10px;

    border:1px solid #d45a0c;

    color:#d45a0c;

    margin:0 0 15px 0;

    background-color: #f5cdb4;

}

.invalidInput{

    background-color: #f5cdb4;  

}











/*---------------------------------------------

formulaire de contact

---------------------------------------------*/

.contactform {

    width:400px;

}

* html .contactform{

   width:40px;      

}

.contactform label{

    font-weight:bold ;

    width:200px;

    display:block;

    float:left;

}

.contactform input{

    border:1px solid #fff;

    width:200px;

    padding:2px 1px;

}



.contactform div{

    margin-bottom: 9px;

}

.contactform textarea{

    width:400px;

    border:1px solid #fff; 

    height:120px;

    font-size:12px;

    overflow: auto;

}

.contactform .fbsubmit{

    float:right;

    width:170px; 

    background-color:#d45a0c;

    margin:10px 0 10px 0;

    color:#fff;

    border:1px solid #d45a0c;

    cursor:pointer;

}

.page_contact ul,.page_contact li{

    display: none;

}



/*---------------------------------------------

Mise en forme de la partie contenu

---------------------------------------------*/

#contenu-principal,#contenu-principal-simple{ 

    color:#fff;

    font-size:12px;

}



#contenu-principal h2,#contenu-principal-simple h2{

    font-weight: normal;

    font-size:22px;

    padding-bottom:15px;

    font-family: myriad pro, arial;

}

#header h1{

   float:left    ;

   margin-top:10px

}

#header h1 a{

    height:72px;

    width:240px;

    display:block;

    background-image: url(images/logo/bienvenuesurplage.png);

}

* html #header h1 a{   

    background: none;

    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/institutionnel/images/logo/bienvenuesurplage.png');

}

#header h1 span{

    display:none;

}









#content ul, #content ol{

    padding:0 0 20px  25px;

    display:block;

}



#content a img{

    border:none;

    text-decoration:none;

    cursor:pointer;



    margin:0 8px 0 0;

}



#content p{

  padding-bottom:15px;  

}





.logo-wokine{

    height: 22px;

    width:22px;

    border:1px solid red;

    display:none;

}



    #contenu-principal td{

     padding:0 2px;

 } 

 #content a{

     color:#dd7816;

     text-decoration: none;

 } 

 #content a:hover{ 

  text-decoration:underline   

 }

 

 

 

#ariane ,#ariane *{

  font-size:11px; 

}

#ariane a{

    color:#616161;

    text-decoration: none;

}





#fondation{

  position: absolute;

  left:1px;

  height:45px;

  width:119px;

  background-image: url(images/footer/icon-fondationplage.png); 

  text-decoration:none;

  bottom:-8px;   

}



 * html  #fondation{   

    background: none;

    margin-left:-42px;

    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/institutionnel/images/footer/icon-fondationplage.png');

}





#fondation a{

    display:block;

    width:119px; 

    text-decoration:none;       

    height: 45px;

}


     /*----------------------------------
         slider
     */
.slider {
    position:relative; 
    overflow:auto;  
    height:800px; 
    color:#fff; 
    border:1px solid red  ;
    width:950px;
    margin:0 auto;
}

  
.slidercontent {
    position:absolute ;
    top:0;
    left:0;
    width:100%;

    border:1px solid green;
}



.newsslidercontent {position:absolute}



#mynav{
    width:27px;
    margin:0 auto;
    position:absolute;
    left:540px;
    z-index:999;
    top:235px;
}

* html #mynav{
    left:555px;  
}
* +html #mynav{
    left:555px;  
}

#nav-top,#nav-bottom{
  cursor: pointer; 
  display:block;
  height:26px;
  width:26px; 
}
#nav-top{
    background-image: url(images/nav/top.png);
    margin-bottom:10px
}
#nav-bottom{
    background-image: url(images/nav/bottom.png);
}

* html #nav-top{   
    background: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/institutionnel/images/nav/top.png');
}

* html #nav-bottom{   
    background: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/institutionnel/images/nav/bottom.png');
}

#test-menu{
    float:left;
    margin-left:55px
}
* html #test-menu{
    margin-left:0px   
}
* +html #test-menu{
    margin-left:0px   
}