body,html
{
    margin:0;
    padding:0;
    background:white;
    font-family: 'Dosis', sans-serif;
color: #39445b;}
h1
{

    /* font-family: 'Dosis', sans-serif; */
font-weight: 700;
    font-family: 'Dosis', sans-serif;
    color: #39445b;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 14px;
    font-size: 30px;
    line-height: 32px;
    margin-top: 0;font-weight: normal;}


.in {width: calc(100% - 20px);max-width: 1187px;margin: auto;display: flex;}

nav
{   
    background: #1d252c;
    padding: 26px 0; 
    color:white;
margin-bottom: 40px;}
nav .in {display: flex;align-items: center;justify-content: stretch;flex-direction: row;}

header
{
    
    padding: 47px 0 36px;
}


header .in {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}

header .in div a {

        color: #cc8f5e;
    font-size: 27px;
    line-height: 27px;
    margin-bottom: 6px;
    letter-spacing: 2px;
    text-decoration:none;
    font-family: Dosis,sans-serif;
text-align: right;display: block;}

 


header small {display: block;color: #39445b;
    font-size: 12px;
    line-height: 12px;font-family: 'DOSIS',sans-serif;text-align: right;}

header div.hor {
    
    color: #39445b;
    text-align: left;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 1px;
font-family: 'DOSIS',sans-serif;}

nav a {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    text-decoration:none;
padding-right: 20px;margin-right: 20px;border-right: solid 1px #c57d51;/* border: 1px solid #c57d51; */
    /* margin: 0 25px; */
    /* display: inline-block; */
    /* height: 12px; */}



span.spacer {flex-grow: 1;}

a.espace {
        float: right;
    height: 44px;
    line-height: 44px;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    letter-spacing: 2px;
    font-size: 16px;
    text-decoration: none;
    display:inline-block;
    padding: 0 28px 0 23px;
    background: #cc8f5e url(/build/images/fleche.93a5f3ed.png) 95% no-repeat;
}



nav a:nth-child(6) {border-right: none;}

h2 {text-transform: uppercase;font-weight: normal;}

.remise a {display: flex;color: #39445b;text-decoration: none;position: relative;margin: 10px;align-items: center;}

span.new {position: absolute;top: 10px;left: 10px;font-weight: 900;color: white;background: #cc8f5e;font-family: 'Dosis';font-size: 14px;padding: 2px 5px;text-transform: uppercase;}

.remise a img {width: 188px;}

.remise {/* padding: 10px; */border: solid 2px #cc8f5e;}

span.brand {display: inline-block;padding: 3px 5px;background: #cc8f5e;font-family: 'Dosis';color: white;font-weight: 900;}

.remise a b {display: block;margin: 5px 0 0 0;text-transform: uppercase;}

.remise .data {display: block;margin: 10px;font-size: 14px;}

.remise small {display: block;font-size: 20px;color: #cc8f5e;}

span.link {margin-top: 5px;display: block;text-decoration: underline;color: #cc8f5e;}

.col1 {/* width: 66%; */flex-grow: 1;margin-right: 20px;}

.col2 {width: 363px;display: flex;flex-direction: column;justify-content: stretch;}

.titre {display: block;background: #cc8f5e;color: white;text-align: center;font-size: 23px;font-weight: 900;padding: 10px;}

.titre small {display: block;font-weight: normal;font-size: 16px;}

form {border: solid 2px #cc8f5e;padding: 10px;flex-grow: 1;display: flex;align-items: stretch;justify-content: space-between;flex-direction: column;}

form div > label.t {text-transform: uppercase;}

form div input.t {display: block;width: calc(100% - 10px);border: none;outline: none!important;border-bottom: solid 1Px black;appearance: none;margin-bottom: 20px;color: #cc8f5e;font-weight: bold;padding: 5px 0;}

button {appearance: none;border: none;width: 100%;background: #1d252c;color: white;font-size: 30px;font-family: 'DOSIS';padding: 10px;margin-top: 23px;}

span.mentions {display: block;}

a {color: #cc8f5e;}

footer {background: #1d252c;padding: 20px 0;margin-top: 40px;}

footer .col2 {color: white;text-align: center;display: block;}

footer a {display: inline-block;margin: 10px;}

footer a img {height: 24px;}

footer b {display: block;}

.in.links {display: flex;justify-content: stretch;border-top: solid 1px white;margin-top: 20px;padding-top: 20px;}

.in.links span {color: white;text-align: right;flex-grow: 1;}

.in.links a {color: white;text-decoration: none;}

.col3 {width: 30%;margin-right: 3%;margin-top: 20px;display: flex;flex-direction: column;}

.col3.blog {width: 34%;margin-right: 0;}

.blog img {width: 137px;}

.blog a {display: flex;justify-content: stretch;align-items: flex-start;text-decoration: none;color: black;font-size: 14px;margin: 5px;}

.blog b {background: #cc8f5e;color: white;padding: 2px 5px;margin-left: -133px;top: 10px;font-size: 13px;}

p {margin: 0;margin-left: 10px;font-size: 12px;margin-top: 5px;}

.blog a span {padding-top: 5px;}

.blog div {border: solid 2px #cc8f5e;flex-grow: 1;display: flex;flex-direction: column;justify-content: space-around;}

.col3 h2 {text-align: center;font-weight: normal;}

label {font-size: 15px;}

@media screen and (max-width:998px)
{
    nav {
        display:none;
    }
    .in
    {
        display: flex;
    flex-direction: column!important;}
.in > div {width: 100%!important;}
    header div.hor
    {text-align:right;}
}

@media screen and (max-width:470px)
{
    .remise a {
        flex-direction: column;
    }
}


iframe {width: 100%;height:100%}

img {max-width: 100%;}