p {margin: 0px;}

h1 {margin: 0px;}

h2 {margin: 0px;}

a:link {color:inherit; text-decoration: none;}
a:visited {color:inherit; text-decoration: none;}
a:hover {color:inherit; text-decoration: none;}
a:active {color:inherit; text-decoration: none;}

@media only screen and (min-width: 1060px) {
body {background-color: #006ca3; position: relative; width: 100%; height:100%; margin: auto; overflow-x: hidden;}
body,td,th {font-family: Walkway Bold , Arial; font-size: 1vw; color: #FFFFFF;}
h1 {font-size:1.2vw; letter-spacing:0.1rem;}
h2 {font-size:1.5vw; letter-spacing:0.1rem;}
h3 {font-size:1.5vw; color:#f29400; letter-spacing:0.1rem;}
.Style1 {font-size:0.8vw; letter-spacing:0.1rem;}
.Style2 {font-size:0.8vw; color:#f29400; letter-spacing:0.1rem;}
.Style2:hover {color:#ffffff; transition-duration:0.3s; transition-timing-function:ease-in-out;}
.Style3 {font-size:1vw; letter-spacing:0.1rem;}
.Style4 {font-size:1vw; letter-spacing:0.1rem; color:#f29400;}
.Style4:hover {color:#ffffff; transition-duration:0.3s; transition-timing-function:ease-in-out;}

#image-fond {position: fixed; top:20%; left:0%; width:100%; height:auto; z-index:1; opacity:0.0; text-align:center; animation-name: AutoSlidefond; animation-duration: 2s; animation-iteration-count: once; animation-timing-function:ease-in-out;}
@keyframes AutoSlidefond {0% {opacity:1;} 50% {opacity:1;} 100% {opacity:0.0;}}
#img-fond {width:20%; height:auto;}
	
#menu {position: fixed; top:0%; left:0%; width:100%; height:auto; z-index:10; background-color:rgba(0,109,163,1); box-shadow:0px 0px 10px #000000; animation-name: AutoSlidemenu; animation-duration: 2s; animation-iteration-count: once; animation-timing-function:ease-in-out;}
@keyframes AutoSlidemenu {0% {top:-20%;} 25% {top:-20%;} 100% {top:0%;}}
#box-logo {position:relative; top:0%; left:0%; width:7%; height:auto; z-index:2; padding:1%; background-color:#006ca3; display:inline-block; vertical-align:middle;}
#image-box-logo {width:100%; height:auto;}
#box-fabre {position:relative; top:0%; left:-1%; width:11%; height:auto; padding:1%; background-color:#006ca3; z-index:2; display:inline-block; vertical-align:middle;}
#texte-fabresport {width:100%; height:auto;}

#boxmenu {position:absolute; top:45%; left:22%; width:15%; height:auto; z-index:30; background-color:none; color: #ffffff; overflow:hidden; white-space:nowrap; animation-name: AutoSlidebm; animation-duration: 3s; animation-iteration-count: once; animation-timing-function:ease-in-out;}
	#boutons-menu {position:relative; margin-top:5%; left:0%; width:100%; height:auto; z-index:1;}
		#menu-lignes {position: relative; top:0%; left:0%; width:15%; height:auto; margin-top:0%; display:inline-block; vertical-align:middle;}
			#menu-ligne1 {position: relative; top:0%; left:0%; width:70%; height:0%; padding:1px; background-color:#f29400; border-radius: 3px 3px 3px 3px;}
			#menu-ligne2 {position: relative; top:0%; left:0%; width:70%; height:0%; padding:1px; margin-top:5px; background-color:#f29400; border-radius: 3px 3px 3px 3px;}
			#menu-ligne3 {position: relative; top:0%; left:0%; width:70%; height:0%; padding:1px; margin-top:5px; background-color:#f29400; border-radius: 3px 3px 3px 3px;}
		#menu-texte {position: relative; top:0%; left:2%; width:70%; height:auto; color:#006ca3; display:inline-block; vertical-align:middle;}
		.bouton-menu {position:relative; top:0%; left:0%; width:100%; height:auto; color:#ffffff; background-color:#f29400; padding-left:6%; padding-top:2%; padding-bottom:2%;}
		.bouton-menu:hover {background-color:#006ca3; color:#f29400; padding-left:12%; transition-duration:0.3s; transition-timing-function:ease-in-out;}	
#box-menu-droite {position:relative; top:0%; left:58%; width:auto; height:auto; z-index:1; display:inline-block; vertical-align:middle; animation-name: AutoSlidebmd; animation-duration: 3s; animation-iteration-count: once; animation-timing-function:ease-in-out;}
@keyframes AutoSlidebmd {0% {left:-20%;} 67% {left:-20%;} 100% {left:58%;}}
#box-telephone {position:relative; top:0%; left:0%; width:auto; height:auto; display:inline-block; vertical-align:middle;}
#box-enveloppe {position:relative; top:0%; left:10%; width:12%; height:auto; display:inline-block; vertical-align:middle;}
#img-enveloppe {width:100%; height:auto;}
#box-facebook {position:relative; top:0%; left:15%; width:10%; height:auto; display:inline-block; vertical-align:bottom;}
#img-facebook {width:100%; height:auto;}
#box-instagram {position:relative; top:0%; left:20%; width:10%; height:auto; display:inline-block; vertical-align:bottom;}
#img-instagram {width:100%; height:auto;}

#texte-mentions-legales {position: relative; top:0%; left:0%; width:96%; height:auto; z-index:2; padding:2%; padding-top:10%;  box-shadow:0px 0px 10px #000000; background-color:rgba(0,109,163,0.9); animation-name: AutoSlidetexte; animation-duration: 2s; animation-iteration-count: once; animation-timing-function:ease-in-out;}
@keyframes AutoSlidetexte {0% {top:-90%;} 50% {top:-90%;} 100% {top:0%;}}

#bas-de-page {position: fixed; bottom:0%; left:0%; width:98%; height:auto; padding:1%; z-index:5; white-space:nowrap; background-color:rgba(0,109,163,0.9); box-shadow:0px 0px 5px #000000;}
#menu-bas {position: relative; top:0%; left:0%; width:auto; height:auto;}
#droits-bandeau-bas {position: absolute; top:25%; right:0%; width:38%; height:auto;}
#texte-bandeau-bas {position: relative; top:0%; left:0%; margin-right:0.2%; width:auto; height:auto; display:inline-block; vertical-align:middle;}
#logo-nombril {position: relative; top:0%; left:0%; width:4%; height:auto; text-align:right; display:inline-block; vertical-align:middle;}
#image-logo-nombril {width:100%; height:auto;}
}

@media only screen and (max-width: 1060px) {
body {background-color: #006ca3; position: relative; width: 100%; height:100%; margin: auto; overflow-x: hidden;}
body,td,th {font-family: Walkway Bold , Arial; font-size: 1.5vw; color: #FFFFFF;}
h1 {font-size:1.7vw; letter-spacing:0.1rem;}
h2 {font-size:2vw; letter-spacing:0.1rem;}
h3 {font-size:2vw; color:#f29400; letter-spacing:0.1rem;}
.Style1 {font-size:1.3vw; letter-spacing:0.1rem;}
.Style2 {font-size:1.3vw; color:#f29400; letter-spacing:0.1rem;}
.Style2:hover {color:#ffffff; transition-duration:0.3s; transition-timing-function:ease-in-out;}
.Style3 {font-size:1.5vw; letter-spacing:0.1rem;}
.Style4 {font-size:1.5vw; letter-spacing:0.1rem; color:#f29400;}
.Style4:hover {color:#ffffff; transition-duration:0.3s; transition-timing-function:ease-in-out;}

#image-fond {position: fixed; top:20%; left:0%; width:100%; height:auto; z-index:1; opacity:0.0; text-align:center; animation-name: AutoSlidefond; animation-duration: 2s; animation-iteration-count: once; animation-timing-function:ease-in-out;}
@keyframes AutoSlidefond {0% {opacity:1;} 50% {opacity:1;} 100% {opacity:0.0;}}
#img-fond {width:20%; height:auto;}

#menu {position: fixed; top:0%; left:0%; width:100%; height:auto; z-index:10; white-space:nowrap; background-color:rgba(0,109,163,1); box-shadow:0px 0px 10px #000000; animation-name: AutoSlidemenu; animation-duration: 2s; animation-iteration-count: once; animation-timing-function:ease-in-out;}
@keyframes AutoSlidemenu {0% {top:-20%;} 25% {top:-20%;} 100% {top:0%;}}
#box-logo {position:relative; top:0%; left:0%; width:7%; height:auto; z-index:2; padding:1%; background-color:#006ca3; display:inline-block; vertical-align:middle;}
#image-box-logo {width:100%; height:auto;}
#box-fabre {position:relative; top:0%; left:-1%; width:11%; height:auto; padding:1%; background-color:#006ca3; z-index:2; display:inline-block; vertical-align:middle;}
#texte-fabresport {width:100%; height:auto;}
#boxmenu {position:absolute; top:45%; left:22%; width:25%; height:auto; z-index:30; background-color:none; color: #ffffff; overflow:hidden; white-space:nowrap; animation-name: AutoSlidebm; animation-duration: 3s; animation-iteration-count: once; animation-timing-function:ease-in-out;}
	#boutons-menu {position:relative; margin-top:5%; left:0%; width:100%; height:auto; z-index:1;}
		#menu-lignes {position: relative; top:0%; left:0%; width:15%; height:auto; margin-top:0%; display:inline-block; vertical-align:middle;}
			#menu-ligne1 {position: relative; top:0%; left:0%; width:70%; height:0%; padding:1px; background-color:#f29400; border-radius: 3px 3px 3px 3px;}
			#menu-ligne2 {position: relative; top:0%; left:0%; width:70%; height:0%; padding:1px; margin-top:5px; background-color:#f29400; border-radius: 3px 3px 3px 3px;}
			#menu-ligne3 {position: relative; top:0%; left:0%; width:70%; height:0%; padding:1px; margin-top:5px; background-color:#f29400; border-radius: 3px 3px 3px 3px;}
		#menu-texte {position: relative; top:0%; left:2%; width:70%; height:auto; color:#006ca3; display:inline-block; vertical-align:middle;}
		.bouton-menu {position:relative; top:0%; left:0%; width:100%; height:auto; color:#ffffff; background-color:#f29400; padding-left:6%; padding-top:2%; padding-bottom:2%;}
		.bouton-menu:hover {background-color:#006ca3; color:#f29400; padding-left:12%; transition-duration:0.3s; transition-timing-function:ease-in-out;}
#box-menu-droite {position:relative; top:0%; left:40%; width:auto; height:auto; z-index:1; display:inline-block; vertical-align:middle; animation-name: AutoSlidebmd; animation-duration: 3s; animation-iteration-count: once; animation-timing-function:ease-in-out;}
@keyframes AutoSlidebmd {0% {left:-50%;} 67% {left:-50%;} 100% {left:40%;}}
#box-telephone {position:relative; top:0%; left:0%; width:auto; height:auto; display:inline-block; vertical-align:middle;}
#box-enveloppe {position:relative; top:0%; left:10%; width:12%; height:auto; display:inline-block; vertical-align:middle;}
#img-enveloppe {width:100%; height:auto;}
#box-facebook {position:relative; top:0%; left:15%; width:10%; height:auto; display:inline-block; vertical-align:bottom;}
#img-facebook {width:100%; height:auto;}
#box-instagram {position:relative; top:0%; left:20%; width:10%; height:auto; display:inline-block; vertical-align:bottom;}
#img-instagram {width:100%; height:auto;}

#texte-mentions-legales {position: relative; top:0%; left:0%; width:96%; height:auto; z-index:2; padding:2%; padding-top:10%;  box-shadow:0px 0px 10px #000000; background-color:rgba(0,109,163,0.9); animation-name: AutoSlidetexte; animation-duration: 2s; animation-iteration-count: once; animation-timing-function:ease-in-out;}
@keyframes AutoSlidetexte {0% {top:-100%;} 50% {top:-100%;} 100% {top:0%;}}

#bas-de-page {position: fixed; bottom:0%; left:0%; width:98%; height:auto; padding:2%; z-index:5; white-space:nowrap; background-color:rgba(0,109,163,0.9); box-shadow:0px 0px 5px #000000;}
#menu-bas {position: absolute; top:10%; left:2%; width:auto; height:auto;}
#droits-bandeau-bas {position: absolute; top:50%; right:30%; width:38%; height:auto;}
#texte-bandeau-bas {position: relative; top:0%; left:0%; margin-right:0.2%; width:auto; height:auto; display:inline-block; vertical-align:middle;}
#logo-nombril {position: relative; top:0%; left:0%; width:4%; height:auto; text-align:right; display:inline-block; vertical-align:middle;}
#image-logo-nombril {width:100%; height:auto;}
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
body {background-color: #006ca3; position: relative; width: 100%; height:100%; margin: auto; overflow-x: hidden;}
body,td,th {font-family: Walkway Bold , Arial; font-size: 2.4vw; color: #FFFFFF;}
h1 {font-size:3.7vw; letter-spacing:0.1rem;}
h2 {font-size:4vw; letter-spacing:0.1rem;}
h3 {font-size:4vw; color:#f29400; letter-spacing:0.1rem;}
.Style1 {font-size:2.4vw; letter-spacing:0.1rem;}
.Style2 {font-size:2.3vw; color:#f29400; letter-spacing:0.1rem;}
.Style2:hover {color:#ffffff; transition-duration:0.3s; transition-timing-function:ease-in-out;}
.Style3 {font-size:3.5vw; letter-spacing:0.1rem;}
.Style4 {font-size:3.5vw; letter-spacing:0.1rem; color:#f29400;}
.Style4:hover {color:#ffffff; transition-duration:0.3s; transition-timing-function:ease-in-out;}

#image-fond {position: fixed; top:30%; left:0%; width:100%; height:auto; z-index:1; opacity:0.0; text-align:center; animation-name: AutoSlidefond; animation-duration: 2s; animation-iteration-count: once; animation-timing-function:ease-in-out;}
@keyframes AutoSlidefond {0% {opacity:1;} 50% {opacity:1;} 100% {opacity:0.0;}}
#img-fond {width:50%; height:auto;}

#menu {position: fixed; top:0%; left:0%; width:100%; height:auto; z-index:10; white-space:nowrap; background-color:rgba(0,109,163,1); box-shadow:0px 0px 10px #000000; animation-name: AutoSlidemenu; animation-duration: 2s; animation-iteration-count: once; animation-timing-function:ease-in-out;}
@keyframes AutoSlidemenu {0% {top:-10%;} 25% {top:-10%;} 100% {top:0%;}}
#box-logo {position:relative; top:0%; left:0%; width:14%; height:auto; z-index:2; padding:2%; background-color:#006ca3; display:inline-block; vertical-align:middle;}
#image-box-logo {width:100%; height:auto;}
#box-fabre {position:relative; top:0%; left:-1%; width:22%; height:auto; padding:1%; background-color:#006ca3; z-index:2; display:inline-block; vertical-align:middle;}
#texte-fabresport {width:100%; height:auto;}
#boxmenu {position:absolute; top:37%; left:42%; width:40%; height:auto; z-index:30; background-color:none; color: #ffffff; overflow:hidden; white-space:nowrap; animation-name: AutoSlidebm; animation-duration: 3s; animation-iteration-count: once; animation-timing-function:ease-in-out;}
	#boutons-menu {position:relative; margin-top:5%; left:0%; width:100%; height:auto; z-index:1;}
		#menu-lignes {position: relative; top:0%; left:0%; width:15%; height:auto; margin-top:0%; display:inline-block; vertical-align:middle;}
			#menu-ligne1 {position: relative; top:0%; left:0%; width:70%; height:0%; padding:1px; background-color:#f29400; border-radius: 3px 3px 3px 3px;}
			#menu-ligne2 {position: relative; top:0%; left:0%; width:70%; height:0%; padding:1px; margin-top:5px; background-color:#f29400; border-radius: 3px 3px 3px 3px;}
			#menu-ligne3 {position: relative; top:0%; left:0%; width:70%; height:0%; padding:1px; margin-top:5px; background-color:#f29400; border-radius: 3px 3px 3px 3px;}
		#menu-texte {position: relative; top:0%; left:2%; width:70%; height:auto; color:#006ca3; display:inline-block; vertical-align:middle;}
		.bouton-menu {position:relative; top:0%; left:0%; width:100%; height:auto; color:#ffffff; background-color:#f29400; padding-left:6%; padding-top:2%; padding-bottom:2%;}
		.bouton-menu:hover {background-color:#006ca3; color:#f29400; padding-left:12%; transition-duration:0.3s; transition-timing-function:ease-in-out;}
#box-menu-droite {position:relative; top:-2%; left:20%; width:auto; height:auto; z-index:1; display:inline-block; vertical-align:middle; animation-name: AutoSlidebmd; animation-duration: 3s; animation-iteration-count: once; animation-timing-function:ease-in-out;}
@keyframes AutoSlidebmd {0% {left:-100%;} 67% {left:-100%;} 100% {left:20%;}}
#box-telephone {position:relative; top:0%; left:9%; width:auto; height:auto; display:block; vertical-align:middle;}
#box-enveloppe {position:relative; margin-top:2%; left:10%; width:12%; height:auto; display:inline-block; vertical-align:middle;}
#img-enveloppe {width:100%; height:auto;}
#box-facebook {position:relative; margin-top:2%; left:22%; width:10%; height:auto; display:inline-block; vertical-align:bottom;}
#img-facebook {width:100%; height:auto;}
#box-instagram {position:relative; margin-top:2%; left:34%; width:10%; height:auto; display:inline-block; vertical-align:bottom;}
#img-instagram {width:100%; height:auto;}

#texte-mentions-legales {position: relative; top:5%; left:0%; width:96%; height:auto; z-index:2; padding:2%; padding-top:7%;  box-shadow:0px 0px 10px #000000; background-color:rgba(0,109,163,0.9); animation-name: AutoSlidetexte; animation-duration: 2s; animation-iteration-count: once; animation-timing-function:ease-in-out;}
@keyframes AutoSlidetexte {0% {top:-150%;} 50% {top:-150%;} 100% {top:5%;}}

#bas-de-page {position: relative; margin-top:10%; left:0%; width:96%; height:auto; padding:2%; z-index:5; white-space:normal; background-color:rgba(0,109,163,0.9); box-shadow:0px 0px 5px #000000;}
#menu-bas {position: relative; top:10%; left:0%; width:auto; height:auto;}
#droits-bandeau-bas {position: relative; margin-top:2%; left:0%; width:100%; height:auto;}
#texte-bandeau-bas {position: relative; top:0%; left:0%; margin-right:0.2%; width:auto; height:auto; display:inline-block; vertical-align:middle;}
#logo-nombril {position: absolute; top:50%; left:30%; width:4%; height:auto; text-align:right; display:inline-block; vertical-align:middle;}
#image-logo-nombril {width:100%; height:auto;}
}