/* ----- DEBUT RESET ----- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0; padding: 0; border: 0; vertical-align: baseline; /* font-size: 100%;font: inherit; */ /*text-align: center;*/
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
/* strong, b { font-weight: normal; } */
em { font-weight: bold; }
i, cite, em, var, address, dfn {font-style: italic;}
canvas{pointer-events:none;}
/* ----- FIN RESET ----- */
:root {
/* --HauteurMenu: 100px; */
--HauteurMenu: 80px;
--CouleurLiens: #294077;
/*
--CheminImageRacine
--CheminModuleMenuImage: /modules/menu/img/
*/
}
/* ------------------------
FONT
------------------------ */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;800;900&display=swap');
/* @font-face {
font-family: "font";
/ font-display: auto; /
/ OpenSans-Regular /
src: url("font.ttf") format("truetype");
font-display: swap;
}
*/
/* ------------------------
GENERAL
------------------------ */
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; /* font-family: font, sans-serif; */ font-family: 'Nunito', sans-serif; z-index: 0; }
html { height: 100%; overflow-x: hidden; scroll-behavior: smooth; }
body { padding:0; margin: 0; min-height: 100%; height: 100%; width: 100%; color: #666; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.VarHauteurMenu { margin-top: var(--HauteurMenu) !important; }
header, nav, ul, section, footer { position: relative; clear: both; float: left; font-size: 1em; width: 100%; height: auto; }
div {
position: initial;
clear: both;
float: left;
font-size: 1em;
/* width: 100%; NOK POUR CHROME */
height: auto;
}
/* ul {
width: 100%;
} */
img { position: relative; clear: both; float: left; }
header { z-index: 0; }
header img:first-child { float: none; display: block; margin: 0 auto; padding: 15px 0; }
nav { position: fixed; top: 0; }
footer {
box-shadow: 0 0 4px #545454;
border-top: 1px solid #8d8d8d;
}
section {
display: flex;
justify-content: center;
flex-wrap: wrap;
width: 100%;
margin-bottom: 30px;
z-index: 1;
}
section > div {
text-align: center;
max-width: 100%;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
flex-wrap: wrap;
min-height: 0;
min-width: 0;
z-index: 1;
}
section > h2 {
width: 60%;
padding: 40px 0;
font-size: 2.8em;
font-weight: 900;
text-transform: uppercase;
}
a, a:visited {
/* text-decoration: none; */
color: #666;
}
a.TexteBlanc, a.TexteBlanc:visited {
/* text-decoration: none; */
color: white;
}
a:hover, .TexteSouligne { text-decoration: underline; }
p, form { position: relative; clear: both; float: left; padding: 1em; font-size: 1em; margin: 0 auto; line-height: 1em; text-align: left; z-index: 1;}
p { width: 90%; letter-spacing: 0.05em; line-height: 2em; font-size: 1.1em; }
input, select, textarea {
position: relative;
clear: both;
float: left;
margin: 8px 0;
padding: 8px 10px;
/* padding: 12px 16px; */
letter-spacing: 0.05em;
border-radius: 13px; border: none; font-weight: 800;
outline: none;
}
/* input:-webkit-input-placeholder { font-weight: normal !important; } */
/* input[placeholder] { font-weight: normal !important; } */
textarea { height: 200px; outline: none; }
a.SansBefore { padding-right: 15px !important; }
h1, h2, h3, h4, h5, h6 {
position: relative; clear: both; float: left; width: 100%; font-size: 3em; line-height: normal;
color: #000000;
/* letter-spacing: 0.05em; */
font-weight: bold;
text-align: center;
padding: 20px;
/* text-shadow: 1px 1px 1px #000000; */
/* margin: 30px 0; */
}
/* h1 { line-height: 1.2em; } */
h1 > span.SeparateurH1 {
display: block;
position: relative;
margin: 18px auto 0 auto;
width: 6px;
height: 6px;
background: white;
border-radius: 10px;
}
h1 > span.SeparateurH1:before {
content: "";
vertical-align: top;
display: inline-block;
width: 44px;
height: 2px;
border-bottom: 2px solid white;
position: absolute;
top: 0;
right: 12px;
}
h1 > span.SeparateurH1:after {
content: "";
vertical-align: top;
display: inline-block;
width: 44px;
height: 2px;
border-bottom: 2px solid white;
position: absolute;
top: 0;
left: 12px;
}
h2 { font-size: 2.8em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.4em; }
h6 { font-size: 1.2em; }
/* .Asterisque {
position: absolute;
font-style: italic;
bottom: 10px;
left: 10px;
color: white;
text-shadow: 0 0 1px #000000;
} */
/* .MediaSociaux img{
width: 30px;
margin: 5px;
clear: none;
}
.MediaSociaux img:last-child {
margin-right: 10px;
} */
/* h5 {
font-size: 1.4em;
width: auto;
font-weight: normal;
/* text-shadow: 0px 2px 1px black; /
} */
video {
width: inherit;
height: 100%;
/* height: auto; */
box-shadow: 0 0 10px #020202;
/* border-bottom: 1px solid #0c0c0c; */
/* margin: -68px 0 0 0; */
z-index: 2;
}
#PasserVideo {
position: absolute;
top: 5px;
right: 10px;
/* bottom: 20px; */
/* right: 20px; */
}
#ConteneurVideoIntro {
position: fixed;
z-index: 9;
width: 100%;
height: 100%;
background-color: black;
}
.MessageSonVideo {
position: absolute;
top: 10px;
left: 10px;
color: #e0e0e0;
font-size: 0.7em;
font-style: italic;
}
/* ------------------------
Scrollbar
------------------------ */
/* width */
::-webkit-scrollbar {
width: 12px;
background: linear-gradient(to right, #c54e29, #db3b18);
/* background: linear-gradient(to right, #d74a1f, #e03d19); */
/* background: linear-gradient(to left, #758ce1, #7e93cf); */
/* box-shadow: inset 0 0 5px #0900c1; */
/* border-left: 1px solid #544c4c; */
}
::-webkit-scrollbar:hover {
width: 14px;
/* transition: width 0.5s 0.1s; */
}
/* Track */
::-webkit-scrollbar-track {
box-shadow: 0 0 5px #545454;
}
/* Handle */
::-webkit-scrollbar-thumb {
border-radius: 8px;
/* border-radius: 0 8px 8px 0; */
background: linear-gradient(to right, #9a2f55, #6c257a);
/* background: linear-gradient(to right, #0900c1, #0e12c9); */
/* background: linear-gradient(to right, #d74a1f, #e03d19); */
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: linear-gradient(to right, #2045cd, #0700c1);
/* background: linear-gradient(to right, #9a2f55, #6c257a); */
/* background: linear-gradient(to right, #0900c1, #0e12c9); */
/* background: linear-gradient(to right, #e03d19, #d74a1f); */
/* background: linear-gradient(to right, #243148, #243b55); */
}
.MasquerScroll {
height: 100%;
overflow: hidden;
}
/* ------------------------
Début Raccourcis
------------------------ */
.Clear { clear: both; height: 0; overflow: hidden; line-height: 0; font-size: 0; margin-bottom: -1px; }
.Relative { position: relative; }
.Absolute { position: absolute; }
.ClearBoth { clear: both !important; }
.ClearNone { clear: none !important; }
.FloatLeft { float: left !important; }
.FloatRight { float: right !important; }
.FloatNone { float: none !important; }
.Fixe { position: fixed !important; }
.SectionMenuFlottant { padding-top: 56px; }
.SansTransition, .ScrollDetect { transition: none !important; }
.Flex {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.FlexWrap { flex-wrap: wrap; }
.FlexColonne { flex-direction: column; }
.FlexColonneMobile { flex-direction: inherit; }
.FlexLigne { flex-direction: row; }
.FlexInverser { flex-direction: row-reverse; }
.FlexAligneCentre { align-items: center; }
.FlexAligneGauche { align-items: left; }
.FlexAligneHaut { align-items: flex-start; }
.FlexAligneLigne { align-items: baseline; }
.AlignLeft { align-items: left !important; }
.AlignRight { align-items: flex-end !important; }
.Flex2Colonnes > div { width: 48%; }
.Flex2Colonnes > div:first-child { margin-left: 0!important; }
.Flex2Colonnes > div:nth-child(2) { margin-left: 4%; }
.Flex li.ALaLigne { flex: 1 0 auto; }
.Flex li.Empile { flex-grow: 0; flex-shrink: 0; flex-basis: auto; }
.Flex > li {
width: 100%;
margin: 0 0 20px 0;
/* color: white; */
/* max-width: 190px; */
}
.Flex > li.Separateur:after {
content: "";
border-right: 2px solid white;
margin-right: 8px;
margin-left: 8px;
}
/* .Flex > li:nth-child(3) { clear: both; } */
/* .Flex > li:last-child {
margin-bottom: 20px;
} */
/* .CentrerVerticalement {
margin: 15vh 0;
} */
.Ombre { box-shadow: 0 0 5px #545454 }
.Transparent { opacity: 0!important; }
.Afficher { display: block !important; }
.Masquer { display: none !important; }
.MasquerMobile { display: block !important; }
.Indentation { width: 80%; float: right; }
.SansEspaceLettre > p { letter-spacing: 0; }
.TexteVert,.TexteRouge{
background: #265323!important;
text-shadow: 0 0 1px white;
color: white;
font-size: 1.4em;
border: 1px solid #ffffff66;
box-shadow: inset 0 0 20px 4px #131212, 0 0 4px #545454;
}
.TexteRouge{ background:#8a2b2b!important; }
.TexteBlanc{ color: #ffffff!important; }
.TexteSurligne { display: inline-table; margin: 0 0 6px 0; padding: 0 6px; box-shadow: -1px 2px 4px #545454; border-radius: 6px 3px; color: white; }
.TexteNormal { font-size: 1em !important; font-weight: normal; }
.TexteGrand { font-size: 1.2em !important; }
.TexteTitrePage { font-size: 3.5em !important; }
.TexteGras { font-weight: bold !important; }
.TexteCentre { text-align: center !important; }
.TextMaj { text-transform: uppercase; }
/* .Indentation2 {
text-indent: 2em;
} */
.SansFond { background: none !important; }
.Hauteur100 { height: 100% !important; }
.LargeurAuto { width: auto !important; }
.Largeur800px { width: 800px !important; }
.Largeur100 { width: 100% !important; }
.Largeur98 { width: 98% !important; }
.Largeur96 { width: 96% !important; }
.Largeur90 { width: 90% !important; }
.Largeur75 { width: 75% !important; }
.Largeur70 { width: 70% !important; }
.Largeur64 { width: 64% !important; }
.Largeur60 { width: 60% !important; }
.Largeur50 { width: 50% !important; }
.Largeur48 { width: 48% !important; }
.Largeur40 { width: 40% !important; }
.Largeur33 { width: 33.33% !important; }
.Largeur30 { width: 30% !important; }
.Largeur25 { width: 25% !important; }
.Largeur15 { width: 15% !important; }
.MargeDroite10 { margin-left: 10px !important; }
.MargeGauche10 { margin-left: 10px !important; }
.MargeGauche20 { margin-left: 20px !important; }
.MargeGauche75 { margin-left: 75px !important; }
.Marge20-25 { margin: 20px 25px !important; }
.MargeHaute20 { margin-top: 20px !important; }
.MargeHaute30 { margin-top: 30px !important; }
.MargeHaute40 { margin-top: 40px !important; }
.MargeHaute60 { margin-top: 60px !important; }
.MargeHaute80 { margin-top: 80px !important; }
.MargeHaute90 { margin-top: 90px !important; }
.MargeHaute100 { margin-top: 100px !important; }
.MargeBasse15 { margin-bottom: 15px !important; }
.MargeBasse20 { margin-bottom: 20px !important; }
.MargeBasse30 { margin-bottom: 30px !important; }
.MargeBasse50 { margin-bottom: 50px !important; }
.MargeBasse60 { margin-bottom: 60px !important; }
.MargeBasse80 { margin-bottom: 80px !important; }
.MargeBasse100 { margin-bottom: 100px !important; }
.SansMargeBasse { margin-bottom: 0 !important; }
.SansMarge { margin: 0 !important; }
.SansVentilation { padding: 0 !important; }
.Ventilation80-40 { padding: 80px 0 40px 0!important; }
.Ventilation30 { padding: 30px 0!important; }
.Ventilation30-40 { padding: 30px 0 40px 0!important; }
.Ventilation30-70 { padding: 30px 0 70px 0!important; }
.Ventilation50 { padding: 50px 0!important; }
.VentilationHaute30 { padding-top: 30px!important; }
.VentilationBasse30 { padding-bottom: 30px !important; }
.VentilationBasse40 { padding-bottom: 40px !important; }
.Ventilation50-0 { padding: 50px 0!important; }
.SansVentilationHaut { padding-top: 0 !important; }
.SansVentilationHautBas { padding-top: 0 !important; padding-bottom: 0 !important; }
.BordureGauche {
border-left: 1px solid #dddddd;
}
/* ------------------------
Fin Raccourcis
------------------------ */
/* ------------------------
Début Formulaires
------------------------ */
input, textarea {
transition: all 0.4s ease-in-out;
background: linear-gradient(to bottom, #ffffff, #f2f2f2);
/* box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgb(113 113 113); */
box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.15) inset, 0 0 4px rgb(113 113 113);
border: 1px solid #fff !important;
border-radius: 4px !important;
color: #6d6e71;
font-weight: bold;
outline-width: 0;
font-size: 14px;
font-style: italic;
/* width: 400px; */
/* height: 45px; */
/* padding-left: 8px; */
}
.DegradeLibbHautBas input {
box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.15) inset, 0 0 4px rgb(80 80 80);
}
.input.TexteGrand { padding: 2px !important; }
.InputOK,.InputNOK { background: #265323; color: white; }
.InputNOK { background: #8a2b2b; }
/* Change the white to any color ;) */
/* input:-webkit-autofill:hover.InputOK,.InputNOK,
input:-webkit-autofill:focus.InputOK,.InputNOK,
input:-webkit-autofill:active.InputOK,.InputNOK */
input:-webkit-autofill.InputOK {
background-color: #467f42!important;
color: white!important;
-webkit-text-fill-color: white!important;
-webkit-box-shadow: 0 0 0 30px #467f42 inset !important;
box-shadow: 0 0 0 30px #467f42 inset !important;
}
input:-webkit-autofill.InputNOK {
background-color: #467f42!important;
color: white!important;
-webkit-text-fill-color: white!important;
-webkit-box-shadow: 0 0 0 30px #9c5353 inset !important;
box-shadow: 0 0 0 30px #9c5353 inset !important;
}
.InputOK,.InputNOK { background-color: #467f42!important; color: white; }
.InputNOK { background-color: #9c5353!important; } /*cc3d3d*/
.InputNOK::placeholder { color: white; }
.Input200 { width: 200px; }
.Input350 { width: 350px; }
/* .NavFixe { position: fixed; } */
.SansBefore:before, .SansAfter:after {
content: none !important;
}
/* .Input600 { width: 600px; } */
/* .Input900 { width: 900px; } */
/* ------------------------
Fin Formulaires
------------------------ */
/* .CentrerVerticalement div {
width: 50vw;
float: none;
text-align: center;
line-height: 1.5em;
font-size: 2.5em;
text-shadow: 1px 1px 1px #000000;
color: white;
margin: 0 auto;
padding: 1vh 2vw;
} */
.BlocTexteTransparent {
background: #71717126;
border: 1px solid #ffffff1f;
box-shadow: 0 0 5px #545454;
padding: 20px 40px;
opacity: 1;
transition: opacity 0.5s;
}
.BlocTexteTransparent ol, .BlocTexteTransparent ul {
width: 90%;
padding: 1em;
text-align: left;
list-style: disc;
list-style-position: inside;
margin: 15px 0;
line-height: 1.5em;
}
.BlocTexteTransparent ol li, .BlocTexteTransparent ul li {
margin: 8px 0;
}
.BlocTexteTransparent p {
line-height: 1.5em;
}
.BlocTexteTransparent h3 {
width: 90%;
text-align: left;
}
/* .BlocTexteTransparent h2 {
color: white;
font-size: 1em;
} */
#BlocCaptcha {
height: 45px;
width: 192px;
border: 1px solid #b9b9b9;
box-shadow: 0 0 4px rgb(113 113 113);
margin: 5px 5px 5px 0;
}
/* CaptchaGoogle
transform: scale(0.9);
transform-origin: 0 0;
margin: 0 0 15px 35px;
*/
/* iframe body > div:nth-child(11) > div:nth-child(1) { width: auto!important; } */
/* .g-recaptcha {
transform: scale(0.9);
transform-origin: 0 0;
margin: 0 0 15px 35px;
} */
/* .g-recaptcha > * {
float: right;
right: 0;
margin: -2px -2px -10px;/*remove borders
} */
/* .g-recaptcha::after{
display: block;
content: "";
position: absolute;
left:0;
right:150px;
top: 0;
bottom:0;
background-color: #f9f9f9;
clear: both;
} */
.Cercle {
min-height: 240px;
max-height: fit-content;
cursor: pointer;
}
.Cercle > li {
width: 180px;
height: 180px;
line-height: 25px;
color: white;
padding: 10px;
margin: 10px;
border: 3px solid #b9b9b9;
background: linear-gradient(to top, #243148, #243b55);
box-shadow: inset 0 0 20px 4px #131212;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
text-shadow: 1px 1px 1px #000000;
transition: all 0.4s;
}
.Cercle>li:hover {
width: 200px;
height: 200px;
font-size: 1.1em;
}
/*--------------------------
DEBUT TOOLTIP
----------------------------*/
/* .tooltip { */
/* position: fixed;
font-size: 16px;
line-height: 20px;
padding: 5px;
background: white;
border: 1px solid #ccc;
visibility: hidden;
opacity: 0;
box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
transition: opacity 0.3s, visibility 0s; */
/*
position: absolute;
font-size: 16px;
line-height: 20px;
padding: 5px;
background: white;
border: 1px solid #ccc;
/* visibility: hidden; /
opacity: 1;
box-shadow: -2px 2px 5px rgb(0 0 0 / 20%);
transition: opacity 0.3s, visibility 0s;
z-index: 999;
width: 500px;
height: 500px;
background: purple;
}
.tooltip:hover {
visibility: visible;
opacity: 1;
}*/
.Tooltip {
position: fixed;
color: #0a0808;
font-size: 14px;
line-height: 20px;
/* text-transform: uppercase; */
letter-spacing: 0.1em;
text-align: center;
padding: 5px;
font-weight: bold;
/* transform: translate(calc(-100% - 5px), calc(-100% - 5px)); */
/* background: white; */
/* border: 1px solid #ccc; */
/* box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); */
visibility: hidden;
opacity: 0;
background: rgba(255,255,255,0.9);
border: 1px solid #838383;
box-shadow: inset 0 0 16px 4px #363232, 0 0 10px 2px rgb(60 13 3);
transition: opacity 0.3s, visibility 0s;
z-index: 999;
max-width: 210px;
padding: 8px;
}
.ParentTooltip:hover .Tooltip {
visibility: visible;
opacity: 1;
}
/*--------------------------
Fin TOOLTIP
----------------------------*/
/*--------------------------
DEBUT Charte Graphique
----------------------------*/
.DegradeLibbGaucheDroite {
background: linear-gradient(to right, rgb(255, 67, 0) 0%, rgb(11, 18, 203) 100%);
}
.DegradeLibbHautBas {
background: linear-gradient(to top, rgb(11, 18, 203) 0%, rgb(255, 67, 0) 100%);
}
.DegradeLibbGaucheDroite h4, .DegradeLibbHautBas h4, .DegradeLibbGaucheDroite h4 .Flex > li, .DegradeLibbHautBas h4 .Flex > li {
font-size: 2em;
color: white;
}
.CadreOrange {
color: white !important;
/* border: 1px solid #b1b1b1; */
box-shadow: 0 -4px 12px #bfbfbf !important;
background: linear-gradient(to top, #e73927, #ed6912);
/* background-color: #ed3b00 !important; */
border-radius: 12px !important;
/* overflow: hidden; */
padding: 20px 28px 20px 28px;
/* width: 64% !important; */
margin-bottom: 20px;
}
.CadreOrange > h3, .CadreBleu > h3 {
font-size: 3em !important;
color: white !important;
text-align: left !important;
padding: 0 !important;
margin-bottom: 14px;
text-transform: uppercase;
}
.CadreOrange > h3:after, .CadreBleu > h3:after {
content: "";
vertical-align: top;
display: inline-block;
width: 122px;
height: 2px;
border-bottom: 2px solid #ffffff;
position: absolute;
bottom: 4px;
left: 4px;
}
.CadreOrange > p, .CadreOrange > ul, .CadreBleu > p, .CadreBleu > ul {
color: white !important;
text-align: left !important;
padding: 0 !important;
width: 100% !important;
font-size: 1.3em;
}
.CadreBleu {
color: white !important;
/* background-color: #0900c1 !important; */
/* border-top: 1px solid #b1b1b1; */
box-shadow: 0 -2px 4px #545454;
background: linear-gradient(to top, #101f97, #1e32c5);
border-radius: 12px !important;
/* overflow: hidden; */
padding: 20px 28px 20px 28px;
/* width: 64% !important; */
margin-bottom: 20px;
}
/* .CadreBleu > h3 {
font-size: 3em !important;
color: white !important;
text-align: left !important;
padding: 0 !important;
margin-bottom: 14px;
text-transform: uppercase;
} */
/* .CadreBleu > h3:after {
content: "";
vertical-align: top;
display: inline-block;
width: 122px;
height: 2px;
border-bottom: 2px solid #ffffff;
position: absolute;
bottom: 4px;
left: 4px;
} */
/* .CadreBleu > p, ul {
color: white !important;
text-align: left !important;
padding: 0 !important;
width: 100% !important;
font-size: 1.3em;
} */
/* .CadreBleu {
margin-left: 4%;
}
.CadreBleu:first-child {
margin-left: 0!important;
} */
.FondTelephones {
background-image: url('../img/fond-captures.png');
background-color: transparent;
background-size: cover;
background-repeat: no-repeat;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
box-shadow: 0 0 6px #d1d1d1;
}
/*--------------------------
Fin Charte Graphique
----------------------------*/
.BlocGallerieH h4 {
width: auto;
font-size: 2.8em;
padding: 20px 0 0 0;
/* padding: 20px 20px 10px 20px; */
/* padding: 0 20px 0 20px; */
/* padding: 0 20px 30px 20px; */
}
.BlocGallerieH > li {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 0 20px 60px 20px;
}
.BlocGallerieH > li > h3 {
/* height: 92px; */
color: #000000;
font-weight: 800;
font-size: 1.8em;
padding: 20px 0;
}
.BlocGallerieH > li > h3.DeuxLignes {
padding: 10px 0 0 0;
}
.BlocGallerieH > li > p {
color: #000000;
width: 380px;
text-align: center;
line-height: 1.1em;
font-size: 1.3em;
padding: 0;
}
.BlocGallerieH > li.Moyen {
width: 400px;
height: 336px;
/* height: 380px; */
}
.FlexUnSurDeux {
width: 100%;
display: flex;
flex-wrap: wrap;
/* margin: 30px 20px 0 180px; */
/* margin-top: 30px; */
}
.FlexUnSurDeux li {
width: 100%;
/* margin-bottom: 50px; */
text-align: center;
max-width: 100%;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
min-height: 0;
min-width: 0;
}
/* .FlexUnSurDeux li div:nth-child(1) { */
/* width: 238px; */
/* } */
.FlexUnSurDeux li div:nth-child(2) {
width: 50%;
margin-left: 80px;
}
.FlexUnSurDeux.TexteReduit li div:nth-child(2) {
width: 40%;
margin-left: 0;
}
.FlexUnSurDeux li div h3 {
font-size: 2.5em;
/* padding-bottom: 4px; */
/* padding-bottom: 30px; */
/* margin-top: 14px; */
/* margin-top: -54px; */
text-align: left;
letter-spacing: 0;
font-weight: 800;
padding-left: 0;
}
.FlexUnSurDeux li div p {
width: 100% !important;
/* margin: 0 0 10px 0; */
/* padding: 2em 3em 2em 3em; */
/* padding: 0 3em 2em 3em; */
font-size: 1.4em;
/* text-align: justify; */
z-index: 2;
padding-left: 0;
}
.FlexUnSurDeux li:nth-child(even) {
flex-direction: row-reverse;
}
/*--------------------------
DEBUT Icone
----------------------------*/
/* .Icone:after {
margin: 0 10px;
} */
.GreenFastData { font-style: italic; }
.Icone, .IconeGreenFastData {
height: 50px;
line-height: 50px;
min-height: 50px;
display: block !important;
}
.IconeGreenFastData:after {
content: '';
position: relative;
float: right;
margin: 0 10px;
width: 50px;
height: 50px;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAA0CAYAAADIZmusAAAEnGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczpleGlmRVg9Imh0dHA6Ly9jaXBhLmpwL2V4aWYvMS4wLyIKICAgIHhtbG5zOmF1eD0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC9hdXgvIgogICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iCiAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgIHRpZmY6SW1hZ2VMZW5ndGg9IjUyIgogICB0aWZmOkltYWdlV2lkdGg9IjUwIgogICB0aWZmOlJlc29sdXRpb25Vbml0PSIyIgogICB0aWZmOlhSZXNvbHV0aW9uPSI3Mi4wIgogICB0aWZmOllSZXNvbHV0aW9uPSI3Mi4wIgogICBleGlmRVg6TGVuc01vZGVsPSIiCiAgIGF1eDpMZW5zPSIiCiAgIGV4aWY6UGl4ZWxYRGltZW5zaW9uPSI1MCIKICAgZXhpZjpQaXhlbFlEaW1lbnNpb249IjUyIgogICB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0wNi0xOFQxOToxMjozNSswMjowMCIK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');
background-repeat: no-repeat;
display: block !important;
}
.IconesCouleurs:before {
content: '';
position: relative;
float: left;
margin: 0 10px;
width: 32px;
height: 32px;
background-image: url('../img/icones/icones-couleurs.png');
background-repeat: no-repeat;
display: block !important;
}
.IconeCouleurAmpoule:before { background-position-x: 0; margin: -5px 10px 0 0 !important; }
.IconeCouleurFacebook:before { background-position-x: -32px; }
.IconeCouleurInstagram:before { background-position-x: -64px; }
.IconeCouleurLinkedin:before { background-position-x: -96px; }
.ReseauxSociaux a {
position: relative;
clear: both;
float: left;
width: 50px;
height: 50px;
margin-left: 15px;
cursor: pointer;
transition: all 0.4s;
/* animation: FinRebond 0.4s 0.1s ease-out; */
/* IMPORTANT filter: invert(100%) sepia(0) saturate(0) hue-rotate(0) brightness(100%) contrast(100%); */
}
.ReseauxSociaux a:hover {
/* filter: invert(100%) sepia(0) saturate(0) hue-rotate(0) brightness(100%) contrast(100%);
box-shadow: inset 0 0 5px 2px #636363;
border-radius: 50px;
animation: bounce 0.4s ease-out; */
box-shadow: 0 2px 4px #2b2b2b;
border-radius: 50px;
transform: translateY(-10px);
/* animation: DebutRebond 0.35s ease-out 0.1s infinite; */
/* animation: DebutRebond 0.4s 0.1s ease-out; */
}
/* @keyframes DebutRebond{
0% {transform: translateY(0);}
50% {transform: translateY(-10px);}
100% {transform: translateY(0);}
}
@keyframes FinRebond{
from {transform: translateY(-10px);}
to {transform: translateY(0);}
} */
/* @keyframes RotationDebut {
from { transform: rotate(0deg); }
to { transform: rotate(360deg);}
}
@keyframes RotationFin {
0% { transform: rotate(360deg); }
100% { transform: rotate(0deg); }
} */
.Youtubewebp, .Facebookwebp, .Twitterwebp, .Instagramwebp, .Pinterestwebp, .Twitchwebp, .Discordwebp, .Redditwebp, .Linkedinwebp, .Refreshwebp, .Refreshpng {
background-repeat: no-repeat;
/* background-size: contain; */
/* background-position: center; */
background-image: url('../img/icones/icones-sombres.webp');
}
.Youtubepng, .Facebookpng, .Twitterpng, .Instagrampng, .Pinterestpng, .Twitchpng, .Discordpng, .Redditpng, .Linkedinpng, .Refreshpng, .Refreshpng {
background-image: url('../img/icones/icones-sombres.png');
}
.Youtubewebp, .Youtubepng { background-position-x: -50px; /*background-image: url(../img/icones/youtube.svg); */ }
.Facebookwebp, .Facebookpng { background-position-x: -100px; /*background-image: url(../img/icones/facebook.svg); */ }
.Twitterwebp, .Twitterpng { background-position-x: -150px; /*background-image: url(../img/icones/twitter.svg); */ }
.Instagramwebp, .Instagrampng { background-position-x: -200px; /*background-image: url(../img/icones/instagram.svg); */ }
.Pinterestwebp, .Pinterestpng { background-position-x: -250px; /*background-image: url(../img/icones/pinterest.svg); */ }
.Twitchwebp, .Twitchpng { background-position-x: -300px; /*background-image: url(../img/icones/twitch.svg); */ }
.Discordwebp, .Discordpng { background-position-x: -350px; /*background-image: url(../img/icones/discord.svg); */ }
.Redditwebp, .Redditpng { background-position-x: -400px; /*background-image: url(../img/icones/reddit.svg); */ }
.Linkedinwebp, .Linkedinpng { background-position-x: -450px; /*background-image: url(../img/icones/reddit.svg); */ }
.Refreshwebp, .Refreshpng { background-position-x: -500px; padding: 0 0 0 60px; margin-left: 48px; cursor: pointer; }
.ES a, .CA a, .DE a, .EN a, .FR a, .IT a, .PT a, .RU a, .JA a, .ZH a { margin-left: 15px; }
div.ES:before, div.CA:before, div.DE:before, div.EN:before, div.FR:before, div.IT:before, div.PT:before, div.RU:before, div.JA:before, div.ZH:before,
li.ES:before, li.CA:before, li.DE:before, li.EN:before, li.FR:before, li.IT:before, li.PT:before, li.RU:before, li.JA:before, li.ZH:before {
content: '';
/* position: absolute;
left: 0; */
position: relative;
float: left;
top: 19px;
width: 20px;
height: 12px;
margin: 0 10px;
background-repeat: no-repeat;
background-image: url('data:image/png;base64,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');
}
div.ES:before, div.CA:before, div.DE:before, div.EN:before, div.FR:before, div.IT:before, div.PT:before, div.RU:before, div.JA:before, div.ZH:before {
top: 34px;
}
li.ES:before, div.ES:before { background-position-x: 0; }
li.CA:before, div.CA:before { background-position-x: -20px;}
li.DE:before, div.DE:before { background-position-x: -40px; }
li.EN:before, div.EN:before { background-position-x: -60px; }
li.FR:before, div.FR:before { background-position-x: -80px; }
li.IT:before, div.IT:before { background-position-x: -100px; }
li.PT:before, div.PT:before { background-position-x: -120px; }
li.RU:before, div.RU:before { background-position-x: -140px; }
li.JA:before, div.JA:before { background-position-x: -160px; }
li.ZH:before, div.ZH:before { background-position-x: -180px; }
.Equipewebp, .Equipepng {
position: relative;
clear: both;
float: none;
width: 160px;
height: 220px;
margin: 0 auto;
background-position-x:-320px;
background-repeat: no-repeat;
background-image: url('../img/photos/photos.webp');
}
.Equipepng {
background-image: url('../img/photos/photos.png');
}
.Fabrice { background-position-x: 0; }
.Thomas { background-position-x: -160px; }
.Anime {
animation-fill-mode: both;
animation-delay: 0.1s;
animation-iteration-count: initial;
animation-direction: initial;
animation-play-state: initial;
animation-timing-function: ease-out;
}
.Anime05 {
animation-duration: 0.5s;
}
/* .Anime1 {
animation-duration: 1s;
} */
/* .Anime1-5 {
animation-duration: 1.5s;
} */
/* .Anime5 {
animation-duration: 5s;
} */
.Delai05 {
animation-delay: 0.5s;
}
.Delai1 {
animation-delay: 1s;
}
.Delai1-5 {
animation-delay: 1.5s;
}
.Delai2 {
animation-delay: 2s;
}
.Delai2-5 {
animation-delay: 2.5s;
}
/* .Delai3 {
animation-delay: 3s;
} */
/* .Delai5 {
animation-delay: 5s;
} */
.ApparitionDroite {
animation-name: ApparitionDroite;
}
@keyframes ApparitionDroite {
0% {
opacity: 0;
transform: translateX(100px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
/*
.ApparitionGauche {
animation-name: ApparitionGauche;
}
@keyframes ApparitionGauche {
0% {
opacity: 0;
transform: translateX(-100px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.Apparition {
animation-name: Apparition
}
@keyframes Apparition {
0% {
opacity:0;
} to {
opacity:1;
}
}
@keyframes Grossissement {
0% {
transform: scale(0);
} to {
transform: scale(1);
}
}
*/
/* ------------------------
Fin Animations
------------------------ */
.Bar {
position: absolute;
max-width: 100%;
height: 2px;
bottom: 0;
/* left: 0; */
border-radius: 6px 0 0 6px;
/*border: 1px solid #4c4c4c;*/
box-shadow: 0 5px 5px #545454;
background: linear-gradient(to bottom, #efefef, #efefef);
box-shadow: inset 0 0 5px 1px #efefef, 0 0 5px 1px #efefef;
animation: Process 3.5s infinite;
}
@keyframes Process {
0% {
width: 0;
}
100% {
width: 100%;
box-shadow: inset 0 0 5px 1px #d77140, 0 0 5px 1px #991b0f;
}
}
/*
.AnimHorizontale {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
will-change: transform;
animation-duration: 5s;
animation-name: background-image-animation;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: linear;
transform: translateX(0) scale(1.1);
background-size: cover;
}
@keyframes background-image-animation {
0% {
transform: translateX(-0.5%) scale(1.1);
}
100% {
transform: translateX(0.5%) scale(1.1);
}
}
*/
.CarteTournante {
position: relative;
width: 300px;
height: auto;
margin: 20px 50px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
perspective: 600px;
-webkit-transition: transform 0.5s;
transition: transform 0.5s;
line-height: 24px;
}
.CarteTournante .Avant {
position: relative;
width: 100%;
height: 100%;
/* backface-visibility: hidden; */
color: white;
transition: transform 0.4s 0.1s linear;
background: rgba(0, 0, 0, 0.79);
border: 1px solid #f9f6f6;
box-shadow: 0 0 5px #ffffff;
border-radius: 10px 4px;
padding: 20px 0;
/* -webkit-perspective: 0; */
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-webkit-transform: rotateY(0deg);
backface-visibility: hidden;
transform: translate3d(0,0,0);
transform: rotatex(0deg);
visibility:visible;
}
.CarteTournante .Avant ul li:last-child { margin-top: 20px; }
/*
.CarteTournante:hover .Avant {
-webkit-transform: rotateY(-180deg);
transform: rotatex(-180deg);
}
.CarteTournante .Arriere {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: transform 0.4s 0.1s linear;
/* background: #7b7b7b;
border: 1px solid #717171;
border-radius: 10px;
box-shadow: inset 0 0 10px #f1f1f1; /
/* background: #000000c9; /
background: rgba(0, 0, 0, 0.79);
border-radius: 4px 10px;
border: 1px solid #f9f6f6;
box-shadow: 0 0 5px #ffffff;
/* -webkit-perspective: 0; /
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
visibility:visible;
backface-visibility: hidden;
-webkit-transform: rotateY(180deg);
/* backface-visibility: hidden; /
transform: rotatex(180deg);
}
.CarteTournante .Arriere p { font-size: 0.8em; }
.CarteTournante:hover .Arriere {
-webkit-transform: rotateY(0deg);
transform: rotatex(0deg);
}
.CarteTournante .Arriere .Details {
position: absolute;
/* top: 50%; /
left: 0;
width: 100%;
text-align: center;
padding: 20px;
box-sizing: border-box;
}
.CarteTournante .Arriere .Details h2 {
margin: 0;
padding: 0;
font-size: 24px;
color: #fff;
}
.CarteTournante .Arriere .Details h3 {
color: white;
font-size: 16px;
padding: 0;
}
*/
nav.BoxNav {
width: 100%;
height: var(--HauteurMenu);
z-index: 4;
background: #ffffff;
/* transition: height .5s ease-in-out, box-shadow .5s ease-in-out; */
transition: height, box-shadow .5s ease-in-out;
}
nav.BoxNav a, nav.BoxNav span {
color: #666;
display: block;
/* padding: 0 0 0 15px; */
/* padding: 0 2px 0 0; */
text-align: center;
letter-spacing: 1px;
font-size: 0.9em;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
height: var(--HauteurMenu);
line-height: var(--HauteurMenu);
/* transition: all 0.3s ease; */
}
/* nav.BoxNav > ul > li > a:after, nav.BoxNav > ul > li > span:after {
content: '';
position: relative;
float: right;
margin: 30px 24px;
height: 20px;
transform: rotate(1deg);
box-shadow: 0px 0px 5px 1px #9696963d, 0 0 0 1px #48474785;
} */
/* .FlecheBas:before {
content: '';
position: relative;
margin: 30px;
float: right;
height: 20px;
transform: rotate(1deg);
box-shadow: 0px 0px 5px 1px #9696963d, 0 0 0 1px #48474785;
/* box-shadow: 0px 1px 10px 4px rgba(255, 255, 255, 0.41), 0 0 0 1px rgba(255, 255, 255, 0.43); /
} */
.FlecheBas:after {
content: "";
position: absolute;
width: 10px;
height: 10px !important;
border-left: 2px solid #666;
border-bottom: 2px solid #666;
transform: rotate(-45deg) !important;
box-sizing: border-box;
margin: 0 0 0 8px !important;
top: 40%;
box-shadow: none !important;
}
nav.BoxNav > ul > li:hover > .FlecheBas:hover:after,
nav.BoxNav > ul > li:hover > div.FlecheBas:hover:after,
nav.BoxNav > ul > li:hover > .FlecheBas:after,
li.MenuActif span.FlecheBas:hover:after,
.FlecheBas:hover:after {
border-left: 2px solid #ff4300;
border-bottom: 2px solid #ff4300;
}
/* nav.BoxNav img { */
/* display: flex; */
/* position: relative; */
/* align-items: center;
justify-content: center;
padding: 0;
margin: 5px 20px 0 20px; */
/* transition: height,margin .5s ease-in-out; */
/* margin: 10px 0 0 0; clear: none; */
/* } */
nav.BoxNav a.MenuActif,
nav.BoxNav span.MenuActif { color: #ffffff; }
nav.BoxNav > ul {
/* width: fit-content; */
float: left;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
height: var(--HauteurMenu);
margin: 0 auto;
list-style: none;
z-index: 1;
/* transition: opacity 0.5s ease-in-out; */
}
/* nav.BoxNav > ul > li:nth-child(2) { display: none; cursor: pointer; } */
nav.BoxNav > ul > li {
flex: 0 0 auto;
list-style: none;
cursor: pointer;
height: var(--HauteurMenu);
padding: 0 30px;
/* transition: all .5s ease-in-out; */
/* transition: margin 1s ease-in-out; */
}
nav.BoxNav > ul > li:hover > a,
nav.BoxNav > ul > li:hover > span {
color: #ff4300;
/* color: #ffffff; */
/* margin: 0 0 0 5px; */
/* transition: margin 0.1s ease-in-out; */
}
nav.BoxNav > ul > li:hover { z-index: 2; }
nav.BoxNav > ul > li:hover > ul {
visibility: visible;
opacity: 1;
display: flex;
flex-direction: column;
border-radius: 0 0 10px 10px;
/* margin: 0 0 0 -25px; */
}
nav.BoxNav > ul > li:last-child a:before,
nav.BoxNav > ul > li:last-child span:before { border: none; box-shadow: none; }
nav.BoxNav > ul > li > ul {
position: absolute;
visibility: hidden;
opacity: 0;
width: max-content;
min-width: 200px;
left: inherit;
padding: 0;
box-shadow: 0 4px 10px #545454;
/* background: rgba(28, 29, 35, 1); */
/* background: radial-gradient(circle,rgb(28 53 201),rgb(24 49 191)); */
background: linear-gradient(to top, #101f97, #1e32c5);
margin: 0 0 0 -10px;
}
nav.BoxNav > ul > li > ul > li { position: relative; float: left; }
nav.BoxNav > ul > li > ul > li > ul > li a, nav.BoxNav > ul > li > ul > li > ul > li span {
text-align: left;
height: 50px !important;
line-height: 50px !important;
border-bottom: 1px solid #4e4e4e;
padding: 0 25px;
margin: 0;
color: white;
}
nav.BoxNav > ul > li > ul > li > ul > li a:last-child, nav.BoxNav > ul > li > ul > li > ul > li span:last-child { border: none; /* transition: border-radius 0s; */}
nav.BoxNav > ul > li > ul > li > ul > li a:hover, nav.BoxNav > ul > li > ul > li > ul > li span:hover {
color: white;
/* background: radial-gradient(circle, #243b55 0%, #141e30 100%); */
background: radial-gradient(circle, #d92048 0%, #d74a1b 100%);
/* box-shadow: inset 0 0 20px 4px #0b1017, 0 0 20px 4px #0b1017; */
/* border-radius: 8px 8px; */
margin-left: 0;
/*background: rgba(255, 255, 255, 0.25);*/
/* background: radial-gradient(circle, #1f334b 0%, #1f334b 100%); box-shadow: inset 0 0 20px 4px #131212; */
}
nav.BoxNav > ul > li > ul > li > ul > li > ul > li { padding: 4px 0 3px 15px; background-position: 1px center; margin: 0 0 -5px 0; }
nav.BoxNav > ul > li > ul > li > a img { margin-left: 3px; }
footer.BoxNav > ul {
width: 100%;
min-height: 88px;
line-height: normal;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
flex-wrap: wrap;
}
/* footer.BoxNav a, footer.BoxNav span { font-size: 0.8em; } */
footer.BoxNav > ul > li:nth-child(4) { flex: 1 0 auto; text-align: right; margin-left: 15px; }
#VerifIconeMenuMobile { display: none; width: 0; height: 0; }
#VerifIconeMenuMobile:checked + nav { margin-left: 0px; }
.IconeMenuMobile {
display: none;
cursor: pointer;
width: 30px !important;
flex-grow: 0 !important;
position: absolute;
right: 20px;
top: 20px;
z-index: 2;
transition: top .5s ease-in-out;
/* float: none;
margin: 0 auto;
cursor: pointer;
width: 30px !important;
flex-grow: 0 !important; */
}
.IconeMenuMobile > div {
width: 100%;
height: 5px;
/* background-color: white; */
background-color: #000000;
border-radius: 8px;
margin: 4px 0;
transition: 0.4s;
}
.IconeMenuMobileFermer > div:nth-child(1) { transform: rotate(-45deg) translate(-10px, 7px); }
.IconeMenuMobileFermer > div:nth-child(2) {opacity: 0;}
.IconeMenuMobileFermer > div:nth-child(3) { transform: rotate(45deg) translate(-11px, -9px); }
nav.BoxNav > ul > li.Logo {
display: flex !important;
align-items: center;
padding: 0 120px 0 40px;
}
nav.BoxNav > ul > li.Logo a {
height: initial;
}
/*
.NavigationModule {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
margin: 10px 0 10px 0;
}
.NavigationModule span {
clear: both;
float: left;
display: table;
border: none;
color: #28364b;
text-decoration: none;
box-shadow: inset 0 0 5px #ffffff, 0 0 4px #ffffff;
border-radius: 36px 8px 36px 8px;
width: auto;
height: auto;
margin: 5px 6px;
padding: 10px 26px;
font-style: italic;
font-size: 1.2em;
line-height: 1em;
letter-spacing: 0.1em;
cursor: pointer;
transition: all 0.2s ease;
}
.NavigationModule span:hover { color: #fff; }
.NavigationModule div:first-child { display: flex; justify-content: center; margin-bottom: 10px; }
.NavigationModuleActive { display: table-cell; color: #ffffff !important; }
*/
/*------------------
FondEntete
---------------------*/
.FondEntete, .FondMiniEntete {
position: relative;
width: inherit;
height: auto;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
background-position: top;
box-shadow: 0 5px 5px #54545494;
/* box-shadow: 0 0 5px #545454; */
display: flex;
justify-content: center;
height: auto;
}
/*------------------
FondEntete
---------------------*/
.Slides{
position: relative;
/* background: #000; */
display: block;
max-width: 100%;
height: 425px;
margin: 60px 0 0 0;
}
.Slides:focus{
outline: 0;
}
.Slides > div {
width: 100%;
height: inherit;
display: flex;
align-items: center;
justify-content: center;
margin: 20px 0;
}
.Slides .SlideTexte {
margin-left: 60px;
}
.Slides .SlideTexte, .Slides .SlideTexte p {
max-width: 600px;
/* width: 50%; */
width: 100%;
text-align: left !important;
display: block;
/* height: inherit; */
}
.Slides .SlideTexte h1 {
color: white;
text-align: left !important;
}
/* .Slides figure {
position: absolute;
top: 0;
width: 100%;
height: inherit;
opacity: 0;
transition: opacity 1.2s;
animation: animate 5s linear infinite;
}
@keyframes animate {
from {
background-position: 0 0;
}
to {
background-position: calc(100% - 100vw) 0;
}
} */
/* .Slides div img { */
/* object-fit: cover;
height: inherit;
width: 100%;
transition: transform 0.5s ease; */
/* } */
/* .Slides div img:hover {
transform: scale(1.04);
} */
.Slides .ActiveSlide {
z-index: 3;
opacity: 1;
}
.Slides figcaption{
position: absolute;
font-size: 2.8em;
bottom: 0.35em;
right: 0.35em;
padding: 0.25em;
color: #fff;
background: #000;
background: rgba(0,0,0, .25);
border-radius: 2px;
}
/*
.SlideSuivant, .SlidePrecedent{
color: #fff;
position: absolute;
background: #000;
background: rgba(0,0,0, .6);
top: 50%;
z-index: 4;
font-size: 2em;
margin-top: -1.2em;
opacity: 0.5;
user-select: none;
}
.SlideSuivant:hover, .SlidePrecedent:hover{
cursor: pointer;
opacity: 1;
}
.SlideSuivant{
right: 0;
padding: 10px 5px 15px 10px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.SlidePrecedent{
left: 0;
padding: 10px 10px 15px 5px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
*/
/*------------------
Boutons
---------------------*/
a.Bouton {
/* padding: 8px 16px; */
background: white;
border-radius: 30px;
color: #000000;
width: fit-content;
/* height: auto; */
margin: 10px 0;
/* clear: both; */
/* float: none; */
/* display: table; */
display: block;
font-size: 1.2em;
line-height: 1em;
letter-spacing: .1em;
cursor: pointer;
transition: all 0.2s ease;
/* background: #232323!important; */
/* color: white; */
font-weight: normal;
padding: 10px 20px;
/* border-radius: 10px 4px; */
/* border: 2px solid #484848; */
/* box-shadow: 0 0 4px #565656; */
/* font-family: font; */
/* transition: all 0.2s ease; */
/* outline: none; */
text-decoration: none;
}
.BoutonCentre {
float: none;
margin-left: auto !important;
margin-right: auto !important;
}
/* button {
position: relative;
clear: both;
float: left;
width: auto;
height: auto;
margin: 10px 0;
padding: 10px 20px;
display: table; */
/* color: #1f334b; */
/* background: #ffffff; */
/* font-weight: bold;
font-size: 1em;
line-height: 1em;
letter-spacing: 0.1em;
border: none; */
/* border: 2px solid white; */
/* box-shadow: inset 0 0 10px #383737, 0 0 5px #8a8787; */
/* box-shadow: inset 0 0 10px #383737, 0 0 20px #8a8787; */
/* border-radius: 13px;
cursor: pointer;
transition: all 0.2s ease;
outline: none;
} */
button {
position: relative;
clear: both;
float: left;
width: auto;
height: auto;
margin: 10px 0;
padding: 10px 20px;
display: table;
/* color: #1f334b; */
/* background: #ffffff; */
font-weight: bold;
font-size: 1em;
line-height: 1em;
letter-spacing: 0.1em;
border: none;
/* border: 2px solid white; */
/* box-shadow: inset 0 0 10px #383737, 0 0 5px #8a8787; */
/* box-shadow: inset 0 0 10px #383737, 0 0 20px #8a8787; */
border-radius: 13px;
cursor: pointer;
transition: all 0.2s ease;
outline: none;
}
button[type=submit] {
/* background-color: #ed3b00!important; */
background: linear-gradient(to top, #e73927, #ed6912)!important;
color: white;
}
/* button:hover {
color: #fff;
border: 2px solid #2c4b82;
background: linear-gradient(to bottom, #243b55, #141e30);
border-radius: 6px 20px;
box-shadow: inset 0 0 5px #383737, 0 0 10px #8a8787;
} */
/* button:hover { */
/* color: #fff; */
/* border: 2px solid #8e939d; */
/* border: 2px solid #4f8290; */
/* background: linear-gradient(to bottom, #243b55, #141e30); */
/* border-radius: 6px 20px; */
/* box-shadow: inset 0 0 5px #1f1b34, 0 0 10px #8a8787; */
/* } */
/*------------------
Cookies
---------------------*/
#BlocCookie {
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
position: fixed; bottom: 0; color: rgb(255, 255, 255);
background-color: rgb(0, 0, 0); visibility: visible;
z-index: 2;
box-shadow: 0 -1px 5px #545454; cursor: pointer;
}
#BlocCookie p {
flex: 1;
width: 90%;
padding: 8px 0 8px 0;
font-size: 0.8em;
text-align: left;
margin: 0 9% 0 1%;
}
#BlocCookie button {
flex: 0;
position: relative;
clear: none;
float: right;
right: 10px;
}
/*------------------
DESKTOP ET LAPTOP
---------------------*/
/* @media only screen and (min-width:1922px) { */
/* .Slides div img {
object-fit: contain;
} */
/* .IconeMenuMobile { display: inherit; }
} */
@media only screen and (max-width:1280px) {
.IconeMenuMobile { display: inherit; }
nav.BoxNav {
box-shadow: 0 0 5px #545454;
}
nav.BoxNav > ul > li.Logo {
padding: 0;
}
/* nav.BoxNav > ul { width: 100%; } */
nav.BoxNav li:nth-child(n+2) a, nav.BoxNav li:nth-child(n+2) span { height: 40px; line-height: 40px; padding: 0; color: white; }
/* nav.BoxNav a, nav.BoxNav span { padding: 0 0 0 15px; } */
nav.BoxNav ul li>a, nav.BoxNav ul:nth-child(1) li>a:hover, nav.BoxNav ul li>span, nav.BoxNav ul:nth-child(1) li>span:hover {
text-align: left;
margin-left: 0;
}
nav.BoxNav > ul > li > a:after, nav.BoxNav > ul > li > span:after, .FlecheBas:before { content: none; }
nav.BoxNav > ul > li:first-child { border-bottom: none; border-top: none; display: block; flex: 1 0 auto; }
nav.BoxNav > ul > li { flex: 0 0 auto!important; list-style: none; transition: all 0.5s; padding: 0 20px; }
/* nav.BoxNav > ul > li:nth-child(2) {
flex: 0 0 auto;
background: none;
border-bottom: none;
border-top: none;
display: block;
height: 100%;
height: auto;
margin: -4px 20px 0 0;
} */
nav.BoxNav > ul > li:nth-child(2) {
border-top: 1px solid #3a3a3a;
}
nav.BoxNav > ul > li:nth-child(n+2) {
display: none;
width: 100%;
border-bottom: 1px solid #3a3a3a;
/* background: rgba(28, 29, 35, 0.98); */
background: radial-gradient(circle,rgb(28 53 201),rgb(24 49 191));
/* background: radial-gradient(circle,rgba(28,29,35,1),rgba(28,29,35,1)); */
height: 40px;
}
nav.BoxNav > ul > li:nth-child(n+2):hover {
/* background: linear-gradient(to top, rgb(27, 27, 27), rgb(51, 51, 51)); */
padding-left: 30px;
transition: all 0.5s;
background: radial-gradient(circle, #d92048 0%, #d74a1b 100%);
/* background: radial-gradient(circle, #b92a49 0%, #d74a1b 100%); */
/* background: radial-gradient(circle, #243b55 0%, #141e30 100%); */
/* box-shadow: inset 0 0 20px 4px #0b1017, 0 0 20px 4px #0b1017; */
}
/* nav.BoxNav > ul > li:hover > a, nav.BoxNav > ul > li:hover > span { background: none; } */
nav.BoxNav > ul > li:hover > a,
nav.BoxNav > ul > li:hover > span {
/* color: #ff4300; */
color: #ffffff;
/* margin: 0 0 0 5px; */
/* transition: margin 0.1s ease-in-out; */
}
nav.BoxNav > ul > li:hover > a:hover, nav.BoxNav > ul > li:hover > span:hover { margin: 0; }
/* nav.BoxNav ul li > a, nav.BoxNav ul:nth-child(1) li > a:hover, nav.BoxNav ul li > span, nav.BoxNav ul:nth-child(1) li > span:hover { text-align: left; margin-left: 0; } */
nav.BoxNav > ul > li > ul > li { clear: both; }
nav.BoxNav ul:nth-child(n+2) {
left: 120px;
/* right: 0; */
display: none;
top: inherit;
width: 200px;
/* max-width: 70%; */
/* left: unset; */
}
.Largeur96Mobile { width: 96% !important; }
/* h1:before { left: -200px; } */
/* .ExpansionBas20 { padding: 0 0 20px 0; } */
/* .CentrerVerticalement { width: 100%;margin-top: 12vh; } */
/*.TitrePage h1 { width: 100%; padding: 0 2% 0 4%;text-align: center; }
.TitrePage div {
padding: 0 1%;
text-align: center;
margin-top: 54px;
width: 100%;
}*/
#BlocCookie p { margin-left: 2%; }
#PasserVideo {
/* top: 5px; */
/* right: 10px; */
/* bottom: 20px; */
/* padding: 6px 6px; */
font-size: 0.8em;
}
/* .Slides { height: 600px; } */
/* nav.BoxNav a, nav.BoxNav span { height: 40px; line-height: 40px; } */
.FlexColonneMobile { flex-direction: column; }
.BordureGauche { border-left: none; }
/* .FlexLigne.FlexColonneMobile.Longueur64.Flex2Colonnes { width: 96% !important; } */
/* .FlexColonneMobile { width: 96% !important; margin-left: 0; } */
.FlexColonneMobile.Flex2Colonnes > div { width: 100% !important; margin-left: 0; }
.Flex > li.Separateur:after {
border-right: none;
margin-right: 0;
margin-left: 0;
}
.CadreOrange, .CadreBleu { width: 96% !important; }
.FlexUnSurDeux.TexteReduit li div:nth-child(2) {
width: 90% !important;
}
footer > div.Largeur70 {
width: 96% !important;
}
footer div ul {
margin-top: 20px;
}
footer div ul.Largeur33 {
width: 100% !important;
}
/* footer div ul li img.MargeGauche20 {
margin-left: 0 !important;
} */
.FlexInverser {
flex-direction: column-reverse;
}
}
/*----------------
ANCIENS ECRANS
------------------*/
/* @media only screen and (max-width:1110px) { */
/* .IconeMenuMobile { display: inherit; } */
/* #PasserVideo {
top: 5px;
right: 10px;
bottom: inherit;
padding: 6px 6px;
font-size: 0.8em;
border-radius: 10px 3px;
} */
/* } */
@media only screen and (max-width:1024px) {
.FlexUnSurDeux li {
margin-bottom: 30px;
}
.FlexUnSurDeux li:after {
content: "";
width: 60%;
height: 1px;
border-bottom: 1px solid #dddddd;
}
.FlexUnSurDeux li:last-child:after {
content: none;
}
.Slides {
height: auto;
}
section > h2 {
width: 100%;
font-size: 2.8em;
text-transform: uppercase;
}
.FondEntete {
margin-top: 12px!important;
margin-bottom: 12px!important;
}
.Slides{
margin: var(--HauteurMenu) 0 0 0;
}
.Slides .SlideTexte h1, .Slides .SlideTexte, .Slides .SlideTexte p {
text-align: center!important;
}
.Slides .SlideTexte p a.Bouton {
margin: 10px auto;
}
.BlocGallerieH > li {
height: auto!important;
/* margin: 0 20px 40px 20px!important; */
}
.SlideImage {
display: none!important;
}
.SlideTexte {
margin-left: 0!important;
}
.FlexUnSurDeux li div:nth-child(2) {
width: 96%;
margin-left: 0;
}
.FlexUnSurDeux li div h3 {
text-align: center;
}
.FlexUnSurDeux li div p {
text-align: center;
padding: 1em;
}
/* .Slides { height: 572px; } */
/*
:root { --HauteurMenu: 40px; }
.MenuActif { background: rgba(28, 29, 35, 0.98) !important; }
*/
.TexteCentreMobile {
text-align: center;
}
.MargeBasseMobile-14px {
margin-bottom: 14px;
}
.MargeHauteMobile-15px {
margin-top: 15px;
}
.BoutonCentreMobile {
float: none;
margin-left: auto !important;
margin-right: auto !important;
}
}
/*----------------
TABLETTE
------------------*/
@media only screen and (max-width:800px) {
/* .FondEntete {
background-size: auto;
background-attachment: scroll;
} */
}
/* -----------------------
MOBILE
-------------------------- */
@media only screen and (max-width:680px) {
h1 { font-size: 2.2em; }
h2 { font-size: 1.8em; }
h1, h2, h3, h4, h5, h6 {
padding: 20px 0;
}
/* :root {
/* --HauteurMenu: 100px; /
--HauteurMenu: 60px;
} */
/* #PasserVideo {
/* top: 5px;
right: 10px;
bottom: inherit;
padding: 6px 6px; /
font-size: 0.6em;
} */
/* nav.BoxNav img { */
/* height: 88%; */
/* animation: height 4s ease-out; */
/* animation: 4s linear 4s infinite alternate move_eye; */
/* } */
/* .IconeMenuMobile {
top: 12px;
} */
p { padding: 1em; }
/* p { padding: 1em 2em; } */
.FondEntete:after, .FondMiniEntete:after {
/* margin: 23vh auto; */
right: 0; top: 0; background-position: center;
}
#BlocCookie p { margin-left: 4%; }
.DesactiveMobile { display: none !important; }
.IconeGreenFastData { height: auto; }
.IconeGreenFastData:after {
clear: both;
float: none;
margin: 0 auto;
padding: 0 0 20px 0;
}
.Cercle {
/* min-height: 240px; */
/* max-height: fit-content; */
width: 100%;
}
.ImgMobile80p {
width: -moz-available;
width: -webkit-fill-available;
max-width: 80%;
height: auto;
}
/* .Slides {
height: 450px;
} */
/* .Slides figure img {
object-fit: contain;
height: inherit;
width: 100%;
} */
}
/* -----------------------
MOBILE PORTRAIT
-------------------------- */
/* @media only screen and (max-width:500px) {
.Flex > li.Separateur {
border-right: none;
padding-right: 0;
margin-left: 0;
}
} */
/* Gestion S5 360, iPhone 5SE 320 */
/* @media only screen and (max-width: 375px) { */
@media only screen and (max-width:420px) {
/* .Logo a img, .Logo span img { width: 200px!important; margin: 5px 0 0 0!important; } */
/* .CentrerVerticalement div { width: 60vw; font-size: 1.2em; } */
/* .Description .FlexWrap { flex-direction: column; } */
/* .ListeImageGrand img { height: fit-content; } */
/* .TexteGrand { font-size: 1.4em; }
.Input350 { width: 280px; }
.CentrerVerticalement { margin-top: 3vh; }
footer.BoxNav > ul > li:nth-child(4) { margin-left: 0; }
.IconeGreenFastData {
height: auto;
text-align: center;
line-height: 30px;
display: block !important;
}
.IconeGreenFastData:after { clear: both; float: none; margin: 0 auto;background-position: 0; }
.Refreshwebp, .Refreshpng { margin-left: 10px; }
input[name="captcha"] { margin-left: 40px!important; } */
/*nav.BoxNav img { margin: 0; width: 100%; height: 100%; }*/
/*nav.BoxNav > ul { height: 60px; }*/
}
/* Gestion S5 360, iPhone 5SE 320 */
@media only screen and (max-width: 375px) {
body {
width: 100.1%;
}
}