* {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:45vw;}
#modal2 {width:45vw}
#modal3, #modal4 {width:30vw}
#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:35vw}

#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:34vw;  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;}


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:2.8rem; 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 {cursor:pointer;}
img#green_diode {display:none; width:1rem; margin-left:.5rem; cursor:pointer}

/* start home */
#home {position:relative; top:0; left:0;}
#home .collo_event p.medium_titre_2 {margin-bottom:0}
#home .collo_event p.medium_titre_4 {margin-bottom:0.8rem}
/* end home */

/* start intro */
#intro {position:relative; top:0; left:0;}
#intro .text_contener {width:70rem; padding:2rem 5rem 5rem 5rem; 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, div.collo_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), div.collo_event div.bf_btn_c {width:45rem;}
#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:10rem; height:19rem; background-image:url('../images/buffaloL2.jpg'); background-repeat: no-repeat; background-size:contain; border:1px solid var(--BlueNavy); border-radius:.6rem;}
#intro div.buffalo_event .bf_flex div:nth-child(1) div.bf_b2 {margin-top:4rem}
#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 {width:inherit}
#une .titre_box p:first-child {font-size:5.2rem}
#une .actu_contener {display:flex; width:100%; margin:2rem auto 6rem auto; padding:3rem .3rem; justify-content:space-evenly; background-color:#f1f1f1;}
/* end une */

/* start histoire */
#histoire {margin-top:1rem}
#histoire .hist_contener {margin:2rem auto 0 auto;}
#histoire .hist_contener blockquote {width:58rem;}
#histoire .hist_contener blockquote p {margin-bottom:1rem; text-align:justify;}

.blue_box {position:relative; top:0; left:0; width:67.7rem; padding:2rem 0 5rem 5rem; margin:0 auto; background-color: var(--ShipColor);}
/* end histoire */

/* start parcours */
#parcours {margin-bottom:3rem}
#parcours .blue_box {position:relative; top:0; left:0; width:67.7rem; padding:2rem 0 5rem 5rem; margin:0 auto; background-color: var(--ShipColor);}
#parcours .blue_box p.big_titre + p:nth-child(2) {width:57rem; font-size:1rem}
#parcours .blue_box p:nth-child(3) {width:57rem; font-size:1rem; text-align:center;}
#parcours .blue_box div.parcours_extended {display:none}
#parcours .blue_box .img_contener {display:flex; width:60rem; margin:1rem 0 2rem 0; justify-content:flex-start; flex-wrap: wrap; background-color:inherit; padding:inherit}
#parcours .blue_box .img_contener .imgc {width:12.894rem; height:12.894rem; margin:1rem 2rem 1rem 0; padding:.3rem; border:.3rem solid white; background-position:center top; background-repeat: no-repeat; background-size:cover; cursor:pointer;}
#parcours .blue_box .comments {display:flex; width:60rem; margin-top:1rem; justify-content:flex-start; align-items:center; padding-bottom:2rem; border-bottom:1px solid var(--GoldNavy)}
#parcours .blue_box .comments div:nth-child(2) {width:42rem;}
#parcours .blue_box .comments div:nth-child(2) p {font-size:.9rem; line-height:1.1rem; text-align:justify; margin:0 0 1rem 2rem}
/* end parcours */

/* start audio */
#audio {margin-bottom:3rem}
#audio .blue_box .big_titre {line-height:3rem; margin-bottom:2rem;}
#audio .blue_box {position:relative; top:0; left:0; width:67.7rem; padding:2rem 0 5rem 5rem; margin:0 auto; background-color: var(--ShipColor);}
#audio .blue_box div:first-child {width:100%;}
#audio .blue_box div:first-child p:not(.big_titre) {margin-bottom:.5rem; font-size:.9rem; line-height:1.1rem; text-align:justify;}
#audio .blue_box div:nth-child(2) {width:58rem;}
#audio .blue_box div:nth-child(2) a:link, #audio .blue_box div:nth-child(2) a:visited {color:white; text-decoration:underline;}
#audio .blue_box div:nth-child(3) {display:flex; width:100%; margin-top:1rem; justify-content:flex-start; align-items:flex-start;}
#audio .blue_box div:nth-child(3) img {margin-right:1rem}
#audio .blue_box div:nth-child(3) :nth-child(3) {width:27rem; text-align:center; align-self:center;}
#audio .blue_box div#descr {display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; width:58rem; 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 div#descr a, .escape a {margin-left:.5rem; text-decoration:none; font-style:italic; color:white}

#audio .blue_box .escape {width:58rem; border-top:2px solid var(--GoldNavy); padding-top:2rem; margin-top:1rem;}
#audio .blue_box .escape blockquote {width:54rem; margin-right:2rem}
#audio .blue_box .escape blockquote p {line-height:1.3rem;}
#audio .blue_box .escape blockquote p:nth-child(5) {font-size:1rem}
#audio .blue_box .escape div:nth-child(2) img:first-child {width:19.63rem; cursor:pointer}
#audio .blue_box .escape div:nth-child(2) img:nth-child(2) {width:8.33rem; margin-left:.6rem;}
/* end audio */

/* start away */
#away {margin-bottom:3rem}
#away .blue_box .big_titre {line-height:3rem; margin-bottom:2rem;}
#away .blue_box {position:relative; top:0; left:0; width:67.7rem; padding:2rem 0 5rem 5rem; margin:0 auto; background-color: var(--ShipColor);}
#away .blue_box .flex_contener {display:flex; justify-content:space-between; align-items: flex-start; width:58rem;}
#away .blue_box .flex_contener .video_contener {width:100%; height:15rem; margin-right:2rem}
#away .blue_box .flex_contener .video_contener p {text-align:center; margin-top:.8rem}
#away .blue_box .flex_contener .text_contener {width:65rem}

#away .blue_box .my_btn, #adhesions .blue_box .my_btn:not(.browser-default) {width:50rem; text-align:center; margin:2rem auto 0 auto}
#away .blue_box .my_btn:hover, #adhesions .blue_box .my_btn:hover:not(.browser-default) {background-color:var(--BGFooterColor)}
#away .blue_box .my_btn span, #adhesions .blue_box .my_btn span:not(.browser-default) {font-size:.85rem;}
/* end away */

/* start 3images */
#images_alignement {margin-bottom:6rem}
#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:4rem}
#epoque .blue_box {position:relative; top:0; left:0; width:67.7rem; height:20.83rem; padding:3rem 4rem; margin:0 auto; background-color:var(--ShipColor);}
#epoque .blue_box p {font: var(--PoppinsFont); font-size:2.7rem; color:white; text-align:right;}
#epoque .blue_box p:first-child {line-height:3rem; margin-bottom:.5rem;}
#epoque .img_contener {position:relative; top:0; left:0; width:62.91rem; height:30.50rem; margin-left:auto; margin-bottom:0; margin-right:auto;}
#epoque .img_contener {background-image:url('../images/plbg/bg1.jpg'); background-position:center -13rem; background-repeat: no-repeat; background-size:cover;}
/* end epoque */

/* start activites */
#activites {margin-bottom:4rem}
#activites .titre_box {margin-bottom:2rem; width:inherit;}
#activites .grey_box {position:relative; top:0; left:0; padding:2rem 3rem; margin:0 auto; background-color:#f1f1f1;}
#activites .slider .slider__slide div.contener {position:relative; top:0; left:0; height:100%; margin-left:5rem; padding:2rem 0 2rem 0;}
#activites .slider div.flex_contener {display:flex; width:100%; height:100%; justify-content:flex-start; align-items:bottom;}
#activites .slider div.flex_contener div.left_contener {width:35rem; height:21.31rem; margin-right:2rem; border:1px solid grey; cursor:pointer}
#activites .onebg {background-position:center center; background-repeat:no-repeat; background-size:contain;}
#activites .twobg {background-position:center 16rem,center center; background-repeat:no-repeat,no-repeat; background-size:4rem,contain;}
#activites .slider div.flex_contener div.left_contener p {position:absolute; top:21.1rem; left:9.1rem}
#activites .slider div.flex_contener div.right_contener {display:flex; width:40rem; height:21.31rem; flex-direction:column; justify-content:space-between; background-image:url('../images/blason_7.png'); background-position:center center; background-repeat: no-repeat;}
#activites .slider div.flex_contener div.text_contener {height:15rem; overflow-y:auto; padding:0 10px 0 0; color:var(--ShipColor)}
#activites .slider div.flex_contener div.text_contener p:nth-child(1) {display:flex; justify-content:flex-end; align-items:center; margin:.3rem 0 .5rem 0; font-size:.6rem; text-transform:uppercase; padding:.2rem .5rem; border-top:1px dotted grey; border-bottom:1px dotted grey}
#activites .slider div.flex_contener div.text_contener p:nth-child(2) {font-weight:400; line-height:1.1rem; margin-bottom:.5rem;}
#activites .slider div.flex_contener div.text_contener p:nth-child(3) {font-size:.85rem; line-height:1.1rem;}
#activites .slider div.flex_contener div.text_contener a:link, #activites .slider div.flex_contener div.text_contener a:visited {color:var(--ShipColor); font-weight:400}
#activites .slider div.flex_contener div.text_contener a:hover {text-decoration: underline;}
#activites .slider div.flex_contener div.thumbs_contener {display:inline-flex; width:100%; height:5.78rem;}
#activites .slider div.flex_contener div.thumbs_contener img {height:100%; margin:0 .4rem 0 0; cursor:pointer}
#activites .slider div.flex_contener div.thumbs_contener div.plusimg {flex:2; align-self:center; padding:.6rem 0; text-align:center; cursor:pointer}
#activites .slider div.flex_contener div.thumbs_contener div.plusimg p:nth-child(1) {color:var(--ShipColor); font-weight:500; font-size:1.2rem;}
#activites .slider div.flex_contener div.thumbs_contener div.plusimg p:nth-child(1) span {font-size:2rem; line-height:1.2rem;}
#activites .slider div.flex_contener div.thumbs_contener div.plusimg p:nth-child(2) {font-size:.6rem; font-style:italic;}
/* end activites */


/* start association */
#asso .titre_box {margin-bottom:2rem;}
#asso div.full_line, #ancre div.full_line {display:flex; width:100%; 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 {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/thomas_g_lilly.jpg'); background-position:center center; background-repeat: no-repeat; background-size:cover;}
#modal1 .flex_contener .medaillon_contener, #modal2 .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 {width:34rem; margin-left:1rem;}
#modal1 .flex_contener div.text_contener p.titre, #modal2 .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 {width:30rem; font-size: 0.85rem;}
#modal1 .flex_contener div.text_contener blockquote p, #modal2 .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 {width:31.25rem; height:18.75rem; padding-top:2rem;}
#modal1 .legende_contener, #modal2 .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) {margin-top:.5rem}
#modal2 .flex_contener div.philip_a_dur {width:8.41rem; height:16.72rem; background-image:url('../images/philip_a_dur.jpg'); background-position:center center; background-repeat: no-repeat; background-size:cover;}
/* end association */


/* start ancre */
#ancre div.full_line {background-color:#f1f1f1;}
#ancre .contener {width:67.7rem; padding:2rem 0 5rem 5rem; margin-top:-7rem; background-color:var(--ShipColor); color:white}
#ancre .contener blockquote p {font-size:1rem;}
#ancre .contener blockquote p:nth-child(3) {width:57rem}
#ancre .contener blockquote p:nth-child(4) {width:57rem; text-align:right; font-size:.9rem; font-style:italic; cursor:pointer;}
#ancre .contener .img_contener {margin:2rem 0 2rem 0;}
#ancre .contener .img_contener img {margin-right:3rem}
#ancre .contener .more_infos {margin-top:3rem}
#ancre .contener .more_infos p:not(.medium_titre) {font-size:.85rem; margin-bottom:.5rem; text-align:justify;}
#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:60rem; justify-content:flex-start; align-items:flex-start;}
#ancre #fc1, #ancre #fc2, #ancre #fc3 {margin-top:1rem;}
#ancre #fc1 .img_c {width:17rem; height:20.3rem; background-image:url('../images/parcours/thumbs/p02.jpg');}
#ancre #fc1 .text_c {width:41rem; margin-left:2rem;}
#ancre #fc2 .img_c {width:33.1rem; height:20.2rem; background-image:url('../images/ancre/ancre4.jpg');}
#ancre #fc2 .text_c {width:25rem; margin-right:2rem;}
#ancre #fc3 .img_c {width:25.57rem; height:25.57rem; background-image:url('../images/ancre/ancre5.jpg');}
#ancre #fc3 .text_c {width:32.4rem; margin-left:2rem;}
#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; width:100%; margin:2rem auto 6rem auto; padding:3rem .3rem; justify-content:space-evenly; background-color:#f1f1f1;}
#actu .actu_contener div.bd_news {display:flex; justify-content:center; flex-wrap:wrap; width:100%; cursor:pointer}
#actu .actu_contener div.bd_news div.actu_boxes,
#mb_news .media-box .actu_boxes {width:25rem; margin:0 1rem 1rem 0; background-color:white; border:1px solid #e2dfdf; padding:1.2rem 1.3rem 3rem 1.3rem;}
#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:16.41rem; height:11.72rem; margin:0 auto 1rem auto; border:1px solid grey; border-radius:.3rem; background-position:center center; background-repeat: no-repeat; background-size:contain;}

#actu .actu_contener div.textboxf,
#mb_news .media-box .actu_boxes .textboxf {display:flex; flex-direction:column; justify-content:flex-end; align-items:center;}

#actu .actu_contener div.textboxf p:not(p.title, blockquote p),
#mb_news .media-box .actu_boxes .textboxf p:not(p.title, blockquote p) {width:100%; text-align:right;}

#actu .actu_contener div.bd_news p.title,
#mb_news .media-box .actu_boxes p.title {height:2.5rem; line-height:1.1rem; text-align:center; font-weight:400;}

#actu .actu_contener div.bd_news blockquote p,
#mb_news div.actu_boxes blockquote p {font-size:.77rem;}


#actu .actu_contener div.textboxf p span,
#mb_news .media-box div.actu_boxes div.textboxf p span {display:inline; width:100%; 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:flex-end; align-items:center; width:100%; margin-top:1rem;  padding:.2rem .5rem; border-top:1px dotted grey; border-bottom:1px dotted grey}
#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 p {margin:0 0 .4rem 0.95rem;}
.categ_selector select {font-size:1rem; width:21.5rem; height:2.3rem; font-weight:400; margin:0 0 0 0.85rem;}
/* end actu */

/* start fich_actu */
#fich_actu .actu_contener {width:100%; margin:2rem auto 6rem auto; padding:1rem 2rem 5rem 2rem; background-color:#f1f1f1;}
#fich_actu .actu_contener .top_contener {display:flex; justify-content:space-between; align-items:center;}
#fich_actu .actu_contener .top_contener .title_contener {width:46rem}
#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; width:39rem; padding:.4rem .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:.7rem; 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:8rem;}
#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; justify-content:space-between; align-items:flex-start; margin-top:1rem;}
#fich_actu .actu_contener .main .text {width:46rem; height:26rem; overflow:auto; padding-right:1rem; font-weight:400; text-align:justify; font-size:.8rem;}
#fich_actu .actu_contener .main .couv_contener {width:39rem; height:26.05rem; border:1px solid grey; border-radius:.3rem; background-position:center center; background-repeat: no-repeat; background-size:contain;}
#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 */

#page_actualites .titre_box {width:inherit}
#page_actualites .titre_box p:first-child {font-size:6rem;}

/* start agenda */
#agenda {position:relative;}
#agenda .ag_main_contener {position:relative; top:0; left:0; margin-top:3rem; width:100%;}
#agenda .ag_main_contener h3 {font-weight:200; font-size:2.8rem; color:var(--ShipColor)}
#agenda .ag_main_contener .head_month_f, #agenda .ag_main_contener .cells_events_f {display:flex; width:100%; justify-content:flex-start; align-items:flex-start; background-color:rgb(243, 243, 243);}
#agenda .head_month, #agenda .cells {width:12%; text-align:center; border-left:1px solid black; border-right:1px solid black; border-top:1px solid black; background-color:#e9e9e9}
#agenda .cells {padding:0 .2rem; background-color: white;}
#agenda .ag_main_contener .cells_events_f {padding-bottom:1rem; border:1px solid black}
#agenda .cells blockquote:hover {background-color:#efffef; cursor:pointer}
#agenda .cells blockquote {height:9rem; padding:.6rem 0; border-bottom:1px solid black}
#agenda .cells blockquote p {font-size:.85rem}
#agenda .cells blockquote p.event_date {font-size:.8rem;}
#agenda .cells blockquote p.event_title {height:fit-content; overflow-x:auto; font-size:.7rem; font-weight:400; margin:.4rem 0 0 0}
#agenda .cells blockquote p.event_sp {margin-top:.3rem; font-size:.7rem; font-style:italic; color:#f00}
#agenda div.pj_main_contener {position:relative; top:0; left:0; margin-top:3rem; width:100%;}
#agenda div.pj_main_contener .pj_contener {display:none; border:1px solid black;  width:100%; margin-top:.3rem; padding:1rem;}
#agenda div.pj_main_contener #pj_trigger {cursor:pointer}
#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:.1rem;}
#agenda div.items_c ul li span {margin:0 .4rem; color:var(--ShipColor)}
#modalagenda .modal-content .medialinkc {margin-top:1rem; text-align:center;}
#modalagenda .modal-content .medialinkc .my_btn {width:20rem; font-size:.8rem; color:white}

#agenda div.nodates_c  {width:100%; height:fit-content; padding:1rem; 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 */


/* Colloque 2024 */
section#colloque {margin-top:3rem}
section#colloque div.titre_box {width:75rem; margin:0 auto; z-index:1000}
section#colloque .titre_box p:first-child {line-height:inherit; font-size:3.5rem; text-transform:inherit;}
section#colloque div.collo_contener {position:relative; width:75rem; margin:-1.3rem auto 6rem auto; padding:4rem 2.5rem 10rem 2.5rem; background-color:#f1f1f1;}
section#colloque div#rows {margin-bottom:3rem}
section#colloque div.row1 {display:flex; justify-content:space-between; align-items:center;}
section#colloque div.row1 div.soldat_cercle {position:relative; width:18.4rem; height:18.4rem; margin-left:3.5rem; border-radius:50%; background-image:url('../images/colloque/soldat_promenade.jpg'); background-position:0rem 0rem; background-repeat: no-repeat; background-size:cover;}
section#colloque div.row1 div.titre_collo {position:relative; width:42.4rem; height:fit-content;}
section#colloque div.row1 div.titre_collo h1 {font:var(--montserraCollo); width:42rem; color:#7b1d30; font-size:2.3rem; line-height:2.6rem; margin:0; text-align:right;}
section#colloque div.row1 div.titre_collo h2 {font:var(--montserraCollo); width:42rem; font-weight:400; color:#1c3e69; font-size:1.3rem; margin:1.3rem 0 0 0; text-align:right;}
section#colloque div.row2 {display:flex; justify-content:space-between; align-items:center;}
section#colloque div.row2 div.leftbox {position:relative; width:100%; padding:2rem 0 1rem 2rem; text-align:center; background-color:white; border-radius:3px}
section#colloque div.row2 div.rightbox {position:relative; width:32rem; height:23rem; padding:2rem 1.6rem 2rem 2rem; font-size:.9rem; font-weight:400; line-height:1rem; color:#173050; background-color:white; border-radius:3px}
section#colloque div.row2 div.leftbox p:first-child {font:var(--montserraCollo); font-style:italic; color:#1c3e69; font-size:1.7rem; margin:0;}
section#colloque div.row2 div.leftbox 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 div.leftbox p:nth-child(3) {width:36rem; font:var(--montserraCollo); font-weight:500; color:red; font-style:italic; margin:2rem auto 0 auto;}
section#colloque div.row2 div.leftbox div.map {position:relative; width:32.3rem; height:13.4rem; margin-top:1rem; border:1px solid #1c3e69}
section#colloque div.row2 div.rightbox img.logo_univ {margin:1rem 0 3rem 0; width:19rem}
section#colloque div.row2 div.rightbox div.logosflex {display:flex; width:100%; height:max-content; justify-content:space-evenly; align-items:center;}
section#colloque div.row2 div.rightbox img.logo_uss6 {width:7rem; margin-top:1rem}
section#colloque div.row2 div.rightbox img.logo_commeme {height:9rem}
section#colloque div.row3,
section#colloque div.row4,
section#colloque div.row6 {position:relative; padding:2rem 1.6rem 2rem 2rem; font-size:.85rem; font-weight:400; line-height:1rem; color: #173050; text-align:justify; background-color: white; border-radius:3px;}
section#colloque div.row3 p {margin-bottom:1.3rem}
section#colloque div.row4 {display:flex; align-items:flex-start; color: #173050;}
section#colloque div.row4 div.leftbox {position:relative; width:36rem; height:max-content;}
section#colloque div.row4 div.rightbox {position:relative; width:36rem; padding-left:1.6rem; height:max-content; border-left:1px solid grey}
section#colloque div.row4 div.leftbox p:first-child,
section#colloque div.row4 div.rightbox p:first-child,
section#colloque div.row6 p.titre {font:var(--montserraCollo); font-size:1.2rem; font-weight:500}
section#colloque div.row4 ul {margin-top:.4rem}
section#colloque div.row4 ul li {width:23rem; list-style-type:circle; margin-left:2rem}
section#colloque div.row5 div.btn_c .leftbt {width:50%;}
section#colloque div.row5 div.btn_c .rightbt {width:50%;}
section#colloque div.row5 div.btn_c {position:relative; display:flex; justify-content:center; align-items:center; font-size:1rem; font-weight:400;color: #173050;}
section#colloque div.row5 div.btn_c button {font:var(--montserraCollo); font-weight:300; color:white; background-color:var(--BlueNavy); margin:0 auto;}
section#colloque div.row5 div.btn_c button:hover {background-color:var(--ParisColor);}
section#colloque div.row6 p.titre {display:block;  text-align:center;}
section#colloque div.row6 div.interv_contener {display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap;}
section#colloque div.row6 div.interv_contener div.boxes {position:relative; width:14.6rem; margin:1rem; padding:.7rem .7rem; background-color:#f1f1f1; border-radius:.5rem; cursor:pointer}
section#colloque div.row6 div.interv_contener div.boxes:hover {box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
section#colloque div.row6 div.interv_contener div.boxes span.picto {position:absolute; right:1rem;}
section#colloque div.row6 div.interv_contener div.boxes .event_sp {display:block; font-size:.7rem; font-style:italic; color: #f00;}
#modalcollo {width:45rem;}
#modalcollo .modal-content {padding:2rem 2rem 0 2rem; color:#202124}
#modalcollo p.titre, #modalinsc_form p.titre {text-align:center;}
#modalcollo p.stitre, #modalinsc_form p.stitre {text-align:center; font:var(--montserraCollo); font-weight:500; color:#7b1d30}
#modalcollo p.date, #modalinsc_form p.date {text-align:center; font-size:.8rem;}
#modalcollo p.bio {font-size:.9rem; text-align:justify; font-weight:400;}
#modalcollo .modal-content .closemod {font-size:.8rem; display:block; text-align:right; margin: .5rem 0; color:#0955a4; z-index:10000; cursor:pointer}
#modalcollo .modal-content .closemod:hover {color:red}


/* Book */
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:inherit; font-size:2.45rem; text-transform:inherit; z-index:1000; color:#cc071e}
section#book div.collo_contener {position:relative; width:75rem; margin:-1.5rem auto 0 auto; padding:4rem 2.5rem 10rem 2.5rem; background-color:#f1f1f1;}
section#book div#rows {margin-bottom:3rem}
section#book div.row1 {display:flex; justify-content:space-between; align-items:flex-start;}
section#book div.row1 .top_photo {position:relative; width:21rem; height:27.9rem; margin-left:3.5rem; background-image:url('../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:45.5rem; 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.row2 {display:flex; justify-content:space-between; align-items:center;}
section#book div.row2 .link_boxes {position:relative; width:18.4rem; height:23rem; margin-left:3.5rem; 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:10rem;}
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:fit-content; height:fit-content; margin-left:3.5rem; 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;}

#modalinsc_form {width:38rem; border-radius:.8rem}
#modalinsc_form .modal-content {padding:2.5rem 2rem 0 2rem; color:#202124}
#modalinsc_form .form1 {width:max-content; margin:1rem auto 2rem auto}
#modalinsc_form .form1 h5 {width:28.8rem; text-align:center;}
#modalinsc_form .form1 p.enterprise {display:block; width:28.7rem; text-align:center; font-size:0.8rem; font-weight:400; line-height:.9rem; margin:.5rem auto .2rem auto; border:1px dotted grey; padding:.3rem}
#modalinsc_form .form1 .form_c {width:25rem; margin:1rem auto 0 auto}
#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:11.2rem; background-color:#fff;}
#modalinsc_form input#email {display:inline; width:17.5rem; background-color:#fff;}
#modalinsc_form input#tel {display:inline; width:11rem; background-color:#fff;}
#modalinsc_form select {display:inline; width:11rem; 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 .form1 .nl_inscr {display:flex; justify-content:space-between; margin-top:.5rem;}

#modalinsc_form .form1 .nl_inscr .lab {font-size:.8rem; font-weight:400; color:black; line-height:inherit; padding-left:1.4rem;}

#modalinsc_form .inline {display:inline;}
#modalinsc_form div.register {width:28.8rem}
#modalinsc_form .add-bg {background:url('../images/PostIt.png') no-repeat; background-position:center center; min-height:12rem}
#modalinsc_form p.mess1 {font-size:.6rem; font-weight:400; color:red}
#modalinsc_form button.NewInscr {display:none; font-size:.8rem; padding:.4rem 3rem}
#modalinsc_form p.confirm {display:none; width:28.8rem; margin-bottom:1rem; text-align:center; font-size:.8rem;}
.form1 p.closemod {display:none; text-align:right; font-size:.8rem;}

/* Fin Colloque 2024 */

/* start main_all */
#main_all_news {margin-top:5rem;}
#main_all_news .titre_box p:first-child {line-height:5.5rem; 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 {height:8.21rem}
/* end main_all_news */

#main_all_news .news_contener {margin-top:1rem}

/* start videos */
#videos .main_contener {position:relative; top:0px; left:0; margin-top:3rem}
#videos .blue_box {position:relative; top:0; left:0; width:70.7rem; padding:1.5rem 3rem; 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; justify-content:flex-start; align-items:flex-start;}
#videos .blue_box .flex_contener .imgc {width:51.13rem; height:11.78rem; margin-right:1.5rem; background-position:center top; background-repeat: no-repeat; background-size:contain;}
#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:171.2rem}
#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 9rem; 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; top:0rem; width: 20rem; min-height:2.2rem; line-height: 1.1rem; margin-bottom: 0.5rem; font-size:1rem;}
#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:20rem;}

/* end association */

/* end videos */

/* start photos */
#photos .main_contener {position:relative; top:0px; left:0; width:57.9rem; margin-top:3rem} 
#photos .main_contener p.medium_titre_3 {text-align:right; margin-top:2rem}
#photos .main_contener p.phdate {font-size:.8rem; font-style:italic; text-align:right;}
.gphotos {margin-top:1rem;}
#photos .media-box {cursor:pointer;}
#photos .media-box .thumbnail-overlay {color:#e5f0fb;}
#photos .main_contener a.my_btn {width:20rem; font-size:.9rem; margin-top:3rem}
/* end photos */

/* start Projets */
#projets .titre_box p:first-child {font-size:4.8rem; text-transform:inherit; margin-bottom:2rem}
#projets .grey_box {position:relative; top:0; left:0; width:70rem; padding:2rem 3rem; 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; width:100%; justify-content:space-between; align-items:flex-start;}
#projets .flex_contener div.items_c {width:39rem;}
#projets .flex_contener div.items_c ul li {display:flex; align-items:flex-end; text-align:justify; 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:22rem;}
#projets #event .flex_contener div.img_c img {width:22rem;}
#projets #hist .flex_contener div.img_c {width:22rem;}
#projets #hist .flex_contener div.img_c img {width:14rem;}
#projets #educ .flex_contener div.img_c {width:22rem;}
#projets #educ .flex_contener div.img_c img {width:22rem;}
#projets #rayo .flex_contener div.items_c, #projets #fonc .flex_contener div.items_c {width:50rem;}
/* 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; width:70rem; padding:2rem 3rem; 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 {width:40rem; text-align:center; margin:0 auto .8rem auto; font-size:2.3rem; line-height:2.6rem}
#buffalo .infos_contener p {margin-bottom:.4rem;}
#buffalo .forms_flex_contener {display:flex; width:100%; justify-content:space-evenly; align-items:flex-start;}
#buffalo .forms_flex_contener .form1, #buffalo .forms_flex_contener .form2 {width:50%; margin-top:3rem}
#buffalo .forms_flex_contener .form1 {border-right:1px solid var(--ShipColor)}
#buffalo .forms_flex_contener .form1 h5 {width:28.8rem; text-align:center;}
#buffalo .forms_flex_contener .form2 h5 {text-align:center;}
#buffalo .forms_flex_contener .form1 .form_c, #buffalo .forms_flex_contener .form2 .donation {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:11.2rem; background-color:#fff;}
#buffalo .forms_flex_contener select {display:inline; width:11rem; 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:.7rem 0 0 .6rem; width:22rem;}
#buffalo .forms_flex_contener .form1 .nb_part_c select {width:3rem; margin:.8rem 0 0 0}
#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 1.6rem 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 {width:28.8rem}
#buffalo p.confirm {display:none; width:28.8rem; margin-top:-4rem; text-align:center; font-size:.9rem;}
/* end buffalo */

/* start presse */
#presse .main_contener {position:relative; top:0px; left:0; margin-top:3rem}

/* start partners */
#partners .main_contener {position:relative; top:0px; left:0; width:71rem; margin:5rem auto 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:flex-start; align-items:center; flex-wrap:wrap;}
#partners .flex_contener div {display:flex; height:14rem; margin-bottom:3rem; padding:0 2.355rem; 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:12rem;}
/* end partners */

/* start contact */
#contact {position:relative;}
#contact .main_contener {position:relative; top:0px; left:0; width:68rem; margin:3rem 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 */

/* start adhesion */
#adhesions {position:relative;}
#adhesions .main_contener {position:relative; top:0px; left:0; margin-top:3rem;}
#adhesions .blue_box {position:relative; top:0; left:0; width:70.7rem; padding:2rem 3rem 5rem 3rem; margin:0 auto 2rem auto; color:white; background-color:var(--ShipColor);}
#adhesions .main_contener .big_titre {text-align:right; font-style:italic;}
#adhesions .flex_contener {display:flex; width:62rem; justify-content:space-between; align-items:stretch; flex-wrap:wrap; margin:1rem auto 0 auto;}
#adhesions .flex_contener div.left, #adhesions .flex_contener div.right {color:white;}
#adhesions .flex_contener div.left {width:44rem; padding-right:2.1rem; background-image:url('../images/blason_7.png'); background-size:17rem; background-position:center center; background-repeat: no-repeat;} 
#adhesions .flex_contener div.left p {font-size:.9rem; line-height:1.25rem; margin-bottom:1rem;}
#adhesions .flex_contener div.left p:last-child {font-weight:400;}
#adhesions .flex_contener div.right {width:17rem; display:flex; flex-direction:column; justify-content:space-around; align-items:center;}
#adhesions .flex_contener div.right .row1, #adhesions .flex_contener div.right .row2 {width:18rem; height:11.4rem; padding:2.3rem 1rem 1rem 1rem; background-color:white;}
#adhesions .flex_contener div.right .row1 p, #adhesions .flex_contener div.right .row2 p {color:black; font-weight:400; font-size:.8rem; line-height:1.1rem; text-align:center;}
#adhesions .my_btn {display:block; font-size:.9rem; padding:.52rem 1rem; height:2.27rem; margin:0 auto 0 auto; color:white; background-color:var(--BlueNavy);}
#adhesions .my_btn:hover {background-color:var(--ShipColor); transition:.6s cubic-bezier(.14,.7,.93,.5);}
#adhesions ul {font-weight:400; font-size:0.9em; font-style:italic; line-height:1rem;}
#adhesions li {list-style-type:disc; font-weight:300; margin:1rem 0 1rem 2rem;}

/* end adhesion */

/* start mentions */
#mentions {position:relative;}
#mentions .main_contener {position:relative; top:0px; left:0; width:68rem; margin:3rem auto 0 auto; padding:2rem 3rem; 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:.8rem; margin-bottom:.8rem}
#mentions .main_contener blockquote p span {font-weight:400}

/* end mentions */

/* 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;}


@media only screen and (orientation:landscape) and (min-width:1921px) {
    body, html {font-size:.9vw;}
}

/* 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}
    #histoire .bg_blason {background-size: 20.5rem;}
    #modal1 {width:60vw;}
    #modal2 {width:60vw}
    #modal6 {width:42vw;}
    #actu .actu_contener div.bd_news div.actu_boxes, #actu .actu_contener div.bd_news .btn_c {width:23rem;}
    #actu .actu_contener div.bd_news .fb_img {width:20rem;}
    .all_actus_contener {display:none}
    #fich_actu .actu_contener .top_contener .title_contener {width:45rem;}
    #fich_actu .actu_contener .main .text {width:37rem; height:24rem}
    #fich_actu .actu_contener .main .couv_contener {width:34rem; height:24rem}
    #fich_actu .bottom_arrow_contener {display:block; margin:1rem 0rem; width:37rem;}
    #activites .slider div.flex_contener div.left_contener {width:23rem}
    #activites .slider div.flex_contener div.right_contener {background-size:17rem;}
    #partners .main_contener  {width:73rem;}
    #agenda .cells blockquote p.event_date {font-size:.7rem}
    #agenda div.media-box {display:block}
    #modalagenda {width:35vw;}
    #modalplaquette, #modalplaquette img {width:31vw}
}

/* 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}
    #histoire .bg_blason {background-size: 20.5rem;}
    #modal1 {width:60vw;}
    #modal2 {width:60vw}
    #modal6 {width:42vw;}
    #actu .actu_contener div.bd_news div.actu_boxes, #actu .actu_contener div.bd_news .btn_c {width:23rem;}
    #actu .actu_contener div.bd_news .fb_img {width:20rem;}
    .all_actus_contener {display:none}
    #fich_actu .actu_contener .top_contener .title_contener {width:45rem;}
    #fich_actu .actu_contener .main .text {width:37rem; height:24rem}
    #fich_actu .actu_contener .main .couv_contener {width:34rem; height:23rem}
    #fich_actu .bottom_arrow_contener {display:block; margin:1rem 0rem; width:37rem;}
    #actu .actu_contener div.bd_news blockquote p, #mb_news div.actu_boxes blockquote p {font-size:.87rem}
    #actu div.actu_contener div.bd_news div.pied div.items, #mb_news .media-box div.actu_boxes div.pied div.items {font-size:.65rem;}
    #activites .slider div.flex_contener div.left_contener {width:23rem}
    #activites .slider div.flex_contener div.right_contener {background-size:17rem;}
    #ancre .contener .img_contener img {margin-right:inherit} 
    #partners .main_contener  {width:73rem;}
    #videos .blue_box {width:80rem}
    #agenda .cells blockquote p.event_date {font-size:.7rem}
    #modalplaquette, #modalplaquette img {width:35vw}
}


/* 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}
    #histoire .hist_contener blockquote {width:45rem}
    #histoire .bg_blason {background-size: 20.5rem;}
    #modal1 {width:60vw;}
    #modal2 {width:60vw}
    #modal6 {width:42vw;}
    #actu .actu_contener div.bd_news div.actu_boxes, #actu .actu_contener div.bd_news .btn_c {width:23rem;}
    #actu .actu_contener div.bd_news .fb_img {width:20rem;}
    .all_actus_contener {display:none}
    #fich_actu .actu_contener .main .text {width:37rem; height:23rem}
    #fich_actu .actu_contener .main .couv_contener {width:34rem; height:23rem}
    #fich_actu .bottom_arrow_contener {display:block; margin:1rem 0rem; width:37rem;}
    #actu div.actu_contener div.bd_news div.pied div.items, #mb_news .media-box div.actu_boxes div.pied div.items {font-size:.65rem;}
    #activites .slider div.flex_contener div.right_contener {background-size:19rem;}
    #ancre .contener .img_contener img {margin-right:inherit}
    #partners .main_contener  {width:73rem;}
}

/* IPad2 et IpadPro 10.5 pouces orientation paysage jusqu'à 1112px */
@media only screen and (orientation:landscape) and (min-width:1025px) and (max-width:1180px) {
    
}

/* IPad orientation paysage */
@media only screen and (orientation:landscape) and (min-width:901px) and (max-width:1024px) {
    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:26rem}
    div.arrow_bottom_conterner {margin-top:3.1rem}
    #histoire .bg_blason {background-size: 20.5rem;}
    #modal1 {width:60vw;}
    #modal2 {width:60vw}
    #actu .actu_contener div.bd_news div.actu_boxes {width:23rem;}
    .all_actus_contener {display:none}
    #fich_actu .actu_contener .main .text {width:37rem}
    #fich_actu .actu_contener .main .images {width:34rem}
    #fich_actu .actu_contener .main .images div.couv_contener {width:34rem; height:23rem}   
}

@media only screen and (orientation:landscape) and (max-height:600px) {
    
}

/* iPads Orientation Portrait */
@media only screen and (orientation:portrait) and (max-height:1400px) {
    body, html {font-size:1.30vw;}
    .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}
    #intro .text_contener {width:100%; padding:2rem}
    #intro .text_contener p:not(.big_titre) {font-size:1.2rem}
    #histoire .hist_contener {margin:0}
    #histoire .hist_contener blockquote {width:100%; padding:2rem 4rem 0 0}
    #histoire .hist_contener blockquote p {font-size:1.2rem}
    #modal1 {width:60vw;}
    #modal2 {width:60vw}
    #actu .actu_contener div.bd_news div.actu_boxes {width:34rem;}
    #actu .actu_contener div.bd_news blockquote p, #mb_news div.actu_boxes blockquote p {font-size:1.07rem; line-height:1.6rem}
    .all_actus_contener {display:none}
    
    #fich_actu .actu_contener .main .text {width:37rem}
    #fich_actu .actu_contener .main .images {width:34rem}
    #fich_actu .actu_contener .main .images div.couv_contener {width:34rem; height:23rem}
    .actu_contener div.bd_news blockquote, #mb_news .media-box div.actu_boxes blockquote {height:14.21rem}
}

/* iPads 2 Orientation Portrait */
@media only screen and (orientation:portrait) and (max-height:1180px) {
    

}
