/*Général*/

body
{
color:black;		/*texte en général*/
background:white;	/*fond en général*/
font-family:'Montserrat';		/*police de la page*/
margin:0 auto	/*permet de centrer la zone texte en rognant les bords */
}


#global
{
width: 90%;			/*largeur de x% la fenêtre du navigateur  v2=90%     */
overflow: hidden; 	/*On utilise overflow:hidden empêcher le dépassement des flottants */
min-width:700px ;	/*Taille écran mini 300px et max 1400px  */
max-width:1000px ; 
margin-left: auto; 	/*pr centrer*/
margin-right: auto; 	/*pr centrer*/
}

/*header*/

header
{
padding-top:5px;		/*marge intérieure en haut*/
text-align:center;	/*centrer les elements du header*/
}

#logo
{
margin-bottom:-15px;	/*reduire l'écart entre le logo et le titre*/
}

h1
{
font-size:0.88em;		/*taille police*/
color:rgb(200,1,1);	/*couleur police*/
font-weight:bold;   /*gras*/
}


/*Navigation*/

nav
{
background:white; 	/*fond blanc*/
padding:2px 2px;		/*marge intérieure en haut-bas gauche-droite*/
text-align:center;		/*menu centré*/
margin-top:0px;		/*remonter la barre de nav sous le titre  v2:-5px*/
border-bottom:0px solid black;	/*ligne sous la nav* => v2=2px, v3bis:supprimer la ligne*/
font-size:0.9em;		/*taille de la police*/
font-weight:bold	/*gras*/
}

nav a
{
color:black;	/*couleur menu dans la nav*/
line-height:1.2;	/*hauteur de la ligne grise*/
text-decoration:none;	/*enlever le surlignage des menus*/
}

nav a:hover		/*passage sur le lien devient en rouge*/
{
color:rgb(200,1,1);		/*couleur rouge*/
}

nav ul
{
margin:0;	/*pas de marge exter*/
padding:0;	/*pas de marge intérieure ds la nav*/
list-style:none;	/*pas de puce dans le menu nav*/
color:rgb(200,1,1);		/*rouge qd on est sur la page*/
}

nav li		
{
display:inline;		/* menu de nav horiz*/
margin-right:40px;	/*marge entre les elements du menu  */
}

#flag
{
	vertical-align:-15%; /*pr centrer flag & FB dans la barre navigation*/
}

#navfb
{
	vertical-align:-5%; /*pr centrer flag & FB dans la barre navigation*/
}

#navinsta
{
	vertical-align:-5%; /*pr centrer flag & FB  dans la barre navigation*/
}





/*bloc central*/

marquee
{
margin-top:5px;		/*descendre le marquee par rapport a la nav */
font-size:0.8em;
font-style : italic;
color:black;
Font-weight:normal;
}

.accueil
{
max-width: 100%;		/*pr que la photo d'accueil s'adapte en taille selon la largeur de l'ecran*/
max-height: auto;
margin-top:-15px;		/*pour faire remonter l'image d accueil vers le marquee    v3 = 0px */
}

.pano
{
/* max-width: 100%;		 */
max-height: 500px;
margin-top:-15px;		/*pour faire remonter l'image d accueil vers le marquee    v3:0px */
position:relative;
}


.bouteille
{
max-width:80%;
height:auto;

}

#contener
{
width:100%;			/*zone texte occupe 100% de la largeur*/
overflow:hidden;
margin-top:10px;	/*marge de 10 entre bas de nav et debut de paragraphe texte*/
float:left;
font-size:.9em;	/*taille police*/
text-align:justify;	/*texte justifié*/
background:url(fond.png) repeat-y;		/*repetition de l'image de fond sur la hauteur de la colonne la plus haute */

}

#illustration
{
float:left;				/*alignement des colonnes par la droite*/
width:390px;			/*largeur zone texte*/
margin-right:10px;
text-align:center;
}

#recompense
{
margin-right:20px;
text-align:center;
}


#illustration >:first-child
{
margin-top:10px;		/*marge au dessus texte du paragraphe*/
}

#acces
{
text-align:justify;
}

#principal
{
margin-left:410px;
padding-right:10px;
}

h2
{
/* text-align:center;  */
font-weight:bold;
font-size:1.1em;
}

h3
{
font-weight:bold;
font-size:1em;
}

h4
{
/* text-align:center; v2*/
font-size:0.9em;
font-style:italic;
}



#tableau_label
{
margin: 0 auto;    /*centrer le tableau au milieu de la page*/
text-align:center;
font-weight:bold;
}



#tableau_logement
{
margin: 0 auto;    /*centrer le tableau au milieu de la page*/
text-align:center;
}

#tableau_accueil
{
margin: 0 auto;    /*centrer le tableau au milieu de la page*/
text-align:center;
}


.flotte
{
float:left;
padding-right:10px;
margin-top:10px;
}

.puce2
{
font-weight:bold;
font-size:1.1em;
clear:both;

}

.titrephoto
{
font-weight:bold;
font-size:1.2em;
padding-top:10px;
}
.distinction
{
font-style:italic;
margin-top:-15px;
}

/*footer*/

footer
{
margin-top:0px;
margin-bottom:10px;
font-size:.8em;
text-align:center;
font-style:italic;
}

/*snap scroll*/

.child {
           /*  width: 400px; largeur interne du snap roll */
            height: 450px;		
            position: relative;
            background-color: #F0F0F0;
            display: inline-block;
            margin-right: 10px;
            border: 1px solid white;
        }

.label {
            width: 200px;
            height: 200px;
            border-radius: 25%;
            background-color: white;
            margin: 100px auto 0 auto;
        }
.label2 {
            width: 200px;
            height: 200px;
            border-radius: 25%;
            background-color: white;
            margin: 100px auto 0 auto;
        }
		
		
.label > h1 {
            font-size: 80px;
            padding-left: calc(50% - 22px);
            padding-top: calc(50% - 60px);
        }

.container {
            width: auto; 
            height: 450px;
            overflow-x: auto;
            overflow-y: hidden;
            white-space: nowrap;
            -webkit-overflow-scrolling: touch;
            margin: 1vh auto 0 auto;
        }
.container2 {
            width: auto; 
            height: 300px;  /* v3 500px */ /*hauteur du snap roll*/
            overflow-x: auto;
            overflow-y: hidden;
            white-space: nowrap;
            -webkit-overflow-scrolling: touch;
            margin: 1vh auto 0 auto;
        }
.container22 {
            width: auto; 
            height: 300px;  
            overflow-x: auto;
            overflow-y: hidden;
            white-space: nowrap;
            -webkit-overflow-scrolling: touch;
            margin: 1vh auto 0 auto;
        }
		
		
.container3 {
            width: auto; 
            height: 600px;
            overflow-x: auto;
            overflow-y: hidden;
            white-space: nowrap;
            -webkit-overflow-scrolling: touch;
            margin: 1vh auto 0 auto;
        }		
		
#snap-scroll-container-coordinates-centered {
            width: 780px; /* ici meme largeur que page accueil -  v3 : 1400px */
            -webkit-scroll-snap-type: mandatory;
            scroll-snap-type: mandatory;
            -webkit-scroll-snap-destination: 50% 50%;
            scroll-snap-destination: 50% 50%;
        }

        #snap-scroll-container-coordinates-centered > .child {
            -webkit-scroll-snap-coordinate: 50% 50%;
            scroll-snap-coordinate: 50% 50%;
        }