/*-------------------------------------------------------------------*/
/*-- DATE DE MISE A JOUR --------------------------------------------*/
/*-------------------------------------------------------------------*/
.MaJ:after {
 font-family:Calibri;
 font-weight:bold;
 font-size:10 ;
 color:#FFFFFF;
 content: "19/05/2021";
 }

 .info {
    position:absolute;
    bottom:0px;
    color:white;
    font-family:Calibri;
    font-weight:bold;
    font-size:10 ;
    right:25px;
 }
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------*/
/*-- PHOTOS DANS LA BANNIERE VERTICALE -------------------------------*/
/*-------------------------------------------------------------------*/

 .photo_banniere_verticale {
    position:absolute;
    top:280px;
    left:5px;
 }
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------*/
/*-- LOGO FFD DANS LA BANNIERE VERTICALE ----------------------------*/
/*-------------------------------------------------------------------*/

 .logo_ffd_banniere_verticale {
    position:absolute;
    bottom:20px;
    left:60px;
 }

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

/*-------------------------------------------------------------------*/
/*-- Bouton "Retour" dans l'ACCES RESTREINT -------------------------*/
/*-------------------------------------------------------------------*/

 .RetourButton {
    position:absolute;
    top:50px;
    right:25px;
    color:white;
    font-family:Calibri;
    font-weight:bold;
    font-size:13 ;
 }
 /*resolution des pb de position top pour le bouton "Retour", pour le navigateur SAFARI*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .RetourButton { top:20px }
}
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------*/
/*-- Bouton "Deconnexion" dans l'ACCES RESTREINT --------------------*/
/*-------------------------------------------------------------------*/

 .DeconnectButton {
    position:absolute;
    top:70px;
    right:25px;
    color:white;
    font-family:Calibri;
    font-weight:bold;
    font-size:13 ;
 }
 /*resolution des pb de position top pour le bouton "Retour", pour le navigateur SAFARI*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .RetourButton { top:40px }
}
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/


/*-------------------------------------------------------------------*/
/*---MENU VERTICAL --------------------------------------------------*/
/*-------------------------------------------------------------------*/
.menu {
    position: fixed;
    z-index:2;
    top: 200px;
    left: 20px;
}
.menu ul {
    padding:0;
    margin:0;
    list-style-type:none;
    position:absolute;
}
.menu li {
    margin-left:2px;
    display:block;
    background-image : url(../MODELE/IMAGES/onglet.jpg);
    width:155px;
    height:21px;
    font-weight:bold ;
    color: black ;
    font-family:Calibri;
    text-decoration:none;
    list-style-type:none;
    text-align:center;
    margin:0; /*ecart entre les onglets*/
    padding:3px 0 3px 0;
}
.menu a{
    float:left;
    color: white ;
    text-decoration:none;
    width:155px;
}
.menu a:hover{
    z-index:2;
    text-decoration:none;
    background-image : url(../MODELE/IMAGES/onglet_over.jpg);
    font-weight:bold ; color: black ;
    font-family:Calibri;
    padding:3px 0 3px 0;
    margin-top:-3px;
}
.menu ul li ul{
    margin-left:155px; /* be careful */
    visibility:hidden;
    }
.menu ul li:hover ul{
    visibility:visible;
}
.menu li ul li{
    background-image : url(../MODELE/IMAGES/onglet_level2.jpg);
}
.menu li ul li a:hover{
    text-decoration:none;
    background-image : url(../MODELE/IMAGES/onglet_over_level2.jpg);
    font-weight:bold ;
    color: black ;
    font-family:Calibri;
    padding:3px 0 3px 0;
    margin-top:-3px;
}
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/


/*-------------------------------------------------------------------*/
/*---MENU HORIZONTAL-------------------------------------------------*/
/*-------------------------------------------------------------------*/
.horizontal {
    position: fixed;
    top: 103px;
    left: 250px;
    z-index:2;
}
.horizontal ul {
    padding:0;
    margin:0;
}
.horizontal li {
    display:inline-block;
    float:left;
    background-image : url(../MODELE/IMAGES/onglet.jpg);
    width:155px;
    height:21px;
    font-weight:bold ;
    color: black ;
    font-family:Calibri;
    text-decoration:none;
    list-style-type:none;
    text-align:center;
    margin:3; /*ecart entre les onglets*/
    padding:3px 0 3px 0;
}
.horizontal a{
    float:left;
    color: white ;
    text-decoration:none;
    width:155px; /* largeur horizontale des onglets*/
}
.horizontal a:hover{
    background-image : url(../MODELE/IMAGES/onglet_over.jpg); /*image quand la souris passe dessus*/
    color: black ;
    padding:3px 0 3px 0;
    margin-top:-3px;
}
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/


/*-------------------------------------------------------------------*/
/*-- CONTACT --------------------------------------------------------*/
/*-------------------------------------------------------------------*/

/*resolution des pb de position top pour CONTACT, pour le navigateur SAFARI*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .contact { top:154px }
}


.contact{
    background-image:url(../MODELE/IMAGES/contact.png);
    position:fixed;
    top:135px;
    right:140px;
    width:120px;
    height:72px;
    z-index:2;
}
.contact a{
    float:right;
    width:120px;
    height:72px;
}
.contact a:hover{
 background-image : url(../MODELE/IMAGES/contact_over.png);
}

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


/*-------------------------------------------------------------------*/
/*-- SPORT SANTE ----------------------------------------------------*/
/*-------------------------------------------------------------------*/

/*resolution des pb de position top pour SPORT SANTE, pour le navigateur SAFARI*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .sportSante { top:154px }
}


.sportSante{
    background-image:url(../MODELE/IMAGES/sportSante.png);
    position:fixed;
    top:135px;
    right:15px;
    width:120px;
    height:72px;
    z-index:2;
}
.sportSante a{
    float:right;
    width:120px;
    height:72px;
}
.sportSante a:hover{
 background-image : url(../MODELE/IMAGES/sportSante_over.png);
}

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



/*-------------------------------------------------------------------*/
/*-- LOGO EN HAUT A GAUCHE DE LA PAGE -------------------------------*/
/*-------------------------------------------------------------------*/
.logo{
    background-image:url(../MODELE/IMAGES/LOGO.jpg);
    position:fixed;
    top:0px;
    left:0px;
    width:200px;
    height:138px;
}
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/


/*-------------------------------------------------------------------*/
/*-- BANNIERE HORIZONTALE SUPERIEURE --------------------------------*/
/*-------------------------------------------------------------------*/
.horsup{
    background-image:url(../MODELE/IMAGES/header.jpg);
    background-repeat:repeat-x;
    position:fixed;
    height:138px;
    top:0px;
    right:0px;
    left:200px;
}
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/


/*-------------------------------------------------------------------*/
/*-- BANNIERE VERTICALE GAUCHE --------------------------------------*/
/*-------------------------------------------------------------------*/
.nav{
    background-image:url(../MODELE/IMAGES/menu_background.jpg);
    background-repeat:repeat;
    position:fixed;
    width:200px;
    bottom:0px;
    top:138px;
    left:0px;
}
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/


/*-------------------------------------------------------------------*/
/*-- COEUR DE LA PAGE -----------------------------------------------*/
/*-------------------------------------------------------------------*/
.coeur_de_la_page{
    background-image:url(../MODELE/IMAGES/fond.jpg);
    background-repeat:repeat;
    position:absolute;
    top:138px;
    left:200px;
    right:0px;
    overflow:auto;
    bottom:0px;
}
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/