* {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:#202124; font-size:1vw;}

: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:not(#titre_collo) {margin:0; font-family:'Stardos Stencil', cursive;}
h2:not(#stitre_collo) {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}

.cesure {text-overflow:ellipsis; white-space:nowrap; overflow:hidden; scrollbar-width:none;}

.titre_box {position:relative; top:0; left:0; width:70.7rem; margin:4rem auto 0 auto;}
.titre_box p:first-child {font:var(--CardoFont); line-height:5.5rem; font-size:6rem; 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) {font-size:1rem; text-align:justify; margin-bottom:1rem; line-height:1.45rem;}
p.big_titre {font-size:2.7rem;}
p.medium_titre {font-size:1.1rem;}
p.medium_titre_2 {font-size:1.6rem;}
p.medium_titre_3 {font-size:1.5rem;}
p.medium_titre_4 {font-size:1.2rem;}

input[type="text"], input[type="password"], input[type="email"], input[type="number"], 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);}
input[type="submit"], button[type="submit"], button {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:55rem;}
#modal2 {width:55rem}
#modal3 {width:50rem}
#modal4 {width:40rem}
#modal5 {width:900px}

#modal3, #modal4 h4 {font-size:4rem;}
.modalsv2 .modal-content {padding:0;}
.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:30vw}
#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:30vw}

#modalagenda {width:35vw;}
#modalagenda .modal-content {padding:2rem 2rem 0 2rem; color:#202124}
#modalagenda .modal-content img.logo {width:7rem; display:block; margin:0 auto}
#modalagenda .modal-content h3 {margin-top:.5rem; font-size:2rem; text-align:center;}
#modalagenda .modal-content p.date {margin-top:1rem; font-size:1.3rem; font-weight:400; text-align:center;}
#modalagenda .modal-content p.titre {margin-top:.8rem; font-size:1.2rem; text-align:center; line-height: 1.3rem;}
#modalagenda .modal-content blockquote {border:1px dotted grey; padding:1rem; overflow-y:auto; font-size:.9rem; line-height:1.1rem; margin-top:1rem; max-height:11rem; text-align:justify}
#modalagenda .modal-content blockquote ul {margin-left:.5rem;}
#modalagenda .modal-content blockquote ul li {list-style: square; font-size:.8rem}
#modalagenda .modal-content .closemod {font-size:.8rem; display:block; text-align:right; margin: .5rem 0; color:#0955a4; z-index:10000; cursor:pointer}
#modalagenda .modal-content .closemod:hover {color:red}

.DownArrowC {display:none; position:relative; top:0; left:0; width:100%; height:4rem; border:1px solid grey;}

.wrapper {position:relative; width:92rem; margin: 0 auto;}
.top_wrapper {background-color:var(--ShipColor);}
div.top_slide {position:relative; width:100%; height:30vw;  border-bottom:3px solid var(--GoldNavy); overflow:hidden;}
div.top_slide div.slide_contener {position:relative; display:flex; flex-direction:column; height:26rem; justify-content:flex-end; align-items:flex-end; overflow:hidden;}
div.slide_contener div.titre_contener {position:relative; display:flex; justify-content:space-between; align-items:center; width:66rem; margin-right:1rem; text-align:right; padding:2rem 2rem 2rem 3rem; background-color:#7d79796b; border-radius:.312rem}
div.slide_contener div.titre_contener h1, div.slide_contener div.titre_contener h2 {color:white;}
div.slide_contener div.titre_contener h1 {font-size:4rem;}
div.slide_contener div.titre_contener h2 {font-size:3rem;}
div.arrow_bottom_conterner {position:relative; display:flex; justify-content:center; align-items:center; margin-top:9vh; font-size:.75rem; font-weight:300; color:white; cursor:pointer}
div.arrow_bottom_conterner .material-symbols-outlined {margin-right:.2rem}
div.medaillon_contener img:not(.bandeau_logo) {width:3rem;height:3rem}
div.medaillon_contener img.bandeau_logo {width:7rem;height:7rem}

header:not(.mod) {position:sticky; top:0; left:0; z-index:500; display:flex; justify-content:space-evenly; width:100%; height:4.2rem; background-color:var(--ShipColor); border-bottom:2px solid var(--GoldNavy);}
header:not(.mod).isSticky {opacity:1;}
header:not(.mod) .right_contener {display:flex; justify-content:flex-start; align-items:center; margin-right:8rem}
.left_contener {display:flex; justify-content:flex-start; align-items:center;}
header:not(.mod) .left_contener svg, header:not(.mod) .left_contener svg image {display:block; width:3.5rem; height:3.5rem}
header:not(.mod) .left_contener div.titre_contener {margin-left:.7rem;}
header:not(.mod) .left_contener div.titre_contener h1 {font-size:1.5rem; color:white;}
header:not(.mod) .left_contener div.titre_contener h2 {font-size:1.3rem; color:white;}
.show_toptitre {opacity:1; transition: opacity 1.3s;}
.hide_toptitre {opacity:0; transition: opacity 2s;}
.show {opacity:1;}

.menuc .double {line-height:.2rem}
.menuc .double span {font-size:.75rem}

header:not(.mod) div.top {display:flex; justify-content:space-between; width:15.65rem;}
header:not(.mod) div.top div.leftbox {width:9rem; padding-left:.9rem; color:var(--ParisColor)}
header:not(.mod) div.top div.leftbox i {font-size:1.5rem}
header:not(.mod) div.top div.leftbox i:first-child {margin-right:.6rem}
header:not(.mod) div.top div.rightbox {display:flex; padding-top:.26rem; justify-content:flex-end; width:6rem;}
header:not(.mod) div.top div.rightbox img {width:1.4rem; height:1rem; margin-right:.5rem}

div.right_contener a:link, div.right_contener a:visited, header .right_contener {color:white; font-size:.9rem; cursor:pointer;}
div.right_contener a:hover, header .right_contener:hover {color:#ffe6a9;}
div.right_contener span.dot {margin:0 .5rem; font-size:.8rem; color:var(--GoldNavy)}
div.change_lang_contener {display:inline-flex; align-items:center; margin-left:7rem; padding:.12rem 0.12rem .12rem .5rem; border:1px solid var(--GoldNavy); border-radius:4px; cursor:pointer;}
div.change_lang_contener img.dr, .dropdown-content li img {width:1.145rem; height:.833rem;}
div.change_lang_contener span.material-symbols-outlined {font-size:1.2rem; margin-left:.2rem; color:var(--GoldNavy)}
.dropdown-content {margin:0 0 0 2rem; min-width:5.72rem; border: 1px solid var(--GoldNavy);}
.dropdown-content:not(.active) {display:block; right:0; margin-top:.2rem; border:1px solid var(--GoldNavy); background-color:var(--ShipColor)}
.dropdown-content li>a, .dropdown-content li>span {font-size:inherit; color:inherit; display:inherit; line-height:inherit; padding:inherit;}
.dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected {background-color: var(--BlueNavy);}
.dropdown-content li {display:flex; align-items:center; min-height:inherit; line-height:inherit; padding:.3rem .4rem .3rem .3rem; font-size:.7rem; background-color:var(--ShipColor); color:white}
.dropdown-content li i {margin-left:.2rem; font-style: inherit;}
span#cookLink, span#oldSite {cursor:pointer;}
img#green_diode {display:none; width:1rem; margin-left:.5rem; cursor:pointer}

/* start Footer */
footer {margin-top:10rem; background-color:var(--ShipColor); min-height:30rem;}
footer .rs_barre {background-color:#154b67; height:7rem;}
footer .rs_barre .conteneur {display:flex; justify-content:center; align-items:center; width:70rem; height:100%; margin:0 auto;}
footer .rs_barre .conteneur .left, footer .rs_barre .conteneur .right {color:white; width:40%; padding:2rem 0; text-align:center; background-color: #375a6cfa;}
footer .rs_barre .conteneur .left:hover {background-color:var(--ShipColor)}
footer .rs_barre .conteneur .left {border-left: 1px solid white; border-right: 1px solid white; cursor:pointer;}
footer .rs_barre .conteneur .right {display:flex; justify-content:center; align-items:center; padding:1.5rem 0; border-right: 1px solid white}
footer .rs_barre .conteneur .right img {width:2.40rem; height:2.40rem; margin:0 .3rem; cursor:pointer;}
footer .flex_contener {display:flex; justify-content:flex-start; align-items:center; margin:2rem auto 0 auto;}
footer .flex_contener div.left, footer .flex_contener div.right {height:18.52rem; color:white; font-size:.85rem; line-height:1rem; background-color:#19195e;}
footer .flex_contener div.left {width:17.05rem; text-align:center;}
footer .flex_contener div.right {width:72rem; margin-left:2rem; padding:2.5rem 3rem}
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 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 {position:absolute; right:3rem; bottom:2rem; height:2rem; text-align:right;}
footer .flex_contener div.right .bottom_contener {font-size:.70rem;}

.fade-in {opacity:1;}
.opa0{opacity:0;}
.opa5{opacity:0.5;}
.reveal-visible {opacity: 1; transition: .6s cubic-bezier(.14,.7,.93,.5);}
.top_pos {margin-top:-18rem; transition: 1s linear;}
.bottom_pos {margin-top:-6rem; transition: 1s linear;}

.tooltip {position:relative; display:inline-block;}
.tooltip .tooltiptext {position:absolute; visibility:hidden; width:90%; top:15rem; left:1rem; 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;}

/* Start NewMenu */
header#newmenu:not(.mod) {position:sticky; top:0; left:0; align-items:center; border-bottom:1px solid var(--GoldNavy); background-color:var(--ShipColor); z-index:500}
header#newmenu:not(.mod).isSticky {opacity:1;}
header#newmenu:not(.mod) .wrapper {width:95%}

header#newmenu div.newmenutop {display:flex; width:100%; height:100%; justify-content:center; align-items:center;}
header#newmenu div.newmenutop div.left_contener {display:flex; width:fit-content; justify-content:flex-start; height:100%; align-items:center;}
header#newmenu div.newmenutop div.left_contener div.titre_contener h1 {font-size:1.3rem; color:white;}
header#newmenu div.newmenutop div.left_contener div.titre_contener h2 {font-size:1rem; color:white;}
header#newmenu div.newmenutop div.centerbloc {display:flex; height:100%;}
header#newmenu div.newmenutop div.centerbloc div.togglecontener {position:relative; display:flex; justify-content:center; align-items:center; height:100%; margin:0 auto;}
header#newmenu div.newmenutop div.centerbloc div.togglecontener a, header#newmenu div.newmenutop div.centerbloc div.togglecontener p, div.right_contener a:visited, header#newmenu .right_contener {color:white; font-size:.9rem; cursor:pointer;}
header#newmenu div.newmenutop div.centerbloc div.togglecontener a:hover, header#newmenu div.newmenutop .right_contener:hover {color:#ffe6a9;}
header#newmenu div.newmenutop div.centerbloc div.togglecontener span.dot, header#newmenu div.newmenutop div.centerbloc .button-collapse span.dot {margin:0 .5rem; font-size:.8rem; color:var(--GoldNavy)}
header#newmenu div.newmenutop div.right_contener {display:flex; height:100%;; justify-content: flex-end;}

header#newmenu .togglemenuc {width:100%; margin:0 auto;}
header#newmenu .button-collapse {display:flex; align-items:center; height:100%;}
header#newmenu .button-collapse a {color:white; font-size:.9rem; cursor:pointer;}

nav {position:absolute; display:none; top:0; left:8rem; width:fit-content; height:fit-content; margin:0 auto; line-height:inherit; color:inherit; padding:.4rem 3.5rem 2rem 3.5rem; background-color:var(--ShipColor); z-index:400}
nav .triggerclosecontener {display:flex; justify-content:flex-end;}
nav span#triggerclose {height:auto; font-size:1.8rem; color:rgb(255, 255, 255); cursor:pointer}
nav .menuc {display:flex; margin-top:-.7rem}
nav .menuc .cols {display:flex; justify-content:flex-start; align-items:center; flex-direction: column; width:fit-content; margin:0 0; border-right:1px dotted var(--GoldNavy)}
nav .menuc .cols h4 {min-width:15rem; font-weight:300; font-style:italic; color:white; font-size:.9rem; text-align:center; line-height:1.6rem; margin-bottom:.4rem; background-color:#154b6782;}
nav .menuc div:last-child {border:none}
nav .menuc .cols a:link, nav .menuc .cols a:visited {font-size:.85rem; color:white; text-decoration:none; line-height:1.8rem; text-align:center; min-width:15rem; margin-bottom:.7rem; border-bottom:1px dotted gray; border-radius: 2% / 58%;}
nav .menuc .cols a:hover {background-color:var(--BlueNavy); transition: background-color 1s;}
/*End NewMenu */



#inside_nav {position:relative; top:0; left:0;}
#inside_nav .inside_nav_contener {position:relative; top:0; left:0; display:flex; width:70rem; padding:1rem; justify-content:center; margin:1rem auto 0 auto; border-radius:1rem; background-color:#aabac3fa;}
#inside_nav .inside_nav_contener .left_btn, #inside_nav .inside_nav_contener .right_btn {display:flex;}
#inside_nav .inside_nav_contener .left_btn {margin-right: 0.4rem;}
#inside_nav .inside_nav_contener .right_btn {margin-left: 0.4rem;}
#inside_nav .inside_nav_contener .left_btn a, #inside_nav .inside_nav_contener .right_btn a {width:25rem; border-radius:.4rem;}


/* start association */
#asso {position:relative; top:0; left:0; margin-bottom:3rem}
#asso .titre_box p:first-child {font-size:4rem; padding-right:2.1rem; text-transform:inherit;}
#asso div.full_line, #ancre div.full_line {display:flex; padding:6rem 0; justify-content:center; align-items:center; flex-wrap:wrap; background-color:var(--ShipColor);}
#asso div.full_line div.boxes, #asso div.full_line div.boxes2 {position:relative; top:0; left:0; width:32.7rem; height:23.653rem; margin:0 1rem; padding:2rem; 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:.5rem;}
#asso .l1_contener p {font-weight:400; color:var(--BlueNavy)}
#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; text-align:right; font-weight:500}
#asso div.full_line div.boxes blockquote div.rows div.col:nth-child(2) {width:21rem; 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}
#asso div.full_line div.box2 blockquote div.rows div.col:nth-child(1) {width:12rem;}
#asso div.full_line div.box1 blockquote p {margin-top:2.75rem}
#asso div.full_line div.boxes2_contener {display:flex; justify-content:space-evenly; width:69.7rem; 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:30rem; height:inherit; margin:1.9rem 1rem; padding:1.2rem 2rem; background-color:white; color:var(--PresqueNoir)}
#asso div.full_line div.boxes2_contener .boxes2 p:nth-child(1) {margin-bottom:.2rem; font-size:.9rem; font-weight:400}
#asso div.full_line div.boxes2_contener .boxes2 p.text {margin-bottom:.2rem; font-size:.8rem; line-height:.9rem; 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:69.7rem; 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:.7rem; 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 1rem; padding:1.2rem 2rem; color:var(--PresqueNoir);}
#asso .honor_contener p {text-align:center;}
#asso .honor_img_center {position:relative; top:0; left:0; width:40rem; 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;}

.overflow-ellipsis {text-overflow: ellipsis;}

#modal1 .flex_contener, #modal2 .flex_contener, #modal3 .flex_contener {display:flex; justify-content:space-evenly; align-items:flex-start; padding:2rem 0 1rem 2rem;}
#modal1 .flex_contener div.tg_lilly {width:8.41rem; height:16.72rem; background-image:url('../images/v2/bureau/06.jpg'); background-position:center center; background-repeat: no-repeat; background-size:cover;}
#modal1 .flex_contener .medaillon_contener, #modal2 .flex_contener .medaillon_contener, #modal3 .flex_contener .medaillon_contener {width:7rem; margin:2.4rem auto 2.3rem auto}
#modal1 .flex_contener div.text_contener, #modal2 .flex_contener div.text_contener, #modal3 .flex_contener div.text_contener {width:34rem; margin-left:1rem;}
#modal1 .flex_contener div.text_contener p.titre, #modal2 .flex_contener div.text_contener p.titre, #modal3 .flex_contener div.text_contener p.titre {font:var(--Default); font-size:1.3rem;}
#modal1 .flex_contener div.text_contener blockquote, #modal2 .flex_contener div.text_contener blockquote, #modal3 .flex_contener div.text_contener blockquote {width:30rem; font-size: 0.85rem;}
#modal1 .flex_contener div.text_contener blockquote p, #modal2 .flex_contener div.text_contener blockquote p, #modal3 .flex_contener div.text_contener blockquote p {margin-top:.5rem; text-align:justify;}
#modal1 .flex_contener div.text_contener blockquote iframe, #modal2 .flex_contener div.text_contener blockquote iframe, #modal3 .flex_contener div.text_contener blockquote iframe {width:31.25rem; height:18.75rem; padding-top:2rem;}
#modal1 .legende_contener, #modal2 .legende_contener, #modal3 .legende_contener {width:40rem; margin:0 auto; font-size:.7rem; font-style:italic; text-align:justify;}
#modal1 .legende_contener p:nth-child(2), #modal2 .legende_contener p:nth-child(2), #modal3 .legende_contener p:nth-child(2) {margin-top:.5rem}
#modal2 .flex_contener div.philip_a_dur {width:8.41rem; height:16.72rem; background-image:url('../images/v2/bureau/07.jpg'); background-position:center center; background-repeat: no-repeat; background-size:cover;}
#modal3 .flex_contener div.text_contener blockquote img {width:30rem; height:18rem; object-fit:cover; margin-top:2rem;}
/* end association */
/* end association */

    .toggle-box {
            margin-bottom: 20px;
        }

        .toggle-btn {
            padding: 8px 12px;
            background: #007BFF;
            color: white;
            border: none;
            cursor: pointer;
            border-radius: 5px;
            font-size: 20px;
        }

        .toggle-btn:hover {
            background: #0056b3;
        }

        .toggle-content {
            display: none;
            padding: 10px;
            margin-top: 5px;
            background: #f0f0f0;
            border: 1px solid #ccc;
        }

        .toggle-icon {
            transition: transform 0.3s;
        }

        .expanded .toggle-icon {
            transform: rotate(180deg);
        }

/* start contact */
#contact {position:relative; top:0; left:0; margin-bottom:3rem}
#contact .titre_box p:first-child {font-size:4rem; padding-right:2.1rem; text-transform:inherit;}
#contact .main_contener {position:relative; top:0px; left:0; width:68rem; margin:0 auto 0 auto; padding:2rem 3rem; background-color:#f1f1f1; color:var(--ShipColor)}
#contact .main_contener .big_titre {text-align:right; font-style:italic;}
#contact .flex_contener {display:flex; width:62rem; justify-content:space-between; align-items:stretch; flex-wrap:wrap; margin:1rem auto 0 auto; color:var(--PresqueNoir)}
#contact .flex_contener div.left, #contact .flex_contener div.right {color:white; line-height:1rem; padding:1.5rem 2rem; background-color:white;}
#contact .flex_contener div.left {width:30rem; background-image:url('../images/blason_7.png'); background-size:17rem; background-position:center center; background-repeat: no-repeat;} 
#contact .flex_contener div.left blockquote {margin:2rem 0 0 0; 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:1rem;}
#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:30rem;}
.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 */

@media only screen and (orientation:landscape) and (min-width:1920px) {
    body, html {font-size:.9vw;}
    /* Start NewMenu */
    header#newmenu div.newmenutop div.right_contener {width:11rem;}
    header#newmenu div.newmenutop div.left_contener {margin-right:4rem}
    /*End NewMenu */
    
}




/* Laptop HDPI */
@media only screen and (orientation:landscape) and (min-width:1367px) and (max-width:1440px) {
    body, html {font-size:1.25vw;}
    .wrapper {width:97vw}
    header:not(.mod) {justify-content:space-around;}
    header:not(.mod) .right_contener {margin-right:1rem;}
    div.top_slide div.slide_contener {height:21rem}
    div.arrow_bottom_conterner {margin-top:3.1rem}
    div.right_contener span.dot {margin:0 .3rem;}
    div.change_lang_contener {margin-left:1rem}
    /* Start NewMenu */
    header#newmenu div.newmenutop div.right_contener {width:11rem;}
    header#newmenu div.newmenutop div.left_contener {margin-right:4rem}
    /*End NewMenu */
    nav {left:4rem;}
    
}

/* Laptop MDPI */
@media only screen and (orientation:landscape) and (min-width:1113px) and (max-width:1327px) {
    body, html {font-size:1.30vw;}
    .wrapper {width:97vw}
    header:not(.mod) {justify-content:space-around;}
    header:not(.mod) .right_contener {margin-right:1rem;}
    div.top_slide div.slide_contener {height:20rem}
    div.arrow_bottom_conterner {margin-top:3.1rem}
    div.right_contener span.dot {margin:0 .3rem;}
    div.change_lang_contener {margin-left:1rem}
    header#newmenu div.newmenutop div.right_contener {width:6rem;}
    header#newmenu div.newmenutop div.left_contener .titre_contener {display:none;}
    header#newmenu div.newmenutop div.left_contener  {margin-right:2rem}    
}

/* Ipads Pro 12.9 pouces en paysage */
@media only screen and (orientation:landscape) and (min-width:1281px) and (max-width:1366px) {
    body, html {font-size:1.30vw;}
    .wrapper {width:97vw}
    header:not(.mod) {justify-content:space-around;}
    header:not(.mod) .right_contener {margin-right:1rem;}
    div.change_lang_contener {margin-left:1rem;}
    div.top_slide {height:35rem}
    div.top_slide div.slide_contener {height:26rem}
    div.arrow_bottom_conterner {margin-top:6rem}
    .titre_box {width:66.7rem}
    header#newmenu div.newmenutop div.right_contener {width:6rem;}
    header#newmenu div.newmenutop div.left_contener .titre_contener {display:none;}
    header#newmenu div.newmenutop div.left_contener  {margin-right:2rem} 
    #inside_nav .inside_nav_contener {background-color: #33a04a;}
}

/* iPads Orientation Portrait */
@media only screen and (orientation:portrait) and (max-height:1400px) {
    body, html {font-size:1.45vw;}
    .wrapper {width:94vw;}
    .left_contener {display:none;}
    div.right_contener a:link, div.right_contener a:visited, header .right_contener {font-size:1.2rem}
   
    header:not(.mod) {justify-content:space-around;}
    header:not(.mod) .right_contener {margin-right:1rem;}
    div.top_slide div.slide_contener {height:20rem}
    div.arrow_bottom_conterner {margin-top:3.1rem}
    header#newmenu div.newmenutop div.right_contener {width:6rem;}
    header#newmenu div.newmenutop div.left_contener .titre_contener {display:none;}
    header#newmenu div.newmenutop div.left_contener  {margin-right:2rem} 
    #inside_nav .inside_nav_contener {background-color: #a03333;}
}