/***************************************************
			Accueil
****************************************************/
body  
{
    background-color:#627377;
    padding:0;
    margin:0;
}
form
{
    width:1003px;
    margin:auto;
}
.formDefault
{
    padding-left:13px;
    padding-top:10px;
    height:754px;
    display:block;
    
    margin-top:92px;
    
    background:url(../Images/background_default.png) no-repeat left top;
}

.formMaster
{
    padding-left:13px;
    min-height:750px;
    display:block;
    
    margin-top:92px;
    
    background:url(../Images/background_master.png) no-repeat left top;
}

.ImpressionAccueil img
{
    position:absolute;
    margin-left:-5px;
    z-index:10;
}


.formDefault .bateau
{
    position:absolute;
    z-index:11;
    
    width:181px;
    height:402px;
    display:block;
    
    background:url(../Images/bateau.png) no-repeat left top;

    top:10px;
    left:50%;
    margin-left:316px;
    margin-top:386px;
}

.formMaster .bateau
{
    position:absolute;
    z-index:3;
    
    width:181px;
    height:402px;
    display:block;
    
    background:url(../Images/bateau.png) no-repeat left top;

    top:10px;
    left:50%;
    margin-left:316px;
    margin-top:386px;
}




.modeBrouillon,
.modeBrouillon:hover
{
    position:absolute;
    font-family:Verdana;
    left:0;
    top:0;
    border:solid 1px red;
    width:220px;
    line-height:22px;
    vertical-align:middle;
    height:22px;
    display:block;
    color:Red;
    text-align:center;
    text-decoration:none;
}


.divNewsLetterAccueil
{
    position:absolute;
    z-index:13;

    width:400px;
    height:40px;
    display:block;

    top:10px;
    left:50%;
    margin-left:68px;
    margin-top:700px;
    

}
.divNewsLetterAccueil .tbNewsletter
{
    position:absolute;
    background-color:Transparent;

    font-family:Arial;
    font-size:11px;
    color:#6D595E;

    width:141px;
    height:13px;
    display:block;

    margin-left:0;
    margin-top:0;
    border:0;

}
.divNewsLetterAccueil .btnOK
{
    position:absolute;

    font-family:Arial;
    font-size:10px;
    color:White;
    background-color:#6D595E;

    width:20px;
    height:20px;
    display:block;
    
    margin:0;
    padding:0;
    border:none;

    margin-left:156px;
}
.divNewsLetterAccueil .texte
{
    position:absolute;
    
    font-family:Arial;
    font-size:11px;
    color:#6D595E;

    margin-left:185px;
    margin-top:5px;

}
.divNewsLetterAccueil .Commentaire
{
    position:absolute;
    
    font-family:Arial;
    font-size:11px;
    color:#6D595E;

    margin-top:20px;
}


.accueilFooter
{
/*
    position:relative;
    width:1000px;
*/
    margin-top:150px;
    display:block;
    
}

.cartoucheHauteGauche
{   
    position:relative;
    float:left;
    width:727px;
    height:303px;
    display:block;
    z-index:9;
    
    margin:0;
    padding:0;
}

div.nautisme
{
    position:absolute;
    width:727px;
    height:148px;
    display:block;
    z-index:10;
    
    background:url(../Images/voile.png) no-repeat left top;
}

a.nautisme
{
    position:absolute;
    width:467px;
    height:63px;
    vertical-align:middle;
    display:block;
    z-index:10;
    
    padding-top:12px;
    margin-left:133px;
    
    font-size:25px;
    font-family:Arial;
    color:White;
    text-decoration:none;
    text-align:center;
    letter-spacing:-1px;
    
    
    background:url(../Images/btnNautisme.png) no-repeat left top;
}
a.nautisme h1
{
    width:466px;
    margin-top:2px;
    margin-left:0px;
    padding:0;
    
    font-size:25px;
    font-family:Arial;
    color:White;
    text-decoration:none;
    text-align:center;
    letter-spacing:-1px;
    
    
    background:none;
  
}

a.Inscription, a.Inscription:hover
{
    position:relative;
    float:left;
    
    width:236px;
    height:25px;
    line-height:25px;
    vertical-align:middle;
    display:block;

    font-size:11px;
    color:white;
    text-decoration:none;
    text-align:center;
    
    background:url(../Images/inscription-newslettter-fr.png) no-repeat center 5px;

}
a.Inscription:hover
{
    color:white;
}

.CartoucheHauteDroite
{
    position:relative;
    float:left;
    
    width:236px;
    height:80px;
    display:block;
}

a.Milieu, a.Milieu:hover
{
    position:relative;
    float:left;
    
    width:236px;
    height:29px;
    line-height:29px;
    vertical-align:middle;

    display:block;
}

a.Milieu, a.Milieu:hover,
span.Milieu
{
    position:relative;
    float:left;
    
    width:236px;
    height:29px;
    line-height:29px;
    vertical-align:middle;

    display:block;

    font-size:14px;
    font-weight:bold;
    
    color:#6D595E;
    text-decoration:none;
    text-align:center;
}
a.Milieu:hover
{
/*    color:#627377;*/
}

.colonneGauche
{
    position:relative;
    float:left;
    width:259px;
    display:block;
}
.colonneGaucheAccueil
{
    position:relative;
    float:left;
    width:271px;
    display:block;
}
.centre
{
    position:relative;
    float:left;
    width:975px;
    display:block;
    padding-bottom:10px;
    min-height:400px;
    
    background-color:White;
    margin-left:-5px;
    padding-left:10px;
    background:url(../Images/backgroundCentre.png) repeat-y;
}

.Footer
{
    position:relative;
    float:left;
    width:975px;
    height:50px;
    display:block;

    padding:0;
    margin:0;
    margin-left:-5px;
    
    background:url(../Images/background_bottom.png) no-repeat left top;
}


/***************************************
        Résumé Actualité
****************************************/
.ResumeActu
{
    position:relative;
    float:left;
    width:178px;
    width:166px !important;
    display:block;

    margin-left:9px;
    padding:6px;
    
    border:solid 1px #E7E7E7;

}

.ResumeActu div.Titre
{
    position:relative;
    float:left;
    width:176px;
    width:176px;
    height:45px;
    display:block;

    margin-left:-5px;
    margin-bottom:9px;
    
    background:url(../Images/background_actu.gif) no-repeat left top;
    
}

.ResumeActu span.Titre
{
    position:relative;
    float:left;
    width:127px;
    display:block;

    margin-left:35px;
    margin-top:6px;
    
    
    color:White;
    font-weight:bold;
}

.ResumeActu a.Titre
{
    padding-left:15px;
    
    background:url(../Images/fleche_actu.gif) no-repeat left 3px;
    
    color:#627377;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
}
.ResumeActu a.Titre p
{
    color:#627377;
    font-size:11px;
    font-weight:bold;
}

.ResumeActu a.ensavoirplus
{
    position:relative;
    width:127px;
    display:block;
    
    color:#96969C;
    font-size:11px;
    text-decoration:none;
}


.ResumeActu .separatrice
{
    position:relative;
    width:169px;
    height:1px;
    display:block;
    
    margin-left:-1px;
    margin-top:9px;
    margin-bottom:9px;

    background:url(../Images/separateur_actu.gif) no-repeat left top;
    
    color:#96969C;
    font-size:11px;
    text-decoration:none;
}

.cartoucheFooterAccueil
{
    position:relative;
    width:974px;
    display:block;
    text-align:center;
}

.cartoucheFooter
{
    position:relative;
    width:974px;
    display:block;
    text-align:center;
    padding-top:50px;

}




.imgActu {
    position:relative;
    z-index:4;

}



/***************************************
*   Diaporama 
****************************************/
#slider {
    position: relative;
    float:left;
    width: 727px;
    height: 303px;
    display:block;
    overflow:hidden;
    left:0;
    top:0;
}

div.panel {
    position:relative;
    float:left;
    left:0;
    top:0;
    padding:0;
    height: 303px;
    width: 727px;
    overflow:hidden;
}

.fr,
.en
{
    position:relative;
    background:url(../Images/en.gif) no-repeat left top;
    float:right;

    width:25px;
    height:25px;
    top:5px;
    right:55px;
    z-index:10;
    
}
.en {
    background:url(../Images/fr.gif) no-repeat left top;
}

.drapeau
{
    float:left;
    clear:both;
    position:relative;
    margin-left:70px;
    margin-top:-5px;
}
.drapeau .fr,
.drapeau .en
{
    float:left;
    position:relative;
    right:auto;
    width:25px;
    height:25px;

}