/* dans cms.css */

#contenu blockquote,
#contenu  q,
.grid_builder_content blockquote {
  background: #f9f9f9;
  border-left: 5px solid #ccc;
  margin: 1.5em 10px;
  padding: 1.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  font-style:italic;
}
#contenu blockquote:before,
#contenu  q:before,
.grid_builder_content blockquote:before  {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
#contenu blockquote p,
.grid_builder_content blockquote p {
  display: inline;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

html
{
    font-size:100%;
    height: 100%;
    box-sizing: border-box;
}

html, body
{
    /* prevent horizontal scrolling */
    overflow-x: hidden;
}
body
{
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    text-align:center; /* center pour ie 5 */
    color:#2e4e4e;
    background-color:#fff;
    margin:0;
    padding:0;

}

hr {  border : 1px inset #d4d7d9;color : #d4d7d9;}

.centered-height, .aheight {
    display: inline-block;
    line-height: 1.2;
    vertical-align: middle;
}

/*** lien ***/
a  {
    color: #56c1ff;
    text-decoration: none;
    -ms-transition: background-color .2s ease-in, color .2s ease-in, box-shadow .2s ease-in, opacity .2s ease-in, border .2s ease-in;
    -webkit-transition: background-color .2s ease-in, color .2s ease-in, box-shadow .2s ease-in, opacity .2s ease-in, border .2s ease-in;
    -moz-transition: background-color .2s ease-in, color .2s ease-in, box-shadow .2s ease-in, opacity .2s ease-in, border .2s ease-in;
    transition: background-color .2s ease-in, color .2s ease-in, box-shadow .2s ease-in, opacity .2s ease-in, border .2s ease-in;
}

.error a{
    color:#D8000C;
    font-weight:700;
}

a:hover, a:active, a:focus { /* ce groupe de s?lecteurs offrira ? un navigateur au clavier la m?me exp?rience de survol que celle d'une personne employant la souris. */
    color: #56c1ff;
}

a.button {
    display : inline-block;
}

.masque, .hidden {
    display : none !important;
}

/*** TITRE ***/

h1, h2, h3, h4, h5, h6
.rassurance,
.text,
.t1, .t2, .t3,
.title,
.desc,
.titre,
.stitre,
.sstitre
.news_content {
    word-wrap: normal;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    -o-hyphens: none;
    hyphens: none;
}

.container{
    margin:0 auto;
    width: calc(100% - 20px);
}

h1,
.titre
{
    color:#00b0f0;
    font-size:38px;

    font-weight:400;
    margin:1em 0 0.5em 0;
    text-align:left;
    position : relative;
    line-height:1;
}
.underline {
    display:inline-block;
    position:relative;
}
.underline:before {
    content:"";
    background : #56c1ff;
    height : 4px;
    width : 100%;
    position : absolute;
    bottom : -5px;
    left : 0;
}

h2,
.stitre
{
    font-size:28px;
    font-family: 'Montserrat', sans-serif;
    color:#01354f;
    margin:0.6em 0;
    text-align:left;
    font-weight:400;
    line-height:1.2;
    /*text-transform: uppercase;*/
}

.stitre2 { color:#56c1ff; }


.h2{
    font-size: 1.7em;
    color: #565b55;
    margin: 0.6em 0;
    text-align: left;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

h3,
.sstitre {
    font-size: 18px;
    color: #56c1ff;
    margin: 0.6em 0;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    letter-spacing:normal;
}

h4, h4 a,
.h4, .h4 a
{
    font-size:14px;
    color:#2e4e4e;
    margin:0.6em 0;
    text-align:left;
    font-weight : 700;
    line-height:1;
    text-transform:uppercase;
}

/*** Style g?n?rique ***/
.fixed { position:fixed; }
.relative { position:relative; }
.absolute { position:absolute; }
.static { position:static; overflow:hidden; }

.inline { display:inline; }
.inlineblock { display:inline-block; }
.block { display:block; }

.floatleft { float:left; }
.floatright { float:right; }
.floatnone { float:none; }

.textleft {	text-align:left; }
.textright { text-align:right; }
.textrightip { text-align:right !important; }
.textcenter { text-align:center; }
.textjustify { text-align:justify; }

.width80 { width:80%; }
.width60 { width:60%; }
.width50 { width:50%; }
.width47 { width:47%; }
.width45 { width:45%; }
.width35 { width:35%; }
.width33 { width:33.33333333%; }
.width25 { width:25%; }

.margin0 { margin:0; }
.marginauto { margin:auto; }

.lineh15{line-height:1.5;}
.lineh25{line-height:2.5;}
.height465{height:465px;}

.marginright { margin-right:1em; }
.marginleft { margin-left:1.5em; }

.marginbottom { margin-bottom:2em !important; }
.marginbottomlight { margin-bottom:1em; }
.margintop { margin-top:2em !important;}
.margintoplight { margin-top:2em; }
.margintopultralight { margin-top:0.5em; }
.margintop-2 { margin-top:-2em; }
.margin05 {margin : 0 5px;}

.container900{max-width:900px; margin:0 auto;}

.maxw100{max-width:100px;margin:5px auto;min-width: 100px;}
.maxw150{max-width:150px;margin:5px auto;min-width: 150px;}
.maxw180{max-width:180px;margin:5px auto;min-width: 180px;}
.padding10{padding:10px;}
.paddingtopbot20{padding:20px 0;}
.padding1020{padding:10px 20px;}
.padding25{padding:25px;}
.padding30{padding:30px;}
.padding40{padding:40px;}
.padding60{padding:60px;}
.padding6040{padding:60px 40px;}
.padding7040{padding:70px 40px;}
.padding4070{padding:40px 3%;}
.padding4015{padding:40px 15px;}
.marg30padd60{margin:30px 0;padding:0 60px;}

.overlay{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:rgba(0,0,0,0.5);
}
.overlay.loading{
    background:rgba(0,0,0,1);
}
.overlay_background_image{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://5septdirect.com/img/visuel-chargement-config.png);
    background-repeat: no-repeat;
    opacity: 0.6;
    /*background-size: cover;*/
    background-position: center center;
}
#name_save_as{
    border:2px solid #feca1c;
}
#container_iframe_chili .overlay{
    z-index:9;
    background:rgba(0,0,0,1);
}
#overlay_metier.overlay,
#popin_rappel_c.overlay
{
    z-index:16;
}

.overlay #overlay-popin
{
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    top:0;
    width:80%;
    max-width:500px;
    height:380px;
    background:#fff;
    margin:auto;
}
.overlay #popin_rappel
{
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    top:0;
    width:75%;
    max-width:900px;
    height:210px;
    background:#fff;
    margin:auto;
}

.vmiddle {display:inline-block; vertical-align:middle;}
.vtop {vertical-align:top;}
.vbottom {vertical-align:bottom;}

.big {font-size:120%;}
.mini {font-size:80%;}
.fontsize80 {font-size:80%;}
.fontsize85 {font-size:85%;}
.fontsize90 {font-size:90%;}
.fontsize110 {font-size:110%;}
.fontsize120 {font-size:120%;}

.color1, .color1 a {color:#56c1ff;}
.color2, .color2 a {color:#2e4e4e;}
.color4, .color4 a { color:#c00; }

.background1{background:#f4f4f4;}
.background2{background:#252525; color:#ffffff;}
.background3{background:#56c1ff;}

.margin0auto{display:block;margin:0 auto;}

.button1,
.button-1,
a.button-1,
a.button1,
.cms a.button1,
.cms a.button-1 {color:#ffffff;padding:15px 20px;background:#56c1ff;text-transform: uppercase;font-size:12px;border-radius:20px;transition:all 0.3s ease-in-out;display:inline-block;cursor:pointer;}

.button1:hover,
.button-1:hover,
a.button-1:hover,
a.button1:hover,
.cms a.button1:hover,
.cms a.button-1:hover,
.cms .button1:hover,
.cms .button-1:hover
{border-radius:10px; color:#ffffff;border-color:#56c1ff;background:#56c1ff;}

.button2,
.button-2,
a.button2,
a.button-2,
.cms a.button2:hover,
.cms a.button-2:hover,
.cms .button2:hover,
.cms .button-2:hover,
.link_slider:hover .button2,
.link_slider:focus .button2
{padding:15px 20px;background:#feca1c;color:#ffffff;text-transform: uppercase;border-radius:20px;transition:all 0.3s ease-in-out;font-size:12px;display:inline-block;cursor:pointer;}

.button2:hover,
.button-2:hover,
a.button2:hover,
a.button-2:hover,
.cms a.button2:hover,
.cms a.button-2:hover,
.cms .button2:hover,
.cms .button-2:hover,
.link_slider:hover .button2,
.link_slider:focus .button2
{background:#feca1c; color:#ffffff;border-radius:10px;}

.button3,a.button3{padding:10px;background:#feca1c;color:#ffffff;text-transform: uppercase;border-radius:20px;transition:all 0.3s ease-in-out; border:1px solid #feca1c; display:inline-block;margin: 0 auto;font-family:'Montserrat',sans-serif;font-size:13px; vertical-align:middle; cursor:pointer;outline:none;}

.button4, a.button4{padding:10px;background:#1a9f38;color:#ffffff;text-transform: uppercase;border-radius:20px;transition:all 0.3s ease-in-out; border:1px solid #1a9f38; display:inline-block;font-family:'Montserrat',sans-serif;font-size:13px; vertical-align:middle; cursor:pointer;outline:none;}

.button4:hover, a.button4:hover{background : transparent;
    color : #1a9f38;}

.button3:hover,
a.button3:hover {
    background : transparent;
    color : #feca1c;
}

.button_reinit{
    display:inline-block;
    padding:8px;
    background:#56c1ff;
    color:#ffffff;
    border:0;
    border-radius:10px;
    outline:none;
    cursor:pointer;
    font-size:12px;
    float:right;
}

.lowercase { text-transform:lowercase; }
.uppercase { text-transform:uppercase; }
.supports_description {display:none;}
.oh{overflow:hidden;}
.bold{font-weight:700;}
.mobile{display:none;}
.desktop{display:block;}

.center_flex{
    display: flex;
}
.center_flex>div{
    margin: auto;
}

.sep{
   margin: 15px 0;
    height:1px;
    background-color:#d4d8da;
}

.liste li {
    list-style-type:square;
    list-style-position:inside;
    margin-left:1em;
    padding:2px 0;
}

::-webkit-input-placeholder {color: #91a1a1; font-style: italic; text-transform: uppercase; font-weight:700; font-size:12px; font-family: 'Montserrat',sans-serif;}
::-moz-placeholder {color: #91a1a1; font-style: italic; text-transform: uppercase; font-weight:700; font-size:12px;font-family: 'Montserrat',sans-serif;}
:-ms-input-placeholder {color: #91a1a1; font-style: italic; text-transform: uppercase; font-weight:700; font-size:12px;font-family: 'Montserrat',sans-serif;}
:-moz-placeholder {color: #91a1a1; font-style: italic; text-transform: uppercase; font-weight:700; font-size:12px;font-family: 'Montserrat',sans-serif;}

#inputLoadInIframe::-webkit-input-placeholder {color: #A1A8A8;}
#inputLoadInIframe::-moz-placeholder {color: #A1A8A8;}
#inputLoadInIframe:-ms-input-placeholder {color: #A1A8A8;}
#inputLoadInIframe:-moz-placeholder {color: #A1A8A8;}

.table-container{
    width: 100%;
    overflow-y: auto;
}

img{
    max-width:100%;
}
select{
    min-height: 35px;
}

.bulle{
    background:url('https://5septdirect.com/img/icon_background.svg');
    background-size: 100%;
    width:80px;
    height:80px;
    display:inline-block;
    position: relative;
    vertical-align: middle;
}
.bulle .icon{
    color:#ffffff;
    font-size:40px;
    position: absolute;
    margin: auto;
    width:40px;
    height:40px;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

#footer .bulle{
    width:40px;
    height:40px;
}
#footer .bulle .icon{
    font-size:20px;
    width:20px;
    height:20px;
}


/************** old navigateurs ******************/
#old_ie {
    background-color:#f04a31;
    padding:6px 0;
    font-size:11px;
}
#old_ie, #old_ie a { color:#fff; }
#old_ie ul, old_ie ul li { margin:0; list-style:none; }
#old_ie ul { text-align:center; }
#old_ie ul li { display:inline; }
#old_ie ul li a { display:inline-block; margin:0.5em 1em; }




/******* HEADER + FOOTER ********/

.linkedin,.twitter,.googleplus{
/*    z-index: 15;
*/    z-index: 4;
    position: absolute;
    top: 10px;
    margin: auto;
    width: 20px;
    height: 20px;
    font-size:21px;
}
.linkedin .fa,.twitter .fa,.googleplus .fa{
    color:#fff;
}
.linkedin{
    right: 20px;
}
.twitter{
    right: 50px;
}
.googleplus{
    right: 85px;
}
/* burger menu */
.picto-menu {
    position : relative;
    width : 40px;
    height : 2px;
    background : #ffffff;
    display : inline-block;
    transition: all 0.3s ease-in-out 0s;
}

.picto-menu:before, .picto-menu:after {
    background: #fff none repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 2px;
    left: 0;
    position: absolute;
    transform-origin: center center 0;
    -webkit-transform-origin: center center 0;
    transition: all 0.3s ease-in-out 0s;
    width: 40px;
}

.picto-menu:before {
    top: 11px;
}

.picto-menu:after {
    top: -11px;
}

.menuhidden .picto-menu:before {
    height: 2px;
    transform: rotate(45deg);
}
.menuhidden .picto-menu:after {
    height: 2px;
    transform: rotate(-45deg);
}
.menuhidden .picto-menu:before, .menuhidden .picto-menu:after {
    top: 0;
    transform-origin: 50% 50% 0;
}
.menuhidden .picto-menu {
    background: transparent none repeat scroll 0 0;
}


/* HEADER */

#logo{
    max-width:350px;
    margin-top:10px;
}
#header{
    background:url("https://5septdirect.com/img/background_header.png");
    background-repeat:repeat-x;
    height:150px;
    position:relative;
    z-index:10;
}
#header:not(.sticky) #primary_nav_wrap .commande_access{
    margin-bottom:4px;
}

#header.sticky #primary_nav_wrap {
    position : fixed;
    top : 0;
    left : 0;
    right:0;
    z-index:5;
    height:49px;
    background:url("https://5septdirect.com/img/background_header.png");
    margin-top:0;
    width:100%;
}
#logo_sticky{
    display:none;
}
#header.sticky #logo_sticky {
    width:170px;
    position:absolute;
    left:15px;
    top:7px;
    display:block;
    z-index:1;
}
#header.sticky .text-menu-access {
    display:none;
}
#header.sticky .social_links {
    display:none;
}
#header.sticky .commande_access {
    margin-bottom: 0;
    margin-top: 10px;
    margin-right: 7px;
    display: inline-block;
    padding: 9px;
    font-size: 11px;
}

#slogan{
    font-size:15px;
    font-weight:700;
    color:#ffffff;
    max-width:355px;
    margin:10px auto;
    text-align:left;
    display: none;
}
#primary_nav_wrap
{
    margin-top:15px;
    position:absolute;
    right: 25px;
    bottom: 15px;
    width:calc(100% - 25px);
}
#devis-en-ligne{
    position:relative;
}
#devis-en-ligne-tooltip{
    font-size:11px;
    position:absolute;
    bottom:-35px;
    background:#56c1ff;
    font-weight:400;
    padding:3px;
    left:0;
    right:0;
    margin:auto;
    color:#fff;
    opacity:0;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#devis-en-ligne-tooltip:before{
    position:absolute;
    content:'';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #56c1ff transparent;
    left:0;
    right:0;
    top:-8px;
    margin:auto;
}
#devis-en-ligne:hover #devis-en-ligne-tooltip{
    opacity:1;
}
#header.sticky #devis-en-ligne-tooltip {
    bottom: -60px;
}
#primary_nav_wrap ul
{
    list-style:none;
    position:relative;
    float:left;
    margin:0;
    padding:0;
    display:none;
}

#primary_nav_wrap ul a
{
    display:block;
    color:#ffffff;
    text-decoration:none;
    font-size:15px;
    line-height:32px;
    padding:0 20px;
    font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif
}

#primary_nav_wrap ul li
{
    position:relative;
    float:left;
    margin:0;
    padding:13px 0;
    transition: all 0.3s ease;
}
#header.sticky #primary_nav_wrap ul li
{
    padding:10px 0;
}
#primary_nav_wrap ul li.dropdown:after
{
    content:'\e93b';
    position:absolute;
    font-family:'kfont';
    color:#ffffff;
    right:5px;
    bottom:20px;
    font-size:10px;
    font-weight:700;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
#primary_nav_wrap ul li a .icon
{
    font-size:25px;
}

#primary_nav_wrap ul li.current
{
    border-bottom:4px solid #ffffff;
}

#primary_nav_wrap ul li:hover
{
    background:#ffffff;
    color:#56c1ff;
}

#primary_nav_wrap ul li.dropdown:hover:after{
    color:#56c1ff;
}

#primary_nav_wrap ul li:hover>a
{
    color: #56c1ff;
}

#primary_nav_wrap ul ul
{
    position:absolute;
    top:100%;
    left:0;
    background: #56c1ff;
    padding:0;
}

#primary_nav_wrap ul ul li
{
    float:none;
    width:200px;
    color:#ffffff;
}

#primary_nav_wrap ul ul li a
{
    color:#ffffff;
}

#primary_nav_wrap ul ul ul
{
    top:0;
    left:100%
}

#primary_nav_wrap ul li > ul
{
    visibility: hidden; /* hides sub-menu */
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    transform: translateY(-1em);
    transition: all 0.3s ease-in-out;
}
#primary_nav_wrap ul li:hover > ul
{
    /*display:block*/
    visibility: visible; /* shows sub-menu */
    opacity: 1;
    transform: translateY(0em);
    transition-delay: 0s, 0s, 0.3s;
}

#menu_launcher{
    position:absolute;
    left:25px;
    width: 40px;
    height: 40px;
    top:0;
    bottom:0;
    margin:auto;
    color:#ffffff;
    font-size:20px;
}
#espaceClientInt .commande_access .fa{
    font-size:15px;
}
.commande_access{
    padding:10px 15px;
    border-radius:20px;
    background:#feca1c;
    color:#ffffff;
    text-transform: uppercase;
    display:inline-block;
    margin-bottom:10px;
    border: 2px solid #feca1c;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    cursor:pointer;
    font-weight:700;
    outline:none;
}
.commande_access.green{
    background:#87bb71;
    color:#ffffff;
    border: 2px solid #87bb71;
}
.commande_access.blue{
    background: #56c1ff;
    color: #ffffff;
    border-color: #ffffff;
}
.commande_access.blue:hover{
    background:#ffffff;
    color:#56c1ff;
    border-color: #56c1ff;
}
.commande_access.orange{
    background: #FFA500;
    color: #ffffff;
    border-color: #FFA500;
}
.commande_access.orange:hover{
    background:#ffffff;
    color:#FFA500;
    border-color: #FFA500;
}
#espaceClientInt table .commande_access{
    padding:9px 14px;
    border-width:1px;
    margin-bottom:5px;
    font-size:8px;
}
.commande_access.green:hover,
.commande_access.green:focus{
    background: transparent;
    color:#87bb71;
}
#check-step-1 .icon {
    display : inline-block;
    transform : rotate(180deg);
}
.step_button_container {
    text-align : right;
}

#check-step-1,
#btn-validate-step-2,
#btn-validate-step-3 {
    display : inline-block;
    text-align : center;
}

.commande_access:hover,
.commande_access:focus{
    background:#ffffff;
    color:#feca1c;
}
.social_links a{
    color:#ffffff;
    font-size:15px;
    margin:0 5px;
    transition: color 0.3s ease-in-out;
}
.social_links a:hover{
    color:#feca1c;
}

#recap_option {
    width : 100%;
    margin-bottom : 20px;
}

#recap_option .recap_header {
    background : #EAEAEA;
    min-height : 48px;
    line-height : 48px;
    color : #000000;
}

#recap_option .recap_header .amount_block {
    float : left;
    text-align : left;
    padding-left : 10px;
}

#recap_option .recap_header .amount_block .highlight {
    font-size : 18px;
    color : #0083ba;
}

#recap_option .recap_header .recap_block {
    position : static;
    overflow : hidden;
    text-align : right;
    padding-right : 10px;
    text-transform : uppercase;
    font-size : 15px;
}

#recap_option .recap_header .recap_block .more_block {
    width : 30px;
    height : 30px;
    line-height : 30px;
    text-align : center;
    border : 2px solid #000000;
    margin-left : 10px;
    cursor : pointer;
}

#recap_option  .recap_content {
    width : calc(100% - 44px)!important;
    border : 2px solid #EAEAEA;
    padding : 20px!important;
}

#recap_option  .recap_content .recap_line {
    line-height : 20px;
    text-align : left;
}

#recap_option  .recap_content .recap_line .label {
    display : inline-block;
    width : 200px;
}

.delivery_block h4 {
    width : 50%;
    float : left;
    margin : 0;
    line-height : 34px;
    height : 37px;
    border : 2px solid #D9EDF7;
    padding : 0 10px;
    box-sizing : border-box;
}

.delivery_block #estimated_date {
    width : 50%;
    float : left;
}

.delivery_block #estimated_date .info {
    margin : 0;
    padding : 0 10px;
    height : 37px;
    line-height : 36px;
}

#tools-adresses {
    text-align : left;
}

.button.btn4 {
    background : #E88869;
    color : #ffffff;
    padding : 5px 10px;
    font-size : 11px;
}

.button.btn5 {
    background : #87BB71;
    color : #ffffff;
    padding : 5px 10px;
    font-size : 11px;
}

/* FOOTER */
#footer{
    position:relative;
    background:#f4f4f4;
    padding-top:35px;
}
#footer .title_footer{
    height:35px;
    text-transform:uppercase;
    line-height:35px;
    font-size:18px;
    font-weight:700;
    color:#2e4e4e;
}
#footer .title_footer .icon{
    font-size:14px;
    color:#56c1ff;
}
#footer .title_footer img{
    max-width:200px;
}
.email_newsletter input[type="email"]{
    padding:10px 20px;
    border-radius:20px;
    border:1px solid #56c1ff;
    width:80%;
    outline:none;
}
.submit_newsletter{
    padding:10px 20px;
    border-radius:20px;
    border:none;
    width:100%;
    outline:none;
    background:#56c1ff;
    border : 1px solid #56c1ff;
    color:#ffffff;
    -webkit-appearance: none;
    cursor:pointer;
    
    transition : all 0.2s ease-in-out;
    -ms-transition : all 0.2s ease-in-out;
    -webkit-transition : all 0.2s ease-in-out;
}
.submit_newsletter:hover {
    background: transparent;
    color:#56c1ff;
}
.text_newsletter{
    min-height:40px;
}
.text_autre_demande{
    font-size:36px;
    font-weight:100;
    padding-top:1em;
    padding-bottom:1em;
    font-family: 'Raleway', sans-serif;
}
.footer_menu li{
    text-transform: uppercase;
    font-size:12px;
    margin:7px 0;
    font-weight:700;
}
.footer_menu li a{
    color:#2e4e4e;
}
.footer_menu li a:hover{
    color:#56c1ff;
}
.text_footer{
    text-transform: uppercase;
    font-size:12px;
    font-weight:700;
    color:#2e4e4e;
    line-height:1.5;
    text-align: left;
}
.ssl{
    color:#5b6666;
    font-size:12px;
    font-weight:700;
    text-align:left;
    margin-top:20px;
}



/***** popin navigation *****/

#kpop_contain { font-size:16px; }
#kpop_contain h2,
#kpop_contain .stitre { font-size:22px; letter-spacing:normal; color: #56c1ff; }

*::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.speed,
.gallery li,
.gallery-fiche li {
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.7s;
  -moz-transition: -moz-transform 0.7s;
  transition: transform 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
  -moz-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
  transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
}

.cd-main {
  background-color: #fff;/**/
  z-index: 21;
  -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: transform 0.7s;
  -moz-transition: -moz-transform 0.7s;
  transition: transform 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
  -moz-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
  transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
  
  /*
  box-sizing : border-box;
  min-height: calc(100% - 6rem);
  padding-bottom: 6rem;
  position: relative;
  */
}

.navigation-is-open .cd-main {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  
  overflow-y: auto; /* enleve le scroll */
}

.cd-nav {
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.7s;
  -moz-transition: visibility 0s 0.7s;
  transition: visibility 0s 0.7s;
}
#kpop_contain { margin-bottom:20px; }

#kpop_contain img.fullimg { max-height : 80vh; }
#kpop_contain img.fullimg { max-height : calc(100vh - 25vh); }

.cd-nav .cd-navigation-wrapper {
  background-color:#f3f3f3;
  text-align:left;
  /* all navigation content */
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 40px 5% 40px 5%; /* calc(5% + 80px) */
  box-sizing:border-box;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: -webkit-transform 0.7s;
  -moz-transition: -moz-transform 0.7s;
  transition: transform 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
  -moz-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
  transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
}
.navigation-is-open .cd-nav {
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  -moz-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
}
.navigation-is-open .cd-nav .cd-navigation-wrapper {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
  -moz-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
  transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
}



/* picto */

.cd-nav-trigger {
  display:inline-block;
  margin-bottom:2em;
  /*position: fixed;
  left: 5%;
  top: 50px;*/
  cursor:pointer;
  z-index: 50;
  height: 54px;
  width: 54px;
  background-color: #1e1e1e;
  border-radius: 50%;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: -webkit-transform 0.5s, background-color .2s ease-in;
  -moz-transition: -moz-transform 0.5s, background-color .2s ease-in;
  transition: transform 0.5s, background-color .2s ease-in;
}
.cd-nav-trigger:hover,
.cd-nav-trigger:focus {
  background-color: #56c1ff;
}
.cd-nav-trigger .cd-nav-icon {
  /* icon created in CSS */
  /* Hamburger */
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 22px;
  height: 2px;
  background-color: #ffffff;
}
.cd-nav-trigger .cd-nav-icon::before,
.cd-nav-trigger .cd-nav-icon:after {
  /* Hamburger */
  /* upper and lower lines of the menu icon */
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background-color: inherit;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.5s, width 0.5s, top 0.3s;
  -moz-transition: -moz-transform 0.5s, width 0.5s, top 0.3s;
  transition: transform 0.5s, width 0.5s, top 0.3s;
  /* Fl?che */
  width: 50%;
}
.cd-nav-trigger .cd-nav-icon::before {
  /* Hamburger */
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  transform: translateY(-6px);
  /* Fl?che */
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-nav-trigger .cd-nav-icon::after {
  /* Hamburger */
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: translateY(6px);
  -moz-transform: translateY(6px);
  -ms-transform: translateY(6px);
  -o-transform: translateY(6px);
  transform: translateY(6px);
  
  /* Fl?che */
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/*.no-touch .cd-nav-trigger:hover .cd-nav-icon::after,
.no-touch .cd-nav-trigger:focus .cd-nav-icon::after,
.no-touch .cd-nav-trigger:hover .cd-nav-icon::before,
.no-touch .cd-nav-trigger:focus .cd-nav-icon::before {
   Fl?che 
   width: 60%;
}*/

.no-touch .cd-nav-trigger:hover .cd-nav-icon::after {
  /* Hamburger */
  /*top: 2px;*/
}
.no-touch .cd-nav-trigger:hover .cd-nav-icon::before {
  /* Hamburger */
  /*top: -2px;*/
}
.cd-nav-trigger svg {
  position: absolute;
  top: 0;
  left: 0;
}
/*
.cd-nav-trigger circle {
   circle border animation 
  -webkit-transition: stroke-dashoffset 0.4s 0s;
  -moz-transition: stroke-dashoffset 0.4s 0s;
  transition: stroke-dashoffset 0.4s 0s;
}*/
.navigation-is-open .cd-nav-trigger {
  /* rotate trigger when navigation becomes visible */
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after,
.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
  /* animate arrow --> from hamburger to arrow */
  width: 50%;
  -webkit-transition: -webkit-transform 0.5s, width 0.5s;
  -moz-transition: -moz-transform 0.5s, width 0.5s;
  transition: transform 0.5s, width 0.5s;
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::after, .no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::before {
  top: 0;
}

/* no-js */

.no-js main {
  height: auto;
  overflow: visible;
}

.no-js .cd-nav {
  position: static;
  visibility: visible;
}
.no-js .cd-nav .cd-navigation-wrapper {
  height: auto;
  overflow: visible;
  padding: 100px 5%;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

/* partenaire */
.contain_partners { position:relative; }
.link_detail {
    position:absolute;
    z-index:1;
    right:10px;
    bottom:5px;
    color: #fff;
    background-color: #56c1ff;
    border: 1px solid #56c1ff;
    border-radius:3px;
    text-align:center;
    font-size:16px;
    line-height:17px;
    width:16px;
    height:16px;
}
.link_detail:hover,
.link_detail:focus {
    color: #56c1ff;
    border: 1px solid #56c1ff;
    background-color: #fff;
}

/*****************************/
.blocs_a_propos_content {
    position:relative;
    min-height:60px;
}
.ancre_to_propos{
    display:block;
    max-width:110px;
    text-transform:uppercase;
    color:#56c1ff;
    font-family:'Raleway',sans-serif;
    position: absolute;
    left:50%;
    margin-left:-50px;
    bottom:0px;
    font-size:15px;
}
.ancre_to_propos:before{
    content:'\e99b';
    font-family:'kfont',sans-serif;
    font-size:55px;
    position:absolute;
    left:-50px;
}

ul.checkboxlist  { 
    width: 100%;
}

ul.checkboxlist li { 
    float: left;
    width: 25%;
}

input[type="radio"],input[type="checkbox"]{
    display:none;
    opacity: 0;
    width: 0;
    height: 1px;
    /*display: inline;*/
}
input[type="radio"] + label:before, input[type="checkbox"] + label:before{
    content:'';
    display:inline-block;
    width:10px;
    height:10px;
    border:1px solid #56c1ff;
    margin:0 10px;
    line-height:10px;
    color:#333333;
    text-align:center;
    font-family: 'kfont';
    font-size:15px;
    font-weight:700;
}
input[type="checkbox"]#auto_save + label:before{
    color:#ffffff;
    font-size:13px;
}

.div_contain_shape{
    display:inline-block;
    margin:0 5px;
    vertical-align: middle;
    position:relative;
}
.div_contain_shape .default_value{
    position:absolute;
    left:5px;
    top:5px;
}
.div_contain_shape label .default_value{
    position: static;
}
.default_value{
    font-size:20px;
    color:#56c1ff;
}

/* Labels personnalis?s du calculateur after img */
#shape_choice input[type="radio"]:not(:checked) + label:hover,
#sortie_choice input[type="radio"]:not(:checked) + label:hover,
#enroulement_choice input[type="radio"]:not(:checked) + label:hover
{
    border:2px solid rgba(86, 193, 255, 0.5);
}
#shape_choice input[type="radio"]:checked + label,
#sortie_choice input[type="radio"]:checked + label,
#enroulement_choice input[type="radio"]:checked + label
{
    border:2px solid #e3e1df;
    color:#000000;
}
#shape_choice input[type="radio"] + label,
#sortie_choice input[type="radio"] + label,
#enroulement_choice input[type="radio"] + label,
#mes-silhouettes input[type="radio"] + label
{
    color:#909090;
    position:relative;
    height: 145px;
    width: 60px;
    display: block;
    border:2px solid transparent;
    cursor:pointer;
}
#shape_choice input[type="radio"] + label>span,
#sortie_choice input[type="radio"] + label>span,
#enroulement_choice input[type="radio"] + label>span,
#mes-silhouettes input[type="radio"] + label>span
{
    display:block;
    position:absolute;
    bottom:25px;
    left:0;
    right:0;
    margin:auto;
    text-align: center;
}
#shape_choice input[type="radio"] + label:before,
#sortie_choice input[type="radio"] + label:before,
#enroulement_choice input[type="radio"] + label:before,
#mes-silhouettes input[type="radio"] + label:before
{
    position: absolute;
    bottom:5px;
    left:0;
    right:0;
    margin:0 auto;
}
#shape_choice input[type="radio"] + label:after,
#sortie_choice input[type="radio"] + label:after,
#enroulement_choice input[type="radio"] + label:after
{
    content:'';
    display:block;
    position: absolute;
    top:5px;
    left:0;
    right:0;
    margin:0 auto;
    width: 60px;
    height: 90px;
    background-size: 100%;
    background-repeat: no-repeat;
}

#label_shape_1:after{background-image:url('https://5septdirect.com/img/form_rectangle.png');}
#label_shape_2:after{background-image:url('https://5septdirect.com/img/forme_cercle.png');}
#label_shape_3:after{background-image:url('https://5septdirect.com/img/forme_silhouette.png');}
#label_shape_4:after{background-image:url('https://5septdirect.com/img/form_ovale.png');}
#label_enroulement_interieur:after{background-image:url('https://5septdirect.com/img/autre/enroulement_interieur.png');}
#label_enroulement_exterieur:after {background-image:url('https://5septdirect.com/img/autre/enroulement_exterieur.png');}
#label_gauche_avant:after{background-image:url('https://5septdirect.com/img/autre/gauche_avant.png');}
#label_droite_avant:after{background-image:url('https://5septdirect.com/img/autre/droite_avant.png');}
#label_pied_avant:after{background-image:url('https://5septdirect.com/img/autre/pied_avant.png');}
#label_tete_avant:after{background-image:url('https://5septdirect.com/img/autre/tete_avant.png');}
#label_sens_selon_dimensions:after{background-image:url('https://5septdirect.com/img/autre/selon_dimensions.png');}

/* Les images en mode rouleau interieur */
.interieur #label_shape_1:after{background-image:url('https://5septdirect.com/img/autre/interieur/rectangle.png');}
.interieur #label_shape_2:after{background-image:url('https://5septdirect.com/img/autre/interieur/cercle.png');}
.interieur #label_shape_3:after{background-image:url('https://5septdirect.com/img/autre/interieur/silhouette.png');}
.interieur #label_shape_4:after{background-image:url('https://5septdirect.com/img/autre/interieur/ovale.png');}

.interieur #label_gauche_avant:after{background-image:url('https://5septdirect.com/img/autre/interieur/gauche_avant.png');}
.interieur #label_droite_avant:after{background-image:url('https://5septdirect.com/img/autre/interieur/droite_avant.png');}
.interieur #label_pied_avant:after{background-image:url('https://5septdirect.com/img/autre/interieur/pied_avant.png');}
.interieur #label_tete_avant:after{background-image:url('https://5septdirect.com/img/autre/interieur/tete_avant.png');}


input[type="radio"]:checked + label:before,input[type="checkbox"]:checked + label:before{
    content:"\e9bd";
}
.logo.background_losange { background-position:right bottom;}
.background_losange{
    background:url("https://5septdirect.com/img/background.png");
    background-size:cover;
}
.grey_color{
    color:#646464;
    font-family:Lato bold;
}
span.upper{
    font-size:1.5em;
    font-family: Lato bold;
}
.floatl{
    float:left;
    width:47%;
    box-sizing:border-box;
}
.floatr{
    float:right;
    width:47%;
    box-sizing:border-box;
}
.logo{
    text-align:center;
    padding:40px 0;
}
.italic{
    font-size:2em;
    font-style: italic;
	font-weight:normal;
}
.presentation{
    padding:40px 0;
    text-align: center;
    background: #f3f3f3;
}
.bandeau{
    height:250px;
    background-size:cover;
    position:relative;
    padding:25px 0;
}
.bandeau img.produit{
    position:absolute;
    top: -35px;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
}
.order a, .create a{
    width:300px;
    height:39px;
    padding:15px 5px;
    border: 2px solid #687ca1;
    text-align: center;
    line-height:39px;
	display:block;
}
.order a:hover, .create a:hover{
	border:2px solid #de5529; 
}
.bloc_order{
    float:left;
    margin-left:10%;
    margin-top:50px;
}
.bloc_create{
    float:right;
    margin-right:10%;
    margin-top:50px;
}
.order{
    background-color:#ffffff;
    cursor: pointer;
}
.create{
    background-color:#ffffff;
    font-family: Lato bold;
    text-transform: uppercase;
    color:#687ca1;
    font-size:18px;
    cursor:pointer;
    text-decoration:none;
}
.create a{
    color: inherit;
    text-decoration: none;
}
.title_order, .title_create{
    width:300px;
    text-align: center;
    color:#ffffff;
    font-family: Lato bold;
    font-size:18px;
    margin-bottom:20px;
}
.clear{
    clear:both;
}
.pictos{
    background: #f3f3f3;
}
.pictos_container{
    width:80%;
    margin:0 auto;
    padding:80px 0 60px 0;
}
.picto1, .picto2, .picto3{
    float:left;
    width:200px;
    width: 33.33%;
    text-align:center;
}
.picto1 img, .picto2 img, .picto3 img{
    max-width:200px;
}
.title_picto{
    font-family:Lato bold;
    padding:15px 0;
}
.docs{
    background: #CCC;
}
.docs_container{
    width:314px;
    margin:0 auto;
    padding:20px 0 60px 0;
    text-align:center;
}
.title_input { background:#feca1c; padding:5px; display:inline-block;}
/*.title_input { background:#576a99; padding:5px; display:inline-block;}*/
/* Creer un compte */
.create_account{
    padding-top:45px;
    padding-bottom:90px;
    position: relative;
}
.create_account_container{
    width:70%;
    margin:0 auto;
}
.create_title{
    color:#ffffff;
    text-align:center;
    font-size:3em;
}
#adresse{
    width:100%;
}
.title_input{
    margin:20px 0 5px 0;
    color:#ffffff;
}
.cgv{
    margin-top:25px;
    display: inline-block;
}
.link_cgv{
    color:#FFF;
    background-color:rgba(222, 85, 41, 0.7);
    padding:3px 6px;
    text-decoration:none;
}
.send{
    width:250px;
    border:0;
    background-color:#de5529;
    color:#ffffff;
    padding:10px 0;
    font-size:1.6em;
    margin:20px auto;
    cursor:pointer;
    display:block;
	border-radius:20px;
	transition:all 0.3s ease-in-out; 	
}
.send:hover,
.send:focus {
    opacity:0.8;	
}
.little_info{
    font-size: 11px;
    padding-left: 10px;
    color: #56c1ff;
}

#fancybox-content{
    height: auto !important;
    overflow-y: auto !important;
    padding:20px 0 !important;
    text-align : left;
}
#fancybox-content>div{
    overflow: hidden !important;
}

.fancybox-inner {
    overflow-x: hidden !important;
}

.fancybox-inner ul, .bribe ul{
    list-style: disc;
    margin-left:30px;
    margin-top:20px;
}

.fancybox-inner p, .bribe p{
    margin-top:12px;
    margin-bottom:12px;
    line-height:1.2;
}

.bribe em{
    font-style: italic;
}

.bribe a.commande_access{
    display:inline-block;
    padding:5px;
}

/**** 4 BLOCS A PROPOS AVEC PICTO ****/
.blocs_a_propos{
    max-width:900px;
    margin:0 auto;
}
.bloc_a_propos{
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding:25px 0;
    position:relative;
    z-index:2;
    background:#ffffff;
    cursor:pointer;
}
.bloc_a_propos .icon{
    font-size:45px;
}
.icon.icon-iso:before {
    display : inline-block;
    transform : scale(1.8);
}
.bloc_a_propos:hover{
    color:#56c1ff;
}
.bloc_a_propos.active{
    color:#ffffff;
    background:#56c1ff;
}
.bloc_a_propos .angle_presentation{
    position:absolute;
    bottom:-19px;
    width: 0px;
    height: 0px;
    border-bottom: 19px solid transparent;
    border-right: 19px solid #56c1ff;
    right:110px;
    z-index:-1;
    opacity:0;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.bloc_a_propos:nth-child(3) .angle_presentation,.bloc_a_propos:nth-child(4) .angle_presentation{
    border-left: 19px solid #56c1ff;
    border-right:none;
}
.bloc_a_propos.active .angle_presentation{
    opacity:1;
}

.propos_underline,
.three_icons_underline{
    height:1px;
    width:60%;
    margin:0 auto;
    background-color:#d4d8da;
    position:relative;
}
.propos_underline .icon{
    position:absolute;
    width:70px;
    height:40px;
    background:#ffffff;
    font-size:30px;
    margin:auto;
    top:0;
    bottom:0;
    left:0;
    right:0;
    color:#d4d8da;
}
.three_icons_underline{
    margin:150px auto 200px auto;
    background-color:#b4c8ff;
}
.bulle_container{
    position: absolute;
    bottom: -159px;
    width: 150px;
    height: 200px;
}
.bulle_container a {
    color:#2e4e4e;
}
.bulle_container h3{
    margin:10px 0;
}
.three_icons_underline .bulle_container:nth-child(1){
    left: 15%;
}
.three_icons_underline .bulle_container:nth-child(2){
    left:0;
    right:0;
    margin:0 auto;
}
.three_icons_underline .bulle_container:nth-child(3){
    right:15%;
}
.description_a_propos{
    width:85%;
    margin:0 auto;
    font-size: 14px;
    line-height: 30px;
}

.a_propos{
    display:none;
}
.a_propos.active{
    display:block;
}

.bloc_citation{
    background:#56c1ff;
    color:#ffffff;
    padding: 30px 0;
}
.bloc_citation .citation{
    font-size:35px;
    font-family: 'Raleway', sans-serif;
    font-weight:700;
    margin:45px 0;
}
.citation_description{
    line-height:30px;
    text-align:justify;
    font-size:13px;
}
.signature_citation{
    /*font-style: ;*/
}
.title_citation{
    font-size:27px;
    color:#ffffff;
    font-family: 'Raleway', sans-serif;
    font-weight:100;
}


/* Bloc présentation configurateur */
.presentation_configurateur {
    background-color: #FFA500;
    color:#fff;
    min-height:160px;
    padding-bottom:10px;
    font-size: 16px;
}
.presentation_configurateur,
.presentation_configurateur h1,
.presentation_configurateur h2,
.presentation_configurateur h3 { color:#fff; }
.cta_configurateur,
.txt_configurateur { line-height:230px; }
.txt_configurateur li { margin:0.3em auto; }
.txt_configurateur li > .icon {
    display: inline-block;
    margin-right:0.3em;
    vertical-align: middle;
    text-align: center;
    font-size:24px;
    border:1px solid #fff;
    background-color: #fff;
    color:#FFA500;
    border-radius:50%;
    width:35px;
    height:35px;
    line-height: 35px;
}



/* BLOCS POUR QUI / POURQUOI / COMMENT ? */
#pourqui_bloc,#comment_bloc, #pourquoi_bloc{}
#comment_bloc{background: url('https://5septdirect.com/data/fm/image_1.jpg');background-size: cover;}
#pourqui_bloc{background: url('https://5septdirect.com/data/fm/image_2.jpg');background-size: cover;}
#pourquoi_bloc{background: url('https://5septdirect.com/data/fm/image_3.jpg');background-size: cover;}

.comment_big_title{
    font-size:30px;
    font-family:'Raleway',sans-serif;
    color:#bcbcbc;
    text-transform:uppercase;
    text-align:left;
    font-weight: 700;
}
.comment_etape_title{
    font-size:18px;
    color:#56c1ff;
    font-family:'Raleway',sans-serif;
    margin-top:20px;
    margin-bottom:10px;
    text-transform:uppercase;
    font-weight: 700;
}

.comment_text{
    font-family:'Raleway',sans-serif;
    color:#c0c0c0;
    text-transform:uppercase;
    font-size:14px;
}


.text_over_background{
    padding-top: 23%;
    padding-bottom: 21%;
    font-size: 4.5em;
    color: #ffffff;
    font-family: 'Raleway',sans-serif;
}

/*.pour_qui_title{
    font-size:3.2em;
    color:#ffffff;
    font-family: 'Raleway', sans-serif;
}


.pour_qui_title.blue{
    color:#56c1ff;
    margin-bottom:20px;
}*/

.bloc_pourqui h2, .bloc_pourquoi h2{
    color:#56c1ff;
    margin-bottom:20px;
    font-size:2.3em;
    font-family: 'Raleway', sans-serif;
}

.bloc_pourqui h2{
    color:#ffffff;
}

.bloc_pourqui p, .bloc_pourquoi p{
    line-height:1.6;
}

.pour_qui_container{
    max-width:570px;
    margin:0 auto;
}

.pour_qui_container .icon{
    font-size:7em;
    color:#56c1ff;
    text-align:center;
    margin-bottom:30px;
}

.pour_qui_logo{
    display:inline-block;
    max-width:150px;
    margin:15px;
}

.pour_qui_link{
    width:170px;
    box-sizing:border-box;
    border-radius:20px;
    text-transform:uppercase;
    display:inline-block;
    text-align:center;
    color:#feca1c;
    border:1px solid #feca1c;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-size:12px;
    padding:15px 0;
    margin:8px;
}

.pour_qui_link:hover{
    background:#feca1c;
    color:#000000;
}

/***********************/

/*** BLOC FAQ HOME *****/
#faq_bloc_home{
    background:url('https://5septdirect.com/img/bg_faq.png');
    background-position: right 2% top 105px;
    background-repeat: no-repeat;
}
.faq_blocs{
    max-width:960px;
    margin: 4em auto;
}
.faq_bloc{
    width:290px;
    box-sizing:border-box;
    border:1px solid #d4d8da;
    padding:10px 13px;
    height:167px;
    margin:0 15px;
    float:left;
    text-align:left;
    background: #ffffff;
}
.faq_bloc_answer{
    /*font-family: 'Crimson Text', sans-serif;*/
    font-size:11px;
	line-height:14px;
    margin-bottom:10px;
}
.faq_bloc_answer img{
    display:none;
}
.faq_tags{
    font-size:12px;
    text-transform:uppercase;
    color:#56c1ff;
}
/**********************/


/* PAGE FAQ */

.title_header_faq{
    font-size:4.5em;
    color:#56c1ff;
    font-weight:300;
    font-family:'Helvetica', sans-serif;
    text-transform: capitalize;
    text-align:left;
    margin-bottom: 15px;
}
.title_header_faq .icon{
    color:#ffffff;
}
.description_header_faq{
    font-size:1.5em;
    font-family:'Crimson Text', sans-serif;
    line-height: 25px;
    text-align:left;
}
.faq_auto_complete_container{
    position:relative;
}
.search_button_faq{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    margin:auto;
    display:block;
    width:125px;
}
.search_button_faq>button{
    height:100%;
    width:100%;
    background:#56c1ff;
    color:#ffffff;
    border-radius:25px;
    border:none;
    outline:none;
    cursor:pointer;
    font-size:25px;
}
#faq_autocomplete{
    display:block;
    width:88%;
    margin-left:12%;
    border:1px solid #56c1ff;
    padding:15px 0;
    box-sizing:border-box;
    padding-left:60px;
    border-radius:25px;
    outline:none;
}
.title_faq_category{
    font-size:22px;
}
.categories_faq{
    position:relative;
}
.category_faq{padding-top:50px;cursor:pointer;}
.category_faq h2{color:#e3e1df;}
.category_faq img{-webkit-filter: grayscale(85%);filter: grayscale(85%);}

.category_faq.active h2{color:#565b55}
.category_faq.active .ui-accordion .ui-accordion-header{color:#56c1ff;}
.category_faq.active img, .category_faq:hover img{-webkit-filter: grayscale(0%);filter: grayscale(0%);}
.faq_question.active .bubble_question, .faq_question:hover .bubble_question{background:#56c1ff;}
.faq_question.active .bubble_question:before,.faq_question:hover .bubble_question:before {border-left: 15px solid #56c1ff;}

.faq_question{padding-top: 30px;}

.header_faq{position:relative; overflow: hidden;}
.header_faq img{width:100%;}
.header_faq .container_txt_slider{top:15%;}

.bubble_question{
    width: 40px;
    height: 40px;
    position:relative;
    background:#e3e1df;
    border-radius:50%;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin:0 auto;
    z-index:1;
}
.bubble_question:before{
    content: "";
    border-left: 15px solid #e3e1df;
    position: absolute;
    bottom: -8px;
    left: 8px;
    width: 0px;
    height: 0px;
    border-bottom: 15px solid transparent;
    transform: rotate(20deg);
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.bubble_question:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 16px;
    height: 32px;
    background-image:url('https://5septdirect.com/img/point-interog.svg');
    background-size:cover;
    font-size: 25px;
    color: #ffffff;
}
.vertical_trait{
    position: absolute;
    content: '';
    z-index: 0;
    height: 100%;
    width: 2px;
    background: #e3e1df;
    left: 38.5%;
    top: 0;
}
.faq_questions{
    display:none;
}
.faq_questions.active{
    display:block;
}
/*****************/

/***** Slider home ****/
.container_txt_slider{
    max-width:725px;
    position:absolute;
    top:25%;
    left:5%;
}
.bxslider .slider_txt,
.bxslider .slider_description,
.bxslider .button2 {
    opacity:0;
    transition:all 0.5s ease-in-out;
}
.bxslider .slider_txt.animate,
.bxslider .slider_description.animate,
.bxslider .button2.animate {
    opacity:1;
}
.bxslider .slider_txt.animate,
.noslideshow .slider_txt.animate {
    opacity:1;
    margin-left:0;
}
.bxslider .slider_txt,
.bxslider .slider_description,
.noslideshow .slider_txt,
.noslideshow .slider_description {
    color:#2e4e4e;
}
.bxslider .slider_description,
.noslideshow .slider_description {
    font-family: 'Crimson Text',sans-serif;
    font-size:1.6em;
    line-height:1.5;
}

/**** References *****/

.bx-wrapper .bx-viewport {
    -moz-box-shadow:none !important;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    border:0 !important;
    background: none !important;
    left : 0!important;
}
.bx-wrapper .bx-viewport li {
    min-height:150px;
}


.bx-wrapper .bx-controls-direction a{
    width:32px;
    height:32px;
}

.bx-wrapper .bx-next:after {
    content: "\e93b";
    transform: rotate(180deg);
}
.bx-wrapper .bx-prev:before {
    content: "\e93b";
}
.bx-wrapper .bx-prev:before,.bx-wrapper .bx-next:after {
    font-family: 'kfont';
    position: absolute;
    top : 0;
    left : 0;
    font-size: 13px;
    text-indent: 1px;
    color: #56c1ff;
    border-radius:50%;
    border:2px solid #959698;
    padding:7px;
}

.refs_slider .bx-wrapper .bx-next,
.gallery_content .bx-wrapper .bx-next {
    right : -40px;
}
.refs_slider .bx-wrapper .bx-prev,
.gallery_content .bx-wrapper .bx-prev {
    left : -40px;
}

.home_slider .bx-wrapper .bx-prev {
    left: -35px;
}
.home_slider .bx-wrapper .bx-next {
    right: -35px;
}

.grid_builder_content .content.type-slider {
    margin-left : 30px;
    margin-right : 30px;
}

.grid_builder_content .content.type-slider {
    margin-left : 30px;
    margin-right : 30px;
}

.brand_slider {
    min-height : 80px;
}

.fancybox-inner .transition.title {
    font-size : 24px;
    color : #00B1EB;
}

.refSlider li,
.brand_slider li {
    width : 250px!important;
    margin-right : 25px!important;
}

.brand_slider li {
    cursor : pointer;
    position : relative;
}


.brand_slider li.have_content:after {
    opacity : 0;
    content:"\f055";
    display:block;
    position : absolute;
    top : 20px;
    left : 50%;
    margin-left : -20px;
    width : 40px;
    color : #ffffff;
    font:normal normal normal 14px/1 FontAwesome;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-size : 32px;
    
    transition : opacity 0.2s ease-in-out;
    -ms-transition : opacity 0.2s ease-in-out;
    -webkit-transition : opacity 0.2s ease-in-out;
}

.brand_slider li.have_content:before {
    content : '';
    opacity : 0;
    display : block;
    position : absolute;
    top : 0;
    left : 0;
    right : 0;
    bottom : 0;
    background : rgba(0,177,235, 0.5);
    
    transition : opacity 0.2s ease-in-out;
    -ms-transition : opacity 0.2s ease-in-out;
    -webkit-transition : opacity 0.2s ease-in-out;
}

.brand_slider li.have_content:hover:before,
.brand_slider li.have_content:hover:after {
    opacity : 1;
}

.brand_slider li img {
    display : block;
    max-height : 80px;
    margin : 0 auto;
    width : auto;
}

.brand_slider li .islide_content {
    display : none;
}

/* slider produit */

.product_slider .islide_content,
.islide_content {
    margin : 20px 0 10px 0;
    font-size : 14px;
}

.product_slider .title,
.islide_content .title {
    font-size : 18px;
    text-transform : uppercase;
    text-align : left;
}

.product_slider .desc {
    line-height : 18px;
}


/**** AVIS CLIENTS *****/

.avis_client{
    background:#252525;
    position:relative;
    min-height:270px;
    margin-top:140px;
    padding-bottom:10px;
}
.avis_client .container_avis_client{
    max-width:990px;
    padding-top:95px;
    margin:0 auto;
}
.portrait_client{
    width:160px;
    height:160px;
    overflow:hidden;
    border:2px solid #f5f5f5;
    border-radius:50%;
    position: absolute;
    top:-100px;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
}

.avis_client_title{
    font-size:30px;
    font-family:'Raleway',sans-serif;
    color:#56c1ff;
}
.avis_client_texte{
    font-family:'Crimson Text',sans-serif;
    font-size:18px;
    color:#ffffff;
    margin-top:25px;
    margin-bottom:25px;
}

.name_client,.prof_client{
    margin:20px 15px;
    text-transform:uppercase;
    font-size:18px;
}
.name_client{
    color:#4b92f0;
}
.prof_client{
    color:#b4c8ff;
}

/********************/

/**** CONTACT ******/
#map_container{
    height:740px;
}

/******* FAQ *******/

.ui-accordion{
    color:#56c1ff;
    text-align:left;
}

.ui-widget-content a {
    color: #56c1ff;
}

.subaccordion{
    margin-bottom:5px;
}

.ui-accordion .faq_answer{
    font-family:'Crimson Text',sans-serif;
    font-size:16px;
}

.ui-accordion .ui-accordion-header {
    font-size: 19px;
    background:transparent;
    border: none;
    color: #e3e1df;
    font-family: 'Montserrat', sans-serif;
    outline:none;
    text-align:left;
}
.ui-accordion .ui-accordion-header-active, .faq_question:hover .ui-accordion .ui-accordion-header,.ui-accordion .ui-accordion-header.ui-state-hover{
    /*background:rgba(86, 193, 255,0.8);*/
    color:#56c1ff;
}

.ui-accordion .ui-accordion-content {
    background:transparent;
    border:0;
    text-align:left;
    padding-left: 30px;
    padding-top: 5px;
}

.ui-accordion .ui-accordion-content img{
    width:auto;
    max-width:100%;
    height: auto;
}

.ui-accordion .ui-accordion-header:after {
    /*content: '\e93b';
    font-family: 'kfont';
    position: absolute;
    right: 10px;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    transform:rotate(180deg);*/
}
.ui-accordion .ui-accordion-header.ui-state-active:after{
    transform:rotate(270deg);
}
.ui-datepicker-prev span{
    background-image: url(https://5septdirect.com/img/back.svg) !important;
    background-position: 0px 0px !important;
}

.ui-datepicker-next span {
    background-image: url(https://5septdirect.com/img/next.svg) !important;
    background-position: 0px 0px !important;
}
/*******************/

/**
 IFRAME ACCORDION
 */

.liste_filtres .ui-accordion-content{
    height:auto !important;
}
.liste_filtres .ui-accordion-header-icon{
    display:none;
}
.liste_filtres .ui-accordion-header.ui-state-active:after{
    transform: rotate(90deg) !important;
}
.liste_filtres .ui-accordion-header.ui-state-active, .liste_filtres .ui-accordion-header.ui-state-active + ul.sub_menu{
    background:#ffffff;
}
.liste_filtres .ui-accordion-header + ul.sub_menu,
.liste_filtres .ui-accordion-header + ul.sub_menu li.has_sub_menu + ul{
    padding:0;
}
.liste_filtres .ui-accordion-header + ul.sub_menu > li{
    font-size:15px;
    color:#1b1b1b;
    border-bottom:1px solid #f4f4f4;
    padding-top:8px;
    padding-bottom:8px;
    padding-left:20px;
    padding-right: 65px;
    font-family: 'Open-Sans', sans-serif;
    position: relative;
}
.liste_filtres .ui-accordion-header + ul.sub_menu > li .number_filtres{
    background:#feca1c;
}
.liste_filtres .ui-accordion-header + ul.sub_menu li.active{
    background:#56c1ff;
    color:#fff;
}
.liste_filtres .ui-accordion-header + ul.sub_menu li.has_sub_menu.ui-accordion-header-active,
.liste_filtres .ui-accordion-header + ul.sub_menu li.has_sub_menu.ui-accordion-header-active + ul > div
{
    background:#8e9396;
    color:#fff;
}
.liste_filtres .ui-accordion-header + ul.sub_menu li.has_sub_menu + ul div li, #liste_documents li{
    padding:5px;
}
.liste_filtres .ui-accordion-header + ul.sub_menu li.has_sub_menu.ui-accordion-header-active + ul > div{
    padding:8px 20px;
}
.liste_filtres .ui-accordion-header, .liste_filtres .ui-accordion-header-active{
    color:#1b1b1b;
    border-radius: 0;
}
#html_editor .fancybox-title-float-wrap .child {
    background: none;
    color: #333;
    text-shadow: none;
    border-radius: 0;
}
#html_editor .fancybox-title-float-wrap{
    margin-bottom:-50px;
}
#banniere{
    background-image: url(https://5septdirect.com/img/banniere.jpg);
    background-size: contain;
    height: 120px;
    line-height: 120px;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    display:block;
}
button#loadInIframe{
    border: 0;
    background: #feca1c;
    color: #ffffff;
    padding: 10px;
    font-size: 17px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}
#inputLoadInIframe, .inputLoadInIframe{
    padding: 12px;
    border: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    width: 275px;
}
#inputLoadInIframe.errorInput{
    border:1px solid red;
    background:#FFBABA;
}
.connexion_popin
{
    box-sizing: border-box;
    width: 90%;
    padding: 0 50px;
    position: relative;
    margin: 0 auto;
}

.choix_metier_popin{
    background:#56c1ff;
}
.connexion_popin{
    font-family:"Open-Sanss",sans-serif;
    font-size:22px;
    background:#ffffff;
}
.rectangle_popin{
    padding: 0 50px;
    height: 25%;
}
.rectangle_popin p{
    font-family: "Open-Sanss",sans-serif;
    font-size: 17px;
    background: #ffffff;
    margin: 10px 0;
}
#popin_rappel .text_popin_rappel{
    margin-bottom: 40px;
}
#popin_rappel{
    font-family: "Open-Sanss",sans-serif;
    font-size: 22px;
    padding: 50px;
}
#popin_rappel a{
    max-width: 500px;
    margin: 0 auto;
}
/*.connexion_popin a,
#popin_rappel a.btn_popin{
    display:block;
    padding:15px 0;
    color:#ffffff;
    text-align: center;
    background:#56c1ff;
    border-radius: 0;
    border:1px solid transparent;
    margin-top:15px;
    text-transform: inherit;
}*/
label.small{
    font-size:13px;
}
a.small{font-size:11px;}
.formulaire .button1.small{
    max-width:140px;
    font-size:11px;
}
.connexion_popin a:hover,
.connexion_popin a:focus,
#popin_rappel a:hover,
#popin_rappel a:focus{
    background:#ffffff;
    border-color:#56c1ff;
    color:#56c1ff;
}
.close_popin{
    position: absolute;
    top: 5px;
    right: 5px;
}
.close_popin .fa-times-circle{
    font-size: 30px;
}
.close_popin:hover{
    opacity: 0.8;
}
.abs_center{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    width:80%;
    height:135px;
    max-width:365px;
}

.choix_metier_popin select{
    display:block;
    width: 100%;
    height:60px;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    -moz-appearance: none;
    appearance: none;
    background: url(https://5septdirect.com/img/down-arrow.svg) no-repeat 95% 50% #fff;
    background-size: 35px 35px;
    padding-left:22px;
    font-size:30px;
    font-style: italic;
    color:#56c1ff;
    font-family:'Open Sans', sans-serif;
    padding-right:65px;
    cursor:pointer;
    border: none;
}
.choix_metier_popin .titre{
    font-size:40px;
    color:#fff;
    margin:0;
    padding:0;
    margin-bottom:15px;
    text-align: center;
}
.choix_metier_popin .titre.small{
    font-size:19px;
}
.choix_metier_popin .btn_create_account{
    margin-top: 40px;
}
.liste_filtres{
    padding-left:0;
    padding-right:0;
    overflow-y:auto;
}
.liste_filtres.reduced{
    height:calc(100% - 355px);
}
.liste_filtres > li.ui-accordion-header{
    padding:14px 0;
    border-top: 1px solid #606060;
    padding-left:10px;
    font-size:18px;
    font-family: 'Open-Sans', sans-serif;
    position:relative;
}
.liste_filtres li .number_filtres{
    position: absolute;
    right:50px;
    top:0;
    bottom:0;
    margin:auto;
    width:18px;
    height:18px;
    background:#56c1ff;
    text-align: center;
    font-size:10px;
    border-radius: 50%;
    color:#ffffff;
    line-height:17px;
    font-weight:bold;
}
.liste_filtres li.has_sub_menu{
    cursor:pointer;
}
.liste_filtres li.has_sub_menu:after{
    content:"\f054";
    position:absolute;
    right:15px;
    top:0;
    bottom:0;
    font-family: 'FontAwesome';
    margin:auto;
    height:20px;
    line-height: 22px;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}
.liste_filtres li.has_sub_menu.opened:after{
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.liste_filtres > li:last-child{
    border-bottom: 1px solid #606060;
}
.liste_filtres li.opened
{
    background:#fff;
}
.liste_filtres li[data-chili]
{
    cursor:pointer;
    font-size:12px;
    height:150px;
}
#steps_etiquette{
    height:80px;
    overflow: hidden;
}

#steps_etiquette .step{
    height:80px;
    background-color:#6e6e6e;
    color:#c5c5c5;
    padding:14px 0;
}

#menu_type_etiquette{
    height: calc(100vh - 169px);
    background:#f4f4f4;
    padding-right:0;
    padding-top:10px;
    position: relative;
    transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
#menu_type_etiquette.reduced_menu{
    width: 0;
}
#container_iframe_chili.reduced_menu{
    width: calc(100% - 10px);
    float: none;
    position: absolute;
    right: 0;
    top: 0;
}
#reduce_menu{
    position: absolute;
    top: 50%;
    left: 13px;
    background-color: #f4f4f4;
    z-index: 15;
    padding: 3px;
    transform: translateX(-50%);
    opacity: 0.5;
}
#reduce_menu .fa-angle-double-left{
    font-size: 35px;
    color: #606060;
    transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
#reduce_menu:hover{
    opacity: 1;
}
#container_iframe_chili.reduced_menu #reduce_menu .fa-angle-double-left{
    transform: rotate(180deg);
}
.titre_supp{
    color:#56c1ff;
    font-size:28px;
    padding-left:10px;
    font-weight:700;
}
.titre_bot{
    color:#56c1ff;
    font-size:20px;
    padding-left:10px;
    margin-bottom:10px;
}
/*.container_step .titre_bot{
    font-size:12px;
}*/
#container_iframe_chili{
    height:100%;
    padding:1px 0;
    position:relative;
    transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

#steps_etiquette .titre_supp, #steps_etiquette .titre_bot{
    color:#c5c5c5;
    margin:0;
}
#steps_etiquette .container_step{
    text-align:left;
    margin-left:25px;
}
#steps_etiquette > .row > .step:not(:last-child):after
{
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid #6e6e6e;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: calc(100% - 5px); /* On garde 5 px pour le border du breadcrumb */
    z-index: 2;
}
#steps_etiquette > .row > .step:not(:last-child):before
{
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid #bdbdbd;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}

.number_step {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #3e3e3e;
    background-color: #c5c5c5;
    margin-right: 15px;
    border-radius: 50%;
    font-size: 28px;
    font-weight: 700;
    margin-left: 25px;
}

#steps_etiquette .step.active{
    background-color:#feca1c;
    color:#ffffff;
}

#steps_etiquette .step.active .titre_supp,
#steps_etiquette .step.active .titre_bot,
#gestion_file .titre_bot,
#gestion_file .titre_supp
{
    color:#ffffff;
}

#steps_etiquette .step.active .number_step{
    background-color:#ffffff;
    color:#6e6e6e;
}

#steps_etiquette > .row > .step.active:not(:last-child):after
{
    border-left-color: #feca1c;
}

#overlay_screen_size.overlay{
    background:rgba(0,0,0,0.95);
    z-index: 25;
}
#overlay_screen_size > .abs_center{
    max-width:80%;
    font-size:30px;
    color:#ffffff;
}
#gestion_file{
    padding:10px;
    background:#56c1ff;
    height:250px;
    position: relative;
}
#html_editor #footer, #html_editor #div_dbg, #html_editor #debug_mark{
    display: none !important;
}

.action_iframe{
    width:185px;
    background:#ffffff;
    border-radius: 15px;
    padding:8px;
    color:#56c1ff;
    font-size: 12px;
    margin:5px auto;
    text-align: center;
    cursor:pointer;
    font-family: 'Open-Sans',sans-serif;
    font-weight:700;
}
.action_iframe i{
    margin-left:5px;
    font-size:16px;
}
#open_file_iframe{
    margin-top:10px;
}
#commander_iframe{
    width:80%;
    margin:0 auto;
    margin-top:15px;
    font-weight:700;
    max-width:250px;
}
#commander_iframe button{
    color:#ffffff;
    background:#feca1c;
    padding:10px 0;
    font-size:20px;
    font-family: 'Open-Sans',sans-serif;
    border-radius: 25px;
    text-align: center;
    border:0;
    width:100%;
    outline: none;
    cursor: pointer;
}
div.disabled, a.disabled{
    pointer-events: none;
    cursor: default;
    background:#EAEAEA;
    color:#333333;
    border:#EAEAEA;
}

.img_modele{
    height:100px;
}
.img_modele img{
    max-height:100px;
}

.content-documents{
    width:800px;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}

.content-documents .document{
    width:250px;
    word-wrap: break-word;
    margin: 5px;
}
.content-documents .document .action{
    cursor:pointer;
    display: inline-block;
    vertical-align: middle;
    padding:10px;
    background:#feca1c;
    color:#ffffff;
    text-transform: uppercase;
    margin:5px;
    opacity:0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.content-documents .document .action a{
    color:#ffffff;
}
.content-documents .document:hover .action{
    opacity:1;
}

/*** ACTUALITES ****/
.img_news img{
    max-height:200px;
    display:block;
    margin:0 auto;
}
.news_txt a, .news_txt {
    font-size: 14px;
}
.news_liste .news_txt{
    color:#2e4e4e;
}
.news_txt {
    min-height: 55px;
}
.news_txt p{
    margin:10px 0;
    line-height:1.25;
}
.news_liste header{
    margin: 15px 0;
}
.news_liste .date{
    text-align:center;
    margin:5px 0;
}
.news_liste header figure.img_news.transition{
	min-height: 200px;
}
.news_liste header h2.sstitre{
	min-height: 36px;
}
/******************/

/** AUTOCOMPLETE **/

.ui-autocomplete {
    background: #ffffff !important;
    border-radius: 0px;
    max-width:302px;
    padding:5px;
    margin-left:120px;
    display:block;
    color:#56c1ff;
}
.ui-autocomplete .ui-menu-item:hover {
    background:#56c1ff !important;
    color:#ffffff;
}
.ui-autocomplete .ui-menu-item {
    margin:3px 0;
}
.ui-autocomplete .ui-menu-item a.ui-corner-all:hover{
    background:red !important;
}

#conception_etiquette_page .ui-widget-content.ui-autocomplete {
    width:180px;
    max-width: 180px;
    max-height:170px;
    overflow-y: auto;
}
#conception_etiquette_page .ui-menu-item {
    cursor:pointer;
}
img.img-silhouette{
    max-width:100px;
}
/*****************/

/*** FORMULAIRES ***/

.formulaire{
    max-width:650px;
    margin:0 auto;
}
#contact .formulaire{
    margin:0;
}
input#laize, input#avance, input#rayon{
    width:100%;
    text-align: center;
}
.formulaire input, .formulaire label{
    width:100%;
}
.form_control{
    margin-top:10px;
    margin-bottom:10px;
}
.form_control.margintop{
    margin-top:20px;
}
.form_control *{
    box-sizing:border-box;
}
.form_control label{
    display:inline-block;
    margin-bottom:5px;
    cursor:pointer;
}
.form_control input[type="text"],
.form_control input[type="email"],
.form_control input[type="password"],
.form_control input[type="file"],
.form_control select,
.form_control textarea
{
    padding: 10px 20px;
    border-radius: 20px;
    border: 2px solid #56c1ff;
    outline: none;
    margin-bottom:10px;
    width:100%;
}

.form_control select
{
    padding: 9px 20px;
}

.formulaire .button1{
    border:none;
    max-width:180px;
    outline:none;
}

.error, .statut_1500, .statut_1900{
    color: #D8000C;
    background-color: #FFBABA;
    margin: 10px 0;
    padding: 12px;
}
.info, .statut_1000, .statut_1750, .statut_1150{
    color: #31708f;
    background-color: #d9edf7;
    margin: 10px 0;
    padding: 12px;
}

.success, .statut_2000{
    background:#d6e9c6;
    color: #3c763d;
    margin: 10px 0;
    padding: 12px;
}

.reuploadfile{
    width: 0 !important;
    height: 0;
    position: absolute;
    opacity: 0;
    cursor:pointer;
    z-index:-1;
}
.label_reupload_file{
    padding:5px 7px;
    border-radius:15px;
    background:#feca1c;
    color:#ffffff;
    text-transform: uppercase;
    display:block;
    border:none;
    cursor:pointer;
    font-weight:700;
    outline:none;
    font-size:12px;
}

/* INSCRIPTION */

select:required:invalid {
    color: gray;
}
option[value=""][disabled] {
    display: none;
}
option {
    color: black;
}

/******************/

/*** POPIN SUPPORTS ***/
.matiere{
    margin:20px auto;
    width:400px;
}
.matiere p{
    text-align:left;
    margin:10px 0;
}
.matiere strong{
    font-weight:bold;
}
h3.kaki{
    color:#7e7e3d;
}
h3.red{
    color:#fd6262;
}
#button_choice_support{
    display:block;
    padding:10px 15px;
    background:#56c1ff;
    color:#ffffff;
    max-width:280px;
    text-transform:uppercase;
}

/**
    IFRAME
 */



/*** SIGNATURE KYXAR ***/
/*.kyxar{
    height:65px;
    box-sizing:border-box;
    padding:20px 0;
    background:#56c1ff;
    margin-top:35px;
    text-transform: uppercase;
    font-weight:300;
    color:#ffffff;
}
.kyxar img{
    width:105px;
}*/

/*** SIGNATURE KYXAR ***/
.kyxar,
.kyxar a { color: #888; font-size: 9px;}

.kyxar {
	position: absolute;
	z-index:10;
	white-space: nowrap;
	right:10px;
	margin-top:3px;
	margin-bottom:3px;
	bottom : 0px;
	padding: 0;
	line-height : 25px;
}

.kyxar a {
	text-decoration: none;
	letter-spacing: 1px;
	position:relative;
}

.kyxar a:hover,
.kyxar a:focus {
	color: #1e1e1e;
}
.kyxar a .none {
	position:absolute;
	bottom:13px;
	right:0;
	height:0;
	overflow:hidden;
}
.kyxar a .none span {
	display:inline-block;
	background-color:rgba(255,255,255,0.5);
	border-radius:3px;
	padding:5px 10px;
	line-height:1;
	font-weight:300;
	font-size: 9px;
}
.kyxar a:hover .none,
.kyxar a:focus .none {
	height:28px;
}


/**
*** MON COMPTE
**/

.accm_item{
    background: url(https://5septdirect.com/img/background_header.png);
    padding:10px;
    margin-bottom: 15px;
    background-size:100%;
    background-position: center center;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.accm_item:hover{
    background-size: 110%;
}
.accm_item:hover .fa,
.accm_item:hover h2
{
    color:#feca1c;
}
.accm_item .fa{
    font-size: 50px;
}
.accm_item .fa, .accm_item h2{
    color:#ffffff;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.adress_second{
    max-width:300px;
    margin:5px auto;
    background:#ececec;
    height: 150px;
}
.adress_second .commande_access{
    max-width:80px;
    display: inline-block;
}

#uploaded-files ul li{
     padding:3px 0;
     margin:3px 0;
     text-align:left;
}

#container_uploaded_file{
    min-height: 150px;
    background:#eaeaea;
    padding:20px;
}
#uploaded-files{
    max-width:465px;
    margin:0 auto;
}
.delete-file{
    cursor: pointer;
    color: #a94442;
    font-size: 15px;
    display: inline-block;
    margin-right: 5px;
    background-color: #f2dede;
    border-radius: 15px;
    text-align: center;
    height: 30px;
    width: 30px;
    line-height: 30px;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.delete-file:hover{
    color: #f2dede;
    background-color: #a94442;
}
.validate-file{
    cursor: pointer;
    color: #3c763d;
    font-size: 15px;
    display: inline-block;
    margin-right: 5px;
    background-color: #dff0d8;
    border-radius: 15px;
    text-align: center;
    height: 30px;
    width: 30px;
    line-height: 30px;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.validate-file:hover{
    color: #dff0d8;
    background-color: #3c763d;
}
.a-file{
    margin-bottom:20px;
    background:#ececec;
    padding: 10px;
}
.label_step_2{
    width:90px;
    display: inline-block;
    height: 30px;
}
#to-step-2 .commande_access, #adding-adresse .commande_access, #deleting-adresse .commande_access, .fancybox-inner .commande_access {
    display:inline-block;
    margin:10px;
}
.thumbnail_step_2{
    width: 150px;
    height: 150px;
    overflow: hidden;
}
.fancybox-lock {
    margin-right: 0 !important;
}
.fancybox-lock .fancybox-overlay{
    overflow-y:hidden;
}
#bandeau_steps{
    padding:0;
    margin: 10px 0;
    position : relative;
}
.bandeau_step{
    color:#ffffff;
    display: block;
    float : left;
    font-size : 20px;
    text-transform : uppercase;
    height : 48px;
    line-height : 48px;
    padding : 0;
    margin : 0;
    position : relative;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background : #0083b7;
    box-sizing : border-box;
    width : calc((100% / 4) - 20px);
}
.bandeau_step:not(:last-child) {
    margin-right : 26px;
}

.bandeau_step:not(:last-child):after {
    background: transparent none repeat scroll 0 0;
    border-bottom: 24px solid transparent;
    border-left: 24px solid #0083b7;
    border-top: 24px solid transparent;
    content: "";
    position: absolute;
    right: -24px;
    top: 0;
}
.bandeau_step:not(:first-child):before {
    border-bottom: 24px solid #0083b7;
    border-left: 24px solid transparent;
    border-top: 24px solid #0083b7;
    content: "";
    left: -24px;
    position: absolute;
    top: 0;
}

.bandeau_step.active{
    color:#ffffff;
    background : #38B2F3;
}
.bandeau_step.active:not(:last-child):after {
    border-left: 24px solid #38B2F3;
}
.bandeau_step.active:not(:first-child):before {
    border-bottom: 24px solid #38B2F3;
    border-top: 24px solid #38B2F3;
}
.bandeau_step.passed{
    background : #87bb71;
}
.bandeau_step.passed:after{
    border-color: transparent transparent transparent #87bb71;
}
.bandeau_step.passed:not(:first-child):before {
    border-bottom: 24px solid #87bb71;
    border-left: 24px solid transparent;
    border-top: 24px solid #87bb71;
}

.bandeau_step:not(.active):hover{
    cursor:pointer;
    color:#feca1c;
}
.bandeau_step:not(.active):hover .nb_step{
    background-color: #feca1c;
}

.nb_step{
    display : inline-block;
    font-size: 16px;
    width: 25px;
    height: 25px;
    margin: 0 auto;
    background-color: #ffffff;
    border-radius: 20px;
    line-height: 25px;
    color: #0083B7;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.bandeau_step.active .nb_step{
    color: #38B2F3;
}
.bandeau_step.passed .nb_step {
    color : #87BB71;
}

.listed-file{
    min-height:42px;
    line-height:30px;
}

/**
*** STEP 2
**/
.cst_table{margin:0 auto;border: 1px solid #eceeef;width: 99.9%;}

.cst_table input[type="radio"] + label:before, .cst_table input[type="checkbox"] + label:before,
.checkbox_lg input[type="radio"] + label:before, .checkbox_lg input[type="checkbox"] + label:before,
.step3 input[type="radio"] + label:before, .step3 input[type="checkbox"] + label:before
{
    width:15px;
    height:15px;
    line-height:15px;
    font-size:14px;
    cursor:pointer;
    border-color:#ccc;
    display: inline-block;
    vertical-align: middle;
}
.cst_table input[type="radio"]:disabled + label:before, .cst_table input[type="checkbox"]:disabled + label:before,
.checkbox_lg input[type="radio"]:disabled + label:before, .checkbox_lg input[type="checkbox"]:disabled + label:before,
.step3 input[type="radio"]:disabled + label:before, .step3 input[type="checkbox"]:disabled + label:before{
    background:#ccc;
}
.cst_table input[type="checkbox"]{
    display: block;
}
.cst_table thead,#cms table tbody tr:first-child
{
    background:#f4f4f4;
    text-align:center;
}
.cst_table thead th,
.checkbox_lg label,
#cms table tbody th
{
    font-weight:700;
    padding:.75rem;
    /*border-top: 1px solid #eceeef;*/
    /*border-bottom: 2px solid #eceeef;*/
    font-size:1rem;
}
.cst_table tr td{
    padding:5px;
    border-top: 1px solid #eceeef;
}
.tdpad tr td{
    padding:.75rem;
}
.cst_table tr td.td-img-preview{
    width:60px;
    height:80px;
}
.cst_table tr td.td-img-preview img{
    height:100%;
    width:100%;
}
.step3 p{
    margin:10px 0;
}
.step3 label{
    display: block;
    vertical-align: middle;
    margin-bottom:10px;
    text-align: left;
}
.step3 .fa{
    font-size: 24px;
    vertical-align: middle;
    margin-right:10px;
}
.cst_table input, .step3 input:not([type="submit"]), .step3 textarea, .step3 select {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
    width:100%;
    box-sizing:border-box;
}
input:focus, textarea:focus, select:focus{
    outline-color: #feca1c;
}
/**
*** STEP 3
**/

#adding-adresse{
    margin:20px 0;
    padding:10px;
    background:#ececec;
}
#adding-adresse .formline{
    margin:6px 0;
}

.formline{
    margin:5px 0;
}

/**
*** STEP 4
**/

.block_paiement .fa {
    font-size: 35px;
    color: #a2a2a2;
    transition:all 0.3s ease-in-out;
}
.choix_mode_paiement input[type="radio"]+label:hover, .choix_mode_paiement input[type="radio"]+label:hover .fa {
    color: #ffffff;
    border-color: #ffffff;
}
.choix_mode_paiement input[type="radio"]+label:hover{
    background: #56C1FF;
}
/* Si disabled */
.choix_mode_paiement input[type="radio"]:disabled+label{
    background: #E6E6E6;
}
.choix_mode_paiement input[type="radio"]:disabled+label, .choix_mode_paiement input[type="radio"]:disabled+label .fa {
    color: #2e4e4e;
    border-color: #E6E6E6;
}
.choix_mode_paiement input[type="radio"]+label:hover .nommp{
    background: #E6E6E6;
    color:#2e4e4e;
}
/* ************ */
.choix_mode_paiement input[type="radio"]+label:hover .nommp{
    background: #54B2F2;
    color:#ffffff;
}
.choix_mode_paiement input[type=checkbox] + label, .choix_mode_paiement input[type=radio] + label {
    padding-left: 0 !important;
    margin-top: 20px !important;
    transition:all 0.3s ease-in-out;
}
.choix_mode_paiement input[type=checkbox], .choix_mode_paiement input[type=radio] {
    opacity: 0;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    width: 30px;
}
input[type=checkbox] + label, input[type=radio] + label {
    line-height: 18px;
    padding-left: 25px;
    display: block;
    cursor: pointer;
    position: relative;
}
.block_paiement {
    text-align: center;
    width: 60%;
    margin: 0 auto;
    border: 2px solid #e1e1e1;
    background: #eee;
    color: #3c3c3c;
    font-size: 14px;
    min-height: 155px;
}
.nommp {
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px;
    background: #E0E0E0;
    margin-bottom: 15px;
    transition:all 0.3s ease-in-out;
    color:#000000;
}
input[type="radio"] + label.label_choix_paiement:before, input[type="checkbox"] + label.label_choix_paiement:before
{
    display:none;
    content:'';
}

#fancy_livraison{
    margin-right:5px;
    color:#56c1ff;
    cursor:pointer;
}
#fancy_ppbat{
    margin-left:5px;
    color:#56c1ff;
    cursor:pointer;
    margin-top:15px;
    font-size:16px;
}

.info_supp{
    font-size:11px;
    font-style: italic;
}

.title_livraison{
    font-weight:700;
    text-decoration: underline;
    width: 130px;
    display: inline-block;
}

ul.list-circle{
    list-style: disc !important;
    list-style-type: disc !important;
    list-style-position: inside !important;
    text-align:left;
    margin-left:10px;
}
ul.list-circle li{
    margin:3px 0;
}

#info_ppbat{
    color:#56c1ff;
}

/* CSS concernant la conception d'?tiquette */
.title_header_etiquette{
    font-size:2.7vw;
    font-weight:100;
    margin-bottom:15px;
}
#conception_etiquette{
    padding:0 5%;
}
#conception_etiquette h2, .titre_h2{
    font-size:19px;
    color:#56c1ff;
    text-transform: uppercase;
    letter-spacing:1px;
    margin: 0.6em 0;
}
.border-right{
    border-right:1px solid #f4f4f4;
}
.border-right-dark{
    border-right:1px solid #d4d8da;
}
table, tbody, tfoot, thead, tr, th, td {
    vertical-align: middle;
}
#conception_etiquette table{
    border-spacing: 3px;
    margin: 40px auto;
    max-width: 70%;
}
#conception_etiquette table tr th {
    background: #feca1c;
    color: #ffffff;
    border-right: 1px solid #ffffff;
    text-align: center;
    padding: 5px 10px;
}
#conception_etiquette table thead th, #conception_etiquette table tbody td {
    width: 25%;
    text-align:center;
}
#conception_etiquette table tbody tr {
    height: 35px;
    vertical-align: middle;
}

#conception_etiquette .h4{
    display:inline-block;
    font-size:14px;
    color:#304a47;
    margin:0.6em;
    text-align:left;
    font-weight : 700;
    text-transform:uppercase;
}
#conception_etiquette input[type="radio"] + label:before, #conception_etiquette input[type="checkbox"] + label:before,
input[type="radio"] + label:before, input[type="checkbox"] + label:before{
    border-color:#dededc;
}
#preview {
    align-self: center;
    width:420px;
    margin:25px auto;
    position: relative;
}
#preview img {
    width: 350px;
}
.desc_prev_etiquette, #shape_choice,#size_choice,#support_choice,#color_choice,#finishing_choice,#complements_choice,#limite_bobine_choice{
    font-family:'Montserrat', sans-serif;
    font-size:13px;
}

.categorie_finition {
    border:1px dotted #909090;
    text-align: center;
    padding: 5px;
    margin-left: 20px;
}

#etiquette {
    position: absolute;
    left: 157px;
    top: 244px;
    width: 140px;
    height: 275px;
}

#recap{
    text-align:left;
}
#recap ul{
    list-style: none;
}
#recap ul li{
    margin:5px 0;
}
#size_choice{
    max-height: 300px;
    overflow-y: auto;
    max-width: 100%;
    min-height : 20px;
}
#conception_etiquette h2.can_be_open{
    cursor:pointer;
}
#conception_etiquette h2.disabled{
    cursor: not-allowed;
}
#conception_etiquette h2.can_be_open, #conception_etiquette h2.disabled,#conception_etiquette h2.help_title.ui-accordion-header-active{
    font-size:14px;
    position:relative;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    font-family: 'Montserrat', sans-serif;
    outline: none;
    padding:10px;
    color: #2a4b44;
}
#conception_etiquette h2.help_title{
    font-size:14px;
    position:relative;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    font-family: 'Montserrat', sans-serif;
    outline: none;
    padding:10px;
    width:285px;
    color:#e4e4e4;
}
#conception_etiquette h2.help_title:after{
    content: '\e9be';
    font-family: 'kfont';
    position: absolute;
    right: 10px;
    top: 25%;
    font-weight:bold;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
#conception_etiquette h2.help_title.ui-accordion-header-active:after{
    content: '\e9bf';
}

.qte_etiquette{
    max-width:180px;
    border:2px solid #f4f4f4;
    border-radius:15px;
    margin-top:15px;
    outline:none;
    padding-left:15px;
}

#conception_etiquette h2.can_be_open{
    background: #ffffff;
    border: none;
    color:#909090;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}
#conception_etiquette h2.disabled{
    /*background: #D6D6D6;*/
    /*border: 1px solid #9C9C9C;*/
    color:#909090;
}
#conception_etiquette h2.can_be_open.active{
    color:#2a4b44;
}
#conception_etiquette h2.can_be_open:after{
    content: '\e9be';
    font-family: 'kfont';
    position: absolute;
    right: 10px;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    top: 25%;
    font-weight:bold;
}
#conception_etiquette h2.can_be_open.active:after{
    content: '\e9bf';
}

#complements_choice input {
    width: 100%;
}

.total_recap_etiquette{
    padding-top:10px;
    text-align: left;
    counter-reset: my-counter;
    border-top:2px dashed #f4f4f4;
}
.yellow_title{
    text-transform: uppercase;
    color:#ffc803;
    font-size:14px;
}
.gray_title{
    text-transform: uppercase;
    color:#2e4e4e;
    font-size:14px;
}
.total_title{
    text-transform: uppercase;
    color:#82ceff;
}
.total_price_etiquette{
    color:#82ceff;
    font-weight:700;
    font-size: 24px;
    margin-top: 6px;
    min-width: 160px;
    display: inline-block;
}

#size_choice .margintopultralight label{
    width:100%;
    box-sizing: border-box;
    display: block;
}
.div_contain_support,.div_contain_finishing,
#size_choice .margintopultralight{
    padding:5px 0;
    margin:0;
}
.div_contain_support:not('#div_laize'):not('#div_avance'):hover,
.div_contain_finishing:not('#div_laize'):not('#div_avance'):hover,
#size_choice .margintopultralight:hover
{
    background:#f0f0f0;
}

.upp_grey{
    text-align: center;
    font-size:15px;
    color:#e3e1df;
    margin:5px 0;
    text-transform: uppercase;
}
/*
.labelinput label,.labelinput input {
    display: block;
}*/

.estimate {
    background : #F4F4F4;
    padding : 10px;
    line-height : 30px;
    margin-top : 20px;
}

#temps_restant {
    padding-top : 5px;
    padding-bottom : 10px;
    font-size : 15px;
    line-height : 1.2;
}

#temps_restant .highlight {
    font-size : 120%;
    color : #56c1ff;
}

.estimate .date_value {
    font-size : 18px;
    color : #56c1ff;
}

/* Input du choix d'un devis */
.label_choice{
    display:inline-block;
    position: relative;
    /*height:135px;*/
    border:2px solid transparent;
    padding:30px 15px 15px 15px;
    /*width:300px;*/
    width:100%;
    box-sizing:border-box;
    /*cursor: pointer;*/
    font-size:15px;
}
input[type="radio"] + .label_choice:before, input[type="checkbox"] + .label_choice:before{
    position: absolute;
    bottom:15px;
    left:0;
    right:0;
    margin:0 auto;
    display: none;
}
input[type="radio"]:checked + .label_choice, input[type="checkbox"]:checked + .label_choice{
    border:2px solid #e3e1df;
}
/*.counter:before{
    content: counter(my-counter, upper-latin);
    counter-increment: my-counter;
    display: block;
    width:27px;
    height:27px;
    border-radius: 50%;
    text-align: center;
    background: #56b1c7;
    color:#ffffff;
    margin-top:5px;
    font-family: 'Helvetica',sans-serif;
}
.counter{
    line-height:27px;
}*/
.info_devis{
    /*font-family: "Crimson Text",sans-serif;*/
    font-size:12px;
	line-height:15px;
    margin:20px 0;
	padding-left:5px;
	border-left:2px solid #ffc803;
}
.info_devis a:hover, 
.text_autre_demande a:hover { text-decoration:underline; } 
/*.qte_etiquettes{
    counter-reset: counter_input;
}
.qte_etiquette_container:before{
    content: counter(counter_input, upper-latin);
    counter-increment: counter_input;
    display: inline-block;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    text-align: center;
    background: #56b1c7;
    color: #ffffff;
    line-height: 27px;
    margin-left: -40px;
    margin-right: 15px;
    font-family: 'Helvetica',sans-serif;
}*/
.details_prix_devis{
    text-transform: uppercase;
    font-size:17px;
    color:#cecece;
}

/*Cookies */
   #cookies_content {
       position : fixed;
       top : 0;
       left : 0;
       width : 100%;
       min-height : 50px;
       background-color: rgba(0, 31, 44, 0.7);
       color : white;
       z-index: 16;
   }

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid #ffeeba;
    border-radius: .25rem;
    font-size:13px;
}

.alert_txt {
    padding : 0 50px 0 0;
    margin : 0;
    min-height : 50px;
    line-height : 50px;
    vertical-align : middle;
}
.alert_txt a { color:#ff6b6b; }
.alert_close {
    position : absolute;
    top : 50%;
    right : 0;
    width : 50px;
    height : 30px;
    margin-top : -15px;
}

.alert_close a {
    display : block;
    padding : 5px 10px;
    height : 20px;
    line-height : 20px;
    position : relative;
    display : inline-block;
    background : #56c1ff;
    border-radius : 3px;
    color : #ffffff;
    text-decoration : none;
}
.alert_close a:hover,
.alert_close a:focus,
.alert_txt a:hover,
.alert_txt a:focus{
    opacity: 0.7;
}


/* Spinner */

#fancybox_info {
    padding : 10px;
}

.spinner {
    margin: 25px auto;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
}

.spinner.spinner-price{
    margin:0;
    display: inline-block;
    height:20px;
}

.spinner > div {
    background-color: #feca1c;
    height: 100%;
    width: 6px;
    display: inline-block;

    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
    20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }  20% {
           transform: scaleY(1.0);
           -webkit-transform: scaleY(1.0);
       }
}


@keyframes spinner_iframe {
    to {transform: rotate(360deg);}
}

.spinner_iframe{
    color:#feca1c;
    font-size:16px;
}

.spinner_iframe:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    margin-left: -30px;
    border-radius: 50%;
    border: 5px solid #feca1c;
    border-top-color: transparent;
    animation: spinner_iframe 1.1s linear infinite;
}


/* Compte bloqu? */
.compte_bloque .error{
    margin:13% 0 !important;
    padding:20px 10px;
}


/* Error JS */

.log_error {
    text-align : left;
    color : #D8000C;
    font-weight : 700;
}

.log_error li {
    line-height : 20px;
    margin : 5px 0;
}

.log_error li .picto {
    display : inline-block;
    width : 20px;
    height : 20px;
    line-height : 20px;
    margin-right : 5px;
    text-align : center;
    border : 1px solid #D8000C;
    border-radius : 50%;
}

input.error_border:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
select.error_border,
input.error_border:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
select.error_border,
textarea.error_border,
input:invalid,
div.error_border  {
    border : 2px solid #D8000C;
    border-width : 2px !important;
}

input.error_border[type="checkbox"] + label:before,
input.error_border[type="radio"] + label:before,
input.error_border[type="checkbox"] + label:before,
input.error_border[type="radio"] + label:before{
    border : 1px solid #D8000C;
}


/**
    TABLE RESPONSIVE
 */
rwd-table {
    margin: 1em 0;
    min-width: 300px;
}
.rwd-table tr {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.rwd-table td:first-child {
    padding-top: .5em;
}
.rwd-table td:last-child {
    padding-bottom: .5em;
}

.rwd-table th, .rwd-table td {
    text-align: left;
}

.rwd-table {
    color: #333;
    border-radius: .4em;
    overflow: hidden;
}
.rwd-table tr {
    border-color: #46637f;
}
.rwd-table th, .rwd-table td {
    margin: .5em 1em;
}
.rwd-table th, .rwd-table td:before {
    color: #2e4e4e;
    font-size: 1rem;
}

/**
    PAGES INFO STATIQUES
 */

#meta-titre, #meta-desc{
    display:none;
}

@media (max-width: 1327px)
{
    .rwd-table.huge th {
        display: none;
    }
    .rwd-table.huge .commande_access{
        float:none;
        display:inline-block;
    }
    .rwd-table.huge td {
        display: block;
        color:#333;
        text-align: center;
        width:100% !important;
    }
    .rwd-table.huge td .info{
        display: inline-block;
        margin:0;
    }
    .rwd-table.huge tr td:first-child {
        display: block;
        border-top:0;
    }
    .rwd-table.huge th:first-child, .rwd-table.huge td:first-child {
        padding-left: 0;
    }
    .rwd-table.huge th:last-child, .rwd-table.huge td:last-child {
        padding-right: 0;
    }
    .rwd-table.huge th, .rwd-table.huge td {
        padding: 1em !important;
    }
    .rwd-table.huge td:before {
        display: none;
    }
    .rwd-table.huge td:before {
        content: attr(data-th) " : ";
        font-weight: bold;
        width: 6.5em;
        display: block;
        float:left;
        margin-right:10px;
    }
}

@media (max-width: 992px)
{
    /**
        PAGE IFRAME
     */
    .overlay #overlay-popin {
        width: 85%;
        height:350px;
    }
    .rectangle_popin {
        height: 30%;
    }
    /*.choix_metier_popin, .connexion_popin {
        height: 70%;
    }*/
    .choix_metier_popin .titre {
        font-size: 25px;
        margin-bottom: 10px;
    }
    .choix_metier_popin select{
        font-size:20px;
        height:45px;
        background-size: 20px 20px;
        padding-right:35px;
    }
    .abs_center {
        height: 100px;
    }
    .connexion_popin{
        font-size:17px;
    }
    /**
        / PAGE IFRAME
     */
    
    #espaceClientInt .rwd-table.medium th {
        display: none;
    }
    #espaceClientInt .rwd-table.medium .commande_access{
        float:none;
        display:inline-block;
    }
    #espaceClientInt .rwd-table.medium td {
        display: block;
        color:#333;
        text-align: center;
        width:100% !important;
    }
    #espaceClientInt .rwd-table.medium td .info{
        display: inline-block;
        margin:0;
    }
    #espaceClientInt .rwd-table.medium tr td:first-child {
        display: block;
        border-top:0;
    }
    #espaceClientInt .rwd-table.medium th:first-child, .rwd-table.medium td:first-child {
        padding-left: 0;
    }
    #espaceClientInt .rwd-table.medium th:last-child, .rwd-table.medium td:last-child {
        padding-right: 0;
    }
    #espaceClientInt .rwd-table.medium th, .rwd-table.medium td {
        padding: 1em !important;
    }
    #espaceClientInt .rwd-table.medium td:before {
        display: none;
    }
    #espaceClientInt .rwd-table.medium td:before {
        content: attr(data-th) " : ";
        font-weight: bold;
        width: 6.5em;
        display: block;
        float:left;
        margin-right:10px;
    }
    #devis-en-ligne-tooltip {
        display: none;
    }
}

@media (max-width: 480px) {
    .rwd-table.small th {
        display: none;
    }
    .rwd-table.small .commande_access{
        float:none;
        display:inline-block;
    }
    .rwd-table.small td {
        display: block;
        text-align: center;
        width:100% !important;
    }
    .rwd-table.small td .info{
        display: inline-block;
        margin:0;
    }
    .rwd-table.small tr td:first-child {
        display: block;
        border-top:0;
    }
    .rwd-table.small th:first-child, .rwd-table.small td:first-child {
        padding-left: 0;
    }
    .rwd-table.small th:last-child, .rwd-table.small td:last-child {
        padding-right: 0;
    }
    .rwd-table.small th, .rwd-table.small td {
        padding: 1em !important;
    }
    .rwd-table.small td:before {
        display: none;
    }
    .rwd-table.small td:before {
        content: attr(data-th) " : ";
        font-weight: bold;
        width: 6.5em;
        display: block;
        float:left;
        margin-right:10px;
    }
    #header.sticky .commande_access {
        margin-right: 3px;
    }
}


/**
    END TABLE RESPONSIVE
 */

@media screen and (max-width: 1327px){
    .bandeau_step{
        /*font-size:17px;*/
        font-size:13px;
    }
    #bandeau_steps h3{
        font-size:16px;
    }
    .bandeau_step:not(:last-child):after {
        font-size: 25px;
        height: 25px;
    }
    /***** Slider home ****/
    .bxslider .container_txt_slider,
    .noslideshow .container_txt_slider{
        max-width:400px;
        position:absolute;
        top:10%;
        left:10%;
    }
    .bxslider .slider_txt,
    .noslideshow .slider_txt {
        font-size:1.5em;
        font-family: 'Raleway',sans-serif;
        margin-bottom:2%;
    }
    .bxslider .slider_description,
    .noslideshow .slider_description{
        font-family: 'Crimson Text',sans-serif;
        font-size:1.3em;
        line-height:1.5;
    }
    .bxslider .margintop,
    .noslideshow .margintop{ margin-top: 1em; }    
    /********************/

    .three_icons_underline{
        width:80%;
    }
    .padding6040{
        padding:25px 15px;
    }
    .lineh25{
        line-height:2;
    }
    .title_header_faq{
        font-size:3em;
    }
    .container_txt_slider{
        top:10%;
    }
    .container_txt_slider .bulle{
        width: 60px;
        height: 60px;
    }
    .container_txt_slider .bulle .icon{
        font-size: 30px;
        width: 30px;
        height: 30px;
    }
    .delivery_block h4 {
        height : 50px;
        line-height : 46px;
    }
    .delivery_block #estimated_date .info {
        margin: 0;
        height : 50px;
        line-height : 46px;
    }
    
    .gallery li {
        width: 1300px !important;
    }

}

@media only screen and (min-width : 1401px){
    .pictos_container {
        width: 60%;
    }
}

@media only screen and (max-width : 1400px) {
    .bloc_order{
        float:left;
        margin-left:1%;
    }
    .bloc_create{
        float:right;
        margin-right:1%;
        margin-top:15px;
    }
    #message{
        width:100%;
    }
}

@media only screen and (max-width : 1190px) {
    .number_step {
        width: 45px;
        height: 45px;
        line-height: 45px;
        margin-right:10px;
        font-size: 25px;
        margin-left:20px;
    }
    #steps_etiquette .step .titre_supp{
        font-size:24px;
    }
    #steps_etiquette .step .titre_bot{
        font-size:16px;
    }
    #steps_etiquette .step{
        padding:17px 0;
    }
    .bandeau img.produit{
        display:none;
    }
    .bloc_order{
        float:none;
        margin-left:auto;
        margin-right:auto;
        max-width: 314px;
        margin-top:0px;
    }
    .bloc_create{
        float:none;
        margin-left:auto;
        margin-right:auto;
        max-width: 314px;
    }
    .order, .create{
        width:auto;
    }

    .pictos_container{
        width:100%;
        margin:0 auto;
        padding:80px;
    }

    .three_icons_underline{
        width:95%;
    }
    
    .gallery li {
        width: 850px !important;
    }
}

@media (min-width: 992px) {
    #header:not(.sticky) #primary_nav_wrap .commande_access {
        display: block;
    }
}
@media (max-width: 992px) {

    label{
        display: block;
        padding:7px 0;
    }
    #espaceClient{
        padding:0 10px;
    }

    .faq_bloc{
        margin:15px auto;
        float:none;
    }

    .linkedin,.twitter,.googleplus{
        top: 97px;
    }
    .linkedin{
        right: 135px;
    }
    .twitter{
        right: 165px;
    }
    .googleplus{
        right: 200px;
    }

    #header.sticky #logo_sticky {
        width:170px;
        position:absolute;
        left:0;
        top:7px;
        right:0;
        margin-left:auto;
        margin-right:auto;
        display:block;
    }

    .mobile{display:block;}
    .desktop{display:none;}

    .ancre_to_propos{
        font-size:13px;
    }
    .ancre_to_propos:before{
        font-size:40px;
        left:-30px;
    }
    #map_container{
        height:300px;
    }

    .height465{
        height:auto;
    }
    .description_header_faq{
        font-size:16px;
    }
    .commande_access {
        display:inline-block;
    }
    .description_header_faq, .container_txt_slider .bulle{
        display:none;
    }
}

@media only screen and (max-width : 767px) {
    .overlay #overlay-popin {
        height: 430px;
    }
    .choix_metier_popin, .connexion_popin
    {
/*        float: none;
*/        width: 100%;
        height:37%;
    }
    .rectangle_popin {
        height: 26%;
    }
    .choix_metier_popin .abs_center{
        top: -20px;
    }
    .choix_metier_popin .btn_create_account {
        margin-top: 8px;
    }
    .bandeau_step {
        font-size: 9px;
        /*font-size: 12px;*/
    }
    .bandeau_step:not(:last-child):after {
        font-size: 14px;
        height: 20px;
    }
    .nb_step {
         font-size: 12px;
     }
    .padding0-10p{padding:0 10%;}
    .three_icons_underline{
        background:none;
        margin:30px auto;
    }

    .three_icons_underline .bulle_container{
        position:static;
        float:left;
        width:33%;
    }
    .lineh25{
        line-height:1.7;
    }

    .home_slider{
        display:none;
    }
    .vertical_trait{
        display:none;
    }
    .container_txt_slider{
        max-width:100%;
        left:0;
        right:0;
    }
    .description_header_faq, .container_txt_slider .bulle{
        display:none;
    }
    .title_header_faq{
        font-size:27px;
    }
    #faq_autocomplete{
        padding-left:90px;
    }
    .submit_newsletter{
        margin-top:10px;
    }
    .amount_block {
        width : 100%;
    }
    
    /* Bloc présentation configurateur */
    .presentation_configurateur {
        min-height:50px;
        font-size: 12px;
    }
    .presentation_configurateur h1,
    .presentation_configurateur h2,
    .presentation_configurateur h3 { font-size:16px; }
    .cta_configurateur,
    .txt_configurateur { line-height:1.2; }
    .txt_configurateur li { margin:0.3em auto; }
    .txt_configurateur li > .icon {
        display: inline-block;
        margin-right:0.3em;
        vertical-align: middle;
        text-align: center;
        font-size:20px;
        border:1px solid #fff;
        background-color: #fff;
        color:#FFA500;
        border-radius:50%;
        width:30px;
        height:30px;
        line-height: 30px;
    }
    .email_newsletter input[type="email"] {
        width: calc(100% - 50px);
    }
    
}

@media only screen and (max-width : 599px) {
    .picto1, .picto2, .picto3{
        float:none;
        width:100%;
    }
    .create_account_container{
        width:95%;
        margin:0 auto;
    }
    .floatr,.floatl{
        float:none;
        width:100%;
    }
    .citation_description{
        line-height:15px;
        text-align:left;
    }
	h1,
	.titre { font-size:24px; }
	h2,
	.stitre,
    #desc_h h2,
    #desc_h .stitre { font-size:18px; }
	h3,
	.sstitre { font-size:16px; }
    #desc_h { font-size: 12px; line-height:1.2; }

    .rectangle_popin {
        padding: 0;
    }
    .rectangle_popin p {
        font-size: 14px;
    }
    /* FOOTER */
    .text_autre_demande {
        font-size: 16px;
        padding-bottom:2em;
    }
    
    .bandeau_step .text {
        position : absolute;
        z-index : 11;
        opacity : 0;
        bottom : 55px;
        left : 0;
        width : 200%;
        left : 50%;
        margin-left : -100%;
        padding : 5px;
        background : #000000;
    }
    
    .bandeau_step:first-child .text {
        width : calc(100% + 24px);
        margin-left : -50%;
    }
    
    .bandeau_step:last-child .text {
        width : calc(100% + 24px);
        margin-left : 0;
        left : inherit;
        right : 0;
    }
    
    .bandeau_step:hover .text {
        opacity : 1;
    }
    
    .gallery_content {
        margin : 0 auto;
        width : 300px;
    }
     
    .gallery li {
        width: 300px!important;
    }
    .form_control {
        margin-top: 0;
        margin-bottom: 0;
    }
    .overlay #popin_rappel{
        height: 210px;
    }
    #popin_rappel {
        padding: 30px;
        font-size: 18px;
    }
    #grid_builder iframe{
        width: calc(100% - 20px)!important;
    }

}

@media (min-width: 992px) {
    .container {
        width: 850px;
    }
    #primary_nav_wrap ul{
        display:block;
        padding: 0 15px;
    }
    #primary_nav_wrap{
        right: 20px;
        bottom: 0;
        width:auto;
    }
    #menu_launcher{
        display:none;
    }
    .pourquiright{
        float:right;
    }
    #header.sticky #primary_nav_wrap>ul{
        /*padding-left: 300px;*/
        padding-left: 235px;
    }

}

@media (min-width: 1327px) {
    .container {
        width: 1300px;
    }

    .footer_menu li{
        text-align:left;
    }

    #slogan{
        display:block;
    }
    #logo{
        margin-top:25px;
        margin-left: 3%;
    }
}
/*
     FILE ARCHIVED ON 17:22:41 Feb 02, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 01:10:48 Jan 07, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 707.989
  exclusion.robots: 0.065
  exclusion.robots.policy: 0.057
  cdx.remote: 0.055
  esindex: 0.008
  LoadShardBlock: 148.926 (3)
  PetaboxLoader3.resolve: 141.804 (4)
  PetaboxLoader3.datanode: 42.691 (4)
  load_resource: 60.244
*/