* {text-rendering:optimizelegibility;}
*, *:before, *:after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

body, html {width:100%; font:var(--Default); color:black;}

:root {
    --Default: 100 1rem 'Open Sans', sans-serif;
    --BlueNavy: #0955a4;
    --GoldNavy:goldenrod;
    --ShipColor:#0c0c55;
    --BGColor: #d7ecfa;
    --ParisColor: #154b67;
    --BGBoxColor: #b7d8e99c;
    --TopMenuColor:#c4d7ff;
    --BGFooterColor:#819db2;
    --PresqueNoir: #323232;
    --PoppinsFont: 200 1.2rem "Poppins", sans-serif;
    --CardoFont: 400 1rem 'Cardo', serif;
    --OpenFont: 400 1rem 'Open Sans', sans-serif;
    --montserraCollo: 700 1rem "Montserrat", sans-serif
}

.left {float:inherit}

.text_shadow {text-shadow:1px 1px 2px rgb(80, 80, 80);}

h1, h2, h3, h4, h4, h6 {line-height:100%; letter-spacing:0rem;}
h1 {margin:0; font-family:'Stardos Stencil', cursive;}
h2 {margin:0; font-family: "Poppins", sans-serif;}
h3 {margin:0; font-family: "Poppins", sans-serif;}
h4 {margin:0; font-family: "Poppins", sans-serif;}
h5 {margin:0; font-family: "Poppins", sans-serif;}
h6 {margin:0; font-family: "Poppins", sans-serif;}

.w100 {font-weight:100}
.w200 {font-weight:200}
.w300 {font-weight:300}
.w400 {font-weight:400}
.w500 {font-weight:500}
.w600 {font-weight:600}

.rad2 {border-radius:2px;}
.rad3 {border-radius:3px;}
.rad4 {border-radius:4px;}
.rad5 {border-radius:5px;}
.rad6 {border-radius:6px;}

blockquote {margin:0; border:none; padding:0}


.titre_box {position:relative; top:0; left:0; margin:0 1rem 0 auto;}
.titre_box p:first-child {font:var(--CardoFont); font-size:4.2rem; color:#bebebe; text-transform:capitalize; text-align:right;}
.blue_box p {font:var(--PoppinsFont);  color:white;}
.blue_box p:not(.titre_box, .big_titre, .medium_titre, .medium_titre_2, .my_btn) {font-size:1rem; text-align:justify; margin-bottom:1rem; line-height:1.45rem;}
p.big_titre {font-size:2rem; line-height:2rem;}
p.medium_titre {font-size:1.1rem;}
p.medium_titre_2 {font-size:1.4rem;}
p.medium_titre_3 {font-size:1.5rem;}

input[type="text"], input[type="password"], input[type="email"], select, textarea, div.jfilestyle label {display:block; margin:.4rem auto 0 auto; font-size:.8rem; padding:.4rem; border:1px solid #a3a0a0; border-radius:.3rem; color:var(--ShipColor); height:inherit}
input[type="submit"], button[type="submit"], button:not(.my_btn) {display:block; font-size:1rem; margin:1.2rem auto 0 auto; padding:.5rem 4rem; border-radius:.2rem; border:inherit}
input[type="file"] {background-color: green;}
input:invalid:not[contact], textarea:invalid {border-color: red; background-color:#ff94943b;}
input:valid, textarea:valid {border-color:green}
div.jfilestyle label {width:15rem; margin:0 auto; background-color:#bdbdbd; color:white; border:none}
div.jfilestyle label:hover {background-color:#afaeae;}
div.jfilestyle .count-jfilestyle {background-color:#33a04a; padding:3px 7px; margin-left:1px; border-radius:50%;}

.my_btn {display:block; padding:.52rem 2rem; text-align:center; margin:0 auto 0 auto; border:inherit; border-radius:3px; color:white; background-color:var(--BlueNavy);}
.my_btn:hover {background-color:var(--ShipColor); transition:.6s cubic-bezier(.14,.7,.93,.5);}

/* Modals */
.modal {background-color:white; max-height:50rem}
#modal1 {width:45vw;}
#modal2 {width:45vw}
#modal3, #modal4 {width:30vw}
#modal5 {width:900px}
#modal3, #modal4 h4 {font-size:4rem;}
.modalsv2 .modal-content {padding:0; margin-bottom:2rem;}
.modalsv2 h4 {text-align:center; font:var(--Default); padding:1.5rem 0; color:var(--PresqueNoir);}
.modalsv2 .modal-footer {display:flex; justify-content:center; margin-bottom:.5rem; align-items:center; background-color: #e5f0fb; border-top:1px solid grey}
.modalsv2 .modal-footer button {font-size:1.5rem; font-weight:400; line-height:.3rem; padding:1.5rem 2.5rem; background-color:var(--TopMenuColor); border:none; margin:0 .4rem}
.modalsv2 .modal-footer button:hover {box-shadow: inset 0px 0px 19px -3px rgba(178, 134, 206, 0.43);}
#modal2 cite {text-align:center; font-size:1.2rem; display:block;}
#modal6 {width:22rem}
#modal6 .modal-content {text-align:center;}
#modal6 h4 {padding:.6rem;}
#modal6 .modal-content p {font-size:.8rem; font-weight:400}
#modal6 .modal-footer {margin-bottom:0}
#modal6 .my_btn {display:block; font-size:.9rem; padding:.52rem 3rem; height:2.27rem; margin:0 auto 0 auto; color:white; background-color:var(--BlueNavy);}
#modal6 .my_btn:hover {background-color:var(--ShipColor); transition:.6s cubic-bezier(.14,.7,.93,.5);}

#modalplaquette, #modalplaquette img {width:80vw}

.wrapper {position:relative; width:22.5rem; margin: 0 auto;}

header:not(.mod) {position:sticky; top:0; left:0; height:4.5rem; background-color:var(--ShipColor); z-index:500}
header:not(.mod).isSticky {opacity:1;}
div.top {display:flex; height:4.5rem; justify-content:space-evenly; align-items:center;}
div.dr_contener {cursor:pointer;}
div.dr_contener img {display:block; width:1.845rem; height:1.333rem; margin:0 auto; border:1px solid #ffffff8f}
div.dr_contener span {display:block; margin:.2rem auto 0 auto; font-size:.75rem; color:white}

div.togglemenu {display:flex; padding:.4rem 2.8rem .4rem 2rem; align-items:center; border:1px solid white; border-radius:3px; background-color:transparent;}
div.togglemenu:hover, div.espacemembres:hover {background-color:var(--BlueNavy); transition: background-color 1.2s;}
p#buttonmenu {color:white;}
p#buttonmenu .material-icons {line-height:inherit; font-size:2rem;}
header:not(.mod,) div.top p {font-family:var(--PoppinsFont); color:white; margin-left:.2rem; font-size:1.1rem; font-weight:400; align-self:center; cursor:pointer;}
div.medaillon_contener img:not(.bandeau_logo) {width:3rem;height:3rem}
div.medaillon_contener img.bandeau_logo {width:7rem;height:7rem}


main nav {position:absolute; display:none; width:100%; height:inherit; padding:.6rem .5rem 1rem .5rem; line-height:inherit; color:white; background-color:var(--BlueNavy); border-bottom-left-radius:6px; border-bottom-right-radius:6px; z-index:1000}
main nav .triggerclosecontener {display:flex; justify-content:flex-end;}
main nav span#triggerclose {height:auto; font-size:2rem; color:white; cursor:pointer}
main nav .menuc {display:flex; flex-direction:column;}
main nav .menuc .cols {display:flex; justify-content:flex-start; align-items:center; flex-direction: column; margin:0 0;}
main nav .menuc div:last-child {border:none}
main nav .menuc .cols a:link, main nav .menuc .cols a:visited {font-size:1.3rem; text-transform:capitalize; color:white; text-decoration:none; line-height:3.1rem; text-align:center; min-width:17rem; border-bottom:1px dotted #dfdfdf; border-radius: 2% / 58%;}
main nav .menuc .cols a:hover {background-color:var(--ShipColor); transition: background-color 1s;}
main nav .menuc .rs {display:flex; width:65%; justify-content:center; align-items:center; padding:.6rem 0; margin:1rem auto; background-color:var(--ShipColor);}
main nav .menuc .rs img {width:2.40rem; height:2.40rem; margin:0 .3rem; cursor:pointer;}

/* start home */
#home {position:relative; top:0; left:0;}
/* end home */

/* start intro */
#intro {position:relative; top:0; left:0;}
#intro .text_contener {padding:2rem 1rem; text-align:justify; margin:0 auto; background-color:#f1f1f1; color:var(--ShipColor); border-bottom-left-radius:1rem; border-bottom-right-radius:1rem;}
#intro .text_contener p.big_titre {text-align:center;}
#intro .text_contener p {margin-bottom:.8rem}
#intro div.buffalo_event {margin-top:2rem}
#intro div.buffalo_event .bf_flex {display:flex; width:100%; justify-content:space-between; align-items:flex-start;}
#intro div.buffalo_event .bf_flex div:nth-child(1) p {text-align:justify;}
#intro div.buffalo_event .bf_flex div:nth-child(1) p span {font-weight:400; color:var(--BlueNavy);}
#intro div.buffalo_event .bf_flex div:nth-child(2) {width:14rem; height:27rem; margin:0 0 0 3rem; background-image:url('../images/buffaloL2.jpg'); background-repeat: no-repeat; background-size:cover; border:1px solid var(--BlueNavy); border-radius:.6rem;}
#intro div.buffalo_event .bf_flex div:nth-child(1) div.bf_b2 {margin-top:1rem}
#intro div.buffalo_event .bf_flex div:nth-child(1) div.bf_btn_c {position:relative;}
#intro div.buffalo_event .bf_flex div:nth-child(1) div.bf_btn_c button.bf_btn {text-transform:uppercase;}
/* end intro */

/* start une */
#une {position:relative; top:0; left:0; margin-top:3rem}
#une .titre_box p:first-child {font-size:3.5rem; line-height:2.55rem}
#une .actu_contener {display:flex; margin:2rem auto 4rem auto; padding:3rem .3rem; justify-content:space-evenly; background-color:#f1f1f1;}
#une div.img_contener {width:9rem; height:9rem}
/* end une */

/* start main_accueil */
#main_accueil {position:relative; top:0; left:0;}
#main_accueil .flex_contener {display:flex; flex-direction:column; justify-content:flex-start; margin:2rem auto 0 auto; align-items:center; text-align:center}
#main_accueil .flex_contener blockquote {width:21rem;}
#main_accueil .flex_contener blockquote h1 {width:21rem; margin:auto; font-size:3rem; color:var(--ShipColor); line-height:2.6rem}
#main_accueil .flex_contener blockquote:nth-child(1) p {font:var(--PoppinsFont); font-size:1.7rem; color:red; font-weight:400}
#main_accueil .flex_contener img.blason {width:13rem; margin-top:1rem;}
#main_accueil .flex_contener blockquote:nth-child(3) p {font:var(--PoppinsFont); font-size:1.2rem; margin-top:3rem; color:var(--PresqueNoir); font-weight:400; line-height:1.2rem}
#main_accueil .top_slide {position:relative; height:15.5rem; overflow:hidden; margin:2rem auto 3rem auto}
/* end main_accueil */

/* start histoire */
#fich_actu {margin-top:1rem}
#histoire {margin-top:4rem;}
#histoire .hist_contener {display:flex; flex-direction: column; margin:0 auto;}
#histoire .hist_contener blockquote p {margin-bottom:1rem; text-align:justify;}
#histoire .hist_contener blockquote .bn {color:var(--BlueNavy)}
/* end histoire */

/* start parcours */
#parcours {margin-bottom:3rem}
#parcours .blue_box {position:relative; top:0; left:0; padding:2rem; margin:0 auto; background-color: var(--ShipColor);}
#parcours .blue_box p.big_titre {width:18rem}
#parcours .blue_box p.big_titre + p:nth-child(2) {font-size:1rem; margin-top: 1rem;}
#parcours .blue_box .comments {display:flex; flex-direction:column;}
#parcours .blue_box .comments div:nth-child(2) {padding:1rem 0}
#parcours .blue_box .comments div:nth-child(2) p {text-align:justify; margin:0 0 1rem 0}
/* end parcours */



/* start audio */
#audio {margin-bottom:3rem}
#audio .blue_box {position:relative; top:0; left:0; padding:2rem; margin:0 auto; background-color: var(--ShipColor);}
#audio .blue_box p.big_titre {width:18rem}
#audio .blue_box div:nth-child(2) {width:100%;}
#audio .blue_box div:nth-child(2) p:not(.big_titre) {margin-top:1rem; margin-bottom:.5rem; font-size:1rem; line-height:1.2rem; text-align:justify;}
#audio .blue_box div:nth-child(3) :nth-child(3) {text-align:center; align-self:center;}
#audio .blue_box div#descr {display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; padding-top:2rem;}
#audio .blue_box div#descr p.st {margin-bottom:.2; font-weight:400; font-size:1rem}
#audio .blue_box div#descr div.d1 blockquote p, #audio .blue_box div#descr div.d2 blockquote p, #audio .blue_box div#descr div.d3 blockquote p,  #audio .blue_box div.escape blockquote p {font-size:.8rem; margin-bottom:0; line-height:inherit}
#audio .blue_box div#descr div.d1 {margin-bottom:1rem}
#audio .blue_box div#descr div.d2 ul {margin-top:.3rem; padding-left:1rem}
#audio .blue_box div#descr div.d2 ul li {color:white; font-size:.8rem; margin-bottom:0; line-height:inherit}
#audio .blue_box .escape {display:flex; flex-direction:column; justify-content:space-evenly; align-items: flex-start; border-top:2px solid var(--GoldNavy); padding-top:2rem; margin-top:3rem;}
#audio .blue_box .escape blockquote p {line-height:1.3rem; text-align: left;}
#audio .blue_box .escape div:nth-child(2) img:first-child {width:4.63rem; cursor:pointer}
#audio .blue_box .escape div:nth-child(2) img:nth-child(2) {width:12.33rem; margin-left:.6rem;}
/* end audio */

/* start away */
#away {margin-bottom:3rem}
#away .blue_box .big_titre {line-height:2.3rem; margin-bottom:2rem;}
#away .blue_box {position:relative; top:0; left:0; padding:2rem; margin:0 auto; background-color: var(--ShipColor);}
#away .blue_box .flex_contener {display:flex; flex-direction: column; justify-content:space-between; align-items: flex-start;}
#away .blue_box .flex_contener .video_contener {width:100%; height: 15rem;}
#away .blue_box .flex_contener .video_contener p {text-align:center; margin-top:.8rem}
#away .blue_box .flex_contener .text_contener {margin-top:4rem}
#away .blue_box .my_btn, #adhesion .blue_box .my_btn:not(.browser-default) {text-align:center; margin:2rem auto 0 auto}
#away .blue_box .my_btn:hover, #adhesion .blue_box .my_btn:hover:not(.browser-default) {background-color:var(--BGFooterColor)}
#away .blue_box .my_btn span, #adhesion .blue_box .my_btn span:not(.browser-default) {font-size:.85rem;}
/* end away */


/* start 3images */
#images_alignement {margin-bottom:3rem}
#images_alignement .contener {display:flex; width:68rem; margin:0 auto 0 auto; padding:2rem .3rem; justify-content:space-evenly; background-color:#f1f1f1;}
#images_alignement .contener .imgc {width:20rem; height:14rem; background-position:center center; background-repeat: no-repeat; background-size:cover;}
#images_alignement .contener .imgc:first-child {background-image:url('../images/hist_1S.jpg');}
#images_alignement .contener .imgc:nth-child(2) {background-image:url('../images/hist_2S.jpg');}
#images_alignement .contener .imgc:nth-child(3) {background-image:url('../images/hist_3S.jpg');}
/* end 3images */ 

/* start epoque */
#epoque {margin-bottom:8rem}
#epoque .blue_box {position:relative; top:0; left:0; height:33rem; padding:1rem; margin:0 auto; background-color:var(--ShipColor);}
#epoque .blue_box p {font: var(--PoppinsFont); font-size:2rem; line-height:2rem;  color:white; text-align:right;}
#epoque .blue_box p:first-child {margin-bottom:.5rem;}
#epoque .img_contener {position:relative; top:0; left:0; height:26.50rem; margin-left:auto; margin-bottom:0; margin-right:auto;}
#epoque .img_contener {background-image:url('../images/plbg/bg1.jpg'); background-position:center -3rem; background-repeat: no-repeat; background-size:cover;}
/* end epoque */

/* start activites */
#activites {position:relative}
#activites .titre_box {margin:2rem 0 1rem 0; text-align:center;}
#activites .titre_box p:first-child {margin:2rem 0 1rem 0; text-align:center;}
#activites .grey_box {position:relative; top:0; left:0; text-align:center; padding:0 1rem; margin:0 auto 2rem 0; background-color:#f1f1f1;}
#activites .text_contener p:nth-child(1) {display:flex; justify-content:space-evenly; align-items:center; font-weight:400; color:black; margin:0 0 .5rem 0; font-size:.8rem; text-transform:uppercase; padding:.2rem .5rem; border-top:1px dotted grey; border-bottom:1px dotted grey}
#activites .grey_box div.img_contener {width:20rem; height:15rem; margin:0 auto;background-position:center center; background-size:cover; background-repeat:no-repeat; cursor:pointer}
#activites .grey_box blockquote {margin-bottom:.85rem;text-align: justify; line-height:1.3rem;}
#activites .grey_box blockquote p:nth-child(1) {font-size:1.2rem;font-weight:400; line-height:1.4rem; margin:.5rem 0; color:var(--ShipColor)}
#activites .grey_box blockquote p:nth-child(2) {font-size:1.1rem;}
/* end activites */


/* start association */
#asso .titre_box {margin-bottom:2rem;}
#asso .titre_box p:first-child {line-height:3.1rem}
#asso div.full_line, #ancre div.full_line {display:flex; padding:1rem 0; flex-direction:column; justify-content:center; align-items:center; background-color:var(--ShipColor);}
#asso div.full_line div.boxes, #asso div.full_line div.boxes2 {position:relative; top:0; left:0; width:100%; margin:0 0 1rem 0; padding:2rem 1rem; background-color:white; color:var(--PresqueNoir);}
#asso div.full_line div.boxes .l1_contener {display:flex; justify-content:flex-start; align-items:center;}
#asso .l1_contener img {height:1.35rem; margin-right:1rem;}
#asso .l1_contener p {font-weight:400; color:var(--BlueNavy)}
#asso .l1_contener p:nth-child(2) {font-size:1.1rem; line-height:1.1rem}
#asso div.full_line div.boxes blockquote {display:flex; flex-direction:column; justify-content:flex-start; margin-top:.9rem;}
#asso div.full_line div.boxes blockquote div.rows {display:flex; justify-content:flex-start; align-items:baseline; font-size:.8rem;}
#asso div.full_line div.boxes blockquote div.rows div.col:nth-child(1) {width:7.4rem; font-weight:500}
#asso div.full_line div.boxes blockquote div.rows div.col:nth-child(2) {line-height:.9rem; margin-left:.5rem;}
#asso div.full_line div.boxes blockquote div.rows:nth-child(3) {margin-top:.7rem; font-size:.85rem; font-weight:500}
#asso div.full_line div.boxes blockquote p {font-size:.8rem; font-weight:500; text-align:center; margin:1rem 0 .3rem 0; padding:0 2rem}
#asso div.full_line div.box2 blockquote div.rows div.col:nth-child(1) {width:10.4rem;}
#asso div.full_line div.box1 blockquote p {margin-top:1rem}
#asso div.full_line div.boxes2_contener {display:flex; flex-direction:column; width:100%; height:inherit}
#asso div.boxes2_contener div.box3, #asso div.boxes2_contener div.box4, #asso div.boxes2_contener div.box5 {position:relative; top:0; left:0; width:100%m; height:inherit; background-color:white; color:var(--PresqueNoir)}
#asso div.full_line div.boxes2_contener .boxes2 p:nth-child(1) {margin-bottom:.2rem; font-size:1.1rem; font-weight:400}
#asso div.full_line div.boxes2_contener .boxes2 p.text {margin-bottom:.2rem; font-size:1rem; line-height:1rem; text-align:justify}
#asso div.full_line div.boxes2_contener .box4 p.text:nth-child(3) {color:red; font-weight:400}
#asso div.full_line div.boxes3_contener {position:relative; top:0; left:0; width:100%; height:inherit; margin:0 auto}
#asso div.full_line div.boxes3_contener .box6 {position:relative; top:0; left:0; height:inherit; margin:1.9rem 1rem; padding:1.2rem 2rem; background-color:white; color:var(--PresqueNoir)}
#asso div.full_line div.boxes3_contener .box6 p:first-child {font-weight:600; text-align:center; margin-bottom:.5rem; color:var(--BlueNavy)}
#asso .media-box {cursor:pointer;}
#asso .media-box .media-box-content {min-height:5.4rem; background:#f6f6f6; border:1px solid #dfdfdf; padding:0 .35rem;}
#asso .media-box .media-box-text {font-size:.9rem; margin:.5rem 0 0 0 !important; text-align:center; color:#000000; line-height:1rem}
#asso .media-box .thumbnail-overlay {color:white;}
#asso .media-box .thumbnail-overlay .material-symbols-outlined {font-size:2rem;}
#asso .honor_contener {position:relative; top:0; left:0; margin:1.9rem 0; color:var(--PresqueNoir);}
#asso .honor_contener p {text-align:justify;}
#asso .honor_img_center {position:relative; top:0; left:0; width:100%; margin:0 auto;}
#asso .media-box-categories {text-align:center; margin-top:1rem; margin-bottom:.677rem;}
#asso .media-box-categories span{font-size:.46rem; text-transform:uppercase; letter-spacing:.104rem; border-bottom:1px solid; padding-bottom:.104rem; border-color:#e54e53; color:#e54e53;}
/* end association */

/* start ancre */
#ancre div.full_line {background-color:#d4d2d2; padding:4rem;}
#ancre .contener {width:93%; padding:2rem 0 5rem 1.5rem; margin:-4rem auto 0 auto; background-color:var(--ShipColor); color:white}
#ancre .contener blockquote p {font-size:1rem;}
#ancre .contener blockquote p:nth-child(3) {width:95%; text-align:justify;}
#ancre .contener blockquote p:nth-child(4) {width:95%; text-align:right; font-size:.9rem; font-style:italic; cursor:pointer;}
#ancre .contener .img_contener {width:100%; margin:2rem auto 2rem auto;}
#ancre .contener .img_contener img {display:block; width:95%; margin:0 auto .5rem 0;}
#ancre .contener .flex_contener .img_c {padding:.3rem; border:.1rem solid white; background-position:center top; background-repeat: no-repeat; background-size:cover; cursor:pointer;}
#ancre .flex_contener {display:flex; width:93%; flex-direction:column;}
#ancre #fc1, #ancre #fc2, #ancre #fc3 {margin-top:1rem;}
#ancre #fc1 .img_c {width:15rem; height:15rem; margin:0 auto; background-image:url('../images/parcours/thumbs/p02.jpg');}
#ancre #fc1 .text_c {width:100%; margin-top:1.5rem;}
#ancre #fc2 .img_c {width:19rem; height:15rem; margin:0 auto; background-image:url('../images/ancre/ancre4.jpg');}
#ancre #fc2 .text_c {width:100%; margin-top:1.5rem;}
#ancre #fc3 .img_c {width:19rem; height:19rem; margin:0 auto 1rem auto; background-image:url('../images/ancre/ancre5.jpg');}
#ancre #fc3 .text_c {width:100%;}
#ancre #fc3 .text_c p:nth-child(5) {font-weight:.8rem; font-style:italic;}
/* end ancre */

.ch {text-align:center; font-style: italic; margin: 0 !important;}

/* start actu */
#actu {margin-top:3rem;}
#actu .actu_contener {display:flex; flex-direction:column; margin:0 auto 6rem auto; padding:3rem .1rem; justify-content:space-evenly; background-color:#f1f1f1;}
#actu .actu_contener div.bd_news {display:flex; justify-content:center; flex-wrap:wrap; cursor:pointer}
#actu .actu_contener div.bd_news div.actu_boxes,
#mb_news .media-box .actu_boxes {width:20rem; margin:0 auto 2rem auto; background-color:white; border:1px solid #e2dfdf; padding:0 0 2rem 0;}
#actu .actu_contener div.bd_news div.actu_boxes:hover,
#mb_news .media-box .actu_boxes:hover {box-shadow:3px 0px 4px rgb(188 188 188 / 89%);}
#actu .actu_contener div.bd_news div.img_contener,
#mb_news .media-box .actu_boxes .img_contener {width:16rem; height:12rem; margin:.8rem auto 0 auto; background-position:center center; background-repeat: no-repeat; background-size:cover;}
#actu .actu_contener div.bd_news p.title,
#mb_news .media-box .actu_boxes p.title {min-height:2.1rem; line-height:1rem; text-align:center; font-weight:400; margin:.5rem 0 .5rem 0}
#actu .actu_contener div.bd_news blockquote,
#actu .actu_contener div.bd_news blockquote p,
#mb_news div.actu_boxes blockquote p {text-align:justify}
#actu .actu_contener div.bd_news blockquote p span,
#mb_news .media-box div.actu_boxes blockquote p span {display:block; text-align:right; font-size:.75rem; font-style:italic; font-weight:400}
#actu .actu_contener div.bd_news div.pied,
#mb_news .media-box div.actu_boxes div.pied {display:flex; justify-content:center; align-items:center; margin-top:1.5rem; font-size:.75rem; border-top:1px dotted grey; border-bottom:1px dotted grey}
#actu .actu_contener p.date_archive {display:block; font-size:.8rem; margin:0 auto 0 auto; text-align:center;}

#actu div.actu_contener div.bd_news div.pied div.items,
#mb_news .media-box div.actu_boxes div.pied div.items {font-size:.6rem; text-transform:uppercase;}
#actu .actu_contener div.bd_news div.pied div.items span,
#mb_news .media-box div.actu_boxes div.pied div.items span {margin:0 .3rem;}
#actu .actu_contener div.bd_news .fb_img {width:22rem;}
#actu .actu_contener div.bd_news .btn_c {width:25rem; margin:0 1rem 1rem 0; align-self:center;}
#actu .actu_contener div.bd_news .btn_c .my_btn {display:block; padding:0 5rem; height:2.27rem; margin:1rem auto 0 auto; color:white; background-color:var(--ShipColor);}
.categ_selector select {font-size:1rem; width:100%; height:3rem; font-weight:400; margin:1rem 0 0 0;}
/* end actu */

/* start fich_actu */
#fich_actu .actu_contener {width:100%; padding:1rem 2rem 5rem 2rem; background-color:#f1f1f1;}
#fich_actu .actu_contener .top_contener {display:flex; flex-direction:column-reverse;}
#fich_actu .actu_contener .top_contener .title_contener {margin-top:1; text-align:center;}
#fich_actu .actu_contener .top_contener .title_contener p {font-weight:400; font-size:1.1rem}
#fich_actu .actu_contener .top_contener .annexes_contener {display:flex; justify-content:space-between; align-items:center; padding:.3rem .4rem; border-top:1px dotted grey; border-bottom:1px dotted grey}
#fich_actu .actu_contener .top_contener .annexes_contener .items {font-size:.8rem;  text-transform:uppercase;}
#fich_actu .actu_contener .top_contener .annexes_contener .items span {margin:0 .3rem}
#fich_actu .actu_contener .items_contener {display:flex; justify-content:space-between; align-items:center;}
#fich_actu .actu_contener .nav_contener {display:flex; justify-content:space-between; align-items:center;}
#fich_actu .actu_contener .nav_contener .nav {font-size:.8rem; margin-right:.9rem}
#fich_actu .actu_contener .nav_contener .nav:not(.material-symbols-outlined) {font-size:1rem; font-weight:400; cursor:pointer}
#fich_actu .actu_contener .nav_contener .nav:hover {color:red}
#fich_actu .actu_contener #prev, #fich_actu .actu_contener #next {display:flex; align-items:center;}
#fich_actu .actu_contener .nav_contener .all_actus_contener {width:10rem;}
#fich_actu .actu_contener .nav_contener .all_actus_contener button {font-size:0.7rem; line-height:1.4rem; width:100%; background-color:var(--BlueNavy); color:white; border:none; padding:inherit; margin:inherit}
#fich_actu .actu_contener .nav_contener .all_actus_contener button:hover {background-color:var(--ShipColor)}
#fich_actu .actu_contener .main {display:flex; flex-direction:column-reverse; margin-top:1rem;}
#fich_actu .actu_contener .main .text {max-height:18rem; overflow:auto; margin-top:1rem; padding:1rem 1rem 1rem 0; font-weight:400; text-align:justify;}
#fich_actu .actu_contener .main .couv_contener {height:20rem; border:1px solid grey; border-radius:.3rem; background-position:center center; background-repeat: no-repeat; background-size:cover;}
#fich_actu .bottom_arrow_contener {display:none; text-align:center; padding:.4rem .4rem; border-top:1px dotted grey; border-bottom:1px dotted grey}
#fich_actu .mb_contener {margin-top:3rem}
#fich_actu .mb_contener .media-box-text {height:3.5rem; text-align:center; color:black; line-height:0.8rem; font-weight:400; font-size:0.7rem; padding:.5rem; margin: 0 0px 13px 0 !important;}
#fich_actu .my_btn {display:inline; width:5rem; border-radius:4px; font-size:.9rem; padding:.52rem 1rem; height:2.27rem; margin:0 auto 0 auto; color:white; background-color:var(--BlueNavy); cursor:pointer}
#fich_actu .my_btn:hover {background-color:var(--ShipColor); transition:.6s cubic-bezier(.14,.7,.93,.5);}
/* end fiche_actu */

/* start agenda */
#agenda {position:relative;}
#agenda .ag_main_contener {position:relative; top:0; left:0; width:100%; text-align:center; margin-top:1rem;}
#agenda .ag_main_contener h3 {font-weight:200; font-size:2.8rem; color:var(--ShipColor)}
#agenda .ag_items_c {display:none; position:relative; top:0; left:0; margin-top:1rem; text-align:center; width:100%;}
#agenda .ag_item {text-align:left; border:1px solid grey; padding:.5rem;}
#agenda .ag_item blockquote {display:none; padding:.3rem; background-color:#e6e6e6;}
#agenda .ag_item blockquote p.event_sp {cursor:pointer;}
#agenda div.pj_main_contener {position:relative; top:0; left:0; text-align:center; width:100%;}
#agenda div.pj_main_contener .pj_contener {display:none; border:1px solid black;  width:100%; padding:1rem;}
#agenda div.pj_main_contener #pj_trigger, #agenda div.ag_main_contener #ag_trigger {cursor:pointer; display:flex; justify-content:center; align-items:center; border:1px solid var(--BlueNavy); border-radius:.3rem; margin:.6rem 0;}
#agenda div.items_c {margin-bottom:1rem}
#agenda div.items_c ul li {display:flex; align-items:flex-end; text-align:justify; font-size:.9rem; line-height:1.3rem; margin-bottom:.5rem;}
#agenda span.fd {font-size:3rem; color:var(--ShipColor)}

#agenda div.nodates_c  {width:100%; height:fit-content; padding:1rem; text-align:left; background-color:rgb(243, 243, 243); border-right:1px solid black; border-bottom:1px solid black; border-left:1px solid black;}
#agenda div.nodates_c ul {margin-left:.5rem;}
#agenda div.nodates_c ul li {list-style: square; font-size:.8rem; margin-left:1rem;}



/* end agenda */

/* start main_all_news */
#main_all_news {margin-top:1rem;}
#main_all_news .titre_box p:first-child {font:var(--CardoFont); line-height:5.5rem; font-size:4.2rem; color:#bebebe; text-align:right;}
#main_all_news .mb_news_contener {margin-top:1rem}
#main_all_news .mb_news_contener .media-box {background-color:white; font-size:inherit}
#main_all_news ul.media-boxes-filter {margin:3rem 0 0 1.37rem;}
#main_all_news .media-boxes-filter>li a {font-size:.75rem; font-weight:400; color:white; background-color:var(--BlueNavy)}
#main_all_news .media-boxes-filter>li a:hover {background-color:var(--ShipColor);}
#main_all_news .media-boxes-filter>li a.selected {background-color:var(--ShipColor) !important}
#mb_news .media-box .actu_boxes {width:inherit; margin:inherit}
#mb_news .media-box .actu_boxes p.title {height:2.9rem}
.actu_contener div.bd_news blockquote, #mb_news .media-box div.actu_boxes blockquote {padding:0 1rem}
/* end main_all_news */

/* start videos */
#videos .main_contener {position:relative; top:0px; left:0; margin-top:3rem}
#videos .main_contener p.medium_titre_2 {line-height:1.4rem; text-align: center;}
#videos .blue_box {position:relative; top:0; left:0; width:100%; padding:1.5rem 1rem; margin:0 auto 2rem auto; color:white; cursor:pointer}
#videos .blue_box:nth-child(odd) {background-color: var(--ShipColor);}
#videos .blue_box:nth-child(even) {background-color: #0c0c55d6;}
#videos .blue_box .flex_contener {display:flex; width:100%; margin-top:.8rem; flex-direction:column;}
#videos .blue_box .flex_contener .imgc {height:12rem; background-position:center top; background-repeat: no-repeat; background-size:cover;}
#videos .blue_box .flex_contener .imgc p {position:relative; top:8.5rem; font-size:.75rem; text-align:center; }
#videos .blue_box .flex_contener .textc {width:100%; margin-top:1.5rem}
#videos .blue_box .flex_contener div:nth-child(2) div p {font-size:.9rem; line-height:1.25rem;}

#videos .blue_box .my_btn {padding:.30rem 7rem; font-size:.9rem}
#videos .blue_box .my_btn:hover {background-color: var(--ParisColor); transition: .6s cubic-bezier(.14,.7,.93,.5);}
#videos .blue_box .my_btn:focus {background-color:var(--ParisColor);}

#videos .blue_box #playlist .video001 p.titre {position:relative; justify-content: center; top:0rem; width:100%; min-height:2.2rem; line-height: 1.1rem; margin-bottom: 0.5rem; font-size:.9rem;}
#videos .blue_box #playlist .video001 p {display:flex; position:relative; top:5.5rem;}
#videos .blue_box #playlist .video001 p.titre span {align-self:flex-end;}
#videos #playlist .video001 {margin-right:1.5rem; margin-bottom:2rem;}
#videos #playlist .video001:last-child {margin-right:0;}
#videos .blue_box .flex_contener {flex-wrap: wrap;}
#videos .blue_box .flex_contener .video001 img {width:21.3rem;}
/* end videos */

/* start photos */
#photos .titre_box p:first-child {text-align: center;}
#photos .main_contener {position:relative; top:0px; left:0; text-align:center; width:100%;}
#photos .main_contener p.medium_titre_3 {text-align:center; margin-top:2rem}
#photos .main_contener p.phdate {font-size:.8rem; font-style:italic; text-align:center;}
.gphotos {margin-top:1rem;}
#photos .media-box {cursor:pointer;}
#photos .media-box .thumbnail-overlay {color:#e5f0fb;}
#photos .main_contener a.my_btn {font-size:.9rem; margin-top:6rem}
/* end photos */

/* start Projets */
#projets .titre_box p:first-child {font-size:3rem; line-height: 3rem; text-transform:inherit; margin:2rem 0}
#projets .grey_box {position:relative; top:0; left:0; padding:1.5rem 1rem; margin:0 auto 3rem auto; background-color:#f1f1f1;}
#projets .text_contener {width:100%; margin:0 auto; background-color:#f1f1f1; color:var(--ShipColor);}
#projets .text_contener p {margin-bottom:.8rem}
#projets .flex_contener {display:flex; flex-direction:column; width:100%; justify-content:space-between; align-items:flex-start;}
#projets .flex_contener div.items_c {width:20rem;}
#projets .flex_contener div.items_c ul li {display:flex; line-height:1.3rem; margin-bottom:.5rem;}
#projets .flex_contener div.items_c ul li span {margin-right:.3rem;}
#projets .flex_contener div.items_c ul li .valign_top {align-self:flex-start; margin-top:0.17rem;}
#projets #event .flex_contener div.img_c {width:20.5rem;}
#projets #event .flex_contener div.img_c img {width:20.5rem;}
#projets #hist .flex_contener div.img_c {width:20.5rem; text-align: center;}
#projets #hist .flex_contener div.img_c img {height:14rem;}
#projets #educ .flex_contener div.img_c {width:20.5rem;;}
#projets #educ .flex_contener div.img_c img {width:20.5rem;}
#projets #rayo .flex_contener div.items_c, #projets #fonc .flex_contener div.items_c {width:20rem;}

/* end Projets */

/* start buffalo */
#buffalo .titre_box p:first-child {font-size:4.8rem; text-transform:inherit; margin-bottom:2rem}
#buffalo .grey_box {position:relative; top:0; left:0; padding:2rem 1rem; margin:0 auto 3rem auto; background-color:#f1f1f1;}
#buffalo .text_contener {width:100%; margin:0 auto 3rem auto; background-color:#f1f1f1; color:var(--ShipColor);}
#buffalo .text_contener p {text-align:center; margin:0 auto; font-size:2.3rem; line-height:2.6rem}
#buffalo .infos_contener p {text-align:justify; margin-bottom:.4rem;}
#buffalo .forms_flex_contener {display:flex; width:100%; flex-direction:column;}
#buffalo .forms_flex_contener .form1 {margin-top:2rem}
#buffalo .forms_flex_contener .form2 {margin-top:2rem; padding-top:2rem; border-top:1px solid black;}
#buffalo .forms_flex_contener .form1 h5 {text-align:center;}
#buffalo .forms_flex_contener .form2 h5 {text-align:center;}
#buffalo .forms_flex_contener .form1 .form_c, #buffalo .forms_flex_contener .form2 .form_c {width:25rem; margin:1rem auto 0 auto}
#buffalo .forms_flex_contener input.buff_register {width:100%;}
#buffalo .forms_flex_contener textarea.buff_register {width:100%; background-color:#fff;}
#buffalo .forms_flex_contener input.CP {display:inline; width:6rem; background-color:#fff;}
#buffalo .forms_flex_contener input.VILLE {display:inline; width:14.2rem; background-color:#fff;}
#buffalo .forms_flex_contener select {height:1.95rem;}
#buffalo .forms_flex_contener .form1 .nb_part_c {display:flex; justify-content: flex-start; align-items:center;}
#buffalo .forms_flex_contener .form1 .nb_part_c p {font-size:.9rem; margin-left:.6rem; width:22rem;}
#buffalo .forms_flex_contener .form1 .nb_part_c select {width:3rem;}
#buffalo .forms_flex_contener .form1 .infos_c {margin-top:.8rem;}
#buffalo .forms_flex_contener .form1 .infos_c p:nth-child(1) {color:red; font-size:.7rem}
#buffalo .forms_flex_contener .form1 .infos_c p:nth-child(2) {font-size:.9rem; text-align:center; width:20rem; margin:0 auto}
#buffalo .forms_flex_contener .form2 p {font-size:.75rem; margin-bottom:.3rem; text-align: justify;}
#buffalo .forms_flex_contener .form2 img.plaque {display:block; width:10rem; margin:1rem auto}
#buffalo .forms_flex_contener .form2 .form_cont {position:relative;}
#buffalo .forms_flex_contener input.buff_donate {width:49%;}
#buffalo .forms_flex_contener .inline {display:inline;}
#buffalo button.donation_button {font-size:.8rem; margin-top:.4rem; padding:.4rem 4.4rem;}
#buffalo div.register {position:relative}
#buffalo p.confirm {display:none; width:28.8rem; margin-top:-4rem; text-align:center; font-size:.9rem;}

/* Colloque 2024 */
section#colloque {position:relative}
section.colloque_c {margin-top:3rem}
section#colloque .text_contener {border-radius:1rem}
section#colloque div#rows, section#colloque div.rows {margin-bottom:2rem}
section#colloque div.row1 div.titre_collo {position:relative; height:fit-content;}
section#colloque div.row1 div.titre_collo h1, #collo_infos h1 {font:var(--montserraCollo); color:#7b1d30; font-size:1.5rem; line-height:1.6rem; margin:0; text-align:center;}
section#colloque div.row1 div.titre_collo h2, #collo_infos h2 {font:var(--montserraCollo); font-weight:400; color:#1c3e69; font-size:1rem; margin:1.3rem 0 0 0; text-align:center;}
section#colloque div.row2 p:first-child {font:var(--montserraCollo); font-style:italic; color:#1c3e69; font-size:1.7rem; margin:0;}
section#colloque div.row2 p:nth-child(2) {font:var(--montserraCollo); font-weight:400; color:#1c3e69; font-size:1.1rem; margin:.3rem 0 0 0;}
section#colloque div.row2 p:nth-child(3) {font:var(--montserraCollo); font-weight:500; color:red; font-style:italic; text-align:center;}

section#colloque div.row3 a:link, section#colloque div.row3 a:visited {display:block; font-size:1.2rem; font-weight:400; text-align:center; color:var(--BlueNavy); cursor:pointer;}
section#colloque div.row3 a:hover {color:red}
section#colloque div.row4 p {font-weight:400; line-height:1.3rem}

section#book {margin-top:3rem}
section#book .shadow1 {box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;}
section#book .titre_box p:first-child {position:relative; line-height:2rem; font-size:2rem; text-transform:inherit; z-index:1000; color:#cc071e}
section#book div.collo_contener {position:relative; width:100%; margin:-2rem auto 0 auto; padding:3rem 1rem; background-color:#f1f1f1;}
section#book div#rows {margin-bottom:3rem}
section#book div.row1 {display:flex; flex-direction:column; align-items: center;}
section#book div.row1 .top_photo {position:relative; width:18.4rem; height:25.9rem; background-image:url('https://www.ussixthfleet-villefranche.com/images/book/cover_520x734.jpg'); background-position:0rem 0rem; background-repeat: no-repeat; background-size:cover;}
section#book div.row1 .infos_txt {position:relative; width:100%; margin-top:.8rem; padding:2rem 1.6rem 2rem 2rem; font-size:.85rem; font-weight:400; line-height:1rem; text-align:justify; color:#173050; background-color:white; border-radius:3px;}
section#book div.row2 {display:flex; flex-direction:column-reverse; align-items:center;}
section#book div.row2 .link_boxes {position:relative; width:18.4rem; height:23rem; margin-bottom:2rem; padding:2rem; background-color:white; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;}
section#book div.row2 .link_boxes .link_boxes_content {display:flex; flex-direction:column; justify-content:flex-start; width:100%; height:100%; text-align:center; cursor:pointer}
section#book .link_boxes_content .bloc1 p {font-weight:400;}
section#book .link_boxes_content .bloc2 img {margin:.8rem 0 0 0;width:12rem;}
section#book .link_boxes_content .bloc3 p {margin:.8rem 0 0 0; font-size:.7rem; line-height:.9rem; font-weight:400;}
section#book .link_boxes_content .bloc4 p {margin:.8rem 0 0 0; font-weight:400;}
section#book .link_boxes_content .bloc5 p {margin:.8rem 0 0 0; font-size:.7rem; line-height:.9rem; font-weight:400;}
section#book .link_boxes_content .bloc6 p {margin:.5rem 0 .8rem 0; font-weight:400; text-align:center; line-height:1rem;}
section#book .link_boxes_content .bloc7 button {width:100%; padding:.2rem 0; font-size:.9rem;  font-weight:300; color:white; background-color:var(--BlueNavy); margin:0 auto;}
section#book .link_boxes_content .bloc7 button:hover {background-color:var(--ParisColor);}
section#book .link_boxes_content .bloc7 p {margin:.8rem 0 0 0; font-size:.7rem; line-height:.9rem; font-weight:400;}
section#book .link_boxes .B2 .bloc6 {margin-top:2.2rem}
section#book div.row3 .credits_boxe {position:relative; width:100%; height:fit-content;  padding:2rem 1.6rem 2rem 2rem; font-size:.85rem; font-weight:400; line-height:1rem; text-align:justify; color:#173050; background-color:white; border-radius:3px;} 
section#book div.row3 .credits_boxe ul li:nth-child(2){margin-top:1rem}
section#book div.row3 .credits_boxe li {list-style-type:disc; margin:0 0 0 2rem;}
section#book div.row3 .credits_boxe p {font-size:1.2rem; font-weight:400; margin-bottom:1rem; text-decoration:underline;}

section#collo_infos .rows {position:relative; padding:1rem 1rem; margin:2rem auto 0 auto; background-color:#f1f1f1; color:var(--ShipColor); border-radius:.8rem;}
section#collo_infos .row1 p {font-size:1rem; text-align:justify; font-weight:400}
section#collo_infos .row1 img {margin-top:1rem;}
section#collo_infos .row1 img#logo1 {width:100%}
section#collo_infos .row1 .OtherLogoc {display:flex; justify-content:space-around; align-items:flex-start; width:100%}
section#collo_infos .row1 img#logo2, section#collo_infos .row1 img#logo3 {height:6rem}
section#collo_infos .row2 p.medium_titre_2, section#collo_infos .row3 p.medium_titre_2, section#collo_infos .row5 p.medium_titre_2 {text-align:center;}
section#collo_infos .row2 ul, section#collo_infos .row3 ul {margin-top:.4rem}
section#collo_infos .row2 li, section#collo_infos .row3 li {width:20rem;list-style-type:circle; line-height:1.3rem; margin-left:1.5rem; margin-bottom:.5rem;}
section#collo_infos .row4 p {text-align:justify; font-weight:400;}
section#collo_infos .row4 a:link:not('.my_btn'), section#collo_infos .row4 a:visited {color:red; cursor:pointer;}
section#collo_infos .row4 a:hover {color:var(--BlueNavy)}
section#collo_infos .row5 p.medium_titre_2 {margin-bottom:1rem}
section#collo_infos .row5 div.link_c a:link, section#collo_infos .row5 div.link_c a:visited {display:block;padding:.8rem 1rem; border:1px solid grey; width:100%; margin-bottom:.5rem; border-radius:3px; font-weight:400; background-color:#c9d0d4; color:black}
section#collo_infos .row5 div.link_c a:hover {border-color: #7b1d30;}
section#collo_infos .row5 div.link_c {width:100%;}
section#collo_infos .row5 div.link_c span {position:absolute; margin-top:-2.7rem; right:2.5rem; color:var(--ShipColor)}

#modalinsc_form p.titre, #collo_infos p.titre {text-align:center;}
#modalinsc_form p.stitre, #collo_infos p.stitre {text-align:center; font:var(--montserraCollo); font-weight:500; color:#7b1d30}
#modalinsc_form p.date, #collo_infos p.date {text-align:center; font-size:.8rem;}
#modalinsc_form .form1 {margin:2rem auto}
#modalinsc_form .form1 h5 {text-align:center;}
#modalinsc_form .form1 .form_c {margin:1rem auto 0 auto}
#modalinsc_form .form1 p.enterprise {display:block; text-align:center; font-size:0.8rem; font-weight:400; line-height:.9rem; margin:.5rem auto 1rem auto; border:1px dotted grey; padding:.3rem}
#modalinsc_form input.collo_register {width:100%;}
#modalinsc_form textarea.collo_register {width:100%; background-color:#fff;}
#modalinsc_form input.CP {display:inline; width:6rem; background-color:#fff;}
#modalinsc_form input.VILLE {display:inline; width:9rem; background-color:#fff;}
#modalinsc_form input#email {width:100%; background-color:#fff;}
#modalinsc_form input#tel {display:inline; width:22.5rem; background-color:#fff;}
#modalinsc_form select {display:inline; width:6.8rem; height:1.95rem;}
#modalinsc_form .form1 .nb_part_c {display:flex; justify-content: flex-start; align-items:center;}
#modalinsc_form .form1 .nb_part_c p {font-size:.9rem; margin:.7rem 0 0 .6rem; width:22rem;}
#modalinsc_form .form1 .nb_part_c select {width:3rem; margin:.8rem 0 0 0}
#modalinsc_form .form1 .infos_c {margin-top:.8rem;}
#modalinsc_form .form1 .infos_c p:nth-child(1) {color:red; font-size:.7rem}
#modalinsc_form .form1 .infos_c p:nth-child(2) {font-size:.9rem; text-align:center; margin:0 auto}
#modalinsc_form .form1 .dates_part {display:flex; justify-content: flex-start; align-items:center;}
#modalinsc_form .form1 .dates_part p {font-size:.9rem; margin:.7rem 0 0 0;}
#modalinsc_form .form1 .dates_part select {width:5rem; margin:.8rem .4rem 0 .5rem}
#modalinsc_form .inline {display:inline;}
#modalinsc_form div.register {width:100%}
#modalinsc_form .add-bg {background:url('../images/PostIt.png') no-repeat; background-position:center center; min-height:15rem}
#modalinsc_form p.mess1 {font-size:.8rem; font-weight:400; text-align:center; color:red}
#modalinsc_form button.NewInscr {display:none; font-size:.8rem; padding:.4rem 3rem}
#modalinsc_form p.confirm {display:none; margin-bottom:1rem; text-align:center; font-size:.8rem;}
#modalinsc_form a#GoHome {display:none; width:max-content; margin-top:2rem}
#modalinsc_form .form1 .nl_inscr {display:block; width:14em; margin:1rem auto 0 auto;}
#modalinsc_form .form1 .nl_inscr .lab {font-size:1rem; font-weight:400; color:black; line-height:inherit; padding-left:1.4rem;}

/* start partners */
#partners {margin-top:2rem}
#partners .titre_box p:first-child {text-align: center;}
#partners .main_contener {position:relative; top:0px; left:0; width:100%; margin:0 auto}
#partners .categ_c {position:relative; width:100%; height:auto; margin-bottom:3rem;}
#partners .categ_c p {font-size:1.5rem; text-align:center;}
#partners .flex_contener {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
#partners .flex_contener div {display:flex; height:9.1rem; padding:1rem 2rem; margin-bottom:3rem; border:1px solid grey; cursor:pointer}
#partners .flex_contener div:hover {box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px; transition: .6s cubic-bezier(.14,.7,.93,.5);}
#partners .flex_contener div img {position:relative; margin:auto; width:7rem;}
/* end partners */

/* start contact */
#contact {position:relative;}
#contact .main_contener {position:relative; top:0px; left:0; width:100%; margin:3rem auto 0 auto; padding:1rem; background-color:#f1f1f1; color:var(--ShipColor)}
#contact .main_contener .big_titre {text-align:right; font-style:italic;}
#contact .flex_contener {display:flex; width:100%; flex-direction:column-reverse; margin:1rem auto 0 auto; color:var(--PresqueNoir)}
#contact .flex_contener div.left, #contact .flex_contener div.right {color:white; line-height:1rem; padding:1rem; background-color:white;}
#contact .flex_contener div.left {width:100%; background-image:url('../images/blason_7.png'); background-size:17rem; background-position:center center; background-repeat: no-repeat;} 
#contact .flex_contener div.left blockquote {color:var(--ShipColor); text-align:center;}
#contact .flex_contener div.left blockquote p {margin-bottom:.5rem;}
#contact .flex_contener div.left blockquote p:first-child {margin-bottom:1.5rem;}
#contact .flex_contener div.left blockquote p:nth-child(2) {font-weight:400}
#contact .flex_contener div.left blockquote p:nth-child(3), #contact .flex_contener div.left blockquote p:nth-child(4) {margin-bottom:2rem;}
#contact .flex_contener div.left blockquote p:nth-child(4) {font-weight:400;}
#contact .flex_contener div.left blockquote p:nth-child(4) span {font-weight:400; font-size:.8rem;}
#contact .flex_contener div.left blockquote p:nth-child(5) a:hover {color:red}
#contact .flex_contener div.right {width:100%;}
.add-bg {background:url('../images/PostIt.png') no-repeat; background-position:center center; min-height:20rem}
#contact div.formc {width:100%; margin:0 auto}
#contact div.formc form {display:flex; flex-direction:column; margin-bottom:2rem;}
#contact .formc input[type="text"],
#contact .formc input[type="email"],
#contact .formc textarea {width:100%}
#contact div.formc textarea {height:11.57rem;}
#contact div.formc input#TEL {margin-bottom:.4rem;}
::placeholder {color:var(--PresqueNoir)}
#contact .my_btn {display:block; font-size:.9rem; padding:.52rem 3rem; height:2.27rem; margin:1rem auto 0 auto; color:white; background-color:var(--BlueNavy);}
#contact .my_btn:hover {background-color:var(--ShipColor); transition:.6s cubic-bezier(.14,.7,.93,.5);}
#contact p.normal {font-size:1rem; color:var(--ShipColor); text-align:center; margin-bottom:.5rem}
#contact p.normal span {font-weight:400; font-size:.8rem;}
/* end contact */

/* start adhesion */
#adhesion {position:relative;}
#adhesion .main_contener {position:relative; top:0px; left:0; margin-top:3rem;}
#adhesion .blue_box {position:relative; top:0; left:0; width:100%; padding:1rem 1rem 3rem 1rem; margin:0 auto 2rem auto; color:white; background-color:var(--ShipColor);}
#adhesion .main_contener .big_titre {text-align:right; font-style:italic;}
#adhesion .flex_contener {display:flex; flex-direction: column; align-items: center; margin:1rem auto 1rem auto;}
#adhesion .flex_contener div.left, #adhesion .flex_contener div.right {color:white;}
#adhesion .flex_contener div.left {width:100%; margin-bottom:1rem; background-image:url('../images/blason_7.png'); background-size:17rem; background-position:center center; background-repeat: no-repeat;} 
#adhesion .flex_contener div.left p {font-size:.9rem; line-height:1.25rem; margin-bottom:1rem;}
#adhesion .flex_contener div.left p:last-child {font-weight:400;}
#adhesion .flex_contener div.right {width:100%; display:flex; flex-direction:column; justify-content:space-around; align-items:center;}
#adhesion .flex_contener div.right .row1, #adhesion .flex_contener div.right .row2 {width:18rem; height:11.4rem; padding:2.3rem 1rem 1rem 1rem; background-color:white;}
#adhesion .flex_contener div.right .row1 p, #adhesion .flex_contener div.right .row2 p {color:black; font-weight:400; font-size:.8rem; line-height:1.1rem; text-align:center;}
#adhesion .my_btn {display:block; font-size:.9rem; padding:.52rem 1rem; height:2.27rem; margin:0 auto 0 auto; color:white; background-color:var(--BlueNavy);}
#adhesion .my_btn:hover {background-color:var(--ShipColor); transition:.6s cubic-bezier(.14,.7,.93,.5);}
/* end adhesion */

/* start mentions */
#mentions {position:relative;}
#mentions .main_contener {position:relative; top:0px; left:0; width:100%; margin:1rem auto 0 auto; padding:2rem 1rem; background-color:#f1f1f1; color:var(--ShipColor)}
#mentions .main_contener .big_titre {text-align:right; font-style:italic;}
#mentions .main_contener blockquote {text-align: justify;}
#mentions .main_contener blockquote p {font-size:1rem; margin-bottom:.8rem}
#mentions .main_contener blockquote p span {font-weight:400}
/* end mentions */

/* start Footer */
footer {margin-top:6rem; background-color:var(--ShipColor);}
footer .flex_contener {display:flex; flex-direction:column; margin:2rem auto 0 auto;}
footer .flex_contener div.left, footer .flex_contener div.right {height:9.5rem; color:white; font-size:1rem; line-height:1rem; background-color:#19195e;}
footer .flex_contener div.left {width:100%; text-align:center;}
footer .flex_contener div.right {width:100%; padding:1rem 1rem}
footer .flex_contener div.left .medaillon_contener {position:relative; top:0px; left:0; width:7rem; margin:2rem auto 1.3rem auto}
footer .flex_contener div.left blockquote p {margin-bottom:.5rem;}
footer .flex_contener div.right .link_contener {text-align:center;}
footer .flex_contener div.right .link_contener a:link, footer .flex_contener div.right .link_contener a:visited, footer .flex_contener div.right .link_contener a:active {font:var(--PoppinsFont); font-size:.85rem; color:white} 
footer .flex_contener div.right .link_contener a:hover {color:red}
footer .flex_contener div.right .link_contener span {margin:0 .2rem}
footer .flex_contener div.right .bottom_contener {margin-top:2rem; font-size:.75rem; text-align: center;}


.tooltip {position:relative; display:inline-block;}
.tooltip .tooltiptext {position:absolute; visibility:hidden; width:90%; top:8.5rem; left:.5rem; font-size:.7rem; background-color:var(--ShipColor); color:#fff; text-align:center; border-radius:6px; padding:5px 0; z-index:1;
}
.tooltip:hover .tooltiptext {visibility: visible;}