/**Home**/
body{margin:0;padding:0;background: #FFFFFF;background: #25B8CF url('../images/fenetres.gif') no-repeat center fixed;background-size:cover;}
body.bgile{background: #25B8CF url('../images/mer.gif') no-repeat center fixed;background-size:cover;}
::-moz-selection {background: #CDCDCD;text-shadow: none;color:#FFFFFF;}
::selection {background: #CDCDCD;text-shadow: none;color:#FFFFFF;}
.browserupgrade {background: #FFFFFF;}
#desktop{margin:0;width:100%;margin:0;width:100%;padding:0;}
#video{width:46%;float:none;margin:-10px auto 30px auto!important;}
#ile{display:none;height:100%;height:100vh;color:white;text-align:center;float:none;position:absolute;top:0;}
#texte{position:fixed;bottom:10px;right:20px;font-size:2em;color:#FFFFFF;cursor:pointer;
font-family:'Open Sans Condensed',sans-serif;}
#texte:hover{opacity:0.8;}
#tablet{display:none;margin:0;padding:0;}
#mobile{display:none;}
#first,#fenetre,#fenetres{height:100%;height:100vh;}
#tablet-content,#mobile-content{display:none;padding-top:20px;}
#second{display:none;}
#scrolldesk,#scrolltablet,#scrollmobile{color:#343434!important;text-align:center;font-size:64px;cursor:pointer;
width:100%;position:absolute;bottom:36px;z-index:9999;}
#scrolldesk:hover{opacity:0.8;}
#topage{width:1px;height:1px;}
#top-menu{display:none;}
	#monhlmdesk{color:#343434;text-align:center;font-size: 60px;font-family: 'Open Sans Condensed', sans-serif; font-weight: 400!important;}
	#monhlmdesk span{background:#FFFFFF;padding: 6px;}
	#enquetedesk{color:#FFFFFF;text-align:center;font-size: 30px;margin-bottom:70px;
	font-family: 'Open Sans Condensed', sans-serif; font-weight: 300;}
	#enquetedesk span{background:#343434;padding: 11.5px;}
	#textdesk{color:#343434;text-align:center;font-size: 21px;
	font-family: 'Open Sans Condensed', sans-serif; font-weight: 400!important;}
	#textdesk span{background:#FFFFFF;padding: 6px;}
	#textdesk2{color:#343434;text-align:center;font-size: 25px;margin-bottom:30px;
	font-family: 'Open Sans Condensed', sans-serif; font-weight: 400;}
	#textdesk2 span{background:#FFFFFF;padding: 11.5px;}
	#textdesk3{color:#FFFFFF;text-align:center;font-size: 22px;margin-top:35px!important;margin-bottom: 0;
	font-family: 'Open Sans Condensed', sans-serif; font-weight: 300;}
	#textdesk3 span{background:#343434;padding: 11.5px;}
	#textdesk4{color:#FFFFFF;text-align:center;font-size: 22px;margin-top:35px;
	font-family: 'Open Sans Condensed', sans-serif; font-weight: 300;}
	#textdesk4 span{background:#343434;padding: 11.5px;}
	#textdesk5{color:#343434;text-align:center;font-size: 26px;font-family: 'Open Sans Condensed', sans-serif; font-weight: 400!important;}
	#textdesk5 span{background:#FFFFFF;padding: 6px;}
	#boussole{text-align:center;margin:35px 0;font-size:64px;cursor:pointer;}
	#boussole:hover{opacity:0.8;}
	.imgdesk{max-width:200px;max-height:200px;}
	#imgile{text-align: center;cursor:pointer;}
	#imgile:hover{opacity:0.9;}

.clear{clear:left;}
#footer{display:none;}
.ion-close:hover{opacity:0.7;}
.ion-close{cursor:pointer!important;font-size:30px;position:fixed;top:15px;right:15px;
z-index:9999999999999999999999;}

/**Menu déroulant**/
#top-menu{position:fixed;height:100%;height:100vh; overflow-y:hidden; font-size:10px!important;
list-style-type:none; width:100%;background:#FFFFFF;top: 0!important; text-align:center;
padding:0;z-index:999999;display:none;left:0;right:0;}
#top-menu a{text-decoration: none!important;}
.menu--ama {counter-reset: itemCounter;}
.menu a:hover{text-decoration: none!important;}
.menu--ama .menu__item {font-family: 'Open Sans', sans-serif;font-weight : 300;font-size: 2em;
font-weight: 500;margin: 3em 0;padding-left: 0.5em;color: #343434;}
.menu--ama .menu__item:first-child {--menu-item-color:#F7CA18;}
.menu--ama .menu__item:nth-child(2) {--menu-item-color:#1e824c;}
.menu--ama .menu__item:nth-child(3) {--menu-item-color:#c0392b;}
.menu--ama .menu__item:nth-child(4) {--menu-item-color:#3498db;}
.menu--ama .menu__item::before {content: counter(itemCounter);font-size: 1em;
font-weight: 300;position: absolute;right: 100%;bottom: calc(100% - 0.35em);counter-increment: itemCounter;color: #ddd;}
.menu--ama .menu__item:hover::before,.menu--ama .menu__item:focus::before {color: var(--menu-item-color);}
.menu--ama .menu__item-name {font-size: 1.5em;font-weight: 300;
display: flex;flex-wrap: wrap;padding: 0.5em 0 0 0;white-space: pre;}
.menu--ama .menu__item-name::after {background: var(--menu-item-color);transform: scale3d(0,1,1);transform-origin: 0% 50%;transition: transform 0.5s;}
.menu--ama .menu__item:hover .menu__item-name::after,
.menu--ama .menu__item:focus .menu__item-name::after {transform: scale3d(1,1,1);}
.menu--ama .menu__item-name span {display: inline-block;}
/**Fixed**/
.menu--ama .menu__item-name {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	min-height:40px;
}
/*
    Legacy Firefox implementation treats all flex containers
    as inline-block elements.
*/
@-moz-document url-prefix() {
	.menu--ama .menu__item-name {width: 100%;-moz-box-sizing: border-box;}
}

/**Version tablette**/
@media screen and (max-width:1024px) { 
	#desktop{display:none;}
	#tablet{display:block;}
	#monhlm{color:#343434;text-align:center;font-size: 60px;font-family: 'Open Sans Condensed', sans-serif; font-weight: 400!important;}
	#monhlm span{background:#FFFFFF;padding: 6px;}
	#enquete{color:#FFFFFF;text-align:center;font-size: 30px;font-family: 'Open Sans Condensed', sans-serif; font-weight: 300;}
	#enquete span{background:#343434;padding: 11.5px;}
	#ile{display:none;}
	/**Contenu tablette**/
	body{background: #25B8CF url('../images/fenetres.gif') no-repeat center fixed;background-size:cover;}
	#fenetres{margin:0;width:100%;padding:0;}
	#scrolltablet{color:#FFFFFF!important;text-align:center;font-size:32px;cursor:pointer;}
	#scrolltablet:hover{opacity:0.8;}
	#txt1tablet{color:#343434;text-align:left;font-size: 1.3em;
	font-family: 'Open Sans', sans-serif; font-weight: 400!important; }
	#txt2tablet{color:#343434;text-align:center;font-size: 2.3em;font-family: 'Open Sans', sans-serif; 
	font-weight: 700!important;}
	#cadre {background: #25B8CF; color: black; border: 2px solid #343434;font-family: 'Open Sans', sans-serif;
	opacity:0.9;padding:15px;margin:35px 0 0 0;font-size:1em;font-weight:bold;text-align:center;
	width:83%;margin:35px auto 0 auto;}
	#videotablet{width:50%;float:none;margin:0 auto;margin-top:-20px;}
	#txtskip{color:#343434;text-align:left;font-size: 20px;font-family: 'Open Sans Condensed', sans-serif; font-weight: 300!important; 
	text-align: center;}
	#titrewebdoc2 {margin-right: auto;margin-left: auto}
	#monhlm2{color:#343434;text-align:center;font-size: 60px;font-family: 'Open Sans Condensed', sans-serif; font-weight: 400!important;}
	#monhlm2 span{background:#FFFFFF;padding: 6px;}
	#enquete2{color:#FFFFFF;text-align:center;font-size: 30px;font-family: 'Open Sans Condensed', sans-serif; font-weight: 300;}
	#enquete2 span{background:#343434;padding: 11.5px;}
	#textetablet{color:#343434;text-align:center;font-size: 16px;font-family: 'Open Sans Condensed', sans-serif; font-weight: 400!important;}
	#textetablet span{background:#FFFFFF;padding: 6px;}
	#textetablet2{color:#343434;text-align:center;font-size: 20px;font-family: 'Open Sans Condensed', sans-serif; font-weight: 400;}
	#textetablet2 span{background:#FFFFFF;padding: 11.5px;}
	#textetablet3{color:#FFFFFF;text-align:center;font-size: 20px;font-family: 'Open Sans Condensed', sans-serif; font-weight: 300;}
	#textetablet3 span{background:#343434;padding: 11.5px;}
	#textetablet4{color:#FFFFFF;text-align:center;font-size: 19px;font-family: 'Open Sans Condensed', sans-serif; font-weight: 300;}
	#textetablet4 span{background:#343434;padding: 11.5px;}
	#textetablet5{color:#343434;text-align:center;font-size: 25px;font-family: 'Open Sans Condensed', sans-serif; font-weight: 400!important;}
	#textetablet5 span{background:#FFFFFF;padding: 6px;}
	#compass{color:#343434!important;margin-bottom:40px;text-align:center;font-size:100px;cursor:pointer;}
	#compass:hover{opacity:0.8;}
	#footer {width:100%;background:#343434;color:#FFFFFF; padding: 10px 0;position:fixed;margin:0;
	font-family: 'Open Sans Condensed', sans-serif;font-weight:bold; text-align: center;bottom: 0;left:0;}
	#footer a{color:#FFFFFF;}
}

/**Taille typo pour le menu déroulant**/

@media screen and (max-width:800px) { 
	.menu--ama .menu__item-name {font-size: 0.9em;}	
	#top-menu img{max-width:55px;}
	.imgmenu {display:none;}
}
@media screen and (max-width:769px) { 
	#footer{position:fixed;}
}

/**Version mobile**/
@media screen and (max-width:600px) { 
	body{background: #25B8CF url('../images/fenetre.gif') no-repeat center fixed;background-size:cover;}
	#tablet{display:none;}
	#mobile{display:block;}
	#ile{display:none;}
	body{background: #25B8CF url('../images/fenetre.gif') no-repeat center fixed;background-size:cover;}
	#fenetres{margin:0;width:100%;padding:0;}
	#scrolltablet{color:#FFFFFF!important;text-align:center;font-size:32px;cursor:pointer;}
	#scrolltablet:hover{opacity:0.8;}
	#txt1tablet{color:#343434;text-align:left;font-size: 1.3em;
	font-family: 'Open Sans', sans-serif; font-weight: 400!important;}
	#txt2tablet{color:#343434;text-align:center;font-size: 2.3em;font-family: 'Open Sans', sans-serif; 
	font-weight: 700!important;}
	#cadre {background: #25B8CF; color: black; border: 2px solid #343434;font-family: 'Open Sans', sans-serif;
	opacity:0.9;padding:15px;margin:35px 0 0 0;font-size:1em;font-weight:bold;text-align:center;
	width:83%;margin:35px auto 0 auto;}
	#videomobile{width:80%;float:none;margin:0 auto;margin-top:-20px;}
	#txtskip{color:#343434;text-align:left;font-size: 20px;font-family: 'Open Sans Condensed', sans-serif; font-weight: 300!important; 
	text-align: center;}
	#titrewebdoc2 {margin-right: auto;margin-left: auto}
	#monhlmmobile{color:#343434;text-align:center;font-size: 30px;font-family: 'Open Sans Condensed', sans-serif; font-weight: 400!important;}
	#monhlmmobile span{background:#FFFFFF;padding: 6px;}
	#enquetemobile{color:#FFFFFF;text-align:center;font-size: 15px;font-family: 'Open Sans Condensed', sans-serif; font-weight: 300;}
	#enquetemobile span{background:#343434;padding: 11.5px;}
	#textetablet{color:#343434;text-align:center;font-size: 12px;font-family: 'Open Sans Condensed', sans-serif; font-weight: 400!important;}
	#textetablet span{background:#FFFFFF;padding: 6px;}
	#textetablet2{color:#343434;text-align:center;font-size: 15px;font-family: 'Open Sans Condensed', sans-serif; font-weight: 400;}
	#textetablet2 span{background:#FFFFFF;padding: 11.5px;}
	#textemobile3{color:#FFFFFF;text-align:center;font-size: 14px;font-family: 'Open Sans Condensed', sans-serif; font-weight: 300;}
	#textemobile3 span{background:#343434;padding: 7px;}
	#textemobile4{color:#FFFFFF;text-align:center;font-size: 15px;font-family: 'Open Sans Condensed', sans-serif; font-weight: 300;}
	#textemobile4 span{background:#343434;padding: 12px;}
	#textemobile5{color:#343434;text-align:center;font-size: 15px;font-family: 'Open Sans Condensed', sans-serif; font-weight: 400!important;}
	#textemobile5 span{background:#FFFFFF;padding: 10px;}
	#compassmobile{color:#343434!important;bottom:40px;text-align:center;font-size:80px;cursor:pointer;}
	#compass:hover{opacity:0.8;}
	#footer {width:100%;background:#343434;color:#FFFFFF; padding: 10px 0;font-family: 'Open Sans Condensed', sans-serif;font-weight:bold; text-align: center;}
	#footer a{color:#FFFFFF;}
}
@media screen and (max-width:450px) { 
	.menu--ama .menu__item-name {
		font-size: 1.2em !important;
	}
}
@media screen and (max-width:400px) { 
	.menu--ama .menu__item-name {
		font-size: 1.1em !important;
	}
}