#realisations    {position:relative; top:0; left:0;}

#realisations p.medium_titre_3 span.small {font-size:1.5rem;}
#realisations p.medium_titre_3 span.tiny {font-size:.9rem;}
#realisations .titre_box p.medium_titre_3 {font-size:4rem; padding-right:2.1rem; text-transform:inherit; line-height: 5.5rem; color: #bebebe; text-transform: capitalize; text-align: right; margin:0}
#realisations .grey_box {width:70rem; padding:2rem 4rem 2rem 4rem; margin:0 auto 3rem auto; background-color:#f1f1f1; color:var(--ShipColor); border-radius:1rem;  text-align: justify;}
#realisations p.medium_titre_3 {margin:0 auto 1rem auto; line-height:2.1rem; font-size:2rem; color:var(--ShipColor); text-transform: inherit; text-align: left;}

#realisations #intro p.medium_titre_3 {font-size:1.7rem;}
#realisations #intro p {margin-bottom:.8rem}

/* start books */
#realisations #books {position:relative; top:0; left:0; margin-bottom:3rem}
#realisations #books .flex_contener {display:flex; flex-wrap:wrap; margin:0 auto;}
#realisations #books .flex_contener .left_bloc {width:28rem;}
#realisations #books .flex_contener .left_bloc p {margin-bottom: .8rem;}
#realisations #books .flex_contener .right_bloc {width:30rem; margin:-3rem 0 0 3rem}
#realisations #books .flex_contener .right_bloc .img_c_flex {display:flex; justify-content: flex-end; align-items: center;}
#realisations #books .flex_contener .right_bloc .img_c_flex .imgC img {width:12rem; margin:0 1rem .8rem 3rem;}
#realisations #books .flex_contener .right_bloc p.dispo {width: 28rem;margin:1rem 0 1rem 2rem; padding:0rem 2rem; text-align: center; font-size:.9rem; font-style:italic;}
#realisations #books .flex_contener .right_bloc a.my_btn:link {width:28rem; margin-left:1rem}
#realisations #books .flex_contener .right_bloc a.my_btn:hover {background-color: cadetblue;}
/* end books */

/* start away */
#realisations #away {position:relative; top:0; left:0; margin-bottom:3rem}
#realisations #away .grey_box .flex_contener {display:flex; flex-wrap:wrap; margin:0 auto;}
#realisations #away .flex_contener .left_bloc {width:28rem; text-align: justify;}
#realisations #away .flex_contener .left_bloc p {margin-bottom: .8rem;}
#realisations #away .flex_contener .left_bloc p.credits {font-size:.95rem; font-style:italic;}
#realisations #away .flex_contener .right_bloc {width:28rem; margin:-5rem 0 0 4rem}
#realisations #away .grey_box .my_btn, #realisations #adhesions .grey_box .my_btn:not(.browser-default) {width:50rem; text-align:center; margin:2rem auto 0 auto}
#realisations #away .grey_box .my_btn:hover, #realisations #adhesions .grey_box .my_btn:hover:not(.browser-default) {background-color:var(--BGFooterColor)}
#realisations #away .grey_box .my_btn span, #realisations #adhesions .grey_box .my_btn span:not(.browser-default) {font-size:.85rem;}

/* start livret */
#realisations #livret {position:relative; top:0; left:0; margin-bottom:3rem}
#realisations #livret .grey_box .flex_contener {display:flex; flex-wrap:wrap; margin:0 auto; cursor:pointer}
#realisations #livret .flex_contener .left_bloc {display:flex; flex-wrap:wrap; margin:0 auto; width:32rem;}
#realisations #livret .flex_contener .left_bloc .imgc {width:15rem; height:21rem; margin-right: 1rem; border:.7rem solid white;background-position: center top; background-repeat: no-repeat; background-size: cover;cursor: pointer;}
#realisations #livret .flex_contener p.sp {display: block; font-size:.90rem; font-style:italic; text-align: center; margin:1rem auto;}
#realisations #livret .flex_contener .right_bloc {width:27rem; margin:1rem 0 0 1.5rem}
#realisations #livret .flex_contener .right_bloc p {margin-bottom: .8rem;}
#realisations #livret .flex_contener .right_bloc a.my_btn {font-size:.8rem; padding: .3rem 2rem; display: inline-block;}
/* end livret */

/* start souvenirs */
#realisations #souvenirs {position:relative; top:0; left:0; margin-bottom:3rem}
#realisations #souvenirs .grey_box .flex_contener {display:flex; flex-wrap:wrap; margin:0 auto; cursor:pointer}
#realisations #souvenirs .flex_contener .left_bloc {display:flex; flex-wrap:wrap; margin:0 auto; width:32rem;}
#realisations #souvenirs .flex_contener .left_bloc .imgc {width:30rem; height:21rem; margin-right: 1rem; border:.7rem solid white;background-position: center top; background-repeat: no-repeat; background-size: cover;cursor: pointer;}
#realisations #souvenirs .flex_contener p.sp {display: block; font-size:.90rem; font-style:italic; text-align: center; margin:1rem auto;}
#realisations #souvenirs .flex_contener .right_bloc {width:27rem; margin:1rem 0 0 1.5rem}
#realisations #souvenirs .flex_contener .right_bloc p {margin-bottom: .8rem;}
#realisations #souvenirs .flex_contener .right_bloc a.my_btn {font-size:.8rem; padding: .3rem 2rem; display: inline-block;}
/* end souvenirs */

/* start parcours */
#realisations #parcours {position:relative; top:0; left:0; margin-bottom:3rem}
#realisations #parcours p {margin-bottom:.8rem}
#realisations #parcours .grey_box .text_contener {width:51rem}
#realisations #parcours .grey_box .img_contener {display: flex; width:60rem; margin:1rem 0; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap;}
#realisations #parcours .grey_box .img_contener .imgc {width: 11rem; height: 11rem; margin:  0; padding: .3rem; border: .3rem solid white; background-position: center top; background-repeat: no-repeat; background-size: cover;cursor: pointer;}
#realisations #parcours .grey_box p.sp {display: block; margin:1rem auto; font-size:.90rem; font-style:italic; text-align: center;}
#realisations #parcours p.ico_google {background-image:url("../images/v2/realisations/google-maps-24.png"); background-position: left center; background-repeat: no-repeat;cursor: pointer; padding-left: 1.3rem;}
#realisations #parcours .text_contener p:nth-child(2) {margin-bottom:0;}
#realisations #parcours .text_contener p:nth-child(3) {font-size:.85rem; font-style:italic;margin-top: 0;}
/* end parcours */

/* start audio */
#realisations #audio {margin-bottom:3rem}
#realisations #audio .grey_box p:nth-child(2) {width:48rem}
#realisations #audio .grey_box .flex_contener {display:flex; flex-wrap:wrap; margin:2rem auto 1rem auto;}
#realisations #audio .grey_box .flex_contener .left_bloc {width:39rem; border: 1px solid grey; padding:1rem; margin-right:1rem;}
#realisations #audio .grey_box .flex_contener .left_bloc a:link, #realisations #audio .grey_box .flex_contener .left_bloc a:visited {display:block; color:#039be5; text-decoration:none;}
#realisations #audio .grey_box .flex_contener .left_bloc a:hover {color:var(--ShipColor);}
#realisations #audio .grey_box .flex_contener .left_bloc p {margin-bottom: .8rem;}
#realisations #audio .grey_box .flex_contener .right_bloc {display:flex; align-items: center; justify-content: space-between; width: 22rem; border: 1px solid grey; padding:1rem; }
#realisations #audio .flex_contener .right_bloc p:first-child {font-size:.7rem; text-align:right; margin-right:.8rem;}
#realisations #audio .grey_box .flex_contener .right_bloc img {width:7rem}
#realisations #audio .flex_contener .right_bloc div:nth-child(2) {margin-right:.7rem}
#realisations #audio .flex_contener .right_bloc div:nth-child(2) p, #realisations #audio .flex_contener .right_bloc div:nth-child(3) p {width:5rem; font-size:.8rem; margin:0 auto;}
#realisations #audio .grey_box div#descr {display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; width:58rem; padding-top:2rem;}
#realisations #audio .grey_box div#descr p.st {margin-bottom:.2; font-weight:400; font-size:1rem}
#realisations #audio .grey_box div#descr div.d1 blockquote p, #realisations #audio .grey_box div#descr div.d2 blockquote p, #realisations #audio .grey_box div#descr div.d3 blockquote p,  #realisations #audio .grey_box div.escape blockquote p {font-size:1rem; margin-bottom:0; line-height:inherit}
#realisations #audio .grey_box div#descr div.d1, #realisations #audio .grey_box div#descr div.d2 {display:flex;  margin-bottom:1rem}
#realisations #audio .grey_box div#descr div.d1 .left_bloc, #realisations #audio .grey_box div#descr div.d2 .left_bloc {width:20rem; height:8rem; margin-right:1rem; background-position: center -4rem; background-repeat: no-repeat; background-size: cover;}
#realisations #audio .grey_box div#descr div.d1 .right_bloc, #realisations #audio .grey_box div#descr div.d2 .right_bloc {width:40rem;}
#realisations #audio .grey_box div#descr div.d1 .left_bloc {background-image:url("../images/v2/realisations/audio1.jpg");}
#realisations #audio .grey_box div#descr div.d2 .left_bloc {background-image:url("../images/v2/realisations/audio2.jpg"); margin-top:.4rem}

#realisations #audio .grey_box div#descr div.d1 p:nth-child(2) {width:60rem}

#realisations #audio .grey_box div#descr div.d2 ul {padding-left:1rem;}
#realisations #audio .grey_box div#descr div.d2 ul li {margin-bottom:0; line-height:inherit;}
#realisations #audio .grey_box div#descr a, .escape a {margin-left:.5rem; text-decoration:none; font-style:italic; color:white}
/* end audio */

/* start bowden */
#realisations #bowden {margin-bottom:3rem}
#realisations #bowden .grey_box .flex_contener {display:flex; flex-wrap:wrap; margin:2rem auto 1rem auto;}
#realisations #bowden .flex_contener .left_bloc {position:relative;}
#realisations #bowden .flex_contener .left_bloc .imgc {width:23rem; height:17rem; border:.7rem solid white; background-image:url("../images/v2/realisations/bowden1.jpg"); background-position: center top; background-repeat: no-repeat; background-size: cover;}
#realisations #bowden .flex_contener p.sp {display: block; font-size:.90rem; font-style:italic; text-align: center; margin:1rem auto;}
#realisations #bowden .flex_contener .right_bloc {width:34rem; margin:0 0 0 1.5rem}
#realisations #bowden .flex_contener .right_bloc p {margin-bottom: .8rem;}
#realisations #bowden .flex_contener .right_bloc p:nth-child(8) {font-size:.8rem; margin-bottom:.4rem}
#realisations #bowden .flex_contener .right_bloc a.my_btn {font-size:.8rem; padding: .3rem 2rem; display: inline-block;}
/* end Bowden */
