.wrapper{min-height:100%;height:100%}
.wrapper .flex{height:100%}
#informations.col-5{width:48.66666667%}
#pic.col-3{width:-webkit-calc(15% - 20px);width:calc(15% - 20px)}
#quick_link.col-4{width:41.33333333%}
#informations{background-color:#f9f9f9;height:100%;overflow:auto;padding:10px 40px 20px 30px;position:relative}
.pic_prof{margin-top:30px}
.pic_prof img{width:300px;height:300px;object-fit:contain;object-position:left center}
.inscription{margin-left:30px;padding:20px;background-color:#e9e9e9}
#informations li{width:100%;margin-right:1%;display:inline-block;vertical-align:top}
#scrollable{overflow:hidden;height:-webkit-calc(100% - 40px);height:-moz-calc(100% - 40px);height:-ms-calc(100% - 40px);height:-o-calc(100% - 40px);height:calc(100% - 40px)}
#pic{height:100%;overflow:hidden}
#quick_links{padding:0 0 20px;height:100%;overflow:auto}
#quick_links em{display:block;text-transform:uppercase;color:#8b6979;margin-bottom:30px}
#quick_links em::after{content:'';display:block;height:2px;width:100px;overflow:hidden;background-color:#000;margin:10px 0}
#quick_links a{display:block;width:-webkit-calc(50% - 20px);width:calc(50% - 20px);height:120px;float:left;margin-bottom:20px;text-align:center;position:relative;color:#000}
#quick_links a.fullBack{background-size:auto}
#quick_links span.spacer{display:inline-block;float:left;width:20px;height:120px}
#quick_links a .flex{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}
#quick_links a::after{content:'';display:block;width:100%;height:100%;z-index:5;background-color:rgba(0,0,0,0.1);opacity:0;-webkit-transition:all 700ms;-o-transition:all 700ms;transition:all 700ms}
#quick_links a:hover::after{opacity:1}
#quick_links .frame{max-width:-webkit-calc(100% - 40px);max-width:calc(100% - 40px);display:inline-block;padding:7px 10px;background-color:#fff;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.5);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.5);box-shadow:0 0 5px 0 rgba(0,0,0,0.5)}
#quick_links a strong{display:block;font-family:Georgia,"Times New Roman",Times,serif;font-style:italic;font-weight:700;margin-bottom:2px}
#quick_links span.categorie{font-size:0.75rem;display:block}
#quick_links span.link{font-size:0.65rem;text-transform:uppercase;color:#8b6979}
h1{color:#000;text-transform:uppercase;font-size:1.5rem;margin-bottom:20px;font-weight:500}
.maintext h1 em{font-style:normal;font-size:1rem;display:block}
h1::after{content:'';display:block;height:2px;width:100px;background-color:#8b6979;overflow:hidden;margin-top:10px}
.prices,.options{width:100%;display:inline-block;padding:20px;margin-bottom:20px;background-color:#e9e9e9;float:left}
#informations .prices li,#informations .options li{width:100%}
.intitle{font-weight:500;color:#000;padding-bottom:10px;text-transform:uppercase;text-decoration:underline}
.options.planning{color:#FFF;background-color:rgba(104,180,46,0.4)}
.options.planning .intitle{color:#FFF}
.options.planning a{color:#000;font-weight:500;letter-spacing:0.1rem;text-transform:uppercase}
.sblock ul{margin:0}
.sblock li{position:relative;padding-left:20px}
.sblock li::before{content:'\f017 ';font-family:'FontAwesome';padding-right:10px;position:static;font-size:1rem;color:#68b42e;display:inline-block;position:absolute;top:0;left:0}
.options.sblock li::before{content:'\f055';color:#00b7ec}
.sblock strong{color:#000}
.sblock li em{display:inline-block;font-weight:400;width:auto;padding:0;font-size:0.75rem}
.sblock li .fa-info-circle{font-size:0.875rem;color:#555;display:inline-block;margin-left:3px;cursor:pointer}
.hBack{display:block;text-transform:uppercase;font-size:0.75rem;color:#8b6979;margin-bottom:20px}
.hBack:hover{color:#000}
.hBack .fa{padding-right:5px}
.maintext strong{color:#000}
.qtip-content{font-size:0.875rem;line-height:1rem;font-weight:400}
@media screen and (max-width:799px),screen and (min-width:800px) and (max-width:1159px) and (orientation:portrait){#informations li{width:100%;margin-right:0}
.prices,.options{width:100%}
#informations.col-5,#pic.col-3{width:100%;height:auto;padding-bottom:50px}
#pic.col-3{height:250px}
#quick_links{padding:50px 40px 50px 20px;height:auto}
#quick_links a{display:block;width:100%;height:120px;margin-bottom:20px}
#quick_links span.spacer{width:100%;height:20px}
#quick_links a:hover::after{opacity:0}
#quick_links .frame{max-width:-webkit-calc(100% - 20px);max-width:calc(100% - 20px);padding:7px 10px}}






@media screen and (min-width:1500px){.prices,.options{width:-webkit-calc(50% - 15px);width:calc(50% - 15px)}
.options{margin-left:30px}
#informations.col-5{width:41.66666667%}
#pic.col-3{width:-webkit-calc(25% - 80px);width:calc(25% - 80px)}
#quick_link.col-4{width:33.33333333%}}