html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* ==========================================================================
   Author's custom styles
   font-family: "Nunito", sans-serif; font-optical-sizing: auto; font-weight: <weight>; font-style: normal;
   ========================================================================== */
#awwwards{position: fixed; z-index: 999; transform: translateY(-50%); top: 50%;  left: 0;}
.lien{display: inline-block; transition: all 0.5s ease; text-decoration:none; border:none; padding:10px 30px; margin: 0; cursor: pointer; border-radius:30px; font-size: 1rem; font-weight: 700;}
.bouton{display: block; padding: 0; margin: 0; box-sizing: border-box; }
.bouton hr{display: block; transition: all 0.5s ease; margin: 0 auto; padding: 0; border: none; height: 2px;}
.bouton a{display: inline-block; transition: all 0.5s ease; padding: 20px 30px; font-size: 1rem; font-weight: 800; text-transform:uppercase; text-decoration: none; margin: 0; cursor: pointer; box-sizing: border-box;}
.bouton a span{display: inline-block; padding: 0 0 0 2px; margin: 0; font-size: 0.9rem; }
.bouton .open_favoris_accueil{display: inline-block; transition: all 0.5s ease; padding: 20px 30px; font-size: 1rem; font-weight: 800; text-transform:uppercase; text-decoration: none; margin: 0; cursor: pointer; box-sizing: border-box;}
.bouton .open_favoris_accueil span{display: inline-block; padding: 0 0 0 2px; margin: 0; font-size: 0.9rem; }

@keyframes change_color_bck_fonce{ 
    0% { color: #5f69ff; } 24% { color: #5f69ff; } 25% { color: #ff4041; } 49% { color: #ff4041; } 50% { color: #ff829b; } 74% { color: #ff829b; } 75% { color: #d3a800; } 99% { color: #d3a800; } 100% { color: #5f69ff; }
}

.bck_jaune{background-color: #d3a801;}
.bck_rose{background-color: #ff829b;}
.bck_rouge{background-color: #ff4041;}
.bck_bleu{background-color: #5f69ff;}
.bck_noir{background-color: #1e1e1c;}
.bck_blanc{background-color: white;}
.bck_beige{background-color: #ffdcd2;}

.wrapper{display: block; padding: 0 20px; margin: 0 auto; box-sizing: border-box; width: 100%; max-width:1540px; }
.clear{clear: both;}
img{display: block; width: 100%; height: auto; padding: 0; margin: 0; box-sizing: border-box; }
.ombre{-webkit-box-shadow: 0px 0px 15px 0px #1e1e1c; box-shadow: 0px 0px 15px 0px #1e1e1c;}


.champ_reponse_capcha{display: none;}
.case-a-cocher-paco{display: block; transition: all 0.5s ease; cursor: pointer; padding: 0px 0 0 25px; font-size: 0.9rem; font-weight: 700; color: #1e1e1c; line-height: 1.2rem; margin:20px 0 0 0; position: relative; box-sizing: border-box;}
.case-a-cocher-paco a{text-decoration: underline;  color: #1e1e1c;}
.case-a-cocher-paco:hover{color: #5f69ff;}
.case-a-cocher-paco img{display: block; width: 20px; position: absolute; top: 0; left: 0;}
.case-a-cocher-paco img.newsletter_uncheck{display: block;}
.case-a-cocher-paco img.newsletter_check{display: none;}
.case-a-cocher-paco.active img.newsletter_uncheck{display: none;}
.case-a-cocher-paco.active img.newsletter_check{display: block;}
.case-a-cocher-paco .champ_verification{display: none;}
.loader-paco{display: none; z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; box-sizing: border-box; background-color:rgba(255, 255, 255, 0.7);}
.loader-paco img{display: block; position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; padding: 0; margin: -50px 0 0 -50px; box-sizing: border-box;}

html,body{display: block; width: 100%; padding: 0; margin: 0; box-sizing: border-box; font-family: "Nunito", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;}
body.ajout_margin{margin-top: 74px;}

header{display: block; padding:0; margin:0; box-sizing: border-box; background-color: #1e1e1c; text-align: center; position: fixed; top: 0; left: 0; width: 100%; z-index: 999;}
header .wrapper{position: relative;}
header .logo{display: block; padding:0; margin: 0; position: absolute; top: 0px; left: 0; width: 140px; box-sizing: border-box;}

.header_accueil{display: none;}

header .bloc_menu_principal{display: inline-block; padding:0; margin:0; box-sizing: border-box; text-align: center;}
header .bloc_menu_principal .menu_principal{display:block; padding:0; margin:0; box-sizing: border-box;}
header .bloc_menu_principal .menu_principal ul{display: block; padding:20px 0; margin:0; box-sizing: border-box;}
header .bloc_menu_principal .menu_principal ul li{display: inline-block; padding:0; margin:0; box-sizing: border-box; position: relative;}
header .bloc_menu_principal .menu_principal ul li a{display: block; text-decoration: none; text-transform: uppercase; padding: 10px 15px; margin: 0; font-weight: 700; font-size: 0.9rem; line-height: 1rem; color: white; box-sizing: border-box;}
header .bloc_menu_principal .menu_principal ul li .sous_menu{display: none; background-color: #1e1e1c; width: 200px; min-width: 100%; position: absolute; top: 100%; left: 0; padding: 0px 15px 20px 15px; margin: 0; box-sizing: border-box; text-align: left;}
header .bloc_menu_principal .menu_principal ul li .sous_menu li{display:block; padding:0; margin:0; box-sizing: border-box;}
header .bloc_menu_principal .menu_principal ul li .sous_menu li a{display: block; padding:0; margin:10px 0; font-weight: 400; font-size: 1rem; line-height: 1.2rem; text-transform:none; color: white; box-sizing: border-box;}
header .bloc_menu_principal .menu_principal ul li .sous_menu li a:hover{text-decoration: underline;}
header .bloc_menu_principal .menu_principal ul li:hover .sous_menu{display: block;}
header .bloc_menu_principal .menu_principal ul li a:hover{text-decoration: underline;}

header .navigation_rapide{display: inline-block; padding:0; margin:0; box-sizing: border-box; position: absolute; top: 10px; right: 0px;}
header .navigation_rapide li{display: inline-block; padding:0; margin:0; box-sizing: border-box;}
header .navigation_rapide li div{display: block; position: relative; cursor: pointer; transition: all 0.5s ease; padding: 0 0 0 0; margin: 0 5px; text-decoration: none; border: none; font-size: 3rem;}
header .navigation_rapide li div.mon_compte{color: #D3A800;}
header .navigation_rapide li div.mes_favoris{color: #FF4041;}
header .navigation_rapide li div.mon_panier{color: #5F69FF;}
header .navigation_rapide li div .infocheck{display:none; position: absolute; bottom: 23px; width: 100%; left:0%; color: white; padding: 0; margin: 0; font-size: 1.1rem; font-weight: 900; text-align: center; box-sizing: border-box;}
header .navigation_rapide li div .infobulle{display:none; position: absolute; top: 90%; width: 120px; left:50%; background-color: #1e1e1c; border: solid 1px white; color: white; padding: 0 10px; margin: 0 0 0 -60px; height: 30px; line-height: 28px; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; box-sizing: border-box;}
header .navigation_rapide li div:hover .infobulle{display:block;}
header .navigation_rapide li div:hover{color:white;}
header .navigation_rapide li div.mon_compte:hover .infocheck{color: #D3A800;}
header .navigation_rapide li div.mon_panier:hover .infocheck{color: #5F69FF;}

header .navigation_rapide li div .infocheck.affiche{display: block;}

header .open_menu{display: none;}
header .bloc_menu_principal .close_menu{display: none;}
header .bloc_menu_principal.open{display: inline-block;}

@media screen and (max-width: 1600px) {
    header .navigation_rapide li div.mon_panier .infobulle{left:auto; right: 0; margin: 0;}
}

@media screen and (max-width: 1340px) {
    header .navigation_rapide{top: 15px;}
    header .navigation_rapide li div{font-size: 2.3rem;}
    header .navigation_rapide li div .infocheck{font-size: 1rem; bottom: 15px;}
    header .bloc_menu_principal .menu_principal ul li a {padding: 10px 10px;font-size: 0.85rem;}
}

@media screen and (max-width: 1150px) {
    header .logo {top: 10px;width: 100px;}
    header .navigation_rapide{top: 17px;}
    header .navigation_rapide li div{font-size: 2rem;}
    header .navigation_rapide li div .infocheck{font-size: 0.9rem; bottom: 12px;}
    header .bloc_menu_principal .menu_principal ul li a {padding: 10px 7px;font-size: 0.8rem;}
}

@media screen and (max-width: 1040px) {
    body.ajout_margin{margin-top: 61px;}

    header .logo {position: static; margin: 5px auto;}
    header .navigation_rapide{top: 8px; right: 5px;}
    header .open_menu{display:block; position: absolute; top: 0; left: 0; cursor: pointer; transition: all 0.5s ease; padding:10px 10px; margin:0; box-sizing: border-box; font-size:1rem; color: #fff; font-weight:700;  }
    header .open_menu span{display:inline-block; width: 32px; padding:0 5px 0 0; margin:0; box-sizing: border-box; font-size:2rem; vertical-align: middle;}
    header .open_menu .icon-picto_menu{display:inline-block;}
    header .open_menu:hover{color: #5F69FF;}

    header .bloc_menu_principal{display: none; background-color: white; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; overflow-y: auto; z-index: 999999;}
    header .bloc_menu_principal .menu_principal{display:block; padding:0; margin:0 ; box-sizing: border-box;}
    header .bloc_menu_principal .menu_principal ul{display: block; padding:70px 20px; margin:0; box-sizing: border-box;}
    header .bloc_menu_principal .menu_principal ul li{display: block; padding:0; margin:0; box-sizing: border-box; position: relative;}
    header .bloc_menu_principal .menu_principal ul li a{display: block; text-decoration: none; text-transform: uppercase; padding: 10px 15px; font-size: 0.9rem; line-height: 1rem; color: #1e1e1c;}
    header .bloc_menu_principal .menu_principal ul li .sous_menu{display: block; text-align: center; background-color: #fff; width: 100%; min-width:auto; position: static; padding: 0px 0 20px 0; }
    header .bloc_menu_principal .menu_principal ul li .sous_menu.ombre{box-shadow:none !important; -webkit-box-shadow:none !important;} 
    header .bloc_menu_principal .menu_principal ul li .sous_menu li{display:block; padding:0; margin:0; box-sizing: border-box;}
    header .bloc_menu_principal .menu_principal ul li .sous_menu li a{display: block; padding:10px 15px; margin:0; font-weight: 400; font-size: 1rem; line-height: 1.2rem; text-transform:none; color: #1e1e1c; box-sizing: border-box;}
    
    header .bloc_menu_principal.open{display: block;}

    header .bloc_menu_principal .close_menu{display:inline-block; position: absolute; top: 0; right: 0; cursor: pointer; transition: all 0.5s ease; padding:10px 10px; margin:0; box-sizing: border-box; color: #1e1e1c;  }
    header .bloc_menu_principal .close_menu span{font-size:3rem; }
    header .bloc_menu_principal .close_menu:hover{color: #5F69FF;}

    header .navigation_rapide li div:hover .infobulle{display:none !important;}

    
}

@media screen and (max-width: 500px) {
    header .navigation_rapide{top: 5px; right: 2px;}
    header .navigation_rapide li div{font-size: 1.7rem; padding: 0 3px; margin: 0;}
    header .navigation_rapide li div .infocheck{font-size: 0.8rem; bottom: 10px;}
    header .open_menu{font-size: 0.8rem; top: 0px;}
    header .open_menu span{width: 24px; font-size: 1.5rem;}
    header .logo {width: 80px; box-sizing: content-box; padding-right: 25px; margin: 10px auto;}

    header .bloc_menu_principal .menu_principal ul{text-align: left;}
    header .bloc_menu_principal .menu_principal ul li .sous_menu{text-align: left;}
}

.body_configurateur header{background-color: white;}
.body_configurateur header .navigation_rapide li div:hover{color:#1e1e1c;}
.body_configurateur header .logo_configurateur{display:block; padding:0; margin: 0 auto; width: 140px; box-sizing: border-box;}
.body_configurateur header .bloc_configurateur_menu_principal{display: block; position: absolute; top: 10px; left: 0;  padding:0; margin:0; text-align: left; box-sizing: border-box;}
.body_configurateur header .bloc_configurateur_menu_principal .open_menu{display:block; width: 105px;cursor: pointer; transition: all 0.5s ease; padding:10px 10px; margin:0; box-sizing: border-box; font-size:1rem; color: #1e1e1c; font-weight:700;  }
.body_configurateur header .bloc_configurateur_menu_principal .open_menu span{display:inline-block; width: 32px; padding:0 5px 0 0; margin:0; box-sizing: border-box; font-size:2rem; vertical-align: middle;}
.body_configurateur header .bloc_configurateur_menu_principal .open_menu .icon-picto_menu{display:inline-block;}
.body_configurateur header .bloc_configurateur_menu_principal .open_menu .icon-Picto_ferme{display:none;}
.body_configurateur header .bloc_configurateur_menu_principal .open_menu:hover{color: #5F69FF;}
.body_configurateur header .bloc_configurateur_menu_principal .menu_principal_burger{display: none; background-color: white; padding: 0 20px 20px 20px; margin: 0; box-sizing: border-box;}
.body_configurateur header .bloc_configurateur_menu_principal .menu_principal_burger ul{display: block; padding:0; margin:0; box-sizing: border-box;}
.body_configurateur header .bloc_configurateur_menu_principal .menu_principal_burger ul li{display: block; padding:0; margin:0; box-sizing: border-box;}
.body_configurateur header .bloc_configurateur_menu_principal .menu_principal_burger ul li a{display: block; text-decoration: none; text-transform: uppercase; padding:5px 0; margin: 0; font-weight: 700; font-size: 0.9rem; line-height: 1rem; color: #1e1e1c; box-sizing: border-box;}
.body_configurateur header .bloc_configurateur_menu_principal .menu_principal_burger ul li .sous_menu{display: block; padding: 0px 0 0 20px; margin: 0; box-sizing: border-box;}
.body_configurateur header .bloc_configurateur_menu_principal .menu_principal_burger ul li .sous_menu li{display:block; padding:0; margin:0; box-sizing: border-box;}
.body_configurateur header .bloc_configurateur_menu_principal .menu_principal_burger ul li .sous_menu li a{display: block; padding:5px 0; margin:0; font-weight: 400; font-size: 1rem; line-height: 1.2rem; text-transform:none; color: #1e1e1c; box-sizing: border-box;}
.body_configurateur header .bloc_configurateur_menu_principal .menu_principal_burger ul li .sous_menu li a:hover{text-decoration: underline;}
.body_configurateur header .bloc_configurateur_menu_principal .menu_principal_burger ul li a:hover{text-decoration: underline;}

.body_configurateur header .bloc_configurateur_menu_principal.open_menu_active .menu_principal_burger{display: block;}
.body_configurateur header .bloc_configurateur_menu_principal.open_menu_active .open_menu .icon-picto_menu{display:none;}
.body_configurateur header .bloc_configurateur_menu_principal.open_menu_active .open_menu .icon-Picto_ferme{display:inline-block;}

.body_retour_inscription header{background-color: #1e1e1c;}
.body_retour_inscription header .logo_retour_inscription{display:block; padding:0; margin: 0 auto; width: 140px; box-sizing: border-box;}

@media screen and (max-width: 1150px) {
    .body_configurateur header .logo_configurateur{ width: 100px; margin: 5px auto;}
    .body_configurateur header .bloc_configurateur_menu_principal{top: 0;}
    .body_configurateur header .navigation_rapide{top: 8px; right: 5px;}

    .body_retour_inscription header .logo_retour_inscription{margin: 5px auto; width: 100px; }
}

@media screen and (max-width: 1040px) {
    .body_configurateur header .bloc_configurateur_menu_principal .menu_principal_burger{padding-top: 60px;}
}


@media screen and (max-width: 500px) {
    .body_configurateur header .logo_configurateur{width: 80px; box-sizing: content-box; padding-right: 25px; margin: 10px auto;}
    .body_configurateur header .bloc_configurateur_menu_principal .open_menu{top: -4px; font-size: 0.8rem;}
    .body_configurateur header .bloc_configurateur_menu_principal .open_menu span{width: 24px; font-size: 1.5rem;}

    
}

.accueil{display: block; padding: 80px 0 50px 0; margin: 0; box-sizing: border-box; background-color: #1e1e1c; text-align: center; background-image: url(../svg/CSS_motif_accueil_droit.svg), url(../svg/CSS_motif_accueil_gauche.svg); background-position: 105% bottom, -5% bottom; background-repeat: repeat-y,repeat-y;background-size: auto 610px;}
.accueil .logo{display: block; width: 830px; height: auto; padding: 0; margin: 0 auto 20px auto; box-sizing: border-box;}
.accueil h1{display: block; padding: 0; margin: 0; font-size: 1.5rem; line-height: 1.8rem; color: #ffdcd2; box-sizing: border-box;}
.accueil p{display: block; padding: 0; margin: 0; font-size: 1.5rem; line-height: 1.8rem; color: #ffdcd2; box-sizing: border-box;}
.accueil .lien{margin-top: 30px; color: #1e1e1c; background-color:#ffdcd2; border:solid 2px #ffdcd2;}
.accueil .lien:hover{background-color: #1e1e1c; color:#ffdcd2; border-color:#ffdcd2; }

@media screen and (max-width: 1650px) {
    .accueil{background-position: 110% bottom, -10% bottom; }
}

@media screen and (max-width: 1550px) {
    .accueil{background-position: 115% bottom, -15% bottom; }
}

@media screen and (max-width: 1550px) {
    .accueil{background-position: 115% bottom, -15% bottom; }
}

@media screen and (max-width: 1400px) {
    .accueil .logo{width: 80%; max-width: 600px; margin: 0 auto 20px auto;}
    .accueil h1{font-size: 1.2rem; line-height: 1.5rem; }
    .accueil p{font-size: 1.2rem; line-height: 1.5rem; }
}

@media screen and (max-width: 1380px) {
    .accueil{background-position: 118% bottom, -18% bottom; }
}

@media screen and (max-width: 1150px) {
    .accueil{background-position: 124% bottom, -24% bottom; }
}

@media screen and (max-width: 950px) {
    .accueil{background-image:none; }
}

@media screen and (max-width: 840px) {
    .accueil h1{font-size: 1.1rem; line-height: 1.3rem; max-width: 80%; margin: 0 auto 20px auto;}
    .accueil p{font-size: 1.1rem; line-height: 1.3rem; max-width: 80%; margin: 0 auto; }
    .accueil p br{display: none;}
}

@media screen and (max-width: 600px) {
    .accueil .logo{margin: 0 auto 20px auto;}
    .accueil{display: block; padding: 30px 0 30px 0;}
    .accueil .lien{max-width: 90%; margin: 30px auto 0 auto;  box-sizing: border-box; padding: 10px 10px;}
    .accueil h1{max-width: 95%;}
    .accueil p{max-width: 95%;}
}

.accueil_introduction{display: block; padding: 50px 0 80px 0; margin: 0; box-sizing: border-box; background-color: #1e1e1c; text-align: center; background-image: url(../svg/CSS_motif_accueil_droit.svg), url(../svg/CSS_motif_accueil_gauche.svg); background-position: 105% top, -5% top; background-repeat: repeat-y,repeat-y;background-size: auto 610px;}
.accueil_introduction h2{display: block; padding: 0; margin: 0; font-size: 3.4rem; line-height: 3.4rem; font-weight: 700; color: white; box-sizing: border-box; animation: 2s linear 0s infinite change_color_bck_fonce;}
.accueil_introduction h3{display: block; padding: 20px 0; margin: 0; font-size: 1.8rem; line-height: 2rem; color: white;  box-sizing: border-box;}
.accueil_introduction p{display: block; padding: 0; margin: 0; font-size: 1.2rem; line-height: 1.5rem; color: white; font-weight:300; box-sizing: border-box;}
.accueil_introduction .bouton hr{background-color: white; width: 50px; margin-top: 30px;}
.accueil_introduction .bouton a{color: white;}
.accueil_introduction .bouton a:hover{color:#ff4041;}
.accueil_introduction .bouton hr.hover{background-color:#ff4041; width: 80px;}

@media screen and (max-width: 1650px) {
    .accueil_introduction{background-position: 110% top, -10% top; }
}

@media screen and (max-width: 1550px) {
    .accueil_introduction{background-position: 115% top, -15% top; }
}

@media screen and (max-width: 1380px) {
    .accueil_introduction{background-position: 118% top, -18% top; }
}

@media screen and (max-width: 1320px) {
    .accueil_introduction h2{font-size: 2.6rem; line-height: 3rem; }
    .accueil_introduction h3{ padding: 20px 0; margin: 0; font-size: 1.4rem; line-height: 1.7rem; }
    .accueil_introduction p{font-size: 1.2rem; line-height: 1.5rem;}
}

@media screen and (max-width: 1150px) {
    .accueil_introduction{background-position: 124% top, -24% top; }
}

@media screen and (max-width: 950px) {
    .accueil_introduction{background-image:none; }
}

@media screen and (max-width: 1050px) {
    .accueil_introduction{padding: 40px 5%;}
    .accueil_introduction h2{width: 550px; margin: 0 auto;}
}

@media screen and (max-width: 900px) {
    .accueil_introduction{padding: 40px 5%;}
    .accueil_introduction h2{width: 550px; margin: 0 auto;}
    .accueil_introduction h3{ padding: 10px 0; margin: 0; font-size: 1.2rem; line-height: 1.5rem; }
    .accueil_introduction p{font-size: 1rem; line-height: 1.3rem; font-weight: 400;}
}

@media screen and (max-width: 790px) {
    .accueil_introduction p br{display: none;}
    .accueil_introduction h2{max-width: 100%; font-size: 2rem; line-height: 2.2rem;}
}

@media screen and (max-width: 450px) {
    .accueil_introduction h2{font-size: 1.8rem; line-height: 2rem;}
}

.bloc_colonne_couleur{display: block; position: relative; padding: 0; margin: 0; box-sizing: border-box; text-align: left;}
.bloc_colonne_couleur .bloc{display: block; position: absolute; z-index: 1; padding: 0; margin: 0; box-sizing: border-box; width: 50%; height: 100%; top: 0;}
.bloc_colonne_couleur .bloc.bloc_gauche{left: 0;}
.bloc_colonne_couleur .bloc.bloc_droite{right: 0;}
.bloc_colonne_couleur .colonne{display: block; position: relative; z-index: 2; float: left; width: 50%; margin: 0; box-sizing: border-box;}
.bloc_colonne_couleur .colonne.colonne_gauche{padding:100px 130px 80px 0px; }
.bloc_colonne_couleur .colonne.colonne_droite{padding:100px 0px 80px 130px; }

.bloc_colonne_accueil .colonne h2{display: block; padding: 0; margin: 0; font-size: 3.4rem; line-height: 3.4rem; font-weight: 700; color: white; box-sizing: border-box;}
.bloc_colonne_accueil .colonne h3{display: block; padding: 20px 0; margin: 0; font-size: 1.8rem; line-height: 2rem; color: white;  box-sizing: border-box;}
.bloc_colonne_accueil .colonne p{display: block; padding: 0; margin: 0; font-size: 1.2rem; line-height: 1.5rem; color: white;  font-weight:300; box-sizing: border-box;}
.bloc_colonne_accueil .colonne .bouton hr{background-color: white; width: 50px; margin: 30px 0 0 0;}
.bloc_colonne_accueil .colonne .bouton a{color: white;padding: 20px 30px 20px 0;}
.bloc_colonne_accueil .colonne .bouton a:hover{color:#1e1e1c;}
.bloc_colonne_accueil .colonne .bouton hr.hover{background-color:#1e1e1c; width: 80px;}


.accueil_conclusion{display: block; padding: 100px 0 80px 0; margin: 0; box-sizing: border-box; background-color: #fce1d9; text-align: center;}
.accueil_conclusion h2{display: block; padding: 0; margin: 0; font-size: 3.4rem; line-height: 3.4rem; font-weight: 700; color: #1e1e1c; box-sizing: border-box;}
.accueil_conclusion h3{display: block; padding: 20px 0; margin: 0; font-size: 1.8rem; line-height: 2rem; color: #1e1e1c;  box-sizing: border-box;}
.accueil_conclusion p{display: block; padding: 0; margin: 0; font-size: 1.2rem; line-height: 1.5rem; color: #1e1e1c; box-sizing: border-box;}
.accueil_conclusion .bouton hr{background-color: #1e1e1c; width: 50px; margin-top: 30px;  font-weight:300;}
.accueil_conclusion .bouton .open_favoris_accueil{color: #1e1e1c;}
.accueil_conclusion .bouton .open_favoris_accueil:hover{color:#5f69ff;}
.accueil_conclusion .bouton hr.hover{background-color:#5f69ff; width: 80px;}

@media screen and (max-width: 700px) {
    .accueil_conclusion{padding-left: 20px; padding-right: 20px;}
    .accueil_conclusion h2{font-size: 1.8rem; line-height: 2rem;}
    .accueil_conclusion h3{padding: 5px 0 5px 0; font-size: 1.2rem; line-height: 1.5rem;}
    .accueil_conclusion p{font-size: 1rem; line-height: 1.3rem;}

}

@media screen and (max-width: 1440px) {
    .bloc_colonne_couleur .colonne.colonne_gauche{padding:100px 60px 80px 60px; }
    .bloc_colonne_couleur .colonne.colonne_droite{padding:100px 60px 80px 60px; }
}

@media screen and (max-width: 1280px) {
    .bloc_colonne_couleur .colonne.colonne_gauche{padding:60px 40px 40px 40px; }
    .bloc_colonne_couleur .colonne.colonne_droite{padding:60px 40px 40px 40px; }

    .bloc_colonne_accueil .colonne h2{font-size: 2rem; line-height: 2.2rem; }
    .bloc_colonne_accueil .colonne h3{ padding: 20px 0; font-size: 1.4rem; line-height: 1.6rem;}
    .bloc_colonne_accueil .colonne p{font-size: 1rem; line-height: 1.3rem; font-weight:400; }

    .accueil_conclusion{padding: 60px 20px 40px 20px;}
    .accueil_conclusion h2{font-size: 2rem; line-height: 2.2rem; }
    .accueil_conclusion h3{ padding: 20px 0; font-size: 1.4rem; line-height: 1.6rem;}
    .accueil_conclusion p{font-size: 1rem; line-height: 1.3rem; font-weight:400; }
}

@media screen and (max-width: 1000px) {
    .bloc_colonne_couleur .wrapper{padding: 0;}
    .bloc_colonne_couleur .colonne{float: none; width: 100%; text-align: center;}
    .bloc_colonne_couleur .colonne.colonne_gauche{padding:60px 20px 40px 20px; }
    .bloc_colonne_couleur .colonne.colonne_droite{padding:60px 20px 40px 20px; }
    .responsiveligne1 .colonne.colonne_gauche{background-color: #d3a801;}
    .responsiveligne1 .colonne.colonne_droite{background-color: #ff829b;}
    .responsiveligne2 .colonne.colonne_gauche{background-color: #ff4041;}
    .responsiveligne2 .colonne.colonne_droite{background-color: #5f69ff;}
    .bloc_colonne_accueil .colonne .bouton a{padding: 20px 0px;}
    .bloc_colonne_accueil .colonne .bouton hr{margin: 30px auto 0 auto;}

    .accueil_conclusion .bouton a{padding: 20px 0px;}
    .accueil_conclusion .bouton hr{margin: 30px auto 0 auto;}
}



.bloc_colonne_concept .colonne.colonne_gauche{padding:0px 130px 0px 0px; }
.bloc_colonne_concept .colonne.colonne_droite{padding:80px 50px 50px 130px;}
.bloc_colonne_concept .colonne .titre{display: block; padding: 0 0 15px 0; margin: 0; font-size: 4.3rem; line-height:1; font-weight: 700; color: #D3A800; box-sizing: border-box;}
.bloc_colonne_concept .colonne h2{display: block; padding: 0px 0; margin: 0; font-size: 1.4rem; line-height: 1.6rem; color: #1e1e1c; font-weight: 700;  box-sizing: border-box;}
.bloc_colonne_concept .colonne h1{display: block; padding: 0px 0; margin: 0; font-size: 1.4rem; line-height: 1.6rem; color: #1e1e1c; font-weight: 700;  box-sizing: border-box;}
.bloc_colonne_concept .colonne p{display: block; padding: 5px 0 25px 0; margin: 0; font-size: 1rem; line-height: 1.3rem; font-weight: 300; color: #1e1e1c; box-sizing: border-box;}
.bloc_colonne_concept .colonne .slogan{display: block; padding: 0px 0; margin: 0; font-size: 1.4rem; line-height: 1.6rem; color: #1e1e1c; font-weight: 700; box-sizing: border-box;}


.bloc_colonne_concept2{text-align: center;}
.bloc_colonne_concept2 .colonne h2{display: block; padding: 0; margin: 0; font-size: 2rem; line-height: 2.4rem; font-weight: 700; color: white; box-sizing: border-box;}
.bloc_colonne_concept2 .colonne hr{display: block; width: 70px; padding:0; margin:20px auto; border: none; height: 3px; background-color: white;  box-sizing: border-box;}
.bloc_colonne_concept2 .colonne p{display: block; padding: 0; margin: 0; font-size: 1.3rem; line-height: 1.7rem; font-weight: 700; color: #1e1e1c; box-sizing: border-box;}
.bloc_colonne_concept2 .colonne.colonne_droite{position: relative; padding: 70px 340px 70px 50px;}
.bloc_colonne_concept2 .colonne.colonne_droite hr{margin-bottom: 30px;}
.bloc_colonne_concept2 .colonne.colonne_droite img{position: absolute; top: 0; right: 0; height: 100%; width: auto; z-index:1;}
.bloc_colonne_concept2 .colonne.colonne_gauche{padding: 70px 130px 40px 70px;}
.bloc_colonne_concept2 .colonne.colonne_gauche p{ text-align: left;}
.bloc_colonne_concept2 .colonne.colonne_gauche p span{display: inline-block; vertical-align: middle; font-size: 4rem; color: #1e1e1c; padding:0 10px 0 0; margin:0; box-sizing: border-box; }


.bloc_colonne_concept3{text-align: center;}
.bloc_colonne_concept3 .colonne h2{display: block; padding: 0; margin: 0; font-size: 2rem; line-height: 2.4rem; font-weight: 700; color: white; box-sizing: border-box;}
.bloc_colonne_concept3 .colonne hr{display: block; width: 70px; padding:0; margin:20px auto; border: none; height: 3px; background-color: white;  box-sizing: border-box;}
.bloc_colonne_concept3 .colonne p{display: block; padding: 0; margin: 0; font-size: 1.3rem; line-height: 1.7rem; font-weight: 700; color: #1e1e1c; box-sizing: border-box;}
.bloc_colonne_concept3 .colonne.colonne_gauche{padding: 100px 130px 50px 0px;}

@media screen and (max-width: 1700px) {
    .bloc_colonne_concept3 .colonne.colonne_gauche{padding:100px 50px 80px 50px; }
    .bloc_colonne_concept3 .colonne.colonne_droite{padding:100px 50px 80px 50px; }
}

@media screen and (max-width: 1500px) {
    .bloc_colonne_concept .colonne.colonne_gauche{padding:0px 50px 0px 50px; }
    .bloc_colonne_concept .colonne.colonne_gauche img{margin: 5% auto 0 auto;}
    .bloc_colonne_concept .colonne.colonne_droite{padding:80px 50px 50px 50px;}

    .bloc_colonne_concept2 .colonne.colonne_gauche{padding: 70px 50px 40px 50px;}
    .bloc_colonne_concept2 .colonne.colonne_droite{padding: 70px 340px 70px 50px;}
}

@media screen and (max-width: 1430px) {
    .bloc_colonne_concept2 .colonne h2{font-size: 1.6rem; line-height: 2rem;}
    .bloc_colonne_concept2 .colonne p{font-size: 1.2rem; line-height: 1.5rem;}
    .bloc_colonne_concept3 .colonne h2{font-size: 1.6rem; line-height: 2rem;}
    .bloc_colonne_concept3 .colonne p{font-size: 1.2rem; line-height: 1.5rem;}
}

@media screen and (max-width: 1280px) {
    .bloc_colonne_concept .colonne.colonne_gauche img{margin: 15% auto 0 auto;}

    .bloc_colonne_concept2 .colonne.colonne_gauche{padding: 70px 50px 40px 50px;}
    .bloc_colonne_concept2 .colonne.colonne_droite{padding: 70px 340px 70px 50px;}
}

@media screen and (max-width: 1200px) {
    .bloc_colonne_concept .wrapper{padding: 0;}
    .bloc_colonne_concept .colonne.colonne_gauche{padding:20px 50px; float: none; width: 100%; background-color: #1e1e1c;}
    .bloc_colonne_concept .colonne.colonne_droite{padding:70px 50px; float: none; width: 100%;background-color: white; text-align: center;}
    .bloc_colonne_concept .colonne.colonne_gauche img{margin: 0 auto 0 auto; max-width: 300px;}

    .bloc_colonne_concept2 .wrapper{padding: 0;}
    .bloc_colonne_concept2 .colonne.colonne_gauche{padding:70px 50px; float: none; width: 100%;background-color: #d3a801; text-align: center;}
    .bloc_colonne_concept2 .colonne p{max-width: 500px; margin: 0 auto;}
    .bloc_colonne_concept2 .colonne.colonne_droite{padding:70px 290px; float: none; width: 100%;background-color: #5f69ff; text-align: center;}

    .bloc_colonne_concept3 .wrapper{padding: 0;}
    .bloc_colonne_concept3 .colonne.colonne_gauche{padding:70px 50px; float: none; width: 100%;background-color: #ff4041; text-align: center;}
    .bloc_colonne_concept3 .colonne.colonne_droite{padding:70px 50px; float: none; width: 100%;background-color: #ff829b; text-align: center;}
}

@media screen and (max-width: 1000px) {
    .bloc_colonne_concept2 .colonne.colonne_droite{padding:70px 50px; }
    .bloc_colonne_concept2 .colonne.colonne_droite img{display: none;}
}

@media screen and (max-width: 650px) {
    .bloc_colonne_concept .colonne.colonne_gauche{padding:20px 20px;}
    .bloc_colonne_concept .colonne.colonne_droite{padding:40px 20px; }
    .bloc_colonne_concept .colonne .titre{font-size: 2.6rem;}

    .bloc_colonne_concept2 .colonne.colonne_gauche{padding:40px 20px;}
    .bloc_colonne_concept2 .colonne p{max-width: 500px; margin: 0 auto 20px auto; text-align: center !important;}
    .bloc_colonne_concept2 .colonne.colonne_gauche p span{display: block; padding: 0 0 5px 0;}
    .bloc_colonne_concept2 .colonne.colonne_droite{padding:40px 20px;}

    .bloc_colonne_concept3 .colonne.colonne_gauche{padding:40px 20px;}
    .bloc_colonne_concept3 .colonne.colonne_droite{padding:40px 20px;}

    .bloc_colonne_concept2 .colonne h2{font-size: 1.4rem; line-height: 1.8rem;}
    .bloc_colonne_concept2 .colonne p{font-size: 1rem; line-height: 1.3rem;}
    .bloc_colonne_concept3 .colonne h2{font-size: 1.4rem; line-height: 1.8rem;}
    .bloc_colonne_concept3 .colonne p{font-size: 1rem; line-height: 1.3rem;}
}



.newsletter{display: block; position: relative; padding: 100px 0; margin: 0; text-align: center; box-sizing: border-box; background-color: white; background-image: url(../svg/CSS_motif_newsletter.svg); background-position: center center;}
.newsletter .wrapper{max-width:640px;}
.newsletter .titre{display: block; padding: 0; margin: 0; font-size: 2.4rem; line-height: 1; font-weight: 700; color: #1e1e1c; box-sizing: border-box;}
.newsletter .colonne{display: inline-block; vertical-align: top; text-align: left; padding:40px 0; margin:0; box-sizing: border-box; }
.newsletter .colonne.colonne1{width: 65%;  padding-right: 20px;}
.newsletter .colonne.colonne2{width: 33%;}
.newsletter .colonne .label{display: block; padding: 0; margin:10px 0 0 0; font-size: 0.95rem; line-height:1rem; font-weight: 400; color: #1e1e1c; box-sizing: border-box;}
.newsletter .colonne .input_newsletter{display: block; width: 100%; transition: all 0.5s ease; padding: 5px 10px; margin:2px 0 0 0; font-size: 0.9rem; border: solid 2px #1e1e1c; box-shadow: none; background-color: #1e1e1c; color: white; outline: none; box-sizing: border-box;}
.newsletter .colonne .input_newsletter:focus{border-color: #ff4041; color: #ff4041; background-color: white;}
.newsletter .colonne .validation_newsletter{display:block; transition: all 0.5s ease; text-align: center; text-decoration:none; border:none; padding:10px 30px; margin: 20px 0 0 0; cursor: pointer; border-radius:30px; background-color: #5f69ff; color: white; font-size: 1rem; font-weight: 700; }
.newsletter .colonne .validation_newsletter:hover{background-color: #ff4041;}

@media screen and (max-width: 710px) {
    .newsletter{padding: 60px 0; }
    .newsletter .wrapper{max-width:100%;}
    .newsletter .titre{font-size: 2rem; line-height: 2.2rem; }
    .newsletter .colonne{display:block; text-align: center; padding:0; margin:0 auto; max-width: 500px;}
    .newsletter .colonne.colonne1{width: 100%;  padding-right: 0px;}
    .newsletter .colonne.colonne2{width: 100%; padding-top: 20px;}
    .newsletter .case-a-cocher-paco{text-align: left;}
    .newsletter .colonne .input_newsletter{text-align: center;}
    .newsletter .colonne .validation_newsletter{padding:10px 10px; }
}

.acrroche{display: block; padding: 50px 0; margin: 0; text-align: center; box-sizing: border-box; background-color: white;}
.acrroche .libelle{display: inline-block; text-align: left; position: relative; vertical-align: top; font-size: 1.2rem; line-height: 1.5rem; font-weight: 700; color: #1e1e1c; padding:0 80px 0 70px; margin: 0; box-sizing: border-box;}
.acrroche .libelle span{display: inline-block; padding: 0; margin: 0; font-size: 4rem; top: -10px; left: 0; position: absolute;}
.acrroche .libelle1 span{color: #d3a801;}
.acrroche .libelle2 span{color: #ff4041;}
.acrroche .libelle3 span{color: #ff829b;}

@media screen and (max-width: 1200px) {
    .acrroche .libelle{ font-size: 1.1rem; line-height: 1.3rem; padding:0 60px 0 70px;}

}

@media screen and (max-width: 1050px) {
    .acrroche .libelle{ font-size: 1rem; line-height: 1.2rem; padding:0 40px 0 50px;}
    .acrroche .libelle span{font-size: 2.8rem; top:0px;}
}

@media screen and (max-width: 850px) {
    .acrroche{display: block; padding: 40px 0 20px 0;}
    .acrroche .libelle{display: block; text-align: center; font-size: 1.2rem; line-height: 1.4rem; padding:0 0px 20px 0px;}
    .acrroche .libelle span{position: static; display: block; font-size: 4rem; }
}

.message-paco{display: none; z-index: 999999999; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; box-sizing: border-box; overflow: hidden; overflow-y: auto; background-color:rgba(0, 0, 0, 0.7);}
.message-paco .contenu-message-paco{display: block; padding: 30px 30px; margin: 50px auto; width: 100%; max-width: 500px; box-sizing: border-box; text-align: center; background-color:white; }
.message-paco .contenu-message-paco .logo{display: block; width: 200px; height: auto; padding: 0; margin: 0 auto; box-sizing: border-box;}
.message-paco .contenu-message-paco .titre{display: block; padding: 0; margin:10px 0 0 0; font-size: 1.7rem; line-height: 2.2rem; color: #1e1e1c; box-sizing: border-box;}
.message-paco .contenu-message-paco .descriptif{display: block; padding: 0; margin: 0; font-size: 1rem; line-height: 1.4rem; color: #1e1e1c; box-sizing: border-box;}
.message-paco .contenu-message-paco .lien{margin-top: 20px; color: white; background-color:#5f69ff; }
.message-paco .contenu-message-paco .lien:hover{background-color: #ff4041;}

@media screen and (max-width: 700px) {
    .message-paco .contenu-message-paco{margin: 0px auto;}
    .message-paco .contenu-message-paco .logo{width: 100px;}
    .message-paco .contenu-message-paco .titre{font-size: 1.2rem; line-height: 1.4rem;}
    .message-paco .contenu-message-paco .descriptif{font-size: 0.9rem; line-height: 1.3rem;}
}

.navigation-rapide-paco{display: none; z-index: 99999999; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; box-sizing: border-box; overflow: hidden; overflow-y: auto; background-color:rgba(0, 0, 0, 0.7);}
.navigation-rapide-paco .contenu-navigation-rapide-paco{display: block; padding: 30px 30px; margin: 50px auto; width: 1000px; box-sizing: border-box; text-align: center; background-color:#fff; position:relative; }
.navigation-rapide-paco .contenu-navigation-rapide-paco .logo{display: block; width: 100px; height: auto; padding: 0; margin: 0 auto; box-sizing: border-box;}
.navigation-rapide-paco .contenu-navigation-rapide-paco .ferme_box{display: inline-block; transition: all 0.5s ease; cursor: pointer; position: absolute; top:0; right:0px; padding:0; margin: 0; box-sizing: border-box; font-size:4rem; line-height: 1; color: #1e1e1c; }
.navigation-rapide-paco .contenu-navigation-rapide-paco .ferme_box:hover{color: #5F69FF;}

.navigation-rapide-paco .contenu-navigation-rapide-paco .colonne-100{display: block; position: relative; text-align: center; width: 100%; padding:15px 30px; margin:15px auto; box-sizing: border-box; }
.navigation-rapide-paco .contenu-navigation-rapide-paco .colonne-100-mini{display: block; position: relative; text-align: center; width: 100%; max-width: 500px; padding:10px 30px; margin:0px auto; box-sizing: border-box; }
.navigation-rapide-paco .contenu-navigation-rapide-paco .colonne-100-mini .align_left{display: block; padding: 0; margin: 0; text-align: left;}
.navigation-rapide-paco .contenu-navigation-rapide-paco .colonne-50{display: block; float: left; position: relative; text-align: left; width: 50%; padding:10px 50px; margin:20px 0; box-sizing: border-box; }
.navigation-rapide-paco .contenu-navigation-rapide-paco .colonne-50.border{border-right:dashed 2px #d3a800; }
.navigation-rapide-paco .contenu-navigation-rapide-paco .colonne-50.colonne-50-floatright{float: right;}
.navigation-rapide-paco .contenu-navigation-rapide-paco .colonne-50-compte{display: block; float: left; position: relative; text-align: left; width: 50%; padding:0 20px; margin:0; box-sizing: border-box; }
.navigation-rapide-paco .contenu-navigation-rapide-paco .titre{display: block; padding: 0; margin:0; font-size: 1.2rem; font-weight: 900; line-height: 1.5rem; color: #5f69ff; box-sizing: border-box;}
.navigation-rapide-paco .contenu-navigation-rapide-paco .sous-titre{display: block; padding: 0 0 10px 0; margin:0; font-size: 1rem; font-weight: 400; line-height: 1.3rem; color: #1e1e1c; box-sizing: border-box;}
.navigation-rapide-paco .contenu-navigation-rapide-paco .label{display: block; padding: 0; margin:10px 0 0 0; font-size: 0.95rem; line-height:1rem; font-weight: 400; color: #1e1e1c; box-sizing: border-box;}
.navigation-rapide-paco .contenu-navigation-rapide-paco .inputtext{display: block; width: 100%; transition: all 0.5s ease; padding: 10px 10px; margin:2px 0 0 0; font-size: 0.9rem; border: solid 2px #5f69ff; box-shadow: none; background-color: white; color: #5f69ff; outline: none; box-sizing: border-box;}
.navigation-rapide-paco .contenu-navigation-rapide-paco .inputtext:focus{border-color: #ff4041; color: #ff4041; }
.navigation-rapide-paco .contenu-navigation-rapide-paco .areatext{display: block; min-height: 120px; width: 100%; transition: all 0.5s ease; padding: 10px 10px; margin:2px 0 0 0; font-size: 0.9rem; border: solid 2px #5f69ff; box-shadow: none; background-color: white; color: #5f69ff; outline: none; box-sizing: border-box;}
.navigation-rapide-paco .contenu-navigation-rapide-paco .areatext:focus{border-color: #ff4041; color: #ff4041; }
.navigation-rapide-paco .contenu-navigation-rapide-paco .btn_validation{display:block; transition: all 0.5s ease; text-align: center; text-decoration:none; border:none; padding:10px 30px; margin: 30px 0 0 0; cursor: pointer; border-radius:30px; background-color: #5f69ff; color: white; font-size: 1rem; font-weight: 700; }
.navigation-rapide-paco .contenu-navigation-rapide-paco .btn_validation:hover{background-color: #ff4041;}
.navigation-rapide-paco .contenu-navigation-rapide-paco .mot_de_passe_oublie_ouvre_box{display: block; cursor: pointer; text-align: center; padding:0; margin:50px 0 0 0; font-size: 0.9rem; font-weight: 700; font-style: italic; line-height: 1.3rem; color: #d3a800; box-sizing: border-box;}
.navigation-rapide-paco .contenu-navigation-rapide-paco .mot_de_passe_oublie_ouvre_box:hover{text-decoration: underline;}
.navigation-rapide-paco .contenu-navigation-rapide-paco input.champ_capcha{max-width: 210px;}
.navigation-rapide-paco .contenu-navigation-rapide-paco #colonne_connexion_compte .titre{color: #d3a800;}
.navigation-rapide-paco .contenu-navigation-rapide-paco #colonne_connexion_compte .inputtext{border: solid 2px #d3a800;color: #d3a800;}
.navigation-rapide-paco .contenu-navigation-rapide-paco #colonne_connexion_compte .inputtext:focus{border-color: #ff4041; color: #ff4041; }
.navigation-rapide-paco .contenu-navigation-rapide-paco #colonne_connexion_compte .btn_validation{background-color: #d3a800;}
.navigation-rapide-paco .contenu-navigation-rapide-paco #colonne_connexion_compte .btn_validation:hover{background-color: #ff4041;}
.navigation-rapide-paco .contenu-navigation-rapide-paco #colonne_gestion_compte_paco .validation_modification_donnees_compte{max-width: 350px; margin: 40px auto 0 auto;}
.navigation-rapide-paco .contenu-navigation-rapide-paco #colonne_gestion_compte_paco .validation_deconnexion_compte{max-width: 350px; margin: 0px auto 0 auto; background-color: #ff829b;}
.navigation-rapide-paco .contenu-navigation-rapide-paco #colonne_gestion_compte_paco .validation_deconnexion_compte:hover{background-color: #ff4041;}
.navigation-rapide-paco .contenu-navigation-rapide-paco #colonne_gestion_compte_paco .barre{display: block; padding: 0; margin: 30px auto; background-color: #5f69ff; border: none; height: 3px; width:60px; box-sizing: border-box;}

.navigation-rapide-paco .contenu-navigation-rapide-paco .onglet{display: block; padding:20px 0 0 0; margin: 0; text-align: center; box-sizing: border-box; border-bottom: solid 2px #d3a800; }
.navigation-rapide-paco .contenu-navigation-rapide-paco .onglet .onglet_single{display: inline-block; transition: all 0.5s ease; cursor: pointer; text-transform: uppercase; background-color:white; font-size: 0.9rem; color: #d3a800; font-weight: 700; border: solid 2px #d3a800; border-bottom: none; border-radius: 10px 10px 0 0; padding:15px; margin: 0 2px; text-align: center; box-sizing: border-box;}
.navigation-rapide-paco .contenu-navigation-rapide-paco .onglet .onglet_single:hover{background-color:#d3a800; color: white;}
.navigation-rapide-paco .contenu-navigation-rapide-paco .onglet .onglet_single.active{background-color:#d3a800; color: white;}
.navigation-rapide-paco .contenu-navigation-rapide-paco .bloc_onglet{display: block; padding:30px 0; margin: 0; text-align: left; box-sizing: border-box; }
.navigation-rapide-paco .contenu-navigation-rapide-paco .bloc_onglet .bloc_onglet_single{display: none; padding:0; margin: 0; box-sizing: border-box; }
.navigation-rapide-paco .contenu-navigation-rapide-paco .bloc_onglet .bloc_onglet_single.active{display: block;}
.navigation-rapide-paco .contenu-navigation-rapide-paco .bloc_onglet .bloc_onglet_single .no-favoris{max-width: 350px; margin: 0 auto; text-align: center;}

.bloc_favoris{display:block; padding:0; margin: 0; text-align: center; box-sizing: border-box;}
.bloc_favoris .single_favoris{display: inline-block; padding: 7px 0; margin: 0; text-align: center; box-sizing: border-box; border-bottom:dashed 2px #d3a800;}
.bloc_favoris .single_favoris li{display: inline-block; padding:0 10px; margin:0; text-align: left; vertical-align: middle;  color: #1e1e1c; font-size: 1rem; line-height: 1.3rem; font-weight: 500; box-sizing: border-box; }
.bloc_favoris .single_favoris li.libelle_favoris{width:380px;}
.bloc_favoris .single_favoris li.action_favoris{width: 60px;}
.bloc_favoris .single_favoris li strong{font-weight: 900;}
.bloc_favoris .single_favoris li.libelle_favoris .type_favoris{display: block; padding: 0; margin: 0; font-size: 0.8rem; font-weight: 900; text-transform: uppercase; box-sizing: border-box;}
.bloc_favoris .single_favoris li.action_favoris .single_action_favoris{display: inline-block;  transition: all 0.5s ease; text-align: center; vertical-align: middle; width: 50px; height: 50px; line-height: 54px; padding:0; margin: 0; font-size: 1.2rem; position: relative; cursor: pointer; box-sizing: border-box; color: #1e1e1c;}
.bloc_favoris .single_favoris li.action_favoris .single_action_favoris .infobulle{display:none; position: absolute; top:10px; width: auto; left:105%; background-color: white; border: solid 1px #5f69ff; color: #5f69ff; padding: 0 10px; margin: 0 0 0 0; height: 30px; line-height: 28px; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; box-sizing: border-box;}
.bloc_favoris .single_favoris li.action_favoris .single_action_favoris.single_action_favoris_suppression .infobulle{right: 105%; left: auto; border: solid 1px #ff4041; color: #ff4041;}
.bloc_favoris .single_favoris li.action_favoris .single_action_favoris:hover{color: #5f69ff;}
.bloc_favoris .single_favoris li.action_favoris .single_action_favoris.single_action_favoris_suppression:hover{color: #ff4041;}
.bloc_favoris .single_favoris li.action_favoris .single_action_favoris:hover .infobulle{display:block;}


.bloc_panier{display:block; padding:0 0 40px 0; margin: 0; box-sizing: border-box;}
.bloc_panier .table_numero{display: table; width: 100%; table-layout:fixed; padding: 0; margin:20px 0 5px 0; border-spacing: 5px; box-sizing: border-box; }
.bloc_panier .table_numero .bloc_numero{display: table-cell; vertical-align: top; padding: 15px 10px; margin: 0; color: white; box-sizing: border-box; background-color: #ff829b;}
.bloc_panier .table_numero .bloc_numero.enabled{background-color: #bfbfbf;}
.bloc_panier .table_numero .bloc_numero .numero{display: block; font-size: 2.4rem; color: white; line-height: 1; font-weight: 600; padding: 0; margin: 0; box-sizing: border-box;}
.bloc_panier .table_numero .bloc_numero .titre{display: block; font-size: 1rem; color: white; line-height: 1; text-transform: uppercase; font-weight: 600; padding: 0; margin: 0; box-sizing: border-box;}
.bloc_panier .listing_panier{display:block; padding:0; margin: 0; box-sizing: border-box;}
.bloc_panier .listing_panier .titre{display: block; font-size: 1.8rem; line-height: 1.8rem; color: #ff829b; text-transform: uppercase; font-weight: 600; padding: 0; margin: 0; box-sizing: border-box;}
.bloc_panier .listing_panier .soustitre{display: block; font-size: 1rem; line-height: 1.4rem; text-align: left; color: #1e1e1c; font-weight: 500; padding: 0 5px; margin: 0; box-sizing: border-box;}
.bloc_panier .listing_panier .soustitre .rose{color: #ff829b;font-weight: 700;}
.boc_parnier_wrapper .panier{display:block; padding:0; margin: 0; text-align: left;  box-sizing: border-box;}
.boc_parnier_wrapper .panier .ligne_panier{display:block; font-size: 1.2rem; color: #1e1e1c; font-weight: 500; padding:10px 0; border-bottom: dashed 2px #bfbfbf; margin: 0; box-sizing: border-box;}
.boc_parnier_wrapper .panier .ligne_panier .colonne_panier{display:inline-block; vertical-align:middle; padding:0; margin: 0; box-sizing: border-box;}
.boc_parnier_wrapper .panier .ligne_panier .colonne_panier_1{width: 50%; text-align: left;}
.boc_parnier_wrapper .panier .ligne_panier .colonne_panier_2{width: 20%; text-align: right; color: #a9a9a9;}
.boc_parnier_wrapper .panier .ligne_panier .colonne_panier_3{width: 20%; text-align: right;}
.boc_parnier_wrapper .panier .ligne_panier .colonne_panier_4{width: 7%; text-align: center;}
.boc_parnier_wrapper .panier .ligne_panier .colonne_panier_4 span{cursor: pointer;color:#ff829b; transition: all 0.5s ease; font-size: 1rem;}
.boc_parnier_wrapper .panier .ligne_panier .colonne_panier_4 span:hover{color: #FF4041;}
.boc_parnier_wrapper .panier .ligne_panier_total .colonne_panier_1{text-align: right;}
.boc_parnier_wrapper .panier .ligne_panier_total .colonne_panier_2{color: #a9a9a9;}
.boc_parnier_wrapper .panier .ligne_panier:first-child{border: none; padding: 0; font-weight: 700;}
.boc_parnier_wrapper .panier .ligne_panier:last-child{border: none; font-weight: 700; padding: 20px 0 10px 0;}

.bloc_panier .lien{ text-transform: uppercase; color: white; font-size: 0.9rem; margin-top: 30px;}
.bloc_panier .open_continuer_achat{float: left; background-color:#5F69FF;}
.bloc_panier .open_valider_commande{float: right; background-color:#ff829b;}
.bloc_panier .lien:hover{background-color:#FF4041;}

.boc_parnier_wrapper .bloc_panier_carte_cadeau{display: block; padding: 0; text-align: right; margin: 0; box-sizing: border-box;}
.boc_parnier_wrapper .bloc_panier_carte_cadeau .titre_carte_cadeau{display: block; font-size: 0.9rem; font-style: italic; color: #1e1e1c; font-weight: 400; padding: 0; margin: 0 0 5px 0; box-sizing: border-box;}
.boc_parnier_wrapper .bloc_panier_carte_cadeau .code_carte_cadeau{display: inline-block; outline: none; transition: all 0.5s ease; padding: 5px 15px; border-radius: 20px; text-align: left; border: solid 1px #bfbfbf; font-size: 0.9rem; color: #1e1e1c; margin: 0 5px 0 0; box-sizing: border-box;}
.boc_parnier_wrapper .bloc_panier_carte_cadeau .code_carte_cadeau:focus{border-color:#FF4041; color:#FF4041;}
.boc_parnier_wrapper .bloc_panier_carte_cadeau .valider_code_carte_cadeau{background-color:#5F69FF; margin-top: 0;}
.boc_parnier_wrapper .bloc_panier_carte_cadeau .valider_code_carte_cadeau:hover{background-color:#FF4041;}


.boc_parnier_wrapper{display: block; padding:20px 0 0 0; margin:0 auto; max-width:700px; }
.bloc_panier .affiche_responsive_only{display: none;}

@media screen and (max-width: 650px) {
    .bloc_panier .table_numero .bloc_numero .numero{font-size: 2rem; }
    .bloc_panier .table_numero .bloc_numero .titre{font-size: 0.7rem; }
    .boc_parnier_wrapper .panier .ligne_panier{font-size: 1rem;}
    .boc_parnier_wrapper .panier .ligne_panier .colonne_panier_1{width: 40%; text-align: left;}
    .boc_parnier_wrapper .panier .ligne_panier .colonne_panier_2{width: 25%;}
    .boc_parnier_wrapper .panier .ligne_panier .colonne_panier_3{width: 25%;}
    .bloc_panier .open_continuer_achat{float: none;}
    .bloc_panier .open_valider_commande{float: none;}


}

@media screen and (max-width: 600px) {
    .boc_parnier_wrapper .panier .ligne_panier:first-child{display: none !important;}
    .boc_parnier_wrapper .panier .ligne_panier .colonne_panier{display: block; width: 100% !important; text-align: left !important;}
    .bloc_panier .affiche_responsive_only{display: inline;}
    .boc_parnier_wrapper .bloc_panier_carte_cadeau{text-align: left;}

}




@media screen and (max-width: 1000px) {
    .navigation-rapide-paco .contenu-navigation-rapide-paco{margin:0 auto 50px auto; width: 100%;}
    .navigation-rapide-paco .contenu-navigation-rapide-paco .colonne-50{float: none; text-align: left; width: 100%; padding:10px 0px; margin:20px 0 0 0;}
    .navigation-rapide-paco .contenu-navigation-rapide-paco .colonne-50.border{border-right:none; }
    .navigation-rapide-paco .contenu-navigation-rapide-paco .colonne-50-compte{float: none; text-align: left; width: 100%; padding:0 0px; margin:20px 0 0 0;}
    .navigation-rapide-paco .contenu-navigation-rapide-paco .colonne-100{ padding:15px 0px; }
    .navigation-rapide-paco .contenu-navigation-rapide-paco .colonne-100-mini{padding:15px 0px; margin:0px auto; }
    .navigation-rapide-paco .contenu-navigation-rapide-paco .colonne-50.colonne-50-floatright{float: none;}

}


@media screen and (max-width: 690px) {
    .navigation-rapide-paco .contenu-navigation-rapide-paco .onglet .onglet_single{font-size: 0.8rem; border: solid 2px #d3a800; font-weight: 600; border-bottom: none; padding:10px 5px; }
    .bloc_favoris .single_favoris li.libelle_favoris{width: 100%; text-align: center;}
    .bloc_favoris .single_favoris li {width: 100% !important; text-align: center;}
}

@media screen and (max-width: 370px) {
    .navigation-rapide-paco .contenu-navigation-rapide-paco .onglet .onglet_single{font-size: 0.6rem; padding:10px 5px; }
}



.bloc_colonne_personnalise{display: block; position: relative; padding: 0; margin: 0; box-sizing: border-box;}
.bloc_colonne_personnalise .bloc_motif{display: block; position: absolute; height: 100%; top: 0; left: 0; width: 100%; z-index: 1; box-sizing: border-box; background-image: url(../svg/CSS_motif_personnalise_introduction.svg); background-position: center center; background-repeat: repeat;background-attachment: fixed;  background-size: 470px auto; }
.bloc_colonne_personnalise_table{display: table; padding: 0; margin: 0; width: 100%; border-spacing: 30px;}
.bloc_colonne_personnalise .colonne_gauche{display: table-cell; position: relative; vertical-align: bottom; z-index: 2; width: 60%; margin: 0; padding:20px 0px 0px 0px;  background-color: #ffdcd2; box-sizing: border-box; }
.bloc_colonne_personnalise .colonne_gauche .cadre_img{display: block; padding:0; margin: 0; box-sizing: border-box; background-color: #ffdcd2;}
.bloc_colonne_personnalise .colonne_droite{display: table-cell;  position: relative; vertical-align: middle; z-index: 2; background-color: white;  width: 40%; margin: 0; padding:20px 0px 20px 30px; box-sizing: border-box; }
.bloc_colonne_personnalise .colonne_droite .contenu{display: block; position: relative; background-color: white; padding:0px 70px 0px 70px; margin: 0; box-sizing: border-box; text-align: center;}
.bloc_colonne_personnalise .colonne_droite .contenu h1{display: block; padding: 0; margin: 0 0 20px 0; font-size: 2.4rem; line-height: 2.6rem; font-weight: 600; color: #1e1e1c; box-sizing: border-box;}
.bloc_colonne_personnalise .colonne_droite .contenu .lien{display: block; width: 130px; margin: 10px auto; text-align: center; background-color:#1e1e1c; color: white;}
.bloc_colonne_personnalise .colonne_droite .contenu .lien:hover{background-color:#5f69ff;}
.bloc_colonne_personnalise .colonne_droite .contenu .prochainement{display: block; padding: 0; margin: 0; box-sizing: border-box;}
.bloc_colonne_personnalise .colonne_droite .contenu .prochainement .titre{display: block; padding: 0; margin: 70px 0 20px 0; font-size:1rem; line-height: 1.4rem; font-weight: 500; color: #1e1e1c; box-sizing: border-box;}
.bloc_colonne_personnalise .colonne_droite .contenu .prochainement .lien{display: block; cursor: default; width: 130px; margin: 10px auto; text-align: center; background-color:#bfbfbf; color: white;}
.bloc_colonne_personnalise .colonne_droite .contenu .prochainement .lien:hover{background-color:#bfbfbf; color: white;}
.bloc_colonne_personnalise .colonne_droite .contenu .prochainement .prix{display: block; padding: 0; margin: 20px 0 0px 0; font-size:1rem; line-height: 1.4rem; font-weight: 500; color: #1e1e1c; box-sizing: border-box;}

@media screen and (max-width: 1340px) {
    .bloc_colonne_personnalise .colonne_gauche{width: 50%;}
    .bloc_colonne_personnalise .colonne_droite{width: 50%;}
    .bloc_colonne_personnalise .colonne_droite .contenu{padding: 50px 30px 10px 30px;}
}

@media screen and (max-width: 900px) {
    .bloc_colonne_personnalise .wrapper{padding: 0;}
    .bloc_colonne_personnalise .colonne_gauche{display: none;}
    .bloc_colonne_personnalise .colonne_droite{width: 100%; padding:0;}
    .bloc_colonne_personnalise .colonne_droite .contenu{padding: 40px 20px;}
    .bloc_colonne_personnalise .colonne_droite .contenu .prochainement .prix{margin: 30px 0 0px 0;}
}

@media screen and (max-width: 650px) {
    .bloc_colonne_personnalise .colonne_droite .contenu h1{font-size: 1.8rem; line-height: 2.1rem;}
}


.acrroche_primaire{display: block; padding: 50px 0; margin: 0; text-align: center; box-sizing: border-box; background-color: white;}
.acrroche_primaire .libelle{display: inline-block; text-align: left; position: relative; vertical-align: top; font-size: 1.1rem; line-height: 1.4rem; font-weight: 500; color: #1e1e1c; padding:0 30px 0 70px; margin: 0; box-sizing: border-box;}
.acrroche_primaire .libelle strong{display: block; padding: 0; margin: 0; font-weight: 700;}
.acrroche_primaire .libelle span{display: inline-block; padding: 0; margin: 0; font-size: 4rem; top: -10px; left: 0; position: absolute;}

@media screen and (max-width: 1460px) {
    .acrroche_primaire .libelle{padding:0 20px 0 60px; }
    .acrroche_primaire .libelle span{ font-size: 3.4rem;}
    
}

@media screen and (max-width: 1390px) {
    .acrroche_primaire .libelle{ font-size: 1rem; line-height: 1.3rem; }
    
}

@media screen and (max-width: 1300px) {
    .acrroche_primaire{padding: 40px 0;}
    .acrroche_primaire .libelle{display: inline-block; text-align: center; width: 24%; font-size: 1.1rem; line-height: 1.4rem; padding:0 10px; }
    .acrroche_primaire .libelle span{display:block; padding: 0 0 5px 0; margin: 0; font-size: 4rem; position: static;}
}

@media screen and (max-width: 1000px) {
    .acrroche_primaire{padding: 20px 0 40px 0;}
    .acrroche_primaire .libelle{width: 49%; font-size: 1.1rem; line-height: 1.4rem; padding:0 20px; margin: 20px 0 0 0;}
}

@media screen and (max-width: 550px) {
    .acrroche_primaire{padding: 20px 0 40px 0;}
    .acrroche_primaire .libelle{width: 100%; font-size: 1.1rem; line-height: 1.4rem; padding:0 0px; margin: 20px 0 0 0;}
}

.bloc_etape{display: block; position: relative; padding: 0; margin: 0; box-sizing: border-box;}
.bloc_etape .wrapper{max-width: 1880px;}
.bloc_etape .bloc_couleur_gauche{display: block; background-color:#d3a800; position: absolute; height: 100%; top: 0; left: 0; width: 50%; z-index: 1; box-sizing: border-box; }
.bloc_etape .bloc_couleur_droite{display: block; background-color:#ff829b; position: absolute; height: 100%; top: 0; right: 0; width: 50%; z-index: 1; box-sizing: border-box; }
.bloc_etape .liste_etape{display: table; position: relative; z-index: 2; table-layout:fixed; width: 100%; padding: 0; margin: 0; box-sizing: border-box;}
.bloc_etape .liste_etape li{display: table-cell; margin: 0; padding: 90px 30px; vertical-align: top; box-sizing: border-box; color: white; text-align: center;}
.bloc_etape .liste_etape li.etape_1{background-color:#d3a800;}
.bloc_etape .liste_etape li.etape_2{background-color:#5f69ff;}
.bloc_etape .liste_etape li.etape_3{background-color:#ff4041;}
.bloc_etape .liste_etape li.etape_4{background-color:#ff829b;}
.bloc_etape .liste_etape li .chiffre{display: block; padding: 0; margin: 0; box-sizing: border-box; font-size: 6rem; line-height: 1; }
.bloc_etape .liste_etape li .titre{display: block; padding: 0; margin: 0; box-sizing: border-box; font-size: 2.3rem; line-height: 1;}
.bloc_etape .liste_etape li .titre .soustitre{display: block; padding: 0; margin: 0; box-sizing: border-box; font-size: 1.1rem; font-weight: 700; line-height: 1;}
.bloc_etape .liste_etape li hr{display: block; width: 50px; height: 4px; background-color: white; border: none; padding: 0; margin:20px auto 30px auto; box-sizing: border-box;}
.bloc_etape .liste_etape li p{display: block; padding: 0 50px; margin: 0; box-sizing: border-box; font-size: 1rem; line-height: 1.6rem; color:#000; font-weight: 600;}

@media screen and (max-width: 1400px) {
    .bloc_etape .liste_etape li{padding: 40px 10px;}
    .bloc_etape .liste_etape li .chiffre{font-size: 5rem; }
    .bloc_etape .liste_etape li .titre{font-size: 1.8rem;}
    .bloc_etape .liste_etape li p{display: block; padding: 0 10px;}
}

@media screen and (max-width: 1000px) {
    .bloc_etape .wrapper{padding: 0;}
    .bloc_etape .liste_etape{display:block; text-align: center;}
    .bloc_etape .liste_etape li{display:block; margin: 0; width: 100%;}
}



.bloc_complement{display: block; padding: 0; margin: 20px 0 0 0; box-sizing: border-box;}
.bloc_complement .wrapper{max-width: 1920px; position: relative; padding: 0;}
.bloc_complement .visuel{display: block; position: absolute; width:calc(100% - 600px); right: 0; top: 0; height: 100%; background-size:cover; background-position:top center; padding: 0; margin:0; box-sizing: border-box;}
.bloc_complement .bloc_texte{display: block; float: left; width: 600px; padding:120px 70px; margin:0; box-sizing: border-box;}
.bloc_complement .bloc_texte h2{display: block; padding:0; margin:0; font-size: 2.8rem; line-height: 3rem; font-weight: 700; text-transform:uppercase; color: #1e1e1c; box-sizing: border-box;}
.bloc_complement .bloc_texte h3{display: block; padding:30px 0 0 0; margin:0; font-size: 2rem; line-height: 2.2rem; font-weight: 600; color: #1e1e1c; box-sizing: border-box;}
.bloc_complement .bloc_texte .descriptif{display: block; padding:30px 0 40px 0; margin:0; font-size: 1.2rem; line-height: 1.5rem; font-weight: 400; color: #1e1e1c; box-sizing: border-box;}
.bloc_complement .bloc_texte .lien{background-color: #1e1e1c; color: white; margin: 0 auto; text-align: center; max-width: 300px; display: block;}
.bloc_complement .bloc_texte .lien:hover{background-color: #5f69ff;}

.bloc_complement.bloc_complement_1 .bloc_texte{ background-image: url(../svg/CSS_motif_rayures_home.svg); background-size: 140px auto; background-position:top left; background-repeat: repeat;}
.bloc_complement.bloc_complement_2 .bloc_texte{float: right; background-color: rgb(211, 168, 0);}
.bloc_complement.bloc_complement_3 .bloc_texte{background-color: rgb(255, 245, 240);}

.bloc_complement.bloc_complement_1 .visuel{ background-image: url(../img/paco-creation-patron-couture-ligne-morphologie.jpg); }
.bloc_complement.bloc_complement_2 .visuel{right: auto; left: 0; background-image: url(../img/paco-creation-patron-couture-ligne-idee.jpg); }
.bloc_complement.bloc_complement_3 .visuel{ background-image: url(../img/paco-creation-patron-couture-ligne-tissu.jpg); }

@media screen and (max-width: 1400px) {
    .bloc_complement .visuel{width:calc(100% - 450px); }
    .bloc_complement .bloc_texte{width: 450px; padding:100px 50px;}
    .bloc_complement .bloc_texte h2{font-size: 2.2rem; line-height: 2.4rem; }
    .bloc_complement .bloc_texte h3{padding:30px 0 0 0; font-size: 1.6rem; line-height: 2rem; }
    .bloc_complement .bloc_texte .descriptif{padding:30px 0 30px 0; font-size: 1.2rem; line-height: 1.5rem; }
}

@media screen and (max-width: 900px) {
    .bloc_complement .visuel{width:100%; height:300px; }
    .bloc_complement .bloc_texte{width: 100%; padding:340px 40px 40px 40px;}
    .bloc_complement .bloc_texte h2{font-size: 1.8rem; line-height: 2rem; }
    .bloc_complement .bloc_texte h3{padding:20px 0 0 0; font-size: 1.4rem; line-height: 1.7rem; }
    .bloc_complement .bloc_texte .descriptif{padding:20px 0 30px 0; font-size: 1.2rem; line-height: 1.5rem; }
}

@media screen and (max-width: 650px) {
    .bloc_complement .visuel{width:100%; height:300px; }
    .bloc_complement .bloc_texte{width: 100%; padding:340px 20px 40px 20px;}
    .bloc_complement .bloc_texte h2{font-size: 1.8rem; line-height: 2rem; }
    .bloc_complement .bloc_texte h3{padding:20px 0 0 0; font-size: 1.4rem; line-height: 1.7rem; }
    .bloc_complement .bloc_texte .descriptif{padding:20px 0 30px 0; font-size: 1rem; line-height: 1.3rem; }
}


.tutoriel_introduction{display: block; padding:0; margin: 0; box-sizing: border-box; background-image: url(../svg/CSS_motif_tuto_introduction.svg); background-position: center center; background-repeat: repeat;background-attachment: fixed;  background-size: 470px auto;}
.tutoriel_introduction .wrapper{background-color: white; padding-bottom: 30px;}
.tutoriel_introduction h1{display: block; text-align: center; padding:  60px 0 0px 0; margin:0; font-size: 2.4rem; line-height: 2.6rem; font-weight: 600; text-transform:uppercase; color: #1e1e1c; box-sizing: border-box;}
.tutoriel_introduction h2{display: block; text-align: center; padding: 0; margin: 10px 0 0px 0; font-size: 1.4rem; line-height: 1.7rem; font-weight: 700; color: #5f69ff; box-sizing: border-box;}
.tutoriel_introduction .descriptif{display: block; text-align: center; padding: 0; margin: 10px 0 30px 0; font-size: 1.2rem; line-height: 1.5rem; color: #1e1e1c; box-sizing: border-box;}
.tutoriel_introduction .liste_explication{display: table; padding:0; margin: 0; box-sizing: border-box; border-spacing:30px; width: 100%; table-layout: fixed; text-align: center;}
.tutoriel_introduction .liste_explication li{display: table-cell; padding: 30px 30px; vertical-align: top; margin: 0; box-sizing: border-box; -webkit-box-shadow: 0px 0px 7px 0px #868686; box-shadow: 0px 0px 7px 0px #868686;}
.tutoriel_introduction .liste_explication li span{display: block; font-size: 3rem; padding: 0; margin: 0; color: #1e1e1c; box-sizing: border-box;}
.tutoriel_introduction .liste_explication li .titre{display: block; font-size: 1.2rem; text-transform: uppercase; font-weight: 900; padding:20px 0 0 0; margin: 0; color: #1e1e1c; box-sizing: border-box;}
.tutoriel_introduction .liste_explication li p{display: block; font-size: 1.1rem; line-height: 1.5rem; font-weight: 300; padding:10px 0 0 0; margin: 0; color: #1e1e1c; box-sizing: border-box;}
.tutoriel_introduction .liste_explication:first-of-type{margin-bottom: -30px;}

@media screen and (max-width: 1400px) {
    .tutoriel_introduction h1{padding:  50px 0 0px 0; font-size: 2rem; line-height: 2.2rem; }
    .tutoriel_introduction h2{margin: 10px 0 0px 0; font-size: 1.2rem; line-height: 1.5rem;}

}

@media screen and (max-width: 1200px) {
    .tutoriel_introduction h1{padding:  40px 0 0px 0; font-size: 1.8rem; line-height: 2rem; }
    .tutoriel_introduction h2{margin: 10px 0 0px 0; font-size: 1.2rem; line-height: 1.5rem;}
    .tutoriel_introduction .liste_explication{display: block; padding:0; }
    .tutoriel_introduction .liste_explication li{display:inline-block; padding: 30px 30px; width: 47%; margin: 20px 1% 0 1%;}
    .tutoriel_introduction .liste_explication:first-of-type{margin-bottom:0px;}
}

@media screen and (max-width: 650px) {
    .tutoriel_introduction h1{font-size: 1.6rem; line-height: 1.8rem; }
    .tutoriel_introduction .descriptif{margin: 10px 0 20px 0; font-size: 1rem; line-height: 1.3rem; }
    .tutoriel_introduction .liste_explication li{display:block; padding: 30px 30px; width: 95%; margin: 20px auto 0 auto;}
}

.tutoriel_accroche{display: block; padding:70px 0; margin: 0; box-sizing: border-box; text-align: center; background-color:#d3a800;}
.tutoriel_accroche h2{display: block; text-align: center; padding:0; margin:0; font-size: 2.4rem; line-height: 2.8rem; font-weight: 600; text-transform:uppercase; color: #1e1e1c; box-sizing: border-box;}
.tutoriel_accroche p{display: block; font-size: 1.2rem; padding:20px 0 0 0; font-weight: 300; margin: 0; color: #1e1e1c; box-sizing: border-box;}


.catalogue_tutoriel{display: block; padding:90px 0 120px 0; margin: 0; box-sizing: border-box; text-align: center; background-color:#ffdcd2;}
.catalogue_tutoriel h2{display: block; text-align: center; padding:0; margin:0 0 30px 0; font-size: 2.4rem; line-height: 2.8rem; font-weight: 600; text-transform:uppercase; color: #1e1e1c; box-sizing: border-box;}
.catalogue_tutoriel span{display: block; color: white; padding: 0; margin:20px auto 0px auto; font-size: 4rem; box-sizing: border-box;}
.catalogue_tutoriel .titre{display: block; font-size: 1.4rem; padding:20px 0 10px 0; margin: 0; text-transform:uppercase; color: #1e1e1c; box-sizing: border-box;}
.catalogue_tutoriel .lien{margin:10px 10px 0 10px; background-color:#1e1e1c; color: white;}
.catalogue_tutoriel .lien:hover{background-color:#5f69ff;}


.tutoriel_single{display: block; padding:0; margin: 0; box-sizing: border-box; background-image: url(../svg/CSS_motif_tuto_introduction.svg); background-position: top center; background-repeat: repeat-x;  background-size:auto 320px;}
.tutoriel_single .wrapper{background-color: white; max-width: 1000px; padding: 60px 50px;}
.tutoriel_single h1{display: block; text-align: center; padding:  0; margin:0; font-size: 2.6rem; line-height: 2.8rem; font-weight: 600; text-transform:uppercase; color: #1e1e1c; box-sizing: border-box;}
.tutoriel_single .sous_titre{display: block; text-align: center; padding: 0; margin: 10px 0 30px 0; font-size: 1.4rem; line-height: 1.7rem; font-weight: 700; color: #5f69ff; box-sizing: border-box;}
.tutoriel_single h2{display: block; text-align: left; padding:  40px 0 0px 0; margin:0; font-size: 1.6rem; line-height: 1.8rem; text-transform: uppercase; font-weight: 700;  color: #1e1e1c; box-sizing: border-box;}
.tutoriel_single h3{display: block; text-align: left; padding: 20px 0 0px 0; margin: 0; font-size: 1.2rem; line-height: 1.7rem; text-decoration: underline; color: #1e1e1c; box-sizing: border-box;}
.tutoriel_single .descriptif{display: block; text-align: left; padding:  15px 0 0px 0; margin:0; font-size: 1rem; line-height: 1.4rem;  color: #1e1e1c; box-sizing: border-box;}
.tutoriel_single .descriptif strong{font-weight: 700;}
.tutoriel_single .descriptif p{padding: 0; margin: 0;}
.tutoriel_single .image{display: block; padding: 0; margin:40px 0 0 0;  box-sizing: border-box; position: relative;}
.tutoriel_single .image .scotch_1{position: absolute; top: -30px; left: -30px; z-index: 1; width: 100px; transform: rotate(90deg);}
.tutoriel_single .image .scotch_2{position: absolute; top: -30px; right: -30px; z-index: 1; width: 100px;}


@media screen and (max-width: 1400px) {
    .tutoriel_accroche{ padding:60px 0;}
    .tutoriel_accroche h2,.catalogue_tutoriel h2,.tutoriel_single h1{font-size: 2rem; line-height: 2.2rem; }

}

@media screen and (max-width: 1200px) {
    .tutoriel_accroche{ padding:50px 0;}
    .tutoriel_accroche h2,.catalogue_tutoriel h2{font-size: 1.8rem; line-height: 2rem; }

    .catalogue_tutoriel{ padding:50px 0 70px 0;}

    .tutoriel_single .wrapper{padding: 60px 40px;}
    .tutoriel_single h1{font-size: 1.8rem; line-height: 2rem;}
    .tutoriel_single .sous_titre{margin: 10px 0 30px 0; font-size: 1.2rem; line-height: 1.5rem; }
    .tutoriel_single h2{padding:  40px 0 0px 0; margin:0; font-size: 1.4rem; line-height: 1.6rem; }
    .tutoriel_single h3{padding: 20px 0 0px 0; margin: 0; font-size: 1.2rem; line-height: 1.5rem;}
    .tutoriel_single .descriptif{ padding:  15px 0 0px 0; font-size: 1rem; line-height: 1.4rem;}
}

@media screen and (max-width: 1000px) {
    .catalogue_tutoriel span{ font-size: 1.6rem; }

    .tutoriel_single .wrapper{padding: 50px 30px;}
    .tutoriel_single h1{font-size: 1.6rem; line-height: 1.8rem;}
    .tutoriel_single .sous_titre{margin: 10px 0 20px 0; font-size: 1.2rem; line-height: 1.5rem; }
    .tutoriel_single h2{padding:  30px 0 0px 0; margin:0; font-size: 1.4rem; line-height: 1.6rem; }
    .tutoriel_single h3{padding: 15px 0 0px 0; margin: 0; font-size: 1.2rem; line-height: 1.5rem;}
    .tutoriel_single .descriptif{ padding:  10px 0 0px 0; font-size: 1rem; line-height: 1.4rem;}
}

@media screen and (max-width: 880px) {
    .catalogue_tutoriel span{ font-size: 1.6rem; }
    .catalogue_tutoriel .lien{display: inline-block; width: 45%; margin:20px 2% 0 2%; box-sizing: border-box;}
}

@media screen and (max-width: 650px) {
    .tutoriel_accroche{ padding:40px 0;}
    .tutoriel_accroche h2 br{display: none;}
    .tutoriel_accroche h2,.catalogue_tutoriel h2{font-size: 1.6rem; line-height: 1.8rem; }
    .tutoriel_accroche p{font-size: 1rem; line-height: 1.3rem; font-weight: 400;}

    .catalogue_tutoriel{ padding:40px 0 60px 0;}
    .catalogue_tutoriel .titre{font-size: 1.2rem; padding:20px 0 0px 0;}
    .catalogue_tutoriel .lien{display: block; width: 100%; margin:10px 0 0 0; padding: 10px 10px; box-sizing: border-box;}
    .catalogue_tutoriel h2{margin:0;} 

    .tutoriel_single .wrapper{padding: 40px 20px;}
    .tutoriel_single h1{font-size: 1.6rem; line-height: 1.8rem;}
    .tutoriel_single .sous_titre{margin: 10px 0 20px 0; font-size: 1.2rem; line-height: 1.5rem; }
    .tutoriel_single h2{padding:  20px 0 0px 0; margin:0; font-size: 1.2rem; line-height: 1.4rem; }
    .tutoriel_single h3{padding: 10px 0 0px 0; margin: 0; font-size: 1.2rem; line-height: 1.5rem;}
    .tutoriel_single .descriptif{ padding:  10px 0 0px 0; font-size: 0.9rem; line-height: 1.2rem;}

    .tutoriel_single .image .scotch_1{left: -20px;}
    .tutoriel_single .image .scotch_2{right: -20px;}

}

@media screen and (max-width: 400px) {
    .catalogue_tutoriel span{ font-size: 1.2rem; }

}


.lookbook_introduction{display: block; padding:0; margin: 0 0 30px 0; text-align: center; box-sizing: border-box; background-image: url(../svg/CSS_motif_intro_lookbook.svg); background-position: center center; background-repeat: repeat;  background-size: 470px auto;}
.lookbook_introduction .wrapper{background-color: white; max-width: 1200px; padding: 60px 150px;}
.lookbook_introduction h1{display: block; padding:  0; margin:0; font-size: 2.2rem; line-height: 2.4rem; text-transform:uppercase; color: #1e1e1c; box-sizing: border-box;}
.lookbook_introduction h2{display: block; padding: 0; margin: 10px 0 20px 0; font-size: 1.4rem; line-height: 1.7rem; font-weight: 700; color: #5f69ff; box-sizing: border-box;}
.lookbook_introduction .lien{margin:0; border:solid 2px #1e1e1c; color: #1e1e1c; text-transform: uppercase;}
.lookbook_introduction .lien:hover{background-color:#1e1e1c; color: white;}

@media screen and (max-width: 1400px) {
    .lookbook_introduction .wrapper{padding: 60px 100px;}
    .lookbook_introduction h1{font-size: 2rem; line-height: 2.2rem; }

}

@media screen and (max-width: 1000px) {
    .lookbook_introduction .wrapper{padding: 50px 20px;}
    .lookbook_introduction h1{font-size: 1.8rem; line-height: 2rem; }
    .lookbook_introduction h2{font-size: 1.2rem; line-height: 1.5rem; }

}

@media screen and (max-width: 650px) {
    .lookbook_introduction .wrapper{padding: 50px 20px;}
    .lookbook_introduction h1{font-size: 1.6rem; line-height: 1.8rem; }
    .lookbook_introduction h2{font-size: 1.2rem; line-height: 1.5rem; }

}

.lookbook_alterne_visuel{display: block; padding:0; margin: 0; box-sizing: border-box; }
.lookbook_alterne_visuel .tableau_lookbook{display: table; width: 100%; border-spacing: 0; table-layout: fixed; padding:0; margin: 0; box-sizing: border-box; }
.lookbook_alterne_visuel .colonne_slider{display: table-cell; vertical-align: middle; margin: 0; box-sizing: border-box; }
.lookbook_alterne_visuel.visuel_a_gauche .colonne_slider{padding:0px 70px 0px 0;}
.lookbook_alterne_visuel.visuel_a_droite .colonne_slider{padding:0px 0 0px 70px;}
.lookbook_alterne_visuel .colonne_slider .contenu_slider{display: block; position: relative; padding:0; margin: 0; box-sizing: border-box; }
.lookbook_alterne_visuel .colonne_slider .contenu_slider img{cursor:zoom-in; }
.lookbook_alterne_visuel .colonne_slider .contenu_slider .bx-next{display:block; transition: all 0.5s ease; transform: rotate(180deg); opacity: 0.4; z-index:99; position:absolute; top:50%; width:70px; height:70px; line-height:40px; text-align:center; right:20px; padding:0; margin:-35px 0 0 0; box-sizing:border-box; font-size:4rem; color:white;text-decoration:none;}
.lookbook_alterne_visuel .colonne_slider .contenu_slider .bx-prev{display:block; transition: all 0.5s ease;opacity: 0.4; z-index:99; position:absolute; top:50%; width:70px; height:70px; line-height:40px; text-align:center;  left:20px; padding:0; margin:-35px 0 0 0; box-sizing:border-box; font-size:4rem; color:white;text-decoration:none;}
.lookbook_alterne_visuel .colonne_slider .contenu_slider .bx-next:hover{ opacity: 1; }
.lookbook_alterne_visuel .colonne_slider .contenu_slider .bx-prev:hover{ opacity: 1; }

.lookbook_alterne_visuel .colonne_texte{display: table-cell; vertical-align: middle; margin: 0; box-sizing: border-box; }
.lookbook_alterne_visuel.visuel_a_gauche .colonne_texte{padding:40px 0 40px 200px;}
.lookbook_alterne_visuel.visuel_a_droite .colonne_texte{padding:40px 200px 40px 0;}
.lookbook_alterne_visuel .colonne_texte h2{display: block; padding: 0; margin:0; font-size: 4rem; line-height: 4rem; font-weight: 700; color: #1e1e1c; text-transform: uppercase; box-sizing: border-box;}
.lookbook_alterne_visuel .colonne_texte .sous_titre{display: block; padding: 0; margin:0; font-size: 2rem; line-height: 2rem; color: #1e1e1c; box-sizing: border-box;}
.lookbook_alterne_visuel .colonne_texte h3{display: block; padding:40px 0 0 0; margin:0; font-size: 1.2rem; line-height: 1.8rem; color: #1e1e1c; box-sizing: border-box;}
.lookbook_alterne_visuel .colonne_texte .descriptif{display: block; padding:40px 0 0 0; margin:0; font-size: 1.2rem; line-height: 1.8rem; color: #1e1e1c; box-sizing: border-box;}
.lookbook_alterne_visuel .colonne_texte .descriptif p{margin: 0; padding: 0;}
.lookbook_alterne_visuel .colonne_texte .descriptif strong{font-weight: 700;}

@media screen and (max-width: 1560px) {
    .lookbook_alterne_visuel.visuel_a_gauche .colonne_slider{padding:0px 70px 0px 0;}
    .lookbook_alterne_visuel.visuel_a_droite .colonne_slider{padding:0px 0 0px 70px;}
    .lookbook_alterne_visuel.visuel_a_gauche .colonne_texte{padding:40px 0 40px 0px;}
    .lookbook_alterne_visuel.visuel_a_droite .colonne_texte{padding:40px 0px 40px 0;}

}

@media screen and (max-width: 1400px) {
    .lookbook_alterne_visuel .colonne_texte h2{font-size: 3rem; line-height: 3.2rem; }
    .lookbook_alterne_visuel .colonne_texte .sous_titre{font-size: 1.8rem; line-height: 2rem;}
    .lookbook_alterne_visuel .colonne_texte h3{padding:30px 0 0 0; font-size: 1.1rem; line-height: 1.5rem;}
    .lookbook_alterne_visuel .colonne_texte .descriptif{padding:30px 0 0 0; font-size: 1.1rem; line-height: 1.5rem;}

}

@media screen and (max-width: 1050px) {
    .lookbook_alterne_visuel .colonne_texte h2{font-size: 2.4rem; line-height: 2.6rem; }
    .lookbook_alterne_visuel .colonne_texte .sous_titre{font-size: 1.6rem; line-height: 1.8rem;}
    .lookbook_alterne_visuel .colonne_texte h3{padding:20px 0 0 0; font-size: 1rem; line-height: 1.3rem;}
    .lookbook_alterne_visuel .colonne_texte .descriptif{padding:20px 0 0 0; font-size: 1rem; line-height: 1.3rem;}

    .lookbook_alterne_visuel.visuel_a_gauche .colonne_slider{padding:0px 40px 0px 0;}
    .lookbook_alterne_visuel.visuel_a_droite .colonne_slider{padding:0px 0 0px 40px;}
    .lookbook_alterne_visuel.visuel_a_gauche .colonne_texte{padding:40px 0 40px 0px;}
    .lookbook_alterne_visuel.visuel_a_droite .colonne_texte{padding:40px 0px 40px 0;}

}

@media screen and (max-width: 900px) {
    .lookbook_alterne_visuel .tableau_lookbook{display: block; position:relative; padding:400px 0 0 0; }
    .lookbook_alterne_visuel .colonne_slider{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 400px;}
    .lookbook_alterne_visuel.visuel_a_gauche .colonne_slider{padding:0;}
    .lookbook_alterne_visuel.visuel_a_droite .colonne_slider{padding:0;}
    .lookbook_alterne_visuel .colonne_slider .contenu_slider{display: block; width: 300px; margin: 0 auto;}
    .lookbook_alterne_visuel .colonne_slider .contenu_slider .bx-next{width:70px; height:70px; right:-70px; margin:-35px 0 0 0;color:#1e1e1c; opacity: 1;}
    .lookbook_alterne_visuel .colonne_slider .contenu_slider .bx-prev{width:70px; height:70px; left:-70px; margin:-35px 0 0 0; color:#1e1e1c; opacity: 1;}
    .lookbook_alterne_visuel .colonne_slider .contenu_slider .bx-next:hover{color: #5f69ff; }
    .lookbook_alterne_visuel .colonne_slider .contenu_slider .bx-prev:hover{color: #5f69ff; }

    .lookbook_alterne_visuel .colonne_texte{display:block; max-width: 500px; margin: 0 auto 70px auto;}
    .lookbook_alterne_visuel.visuel_a_gauche .colonne_texte{padding:0;}
    .lookbook_alterne_visuel.visuel_a_droite .colonne_texte{padding:0;}

}

@media screen and (max-width: 550px) {
    .lookbook_alterne_visuel .colonne_slider .contenu_slider .bx-next{right:0px; margin:-35px 0 0 0; top: auto; bottom: -90px;}
    .lookbook_alterne_visuel .colonne_slider .contenu_slider .bx-prev{left:0px; margin:-35px 0 0 0; top: auto; bottom: -90px;}

    .lookbook_alterne_visuel .colonne_texte{margin: 80px auto 70px auto;}

    .lookbook_alterne_visuel .colonne_texte h2{font-size: 2rem; line-height: 2.2rem; }
    .lookbook_alterne_visuel .colonne_texte .sous_titre{font-size: 1.2rem; line-height: 1.4rem;}
    .lookbook_alterne_visuel .colonne_texte h3{padding:20px 0 0 0; font-size: 0.9rem; line-height: 1.2rem;}
    .lookbook_alterne_visuel .colonne_texte .descriptif{padding:20px 0 0 0; font-size: 0.9rem; line-height: 1.2rem;}
}

@media screen and (max-width: 380px) {
    .lookbook_alterne_visuel .colonne_slider .contenu_slider{max-width: 100%; }
    .lookbook_alterne_visuel .tableau_lookbook{padding:130% 0 0 0; }
}

.carte_cadeau{display: block; padding:40px 0 40px 0; margin: 0; box-sizing: border-box; }
.carte_cadeau .wrapper{max-width: 1200px;}
.carte_cadeau .tableau_carte{display: table; width: 100%; border-spacing: 0; padding:0; margin: 0; box-sizing: border-box; }
.carte_cadeau .colonne_slider{display: table-cell; vertical-align: middle; margin: 0; box-sizing: border-box;  width: 55%;}
.carte_cadeau.visuel_a_gauche .colonne_slider{padding:0px 40px 0px 0;}
.carte_cadeau.visuel_a_droite .colonne_slider{padding:0px 0 0px 40px;}
.carte_cadeau .colonne_slider .contenu_slider{display: block; position: relative; padding:0; margin: 0; box-sizing: border-box; }
.carte_cadeau .colonne_slider .contenu_slider img{cursor:zoom-in; }
.carte_cadeau .colonne_slider .contenu_slider .bx-next{display:block; transition: all 0.5s ease; transform: rotate(180deg); opacity: 0.4; z-index:99; position:absolute; top:50%; width:70px; height:70px; line-height:40px; text-align:center; right:20px; padding:0; margin:-35px 0 0 0; box-sizing:border-box; font-size:4rem; color:#5f69ff;text-decoration:none;}
.carte_cadeau .colonne_slider .contenu_slider .bx-prev{display:block; transition: all 0.5s ease;opacity: 0.4; z-index:99; position:absolute; top:50%; width:70px; height:70px; line-height:40px; text-align:center;  left:20px; padding:0; margin:-35px 0 0 0; box-sizing:border-box; font-size:4rem; color:#5f69ff;text-decoration:none;}
.carte_cadeau .colonne_slider .contenu_slider .bx-next:hover{ opacity: 1; }
.carte_cadeau .colonne_slider .contenu_slider .bx-prev:hover{ opacity: 1; }

.carte_cadeau .colonne_texte{display: table-cell; vertical-align: middle; margin: 0; box-sizing: border-box; width: 45%; }
.carte_cadeau.visuel_a_gauche .colonne_texte{padding:20px 0 20px 20px; position: relative;}
.carte_cadeau.visuel_a_droite .colonne_texte{padding:20px 20px 20px 0;}
.carte_cadeau .colonne_texte .titre-a{display: block; padding: 0; margin:0; font-size: 1.4rem; line-height: 1.8rem; font-weight: 700; color: #1e1e1c; text-transform: uppercase; box-sizing: border-box;}
.carte_cadeau .colonne_texte .titre-b{display: block; padding: 0; margin:0; font-size: 1.2rem; line-height: 1.6rem; color: #1e1e1c; box-sizing: border-box;}
.carte_cadeau .colonne_texte .titre-c{display: block; padding: 0; margin:0; font-size: 1.2rem; line-height: 1.6rem; font-weight: 700; color: #1e1e1c; text-transform: uppercase; box-sizing: border-box;}
.carte_cadeau .colonne_texte .descriptif{display: block; padding:20px 0 0 0; margin:0; font-size: 1.1rem; line-height: 1.6rem; font-weight: 300; color: #1e1e1c; box-sizing: border-box;}
.carte_cadeau .colonne_texte .descriptif p{margin: 0; padding: 0;}
.carte_cadeau .colonne_texte .descriptif a{color: #5f69ff; text-decoration: none;}
.carte_cadeau .colonne_texte .descriptif a:hover{text-decoration: underline;}
.carte_cadeau .colonne_texte .descriptif strong{font-weight: 700;}
.carte_cadeau .colonne_texte .descriptif em{font-style: italic;}
.carte_cadeau .colonne_texte .descriptif ul{display: block; padding:0 0 0 20px; margin:0; box-sizing: border-box;}
.carte_cadeau .colonne_texte .descriptif ul li{list-style-type: disc; padding: 0 0 0px 0; margin: 0; box-sizing: border-box; }

.carte_cadeau .colonne_texte .lien{margin:20px 0 0 0; color: white; background-color: #1e1e1c; text-transform: uppercase;}
.carte_cadeau .colonne_texte .lien:hover{background-color:#5f69ff;}
.carte_cadeau .colonne_texte .choix_montant{display: block; padding:20px 0 0 0; margin:0; text-align: left; box-sizing: border-box;}
.carte_cadeau .colonne_texte .choix_montant li{display: inline-block; transition: all 0.5s ease; background-color: #BFBFBF; color: white; cursor: pointer; padding: 10px 10px; font-size: 1.6rem; font-weight: 700; margin:0 10px 0 0; box-sizing: border-box;}
.carte_cadeau .colonne_texte .choix_montant li:hover{background-color: #1e1e1c;}
.carte_cadeau .colonne_texte .choix_montant li.active{background-color: #5f69ff;}
.carte_cadeau .colonne_texte .decor{width: 300px; margin:30px auto 0 auto;}

@media screen and (max-width: 1050px) {
    .carte_cadeau .colonne_slider{width: 40%;}
    .carte_cadeau .colonne_texte{width: 60%; }
}

@media screen and (max-width: 800px) {
    .carte_cadeau{display: block; padding:40px 0 0px 0;}
    .carte_cadeau .tableau_carte{display: block;}
    .carte_cadeau .colonne_slider{display: none;}
    .carte_cadeau .colonne_texte{display: block;width: 100%; padding: 0 !important;}
    .carte_cadeau .colonne_texte .decor{width: 100%;}
}

@media screen and (max-width: 550px) {
    .carte_cadeau .colonne_texte .choix_montant li{margin-bottom: 20px;}
    .carte_cadeau .colonne_texte .lien{margin: 0;}
}



.introduction_guide_taille{display: block; padding: 0; margin:0; position: relative; box-sizing: border-box;}
.introduction_guide_taille .arriere_plan{display: block; position: absolute; z-index: 1; top: 0; right: 0; width: 50%; height: 100%; padding: 0; margin:0; box-sizing: border-box; background-image: url(../svg/CSS_motif_intro_guide_taille.svg); background-position: center center; background-repeat: repeat; background-size: 470px auto;}
.introduction_guide_taille .colonne_gauche{display: block; float: right; width: 50%; padding:60px 0 0 0; margin:0; box-sizing: border-box;}
.introduction_guide_taille .colonne_gauche .tour{display: block; width: 550px; padding: 0 0 0 150px; position: relative; margin:30px 0 20px 0; box-sizing: border-box;}
.introduction_guide_taille .colonne_gauche .tour h2{display: block; padding: 0; margin:0; font-size: 1.6rem; line-height: 1; font-weight: 700; text-transform: uppercase; box-sizing: border-box;}
.introduction_guide_taille .colonne_gauche .tour p{display: block; padding: 0; margin:0; font-size: 1.2rem; line-height: 1.6rem; color: #1e1e1c; box-sizing: border-box;}
.introduction_guide_taille .colonne_gauche .tour span{display: block; position: absolute; top: -10px; left: 0; font-size: 7.4rem;}
.introduction_guide_taille .colonne_gauche .tour.couleur_jaune h2{color: #d3a801;}
.introduction_guide_taille .colonne_gauche .tour.couleur_jaune span{color: #d3a801;}
.introduction_guide_taille .colonne_gauche .tour.couleur_bleu h2{color: #5f69ff;}
.introduction_guide_taille .colonne_gauche .tour.couleur_bleu span{color: #5f69ff;}
.introduction_guide_taille .colonne_gauche .tour.couleur_rouge h2{color: #ff4041;}
.introduction_guide_taille .colonne_gauche .tour.couleur_rouge span{color: #ff4041;}
.introduction_guide_taille .colonne_droite{display: block; position: relative; z-index: 2; background-color: white;  float: right; width: 48%; padding: 40px 70px 40px 120px; margin:0 0 0 2%; box-sizing: border-box;}

.bloc_special_generateur_taille{display: block; padding:0; margin:0 auto; max-width: 600px; text-align: left; box-sizing: border-box; position: relative;}
.bloc_special_generateur_taille h1{display: block; padding: 0; margin:0; font-size: 1.8rem; line-height: 2.2rem; text-align: center;  color: #1e1e1c; font-weight: 700; text-transform: uppercase; box-sizing: border-box;}
.bloc_special_generateur_taille h2{display: block; padding: 0; margin:0; font-size: 1.2rem; line-height: 1.5rem; text-align: center;  color: #1e1e1c; font-weight: 300; box-sizing: border-box;}
.bloc_special_generateur_taille .generateur_taille{display: block; padding: 20px 0; margin:0; box-sizing: border-box;}
.bloc_special_generateur_taille .generateur_taille .ligne{display: block; padding:20px 0 0 0; margin:0; box-sizing: border-box;}
.bloc_special_generateur_taille .generateur_taille .ligne .texte{display: inline-block; vertical-align: middle; color: #1e1e1c; font-size: 1.2rem; width: 69%; padding: 0 10px 0 0; margin: 0; box-sizing: border-box;}
.bloc_special_generateur_taille .generateur_taille .ligne .input_taille{display: inline-block; transition: all 0.5s ease; vertical-align: middle; width: 30%; border: none; background-color: #ffdcd2; color:#1e1e1c; padding:15px 10px; text-align:center; margin:0; box-sizing: border-box; outline:none; }
.bloc_special_generateur_taille .generateur_taille .ligne .input_taille:focus{background-color: #5f69ff; color: white;}
.bloc_special_generateur_taille .generateur_taille .ligne .text_special{text-transform: uppercase; font-weight: 700; margin-top: 10px;}
.bloc_special_generateur_taille .generateur_taille .ligne .case_validation{display: inline-block; vertical-align: middle; width: 30%; padding:0; text-align:right; margin:10px 0 0 0; box-sizing: border-box; }
.bloc_special_generateur_taille .generateur_taille .ligne .case_validation .validation_generateur_taille{background-color: #1e1e1c; color: white;}
.bloc_special_generateur_taille .generateur_taille .ligne .case_validation .validation_generateur_taille:hover{background-color: #5f69ff;}
.bloc_special_generateur_taille .generateur_taille .retour_validation_generateur_taille{display: block; background-color: #f2f2f2; width: 190px; height: 100px; line-height: 100px; padding: 0 10px; margin: 0; font-size: 3.6rem; text-align: center; font-weight: 700; box-sizing: border-box;}


@media screen and (max-width: 1400px) {
    .introduction_guide_taille .arriere_plan{ width: 52%; }
    .introduction_guide_taille .colonne_droite{float: right; width: 48%; padding: 40px 40px; margin:0 0 0 4%;}
    .introduction_guide_taille .colonne_gauche{float: right; width: 48%; padding:40px 40px 0 0;}
    .introduction_guide_taille .colonne_gauche .tour{width: 100%; padding: 0 0 0 130px; margin:30px 0 20px 0;}

}

@media screen and (max-width: 1200px) {
    .introduction_guide_taille .arriere_plan{ width: 62%; }
    .introduction_guide_taille .colonne_droite{float: right; width: 58%; padding: 40px 20px; margin:0 0 0 4%;}
    .introduction_guide_taille .colonne_gauche{float: right; width: 38%; padding:40px 20px 0 0;}
    .introduction_guide_taille .colonne_gauche .tour{width: 100%; padding: 0 0 0 90px; margin:30px 0 20px 0;}
    .introduction_guide_taille .colonne_gauche .tour h2{font-size: 1.2rem; line-height: 1;}
    .introduction_guide_taille .colonne_gauche .tour p{font-size: 1rem; line-height: 1.3rem; }
    .introduction_guide_taille .colonne_gauche .tour span{ top: 0px; left: 0; font-size: 5rem;}

}

@media screen and (max-width: 1050px) {
    .introduction_guide_taille .arriere_plan{ width: 55%; }
    .introduction_guide_taille .colonne_droite{float: right; width: 53%; padding: 40px 20px; margin:0 0 0 2%;}
    .introduction_guide_taille .colonne_gauche{float: right; width: 45%; padding:40px 20px 0 0;}

    .bloc_special_generateur_taille h1{font-size: 1.6rem; line-height: 2rem; }

}

@media screen and (max-width: 950px) {
    .introduction_guide_taille .arriere_plan{ width: 100%; }
    .introduction_guide_taille .colonne_droite{float: none; width: 100%; padding: 40px 20px; margin:0;}
    .introduction_guide_taille .colonne_gauche{float: none; width: 100%; max-width: 540px; margin: 0 auto; padding:1px 40px 40px 40px;background-color: white; position: relative; z-index: 3;}

}

@media screen and (max-width: 600px) {
    .introduction_guide_taille .wrapper{padding:0; }
    .bloc_special_generateur_taille .generateur_taille .ligne{padding:0 20px; text-align: center;}
    .bloc_special_generateur_taille .generateur_taille .ligne .texte{display:block; font-size: 1.2rem; width: 100%; padding:20px 0 5px 0;}
    .bloc_special_generateur_taille .generateur_taille .ligne .input_taille{display:block; width: 200px; padding:15px 10px; margin:0 auto;}
    .bloc_special_generateur_taille .generateur_taille .ligne .case_validation{display:block; width: 100%; padding:0; text-align:center; margin:20px 0 30px 0;}
    .bloc_special_generateur_taille .generateur_taille .retour_validation_generateur_taille{display: block; width: 200px; height: 100px; line-height: 100px; margin: 0 auto; font-size: 3rem; }
    .bloc_special_generateur_taille .generateur_taille .ligne .text_special{position: absolute; bottom: -18px; left: 0;}

    .bloc_special_generateur_taille h1{font-size: 1.3rem; line-height: 1.6rem; }
    .introduction_guide_taille .colonne_gauche{padding:1px 20px 40px 20px;}
    .introduction_guide_taille .colonne_gauche .tour{padding: 0 0 0 70px;}
    .introduction_guide_taille .colonne_gauche .tour span{ top: -8px; left: 0; font-size: 4rem;}
}



.section_morphologie{display: block; padding:40px 0; margin:0; box-sizing: border-box; background-color: #fff5f0;}    
.section_morphologie h2{display: block; padding: 0; margin:0; font-size: 1.8rem; line-height: 2.2rem; text-align: center;  color: #1e1e1c; font-weight: 700; text-transform: uppercase; box-sizing: border-box;}
.section_morphologie .tableau_morphologie{display: table; table-layout: fixed; width: 100%; border-spacing: 30px; padding: 0; margin: 0px 0 0 0; box-sizing: border-box;}
.section_morphologie .tableau_morphologie .colonne_morphologie{display: table-cell; vertical-align: top; padding: 0 ; margin: 0; box-sizing: border-box; }
.section_morphologie .tableau_morphologie .colonne_morphologie .bloc_couleur{display: block; padding:20px 0px 0 0; margin:0; text-align: center; box-sizing: border-box; }
.section_morphologie .tableau_morphologie .colonne_morphologie .bloc_couleur span{display: block; padding:0; margin:0; font-size: 5rem; color: white; box-sizing: border-box;}
.section_morphologie .tableau_morphologie .colonne_morphologie .bloc_couleur .type{display: block; padding:10px 20px 0 20px; margin:0; font-size: 1.3rem; font-weight: 700; color: white; box-sizing: border-box;}
.section_morphologie .tableau_morphologie .colonne_morphologie .bloc_couleur .titre{display: block; height: 80px; padding:0 20px; margin:0; font-size: 1.2rem; line-height: 1.5rem; color: white; box-sizing: border-box;}
.section_morphologie .tableau_morphologie .colonne_morphologie .bloc_couleur hr{display: block; width:calc(100% - 40px); padding:0; margin:20px auto 0 auto; background-color: white; border: none; height: 3px; box-sizing: border-box;}
.section_morphologie .tableau_morphologie .colonne_morphologie .bloc_couleur img{}

.section_morphologie .tableau_morphologie .colonne_morphologie .bloc_couleur_bas{display: block; padding:30px 0 0 0; margin:0; text-align: center; box-sizing: border-box; }
.section_morphologie .tableau_morphologie .colonne_morphologie .bloc_couleur_bas span{display: block; padding:0; margin:0; font-size: 1.2rem; text-transform: uppercase; box-sizing: border-box;}
.section_morphologie .tableau_morphologie .colonne_morphologie .bloc_couleur_bas p{display: block; padding:0px 0 0 0; margin:0; font-size: 1.1rem; line-height: 1.4rem; box-sizing: border-box;}
.section_morphologie .tableau_morphologie .colonne_morphologie .bloc_couleur_bas.couleur_jaune{color: #d3a801;}
.section_morphologie .tableau_morphologie .colonne_morphologie .bloc_couleur_bas.couleur_bleu{color: #5f69ff;}
.section_morphologie .tableau_morphologie .colonne_morphologie .bloc_couleur_bas.couleur_rouge{color: #ff4041;}
.section_morphologie .tableau_morphologie .colonne_morphologie .bloc_couleur_bas.couleur_rose{color: #ff829b;}
.section_morphologie .tableau_morphologie .colonne_morphologie .bloc_couleur_bas.couleur_noir{color: #1e1e1c;}

@media screen and (max-width: 1380px) {
    .section_morphologie{padding:70px 0;} 
    .section_morphologie h2{margin: 0 auto; font-size: 1.8rem; line-height: 2.2rem; max-width: 80%; width: 1000px;}
    .section_morphologie .tableau_morphologie{display: block; text-align:center; }
    .section_morphologie .tableau_morphologie .colonne_morphologie{display: inline-block; width: 32%; vertical-align: top; padding: 0 ; margin:20px 0 0 0; }
    .section_morphologie .tableau_morphologie .colonne_morphologie:nth-child(4){width: 48%; }
    .section_morphologie .tableau_morphologie .colonne_morphologie:nth-child(5){width: 48%; }
    .section_morphologie .tableau_morphologie .colonne_morphologie .bloc_couleur .titre{height: auto;}
    .section_morphologie .tableau_morphologie .colonne_morphologie .bloc_couleur img{max-width: 230px; margin: 0 auto;}
    .section_morphologie .tableau_morphologie .colonne_morphologie .bloc_couleur_bas{padding:20px 20px 0 20px;}
}

@media screen and (max-width: 1000px) {
    .section_morphologie{padding:60px 0;} 
    .section_morphologie h2{ font-size: 1.6rem; line-height: 2rem; max-width: 80%;}
    .section_morphologie .tableau_morphologie .colonne_morphologie{display: inline-block; width: 48%; }
    .section_morphologie .tableau_morphologie .colonne_morphologie .bloc_couleur img{max-width: 230px; margin: 0 auto;}
    .section_morphologie .tableau_morphologie .colonne_morphologie .bloc_couleur_bas{padding:20px 20px 0 20px;}
}

@media screen and (max-width: 700px) {
    .section_morphologie{padding:40px 0;} 
    .section_morphologie h2{ font-size: 1.4rem; line-height: 1.8rem; max-width: 100%;}
    .section_morphologie .tableau_morphologie .colonne_morphologie{display:block; width: 100%; }
    .section_morphologie .tableau_morphologie .colonne_morphologie:nth-child(4){width: 100%; }
    .section_morphologie .tableau_morphologie .colonne_morphologie:nth-child(5){width: 100%; }
    .section_morphologie .tableau_morphologie .colonne_morphologie .bloc_couleur img{max-width: 230px; margin: 0 auto;}
    .section_morphologie .tableau_morphologie .colonne_morphologie .bloc_couleur_bas{padding:20px 20px 0 20px;}
}

.tableau_correspondance_taille{display: block; padding: 0; margin:0; position: relative; box-sizing: border-box; background-image: url(../svg/CSS_motif_tableau_correspondance_taille.svg); background-position: center center; background-size: 470px auto; background-repeat: repeat; background-attachment: fixed;}
.tableau_correspondance_taille .wrapper{background-color: white;max-width: 900px;}
.tableau_correspondance_taille h2{display: block; padding:50px 0 0 0; margin:0; font-size: 1.8rem; line-height: 2.2rem; text-align: center;  color: #1e1e1c; font-weight: 700; text-transform: uppercase; box-sizing: border-box;}
.tableau_correspondance_taille p{display: block; padding:5px 0 0 0; margin:0; font-size: 1.2rem; line-height: 1.5rem; text-align: center;  color: #1e1e1c; box-sizing: border-box;}
.tableau_correspondance_taille img{padding: 30px 0 50px 0;}

@media screen and (max-width: 1000px) {
    .tableau_correspondance_taille h2{ font-size: 1.6rem; line-height: 2rem;}
}

@media screen and (max-width: 700px) {
    .tableau_correspondance_taille h2{ font-size: 1.4rem; line-height: 1.8rem;padding: 40px 0 0 0;}
    .tableau_correspondance_taille h2 br{display: none;}
    .tableau_correspondance_taille p{font-size: 1rem; line-height: 1.3rem;}
}

.guide_taille_alterne_titre{display: block; padding: 70px 0; margin:0; box-sizing: border-box;}
.guide_taille_alterne_titre .colonne_titre{display: block; float: left; width: 42%; position: relative; padding:40px 0 0 0; margin:0; box-sizing: border-box;}
.guide_taille_alterne_titre .colonne_titre .titre{display: block; float: left; width: 50%; padding: 80px 0 0 0; margin:0; font-size: 3.5rem; line-height: 4rem; text-transform: uppercase; font-weight: 900; color: #d3a801; box-sizing: border-box;}
.guide_taille_alterne_titre .colonne_titre img{display: block; float: left; width: 45%; vertical-align: middle;  padding: 0; margin:0; box-sizing: border-box;}
.guide_taille_alterne_titre .colonne_texte{display: block; float: left; width: 57%; position: relative; padding: 10px 190px 10px 80px; margin:0; box-sizing: border-box;background-image: url(../img/dentelle-1.png); background-position: center left; background-repeat: no-repeat;}
.guide_taille_alterne_titre .colonne_texte span{display: block; position: absolute; top: 0; left: 0; font-size: 5rem; color: white;}
.guide_taille_alterne_titre .colonne_texte h3{display: block; padding:0; margin:0; font-size: 1.2rem; line-height: 1.5rem; color: #1e1e1c; box-sizing: border-box;}
.guide_taille_alterne_titre .colonne_texte .descriptif{display: block; padding:20px 0 0 0; margin:0; font-size: 1.2rem; line-height: 1.5rem; color: #1e1e1c; box-sizing: border-box;}
.guide_taille_alterne_titre .colonne_texte .descriptif strong{font-weight: 700;}
.guide_taille_alterne_titre .colonne_texte .descriptif em{font-style: italic;}
.guide_taille_alterne_titre .colonne_texte .descriptif ul{display: block; padding:10px 0 0 20px; margin:0; box-sizing: border-box;}
.guide_taille_alterne_titre .colonne_texte .descriptif ul li{list-style-type: disc; padding: 0 0 10px 0; margin: 0; box-sizing: border-box; }
.guide_taille_alterne_titre.numero_2 .colonne_texte{float: right; padding: 10px 80px 10px 190px; background-image: url(../img/dentelle-2.png); background-position: center right;}
.guide_taille_alterne_titre.numero_2 .colonne_titre{float: right;}
.guide_taille_alterne_titre.numero_2 .colonne_titre .titre{float: right;color: #ffdcd2; text-align: right; padding: 40px 0 0 0;}
.guide_taille_alterne_titre.numero_2 .colonne_titre img{float: right;}
.guide_taille_alterne_titre.numero_3 .colonne_texte{background-image: url(../img/dentelle-3.png);}
.guide_taille_alterne_titre.numero_3 .colonne_titre{padding: 10px 0 0 0;}
.guide_taille_alterne_titre.numero_3 .colonne_titre .titre{color: #ffdcd2;  padding: 40px 0 0 0;}

@media screen and (max-width: 1400px) {
    .guide_taille_alterne_titre{padding: 60px 0;}
    .guide_taille_alterne_titre .colonne_titre .titre{font-size: 2.5rem; line-height: 2.8rem; padding: 80px 30px 0 0;}
    .guide_taille_alterne_titre.numero_2 .colonne_titre .titre{padding: 80px 0 0 30px;}
    .guide_taille_alterne_titre.numero_3 .colonne_titre .titre{padding: 80px 30px 0 0px;}
    .guide_taille_alterne_titre .colonne_texte{padding: 10px 80px 10px 80px; }
    .guide_taille_alterne_titre.numero_2 .colonne_texte{padding: 10px 80px 10px 80px; }

    .guide_taille_alterne_titre .colonne_titre .titre{display: block; width: 100%; float: none !important; padding: 0 20px !important; text-align: center !important;}
    .guide_taille_alterne_titre .colonne_titre img{display: block; width: 200px; float: none !important; padding: 0; margin:0 auto;}
}

@media screen and (max-width: 1150px) {
    .guide_taille_alterne_titre{padding: 50px 0;}
    .guide_taille_alterne_titre .colonne_texte{padding: 10px 40px; }
    .guide_taille_alterne_titre.numero_2 .colonne_texte{padding: 10px 40px; }
    
}

@media screen and (max-width: 860px) {
    .guide_taille_alterne_titre{padding:5px 0 50px 0;}
    .guide_taille_alterne_titre .colonne_titre{float: none; width: 100%;}
    .guide_taille_alterne_titre .colonne_texte{float: none; width: 100%; padding: 30px 10px 30px 10px !important; background-image: none !important;}
    
}

@media screen and (max-width: 600px) {
    .guide_taille_alterne_titre .colonne_titre img{width: 150px;}
    .guide_taille_alterne_titre .colonne_titre .titre{ font-size: 1.6rem; line-height: 2rem; }
    .guide_taille_alterne_titre .colonne_texte h3{font-size: 1rem; line-height: 1.3rem;}
    .guide_taille_alterne_titre .colonne_texte .descriptif{padding:10px 0 0 0; font-size: 1rem; line-height: 1.3rem;}
    .guide_taille_alterne_titre .colonne_texte{padding: 20px 0px 20px 0px !important;}
    
}


.bloc_etape_configurateur{display: block; position: relative; padding: 0; margin: 0; box-sizing: border-box;}
.bloc_etape_configurateur .wrapper{max-width: 1920px; padding: 0;}
.bloc_etape_configurateur .liste_etape{display: table; position: relative; z-index: 2; table-layout:fixed; width: 100%; padding: 0; margin: 0; box-sizing: border-box;}
.bloc_etape_configurateur .liste_etape li{display: table-cell; margin: 0; padding: 90px 60px; vertical-align: top; box-sizing: border-box; color: white; text-align: center;}
.bloc_etape_configurateur .liste_etape li.etape_1{background-color:#d3a800;}
.bloc_etape_configurateur .liste_etape li.etape_2{background-color:#5f69ff;}
.bloc_etape_configurateur .liste_etape li.etape_3{background-color:#ff4041;}
.bloc_etape_configurateur .liste_etape li.etape_4{background-color:#ff829b;}
.bloc_etape_configurateur .liste_etape li h2{display: block; padding: 0; margin: 0; text-transform: uppercase; font-weight: 700; box-sizing: border-box; font-size: 2.3rem; line-height: 2.7rem;}
.bloc_etape_configurateur .liste_etape li hr{display: block; width: 50px; height: 4px; background-color: white; border: none; padding: 0; margin:20px auto 30px auto; box-sizing: border-box;}
.bloc_etape_configurateur .liste_etape li p{display: block; padding: 0 0px; margin: 0; box-sizing: border-box; font-size: 1rem; line-height: 1.6rem; color:#000; font-weight: 600;}

@media screen and (max-width: 1500px) {
    .bloc_etape_configurateur .liste_etape li{padding: 40px 10px;}
    .bloc_etape_configurateur .liste_etape li h2{font-size: 1.8rem; line-height: 2rem;}
    .bloc_etape_configurateur .liste_etape li p{display: block; padding: 0 10px;}
}

@media screen and (max-width: 1000px) {
    .bloc_etape_configurateur .wrapper{padding: 0;}
    .bloc_etape_configurateur .liste_etape{display:block; text-align: center;}
    .bloc_etape_configurateur .liste_etape li{display:block; margin: 0; width: 100%;}
}

.configurateur_alterne_visuel{display: block; padding:0; margin: 0; box-sizing: border-box; }
.configurateur_alterne_visuel .wrapper{max-width: 1920px; padding: 0;}
.configurateur_alterne_visuel .tableau_configurateur{display: table; width: 100%; border-spacing: 0; table-layout: fixed; padding:0; margin: 0; box-sizing: border-box; }
.configurateur_alterne_visuel .colonne_image{display: table-cell; vertical-align: middle; margin: 0; box-sizing: border-box; }
.configurateur_alterne_visuel.visuel_a_gauche .colonne_image{padding:0px 0px 0px 0;}
.configurateur_alterne_visuel.visuel_a_droite .colonne_image{padding:0px 0 0px 0px;}

.configurateur_alterne_visuel .colonne_texte{display: table-cell; vertical-align: middle; margin: 0; box-sizing: border-box; }
.configurateur_alterne_visuel.visuel_a_gauche .colonne_texte{padding:20px 130px 20px 150px;}
.configurateur_alterne_visuel.visuel_a_droite .colonne_texte{padding:20px 130px 20px 150px;}
.configurateur_alterne_visuel .colonne_texte h2{display: block; padding: 0; margin:0; font-size: 3rem; line-height: 1; font-weight: 700; color: #D3A800; text-transform: uppercase; box-sizing: border-box;}
.configurateur_alterne_visuel .colonne_texte .slogan{display: block; padding: 0; margin:30px 0 0 0; font-size: 1.2rem; line-height: 1.5rem; font-weight: 700; color: #1e1e1c; box-sizing: border-box;}
.configurateur_alterne_visuel .colonne_texte .slogan span{display: inline-block; vertical-align: middle; font-size: 3.8rem; padding: 0 0 0 0 ; margin: 0; box-sizing: border-box; }
.configurateur_alterne_visuel .colonne_texte .descriptif{display: block; padding:30px 0 0 0; margin:0; font-size: 1.2rem; line-height: 2rem; color: #1e1e1c; box-sizing: border-box;}
.configurateur_alterne_visuel .colonne_texte .descriptif p{margin: 0; padding: 0;}
.configurateur_alterne_visuel .colonne_texte .descriptif strong{font-weight: 700;}

.configurateur_alterne_visuel .colonne_texte .descriptif2{display: block; padding:30px 0 0 0; margin:0; font-size: 1.2rem; line-height: 1.5rem; color: #1e1e1c; box-sizing: border-box;}
.configurateur_alterne_visuel .colonne_texte .descriptif2 p{margin: 0; padding: 0;}
.configurateur_alterne_visuel .colonne_texte .descriptif2 strong{font-weight: 700;}

.configurateur_alterne_visuel .colonne_texte .bloc_etoile{display: block; padding:30px 0 0 0; margin: 0; box-sizing: border-box; }
.configurateur_alterne_visuel .colonne_texte .bloc_etoile .ligne{display: block; padding:0; margin:5px 0 0 0; position: relative; box-sizing: border-box;}
.configurateur_alterne_visuel .colonne_texte .bloc_etoile .ligne .texte{display: block; padding:0 150px 0 0; margin: 0; box-sizing: border-box; font-size:1.2rem; color: #1e1e1c;}
.configurateur_alterne_visuel .colonne_texte .bloc_etoile .ligne .etoile{display:inline-block; padding: 0; margin: 0;  position: absolute; top: 0; right: 80px; box-sizing: border-box;}
.configurateur_alterne_visuel .colonne_texte .bloc_etoile .ligne .etoile li{display:inline-block; padding: 0; margin: 0; box-sizing: border-box;}
.configurateur_alterne_visuel .colonne_texte .bloc_etoile .ligne .etoile li span{display: block; padding: 0; margin: 0; font-size: 2rem; color: #D3A800; box-sizing: border-box;}


@media screen and (max-width: 1700px) {
    .configurateur_alterne_visuel.visuel_a_gauche .colonne_texte{padding:50px 50px;}
    .configurateur_alterne_visuel.visuel_a_droite .colonne_texte{padding:50px 50px;}
}

@media screen and (max-width: 1440px) {
    .configurateur_alterne_visuel.visuel_a_gauche .colonne_texte{padding:30px 30px;}
    .configurateur_alterne_visuel.visuel_a_droite .colonne_texte{padding:30px 30px;}

    .configurateur_alterne_visuel .colonne_texte h2{font-size: 2rem;}
    .configurateur_alterne_visuel .colonne_texte .slogan{margin:20px 0 0 0; font-size: 1.2rem; line-height: 1.5rem; }
    .configurateur_alterne_visuel .colonne_texte .slogan span{display: inline-block; vertical-align: middle; font-size: 3.8rem;}
    .configurateur_alterne_visuel .colonne_texte .descriptif{padding:20px 0 0 0; font-size: 1.2rem; line-height: 1.5rem; }

    .configurateur_alterne_visuel .colonne_texte .descriptif2{padding:20px 0 0 0; font-size: 1.2rem; line-height: 1.5rem; }
}

@media screen and (max-width: 1300px) {
    .configurateur_alterne_visuel.visuel_a_gauche .colonne_texte{padding:30px 20px;}
    .configurateur_alterne_visuel.visuel_a_droite .colonne_texte{padding:30px 20px;}

    .configurateur_alterne_visuel .colonne_texte h2{font-size: 1.6rem;}
    .configurateur_alterne_visuel .colonne_texte .slogan{margin:20px 0 0 0; font-size: 1rem; line-height: 1.3rem; }
    .configurateur_alterne_visuel .colonne_texte .slogan span{display: inline-block; vertical-align: middle; font-size: 2.5rem;}
    .configurateur_alterne_visuel .colonne_texte .descriptif{padding:20px 0 0 0; font-size: 1rem; line-height: 1.3rem; }

    .configurateur_alterne_visuel .colonne_texte .descriptif2{padding:20px 0 0 0; font-size: 1rem; line-height: 1.3rem; }

    .configurateur_alterne_visuel .colonne_texte .bloc_etoile{ padding:20px 0 0 0; }
    .configurateur_alterne_visuel .colonne_texte .bloc_etoile .ligne .texte{padding:0 150px 0 0; font-size:1rem; }
    .configurateur_alterne_visuel .colonne_texte .bloc_etoile .ligne .etoile{right: 80px;}
    .configurateur_alterne_visuel .colonne_texte .bloc_etoile .ligne .etoile li span{font-size: 1.4rem;}
}

@media screen and (max-width: 1000px) {

    .configurateur_alterne_visuel .tableau_configurateur{display: block; padding:76% 0 0 0; position: relative;}
    .configurateur_alterne_visuel .colonne_image{display:block; position: absolute; top: 0; left: 0; width: 100%;}
    .configurateur_alterne_visuel .colonne_image img{max-width: 100%; margin: 0 auto;}
    .configurateur_alterne_visuel .colonne_texte{display:block; width: 100%; }
    .configurateur_alterne_visuel .colonne_texte .bloc_etoile .ligne .texte{padding:0 90px 0 0; font-size:1rem; }
    .configurateur_alterne_visuel .colonne_texte .bloc_etoile .ligne .etoile{right: 20px;}
    .configurateur_alterne_visuel .colonne_texte .slogan span{display: block; font-size: 2rem;}
    
}

.configurateur_alterne_dessin{display: block; padding: 70px 0; margin:0; box-sizing: border-box;background-color: #fff5f3;}
.configurateur_alterne_dessin .colonne_titre{display: block; width: 43%; position: relative; padding: 0; margin:0; box-sizing: border-box;}
.configurateur_alterne_dessin .colonne_titre .titre{display: block; width: 60%; margin:0; font-size: 3.3rem; line-height: 3.8rem; text-transform: uppercase; font-weight: 900; color: #d3a801; box-sizing: border-box;}
.configurateur_alterne_dessin .colonne_titre .image{display: block; width: 40%;padding: 0; margin:0; box-sizing: border-box;}
.configurateur_alterne_dessin .colonne_texte{display: block; width: 57%; position: relative; padding: 0px 190px 30px 80px; margin:0; box-sizing: border-box;background-image: url(../img/dentelle-1.png); background-position: center left; background-repeat: no-repeat;}
.configurateur_alterne_dessin .colonne_texte span{display: block; position: absolute; top: 0; left: 0; font-size: 5rem; color: white;}
.configurateur_alterne_dessin .colonne_texte h3{display: block; padding:30px 0 0 0; margin:0; font-size: 1.4rem; line-height: 1.7rem; font-weight: 700; color: #1e1e1c; box-sizing: border-box;}
.configurateur_alterne_dessin .colonne_texte .descriptif{display: block; padding:20px 0 0 0; margin:0; font-size: 1.2rem; line-height: 1.5rem; font-weight: 400; color: #1e1e1c; box-sizing: border-box;}
.configurateur_alterne_dessin .colonne_texte .descriptif strong{font-weight: 700;}
.configurateur_alterne_dessin .colonne_texte .descriptif em{font-style: italic;}
.configurateur_alterne_dessin .colonne_texte .descriptif a{display: block; margin: 0; padding: 0; color: #1e1e1c; text-decoration: underline; box-sizing: border-box;}
.configurateur_alterne_dessin .colonne_texte .descriptif ul{display: block; padding:0 0 0 20px; margin:0; box-sizing: border-box;}
.configurateur_alterne_dessin .colonne_texte .descriptif ul li{list-style-type: disc; padding: 0 0 10px 0; margin: 0; box-sizing: border-box; }

.configurateur_alterne_dessin.numero_1{background-color: #fff5f3;}
.configurateur_alterne_dessin.numero_2{background-color: #d3a800;}
.configurateur_alterne_dessin.numero_3{background-color: #ffdcd2;}
.configurateur_alterne_dessin.numero_4{background-color: #fff5f3;}

.configurateur_alterne_dessin.numero_1 .colonne_titre{float: left;padding-top: 30px;}
.configurateur_alterne_dessin.numero_1 .colonne_titre .titre{float: left; text-align: left; padding: 50px 80px 0 20px;}
.configurateur_alterne_dessin.numero_1 .colonne_titre .image{float: left;}
.configurateur_alterne_dessin.numero_1 .colonne_titre .image img{width: 150px; float: right;}
.configurateur_alterne_dessin.numero_1 .colonne_texte{float: left;}

.configurateur_alterne_dessin.numero_2 .colonne_titre{float: right;padding-top: 120px;}
.configurateur_alterne_dessin.numero_2 .colonne_titre .titre{float: right; text-align: right; padding: 50px 20px 0 80px;}
.configurateur_alterne_dessin.numero_2 .colonne_titre .image{float: right;}
.configurateur_alterne_dessin.numero_2 .colonne_titre .image img{width: 150px; float: left;}
.configurateur_alterne_dessin.numero_2 .colonne_texte{float: right;}

.configurateur_alterne_dessin.numero_3 .colonne_titre{float: left;padding-top: 140px;}
.configurateur_alterne_dessin.numero_3 .colonne_titre .titre{float: left; text-align: left; padding: 0 80px 0 20px;}
.configurateur_alterne_dessin.numero_3 .colonne_titre .image{float: left;}
.configurateur_alterne_dessin.numero_3 .colonne_titre .image img{width: 180px; float: right; margin-top: 40px;}
.configurateur_alterne_dessin.numero_3 .colonne_texte{float: left;}

.configurateur_alterne_dessin.numero_4 .colonne_titre{float: right;padding-top: 60px;}
.configurateur_alterne_dessin.numero_4 .colonne_titre .titre{float: right; text-align: right; padding: 50px 20px 0 60px;}
.configurateur_alterne_dessin.numero_4 .colonne_titre .image{float: right;}
.configurateur_alterne_dessin.numero_4 .colonne_titre .image img{width: 180px; float: left;}
.configurateur_alterne_dessin.numero_4 .colonne_texte{float: right;}

.configurateur_alterne_dessin.numero_2 .colonne_texte{padding: 10px 80px 10px 190px; background-image: url(../img/dentelle-2.png); background-position: center right;}
.configurateur_alterne_dessin.numero_2 .colonne_titre .titre{color: #ffdcd2; text-align: right;}
.configurateur_alterne_dessin.numero_4 .colonne_texte{padding: 10px 80px 10px 190px; background-image: url(../img/dentelle-2.png); background-position: center right;}
.configurateur_alterne_dessin.numero_4 .colonne_titre .titre{color: #ffdcd2; text-align: right;}


@media screen and (max-width: 1580px) {

    .configurateur_alterne_dessin .colonne_titre{padding: 0 !important;}
    .configurateur_alterne_dessin .colonne_titre .titre{ width: 100%; float: none !important;  font-size: 2.3rem; line-height: 2.5rem; text-align:center !important; padding: 20px 0 0 0 !important;}
    .configurateur_alterne_dessin .colonne_titre .image{width: 100%;}
    .configurateur_alterne_dessin .colonne_titre .image img{float: none !important; margin: 20px auto 20px auto;}

    .configurateur_alterne_dessin .colonne_texte{padding: 0px 50px 30px 50px !important;}
    
}



@media screen and (max-width: 1000px) {

    .configurateur_alterne_dessin{padding: 30px 0;}
    .configurateur_alterne_dessin .colonne_titre{display: block; width: 100%; float: none !important;}
    .configurateur_alterne_dessin .colonne_titre .titre{ font-size: 1.8rem; line-height: 2rem; }
    .configurateur_alterne_dessin .colonne_titre .image img{max-height: 200px !important;}
    
    .configurateur_alterne_dessin .colonne_texte{display: block; width: 100%; float: none !important; background-image:none !important;}
    .configurateur_alterne_dessin .colonne_texte{padding: 0px 0px 20px 0px !important;}
    .configurateur_alterne_dessin .colonne_texte h3{ padding:20px 0 0 0; font-size: 1.2rem; line-height: 1.5rem; }
    .configurateur_alterne_dessin .colonne_texte .descriptif{padding:20px 0 0 0; font-size: 1rem; line-height: 1.3rem;}
    
}


.configurateur_alterne_dessin_etape3{display: block; padding: 70px 0; margin:0; box-sizing: border-box;background-color: #fff5f3;}
.configurateur_alterne_dessin_etape3 .colonne_titre{display: block; float: left; width: 43%; position: relative; padding: 0; margin:0; box-sizing: border-box;}
.configurateur_alterne_dessin_etape3 .colonne_titre .titre{display: block; float: left; width: 60%; margin:0; font-size: 3.3rem; line-height: 3.8rem; text-transform: uppercase; font-weight: 900; color: #d3a801; box-sizing: border-box;}
.configurateur_alterne_dessin_etape3 .colonne_titre .image{display: block; float: left; width: 40%;padding: 0; margin:0; box-sizing: border-box;}
.configurateur_alterne_dessin_etape3 .colonne_texte{display: block; float: left; width: 57%; position: relative; padding: 0px 50px 30px 80px; margin:0; box-sizing: border-box;background-image: url(../img/dentelle-1.png); background-position: center left; background-repeat: no-repeat;}
.configurateur_alterne_dessin_etape3 .colonne_texte span{display: block; position: absolute; top: 0; left: 0; font-size: 5rem; color: white;}
.configurateur_alterne_dessin_etape3 .colonne_texte h3{display: block; padding:30px 0 0 0; margin:0; font-size: 1.4rem; line-height: 1.7rem; font-weight: 700; color: #1e1e1c; box-sizing: border-box;}
.configurateur_alterne_dessin_etape3 .colonne_texte .descriptif{display: block; padding:20px 0 0 0; margin:0; font-size: 1.2rem; line-height: 1.5rem; font-weight: 400; color: #1e1e1c; box-sizing: border-box;}
.configurateur_alterne_dessin_etape3 .colonne_texte .descriptif strong{font-weight: 700;}
.configurateur_alterne_dessin_etape3 .colonne_texte .descriptif em{font-style: italic;}
.configurateur_alterne_dessin_etape3 .colonne_texte .descriptif a{display: block; margin: 0; padding: 0; color: #1e1e1c; text-decoration: underline; box-sizing: border-box;}
.configurateur_alterne_dessin_etape3 .colonne_texte .descriptif ul{display: block; padding:0 0 0 20px; margin:0; box-sizing: border-box;}
.configurateur_alterne_dessin_etape3 .colonne_texte .descriptif ul li{list-style-type: disc; padding: 0 0 5px 0; margin: 0; box-sizing: border-box; }

.configurateur_alterne_dessin_etape3.numero_1{background-color: #ffdcd2;}
.configurateur_alterne_dessin_etape3.numero_2{background-color: #fff5f3;}
.configurateur_alterne_dessin_etape3.numero_3{background-color: #fff;}

.configurateur_alterne_dessin_etape3.numero_1 .colonne_titre{padding-top: 30px;}
.configurateur_alterne_dessin_etape3.numero_1 .colonne_titre .titre{padding: 130px 80px 0 20px;}
.configurateur_alterne_dessin_etape3.numero_1 .colonne_titre .image img{width: 440px;}

.configurateur_alterne_dessin_etape3.numero_2 .colonne_titre{padding-top: 30px;}
.configurateur_alterne_dessin_etape3.numero_2 .colonne_titre .titre{padding: 50px 60px 0 20px;}
.configurateur_alterne_dessin_etape3.numero_2 .colonne_titre .image img{width: 310px;}

.configurateur_alterne_dessin_etape3.numero_3 .colonne_titre{padding-top: 150px;}
.configurateur_alterne_dessin_etape3.numero_3 .colonne_titre .titre{padding: 50px 60px 0 20px;}
.configurateur_alterne_dessin_etape3.numero_3 .colonne_titre .image img{width: 300px;}


@media screen and (max-width: 1580px) {

    .configurateur_alterne_dessin_etape3 .colonne_titre .titre{float: none; width: 100%; font-size: 2.3rem; line-height: 2.5rem; padding:0 20px !important; text-align: center;}
    .configurateur_alterne_dessin_etape3 .colonne_titre .image{float: none; width: 100%;}
    .configurateur_alterne_dessin_etape3 .colonne_titre .image img{float: none !important; margin: 0px auto; width: 300px !important;}
    .configurateur_alterne_dessin_etape3.numero_3 .colonne_titre .titre{margin-top: -50px;}
    .configurateur_alterne_dessin_etape3.numero_3 .colonne_titre .image img{margin-top: -50px;}
    .configurateur_alterne_dessin_etape3.numero_2 .colonne_titre .image img{margin-top: -50px;}
    
}

@media screen and (max-width: 1000px) {

    .configurateur_alterne_dessin_etape3{padding: 30px 0;}
    .configurateur_alterne_dessin_etape3 .colonne_titre{display: block; width: 100%; float: none !important; padding: 0 !important;}
    .configurateur_alterne_dessin_etape3 .colonne_titre .titre{ font-size: 1.8rem; line-height: 2rem; }
    .configurateur_alterne_dessin_etape3 .colonne_titre .image img{max-height: 200px !important;}
    
    .configurateur_alterne_dessin_etape3 .colonne_texte{display: block; width: 100%; float: none !important; background-image:none !important;}
    .configurateur_alterne_dessin_etape3 .colonne_texte{padding: 0px 0px 20px 0px !important;}
    .configurateur_alterne_dessin_etape3 .colonne_texte h3{ padding:20px 0 0 0; font-size: 1.2rem; line-height: 1.5rem; }
    .configurateur_alterne_dessin_etape3 .colonne_texte .descriptif{padding:20px 0 0 0; font-size: 1rem; line-height: 1.3rem;}

    .configurateur_alterne_dessin_etape3.numero_3 .colonne_titre .titre{margin-top: -30px;}
    .configurateur_alterne_dessin_etape3.numero_3 .colonne_titre .image img{margin-top: 0px;}
    .configurateur_alterne_dessin_etape3.numero_2 .colonne_titre .image img{margin-top: 0px;}
    
}


footer{display: block; padding: 100px 0; margin: 0; box-sizing: border-box; text-align: left; background-color: #1e1e1c; background-image: url(../svg/CSS_motif_footer.svg); background-position: center center; background-repeat: repeat; background-size: 470px auto;}
footer .navigation_footer{display: inline-block; width: 50%; vertical-align: bottom; padding: 0; margin: 0; box-sizing: border-box;}
footer .navigation_footer li{display: block; padding: 0; margin: 0; box-sizing: border-box;}
footer .navigation_footer li a{display: inline-block; transition: all 0.5s ease; padding:5px 0; margin:5px 0 0 0; font-size: 1.4rem; line-height: 1; background-color: #1e1e1c; color: white; text-decoration: none; cursor: pointer; box-sizing: border-box;}
footer .navigation_footer li a:hover{background-color:#ffdcd2; color: #1e1e1c; }
footer .navigation_footer li .a_contact_paco{display: inline-block; transition: all 0.5s ease; padding:5px 0; margin:5px 0 0 0; font-size: 1.4rem; line-height: 1; background-color: #1e1e1c; color: white; text-decoration: none; cursor: pointer; box-sizing: border-box;}
footer .navigation_footer li .a_contact_paco:hover{background-color:#ffdcd2; color: #1e1e1c; }
footer .mentions{display: inline-block; width: 48%; text-align: right; vertical-align: bottom; padding:0 0 0 40px; margin: 0; box-sizing: border-box;}
footer .mentions p{display: inline-block; padding:5px 0; font-size: 1.2rem; line-height: 1; background-color: #1e1e1c; color: white; text-decoration: none; box-sizing: border-box;}
footer .mentions p a{text-decoration: none; color: white;}
footer .mentions p a:hover{text-decoration: underline; color: white;}

@media screen and (max-width:900px) {
    footer .navigation_footer{display: block; width: 100%; }
    footer .mentions{display: block; width: 100%; text-align: left;  padding:20px 0 0 0px;}
    
}


/*=============================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* #222 prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}