#headTitle .flex{height:300px;text-shadow:1px 1px 2px rgba(0,0,0,1)}
.suptitle{font-style:italic;font-family:Georgia,"Times New Roman",Times,serif;padding-top:12px;position:relative;color:#fff}
.suptitle::before{content:'';position:absolute;top:-20px;left:50%;margin-left:-10px;height:25px;width:2px;background-color:#6bb42e;-webkit-transform:rotate(55deg);-moz-transform:rotate(55deg);-ms-transform:rotate(55deg);-o-transform:rotate(55deg);transform:rotate(55deg)}
.suptitle::after{content:'';position:absolute;top:-20px;left:50%;margin-left:10px;height:25px;width:2px;background-color:#6bb42e;-webkit-transform:rotate(-55deg);-moz-transform:rotate(-55deg);-ms-transform:rotate(-55deg);-o-transform:rotate(-55deg);transform:rotate(-55deg)}
h1{width:100%;text-align:center}
h1 strong{font-size:2.5rem;text-transform:uppercase;letter-spacing:2px;position:relative;margin-bottom:10px;color:#fff;display:inline-block;padding:0 20px}
h1 strong::before{left:-50px}
h1 strong::before,h1 strong::after{content:'';position:absolute;top:50%;width:50px;height:1px;background-color:#fff}
h1 strong::after{right:-50px}
h1 .subtitle{color:#fff}
#cadeaux iframe{width:100%;height:auto;border:none}
.blog_article{width:60%;margin:0 auto}
.blog_article .intro{font-weight:600;margin-bottom:20px}
#legals.page_legals{margin-top:40px}
#legals a{color:#B4B4B4}
#legals a:hover{text-decoration:underline}
@media screen and (max-width:799px),screen and (min-width:800px) and (max-width:1159px) and (orientation:portrait){.wrapper{padding:80px 0 0}
#headTitle .flex{width:100%;height:250px;overflow:hidden}
.suptitle{font-size:0.875rem}
h1{width:90%}
h1 strong{font-size:1.5rem;letter-spacing:0;padding:0 10px}
h1 strong::before{left:-30px}
h1 strong::before,h1 strong::after{width:30px}
h1 strong::after{right:-30px}
footer{position:relative}
#cadeaux iframe{width:100%;padding:20px;text-align:center}
.blog_article{width:90%}}






@media screen and (min-width:1500px){#headTitle .flex{height:500px}}