/* GENERALITES ET FONTE */
html {scroll-behavior: smooth}
* {box-sizing: border-box;}
body, html {font-family:'Roboto'/* FONTE */, sans-serif;font-size: 110%;line-height : 150%;margin: 0;padding:0;height: 100%;}
body {width: auto; color:#0a345b}

/* SCROLLBAR */
::-webkit-scrollbar {width: 15px;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px #e5dfd4/*  */; border-radius: 5px;}
::-webkit-scrollbar-thumb {border-radius: 5px;}

/* VIDEO RESPONSIVE CENTREE */
.video-container {display: grid;justify-items: center;align-items: center;position: relative;width: 100%;height: 100%;overflow: hidden;}
.video-container video {position: absolute;z-index: 1;top: 50%;left:50%;min-width: 100%;min-height: 100%;transform: translate(-50%, -50%);}
.video-transparence {position: absolute;top:0%;width: 100%;height: 100%;background: linear-gradient(transparent,50%,white);z-index:5}

/* ELEMENTS */
h1 {font-size:130%;text-transform:uppercase;}
h2 {font-size:100%;text-transform:uppercase;}
h3 {font-size:120%;text-transform:uppercase;}

/* CLASSES */

.flex-container {display: flex;flex-direction: row;padding:2% 5% 0% 5%}
.flex-item-left {padding: 7%;flex: 50%;text-align:left;}
.flex-item-right {padding: 6%;flex: 50%;text-align:left;}
@media (max-width: 800px) {.flex-container {flex-direction: column;}}

.A_menu {position: fixed;top:0%;left:0%;width:100%;background-color: rgba(255, 255 ,255, 0.4/*  */);z-index:2000;}
 .navigation-horiz {list-style-type: none;text-align:left;margin: 0;padding-left:4%;}
 .navigation-horiz li {display: inline-block;font-size: 100%;padding-left: 1%;padding-top: 0.5%;padding-bottom: 0.5%;}
 .navigation-horiz li a {text-decoration:none;text-transform:uppercase;}
 
.A_appel-menu-mobile {display: none;}
.A_call {position:absolute;top:35%;left:5%;overflow:hidden;z-index:130;}
.A_call a {text-decoration:none;}
.A_logo {position:absolute;top:35%;right:5%;overflow:hidden;z-index:120;}
.A_fleche{display: none;/* COULEUR */}
.A_contenu{position:absolute;top:70%;width:90%;margin:2% 5% 0% 5%;z-index:1500;}
.A_contact{position:relative;margin:0% 0% 1% 0%; text-align:center;padding:2% 0%}
.A_i-frame{padding:1% 0% 1% 0%}
.A_copyright{float:left;width:100%;clear:both;margin:0% 0% 0% 0%;font-size:80%;text-align:center;color:#b80000;background-color:lightgray;}

/* IMAGES */

.A_image{max-width:100%;height:auto}
.A_image-pleine-largeur{width:100%;height:auto}img{vertical-align:middle}
.A_image-gauche{float: left;margin: 1% 3% 1% 0%;max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
.A_image-droite{float: right;margin: 1% 0% 1% 3%;max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}

/* IMAGES GALERIES */
.A_galerie{padding:0% 0% 1% 0%}
.A_galerie img{padding:1% 0% 0% 0%;width:100%;}

/* ANIMATIONS */
.A_animate-right{position:absolute;animation:animateright 3s}@keyframes animateright{from{right:1%;opacity:0} to{right:5%;opacity:1}}
.A_animate-left{position:absolute;animation:animateleft 3s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:5%;opacity:1}}
.A_animate-bottom{position:absolute;animation:animatebottom 2s;animation-iteration-count: infinite;animation-direction: alternate}@keyframes animatebottom{from{bottom:5%;opacity:0} to{bottom:15%;opacity:1}}
.A_animate-zoom {animation:animatezoom 3s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.A-animate-opacity{animation:opac 2s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}

/* COULEURS  LOGO : indiquer ici 
#0a345b
#ba060f
*/
 .navigation-horiz li a {color:#0a345b;}
 .A_call {color:#ba060f;}
 ::-webkit-scrollbar-thumb {background: #0a345b;}
 .A_contact{background-color:lightgray;}
 h1 {color:#0a345b/* COULEUR */}
 h2 {color:#0a345b/* COULEUR */}
 h3 {color:ba060f/* COULEUR DU CALL ET BOUTIQUE TITRES*/}
 hr {border-top:1px solid grey/* COULEUR */;}

@media (max-width:1000px)
{ 
.A_menu {display: none;}
.A_fleche{display: none;/* COULEUR changer le fichier*/}
.A_appel-menu-mobile {display:inline-block;position:fixed;top:5%;left:5%;z-index:150;}
.A_call {display: none;;}
.A_logo {position:absolute;top:20%;left:5%;overflow:hidden;z-index:120;}
}
}