#unchained {position:relative;}
#unchained .main_contener {position:relative; top:0px; left:0; width:68rem; margin:3rem auto 0 auto; padding:3rem 1.8rem; background-color:#f1f1f1; border-radius:1rem; color:var(--ShipColor)}
#unchained .main_contener .big_titre {text-align:center; font-style:italic; line-height:2.7rem}

#unchained .unchained_mainflex {display: flex; width: 100%; margin:2rem auto; justify-content: space-evenly;}
#unchained .leftBloc, #unchained .rightBloc, #unchained .oneBloc {width:100%; background-color: rgb(255, 255, 255); padding:1rem 1.8rem; border-radius:1rem;}
#unchained .oneBloc {width:62rem; font-size:1.5rem; padding:1rem 0; text-align:center;  font-weight:500;}
#unchained .main_contener .unchained_mainflex:nth-child(2) {margin-bottom:.5rem}
#unchained .leftBloc blockquote p span, #unchained .rightBloc blockquote p span {font-weight:400}

#unchained #bloc1 .leftBloc {width:30rem;}
#unchained #bloc1 .rightBloc {width:30rem;}
#unchained #bloc1 .leftBloc blockquote.illstr_unchained {margin:0 auto; width:22rem; height:15rem; background-position:center center; background-repeat: no-repeat; background-size:cover; background-image:url('https://www.ussixthfleet-villefranche.com/images/v2/evenements/unchained_2.jpg');}
#unchained #bloc1 p {margin-bottom:1rem;}


#unchained #bloc3 .illustration_chaine {display:flex; width:100%; margin-top:1rem; height:fit-content; justify-content: space-evenly; align-items: center;}
#unchained #bloc3 .illustration_chaine .img_contener,
#unchained #bloc2 .illustration_chaine .img_contener {width:11rem; height:8rem; background-position:center center; background-repeat: no-repeat; background-size:cover; margin:0.5rem; cursor:pointer;}
#unchained #bloc3 .illustration_chaine .img_contener#img_1 {background-image:url('https://www.ussixthfleet-villefranche.com/images/v2/evenements/unchained_4.jpg');}
#unchained #bloc3 .illustration_chaine .img_contener#img_2 {background-image:url('https://www.ussixthfleet-villefranche.com/images/v2/evenements/unchained_5.jpg');}
#unchained #bloc3 .illustration_chaine .img_contener#img_3 {background-image:url('https://www.ussixthfleet-villefranche.com/images/v2/evenements/unchained_6.jpg');}
#unchained #bloc3 .illustration_chaine .img_contener#img_4 {background-image:url('https://www.ussixthfleet-villefranche.com/images/v2/evenements/unchained_7.jpg');}
#unchained #bloc3 .illustration_chaine .img_contener#img_5 {background-image:url('https://www.ussixthfleet-villefranche.com/images/v2/evenements/unchained_8.jpg');}
#unchained .PhotosCredit {text-align:center; font-size:.85rem; font-style:italic;}
#unchained .TitreBloc {font-size:1.5rem;}

#unchained #bloc2 .illustration_chaine {display:flex; width:100%; margin-top:1rem; height:fit-content; justify-content: space-evenly; align-items: center;}
#unchained #bloc2 .illustration_chaine .img_contener {width:36%; height:20rem; background-position: center top;}
#unchained #bloc2 .illustration_chaine .img_contener#img_1 {background-image:url('https://www.ussixthfleet-villefranche.com/images/v2/evenements/pannaeu_1.jpg');}
#unchained #bloc2 .illustration_chaine .img_contener#img_2 {background-image:url('https://www.ussixthfleet-villefranche.com/images/v2/evenements/pannaeu_2.jpg');}

#unchained #bloc5 .leftBloc  {width:25rem}
#unchained #bloc5 .rightBloc {width:37rem}

#unchained  #bloc5  .unchained_mainflex {justify-content: space-between;}

#unchained #bloc5 .illustration_chaine {display:flex; flex-wrap:wrap; width:100%; margin-top:1rem; height:fit-content; justify-content: space-evenly; align-items: center;}
#unchained #bloc5 .illustration_chaine .img_contener {width:9rem; height:9rem; background-position:center center; background-repeat: no-repeat; background-size:cover; margin:0.3rem 0 .3rem 0; cursor:pointer;}
#unchained #bloc5 .illustration_chaine .img_contener#img_1 {background-image:url('https://www.ussixthfleet-villefranche.com/images/v2/evenements/unchained_12.jpg');}
#unchained #bloc5 .illustration_chaine .img_contener#img_2 {background-image:url('https://www.ussixthfleet-villefranche.com/images/v2/evenements/unchained_9.jpg');}
#unchained #bloc5 .illustration_chaine .img_contener#img_3 {background-image:url('https://www.ussixthfleet-villefranche.com/images/v2/evenements/unchained_10.jpg');}
#unchained #bloc5 .illustration_chaine .img_contener#img_4 {background-image:url('https://www.ussixthfleet-villefranche.com/images/v2/evenements/unchained_11.jpg');}


#unchained #bloc4 .unchained_list {display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: flex-start; gap: 1rem;}
#unchained #bloc4 .unchained_list ul {width: 29rem; margin-top:1rem; font-size:.9rem; line-height:1.1rem;}
#unchained #bloc4 .unchained_list ul li {list-style-type: disc; margin-bottom:0.5rem;}


#unchained #bloc7 .leftBloc {border:1px solid grey; text-align: center;}

#unchained .RedTitreBloc {color:rgb(146, 9, 9)}