@import url('../fonts/roboto/roboto.css');
body {font-family: 'Roboto';  color: rgb(56, 20, 18); line-height: 1.2;}

::selection {background: #d16916;}
::-moz-selection {background: #d16916; }

h1,h2,h3,h4,h5,h6 {width: 100%;}
head, script, style, [hidden] {display: none!important;}

.float_none {float: none !important;}
.display_none {display: none;}
.visibility_hidden {visibility: hidden;}
ol {list-style-type: none !important; margin-bottom: 0 !important;}
.right {float: right !important;}
.left {float: left !important;}
.nopadding {padding: 0 !important;}
.nomargin {margin: 0 !important;}
.orange {color: #d16916 !important;}
.white {color: rgb(255, 255, 255) !important;}
.brown_bg {background-color: #36170f !important;}
.orange_bg {background-color: rgb(209, 105, 22) !important; border: 2px solid rgb(209, 105, 22);}
.red_bg {background-color: rgb(209, 22, 22) !important;}
.orange_border {border: 1px solid #d16916;}
.white_bg {background-color: rgb(255, 255, 255) !important;}
.white_border {border: 2px solid #fff;}
.color_error {color: #ce4844 !important; font-weight: bold !important;}
a{text-decoration: none !important;}
a:hover,
a:focus,
a:active {color: none !important;}
.auto {width: auto !important;}
.dropdown-menu > li > a {white-space: normal !important;}
label {margin-bottom: 0;}
.width_all {width: 100% !important;}
.flex_column_around {display: flex; flex-direction: column; justify-content: space-around;}
.flex_column {display: flex; flex-direction: column;}
.flex_row_around {display: flex; flex-direction: row; justify-content: space-around;}
.flex_column_start {display: flex; flex-direction: column; justify-content: flex-start;}
.underline {text-decoration:underline;}
.full_width {width: 100%;}

@media screen and (max-width: 767px) {
   .flex_row_around,
   .flex_column_start,
   .flex_column,
   .flex_column_around {display: block;}
}

@media screen and (max-width: 549px) {
.hidden-xxs {display: none !important;}
.visible-xxs {display: block !important;}
}

h1 {font-weight: bold; font-size: 32px; line-height: 1.2; margin-bottom: 10px; left: -30px !important; position: relative; width: 100%;}
h1.alone {width: 100%; margin-bottom: 30px;}

@media screen and (max-width: 991px) {
    h1 { left: 0 !important;}
}

@media screen and (max-width: 767px) {
    h1 { margin-top: 0;}
    h1.alone {width: 100%; margin-bottom: 15px;}
}

.button_previous {padding: 15px 15px 15px 50px; background: url("../images/arrow-left.svg");  background-repeat: no-repeat; background-position:left 25px bottom 50%; cursor: pointer; text-transform: uppercase; font-weight: 700; font-size: 14px; line-height: 1.2;}
.button_next {padding: 15px 50px 15px 25px; background: url("../images/arrow-right.svg"); background-repeat: no-repeat; background-position:right 25px bottom 50%; cursor: pointer; text-transform: uppercase; font-weight: 700; font-size: 14px; line-height: 1.2; border: 2px solid transparent;}
.button_generic {float: left; text-transform: uppercase; font-weight: 700; font-size: 14px; line-height: 1.2; padding: 12px 15px; text-align: center;}

@media screen and (max-width: 767px) {
    .button_previous{background-position:right 12px bottom 50%;} 
    .button_next{background-position:left 12px bottom 50%;} 
}

/**** Begin Open connect modal ****/ 
.open_form_connect {
	display: block;
}
/**** Ens Open connect modal ****/ 

/**** Footer ****/ 
.top_footer {border-top: 1px solid #d7d2d2; background-color: rgb(255, 255, 255); padding: 35px 0; font-size: 24px;}
.top_footer .title {text-align: center; font-weight: 700; color: rgb(209, 105, 22); margin-bottom: 5px;}
.top_footer .sub {text-align: center; font-weight: 300; margin-bottom: 30px;}
.top_footer .images {margin-bottom: 30px;}
.top_footer .images img {margin-right: 40px;}
.top_footer .images {float: left; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: center; -ms-flex-pack: center;  justify-content: center;}
.top_footer .images .block-three {margin-right: 40px;}
.top_footer .images .block-three,
.top_footer .images .block-two {float: left !important;}
.top_footer .images img:last-child {margin-right: 0;}
.top_footer .list {padding-left: 0; text-align: center; float: left;}
.top_footer .list li {line-height: 5;}
.top_footer .list li a {color: #351c0b;}
.top_footer .list li a:hover,
.top_footer .list li a:active,
.top_footer .list li a:focus {color: #d16916;}
.top_footer .list li {position: relative; display: inline-block; text-align: center;  height: 25px; min-height: 25px;}
.top_footer .list li span,
.top_footer .list li a,
.top_footer .list li {line-height: 1;}
.top_footer .list li:after {padding: 0 5px; content: "–"; font-size: 16px; font-weight: 300;}
.top_footer .list li:last-child:after { content: "";}
.top_footer .list li:first-child {font-size: 28px; font-weight: 300;}
.top_footer .list li:nth-child(2) {font-size: 14px; text-transform: uppercase; font-weight: 300;}
.top_footer .list li:nth-child(3) {font-size: 26px; font-weight: 500;}
.top_footer .list li:nth-child(4) {font-size: 16px; font-weight: 300;}
.top_footer .list li:nth-child(5) {font-size: 20px;}
.top_footer .list li:nth-child(6) {font-size: 16px; font-weight: 500;}
.top_footer .list li:nth-child(7) {font-size: 14px; font-style: italic; font-weight: 300;}
.top_footer .list li:nth-child(8) {font-size: 24px; font-weight: 300;}
.top_footer .list li:nth-child(9) {font-size: 14px; font-weight: 300;}
.top_footer .list li:nth-child(10) {font-size: 16px; font-style: italic; font-weight: 300;}
.top_footer .list li:nth-child(11) {font-size: 20px; font-weight: 300;}
.top_footer .list li:nth-child(12) {font-size: 16px; text-transform: uppercase; font-weight: 300;}
.top_footer .list li:nth-child(13) {font-size: 18px; font-weight: 300;}
.top_footer .list li:nth-child(14) {font-size: 16px; font-weight: 300;}
.top_footer .list li:nth-child(15) {font-size: 22px; font-weight: 500;}
.bottom_footer {background-color: rgb(210, 210, 210); padding: 25px 0; font-weight: 300; font-size: 13px;}
.bottom_footer .mentions {padding-left: 0; list-style-type: none; float: left;}
.bottom_footer .desc p {margin-bottom: 5px;}
.bottom_footer .desc .mentions a,
.bottom_footer .desc .mentions a:active,
.bottom_footer .desc .mentions a:focus {color: rgb(53, 28, 11);}
.bottom_footer .desc a.more {color: rgb(209, 105, 22); text-transform: uppercase; font-weight: bold; width: 100%; float: left;}
.bottom_footer .mentions li {float: left;}
.bottom_footer .social a {margin-right: 10px;}
.bottom_footer .social a:last-child {margin-right: 0;}
.bottom_footer .social {text-align: right;}

@media screen and (max-width: 991px) {
    footer .container {width: 100%;}
    .bottom_footer .social {margin-top: 15px;}
    .top_footer .images img {margin-right: 30px;}
}

@media screen and (max-width: 767px) {
    .bottom_footer .desc p {text-align: center;}
    .bottom_footer .logo_footer {margin: 0 auto 10px auto; display: block;}
    .top_footer .images img {margin-right: 20px;}
    .top_footer .images .block-three {margin-bottom: 20px;}
    .top_footer .images .block-three,
    .top_footer .images .block-two {width: 100%; margin-right: 0;}
    .bottom_footer .desc a.more {text-align: center;}
    .bottom_footer .social {text-align: center;}
    .top_footer .images {margin-bottom: 0;}
    .bottom_footer .mentions {width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
}

/**** Header ****/ 
.disquette {padding: 0 15px !important;}
.disquette img {top: 50%; position: relative; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.registered {font-size: 16px; font-weight: 300;}
.registered a,
.registered a:hover,
.registered a:focus,
.registered a:active {color: inherit;}
.header_second .top > div{background-color: #351c0b;}
.header_second .navbar {text-align: center; min-height: 40px; margin-bottom: 0; font-weight: 700; font-size: 14px;text-transform: uppercase; line-height: 1.2; border: 0px solid transparent; }
.header_second .navbar a {color: #fff; padding: 10px 25px;}
.header_second .navbar a:hover,
.header_second .navbar a:focus,
.header_second .navbar a:active {background-color: inherit; color: #fff !important;}
.header_second .hamburger .navbar-nav a:hover {background-color: #d16916;}
.header_second .navbar-nav {width: 100%;  display: -webkit-box;  display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center;  -ms-flex-align: center; justify-content: flex-start;  -webkit-box-pack: start; -ms-flex-pack: start;}
.header_second .navbar .active {background-color: #d16916; min-height: 39px;}
.header_second .navbar a img {margin-right: 10px;}
.header_second .estimation {float: left;display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center;-ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.header_second .estimation > p {margin-right: 35px;}
.header_second .estimation > p {max-width: 370px;}
.header_second .estimation .title {font-weight: 700; font-size: 26px; line-height: 1; display: block;}
.header_second .estimation .desc {font-weight: 300; font-size: 26px; line-height: 1.2; display: block;}
.header_second .bottom .logo{float: left; margin-right: 50px;}
.header_second .bottom { margin-top: 40px; z-index: 2;}
.header_second .bottom_bg {background:url("../images/visuel.png"); background-size: cover; background-position: 100% 25%; background-repeat: no-repeat; position: relative; margin-bottom: 30px;}
.header_second.home .bottom_bg {background-color: #fff; margin-bottom: 40px; background-image: none;}
.header_second .bottom_bg .bottom_bg_layer {position: absolute; top:0; left:0; width:100%; height:100%; background: linear-gradient(rgba(255,255,255,0.35) -15%, rgba(255,255,255,1) 100%); z-index:1;}
.header_second .right .button_generic {width: 100% !important;}

.account_select {border: 1px solid #351c0b; background-color: #fff; width: 240px; margin-bottom: 10px;}
.account_select.nav > li > a {color: #351c0b; font-family: 'Roboto';}
.account_select.nav > li > a:hover,
.account_select.nav > li > a:focus,
.account_select.nav > li > a:active {background-color: #fff;}
.account_select.nav li a {font-weight: 400; font-size: 16px;}
.account_select.nav li .dropdown-toggle {padding-right: 40px; cursor: pointer; background-image: url("../images/chevron-top.svg");  background-position: right 20px center; background-repeat: no-repeat; font-weight: 500;}
.account_select.nav.visible-xs.visible-sm li .dropdown-toggle {background-image: url("../images/chevron-top-white.svg");}
.account_select.nav.visible-xs.visible-sm li .dropdown-toggle.change_chevron {background-image: url("../images/chevron-bottom-white.svg");}
.account_select.nav li .dropdown-toggle.change_chevron {background-image: url("../images/chevron-bottom.svg");}
.nav.account_select .dropdown-menu > li > a {padding-top: 5px; padding-bottom: 5px;}
.account_select.nav li a:hover,
.account_select.nav li a:focus,
.account_select.nav li a:active {background-color: #fff;}
.account_select.nav li .deconnexion {text-transform: uppercase; color: #c81e1e; font-size: 12px; line-height: 1.2;}
.account_select.nav li .deconnexion:hover,
.account_select.nav li .deconnexion:active,
.account_select.nav li .deconnexion:focus {color: #c81e1e !important;}
.account_select.nav li .deconnexion img {margin-right: 10px;}
.account_select .dropdown-menu {border-radius: 0px; padding: 10px 0; margin-top: 0; width: 100%;}
.account_connect {background-color: #d16916; min-width: 240px; margin-bottom: 15px;}
.account_connect.nav li .dropdown-toggle {padding: 15px 15px 15px 40px; cursor: pointer; background-image: url("../images/picto-compte.svg");  background-position: left 20px center; background-size: 17px;  background-repeat: no-repeat; font-weight: 700; color: #fff; font-size: 14px; text-transform: uppercase; padding-left: 50px;}
.account_connect.nav li a:hover,
.account_connect.nav li a:focus,
.account_connect.nav li a:active {background-color: #d16916;}
.forgot.forget-password {color: rgba(56, 20, 8, 0.6) !important;}
.account_connect.nav .dropdown-menu li a:hover {color: #d16916 !important;}
.account_connect .dropdown-menu {padding: 25px; white-space: initial; margin-top: 0px; border: 1px solid transparent; border-radius: 0; width: 100%; left: auto; right: 0;}
.account_connect input[type="email"],
.account_connect input[type="password"] {width: 100%; height: auto; box-shadow: inset 1px 1px 5px #d2d2d2; border: 1px solid #d2d2d2; border-radius: 5px; padding: 10px;margin-bottom: 15px;}
.account_connect input::placeholder {color: #8c8c8c; font-weight: 300; font-size: 16px;}
.account_connect .forgot {font-weight: 300; font-size: 13px; display: block; margin-bottom: 15px; color: rgba(56, 20, 8, 0.6) !important;}
.account_connect .notyet {color: #281e1e; font-weight: 300; font-size: 13px;}
.account_connect .notyet a,
.account_connect .notyet a:hover,
.account_connect .notyet a:active,
.account_connect .notyet a:focus {color: #d16916; font-weight: 500; font-size: 15px; display: block; background-color: transparent !important;}
.account_connect a,
.account_connect a:hover,
.account_connect a:focus,
.account_connect a:active {background-color: transparent !important;}
.account_connect input.button_generic {margin-bottom: 15px; box-shadow: none; background-color: transparent; border: 2px solid #d16916; border-radius: 0; color: #d16916; font-size: 14px; font-weight: 700;}
.account_connect #desktop_form_authentification ul {padding-left: 0; list-style-type: none;}

.action_select.nav > li > a {color: #351c0b; font-family: 'Roboto';}
.action_select.nav > li > a:hover,
.action_select.nav > li > a:focus,
.action_select.nav > li > a:active {background-color: #fff;}
.action_select.nav li a {font-weight: 400; font-size: 16px;}
.action_select.nav li .dropdown-toggle {padding-right: 40px; cursor: pointer; background-image: url("../images/chevron-top.svg");  background-position: right 20px center; background-repeat: no-repeat; font-weight: 500;}
.action_select.nav.visible-xs.visible-sm li .dropdown-toggle {background-image: url("../images/chevron-top-white.svg");}
.action_select.nav.visible-xs.visible-sm li .dropdown-toggle.change_chevron {background-image: url("../images/chevron-bottom-white.svg");}
.action_select.nav li .dropdown-toggle.change_chevron {background-image: url("../images/chevron-bottom.svg");}
.nav.action_select .dropdown-menu > li > a {padding-top: 5px; padding-bottom: 5px;}
.action_select.nav li a:hover,
.action_select.nav li a:focus,
.action_select.nav li a:active {background-color: #fff;}
.action_select.nav li .deconnexion {text-transform: uppercase; color: #c81e1e; font-size: 12px; line-height: 1.2;}
.action_select.nav li .deconnexion:hover,
.action_select.nav li .deconnexion:active,
.action_select.nav li .deconnexion:focus {color: #c81e1e !important;}
.action_select.nav li .deconnexion img {margin-right: 10px;}
.action_select .dropdown-menu {border-radius: 0px; padding: 10px 0; margin-top: 0; width: 100%;}
.action_select.nav li a
{
	position: inherit;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 0px;
}

@media screen and (max-width: 991px) {
    .header_second.home {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse;}
    .header_second.home .bottom_bg,
    .header_second.home .top {width: 100%;}
    header .container {width: 100%;}
    .header_second.home .bottom {
		/*margin-top: 80px;*/
		margin-top: 15px;
	}
	.header_second.home .bottom_bg {margin-bottom: 10px;}
	.header_second.home .bottom {margin-bottom: 15px;}
	
    /***** Begin ajust menu hamburger breakpoint *****/
    .hamburger .navbar-header {width: 100%;}
    .hamburger .navbar-left,.hamburger .navbar-right {float: none !important;}
    .hamburger .navbar-toggle {display: block;}
    .hamburger .navbar-collapse {border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
    .hamburger .navbar-fixed-top {top: 0;border-width: 0 0 1px;}
    .hamburger .navbar-collapse.collapse {display: none!important;}
    .hamburger .navbar-nav {float: none!important; margin-top: 7.5px; max-height: 300px; /*overflow-y: scroll!important;*/}
    .hamburger .navbar-nav>li {float: none;}
    .hamburger .navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px;}
    .hamburger .collapse.in{display:block !important;}
    /***** End ajust menu hamburger breakpoint *****/
    .hamburger_global {padding: 0;}
    .hamburger_global .navbar-header {padding-right: 15px;}
    .hamburger .nav.navbar-nav li.active {border-top: 1px solid rgba(255, 255, 255, 0.4);}
    .hamburger .nav.navbar-nav li{width: 100%; float: left; border-bottom: 1px solid rgba(255, 255, 255, 0.4);}
    .hamburger .nav.navbar-nav li:last-child {border-bottom: 1px solid transparent;}
    .hamburger .nav.navbar-nav {display: block; margin: 0;}
    .account_select {float: left; margin-bottom: 0; width: auto; min-width: 155px; padding-left: 15px; background-color: #351c0b;}
    .account_select.nav li .dropdown-toggle,
    .account_select.nav li a:hover,
    .account_select.nav li a:focus, 
    .account_select.nav li a:active {min-width: 140px; color: #fff; background-color: #351c0b; text-align: left; border-right: 1px solid #726155;}
    .account_select.nav li a {font-size: 14px;}
    .account_select.nav li .dropdown-toggle {padding-left: 15px;}
    .account_select .dropdown-menu {background-color: #351c0b;} 
    .hamburger button.navbar-toggle {margin: 0;}
    .header_second .top > .col-xs-12 {padding: 0;}
    .header_second .button_generic {width: auto;}
    .hamburger .navbar-header .visible_tablet:first-child {float: left;}
    .hamburger .navbar-header .visible_tablet {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
    .hamburger .navbar-header .visible_tablet .button_generic  {min-height: 40px; ;}
    .nav.account_select .dropdown-menu > li > a {padding-left: 10px; padding-right: 10px;}
    .hamburger .visible_tablet .tab_menu {font-size: 14px; line-height: 1; color: #fff; text-transform: uppercase;-webkit-transform: translateY(30%); transform: translateY(30%)}
    .account_connect {margin-bottom: 0; float: left;}
    .account_connect.nav li .dropdown-toggle {padding: 10px 25px 10px 50px; background-position: left 30px center; height: 40px;}
    #hamburger_icon.navbar-toggle {margin-right: 70px; margin-left: 15px; height: 23px; padding:0;}
    #hamburger_icon {display: flex; align-items: top;}
    #hamburger_icon .menu_header {padding-left: 25px; height: 13px;}
    /**** Begin animate hamburger ****/
    #hamburger_icon {width: 29px; height: 20px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
    #hamburger_icon span {width: 22px; display: block; position: absolute; height: 3px; width: 100%; background: #fff; border-radius: 0px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);-o-transform: rotate(0deg); transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;  -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
    #hamburger_icon span:nth-child(1) {width: 22px; top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
    #hamburger_icon span:nth-child(2) {top: 9px; width: 16px; -webkit-transform-origin: left center; -moz-transform-origin: left center;-o-transform-origin: left center; transform-origin: left center;}
    #hamburger_icon span:nth-child(3) {width: 22px; top: 18px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
    #hamburger_icon:not(.collapsed) span:nth-child(1) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0; left: 0;}
    #hamburger_icon:not(.collapsed) span:nth-child(2) {width: 0%;opacity: 0;}
    #hamburger_icon:not(.collapsed) span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 16px; left: 0px;}
    /**** End animate hamburger ****/
	
	.action_select.nav li .dropdown-toggle,
	.action_select.nav li a:hover,
	.action_select.nav li a:focus, 
	.action_select.nav li a:active {min-width: 225px; max-width: 250px; color: #fff; background-color: #FFF; text-align: left;}
	.action_select.nav li a {min-width: 225px; max-width: 250px;font-size: 14px;}
	.action_select.nav li .dropdown-toggle {min-width: 225px; max-width: 250px;padding-left: 15px;} 
}

@media screen and (max-width: 767px) {
	.disquette {
		position: absolute;
		right: 60px;
		top: 0;
		height: 40px;
	}
	
    #hamburger_icon.navbar-toggle {margin-right: 0;}
    .header_second.home .bottom {margin-top: 15px; margin-bottom: 5px;}
    .header_second .button_generic {width: 100%;}
    .header_second .estimation .title,
    .header_second .estimation .desc{font-size: 18px;}
    .header_second .estimation > p {margin-right: 0;}
    .header_second .estimation {display: block;}
    .header_second .bottom .logo {margin-right: 20px;}
    .header_second .bottom > div {display: flex; justify-content: flex-start;}
    .header_second .bottom {padding: 0;}
    .header_second .bottom_bg {margin-bottom: 0;}
    .header_second .bottom .logo {height: 80px; width: 71px;}
}

@media screen and (max-width: 549px) {
    .account_connect {min-width: 0;}
    .account_connect .dropdown-menu {width: 280px;}
    .account_connect.nav li .dropdown-toggle {padding: 0 22px; background-position: left 14px center;}
}

 /* add for NC */
.criterias_other {float: left; width: calc(50% - 20px); padding-right: 20px;}

/********* web2print **********/
#site #logo im {width: 200px;}

/********* Step one **********/
.top_step1 {margin-top:50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.top_step1 h1 {margin-top: 0;}
.top_step1 .connect {font-size: 16px; font-weight: 300; padding-top: 10px;}
.top_step1 .connect a {color: #d16916; font-weight: 500;}
#steps .space_people {position: relative; float: left; width: 100%; margin-bottom: 60px;}
#steps .space_people .or {z-index:90; line-height:2; position: absolute; min-width: 40px; min-height: 40px; border-radius: 50%; background-color: #fff; box-shadow: 0 6px 20px rgba(0,0,0,.2); color: #d16916; font-size: 18px; font-weight: 500; padding: 2px; top: 43%; left: 48%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
#steps .space_people .block {box-shadow: 0 1px 50px rgba(0,0,0,.08); width: 50%; float: left; background-color: #fff;}
#steps .space_people .block .inner_border {cursor: pointer; min-height: 260px; padding: 15px 30px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; /*-webkit-box-align: center; -ms-flex-align: center; align-items: center;*/-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
#steps .space_people .block .inner_border > div {position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 100%; text-align: center; padding: 0 10px;}
#steps .space_people .block.active {background-color: #d16916; color: #fff;}
#steps .space_people .block img {margin: 0 auto 15px auto; display: block;}
#steps .space_people .block p {font-weight: 300; font-size: 18px;}
#steps .space_people .block > div { transition: all 0.4s;}
/*#steps .space_people .block.active .inner_border:hover {box-shadow: inset 0 0 0 5px #fff;}*/
#steps .space_people .block .inner_border:hover {box-shadow: inset 0 0 0 5px #d16916;}
.step_style1#steps .question .global {padding: 50px 40px;}
#steps .question .global.wrapper-q24 {padding-bottom: 10px;}
.step_style1 .question {margin-bottom: 0;}
.step_style1 .change_page {background-color: #36170f;}
.step_style1 .formular .letter_less {width: 270px;}
.step_style1 .input_radio_title {padding-right: 25px;}
.step_style1 .mycheckbox {padding-left: 205px; padding-top: 20px;}
.step_style1 .mycheckbox .input_check,
.step_style1  .mycheckbox input[type="checkbox"]:checked + .input_check {width: 30px;}
.step_style1 .input_check_title {font-size: 16px; font-weight: 300;}
.step_style1 .myradiobox .input_radio_title {width:auto; padding: 3px 5px;}
.civility_style {display: flex; align-items: center; justify-content: flex-start;}
.civility_style .title {width: 210px; min-height: 40px; margin-bottom: 10px; font-size: 18px; font-weight: 700; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.step_style1 .mycheckbox .input_check_title {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;width:350px;}
.civility_style {padding-bottom: 10px;}
.step_style1 .myradiobox {float: left; width: auto;}
.space_people_bubble {float: left; width: 100%; margin-bottom: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.space_people_bubble .block {cursor: pointer; border-bottom-right-radius: 5px; border-top-right-radius: 5px; box-shadow: 0 6px 12px rgba(0,0,0,.175); width: 240px; float: left; padding: 25px; background-color: #fff; font-size: 18px; font-weight: 400; line-height: 1.2; text-align: center;}
.space_people_bubble .block:first-child {border-bottom-right-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 5px; border-top-left-radius: 5px;}
.space_people_bubble .block.active {position: relative; background-color: #d16916; color: #fff; border-bottom-left-radius: 5px; border-top-left-radius: 5px; border-bottom-right-radius: 0px; border-top-right-radius: 0px;}
.space_people_bubble .block.active img {position: absolute; bottom: -10px; left: 45%; display: block;}
.space_people_bubble .block > img {position: absolute; bottom: -10px; left: 45%; display: none;}
.space_people_bubble .block.active:last-child {border-bottom-left-radius: 0px; border-top-left-radius: 0px; border-bottom-right-radius: 5px; border-top-right-radius: 5px;}
.civility_style select.dialing_codes {width: 83px; margin-bottom:10px;}
.step_style1 .civility_style input.phone_number {width: 187px;}
.g-recaptcha {padding-left: 205px; padding-top: 10px; clear: both;}
.label_phone {padding-bottom: 10px;}
.label_phone select.dialing_codes {width: 83px; margin-bottom:0px; }
.label_phone input.phone_number {width: 100%;}
.div_phone {display: flex; flex-direction: row; justify-content:space-between; width: 270px;}

/********* Step one **********/

/********* Step 2, 3 **********/
#bearing_walls_crack_orientation .mycheckbox,
#floor_covering_wrapper .mycheckbox,
#wall_type_wrapper .mycheckbox {float: left; width: 50% !important;}
#constructionYearInformationFilled {display: none;}
.question .subtitle {font-weight: 300;}
.question {font-weight: 700; color: #fff; float: left; width: 100%; margin-bottom: 40px;}
.question .light {font-weight: 300; font-size: 20px;}
#steps { background-color: #ebebeb; padding-bottom: 100px;}
#steps .question .top,
request-details .question .top {display: flex; font-size: 20px; line-height: 1.2;}
#steps .question .top .triangle,
request-details .question .top .triangle {background-color: #d16916;  padding: 30px; background-image: url("/website/static/images/chevron.svg"); background-repeat: no-repeat; background-position: 50%; background-size: 10px;}

#steps .question .top .title, 
request-details .question .top .title {background-color: #36170f; padding: 20px; width: 100%;}
#steps .question .top .title.alone,
request-details .question .top .title.alone {padding: 20px 20px 20px 70px;}
#steps .question .global,
request-details .question .global {padding: 30px 60px 30px 90px; background-color: #fff; font-size: 18px; font-weight:  400; color: #3a1b13; float: left; width: 100%;}
#steps .question .global.wrapper_less {padding-bottom: 10px;}
#steps .question .global  label {font-weight: 400;}
#steps .question .global ul {padding-left: 0; width: 100%; float: left;}
#steps .question .global ul li {list-style-type: none; margin-left: 20px;}
#steps .question .global ul li a {color: #d16916;}

.mycheckbox {width: 100% !important;}
.mycheckbox.semiColumn {float: left; width: 50% !important;}
.mycheckbox,
.myradiobox {position: relative; padding-right: 20px; width: calc(50% - 20px); float: left; min-height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex;}
.mycheckbox input,
.myradiobox input {position: relative; z-index: -9999;}
.mycheckbox .input_check {height: 30px; width: 36px !important;display: block; background-repeat: no-repeat !important; background: url("../images/uncheck.svg");  cursor: pointer; position: relative; left: -13px;}
.myradiobox .input_radio {height: 26px; width: 32px; display: block; background-repeat: no-repeat !important; background: url("../images/radio-uncheck.svg"); background-size: 26px; cursor: pointer; position: relative; left: -10px;}
.mycheckbox input[type="checkbox"]:checked + .input_check {background-repeat: no-repeat !important; background: url("../images/checked.svg"); cursor: pointer; height: 30px; width: 36px; position: relative; left: -13px;}
.myradiobox input[type="radio"]:checked + .input_radio {background-repeat: no-repeat !important; background: url("../images/radio-checked.svg"); cursor: pointer; height: 26px; width: 32px; background-size: 26px; position: relative; left: -10px;}
.mycheckbox .input_check_title,
.myradiobox .input_radio_title {width: 100%; word-break: break-word; padding: 3px 0;padding-left: 5px;}
.myradiobox.two {padding-right: 10px; margin-bottom: 20px; float:left; position: relative; width: auto; min-height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex;}
.myradiobox.two input {position: relative; z-index: -9999;}
.myradiobox.two .input_radio {text-align: center; padding: 10px 20px;  height: 45px; width: 55px; display: block; background-repeat: no-repeat !important; background: url("../images/temp/radiobox-2-inactive.png"); background-size: 55px; cursor: pointer; position: relative;}
.myradiobox.two input[type="radio"]:checked + .input_radio {color:#fff; background-repeat: no-repeat !important; background: url("../images/temp/radiobox-2-active.png"); cursor: pointer; height: 45px; width: 55px; background-size: 55px; position: relative;}
.myradiobox.two .input_radio_title {padding-left: 5px;}
.myradiobox.big {margin-bottom: 20px; float:left; position: relative; width: auto; min-height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex;}
.myradiobox.big input {position: relative; z-index: -9999;}
.myradiobox.big .input_radio {text-align: center; padding: 10px 20px;  height: 45px; width: auto; border-radius: 5px; background-image: none; display: block; background-repeat: no-repeat !important; border: 1px solid #dcdcdc; cursor: pointer; position: relative;}
.myradiobox.big input[type="radio"]:checked + .input_radio {color:#fff; background-image: none; cursor: pointer; height: 45px; width: auto; background-color: #d16916; border-radius: 5px; color: #fff; border: 1px solid #d16916; position: relative;}
.myradiobox.big .input_radio_title {padding-left: 5px;}
.form_check li,
.form_radio li{margin-right: 20px; width: calc(50% - 20px); float: left;}
.form_check li:last-child,
.form_radio li:last-child {margin-right: 0;}

.formular .letter_less {width: 100%;height: 45px; box-shadow:inset  1px 1px 5px #d2d2d2 ; border: 1px solid #d2d2d2; border-radius: 5px; padding: 10px; margin-bottom: 10px;}
.formular .letter_less_two {width: 100%; height: 140px; box-shadow:inset  1px 1px 5px #d2d2d2 ; border: 1px solid #d2d2d2; border-radius: 5px; padding: 10px; margin-bottom: 10px;}
/*.formular .letter_less_three
{
	height: 40px;
	box-shadow: inset 1px 1px 5px #d2d2d2;
	border: 1px solid #d2d2d2;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 10px;
	width: 100%;
}*/
.formular input[type=number] {height: 40px; box-shadow:inset  1px 1px 5px #d2d2d2 ; border: 1px solid #d2d2d2; border-radius: 5px; padding: 10px; margin-bottom: 20px; margin-top: 10px; width: 150px;}
.letter_rest {width:  100%; color: #d16916; font-size: 13px; font-weight: 300; text-align: right; margin-bottom: 10px;}
.letter_less::placeholder,
.letter_less_two::placeholder {color: #8c8c8c; font-weight: 300;}
#steps .question .info {float: left; width: 100%;}
.info img{ position: absolute;}
.info span {font-weight: 300; font-style: italic; font-size: 17px; line-height: 1.2; padding-left: 30px; display: block;}
.level {width: 100%; float: left; margin-bottom: 20px;}
.btn_level {border-radius: 4px; border: 1px solid #dcdcdc;  float: left; padding: 15px 20px; font-size: 18px; margin-right: 20px; font-weight: 400; background-color: #fff;}
.btn_level.active {background-color: #d16916; color:#fff; border: 1px solid transparent;}
.change_page {background-color: #d16916; padding: 25px 50px; float: left; width: 100%;}
.mandatory {font-weight: 300; font-size: 16px; margin-bottom: 40px;}
select {background-color: #fff; color: #8c8c8c; width: 100%; height: 45px; border: 1px solid #d2d2d2; box-shadow:inset 1px 1px 5px #d2d2d2; border-radius: 5px; padding: 10px; margin-bottom: 20px; font-weight: 300;}
.step_three .formular .width_height input[type="number"] {margin-bottom: 0;}
.step_three .width_height {margin-bottom: 20px;}

#crawl_spaces_details textarea,
#other_problem_details textarea,
.revetement_sol_autre textarea,
#wall_type_other textarea,
#localized_area_details textarea,
#wall_type_other textarea {resize:none;}
/*#bearing_walls_cracks_gap_wrapper .width_height > span {display: block;}*/
#wall_type_wrapper .wrapper_less,
#has_foundations_wrapper .wrapper_less {display: flex; flex-direction: column;}
#seepages_question:not([hidden]),
#seepages_cracks_length:not([hidden]) {width: 100%; display: flex; flex-direction: column; justify-content: flex-start}
#seepages_question span,
#seepages_cracks_length span {margin-bottom: 10px;}
/********* Step 2, 3 **********/

/********* Step 4 **********/
.step_four .limited_text.letter_less.letter_less_two {resize:none;}
.step_four .top_step1 {margin-top: 0;}
/********* Step 4 **********/

/********* Step 5 **********/
.step_five .info {margin-bottom: 15px;}
/********* Step 5 **********/

/********* Step 6 **********/
.top_step6 .mandatory {margin-bottom: 20px;}
.top_step6 div:last-child {margin-bottom: 40px;}
#fame_origin_wrapper .civility_style {display: block;}
#other_fame_origin_wrapper {width: 100%;}
.step_six .mycheckbox .input_check_title {width: 100%;word-break: break-word;}
/********* Step 6 **********/

/********* step 7 *********/
#steps.step_seven .question .global .answer {margin-top: 10px; }
.resume_question div:first-child {margin-bottom: 15px; font-weight: 700; font-size:17px;}
.resume_question {float: left; text-align: left;}
#steps.step_seven .question .global,
request-details .question .global {padding:30px 40px;}
#creation_compte.button_generic {border: 2px solid transparent !important;}
.steps7_question{display: inline-block;margin: 10px 25px; width: 100%;}
.steps7_question:before {background-color: #d16916; /*content:'•';*/ content:''; float: left; width: 15px;  height: 15px; border-radius: 50%;  margin: 5px 10px 0 -25px;}
.step_seven .button_generic {padding: 15px;padding: 15px;background: #d16916;color: #FFF;width: 200px;line-height: 35px;}
/********* step 7 *********/

/*.resume_question div:first-child:before*/ 
@media screen and (max-width: 1199px) {
    .civility_style {width: 100%; display: block; float: left;}
}

@media screen and (max-width: 991px) {
    .top_step1 .connect {padding-top: 0;}
    .civility_style .title,
    .civility_style {width: 100%; display: block; float: left;}
    .step_style1 .mycheckbox {padding-left: 0;}
    .g-recaptcha {padding-left: 0;}
    .top_step1 {display: block;}
    .top_step1 .mandatory {margin-bottom: 20px;}
    #steps .container-fluid {padding: 0;}
    #steps .question .top .title.alone {padding: 20px;}
}

@media screen and (max-width: 767px) {
    #steps .question .top .triangle_wrapper {padding: 20px 15px;}
    .change_page {padding: 25px 15px;}
    .step_six .formular input[type="text"] {height: auto;}
    #steps .question .top .title {font-size: 18px;}
    .mycheckbox,
    .myradiobox,
    .criterias_other {padding-right: 0;}
    .mycheckbox,
    .criterias_other,
    .myradiobox {width: 100%;}
    /*.formular .letter_less {height: 145px;}*/
    #steps .btn_level {margin-bottom: 20px;}
    #steps .level {margin-bottom: 0;}
    .button_previous,
    .button_next {height: 50px; width: 50px; min-width: 0; padding: 0;} 
    .step_three .width_height span:first-child {display: block; padding-bottom: 10px;}
    .civility_style .title {min-height: 0;}
    .step_style1 .button_generic {margin-bottom: 0 !important;}
    /*.step_style1 .formular .letter_less {width: 100%; height: 40px;}*/
    .step_style1 .civility_style input.phone_number, .civility_style select.dialing_codes {width: 100%;}
	
    #steps .space_people .block {width: 100%;}
    #steps .space_people .block .inner_border > div {position: inherit; transform: translateY(0%);}
    #steps .space_people .block .inner_border {padding: 30px; min-height: 0; position: inherit;}
    #steps .space_people .or {top: 45%; left: 47%;}
    .space_people_bubble,
    #steps .space_people {margin-bottom: 30px;}
    .top_step1 {margin-top: 0;}
    #disorder_origin_wrapper .mycheckbox,
    #bearing_walls_crack_orientation .mycheckbox,
    #floor_covering_wrapper .mycheckbox,
    #wall_type_wrapper .mycheckbox {width: 100% !important;}
}

@media screen and (max-width: 550px) {
    .space_people_bubble {box-shadow: none;}
    .space_people_bubble .block.active,
    .space_people_bubble .block {border-radius: 5px; width: 100%; box-shadow: 0 6px 12px rgba(0,0,0,.175); margin-bottom: 15px;}
    .space_people_bubble .block.active img {display: none;}
    .step_style1 .button_generic {width: 100%; margin-bottom: 20px;}
    .step_style1 .change_page .button_generic:last-child {margin-bottom: 0;}
    #creation_compte.button_generic {margin-top: 20px;}
    .mycheckbox .input_check,
    .myradiobox .input_radio {max-width: 20%;}
    .myradiobox.two .input_radio,
    .myradiobox.big .input_radio{max-width: none;}
    .resume_question {float: none; text-align: left;}	
	.mycheckbox .input_check {width: 68px !important;}
}

/************** Jquery validate ***************/
label.error {width: 100%; color: #cd4844; margin-bottom: 10px; font-weight: 500;}
.warning-add {border: 1px solid #cd4844 !important; box-shadow: none!important;}

@media screen and (max-width: 991px) {
    #steps .question .global {padding-left: 30px; padding-right: 30px;}
    #steps {padding-bottom: 60px;}
}

@media screen and (max-width: 549px) {
    #steps .col-xs-12 {padding: 0;}
    #steps .question .global {padding-left: 15px; padding-right: 15px;}
	
	#steps .question .global .mycheckbox:nth-child(5) .input_check_title {
		padding-bottom: 20px;
		padding-left: 5px;
	}
}

@media screen and (max-width: 379px) {
	#steps .question .global .mycheckbox:nth-child(5) .input_check_title {
		padding-left: 5px;
	}
}

/********* Home *********/
#home h1 {padding: 0 50px;}
#home .home_bg {background-repeat: no-repeat; background: url("../images/visuel.png"); height: 420px; width: 100%; background-size: cover; position: relative; }
#home .home_bg .content .button_generic {padding: 20px;}
#home .home_bg .content {padding: 15px 0 70px 0; text-align: center; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
#home .home_bg .content h1 {position: initial; font-weight: 700; font-size: 42px; color: #fff; line-height: 1.2; text-shadow: 0 0 12px rgba(0, 0, 0, 0.4);}
#home .home_bg .content > p {font-size: 17px; font-weight: 400; color: #fff; line-height: 1.2; text-shadow: 0 0 12px rgba(0, 0, 0, 0.4);}
#home .home_bg > div,
#home .home_bg > div > div{height: 100%;} 
#home .button_generic {float: none; justify-content: center;}
.home_bottom {background-color: #ebebeb; padding-bottom: 60px;}
.home_bottom .block:first-child {margin: 0 15px 0 -30px}
.home_bottom .block:nth-child(2) {margin: 0 15px;}
.home_bottom .block:last-child {margin: 0 -30px 0 15px;}
.home_bottom .block {min-height: 230px; height: 230px; width:-webkit-calc(100%/3); width: calc(100%/3); float: left; box-shadow: 0 6px 12px rgba(0,0,0,.175); background-color: #fff; text-align: center; padding: 30px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.home_bottom .block .title {font-weight: 700; font-size: 14px; text-transform: uppercase; line-height: 1.2; color: #d16916;}
.home_bottom .block .create{font-weight: 300; font-size: 18px; margin-bottom: 0;}
.home_bottom .block .desc{font-weight: 500; font-size: 18px; margin-bottom: 0;}
.home_bottom .content {top: -50px;}
.home_bottom .content_explain > p {font-weight: 300; line-height: 1.3; text-align: center; font-size: 18px; margin-bottom: 10px;}
.home_bottom .content_explain p:last-child {font-weight: 500; line-height: 1.2; text-align: center; font-size: 20px; margin-bottom: 50px;}
.home_bottom .content_legal {font-size: 13px; font-weight: 300; line-height: 1.5; text-align: center;}

@media screen and (max-width: 1199px) {
    .home_bottom .content {padding: 0 60px !important;}
}

@media screen and (max-width: 991px) {
    #home .container {width: 100%;}
    .home_bottom .content {padding: 0 45px !important;}
    .home_bottom {padding-bottom: 50px;}
}

@media screen and (max-width: 767px){
    #home .home_bg {height: 280px;}
    #home .home_bg .content h1 {font-size: 28px;}
    #home .home_bg .content {padding: 20px 0;}
    .home_bottom .content {top: 0px; padding: 40px 10px !important;}
    .home_bottom .block:first-child {margin: 0 5px 0 -10px}
    .home_bottom .block:nth-child(2) {margin: 0 5px;}
    .home_bottom .block:last-child {margin: 0 -10px 0 5px;}
    .home_bottom .block {height: auto;}
}

@media screen and (max-width: 549px) {
    .home_bottom .block:first-child {margin: 0 0 15px 0;}
    .home_bottom .block:nth-child(2) {margin: 0 0 15px 0;}
    .home_bottom .block:last-child {margin: 0 0 15px 0;}
    .home_bottom .block {width: 100%;}
    .home_bottom .block {min-height: auto; text-align: center;  padding: 30px 15px;  display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify;  justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
    .home_bottom .block > div { width: 70%; order: 2; text-align: left;}
    .home_bottom .block img {order: 1;}
    .home_bottom .block .title {margin-bottom: 0;}
	#home h1 {padding: 0 15px;}
}

/**************** Wysiwyg *********************/
.cms {background-color: #ebebeb; padding-bottom: 20px;}
.wysiwyg {-ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
.wysiwyg .no-margin-bottom {margin-bottom: 0 !important;}
.wysiwyg {padding: 40px; font-size: 16px; font-family: 'Roboto'; font-weight: 300; line-height: 1.2; background-color: #fff; margin-top: 30px;}
.wysiwyg h1 {font-family: 'Roboto'; font-size: 32px; line-height: 1.2; left:0 !important;*font-weight: 700; margin: 0 0 15px 0 !important; left:0; float: left; display: block; width: 100%;}
.wysiwyg h2 {font-family: 'Roboto'; font-size: 28px;  line-height: 1.2; font-weight: 700; margin: 0 0 15px 0 !important;  color: #d16916; float: left; display: block; width: 100%;}
.wysiwyg h3 {font-family: 'Roboto'; font-size: 24px;  font-weight: 700; margin: 0 0 20px 0 !important; color: #d16916; float: left; display: block; width: 100%;}
.wysiwyg h4{ font-family: 'Roboto'; font-size: 20px;  font-weight: 700; margin: 0 0 10px 0 !important;  color: #d16916; float: left; display: block; width: 100%;}
.wysiwyg p,
.wysiwyg div {margin: 0 0 20px 0 !important; line-height: 1.5; float: left; display: block; width: 100%;}
.wysiwyg ul {list-style: none; padding: 0; margin: 5px 0 20px 0;}
.wysiwyg ol { padding: 0; margin: 5px 0 20px 0;}
.wysiwyg ol li {margin-bottom: 5px; position: relative; padding-left: 25px; line-height: 1.3;}
.wysiwyg ol li:before { color: #d16916; padding-right: 5px; font-weight: 700; font-size: 36px; position: absolute; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.wysiwyg ul li {margin-bottom: 5px; position: relative; padding-left: 25px; line-height: 1.3;}
.wysiwyg ul li:before {content: ". "; color: #d16916; padding-right: 5px; font-weight: 700; font-size: 36px; position: absolute; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
/*.wysiwyg img {max-width: 100%; width:100%; height: auto; margin: 0 0 40px 0;}*/
/*.wysiwyg p img {width: 100% !important; margin-bottom: 0;}*/
.wysiwyg blockquote p {padding-bottom: 0px; float: left; display: block; width: 100%;}
.wysiwyg blockquote {padding: 20px; background-color: #f5f5f5;  border-left: 5px solid #d16916; line-height: 1.5; margin: 0 0 30px 0;}
.wysiwyg table {margin: 0 0 30px 0;}
.wysiwyg hr {margin: 15px 0;}
.wysiwyg a,
.wysiwyg a:hover,
.wysiwyg a:focus,
.wysiwyg a:active {color: #d16916 !important;}
.wysiwyg p img {margin-left: 0px !important;}

@media screen and (max-width: 767px) {
    .wysiwyg iframe {max-height: 100%;  width: 100%; padding-bottom: 25px;}
}

@media screen and (max-width: 479px) {
    .cms .container-fluid {padding: 0;}
    .wysiwyg {padding: 20px 15px;}
    .wysiwyg h1,
    h1 {font-family: 'Roboto'; font-size: 28px; margin: 0 0 10px 0;}
    .wysiwyg h2,
    h2 {font-family: 'Roboto'; font-size: 24px;  margin: 0 0 10px 0;}
    .wysiwyg h3,
    h3 {font-family: 'Roboto'; font-size: 20px; margin: 0 0 10px 0;}
    .wysiwyg h4,
    h4 { font-family: 'Roboto'; font-size: 19px;  margin: 0 0 10px 0;}
}

/*************** messenger ****************/
.messenger .temoignage .alert {margin: 15px 0; border-radius: 0; font-size: 18px; text-align: center;}
.messenger .temoignage .message {width: 100%;}
.header_second.home .messenger .temoignage .alert {margin-bottom:20px; border-radius: 0; font-size: 18px; text-align: center;}

@media screen and (max-width: 991px) {
    .header_second.home .messenger .temoignage .alert {margin-bottom:0px; border-radius: 0; font-size: 18px; text-align: center;}
    .header_second.home .messenger .temoignage .message {width: 100%; margin-bottom:0px; margin-top:20px;}
    .header_second.home .messenger .temoignage .message {width: 100%;}
}

@media screen and (max-width: 767px) {
    .messenger .temoignage .alert {margin-bottom: 20px;}
}

/********* UPLOADER *********/
.my-drop-zone{border: dotted 3px lightgray; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; justify-content: center; align-items: center; position: relative; background-color:white; margin-bottom:inherit; margin: 10px auto; width:176px; height:147px;}
.my-drop-zone > span{font-size:14px;}
.my-over-class{border: dotted 5px green; }
.myThumb{height:126px; width:176px; display: -webkit-flex; display: flex;}
.myThumb > canvas{max-width:100%; height:auto; margin: auto;}
.dropInput{opacity: 0; position: absolute; top: 0; width: 100%; height: 100%; cursor: pointer;}
.ng-binding{ text-overflow: ellipsis; overflow: hidden;}
.UploaderContent{display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-around; justify-content:space-around;}
.itemUpload{-webkit-flex: 0 0 176px; flex: 0 0 176px; margin: 10px auto; text-align: center; position:relative; transition:all 2s ease-in; overflow: hidden;}
.itemClose{position: absolute; top: 0; right: 0; cursor: pointer;}
.progress-bar {background-color: #d16916 !important;}
.btn-success,
.btn-danger{border-radius: 0 !important;}

/************** Templates cms wysiwyg ***************/
.cms .button_generic {background-color: #351c0b; border-radius: 20px;}
.zoom_wysiwyg h1 {padding-bottom: 35px; font-size: 32px; font-weight: 700; color: #d16916;}

.zoom_wysiwyg h2,
.zoom_wysiwyg h2 span {color: #000; font-weight: 700;}
.zoom_wysiwyg h3,
.zoom_wysiwyg h3 span,
.zoom_wysiwyg h4,
.zoom_wysiwyg h4 span,
.zoom_wysiwyg h5,
.zoom_wysiwyg h5 span,
.zoom_wysiwyg h6,
.zoom_wysiwyg h6 span {text-transform: uppercase; color: #d16916; font-weight: 700; line-height: 1.2;} 

.zoom_wysiwyg p {padding-bottom: 20px;  margin: 0;  font-size: 14px; line-height: 1.2;} 
.zoom_wysiwyg ul {list-style: none; padding: 0; margin: 0 0 25px 0;}
.zoom_wysiwyg ol  { padding: 0 0 0 20px; margin: 0 0 25px 0;}
.zoom_wysiwyg ul li,
.zoom_wysiwyg ol li{font-size: 14px;  line-height: 1.2; margin-bottom: 5px;}
.zoom_wysiwyg ul li:before {content: "• "; color: #d16916; font-size: 140%; padding-right: 5px;}
.zoom_wysiwyg img {max-width: 100%;  height: auto;}
.zoom_wysiwyg blockquote p {padding-bottom: 0px;}
.zoom_wysiwyg blockquote { padding: 20px; background-color: #f5f5f5; border-left: 5px solid #d16916; font-size: 14px; line-height: 1.2; margin: 30px 0;}
.zoom_wysiwyg table {clear: both; margin: 15px 0 30px 0;}
.zoom_wysiwyg hr {margin: 15px 0 30px 0 !important;}
.zoom_wysiwyg a {color: #d16916;}
.zoom_wysiwyg p img {margin-left: 0px !important;}
.zoom_wysiwyg img {max-width: 100%;  height: auto !important;}

@media screen and (max-width: 991px) {
    .line_advantage:last-child {display: flex; width: 100%;}
}
@media screen and (max-width: 767px) {
    .zoom_wysiwyg iframe {max-height: 100%;  width: 100%; padding-bottom: 25px;}
}

@media screen and (max-width: 599px) {
        .zoom_wysiwyg img {max-height: 100%;  width: 100%; margin: 15px 0;}
		.zoom_image {float: none !important; text-align: center; padding: 0}
}

.cms .flex_head {display: flex;}
.cms .head_cms {background-color: #fff; color: #d16916; border-bottom: 5px solid #d16916;}
.cms .head_cms h1 {left: 0 !important; text-transform: uppercase;}

.backofficeCms .block_problematic {width: 100%;}
.backofficeCms .block_solution{display: block;}
.backofficeCms {display: block;}
.backofficeCms .block_solution .sol_left,
.backofficeCms .block_solution .sol_right,
.backofficeCms .block_solution .pimcore_editable.pimcore_tag_input,
.backofficeCms .block_solution .pimcore_editable.pimcore_tag_textarea{width: 100% !important; overflow-x: hidden !important;}
.backofficeCms .block_advantage .img img {width: 70px !important; float: left;}
.backofficeCms .block_zoom .pimcore_tag_input {width: 100% !important;}
.backofficeCms .block_zoom .bullet {width: 40px !important; height: 40px !important;}

.line_block_problematic {display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 30px;}
.block_problematic {
    border: 1px solid #d16916;
    display: flex;
    flex-direction: row;
    width: calc(50% - 10px);
    background-color: #fff;
    line-height: 1.2;
    float: left;  
}
.cms_h2{font-weight: 700 !important; font-size: 17px !important; margin: 30px 0 !important;}

.problematic_sub {text-decoration: underline; margin-bottom: 30px; }
.block_problematic:nth-child(even){margin-right: 0px;}
.block_problematic > div {padding: 15px;}
.block_problematic .title {color: #d16916; font-size: 16px; margin-bottom: 5px; font-weight: 500; text-transform: uppercase;}
.block_problematic .desc {font-size: 14px; margin: 0;}
.block_problematic .img {width: 150px; background-size: cover; padding: 40px;}

.block_solution {
	/*float: left;*/ 
	background-color: #fff; 
	display: flex;
	/*flex-direction: row;*/ 
	flex-direction: column; 
	margin-bottom: 30px;
}
.block_solution .sol_top
{
	display: flex;
	flex-direction: row;
}
.block_solution .sol_top ~ .desc 
{
	padding: 15px;
	font-family: 'Roboto';
	color: #fff;
	line-height: 1.2;
	font-weight: 400;
}
.block_solution .desc .desc_img
{
	margin-bottom: 0;
}
.block_solution .desc .sub_title
{
	text-decoration: underline;
	display: inline-block;
	float: left;
	margin-right: 15px;
	/*margin-bottom: 5px;*/
}
.block_solution .sol_left {width: 75%;}
.block_solution .sol_left .head_left {display: flex; flex-direction: row; margin-bottom: 15px;}
.block_solution .sol_left {padding: 15px;}
.block_solution .sol_left .head_left .img { width: 70px; background: url(/website/static/images/logo-dallage.svg) no-repeat center;  background-size: contain;}
.block_solution .sol_left .supra_title {margin-left: 10px; width: 100%; font-weight: 500; font-size: 16px;}
.block_solution .sol_left .supra_title p:first-child {color: #d16916; margin-bottom: 5px; text-transform: uppercase;}
.block_solution .sol_left .supra_title p:last-child {color: initial;}
.block_solution .sol_left .supra_title p {line-height: 1.2; }

.block_solution .sol_right {width: 25%;}
.block_solution .sol_right{display: flex; flex-direction: column; /*min-height: 332px;*/}
.block_solution .sol_right .img 
{
	/*height: 70%;*/
	height: 100%;
	background: no-repeat center; 
	background-size: cover !important; 
	/*background-size:contain !important;*/
	flex: 1;
}
.block_solution .sol_right .desc { padding: 10px; background-color: #d16916; color: #fff; text-align: right; margin-bottom: 0;}
.block_solution .sol_right .desc p {margin-bottom: 0; font-weight: 400;}
.block_solution .sol_right .desc p:first-child {text-decoration: underline; margin-bottom: 5px;}

.line_block_zoom {float: left; width: 100%; display: flex; flex-direction: row; }
.line_block_zoom .block_zoom {margin-right: 15px; background-color: #d2d2d2; padding: 15px; text-align: center; line-height: 1.2;}
.line_block_zoom .block_zoom:last-child {margin-right: 0;}
.block_zoom {position: relative;}
.block_zoom .title {font-size: 17px;  font-weight: 500;}
.block_zoom .desc {margin-bottom: 0;}
.block_zoom .bullet {color: #d2d2d2; background-color: #d16916; border-radius: 50%; font-size: 20px; font-weight: 500; min-width: 25px; width: 25px; position: absolute; left: -5px; top: -5px;}

.line_advantage {display: flex;}
.block_advantage { display: flex; flex-direction: row; float: left;  width: calc(50% - 20px);  margin-right: 20px; margin-bottom: 20px;}
.block_advantage .img_wrapper{min-width:105px;width: 120px; background: #fff; border: 1px solid #d16916; position: relative; min-height: 120px; padding: 20px; text-align: center; color: #fff;}
.block_advantage .img_wrapper:after,
.block_advantage .img_wrapper:before {content: '';display: block;position: absolute; left: 100%; width: 0;height: 0; border-style: solid;}
.block_advantage .img_wrapper:after {top: -1px; border-color: transparent transparent transparent #fff; border-top-width:60px; border-bottom-width:60px; border-left-width:20px; border-right-width:20px;left: 103px;}
.block_advantage .img_wrapper:before {top: -1px; left: 104px;border-color: transparent transparent transparent #d16916;border-top-width:60px; border-bottom-width:60px; border-left-width:20px; border-right-width:20px;}
.block_advantage .img {background-color: #fff; background: /*url(/website/static/images/visuel.png)*/ no-repeat center;  background-size: cover;}
.block_advantage .sub_desc {background-color: #d2d2d2;  padding: 15px 15px 15px 35px; width: 100%;}
.block_advantage .sub_desc p:first-child { line-height: 1.2; font-size: 20px;font-weight: 500;} 
.block_advantage .sub_desc p:last-child {margin-bottom: 0px;}
.block_advantage .desc {display: flex; align-items: center; width: 100%;}

@media screen and (max-width: 1199px) {
    .block_advantage .img_wrapper::after {left: 100px;}
    .block_advantage .img_wrapper::before {left: 101px;}
    .block_advantage .img_wrapper{min-width:102px;}
}

@media screen and (max-width: 991px) {
	.block_solution .desc .sub_title
	{
		display: block;
		float: none;
		margin-right: 0px;
		margin-bottom: 5px;
	}
    .block_advantage .img_wrapper{min-width:109px;}
    .line_block_problematic {display: block;}
    .block_problematic {width: 100%; margin-bottom: 15px;}
    .block_advantage {width: 100%; margin-right: 0;}
    .line_advantage {display: block;}
    .block_advantage .img_wrapper:after {left: 107px;}
    .block_advantage .img_wrapper:before {left: 108px;}
    .block_advantage .img_wrapper {width: 120px !important;}
    .block_advantage .img_wrapper {border-right: 1px solid white;}
	.block_solution .sol_left .head_left .img  {width: 80px !important;}
	/* Sticky menu */
	.header_second > .top {position:fixed; z-index:999; top:0; width: 100%;}
	.header_second > .bottom_bg {margin-top: 35px;}
}

.img_infos {width: 33%; height: auto; float:right;}
.img_infos img {width: 250px; height: auto;}
#walls_length_wrapper {width: 64%;}
#plinth_void_details {width: 64%;}

@media screen and (max-width: 767px) {
	.block_solution .sol_top {display: block;}
    .block_advantage .img_wrapper{min-width:106px;}
    .flex_head img {display: none;} 
    .block_solution .sol_right .desc {text-align: left;}
    .block_advantage {padding: 0 20px;}
    
    .block_solution {flex-direction: column !important;}
    .block_solution .sol_left,
    .block_solution .sol_right {width: 100% !important; display: block !important; min-height:0}
    
    /*.block_solution .sol_right .img {height: 100% !important;}*/
    .block_solution .sol_right .img {display: none;}
    
    .line_block_zoom {display: block;}
    .line_block_zoom .block_zoom {margin-right: 0; margin-bottom: 15px;}
    
    .block_advantage .img_wrapper:after {left: 104px;}
    .block_advantage .img_wrapper:before {left: 105px;}
	
	/* Sticky menu */
	/*.header_second > .top {position:fixed; z-index:999; top:0; width: 100%;}
	.header_second > .bottom_bg {margin-top: 35px;}*/
	
	.img_infos {width:100%;}
	#walls_length_wrapper {width:100%;}
	#plinth_void_details {width:100%;}
}

@media screen and (max-width: 599px) {
    .block_problematic {flex-direction: column;}
    .block_problematic .img {width: 100%; height: 100px;}
    
    .block_advantage .img_wrapper {display: none;}
}

/******* add NC ******/
.lblConstructionYear:not([hidden]) {
    display: flex;
    flex-direction: column; 
}

/******* Hidden block ******/
.hidden_block {opacity: 0; max-height: 0; transition-duration: 1s;}
.hidden_block:not([hidden]) {transition: 1s all ease-in-out; opacity: 1; max-height: 1000px;}
/******* Hidden block ******/

svg.sq_timeline {
	height: 42px;
	width: 42px;
	fill: #505050;
}

svg.sq_timeline.sq_timeline_off {
	fill: #CACACA;
}


/************ Estimation title *******************/
.estimation_title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.estimation_title p {font-weight: 700; font-size: 26px; color: rgb(53, 28, 11);}
.estimation_title button {border: 2px solid rgb(209, 22, 22);}

.back {display: flex; margin-bottom: 5px;}
.back .chevron {width: 20px; height: 20px; background-color: #351c0b; display: flex; justify-content: center; align-items: center; margin-right: 15px;}
.back .chevron:after { content: "<"; color: #fff; font-size: 20px;}
.back .title {font-weight: 700; text-transform: uppercase; font-size: 14px; color: #351c0b;}

@media screen and (max-width: 767px) {
    .estimation_title {display: block; margin-bottom: 20px;}
    .estimation_title button {width: 100%;}
    .back {margin: 15px 0;}
}

/**************** Modal **************/
.uretek_modal p {line-height: 1.2;}
.uretek_modal .modal-content {border-radius: 0px; padding: 100px 65px; width: 945px; text-align: center; position: relative;}
.uretek_modal .modal-content {font-size: 18px;}
.uretek_modal .modal-content .contact {margin: 40px 0; /*display: flex; justify-content: center; align-items: center;*/}
.uretek_modal .modal-content .contact img {margin-left: 10px;}
.uretek_modal .modal-content a {font-weight: 500; color: #d16916;margin-top: 10px;display: inline-block;}
.uretek_modal .close_modal {position: absolute; right: 20px; top: 20px; cursor: pointer;}
.uretek_modal .uretek_loading_modal .modal-content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	height: 100%;
}
.uretek_modal .modal_loading img {z-index: 999999999;}
.uretek_modal .modal_loading p {text-align: center;font-weight: bolder;color: #D16916; margin: 50px 0 0 0;}
.uretek_modal .modal-title {text-align: center; font-weight: 700; font-size: 32px; color: #d16916; margin-bottom: 20px; line-height: 1.2;}
#uretek_redirection_modal p {margin-bottom: 20px;}
#uretek_redirection_modal img {margin-bottom: 30px;}
@media screen and (max-width: 991px) {
    .uretek_modal .modal-content {width: 80%; padding: 70px 55px;}
    .uretek_modal .modal-content .contact {margin: 30px 0;}
}

@media screen and (max-width: 767px) {
    .uretek_modal .modal-content {width: 95%; padding: 40px 15px; margin: 0 auto; font-size: 16px;}
    .uretek_modal .modal-content .contact {margin: 20px 0;}
    .uretek_modal .modal-title {font-size: 26px;}
}

/********* Timeline *********/
#timeline
{
	width: 100%;
	height: 180px;
	margin: 0;
	padding: 0;
	background-image: linear-gradient(#dcdcdc, #dcdcdc), linear-gradient(#ffffff, #ffffff);
	background-position: left center, left top;
	background-size: 100vw 4px, 100vw 50%;
	background-repeat: no-repeat, no-repeat;
}
#timeline-estimation
{
	width: 100%;
	height: 210px;
	margin: 0;
	padding: 0;
	background-image: linear-gradient(#dcdcdc, #dcdcdc), linear-gradient(transparent, transparent);
	background-position: center, left top;
	background-size: 80% 4px, 100vw 50%;
	background-repeat: no-repeat, no-repeat;
    margin-bottom: 40px;
}

/*#timeline-estimation .timeline_item:first-child {
    background-image: linear-gradient(#ebebeb, #ebebeb);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 50% 4px;
}*/

#timeline-estimation li.timeline_item.k_step_done:first-child {
	background-image: linear-gradient(#d06b31, #d06b31);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 50% 4px;
}

/*#timeline-estimation .timeline_item:last-child {
    background-image: linear-gradient(#d06b31, #d06b31);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 50% 4px;
}*/

#timeline div.container
{
	height: 100%;
}

#timeline ol,
#timeline-estimation ol
{
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	margin: 0;
	padding: 0;
}
#timeline li,
#timeline-estimation li
{
	flex: 0px 1 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#timeline li.k_step_done,
#timeline li.k_step_active,
#timeline-estimation li.k_step_done,
#timeline-estimation li.k_step_active
{
	background-image: linear-gradient(#d06b31, #d06b31);
	background-position: left center;
	background-size: 100% 4px;
	background-repeat: no-repeat;
}

#timeline-estimation li.k_step_active .step_badge {background-color: #ebebeb;}

#timeline li.k_last_step,
#timeline-estimation li.k_last_step
{
	background-size: 50% 4px;
}

#timeline-estimation li.k_last_step .step_badge
{
    background-color: #d16916;;
}

#timeline li:first-child,
#timeline-estimation li:first-child
{
	background-position: right center;
	background-size: 50% 4px;
}

#timeline-estimation li.k_last_step:first-child,
#timeline li.k_last_step:first-child
{
	background-image: none;
}
#timeline-estimation li.k_last_step:first-child .step_badge
{
	background-image: url("../images/picto-check-step.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
#timeline a,
#timeline-estimation a
{
	color: inherit;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;
    flex: 1;
}

a[disabled] 
{
	cursor: default;
}
#timeline a > div,
#timeline-estimation a > div
{
	flex: 0px 1 1;
	display: flex;
	justify-content: center;
	align-items: center;
}
#timeline div.picto svg,
#timeline-estimation div.picto svg
{
	width: 100%;
	height: 46px;
}
#timeline div.step_badge
{
	box-sizing: border-box;
	height: 34px;
	width: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1.3;
	background-color: white;
	font-weight: bold;
	border-radius: 50%;
}
#timeline-estimation div.step_badge
{
    box-sizing: border-box;
	height: 34px;
	width: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1.3;
	background-color: #dcdcdc;
	font-weight: bold;
	border-radius: 50%;
}
#timeline li.k_step_active div.step_badge,
#timeline-estimation li.k_step_active div.step_badge
{
	color: #d16916;
	border: 3px solid #d16916;
}
#timeline li.k_step_done div.step_badge
{
	color: transparent;
}
#timeline li.k_step_await div.step_badge
{
	color: #dcdcdc;
	border: 3px solid #dcdcdc;
}
#timeline li.k_step_done div.step_badge,
#timeline-estimation li.k_step_done div.step_badge
{
	background-image: url("../images/picto-check-step.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#timeline-estimation li.k_step_done .timeline_desc  {
    color: #36170f; 
}

#timeline div.timeline_desc
{
	height: 50px;
	line-height: 1.2;
	font-weight: normal;
	font-size: 17px;
	text-align: center;
}

#timeline-estimation li .timeline_desc 
{
    color: #969696;
    font-size: 17px;
    font-weight: 300;
    padding: 0 15px;
    text-align: center;
}

#timeline-estimation li.k_step_active .timeline_desc 
{
    font-size: 17px;
    font-weight: 500;
    color: #36170f;
}


#timeline-estimation .timeline_top {
    display: flex;
    flex-direction: column; 
}

#timeline-estimation .timeline_top p:first-child {
    font-size: 16px;
    font-weight: 500;
    color: #d16916;
    margin-bottom: 0;
}
#timeline-estimation .timeline_top p:last-child {
    font-size: 14px;
    font-weight: 300;
    color: #36170f;
}


@media screen and (min-width: 768px) and (max-width: 991px) {
    #timeline-estimation .timeline_item:first-child {
        background-image: linear-gradient(#ebebeb, #ebebeb);
        /*background-position: left 75%;*/
        background-repeat: no-repeat;
        background-size: 50% 4px;
    }
    #timeline-estimation .timeline_item:last-child {
        background-image: linear-gradient(#ebebeb, #ebebeb);
        /*background-position: right 75%;*/
        background-repeat: no-repeat;
        background-size: 50% 4px;
    }
    
    
	#timeline
	{
		height: 150px;
		background-position: left 75%, left top;
		background-size: 100vw 4px, 100vw 75%;
	}
	#timeline-estimation
	{
		height: 150px;
		/*background-position: left 75%, left top;*/
		/*background-size: 100vw 4px, 100vw 75%;*/
	}
	#timeline li.k_step_done,
	#timeline li.k_step_active
	{
		background-position: left 75%;
	}
	#timeline-estimation li.k_step_done,
	#timeline-estimation li.k_step_active
	{
		
	}
	#timeline li.k_step_done:first-child
	{
		background-position: right 75%;
	}
	
	#timeline-estimation li.k_step_done:first-child
	{
		background-position: right 75%;
	}
}

@media screen and (max-width: 767px) {
	#timeline,
	#timeline-estimation
	{
		height: 80px;		
	}
    #timeline-estimation{margin-bottom: 20px;}
	#timeline div.step_badge,
	#timeline-estimation div.step_badge
	{
		width: 24px;
		height: 24px;
		padding: 0;
	}
	#timeline-estimation li .timeline_desc 
	{
		margin-top: 2px;
		font-size: 9pt;
		font-weight: 300;		
		word-wrap: break-word;
	}
	#timeline-estimation .timeline_item:first-child {        
        background-position: left 25%;        
    }
    #timeline-estimation .timeline_item:last-child {
        background-position: right 25%;
    }
	#timeline-estimation li.timeline_item.k_step_done:first-child {
		background-position: right 25%;
	}
	timeline li.k_step_done,
	#timeline li.k_step_active
	{
		
	}
	#timeline-estimation li.k_step_done,
	#timeline-estimation li.k_step_active
	{		
		background-position: left 25%;
	}
	#timeline-estimation
	{
		background-position: center 25%, left top;		
	}
}

.upload_row
{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin: 0 auto;
	flex-wrap: wrap;
}

.upload_subtitle
{
	margin-bottom: 20px;
}

upload-box
{
	flex: 0 0 160px;
	width: 160px;
	height: 150px;
	border: 3px dashed gray;
	border-radius: 5px;
	background-repeat: no-repeat;
	background-position: center 70%;
	background-size: 5rem auto;
	position: relative;
	margin-bottom: 55px;
	margin-right: 45px;
	display: inline-block;
}


upload-box file-name
{
	position: absolute;
	top: 35px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 14px;
}

upload-box.ksq_valid file-name
{
	top: 165px;
}

.ksq_image_upload
{
	background-image: url("/website/static/images/svg/request/upload/image.svg");
}

.ksq_file_upload
{
	background-image: url("/website/static/images/svg/request/upload/file.svg");
}

upload-box.ksq_valid
{
	border: none;
	background-size: cover;
	background-position: center;
}
upload-box input[type=file]
{
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}
upload-box button
{
	right: -17px;
	top: -17px;
	border: none;
	background-color: transparent;
	background-image: url("/website/static/images/svg/request/upload/remove.svg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color: transparent;
	width: 34px;
	height: 34px;
	overflow: hidden;
	position: absolute;
	z-index: 2;
}
upload-box:not(.ksq_valid) button
{
	display: none;
}

upload-box.file_xls, upload-box.file_xlsx
{
	background-image: url("/website/static/images/svg/request/upload/files_icons/excel.svg");
}
upload-box.file_tiff
{
	background-image: url("/website/static/images/svg/request/upload/files_icons/img.svg");
}
upload-box.file_odb
{
	background-image: url("/website/static/images/svg/request/upload/files_icons/odb.svg");
}
upload-box.file_odg
{
	background-image: url("/website/static/images/svg/request/upload/files_icons/pdf.odg");
}
upload-box.file_odt
{
	background-image: url("/website/static/images/svg/request/upload/files_icons/pdf.odt");
}
upload-box.file_pdf
{
	background-image: url("/website/static/images/svg/request/upload/files_icons/pdf.svg");
}
upload-box.file_ppt, upload-box.file_pptx
{
	background-image: url("/website/static/images/svg/request/upload/files_icons/powerpoint.svg");
}
upload-box.file_rar
{
	background-image: url("/website/static/images/svg/request/upload/files_icons/rar.svg");
}
upload-box.file_rtf
{
	background-image: url("/website/static/images/svg/request/upload/files_icons/rtf.svg");
}
upload-box.file_txt
{
	background-image: url("/website/static/images/svg/request/upload/files_icons/txt.svg");
}
upload-box.file_mov, upload-box.file_avi, upload-box.file_mpv, upload-box.file_mp4 
{
	background-image: url("/website/static/images/svg/request/upload/files_icons/pdf.svg");
}
upload-box.file_doc, upload-box.file_docx
{
	background-image: url("/website/static/images/svg/request/upload/files_icons/word.svg");
}
upload-box.file_zip
{
	background-image: url("/website/static/images/svg/request/upload/files_icons/zip.svg");
}

@media screen and (max-width: 579px) {
	.upload_row {
		display: block;
		
	}
	.upload_row upload-box {
		/*width: 100%;*/
	}
}


/* CUSTOM BLOCKS DEFINITIONS */

orange-text
{
	color: hsl(27, 80.2%, 45.5%);
}

requests-list
{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	min-height: 50px;
}

/* RESPONSIVE */

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

	requests-list
	{
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		margin: 0 auto;
		width: 100%;
	}
	
}

/* **************************************************
*													*
*			PARTIAL /PROFILE/HEADLINE.PHP				*
*													*
************************************************** */

headline-container
{
	margin: 0 auto;
	width: 100%;
}

headline-container h3
{
	font-weight: 700;
	font-size: 30px;
}

headline-container p
{
	font-weight: 300;
	font-size: 18px;
}

headline-container b
{
	color: hsl(27, 80.2%, 45.5%);
}


/* **************************************************
*													*
*		PARTIAL /REQUEST/HISTORY/BLOCK.PHP			*
*													*
************************************************** */

request-container
{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 40px;
	width: 100%;
	height: 215px;
	background-color: hsl(100, 100%, 100%);
	margin-top: 50px;
}

request-container-detail
{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	padding: 10px 0;
	width: 100%;	
	height: auto;	
}

request-container-action
{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	height: 110px;
	background-color: rgb(210,210,210);
	margin-top: 0px;
	/*border-top: 4px solid transparent;*/
    /*-webkit-border-image: url(../images/svg/request/actions/cborder.png) 1 round;*/ /* Safari 3.1-5 */
    /*-o-border-image: url(../images/svg/request/actions/cborder.png) 1 round;*/ /* Opera 11-12.1 */
    /*border-image: url(../images/svg/request/actions/cborder.png) 1 round;*/
	
}

request-info
{
	display: flex;
	flex-direction: row;	
	/*background-color: hsl(100, 100%, 100%);*/
	padding: 10px 0px 10px 40px;
	text-align: left;
	font-family: Roboto, sans-serif;
	font-weight: 500;
	font-size: 20px;
	color: #351c0b;
}

request-action
{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	/*background-color: hsl(100, 100%, 100%);*/
	width: 100%;
	height: 75px;
	padding: 10px 40px 10px 25px;	
}

request-action-item
{
	display: flex;
	flex-direction: row;
	text-align: center;
	background-color: hsl(100, 100%, 100%);
	max-width: 225px; 
	min-width: 200px;
	height: 35px;
	margin: 5px 0px 15px 20px;
	border-style: solid;
	border-width: 2px;
}

request-action-item div.picto-valid
{
	background-image: url("../images/svg/request/actions/picto-valid.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 50px;
	height: 50px;
	margin: -10px 10px -10px -10px;	
}

request-action-item div.request-label
{	
	width: 150px;
	vertical-align: middle;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	margin-left: -10px;
}

.border-valid
{
	border-color: #17CE42;
	color: #17CE42;	
}

request-action-item div.picto-stop
{
	/*background-image: url("../images/svg/request/actions/picto-stop.svg");*/
	background-image: url("../images/svg/request/actions/picto-stop-brun.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 50px;
	height: 50px;
	margin: -10px 10px -10px -10px;
}

.border-stop
{
	/*border-color: #CB2128;*/
	/*color: #CB2128;*/
	border-color: #351c0b;
	color: #351c0b;
}

request-action-item div.picto-tel
{
	background-image: url("../images/svg/request/actions/picto-tel.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 50px;
	height: 50px;
	margin: -10px 10px -10px -10px;
}

request-controls div.chevron-bottom
{	
	padding-right: 40px; 
	cursor: pointer; 
	background-image: url("../images/chevron-bottom.svg");  background-position: right 20px center; background-repeat: no-repeat; font-weight: 500;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	height: 40px;
	color: #D26824;
	font-family: Roboto, sans-serif;
	text-transform: uppercase;
	background-color: #FFFFFF;
	line-height: 40px;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	/*margin: -10px 10px -10px -10px;*/
}

.border-tel
{
	border-color: #D26824;
	color: #D26824;
}

request-action-dropdown
{
	
}

request-controls ul.dropdown-menu a{
	background-color: hsl(100, 100%, 100%);
}

request-action-item-dropdown
{
	display: flex;
	flex-direction: row;
	text-align: center;
	background-color: hsl(100, 100%, 100%);
	/*width: 200px;*/
	height: 30px;
	margin: 0px 30px 8px 30px;
	border-style: solid;
	border-width: 2px;
}

request-action-item-dropdown div.picto-valid
{
	background-image: url("../images/svg/request/actions/picto-valid.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 30px;
	height: 30px;
	margin: -5px 8px -5px -8px;
}

request-action-item-dropdown div.request-label
{	
	/*width: 100%;*/
	vertical-align: middle;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;	
	margin: 0px 5px 0px 5px;
}

request-action-item-dropdown div.picto-stop
{
	/*background-image: url("../images/svg/request/actions/picto-stop.svg");*/
	background-image: url("../images/svg/request/actions/picto-stop-brun.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 30px;
	height: 30px;
	margin: -5px 8px -5px -8px;
}

request-action-item-dropdown div.picto-tel
{
	background-image: url("../images/svg/request/actions/picto-tel.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 30px;
	height: 30px;
	margin: -5px 8px -5px -8px;
}

request-container svg
{
	width: 30px;
	height: 39px;
	fill: hsl(24, 65.3%, 12.7%);
	/*flex: 0 0 30px;*/
	display: flex;	
	flex-direction: column;
	justify-content: space-between;
	
}

request-container svg.draft
{
	width: 30px;
	height: 39px;
	fill: none;
	/*flex: 0 0 30px;*/
	display: flex;	
	flex-direction: column;
	justify-content: space-between;
}

request-details
{
	display: flex;	
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	/*margin-left: 28px;*/
}

request-title
{
	font-family: Roboto, sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: hsl(24, 65.3%, 12.7%);
	margin-bottom: 8px;
}

request-date
{
	font-family: Roboto, sans-serif;
	font-weight: 400;
	font-size: 17px;
	color: hsl(27, 80.2%, 45.5%);
}

request-identifier
{
	font-family: Roboto, sans-serif;
	font-size: 17px;
	font-weight: 400;
	color: hsl(0, 0%, 59%);
}

request-controls
{
	/* width: 37.14%; */
	/*flex: 0 0 25.43%;*/
	width: 100%;
	flex: 0 0 225px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

request-status
{
	display: flex;
	flex-direction: column;
	justify-content: space-between;	
	font-family: Roboto, sans-serif;
	width: 100%;
	text-align: left;
	font-size: 17px;
	font-weight: 500;
	color: hsl(27, 80.2%, 45.5%);
	font-style: italic;
	margin-bottom: 10px;
}

request-controls a
{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-width: 225px; 
	max-width: 250px;
	height: 40px;
	color: hsl(100, 100%, 100%);
	font-family: Roboto, sans-serif;
	text-transform: uppercase;
	background-color: hsl(27, 80.2%, 45.5%);
	line-height: 40px;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
}

request-controls a:hover
{
	color: hsl(100, 100%, 100%);
}

request-controls a:visited
{
	color: hsl(100, 100%, 100%);
}

request-controls a.success
{
	background-color: #FFF;
	border-color: hsl(27, 80.2%, 45.5%);
	border-width: 2px;
	border-style: solid;
	color: hsl(27, 80.2%, 45.5%);
}

request-controls a.draft
{
	background-color: hsl(100, 100%, 100%);
	color: hsl(27, 80.2%, 45.5%);
	border: 2px solid hsl(27, 80.2%, 45.5%);
	line-height: 39px;
}

request-controls a.draft:hover
{
	color: hsl(27, 80.2%, 45.5%);
}

request-details .question .button_generic {
    padding: 12px 35px;
}

request-container .request-stop svg.draft,
request-container .request-numero-vert svg.draft {
	fill: #d21615 !important;
}

request-container .request-estimation-acceptee svg.draft
{
	fill: #3c763d !important;
}

request-container .request-estimation-refusee svg.draft
{
	fill: rgb(209, 22, 22) !important;
}


@media screen and (max-width: 767px)
{
    request-details .question .title {text-align: left;}
    history-wrapper .svg_profil {margin-right: 0;}
	request-container
	{
		position: relative;
		height: 100%;
		padding: 10px 15px 10px 95px;
		display: block;
	}
	
	request-container-action
	{
		/*position: relative;*/
		height: auto;
		/*padding: 10px 15px 70px 95px;*/
		display: block;
		text-align: center;
		margin: 0;
	}
	
	request-action
	{
		/*position: absolute;
		display: block;*/
		
		left: 0;
		right: 0;
		flex: 0 0 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 0 0 0 40px;
	}
	
	request-info
	{
		/*position: relative;*/
		height: auto;
		padding-left: 10px;
		display: block;
	}
	
	request-container svg
	{
		position: absolute;
		top: 0;
		left: 20px;
		height: auto;
		flex: none;
		width: 40px;
	}
	
	request-container svg.draft
	{
		position: absolute;
		top: 0;
		left: 20px;
		height: auto;
		flex: none;
		width: 40px;
	}

	request-details
	{
		font-size: 14px;
		text-align: center;		
	}
	
	request-date,request-identifier
	{
		font-size: 14px;
	}
	
	request-container-detail
	{
		text-align: center;
		margin: 0;
	}	
		
	request-controls
	{
		/*position: absolute;
		left: 0;
		right: 0;*/
		flex: 0 0 100%;
		align-items: center
	}

	request-status
	{
		text-align: center;
		padding: 5px;
		font-size: 14px;
	}
	
	history-wrapper .svg_profil {
		margin-top: 15px;
	}
}

@media screen and (max-width: 599px) {
    request-details .question .title,
    request-details .question .button_generic {font-size: 15px; padding: 10px;}
}


/* **************************************************
*													*
*			PARTIAL /PROFILE/MENU.PHP				*
*													*
************************************************** */

profile-menu
{
	background-color: hsl(100, 100%, 100%);
	position: absolute;
	top: 60px;
	left: 0;
	bottom: 0;
	width: 263px;
	max-width: 50%;
}

profile-menu ul
{
	padding: 0;
}

profile-menu nav
{
	width: 100%;
}

profile-menu button[type=button]
{
	display: none;
}

profile-menu li
{
	list-style: none;
	background-color: hsl(100, 100%, 100%);
	height: 50px;
	line-height: 50px;
	text-align: left;
	vertical-align: middle;
	font-family: Roboto, sans-serif;
	font-weight: 400;
	font-size: 16px;
	width: 100%;
	border-bottom: 1px solid hsl(0, 0%, 92%);
}

profile-menu li.sq_active
{
	color: hsl(27, 80.2%, 45.5%);
	border-left: 3px solid hsl(27, 80.2%, 45.5%);
}

profile-menu li.sq_hidden
{
	display: none;
	height: 0px;
}

profile-menu li.sq_visible
{
	padding-left: 15px;	
	font-weight: 400;
	color: lightgray;
}

div li.sq_visible
{
	padding-left: 15px;
	font-weight: 400;
	color: lightgray;
}

profile-menu li a, 
profile-menu li a:hover
{
	display: block;
	color: hsl(24, 65.3%, 12.7%);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-left: 25px;
	padding-right: 25px;
}

profile-menu li.sq_active a
{
	font-weight: 700;
	color:hsl(27, 80.2%, 45.5%) ;
}

/* RESPONSIVE */

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

	profile-details
	{
		align-items: center;
	}
	
	profile-menu
	{
		/*margin: 0 auto;
		background-color: hsl(100, 100%, 100%);
		height: 50px;
		min-width: 35%;
		width: auto;
		left: auto;
		right: 0;
        top: 0;
		bottom: auto;
		z-index: 998;*/
		display: none;
	}
	
	profile-menu nav
	{
		position: relative;
		width: 100%;
	}

	profile-menu button[type=button]
	{
		position: absolute;
		display: block;
		right: 0;
		height: 50px;
		width: 50px;
		border: none;
		background-color: transparent;
	}

	profile-menu button:focus
	{
		pointer-events: none;
	}

	profile-menu svg
	{
		transition: transform 0.5s ease-in-out;
		width: 25px;
	}

	profile-menu button:focus svg
	{
		transform: rotate(180deg);
	}

	profile-menu button[type=button]:focus + ul li
	{
		height: 50px;
	}

	profile-menu ul
	{
		padding: 0;
		display: flex;
		flex-direction: column;
		align-items: stretch;

	}

	profile-menu li.sq_active
	{
		order: -1;
		border: 1px solid black;
	}
	
	/*profile-menu li.sq_semi-active
	{
		border: 1px solid black;
	}*/

	profile-menu li
	{
		list-style: none;
		background-color: hsl(100, 100%, 100%);
		height: 50px;
		line-height: 50px;
		text-align: left;
		text-indent: 20px;
		vertical-align: middle;
		font-family: Roboto, sans-serif;
		font-weight: 400;
		font-size: 16px;
		width: 100%;
		border: none;
		border-left: 3px solid white;
	}

	profile-menu li:not(.sq_active)
	{
		height: 0;
		overflow: hidden;
		transition: height 0.5s ease-in-out;
	}
	
	profile-menu li a, 
	profile-menu li a:hover,
	profile-menu li a:focus,
	profile-menu li.sq_active a, 
	profile-menu li.sq_active a:hover,
	profile-menu li.sq_active a:focus
	{
		color: hsl(24, 65.3%, 12.7%);
		padding-left: 0px;
	}

}

@media screen and (max-width: 767px) {
    profile-menu {
        min-width: 100%;
        left: 0;
    }
}

/* **************************************************
*													*
*			VIEW /DEMANDE/HISTORIQUE.PHP			*
*													*
************************************************** */

history-wrapper
{
	width: 100%;
	display: flex;
	background-color: hsl(0, 0%, 92%);
	padding: 0 15px 100px;
}

history-container
{
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: 1140px;
}

content-wrapper
{
	display: flex;
	position: relative;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	padding-top: 10px;
	padding-left: 293px;
}

content-header h4
{
	font-family: Roboto, sans-serif;
	font-weight: 700;
	font-size: 26px;
	margin-top: 0;
}

content-header span
{
	font-family: Roboto, sans-serif;
	font-weight: 400;
	font-size: 18px;
}

history-wrapper .svg_profil {margin-right: 25px;}

/* RESPONSIVE */

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

	content-wrapper
	{
		width: 100%;
		padding-left: 0;
		padding-top: 0px;
	}
	
	history-container
	{
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		min-width: 100%;
	}
	
	content-header
	{
		/*width: 50%;*/
		width: 100%;
	}

	content-header h4
	{
		font-family: Roboto, sans-serif;
		font-weight: 700;
		font-size: 26px;
		margin-top: 0;
		text-align: left;
	}
	
	content-header span
	{
		font-family: Roboto, sans-serif;
		font-weight: 400;
		font-size: 18px;
		text-align: left;
		/*display: block;*/
		display: inline-block;
	}

}

/* **************************************************
*													*
*			VIEW /DEMANDE/DETAILS.PHP				*
*													*
************************************************** */


request-details-wrapper
{
	width: 100%;
	display: flex;
	background-color: hsl(0, 0%, 92%);
	padding: 0 15px 100px;
}

request-details-container
{
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: 1140px;
}

/* RESPONSIVE */

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

	request-details-container
	{
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		min-width: 100%;
	}
	
	request-details-header
	{
		width: 50%;
	}

}

/* **************************************************
*													*
*				VIEW /CLIENT/PROFIL.PHP				*
*													*
************************************************** */

profile-wrapper
{
	width: 100%;
	display: flex;
	background-color: hsl(0, 0%, 92%);
	padding: 0 15px 100px;
}

profile-container
{
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: 1140px;
}

profile-details label, profile-details input-radio-title
{
	color: hsl(24, 65.3%, 12.7%)!important;
	font-weight: bold;
	font-size: 18px;
}

flex-row, flex-row label
{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	/*margin-bottom: 20px;*/
	/*width: 600px;*/
}

profile-details
{
	background-color: hsl(100, 100%, 100%);
	padding: 40px;
	min-height: 50px;
}

/*profile-details form
{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}*/

profile-details input:not([type=radio])
{
	width: 270px;
	height: 45px;
	border-radius: 5px;
	border: 1px solid hsl(0, 0%, 82.4%);
}


/* Begin Add css */
section-title {font-weight: 700; font-size: 18px; margin: 20px 0; color: rgb(209, 105, 22); float: left;}
profile-details .text-field-title {width: 210px; margin-right: 15px;}
profile-details flex-row,
profile-details flex-row label {width: 100%;}
profile-details flex-row label.myradiobox {width: auto; font-weight: 400;}
.flex_start {display: flex; justify-content: flex-start; align-items: center;}
flex-row {margin-bottom: 20px;}
profile-details form .button_generic {float: none; border: 2px solid rgb(209, 105, 22);}
profile-details flex-row input {box-shadow: inset 1px 1px 5px #d2d2d2; padding: 10px; font-weight: 300;}
profile-details flex-row input::placeholder {color: #8c8c8c;}
profile-details flex-row input:disabled {cursor: not-allowed; background-color: #eee; color:#999;}
/* End Add css */



/* RESPONSIVE */

@media screen and (max-width: 1199px) {
    .flex_start {
        width: 100%;
        display: block;
        float: left;
    }
    .flex_start .text-field-title {
        width: 100%;
        margin-bottom: 20px;
        float: left;
    }
	
	.mycheckbox .input_check_title {width: 100%;}
}

@media screen and (max-width: 991px) {
	profile-container {
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		min-width: 100%;
	}
}

@media screen and (max-width: 767px) {
    .flex_start input[type="text"],
    .flex_start input[type="email"],
    .flex_start input[type="password"],
    profile-details flex-row label.myradiobox {width: 100%; justify-content: normal;}
	.div_phone {width: 100%; justify-content: normal;}
}


@media screen and (max-width: 379px) {
	.g-recaptcha{
		position: relative;
		left: -40px;
	}
}


#numero_vert img {
		max-width: 100%;
		height: auto;
	}

.numero_vert {
		max-width: 100%;
		height: auto;
	}

li.dropdown.open ul.dropdown-menu
{
	display: block!important;
}

@media screen and (max-width: 991px) {
	.account_connect #desktop_form_authentification ul {
		padding-left: 25px;
	}
}

.stop_frame {
	border: 2px solid #d21615;
}
	
.green_frame {
	border: 2px solid #3c763d;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.green_frame a {
	color: #d16916;
}

.green_frame img {
	margin-right: 15px;
}


.stop_frame img {
	display: block;
	margin: 15px auto;
}

@media screen and (max-width: 767px) {
	.stop_frame img {
		max-width: 100%;
		height:auto;
	}
}

#form_inscription #numero_vert .global ul li:before {
	font-size: 36px;
	content:"•";
	color: #d26916;
	position: relative;
	top: 7px;
	padding-right: 8px;
	margin-left: -20px;
}

.max_photo {
	font-weight: 300;
	font-size: 14px;
	font-style: italic;
}

[id$="messages_errors"] {
    border: 1px solid #ebccd1;
    text-align: center;
    background-color: #f2dede;
    color: #a94442;
    margin: 15px 0;
    padding: 15px;
    font-size: 18px;
}

[id$="_messages_errors"] {
    margin: 0;
}

#form_inscription #messages_errors,#form_inscription #recaptcha_error_sq {
    float:left;
    width:100%;
}

.ksq_file_empty ~ .ksq_file_empty
{
	display: none!important;
	order: 1;
}

.button_validate {
    background-repeat: no-repeat;
    background-position: right 25px bottom 50%;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    border: 2px solid transparent;
    font-size: 18px;
    background-color: #f2dede;
    padding: 15px;
    color: #a94442;
}

#error_message_pro_part, #recaptcha_error_sq, .work_country_error {
    float: left;
    margin: 15px 0;
    border-radius: 0;
    font-size: 18px;
    text-align: center;
    background-color: #f2dede;
    font-size: 18px;
    margin: 15px 0;
    padding: 15px;
    color: #a94442;
}
form.formulaire-forgotpassword.dropdown-menu ul li, form.formulaire-forgotpassword.dropdown-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tip {
font-size: 12px;
font-style: italic;
}

			modal-image,
			modal-image-wall
			{
				display: none;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				position: fixed;
				width: 100vw;
				height: 100vh;
				top: 0;
				left: 0;
				z-index: 99999999999999999999;
			}
			modal-center
			{
				display: flex;
				width: 500px;
				justify-content: center;
				align-items: center;
				border: 2px solid #d16916;
				flex: 0 0 auto;
			}
			modal-image.visible,
			modal-image-wall.visible
			{
				display: flex;
			}
			@media screen and (max-width: 768px)
			{
				modal-image,
				modal-image-wall
				{
					display: none!important;
					pointer-events: none!important;
				}
			}
			
			modal-center img
			{
				width: 100% !important;
			}
			
			modal-center
			{
				position: relative;
			}
			modal-cross
			{
				position: absolute;
				top: 0;
				right: 0;
				width: 35px;
				height: 35px;
				cursor: pointer;
				background-color: #d16916;
			}
			modal-cross::before
			{
				width: 25px;
				height: 1px;
				transform: rotate(45deg);
				border: 1px solid white;
				content: " ";
				position: absolute;
				top: 15px;
				left: 6px;
			}
			modal-cross::after
			{
				width: 25px;
				height: 1px;
				transform: rotate(-45deg);
				border: 1px solid white;
				content: " ";
				position: absolute;
				top: 15px;
				left: 6px;
			}