/* 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:#333333}

/* 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,30%,white);z-index:5}

/* ELEMENTS */
h1 {font-size:140%;font-weight:bold;text-transform:uppercase;}
h2 {font-size:120%;font-weight:bold;text-transform:uppercase;}

/* CLASSES */

.A_appel-menu-mobile {display: none;}
.A_slogan {position:absolute;top:25%;left:5%;overflow:hidden;line-height:130%;font-size:130%;z-index:140;/* COULEUR */}
.A_call {position:absolute;top:35%;left:5%;overflow:hidden;z-index:130;}
.A_call a {text-decoration:none;color:#d2347b}
.A_logo {position:absolute;top:5%;right:10%;overflow:hidden;z-index:120;}
.A_fleche{display: none;/* COULEUR */}
.A_contenu{position:absolute;top:50%;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 7s}@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 
#d2347b
#
*/
 .navigation-horiz li a {color:#d2347b;}
 .A_slogan {color:#d2347b;}
 .A_contact{background-color:lightgray;}
 ::-webkit-scrollbar-thumb {background:#d2347b;}
 
h1 {color:#d2347b/* COULEUR */}
h2 {color:#d2347b/* COULEUR */}
hr {border-top:1px solid aqua/* COULEUR */;}

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