/* start evenements */
#evenements .event_title_contener {position:relative; display:flex; width:64rem; margin-bottom:3rem; height:fit-content; justify-content:space-between; align-items:center;}
#evenements .event_title_contener div.cercle {position:relative; width:26rem; height:15rem; margin-left:2rem; border-radius:50%; background-position:0rem 0rem; background-repeat: no-repeat; background-size:cover;}
#evenements .event_title_contener div.left_box {position:relative;}
#evenements .event_title_contener div.left_box div:first-child {text-align:right}
#evenements .event_title_contener h1 {font:var(--montserraCollo); color:#7b1d30; font-size:2.3rem; line-height:2.6rem; margin:0; text-align:right;}
#evenements .event_title_contener h2 {font:var(--montserraCollo); font-weight:400; color:#1c3e69; font-size:1.3rem; margin:1.3rem 0 0 0; text-align:right;}
#evenements .text_box {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;}
#evenements .text_box p {margin-bottom:1rem}
#evenements .text_box .img_c {position:relative; display:flex; margin:0 auto 1rem auto; height:fit-content; align-items:center;}
#evenements .text_box .img_c img {width: 13.8rem; margin-right:2rem}

#evenements .little_nav {width:70rem; margin:0 auto; display:flex; justify-content:flex-start; align-items:center;}
#evenements .little_nav .my_btn {width:fit-content; font:var(--Default); font-size:.9rem; margin:0 .5rem .3rem .6rem; padding:.2rem 1rem; border-radius:4px;}


/* Colloque 2024 */
section#colloque {position:relative; top:0; left:0; margin-bottom:3rem}
section#evenements p.big_titre {font-size: 2.7rem; line-height:5rem}
section#evenements .titre_box p:first-child {font-size:4rem; padding-right:2.1rem; text-transform:inherit;}
section#evenements div.collo_contener, div.buffalo_contener, div.anniv50_contener {position:relative; width:70rem; margin:0 auto 6rem auto; padding:3rem 2.5rem 1rem 2.5rem; border-radius:1rem; background-color:#f1f1f1;}
section#colloque div#rows {margin-bottom:3rem}
section#colloque .event_title_contener div.cercle {background-image:url('../images/colloque/soldat_promenade.jpg'); }
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:13.3rem; 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}
/* End Colloque */

/* start buffalo */
#buffalo {position:relative; top:0; left:0; margin-bottom:3rem}
#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 .event_title_contener div.cercle {background-image:url('../images/buffaloS.jpg'); }
#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; font-size:.85rem; font-weight:400; color:#173050}
/* end buffalo */

/* start 50e anniversaire */
#anniv50 {position:relative; top:0; left:0; margin-bottom:3rem}
#anniv50 .anniv50_contener .event_title_contener {justify-content: flex-end; margin-bottom:0}
#anniv50 .anniv50_contener .event_title_contener .right_box {width:51rem; text-align: right; font-size:4.8rem; text-transform:inherit; margin-bottom:2rem}
#anniv50 .anniv50_contener .event_title_contener .right_box .big_titre {font-size:2.7rem; line-height:2.9rem;}
#evenements .anniv50_contener .event_title_contener h1 {font-size: 2.0rem;}
#evenements .anniv50_contener .text_box {display:flex; justify-content:flex-start;}
#evenements .anniv50_contener .text_box .left_box {width:25rem; padding:0} 
#evenements .anniv50_contener .text_box .left_box img {width:23rem; margin-bottom: 2rem;} 
#evenements .anniv50_contener .text_box .right_box {width:35rem;}
#evenements .my_btn {width:fit-content; font:var(--Default); margin:3rem auto 0 auto;}
/* end 50e anniversaire */

/* end evenements */