/***************************************************/
/********************Accueil************************/
/***************************************************/
body  
{
    width:1003px;
    margin:auto;
    text-align: center; 
    background: #2da1d4 url(../Images/Accueil/accueilFond.gif) repeat-x  ; 
}

form.accueilBackground
{
   
    min-height:830px;
    height:auto!important;
    height:830px;
    width:1003px;
    text-align:left; 
 
        
}
.clearBoth
{
    clear:both;
    height:0px;
    padding:0px;
    margin:0px;
}
.logocarZeiss
{
    position:absolute;
}
.accueilEnTete
{
    width:798px;
    height:93px;
    background: #ffffff url(../Images/logoOptiqueVoile.gif) no-repeat right top; 
    margin-left:205px;
}

.accueilBanniere
{
    /*height:166px;*/
    /*width:1003px;*/
    text-align:right;
    height:183px;
    background: url(../Images/Diaporama/Lunettes.gif) no-repeat left top;
    zoom:1;
    padding-left:183px;

}
.accueilBanniere img
{
   /* z-index:-1;
    position:absolute ;*/
}

.accueilDroite
{
    width:313px;
    float:left;
   /* margin-top:-52px;*/

}

.contenuOnglet
{
  
}

.accueilDivDynamique
{
    visibility:hidden!important;
    padding:30px;
    display:none;
    margin-top:-20px; 
}
.accueilDivDynamiqueVisible
{
    visibility:visible;
    display:inline-block;
    padding:30px;  
    margin-top:-20px;     
}

/******le player***/
.player
{

}
.player *
{
}
.accueilDroite
{


}
/**************resumé actu***********************/
.accueilDroite  h1.Titre
{
    margin:0px;
    padding:0px;
    width:153px;
    height:41px;
    background-image:none!important;
    background-color:#afd25a;
    color:#004494;
    font-weight:bold;
    font-size:16px;
    font-family:Arial;
    text-align:center;
    margin-top:-25px;
    float:left;
/*    padding-top:13px;*/
}

.accueilDroite .accueilResumeActualite 
{
      background-color:#afd25a;  
      min-height :300px;
      height:auto!important;
      height:300px;    
   margin-top:15px;
}

.accueilDroite .accueilResumeActualite .loupeActu
{
    position:absolute;
    margin-left:-11px;
    margin-top:8px;
}
.accueilDroite .accueilResumeActualite .ResumeActu 
{
      background-color:#a0c447;  
      min-height:78px;
      height:auto!important;
      height:78px;
      width:286px;
      margin-left:16px;
      margin-bottom:7px;
}

.accueilDroite .accueilResumeActualite .Titre
{
    color:#004494;
    font-family:Arial;  
    font-size:12px;  
    font-weight:bold;
    display:block;
    margin-bottom:10px;
    text-decoration:none;      
    margin:8px;
}

.accueilDroite .accueilResumeActualite .Resume p.Resume
{
    color:#ffffff;
    font-family:Arial;  
    font-size:10px;  
    font-weight:bold;
    text-align:justify;
    display:block;
    margin-left:8px;    
    margin-right:8px;        
}
/***********************************/
.accueilGauche
{
    height:355px;
    width:186px;
    float:left;
    overflow-x:hidden;
   margin-top:-25px;
    
}

.accueilCentre
{
    height:355px;
    width:504px;
    background-color:green;
    float:left;
    background: #2da1d4 url(../Images/Accueil/accueilFondVideo.gif) no-repeat right top;    
    margin-top:-25px;   
    
    }

.accueilFooter
{
    height:236px;
    width:1003px;
    background: #ffffff url(../Images/Accueil/accueilFondFooter.gif) no-repeat top;
    clear:both;
    left:0px;
    bottom:0px;
    margin:auto;
    text-align:center;
    }
.accueilFooter p
{
   display:inline;
}


/*****************************************************************/
/*************************rubrique********************************/
/*****************************************************************/

.headerRubrique
{
    background: #ffffff url(../Images/Rubrique/rubriqueBorderTop.gif) no-repeat top;
    width:817px;
    height:31px; 
    float:left; 
    margin-top:8px;
}
.divContenu
{
    background: #2ca0d4 url(../Images/Rubrique/rubriqueFondCenter.gif) repeat-x top;
    width:785px;
    min-height:751px; 
    height:auto!important;
    height:751px; 
    float:left; 
    margin-top:-1px;
}
.BorderRubrique
{
    background: #ffffff url(../Images/Rubrique/rubriqueFondBorder.gif) repeat-x top;
    width:16px;
    height:751px; 
    float:left; 
    margin-top:-1px;  
}

/***************sitempapath rubrique **********************/
.siteMaPath
{
    margin-top:-47px;  
    position:absolute;
    margin-left:16px;
}

.siteMaPath a, .siteMaPath span
{
    font-size:15px;
    font-family:Arial;
    display:inline-block;
    font-weight:bold;
    text-decoration:none;
    color:#ffffff;
    float:left;
}

.siteMaPath span.rootNode a,.siteMaPath span.parentNode a,.siteMaPath span.currentNode, .siteMaPath span.parentNode2
{
    height:29px; 
    display:block;   
    margin-top:28px; 
    padding-top:8px;     
    padding-left:20px;    
    background:#a0c547;
    }

.siteMaPath span.rootNode a
{
    background:#a0c547 url(../Images/sitemappath/fondBeginNode.gif) no-repeat top left;
}
.siteMaPath span.parentNode a
{
    padding-left:2px;   
}
.siteMaPath span.currentNode, .siteMaPath span.parentNode2 
{
    background:#a0c547 url(../Images/sitemappath/fondEndNode.gif) no-repeat top right;
    padding-right:10px;
    padding-left:2px;    
}
/*
.siteMaPath span.rootNode a
{
    background:  url(../Images/sitemappath/fondRootNode.gif) no-repeat left;
    width:113px;
    height:45px;
    display:block;    
    padding-top:40px;  
    padding-left:45px;    
        

}

.siteMaPath span.parentNode a
{
    background: url(../Images/sitemappath/fondParentNode.gif) no-repeat left;
    width:115px;
    height:45px;
    display:block;
    padding-top:40px;  
    padding-left:25px;           
}

.siteMaPath span.parentNode2
{
    background: url(../Images/sitemappath/fondParentNode.gif) no-repeat left;
    width:115px;
    height:45px;
    display:block;
    padding-top:40px;  
    padding-left:25px; 
}

.siteMaPath span.currentNode
{
    background:  url(../Images/sitemappath/fondCurrentNode.gif) no-repeat left;
    width:119px;
    height:45px; 
    display:block;   
    padding-top:40px;  
    padding-left:20px;    
  
}
*/
.imprimer
{
    margin-top:-17px; 
    position:absolute;
    margin-left:643px;
}

.bateau
{
    margin-top:-43px; 
    position:absolute;
    margin-left:463px;
}



/*********************************************************/
/******************page impression***********************/
/********************************************************/

.bodyImpression
{
    background-image:none!important;
}

.pageImpression
{
    text-align:left;
}

.pageImpression .headerRubrique
{
    display:none;
}
 .pageImpression .BorderRubrique
{
    display:none; 
}

.pageImpression .dateImpression
{
    font-family:Arial;
    font-size:12px;
    text-align:left;    
}


/*********************************************************/
/***********Plan du site**********************************/
/*********************************************************/

.PlanSite
{
    margin-left:60px;
    margin-top:50px;
}

.PlanSite a.plan_2
{
    display:block;
    font-family:Arial;
    text-decoration:none;
    font-size: 18px;
    color: #153b53;
    background: url(../Images/style/fondh1.gif) no-repeat left;   
    padding-left:47px;   
    margin-top:10px;     
}

.PlanSite a.plan_2:hover, .PlanSite a.plan_3:hover
{
    color: #a1cc4d;
}

.PlanSite a.plan_3
{
    display:block;
    font-family:Arial;
    font-size:14px;
    text-decoration:none;
    margin-left:50px;
    color: #153b53;    
}


/*******************************************
        Style pour l'affichage du diaporama 
        de la page d'accueil
    ********************************************/
    .diaporama
    {
        position:relative;
        width:827px;

        margin-bottom:10px;
        overflow-x:hidden;
        zoom:1;
    }
    .diaporamaIndex
    {
        position:absolute;
        width:770px;
        margin-top: -16px;
        z-index:100;
        zoom:1;
        display:none;
    }
    .diaporamaIndex div
    {
        float:right;
        padding-left:6px;
        padding-right:0px;
        padding-top:3px;
        padding-bottom:5px;
        text-align:right;
        font-family:Verdana;
        color:#FFFFFF;
        opacity:0.7;
        filter:alpha(opacity=70);
    }
    .diaporamaIndex div a
    {
        padding:2px;
        padding-top:1px;
        padding-bottom:1px;
        margin-left:2px;
        font-weight:bold;
        color:#000000;
        background-color:#FFFFFF;
        text-decoration:none;
        font-size:10px;
    }

    .diaporama div.divPremiereDiapo
    {
        left:0px;
        position:absolute;
        visibility:visible;
        top:0px;
        width:827px;
        z-index:1;
    }
    .diaporama div.divDiapoSuivante
    {
        left:827px;
        left:0px;
        position:absolute;
        visibility:hidden;
        top:0px;
        width:827px;
        z-index:0;
    }
    .diaporama div.divFiltre
    {
        left:-827px;
        position:absolute;
        visibility:visible;
        top:0px;
        width:827px;
        height:153px;
        background-color:#FFFFFF;
        opacity:0.5;
        filter:alpha(opacity=50);
        z-index:2;
    }