@import url('https://fonts.googleapis.com/css?family=Text+Me+One&display=swap');

@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 200;
  src: local('Source Sans Pro ExtraLight Italic'), local('SourceSansPro-ExtraLightItalic'), url(../font/SourceSansPro-ExtraLightItalic.woff2) format('woff2'), url(../font/SourceSansPro-ExtraLightItalic.svg#SourceSansPro-ExtraLightItalic) format('svg');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'), url(../font/SourceSansPro-LightItalic.woff2) format('woff2'), url(../font/SourceSansPro-LightItalic.svg#SourceSansPro-LightItalic) format('svg');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(../font/SourceSansPro-ExtraLight.woff2) format('woff2'), url(../font/SourceSansPro-ExtraLight.svg#SourceSansPro-ExtraLight) format('svg');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(../font/SourceSansPro-Light.woff2) format('woff2'), url(../font/SourceSansPro-Light.svg#SourceSansPro-Light) format('svg');
}


@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(../font/SourceSansPro-Regular.woff2) format('woff2'), url(../font/SourceSansPro-Regular.svg#SourceSansPro-Regular) format('svg');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: local('Source Sans Pro Regular Italic'), local('SourceSansPro-Italic'), url(../font/SourceSansPro-Italic.woff2) format('woff2'), url(../font/SourceSansPro-Italic.svg#SourceSansPro-Italic) format('svg');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(../font/SourceSansPro-Bold.woff2) format('woff2'), url(../font/SourceSansPro-Bold.svg#SourceSansPro-Bold) format('svg');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'), url(../font/SourceSansPro-BoldItalic.woff2) format('woff2'), url(../font/SourceSansPro-BoldItalic.svg#SourceSansPro-BoldItalic) format('svg');
}


@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'), url(../font/RobotoCondensed-LightItalic.woff2) format('woff2'), url(../font/RobotoCondensed-LightItalic.svg#RobotoCondensed-LightItalic) format('svg');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(../font/RobotoCondensed-Italic.woff2) format('woff2'), url(../font/RobotoCondensed-Italic.svg#RobotoCondensed-Italic) format('svg');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(../font/RobotoCondensed-BoldItalic.woff2) format('woff2'), url(../font/RobotoCondensed-BoldItalic.svg#RobotoCondensed-BoldItalic) format('svg');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(../font/RobotoCondensed-Light.woff2) format('woff2'), url(../font/RobotoCondensed-Light.svg#RobotoCondensed-Light) format('svg');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(../font/RobotoCondensed-Regular.woff2) format('woff2'), url(../font/RobotoCondensed-Regular.svg#RobotoCondensed-Regular) format('svg');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(../font/RobotoCondensed-Bold.woff2) format('woff2'), url(../font/RobotoCondensed-Bold.svg#RobotoCondensed-Bold) format('svg');
}


*{
	box-sizing:border-box;
}

html {
	margin:0; padding:0;
	width:100%;
	height:100%;
}

body {
    font-size: 100%; /* HELP to keep font-size indentical on all browser iOS and android ! */
}


body {
	margin:0; padding:0;
	background : #ffffff;
	font-size: 16px;
	line-height: 18px;
	color : black;
	width:100%;
	height:100%;
	font-family: 'Source Sans Pro', sans-serif;
      overflow-y: scroll;

}

.extra_body {background: #ffffff url(../img/ant_fd.png) no-repeat center top; background-size: cover; background-attachment: fixed;}

#JS_we_are_on_mobile_phone { display:none;}
#JS_we_are_on_mobile_phone_landscape { display:none;width:0; height:0; overflow: hidden}
.hide_on_not_mobile { display:none;}

h1,h2,h3 {margin:0;line-height: normal;}
h1 { margin-bottom:7px;}

form {margin:0; padding:0;}

label, input, textarea, select, button { 
  font-family: 'Source Sans Pro', sans-serif; font-size:18px;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}

select::-ms-expand {
    display: none;
}

input[type="checkbox"],input[type="radio"] {
    -webkit-appearance:normal;
    -moz-appearance:normal;
    appearance:normal;  
}

input:focus, select:focus         { outline:none; }

label {
  font-size: 14px;
  color: #333;
  text-transform: uppercase;
  width: 100%;
  float: left;
  line-height: 28px;
}

select, input {
  border:0;
  border-bottom: 1px solid #e5e5e5;
  font-style: italic;
  width: 100%;
  padding: 6px;
  float: right;
  background-color: #ffffff;
}

select {
  padding-right: 20px;
  background-image: url(../img/bottom.png);
  background-position: right 50%;
  background-repeat: no-repeat;
}

select.mini_select { width:50px;  }
label.label_mini_select { width:calc(100% - 60px); line-height: 33px; white-space: nowrap; }

#member_birth_y { width:28%; }
#member_birth_m { width:48%; margin-right:2%; }
#member_birth_d { width:20%; margin-right:2%; }

.input_row {
    /*border-bottom: 1px solid #eeeeee;*/
    margin: 0;
    padding-top: 4px;
    padding-bottom: 4px;

    margin-bottom: 10px;
    border-bottom: 1px solid #cccccc;
}

.input_row_mobile_phone_2  {
  margin-bottom: 20px;
}

.input_row_compact {
  margin-bottom: 0px;
}

.input_row_title {
  font-weight: bold; 
  font-size:16px;
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: uppercase;
  margin-bottom:10px;
}

.input_row_title_bigger {
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  font-size: 18px;
}

.input_comment {
  font-weight:italic; font-size:11px; margin-top:3px;
}

/* START --- SPECIFIK CLASS FOR checkbox style */

/* Cachons la case à cocher */
input[type="checkbox"]:not(:checked),
input[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
  visibility: hidden;
}
 
/* on prépare le label */
input[type="checkbox"]:not(:checked) + label,
input[type="checkbox"]:checked + label {
  position: relative; /* permet de positionner les pseudo-éléments */
  /* padding-left: 25px; /* fait un peu d'espace pour notre case à venir */
  cursor: pointer;    /* affiche un curseur adapté */
}

input[type="checkbox"].align_left:not(:checked) + label.align_left,
input[type="checkbox"].align_left:checked + label.align_left {
  padding-left: 30px;
  box-sizing: border-box;
}

/* Aspect des checkboxes */
/* :before sert à créer la case à cocher */
input[type="checkbox"]:not(:checked) + label:before,
input[type="checkbox"]:checked + label:before {

  content: '';
  position: absolute;
  right:0; top: 3px;
  width: 18px; height: 18px; /* dim. de la case */
  border: 2px solid  #cccccc;/*009fe3*/
  /*background: #f8f8f8;*/
  border-radius: 3px; /* angles arrondis */
  /*box-shadow: inset 0 1px 3px rgba(0,0,0,.3); /* légère ombre interne */

  /*background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
  */
  background:#ffffff;
}


input[type="checkbox"]:checked + label:before {
  border: 2px solid  #009fe3;/*009fe3*/
  transition: border .2s; /* on prévoit une animation */
}

input[type="checkbox"].align_left:not(:checked) + label.align_left:before,
input[type="checkbox"].align_left:checked + label.align_left:before {
   left:0;
}
 
/* Aspect général de la coche */
input[type="checkbox"]:not(:checked) + label:after,
input[type="checkbox"]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  content: '';
  position: absolute;
  width: 8px;
  height: 4px;
  background: transparent;
  top:9px;
  right: 5px;
  border: 3px solid #009fe3;
  border-top: none;
  border-right: none;

  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: all .2s; /* on prévoit une animation */
}
/* Aspect général de la coche */
input[type="checkbox"].align_left:not(:checked) + label.align_left:after,
input[type="checkbox"].align_left:checked + label.align_left:after {
  left: 5px;
}


/* Aspect si "pas cochée" */
input[type="checkbox"]:not(:checked) + label:after {
  opacity: 0; /* coche invisible */
  /*transform: scale(0); /* mise à l'échelle à 0 */
}
/* Aspect si "cochée" */
input[type="checkbox"]:checked + label:after {
  opacity: 1; /* coche opaque */
  /*transform: scale(1); /* mise à l'échelle 1:1 */
}

/*- --- -*/

/* aspect désactivée */
input[type="checkbox"]:disabled:not(:checked) + label:before,
input[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
  opacity: 0.5;
}
/* styles de la coche (si cochée/désactivée) */
input[type="checkbox"]:disabled:checked + label:after {
  color: #999;
  opacity: 0.5;
}
/* on style aussi le label quand désactivé */
input[type="checkbox"]:disabled + label {
  color: #aaa;
}
 
/* aspect au focus de l'élément */
input[type="checkbox"]:checked:focus + label:before,
input[type="checkbox"]:not(:checked):focus + label:before {
  /*border: 1px dotted blue;*/
}



input[type="checkbox"].brico_deliver:not(:checked) + label:before,
input[type="checkbox"].brico_deliver:checked + label:before {
left:0; top: -2px;
}
input[type="checkbox"].brico_deliver:not(:checked) + label:after,
input[type="checkbox"].brico_deliver:checked + label:after {
left:6px; top: 4px;
}

input[type="checkbox"].main_doe_ck:not(:checked) + label:before,
input[type="checkbox"].main_doe_ck:checked + label:before {
left:0; top: -2px;
}
input[type="checkbox"].main_doe_ck:not(:checked) + label:after,
input[type="checkbox"].main_doe_ck:checked + label:after {
left:6px; top: 4px;
}

/* END --- SPECIFIK CLASS FOR checkbox style */

.gallery_bar {
  width: 1px;
  height: 5px;
  background: #4286f4;
  text-align: center;
  transition-duration: 0.5s;
  transition-timing-function: ease;

}
.gallery_bar_container {
  width: 1px;
  height: 7px;
  padding:1px;
  background: #cccccc;
  max-width:302px; margin-bottom:10px;
  width:100%;
  overflow:hidden;
}

.gallery_item_line {
  width:100%; padding:10px; background:#ffffff; margin-top:5px; border-bottom:1px solid #cccccc
}
.gallery_item_pic {
  border:1px solid #cccccc; float:left; width:120px; height:100px;  line-height:100px; font-size:20px; font-weight:bold; text-transform:uppercase; text-align:center; color:#ffffff; text-decoration: none
}
.gallery_item_text {
  position:relative; float:right; width:calc(100% - 140px); height:100px;
}
.remove_work_zone_item {
  border-radius:3px; position:absolute; width:36px; height: 36px; background: #cc3333 url(../img/supp.svg) no-repeat center; background-size:20px; bottom:0; right:0
}


/* slide show home */

.col_full_width_slide_photo {
  position:relative;
  width:100%; min-height:500px; 
  margin:0 auto; 
  margin-top:60px;
  background-color: #eeeeee;  
  text-align: center; 
}

.col_full_width_slide {
  opacity:0;
  width:100%; height:500px;  
  position:absolute;
  top:0; left:0; right:0; bottom:0; 
  -webkit-transition: opacity 0.9s ease-in-out;
    -moz-transition: opacity 0.9s ease-in-out;
    transition: opacity 0.9s ease-in-out;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    pointer-events : none;
}

.col_full_width_slide_1 {
  /*background-image: url(../home_banner/01.jpg);*/
}
.col_full_width_slide_2 {
  /*background-image: url(../home_banner/02.jpg);*/
}
.col_full_width_slide_3 {
  /*background-image: url(../home_banner/03.jpg);*/
}
.col_full_width_slide_4 {
  /*background-image: url(../home_banner/04.jpg);*/
}
.col_full_width_slide_5 {
  /*background-image: url(../home_banner/05.jpg);*/
}

.col_full_width_slide_active {
  opacity:1;
  pointer-events : auto;
}

.col_full_width_slide_filter_dark {
  width:100%; height:700px;  
  position:absolute;
  top:0; left:0; right:0; bottom:0; 
  /*background-color: rgba(47,29,25,0.2);  */
  /*background-color: rgba(255,255,255,0.1);  */
  /*background: linear-gradient(30deg, rgba(255,255,255,0) 5%, rgba(255,255,255,0.95) 80%);*/
}

.col_full_width_slide_in {
    font-size: 22px;
    font-family: 'Roboto Condensed', sans-serif;
    text-shadow: 1px 1px 2px #000000;
    margin: auto;
    width: 50%;
    min-width: 280px;
    max-width: 600px;
    position: relative;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
    color:#ffffff;
    text-align: center;

}

.col_full_width_slide_in_txt { 
    font-size: 24px;
    margin-top: 20px;
    line-height: normal;
}

.col_full_width_slide_button {
  display:inline-block;
  background: #ffffff;
box-shadow: 0px 0px 0px 5px rgb(0 0 0 / 30%);
    border: 2px solid #ffffff;
font-size:20px;
text-decoration: none;
color:#ff6633; text-align: center;
padding:15px;
padding-left:30px; padding-right:30px;
border-radius:4px; margin-top:20px;
text-shadow: none;
text-transform: uppercase;
font-weight:bold;
font-family: 'Roboto Condensed', sans-serif;
}

.col_full_width_slide_in_big_title {
  font-size:40px;
  font-weight:bold;
  text-transform: uppercase;
  line-height: normal;
  /*font-family: Oswald;*/
  font-family: 'Text Me One', sans-serif;
    font-weight: bold;
    letter-spacing: 1.5px;
}


.col_full_width_slide_ariane_container {
  width:100%; height:30px;  
  position:absolute;
  left:0; right:0; bottom:0; 
  opacity: 0.8;
}
.col_full_width_slide_ariane_bullet {
  display: inline-block; background-color: #ffffff; width:10px; height:10px; 
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  margin-left:10px; margin-right:10px;
  box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.3); 
  border:2px solid #ffffff;  
  cursor:pointer;    
}
.col_full_width_slide_ariane_bullet_active {
  background-color: #cc3333;
}

.col_full_width_slide_navig_left, .col_full_width_slide_navig_left_testimonials {
  width:40px; height:40px;  
  position:absolute;
  left:20px; top:50%; margin-top: 10px; 
  background-color: #ffffff;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  margin-left:10px; margin-right:10px;
  box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.3); 
  border:2px solid #ffffff;  
  opacity: 0.6; 
  background-image: url(../img/back.svg);
  background-position: 45% 50%;
    background-repeat: no-repeat;
    background-size: 60%;
    cursor:pointer;
 }
.col_full_width_slide_navig_right, .col_full_width_slide_navig_right_testimonials {
  width:40px; height:40px;  
  position:absolute;
  right:20px; top:50%; margin-top: 10px; 
  background-color: #ffffff;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  margin-left:10px; margin-right:10px;
  box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.3); 
  border:2px solid #ffffff; 
  opacity: 0.6;  
  background-image: url(../img/next.svg);
  background-position: 55% 50%;
    background-repeat: no-repeat;
    background-size: 60%;
    cursor:pointer;
}

.col_full_width_slide_navig_left_testimonials, .col_full_width_slide_navig_right_testimonials {
  border:0; 
  box-shadow: none;
  background-color: transparent;
  margin-top: -40px; 

}


/* NEWS and LINKS */
#news_item_container { max-width:960px; min-width:280px; width:100%;  margin: 0 auto; margin-top:60px;  }
.news_title {font-weight:bold; font-size:18px; text-decoration: none; font-weight:bold; margin-bottom:10px;  margin-top:10px; display:inline-block; color:#ff6633;}
.news_items {background: #ffffff; margin-bottom:20px; width: calc(33.33% - 15px); padding:20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position:relative;
  box-sizing: border-box;
    margin-right: 20px;
    float: left;
}
.news_items .col_full_width_slide_button {
  position : absolute; 
  bottom:10px; 
  right:20px; 
  background: #ff6633;
  color:#ffffff;
  font-size:16px;
  border:0;
  box-shadow:none;
  padding:15px;
  padding-top:10px; padding-bottom:10px;
  }
.news_photo {
  background-color: #eeeeee; 
  width:100%; height:150px; background-size: cover; background-position: center; display:block;}
.news_label_margin {    padding-bottom: 50px;
    min-height: 170px;}

#news_item_container .news_items:nth-child(3n + 1) { margin-right:0; }



.network_social {
margin:10px; width:50px; height:50px; 
 display:inline-block;
  background-size: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #6b6a8b;
  border-radius:6px;
}

.network_social:hover {
   -webkit-filter: grayscale(0);
  filter: none;
}


.testimonials { margin: 0 auto; margin-top:40px; position: relative; width: 960px; height:210px;}
.testimonials_navigator {position: absolute; top:0; left:-100px; right:-100px; bottom:0; z-index:100}
.testimonials_in { width:100%; height:210px; overflow: hidden}
.testimonials_slider { width: 100%; white-space: nowrap; }
.testimonials_item { width:25%; height:170px; display: inline-block; white-space: normal; vertical-align: top }
.testimonials_item_active {/*background-color: yellow;*/}
.testimonials_item_text {box-sizing: border-box;   width:calc(100% - 40px); margin:0 auto; /*padding:20px;*/ min-height:130px; text-align:center; /*background: #ffffff; border-radius:6px; box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.34); font-style:italic*/}
.testimonials_item_filac {
  width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 15px 0 15px;
    border-color: #ffffff transparent transparent transparent;
    margin: 0 auto;
    margin-top: -6px;
    display:none;
}
.testimonials_item_sign_container {
  width:calc(100% - 40px); margin:0 auto; margin-top:20px; border-bottom:1px solid #cccccc; padding-bottom: 15px; 
}

.testimonials_item_sign_ico {
  width: 40px;
    height: 40px;
    float: left;
    margin-right: 15px;
    background: #ffffff url(../img/profile.svg) no-repeat center 8px;
    background-size: 36px;
    border-radius: 20px;
    box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.1);
    display:none;
}
.testimonials_item_sign {
  /*width:calc(100% - 55px); float:right;*/ text-align:center; font-size: 10px; font-style: italic;
}







/* TOOL TIPS */
.tool_tips {
    line-height: 37px;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
    background: #fceb7b;
    border: 1px solid #999999;
    color: #000000;
    font-weight: normal;
    font-size: 23px;
    text-align:center;
}
.tool_tips_content {
  display:none; width:0; height:0;
}
.tool_tips_before{
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 5px 0;
  border-color: transparent #999999 transparent transparent;
  margin-left:5px;
}


#NEW_ACC_member_pass,
#NEW_ACC_member_pass_verif,
#NEW_ACC_member_pass_clear,
#NEW_ACC_member_pass_verif_clear,
#RESCUE_member_pass,
#RESCUE_member_pass_verif,
#RESCUE_member_pass_clear,
#RESCUE_member_pass_verif_clear,
#member_pass,
#member_pass_verif,
#member_pass_clear,
#member_pass_verif_clear,
#filter_client_pro { 
  width: calc(100% - 40px); 
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}


#NEW_ACC_member_pass_clear,
#NEW_ACC_member_pass_verif_clear,
#RESCUE_member_pass_clear,
#RESCUE_member_pass_verif_clear,
#member_pass_clear,
#member_pass_verif_clear  {display:none}

#comment_pass_validation,
#comment_pass_verif_validation,
#NEW_ACC_comment_pass_validation,
#NEW_ACC_comment_pass_verif_validation,
#RESCUE_comment_pass_validation,
#RESCUE_comment_pass_verif_validation {
  position:absolute;
  top: 31px;
  width: 200px;
  left: 99%;
  display: none;
}

#comment_pass_validation b,
#comment_pass_verif_validation b,
#NEW_ACC_comment_pass_validation b,
#NEW_ACC_comment_pass_verif_validation b,
#RESCUE_comment_pass_validation b,
#RESCUE_comment_pass_verif_validation b { 
  float: left;
  width: 17px;
  height: 40px;
  background-image: url(../img/infobulle_arrow.svg);
  background-repeat: no-repeat;
  background-position: left 10px;
  background-size: 20px;
}

#comment_pass_validation span,
#comment_pass_verif_validation span,
#NEW_ACC_comment_pass_validation span,
#NEW_ACC_comment_pass_verif_validation span,
#RESCUE_comment_pass_validation span,
#RESCUE_comment_pass_verif_validation span {
  float:left;
  width: calc(100% - 17px);
  background-color: #fdf294;
  padding: 15px;
  -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  border-left:2px solid #009fe3;
}


a.fake_btn_float_right { float:right;}


a.fake_btn_side_end {
  width:40px;
  float:right;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 6px;
  background-color: #009fe3;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  line-height: normal;
  text-decoration: none;
}
a.fake_btn_side_start {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

a.fake_btn_cancel_search {  
  background-image: url(../img/close_white.svg);
  background-repeat: no-repeat;
  background-position: center; 
  background-size: 28px;
}

a.fake_btn_view {  
  background-image: url(../img/view.svg);
  background-repeat: no-repeat;
  background-position: center; 
  background-size: 28px;
}

a.fake_btn_view_off {  
  background-image: url(../img/view_off.svg);
  background-repeat: no-repeat;
  background-position: center; 
  background-size: 28px;
}

a.fake_btn_plus {  
  background-image: url(../img/plus_white.svg);
  background-repeat: no-repeat;
  background-position: center; 
  background-size: 28px;
}

a.fake_btn_moins {  
  background-image: url(../img/moins_white.svg);
  background-repeat: no-repeat;
  background-position: center; 
  background-size: 28px;
}

.clear {clear:both;}
img {border:0;}

.web_nav_barr {
    position: fixed;
    z-index: 999;
    top: 0;
    left:0;
    right:0;
    height: 60px;
    background: #3e3e51;
}
.web_nav_barr_logo {
    width: 175px;
    background: url(../img/logo.svg) no-repeat 20px 50%;
    background-size: contain;
    height: 24px;
    float: left;
    margin-top: 16px;
    cursor: pointer;
}
.web_nav_barr_menu {
    float:right;
    width: calc(100% - 280px);
    height: 60px;
    text-align: right
}
.web_nav_barr_menu a {
    text-decoration: none;
    display:inline-block;
    color:#ffffff;
    padding-top:21px; 
    margin-right:20px;
    padding-bottom: 6px;
    border-bottom: 2px solid #747481;
    transition : border 400ms ease-out;
    -webkit-transition : border 400ms ease-out; 
    -moz-transition : border 400ms ease-out;
    -o-transition : border 400ms ease-out;
}
.web_nav_barr_menu a:hover {
    border-bottom: 2px solid #30ffe7;
}
.web_nav_barr_menu a.activated {
    border-bottom: 2px solid #30ffe7;
}
.web_nav_barr_menu a.create_account {
    border: 0;
    background-color: #ff6633;
    color:#ffffff;
    margin-top:6px;
    padding-top:12px; 
    padding-bottom:12px; 
    padding-left:12px; padding-right:12px;
    border-radius:6px;
    transition : background 400ms ease-out;
    -webkit-transition : background 400ms ease-out; 
    -moz-transition : background 400ms ease-out;
    -o-transition : background 400ms ease-out;
}
.web_nav_barr_menu a.create_account:hover {
    background-color: #e3420c;
}
.web_nav_barr_lng_support {
    width:80px;
    float:right;
    height: 60px;
    text-align: right;
    position:relative;
}
.web_nav_barr_lng_support a {
    text-decoration: none;
    display:inline-block;
    color:transparent;
    padding-top:21px; 
    margin-right:0px;
    padding-bottom: 6px;
    border-bottom: 2px solid transparent;
}
.web_nav_barr_lng_support a.change_lng {
    text-decoration: none;
    display:inline-block;
    border: 0;
    border: 1px solid #747481;
    color:#ffffff;
    margin-top:6px;
    margin-right:20px;
    padding-top:12px; 
    padding-bottom:12px; 
    padding-left:8px; padding-right:24px;
    border-radius:6px;
    background : url(../img/arrow-down.svg) no-repeat 31px 18px;
    background-size:10px;
    width:50px;
}
.web_nav_barr_lng_support a.change_lng:hover {
   
}
.lng_stock {
    display:none;
    position: absolute;
    top:60px;
    right:20px;
    background: #747481;
    width:50px;
    text-align: center;
}
.lng_stock a {
    text-decoration: none;
    display:inline-block;
    color:#ffffff;
    padding-top:10px; 
    padding-bottom: 5px;
    border-bottom: 2px solid #747481;
    margin-bottom:5px;
    width:70%;
    transition : border 400ms ease-out;
    -webkit-transition : border 400ms ease-out; 
    -moz-transition : border 400ms ease-out;
    -o-transition : border 400ms ease-out;
}
.lng_stock a:hover {
    border-bottom: 2px solid #30ffe7;
}



/* ------- MOBILE MENU ----------------- */


.main-col-menu-mobile { width:0px; overflow-x: hidden; text-align: left;
z-index:1000;
font-size:18px;
color: #606060;
font-family: 'Roboto Condensed', sans-serif;
font-weight:bold;
letter-spacing: .8px;
text-transform: uppercase;
overflow-x: hidden;
position:fixed; 
top:0; 
right:0; 
top:60px;
/*bottom:0px;*/
height: calc(100% - 60px);
background-color:#ffffff;
transition-property: all;
transition-duration: .5s;
transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

}

.main-col-menu-mobile a, .main-col-menu-mobile a:visited, .main-col-menu-mobile a:active, .main-col-menu-mobile a:hover {color: #606060;}

.menu_mobile_trigger {
  display:none;
  position: absolute;
  top: 8px;
  right: 20px;
  height: 44px;
  width: 50px;
  margin: 0 auto;
  line-height: 38px;
  border: 1px solid #747481;
  border-radius: 6px;
  padding: 4px;
 }
.menu_mobile_trigger_ico{cursor: pointer; display:block; height:38px; width:38px; /*background-image: url(../img/trigger_menu.png); background-repeat: no-repeat; background-position: center; background-color: #434343;*/ }


.mobile-menu-items { visibility: hidden}

.mobile-menu-item {width: 400px;visibility: visible; position: relative; border-bottom:1px solid #cccccc; background-color:#eeeeee; background-image:url(../img/next.svg); background-size: 20px; background-position: 98% 50%; background-repeat:no-repeat;}
.mobile-menu-item:first-child {border-top:0px solid #cccccc;}
.mobile-menu-item:last-child {border-bottom:0px solid #cccccc;}
.mobile-menu-item-label {float:left;width:362px;padding:10px; background-color:#ffffff; box-sizing:border-box;}
.mobile-menu-item-arrow {cursor:pointer; float:right;width:38px; padding-top:10px;padding-bottom:10px;  position: absolute; top: 0; bottom: 0; right: 0;}
.mobile-menu-item-label-back {float:left; width:362px;padding:10px; text-align:left;background-color:#ffffff; }
.mobile-menu-item-arrow-back {cursor:pointer; float:left;width:38px;background-image:url(../img/back.svg); background-size: 20px; background-position: center; background-repeat:no-repeat;padding-top:10px;padding-bottom:10px;}
.mobile-menu-item-label a, .mobile-menu-item-label-back a  {text-decoration:none; }

.mobile-menu-item-label-no-sub {width:400px;}

.menu_mobile_modal {
  opacity:0;
    transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s; /* Safari */
  z-index:998;background-color: rgba(0, 0, 0, 0.6); position: fixed; top:0; bottom:0; right:0; left:0; 
  pointer-events: none;
}
.menu_mobile_modal_active {
  opacity:1;
}


/* Icon 4 */

#nav-icon4 {
  width: 33px;
  height: 33px;
  position: relative;
  margin: 0px auto;
  -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;
  margin-top: 6px;
}

#nav-icon4 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #ffffff;
  border-radius: 5px;
  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;
}


#nav-icon4 {
}

#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 10px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
  top: 20px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -1px;
  left: 4.5px;
}

#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 22px;
  left: 4.5px;
}








.page_content {
    margin-top:60px;
    height:100%;
}
.page_warp {
    min-height: 100%;
    /*margin-bottom: 320px;*/
}

.gradient_blue {
    background: linear-gradient(135deg,#b9ead9,#b9ead9 9%,#67c9dd 34%,#3ab7e0 50%,#1aaae2 71%,#07a2e3 89%,#009fe3);
    position:relative;
}

.home_txt_1 {
    position:absolute; top:40px; width:80%; margin-left:10%; height:300px;
    /*font-family: 'Roboto Condensed', sans-serif;9*/    
    font-family: 'Text Me One', sans-serif;
    letter-spacing: 1.5px;
    font-weight: bold;
    font-size: 45px;
    text-transform: uppercase;
    text-align: center;
    color:#ffffff;
    line-height: normal;
    text-shadow: 2px 2px 0px #333333;
}
.home_img_1_spacer {
    width:100%;
    height:100px;
}
.home_img_1 {
    background: url(../img/house.svg) no-repeat center ;
    height:600px;
    width:90%;
    margin-left:5%;
    background-size: contain;
    display:block;
}
.home_img_tigger{
  cursor: pointer;
    height:100px;
    width:100%;
    background: url(../img/arrow-down.svg) no-repeat center;
    background-size:60px;
}
.home_bloc_limit_width {
    max-width:920px;
    margin:0 auto;
}
.home_txt_2 {
    padding-top:60px;
    float:right;
    width:calc(100% - 350px);
    min-height:300px;
    padding-right:20px;
}
.home_txt_2_intro, .commun_page_title {
    /*font-family: 'Roboto Condensed', sans-serif;*/
    font-family: 'Text Me One', sans-serif;
    letter-spacing: 1.5px;
    font-weight: bold;
    font-size: 45px;
    text-transform: uppercase;
    text-align: center;
    color:#ff6633;
    line-height: normal;
    /*text-shadow: 2px 2px 0px #cccccc;*/
    margin-top:40px;
}
.home_txt_2_intre {
  padding-left:30px; padding-right: 30px;
}
.commun_page_title {
    text-align: left;
    font-family: 'Text Me One', sans-serif;
    letter-spacing: 1.5px;
    font-weight: bold;
    font-size: 45px;
    margin-top:0px;
}
.commun_page_title_centered{
  text-align: center;
}
.commun_page {
    padding-top: 40px; padding-bottom:40px;
}
.home_txt_title {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 25px;
    text-transform: uppercase;
    color: #ff6633;
    margin-bottom:20px;
}

.home_img_2_mobile { display:none; width:140px; height: 140px; margin: 0 auto; margin-top: 40px; border-radius: 70px; border:1px solid #eeeeee; background-size:120px; background: url(../img/measure.svg) no-repeat center ; }
.home_img_3_mobile { display:none; width:140px; height: 140px; margin: 0 auto; margin-top: 40px; border-radius: 70px; border:1px solid #eeeeee; background-size:120px; background: url(../img/bill.svg) no-repeat center ; }
.home_img_4_mobile { display:none; width:140px; height: 140px; margin: 0 auto; margin-top: 40px; border-radius: 70px; border:1px solid #eeeeee; background-size:120px; background: url(../img/construction.svg) no-repeat center ; }
.home_img_5_mobile { display:none; width:140px; height: 140px; margin: 0 auto; margin-top: 40px; border-radius: 70px; border:1px solid #eeeeee; background-size:120px; background: url(../img/enjoy.svg) no-repeat center ; }

.home_img_2 {
    background: url(../img/measure.svg) no-repeat center ;
    min-height:300px;
    width:300px;
    margin-right:50px;
    background-size: 300px;
    float:left;
}
.home_next_step_A {
    background: url(../img/arrow_right.svg) no-repeat -25px center;
    min-height: 100px;
    width: calc(100% - 40px);
    background-size: 70px;
    margin-left: 40px;
}
.home_next_step_B {
    background: url(../img/arrow_left.svg) no-repeat right -10px;
    min-height: 100px;
    width: calc(100% - 10px);
    background-size: 70px;
    margin-right: 10px;
    margin-top:20px;
}
.home_txt_3 {
    padding-top:30px;
    float:left;
    width:calc(100% - 350px);
    min-height:300px;
    padding-left:20px;
    text-align: right;
}
.home_img_3 {
    background: url(../img/bill.svg) no-repeat center ;
    min-height:300px;
    width:300px;
    margin-left:50px;
    background-size: 300px;
    float:right;
}
.home_img_4 {
    background: url(../img/construction.svg) no-repeat center ;
    min-height:300px;
    width:300px;
    margin-right:50px;
    background-size: 300px;
    float:left;
}
.home_txt_4 {
    padding-top:60px;
    float:right;
    width:calc(100% - 350px);
    min-height:300px;
    padding-right:20px;
}
.home_txt_5 {
    padding-top:30px;
    float:left;
    width:calc(100% - 350px);
    min-height:300px;
    padding-left:20px;
    text-align: right;
}
.home_img_5 {
    background: url(../img/enjoy.svg) no-repeat center ;
    min-height:300px;
    width:300px;
    margin-left:50px;
    background-size: 300px;
    float:right;
}

.big_commun_btn {
    display:inline-block;
    border: 0;
    background-color: #ff6633;
    color:#ffffff;
    margin-top:6px;
    padding-top:18px; 
    padding-bottom:18px; 
    padding-left:18px; padding-right:18px;
    border-radius:6px;
    text-decoration:none;
    transition : background 400ms ease-out;
    -webkit-transition : background 400ms ease-out; 
    -moz-transition : background 400ms ease-out;
    -o-transition : background 400ms ease-out;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
    text-transform: uppercase;
}
.commun_btn {
    display:inline-block;
    border: 0;
    background-color: #ff6633;
    color:#ffffff;
    border-radius:6px;
    text-decoration:none;
    transition : background 400ms ease-out;
    -webkit-transition : background 400ms ease-out; 
    -moz-transition : background 400ms ease-out;
    -o-transition : background 400ms ease-out;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    padding: 20px ;
    padding-top: 14px ;
    padding-bottom: 14px ;
    padding-left: 46px ;
    background-image: url(../img/connexion_btn.svg);
    background-repeat: no-repeat;
    background-position: 9px center;
    background-size: 26px;
}
.commun_btn_mini {
    display:block;
    border: 0;
    background-color: #009fe3;
    color:#ffffff;
    border-radius:6px;
    text-decoration:none;
    transition : background 400ms ease-out;
    -webkit-transition : background 400ms ease-out; 
    -moz-transition : background 400ms ease-out;
    -o-transition : background 400ms ease-out;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    padding: 10px ;
    padding-top: 8px ;
    padding-bottom: 8px ;
    margin-top:10px;
    text-align: center
}
.commun_btn_mini:hover {
  background-color: #0077E2;
}
.commun_btn_back {
  border: 1px solid #ff6633;
  background-color:#ffffff;
  color:#ff6633;
  background-image: url(../img/connexion_btn_back_2.svg);
}
.commun_btn_remove {
  /*border: 1px solid #cc3333;*/
  background-color:#cc3333;
  color:#ffffff;
  background-image: url(../img/supp.svg);
}
.commun_btn_edit {
  background-image: url(../img/pencil_white.svg);
}

.commun_btn_donwload {
  background-image: url(../img/donwload_btn.svg);
}

.specific_btn_donwload_PDF {
  display: inline-block;
  width:40px;
  height:45px;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url(../img/pdf.svg);
  cursor:pointer;
}
.specific_btn_donwload_TXT {
  display: inline-block;
  width:40px;
  height:45px;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url(../img/txt.svg);
  cursor:pointer;
  background-size: 79px;
}
.specific_btn_donwload_send_PDF {
  display: inline-block;
  width:40px;
  height:45px;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url(../img/pdf_send.svg);
  background-size: 40px;
  cursor:pointer;
}

.commun_btn_blue_done {
  background-color: #009fe3;
  background-image: url(../img/saved_blue.svg);
}

.commun_btn_blue {
  background-color: #009fe3;
}

.commun_btn_orange_done {
  background-image: url(../img/saved.svg);
}

.big_commun_btn:hover, .commun_btn:hover {
    background-color: #e3420c;
}
.commun_btn_blue_done:hover, .commun_btn_blue:hover {
  background-color: #0077E2;
}

.commun_btn_back:hover {
  background-color: #eeeeee;
}

.activation_container {
  width: 300px;
  margin: 0 auto;
  text-align: center;
  padding: 20px;
  border: 1px solid #cccccc;
  margin-top: 40px;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  border-radius: 6px;
}

#activation_done_ok,
#activation_done_nok {
  display:none;
}

.activation_done_ok {
  width:120px;
  height:120px;
  border-radius:6px;
  background-color: #009fe3;
  background-image: url(../img/saved_blue.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70px;
  margin:0 auto;
  margin-top:20px; margin-bottom:20px;
}

.activation_done_nok {
  width:120px;
  height:120px;
  border-radius:6px;
  background-color: #ff6633;
  background-image: url(../img/close_white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70px;
  margin:0 auto;
  margin-top:20px; margin-bottom:20px;
}


.btn_container_center {
    text-align:center;
}
.btn_container_right_margin_top {
    text-align:right; margin-top:10px;
}
.btn_container_center_margin_top {
    text-align:center; margin-top:10px;
}
.create_account:hover {
    background-color: #e3420c;
}
.website_footer {
    margin-top: 80px;
    background: linear-gradient(135deg,#6b6a8b 1%,#3e3e51);  
    padding-bottom:40px;
}
.home_footer_intro {
    /*font-family: 'Roboto Condensed', sans-serif;*/
    font-family: 'Text Me One', sans-serif;
    font-weight: bold;
    letter-spacing: 1.5px;
    font-size: 45px;
    text-transform: uppercase;
    text-align: left;
    color:#ffffff;
    line-height: normal;
    /*text-shadow: 2px 2px 0px #000000;*/
    padding-top:40px; 
    padding-bottom:20px;    
}
.home_footer_txt {
    color:#ffffff;
}

.footer_reseau { margin-top:20px; margin-bottom:20px; text-align: right;  }
.footer_reseau_item_yt { width:40px; height:40px; border:0; display: inline-block; background-image: url(../img/ryoutube.svg); background-size: cover; background-repeat: no-repeat; background-position: center; margin-left:20px;  }
.footer_reseau_item_in { width:40px; height:40px; border:0; display: inline-block; background-image: url(../img/instagram.svg); background-size: cover; background-repeat: no-repeat; background-position: center; margin-left:20px;  }
.footer_reseau_item_fb { width:40px; height:40px; border:0; display: inline-block; background-image: url(../img/facebook.svg); background-size: cover; background-repeat: no-repeat; background-position: center; margin-left:20px;  }
.footer_reseau_item_lk { width:40px; height:40px; border:0; display: inline-block; background-image: url(../img/linkedin.svg); background-size: cover; background-repeat: no-repeat; background-position: center; margin-left:20px;  }

.website_extra_footer {
    background:#3e3e51;
    padding-top:40px;
    /*padding-bottom: 40px;*/
    font-size:14px;
}


.website_extra_footer, .page_wrap:after, .page_content.after {
    height: 404px;
}
.website_extra_footer b {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    color:#ffffff;
    display: inline-block;
    margin-bottom:8px;
}
.website_extra_footer a {
    color:#cccccc;
    text-decoration:none;
    display: inline-block;
    margin-bottom:5px;
}
.website_extra_footer a:hover {
    color:#ffffff;
    text-decoration:underline;
}
.website_extra_footer_ico {
    background-color:#cccccc;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50px;
    width:80px;
    height:80px;
    display:-inline-block;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    margin-bottom:20px;
}
.website_extra_footer_ico_help {
    background-image: url(../img/discuss-issue.svg);
}
.website_extra_footer_ico_info {
    background-image: url(../img/share.svg);
    background-position: 42.5% 50%;
}
.website_extra_footer_ico_pro {
    background-image: url(../img/worker.svg);
}
.website_extra_footer_col1 { float:left; width: calc(34% - 32px); padding-left: 10px; border-left: 1px solid #666666; }
.website_extra_footer_col2 { float:left; width: 33%; margin-right:10px; margin-left:10px; padding-left: 10px; padding-right:10px; border: 1px solid #666666; border-top:0; border-bottom:0;}
.website_extra_footer_col3 { float:left; width: calc(33% - 21px); }

.website_extra_footer_bottom_line {
    text-align: center;
    width: 100%; border-top: 1px solid #666666; padding-top:20px; padding-bottom:20px; margin-top:20px;
}
.website_extra_footer_bottom_line a {
    display:inline-block; margin-left:20px; margin-right:20px;
}

#yt_video_player { 
    -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    z-index:999;width: 620px; height:349px; display:none;  position:fixed; top:50%; margin-top: -150px; left:50%; margin-left: -300px; }
#yt_video_player_iframe { width: 620px; height:349px; background:#000000; border:0;}

.tuto_container {float:left; margin-top:20px; margin-right:20px;width:calc(33.33333% - 14px); min-height:320px; background:#eeeeee; border-radius:6px; padding:10px;}
.tuto_container:nth-child(3n+2) {  
   margin-right:0px;
}
.tuto_thumb { cursor: pointer; position:relative; width: 100%; height: 220px; background-size: cover; background-position: center; background-repeat: no-repeat; border:1px solid #333333; border-radius:5px;}
.tuto_thumb_filter {position: absolute; top:0; left:0; width: 100%; height: 220px; background-color: rgba(0,0,0,0.5);}
.tuto_thumb:hover > .tuto_thumb_filter { background-color: rgba(0,0,0,0.0);}
.tuto_thumb_play { background-image: url(../img/youtube.svg); position: absolute; top:0; left:0; width: 100%; height: 220px; background-size: 60px; background-position: center; background-repeat: no-repeat; }
.tuto_title {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 25px;
    text-transform: uppercase;
    color: #ff6633;
    margin-top:10px;
    margin-bottom:5px;
    line-height:normal;
}
.tuto_description {}


.modal{
    display:none;
    position:fixed;
    z-index:998;
    top:0; left:0; right:0; bottom:0;
    background: rgba(0,0,0,0.35);
    animation: fadein 0.2s linear forwards;
}

.modal_sticky_prices_for_mobile_call_details {
    display:none;
    position:fixed;
    z-index:8;
    top:0; left:0; right:0; bottom:0;
    background: rgba(0,0,0,0.35);
    animation: fadein 0.2s linear forwards;
}


.login_box_container {  
    z-index:999;
    display:none;
    background: #ffffff;
    color: white;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    border-radius: 6px;
    border: 1px solid #cccccc;
    width:300px;
}

.forgot_pass, .WL_sp_brico_add_reference {  
    z-index:999;
    display:none;
    background: #eeeeee;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    border-radius: 6px;
    border: 1px solid #cccccc;
    width:300px;
}

.create_account_box_container, .create_account_WL_box_container, .update_account_WL_box_container, .after_devis_choose_pro, .feed_back_form_container, .add_opt_diver, .request_delivery_address_or_tva {  
    z-index:999;
    display:none;
    background: #eeeeee;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    border-radius: 6px;
    border: 1px solid #cccccc;
    width:600px;
}



.del_opt {
  width: 26px;
  height: 26px;
  background-color: #009fe3;
  background-image: url(../img/close_white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
  float:right;
  margin-right: -6px;
  cursor: pointer;
}

.feed_back_form_question_box { padding:10px; border-bottom:1px solid #cccccc;}
.feed_back_form_question { font-weight:bold; width:calc(100% - 120px); height:50px; line-height: 50px; float:left;}
.feed_back_form_oui { 
  cursor:pointer;
transition: background 200ms ease-out;
    -webkit-transition: background 200ms ease-out;
    -moz-transition: background 200ms ease-out;
    -o-transition: background 200ms ease-out;
  font-weight:bold; width:50px; height:50px; line-height: 50px; float:right; border-radius: 4px;  background-color: #999999; color: #ffffff; background-image: url(../img/saved_999999.svg); background-repeat: no-repeat; background-position: 11px center; background-size: 26px; margin-right:5px;  }
.feed_back_form_oui:hover {

background-color: #666666;
}
.feed_back_form_non { 
  cursor:pointer;
transition: background 200ms ease-out;
    -webkit-transition: background 200ms ease-out;
    -moz-transition: background 200ms ease-out;
    -o-transition: background 200ms ease-out;
  font-weight:bold; width:50px; height:50px; line-height: 50px; float:right; border-radius: 4px;  background-color: #999999; color: #ffffff; background-image: url(../img/supp_999999.svg); background-repeat: no-repeat; background-position: 11px center; background-size: 26px;}
.feed_back_form_non:hover {

background-color: #666666;
}

.feed_back_form_oui_selected, .feed_back_form_oui_selected:hover { 
background-color: #009fe3;
background-image: url(../img/saved_blue.svg);
}

.feed_back_form_non_selected, .feed_back_form_non_selected:hover {  
background-color: #cc3333;
background-image: url(../img/supp.svg);
}

.create_account_box_container_col {
  float:left;
  width:50%;
  padding-right:20px;
  border-right: 1px solid #cccccc;
  margin-top: 20px;
}
.create_account_box_container_col_right {
  float:left;
  width:50%;
  padding-left:20px;
  margin-top: 20px;
}

.create_account_box_container_col_make_full {
  float:none;
  width:100%;  
  padding-right:0px;
  padding-left:0px;
  border: 0;
}

/* ------ ANIM SHAKE ------- */

.bo_shake_no {
  animation: shake 1s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(-50%, -50%, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(calc(-50% - -4px), -50%, 0);
  }
  
  20%, 80% {
    transform: translate3d(calc(-50% - 8px), -50%, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(calc(-50% - -16px), -50%, 0);
  }

  40%, 60% {
    transform: translate3d(calc(-50% - 16px), -50%, 0);
  }
}


.commun_modal, .commun_modal_tooltips {  
    z-index:999;
    display:none;
    background: #ffffff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    border-radius: 6px;
    border: 1px solid #cccccc;
    width:600px;
}

.commun_modal_tooltips_in { 
  position:relative;
}

.commun_modal_tooltips_msg {
    max-height:400px;
    min-height:100px;
    overflow-y: auto;
    padding-top:20px;
    padding-bottom:50px;
}

.commun_modal_tooltips_msg img{
  width: 265px;
  display: inline-block;
  vertical-align: top;
}

.commun_modal_tooltips_fade {
  position:absolute;
  bottom:0; left:0; right:0;
  height: 60px;
  border-radius: 6px;

  pointer-events: none;

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+78&0+0,1+77 */
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 77%, rgba(255,255,255,1) 78%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 77%,rgba(255,255,255,1) 78%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 77%,rgba(255,255,255,1) 78%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */


}

.tooltip_img_container {
  text-align:center;
}

#favorites_color { width:558px; margin-top:5px; min-height: 74px;}

.moon_picker_container {  
    z-index:999;
    display:none;
    background: #ffffff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    border-radius: 6px;
    border: 1px solid #cccccc;
    width:900px;
}

.moon_picker_preview { 
  /*width:100%;*/
  width:290px;
  /*height:160px;*/
  /*margin-top:10px;*/
  position:absolute;
  top:0;
  right:0;
  bottom:0px;
  background-color:#eeeeee;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.moon_picker_previewVOLET { 
  background-position: top center;
}
/*.moon_picker_preview_01 {
  background-image: url(../src/visuels/5bcdf08fb3801.png);
}
.moon_picker_preview_02 {
  background-image: url(../src/visuels/5bcdf063b235b.png);
}
.moon_picker_preview_03 {
  background-image: url(../src/visuels/5bcdf07786168.png);
}
.moon_picker_preview_04 {
  background-image: url(../src/visuels/5bd18765c534d.png);
}
.moon_picker_preview_05 {
  background-image: url(../src/visuels/5bcdf063b235b.png);
}
.moon_picker_preview_06 {
  background-image: url(../src/visuels/5bcdf07786168.png);
}
.moon_picker_preview_07 {
  background-image: url(../src/visuels/5bd18765c534d.png);
}*/

.clone_moon_picker_intels {
  width: calc(100% - 20px);
  position:absolute;
  bottom:10px;
  left:10px;
  right:10px;
  background: rgba(255,255,255,0.9);
  text-align: center;
  padding:5px;
}

.moon_picker_slider_choice {
  /*width:100%;*/
  width: 558px;
  margin-top:10px;
  /*white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;*/
  
}
.moon_picker_choice {
  /*width:186px;*/ display:inline-block; cursor: pointer;
}
.moon_picker_choice:first-child{display:none;}
.moon_picker_choice_color, .moon_picker_choice_color_cloned {
  border-radius:6px;
  width:60px;
  height:60px;
  border:2px solid #ffffff;
  -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.23);
  -moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.23);
  box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.23);
  margin: 0 auto;
  margin-bottom:2px;
  margin-right:2px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.moon_picker_choice_colorVOLET {
  background-size: 280%;
  background-position: top center;
}

.moon_picker_choice_label {
  width:90%; text-align: center; margin:0 auto; color:#000000;
  margin-bottom:10px;
}

.moon_picker_choice_active >  .moon_picker_choice_label { 
  color:#009fe3;
}
.moon_picker_choice_active >  .moon_picker_choice_color { 
  border-color:#009fe3;
}

.box_title {
  cursor:pointer;
  color: #000000;
  padding: 20px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  background: #eeeeee url(../img/cancel_padding.svg) no-repeat  right center;
  background-size: 41px;
  margin:-20px;
  margin-bottom:0;
}

.box_title_white {
  background: #ffffff url(../img/cancel_padding.svg) no-repeat  right center;
  background-size: 41px;
}

.commun_modal_msg {
  margin-top: 20px;
}

#co_res, #co_res_UPDATE_WL, #co_res_NEW_ACC {
  width: 343px;
  height: 120px;
  background: #ffffff;
  position: absolute;
  z-index: 100;
  padding: 10px;
  border:1px solid #cccccc;
  -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  display:none;
  overflow-y : scroll;
}

.co_res_line {
  padding:7px; border-bottom: 1px solid #cccccc;
  display: block; text-decoration: none; color: #000000;

}
.co_res_line:hover {
  background: #009fe3; color:#ffffff;
}

.extra_choice_ck {
  display:none;
  padding-left:30px;
  border:0;
  margin:0;
}


  .slider_morpho_mesure {
    float:left; width:70px; margin-right: 10px; height:60px; padding-top:5px; box-sizing:border-box; background:#eeeeee; text-align: center; font-weight:bold; font-size:15px
  }
  .slider_morpho_mesure input { width:60px; float:none; padding-right:4px; padding-left:4px; text-align: center}
  .slider_morpho_mesure span {
    font-size: 12px; display:block; margin-top:0px;
  }
  .slider_morpho {
    float:left; width:calc(100% - 100px); margin-left:10px; margin-right:10px;
  }
  .slider_morpho_label {
    float:left; margin-left: 10px; margin-bottom:8px; margin-top:14px;
  }


.option_raw {
  border:1px solid #cccccc;
  max-height:60px;
  overflow: hidden;
  position:relative;
  border-radius: 6px;
  margin-bottom:10px;
}

.option_raw_selected {
  border: 1px solid #009fe3;
}

.option_raw_selected .input_row_title { color : #009fe3; }

.option_raw_fade{
  position:absolute; 
  right:0;
  bottom:0;
  width:calc(100% - 62px);
  height:40px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+77&0+0,1+77 */
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,.8) 77%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 77%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 77%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  pointer-events: none;
  z-index: 2;

  display:none;
}

.option_raw_opener {
  width:40px;
  height:60px;
  position:absolute;
  right:0;
  top:0;
  background : url(../img/arrow-down-sign-to-navigate.svg) center no-repeat;
  background-size: 16px;
  cursor:pointer;
}

.option_raw_opener_actif {
  -webkit-transform:rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.option_raw_img {
  width: 60px;
  border-bottom:1px solid #cccccc;
  border-right: 1px solid #cccccc;
  float:left;
  height:60px;
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
}


.option_raw_img_1 { background-image : url(../src/visuels/5a7be264a27ba.jpg); }
.option_raw_img_2 { background-image : url(../src/visuels/5a8ca78ae844b.jpg); }
.option_raw_img_3 { background-image : url(../src/visuels/5a8ca8caf3ddf.jpg); }
.option_raw_img_4 { background-image : url(../src/visuels/5a8cad9e0c7b5.jpg); }
.option_raw_img_5 { background-image : url(../src/visuels/5aeed4d7b3510.jpg); }
.option_raw_img_6 { background-image : url(../src/visuels/5aeed99312a45.jpg); }

.option_raw_txt {
  float:left;
  /*width : calc(100% - 110px);*/
  /*width : calc(100% - 90px);*/
  width:100%;
  padding:10px;
  border-left: 1px solid #cccccc
  border: 0
}

#recap_content_next_step_bg, .class_recap_content_next_step_bg {
  min-height: 180px; position:relative; background: #ffffff url(../img/test.svg) no-repeat 13px bottom; padding: 20px; background-size: 110px;
  border-bottom:1px solid #cccccc;
}
.recap_content_next_step_bg_mobile {
    height: 70px;
    width: 70px;
    position: relative;
    background: #eeeeee url(../img/test.svg) no-repeat center -33%;
    background-size: 45px;
    border-radius: 82px;
    float: right;
    margin-top: -63px;
  display:none;
}
.recap_content_next_step_arrow_shadow {
  width: 0;height: 0;z-index:8; border-style: solid; border-width: 20px 20px 20px 0; border-color: transparent #cccccc transparent transparent; position: absolute; bottom:100px; left: 126px
}
.recap_content_next_step_arrow {
  width: 0;height: 0;z-index:11; border-style: solid; border-width: 20px 20px 20px 0; border-color: transparent #ffffff transparent transparent; position: absolute; bottom:100px; left: 128px
}
#recap_content_next_step, .class_recap_content_next_step {
  position:relative; z-index:10; -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23); -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23); box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.23); background:#ffffff; padding:0px; margin-left:120px; border-radius:10px; padding:20px;
}

.recap_scroll { /*max-height:300px; overflow-y: scroll;*/ margin-bottom: 5px; position: relative; }

.recap_content_no_in_devis .recap_scroll { max-height:none; overflow-y: auto }
.recap_scroll_fade {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+78&0+0,1+77 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(238,238,238,1) 77%, rgba(238,238,238,1) 78%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(238,238,238,1) 77%,rgba(238,238,238,1) 78%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(238,238,238,1) 77%,rgba(238,238,238,1) 78%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
    width: calc(100% - 13px);
    position: absolute;
    top: -60px;
    left: -2px;
    right: 0;
    z-index: 100;
    height: 60px;
      pointer-events: none;
  }

.recap_content_no_in_devis .recap_scroll_fade { display:none; }

.recap_content_raw_global {/*page-break-inside: avoid;*/ background: #ffffff; text-align:left; padding:10px; border-bottom:1px solid #cccccc; margin-bottom: 5px; position: relative; }
.recap_content_raw_global_print {/*page-break-inside: avoid;*/ background: #ffffff; text-align:left; padding:6px; padding-left:0; padding-right:0; border-bottom:1px solid #cccccc; margin-bottom: 0px; }
.recap_content_raw {margin-left:70px; text-align: left;}
.recap_content_raw_print {margin-left:130px; text-align: left;}
.recap_ico {float:left; width:60px; height:60px;}
.recap_ico_print { page-break-inside: avoid; float:left; width:100px; height:100px; padding:8px; text-align: center; /*border:1px solid #cccccc;*/}
.recap_ico_size { display:none;}
.recap_ico_size_print { margin-top:118px; display:block; width:100%; text-align: center; margin-bottom:8px; font-weight:bold;}
.recap_size_hide_on_PDF_print{display:none;}
.total_hide_on_PDF_print{display:none;}
.recap_tools { width:80px; display:inline-block; color:#ffffff; text-align:right; vertical-align: top;}
.recap_tools_edit { cursor:pointer; display:inline-block; width:30px; height:30px; margin-right:10px;background: #009fe3 url(../img/pencil_white.svg) no-repeat center; background-size:22px;border-radius: 6px; }
.recap_tools_remove { cursor:pointer; display:inline-block; width:30px; height:30px; background: #009fe3 url(../img/close_white.svg) no-repeat center; background-size:22px;border-radius: 6px; }
.recap_item { width:calc(100% - 80px); display:inline-block; vertical-align:top; padding-top: 6px; text-align: left; }
.recap_item_for_mobile {display:none;}
.recap_item_no_padding {padding-top: 0px; }
.recap_item_name { display:inline-block;vertical-align:top; width:40%; text-align: left; }
.recap_item_name_bold {font-weight:bold;}
.recap_item_label { display:inline-block;vertical-align:top; width:60%; text-align: left; }
.recap_item_label_bold {font-weight:bold;}
.recap_item_label_pu { display:inline-block;vertical-align:top; width:36%; text-align: left; }
.recap_item_label_qty { display:inline-block;vertical-align:top; width:12%; text-align: left; }
.recap_item_label_tva { display:inline-block;vertical-align:top; width:24%; text-align: left; }
.recap_item_label_prix { display:inline-block;vertical-align:top; width:28%; text-align:right }
.recap_detail_item ul {list-style-type: square; }
.recap_detail_item li { border-bottom:1px solid #eeeeee; padding-bottom:3px; margin-bottom:3px;}
.recap_detail_item_label { display:inline-block; text-align: left; width: 68%;  vertical-align: top}
.recap_detail_item_price { display:inline-block; text-align: right; font-weight:bold; width:30%; vertical-align: top}
.recap_intersec {
  margin-top:10px; padding-top:10px; border-top: 1px solid #eeeeee; text-align:right;  font-weight:bold;
}

/*.ico_pdf { width: ;}*/
.myspace_title_type { 
  text-transform: uppercase;
  font-size: 15px;
  text-shadow: 0px 2px 0px #000000;
  background:#009fe3; color:#ffffff; border-radius:30px; padding:4px; padding-right:12px; padding-left: 12px; display:inline-block; float:right; }

.myspace_quote_icon, .myspace_quote_detail_icon, .myspace_quote_wl_detail_icon, .myspace_quote_rap_detail_icon, .myspace_profile_icon, .myspace_icon_home_pro, .myspace_icon_home_pro_setting_wl {
  -webkit-border-radius: 4px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius: 4px;
  -moz-border-radius-bottomleft: 0;
  border-radius: 4px;
  border-bottom-left-radius: 0;
  width:70px; 
  height:70px;
  background: #009fe3 url(../img/devis.svg) no-repeat center;
  background-size:70%;
  float:right; 
}
.myspace_profile_icon {    
  background: #009fe3 url(../img/profile.svg) no-repeat center 13px;
  background-size: 62%; 
}
.myspace_icon_home_pro {    
  background: #009fe3 url(../img/home_white.svg) no-repeat center 13px;
  background-size: 62%; 
}
.myspace_icon_home_pro_setting_wl {    
  background: #009fe3 url(../img/controls.svg) no-repeat center 13px;
  background-size: 62%; 
}
.myspace_quote_wl_detail_icon {
  background-color: #cc3333;
  background-image: url(../img/devis_whitelabel.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.myspace_quote_rap_detail_icon {
  background-color: #3e3e51;
  background-image: url(../img/devis_rapporteur.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.myspace_quote_icon_label, .myspace_quote_detail_icon_label, .myspace_quote_detail_wl_icon_label, .myspace_quote_detail_rap_icon_label, .myspace_profile_icon_label {
  float:left;
  width: calc(100% - 70px); 
  padding-right:10px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: left;
  height: 70px;
  border-bottom:1px solid #009fe3;
}

.myspace_quote_detail_wl_icon_label {
  float:left;
  width: calc(100% - 70px); 
  padding-right:10px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: left;
  height: 70px;
  border-bottom:1px solid #cc3333;
}

.myspace_quote_detail_rap_icon_label {
  float:left;
  width: calc(100% - 70px); 
  padding-right:10px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: left;
  height: 70px;
  border-bottom:1px solid #3e3e51;
}

.myspace_tab_container { width:100%; margin-top:20px; }
.myspace_tab { 
  float:left;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background:#eeeeee;
  border:1px solid #cccccc;
  border-bottom:0;
  padding:20px;
  padding-top:10px; 
  padding-bottom:10px;
  margin-right:5px;
  cursor:pointer;
  color:#666666;
  font-weight:bold;
  text-decoration: none;
}
.myspace_tab_last { margin-right:0; }
.myspace_tab_active { 
  background:#ffffff;
  color:#000000;
  border-bottom: 1px solid #ffffff;
}
.myspace_tab_content { 
  margin-top:-1px;
  -webkit-border-radius: 6px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 6px;
  -moz-border-radius-topleft: 0;
  border-radius: 6px;
  border-top-left-radius: 0;
  background:#ffffff;
  min-height:200px;
  padding:20px;
  border:1px solid #cccccc;
}


.myspace_home_pro_create_devis_container { width:100%;   display: -ms-flex; display: -webkit-flex; display: flex; }
.myspace_home_pro_create_devis_container_item { padding: 20px;  width: 33%; }
.myspace_home_pro_create_devis_container_item_nd_col { padding: 20px; width: calc(34% - 2px); border-left: 1px solid #cccccc; border-right: 1px solid #cccccc }
.myspace_home_pro_create_devis_container_item_icon { border-radius: 6px;

  width: 90px;
  height: 90px;
  background: #009fe3 url(../img/devis.svg) no-repeat center;
  
  margin:0 auto;
  cursor: pointer;
}


.myspace_home_pro_create_devis_container_item_icon_prestataire {
  background: #009fe3 url(../img/devis.svg) no-repeat center; background-size: 70%;
}
.myspace_home_pro_create_devis_container_item_icon_rapporteur {
  background: #3e3e51 url(../img/devis_rapporteur.svg) no-repeat center; background-size: 70%;
}
.myspace_home_pro_create_devis_container_item_icon_whitelabel {
  background: #cc3333 url(../img/devis_whitelabel.svg) no-repeat center; background-size: 70%;
}

.myspace_home_pro_create_devis_container_item_icon_prestataire:hover { background-color: #016691; }
.myspace_home_pro_create_devis_container_item_icon_rapporteur:hover { background-color: #222222; }
.myspace_home_pro_create_devis_container_item_icon_whitelabel:hover { background-color: #920f0f; }


.myspace_home_pro_create_devis_container_item_label { text-align: center; font-weight:bold; margin-top:20px; margin-bottom:20px;     font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 18px; }
.myspace_home_pro_create_devis_container_item_sub_label { text-align: center; }
.myspace_home_pro_create_devis_footer { text-align: center; font-style: italic; margin-top:20px; margin-bottom:40px;}


.myspace_quote_line { white-space: nowrap; width:100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background:#eeeeee; margin-top:10px; border:1px solid #666666;}
.myspace_quote_line_header { font-weight:bold; background: #cccccc}
.myspace_quote_line_tool { float:right; width: 40px; }
.myspace_quote_line_desc {  padding:8px; float:left; width: calc(100% - 40px);  }
.myspace_quote_line_filter {  padding:1px;  }

.myspace_quote_line_desc_client_name { float:left; width:39%; margin-right:1%; overflow:hidden;}
.myspace_quote_line_desc_client_tel { float:left; width:49%; margin-right:1%; overflow:hidden;}

.myspace_quote_line_desc_order_id { float:left; width:19%; margin-right:1%; overflow:hidden;}
.myspace_quote_line_desc_order_date { float:left; width:19%; margin-right:1%; overflow:hidden; }
.myspace_quote_line_desc_order_number_product { float:left; width:19%; margin-right:1%; overflow:hidden; 
    background-image: url(../img/tot_devis_client.svg), url(../img/tot_devis_pro_wait.svg);
    background-repeat: no-repeat, no-repeat;
    background-position: top left, bottom left;
    background-size: 17px;
    padding-left:20px; 
}
.myspace_quote_line_desc_order_total_tvac { float:left; width:19%; margin-right:1%; overflow:hidden; 
    background-image: url(../img/tot_devis_client.svg), url(../img/tot_devis_pro_wait.svg);
    background-repeat: no-repeat, no-repeat;
    background-position: top left, bottom left;
    background-size: 17px;
    padding-left:20px;
}
.myspace_quote_line_desc_order_total_tvac_pro_done, .myspace_quote_line_desc_order_number_product_pro_done {
    background-image: url(../img/tot_devis_client.svg), url(../img/tot_devis_pro.svg);
}
.myspace_quote_line_desc_order_total_tvac_pro_wl, .myspace_quote_line_desc_order_number_product_pro_wl {
    background-image: url(../img/tot_devis_client.svg);
}
.myspace_quote_line_desc_order_state { float:left; width:19%; margin-right:1%; white-space: normal; }
.myspace_quote_line_tool_detail {
    border: 0;
    background-color: #ff6633;
    color: #ffffff;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
    text-decoration: none;
    transition: background-color 400ms ease-out;
    -webkit-transition: background-color 400ms ease-out;
    -moz-transition: background-color 400ms ease-out;
    -o-transition: background-color 400ms ease-out;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    padding-top: 17px;
    padding-bottom: 17px;
    background-image: url(../img/connexion_btn.svg);
    background-repeat: no-repeat;
    background-position: 5px center;
    background-size: 26px;
    width: 40px;
    display: block;
    border-left:3px solid #ffffff;
}

.myspace_quote_line_tool_detail:hover {
  background-color: #e3420c;
}

.wl_client_item {cursor: pointer; padding-top:3px; padding-bottom:3px; border-bottom:1px solid #cccccc}
.wl_client_item_logo { background: #cc3333 url(../img/wl_user.svg) no-repeat center; background-size: 14px; height:20px; width:20px; margin-right:5px; float:left; }
.wl_client_item:hover { background: #ffffff;}
.poseur_card_logo  {
  width: calc(50% - 10px);
  min-height:200px;
  background: #ffffff url(../src/pro/no-photo.png) no-repeat center;
  background-size: contain;
  border-radius: 4px;
  border-right: 1px solid #cccccc;
  float: left;
}

.poseur_card_intel {
  width: calc(50% - 10px);
  float: right;
  min-height:200px;
} 

#all_pro {        
  margin-top: 10px;
  overflow-y: scroll;
  border: 1px solid #cccccc;
  background: #eeeeee;
  padding: 10px;margin-bottom:10px
}

#after_devis_all_pro {
  margin-top: 10px;
  
  overflow-y: scroll;
  border: 1px solid #cccccc;
  background: #ffffff;
  padding: 10px;margin-bottom:10px; text-align:center  
}
#all_pro, #after_devis_all_pro {
  height: 280px;
}



.all_pro_item, .brico_all_pro_item, .after_devis_all_pro_item {
    width: 29%;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 10px;
    height: 230px;
    margin-top: 10px;
    background: #eeeeee url(../src/pro/test.jpg) no-repeat center;
    background-size: cover;
    border-radius: 4px;
    border: 1px solid #cccccc;
    float: left;
    cursor: pointer;
    position: relative;
    border-bottom: 60px solid #ffffff;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.23);
}
.brico_all_pro_item {
  width: 100%;
}

.brico_all_pro_item span, .all_pro_item span, .after_devis_all_pro_item span {
  position:absolute;
  bottom:-60px;
  left:-1px; right:-1px;
  padding:10px;
  background:#ffffff;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border:1px solid #cccccc;
}

.pdf_line {
  background: #ffffff; padding: 10px; text-align: left; border-bottom: 1px solid #cccccc; margin-bottom: 5px;
}
.pdf_line_inactive {
  opacity: 0.35;
}
.pdf_line_label {
  width: calc(100% - 83px); float:left; padding-top:3px
}

.tab_switch_revision_devis {
  cursor:pointer; background:#cccccc; color:#666666; width: auto; float:left; padding:10px; padding-left:20px; padding-right:20px; margin-right:10px;
}
.tab_switch_revision_devis_active {
  background:#eeeeee;
}


.FAQ_chapters { clear:both; 
  background: #009fe3 url(../img/arrow-down-right-margin.svg) no-repeat right center ;
  background-size: 30px;
  border-radius : 4px; font-weight: bold; font-size:20px; padding:10px; color:#ffffff; margin-top:10px; cursor: pointer;
  display:inline-block; width:100%;
}

.FAQ_chapters_content { padding:10px; display:none;}
.FAQ_chapters_categorie {font-weight:bold; font-size:18px; clear:both; color : #009fe3;}
.FAQ_left_col {display:inline-block; vertical-align: top; width:50%; border-right: 1px solid #cccccc; padding-right:20px; margin-top:10px; margin-bottom:10px; }
.FAQ_left_col_full {width:100%; margin-top:10px; margin-bottom:10px; }
.FAQ_right_col {display:inline-block; vertical-align: top; width:50%; border-left: 1px solid #cccccc; padding-left:20px; margin-top:10px; margin-bottom:10px; margin-left:-1px;}
.FAQ_question { font-weight: bold; margin-bottom:5px; font-style: italic; }
.FAQ_reponse { margin-bottom:10px; }


.PRO_webpage_bloc_4_axes_big_title {font-weight: bold;  font-size : 22px; text-align: center; margin-top:40px; margin-bottom:20px;}
.PRO_webpage_bloc_4_axes_container {width:80%; min-width:300px; margin:0 auto;}
.PRO_webpage_bloc_4_axes_left_top {width:50%; display:inline-block; vertical-align: top; border-right: 1px solid #cccccc; padding:20px;}
.PRO_webpage_bloc_4_axes_right_top {width:50%; display:inline-block; vertical-align: top; padding:20px; border-left: 1px solid #cccccc; margin-left:-1px;}
.PRO_webpage_bloc_4_axes_left_bottom {width:50%; display:inline-block; vertical-align: top; border-top: 1px solid #cccccc;border-right: 1px solid #cccccc; padding:20px;}
.PRO_webpage_bloc_4_axes_right_bottom {width:50%; display:inline-block; vertical-align: top; border-top: 1px solid #cccccc; padding:20px; border-left: 1px solid #cccccc; margin-left:-1px;}
.PRO_webpage_bloc_4_axes_title {font-weight: bold; font-size:18px; text-align: center; display:block;}
.PRO_webpage_bloc_4_axes_content {margin-top:20px;display:block;}
.PRO_webpage_bloc_4_axes_title_ico_1 { background: #009fe3 url(../img/PRO_web_axe_1.svg) no-repeat 65% 50%; background-size: 60px; width:100px; height:100px; margin:0 auto; margin-bottom:20px; border-radius: 4px }
.PRO_webpage_bloc_4_axes_title_ico_2 { background: #ff6633 url(../img/PRO_web_axe_2.svg) no-repeat 50%; background-size: 45px; width:100px; height:100px; margin:0 auto; margin-bottom:20px; border-radius: 4px }
.PRO_webpage_bloc_4_axes_title_ico_3 { background: #3e3e51 url(../img/PRO_web_axe_3.svg) no-repeat 50%; background-size: 55px; width:100px; height:100px; margin:0 auto; margin-bottom:20px; border-radius: 4px }
.PRO_webpage_bloc_4_axes_title_ico_4 { background: #cc3333 url(../img/PRO_web_axe_4.svg) no-repeat 50%; background-size: 55px; width:100px; height:100px; margin:0 auto; margin-bottom:20px; border-radius: 4px }

.antispam {width:100px; float:left; text-align: center; font-size:23px; font-weight:bold; height: 36px; line-height:36px; border:1px solid #cccccc;}
.antispam span:nth-child(odd) {display:none;}
.contact_map_mons { display:inline-block; width:100%; height:240px; background: #ffffff url(../img/anthra_mons.jpg) no-repeat center; background-size: cover; border: 1px solid #999999; margin-bottom:10px;}



.option_selector_mode_gallerie_container {position:relative; float:left; width:50%; min-height:200px; border-right:1px solid #333333; border-bottom:1px solid #333333; padding:10px; }
.option_selector_mode_gallerie_container:nth-child(even) {
  border-right:0;
}
.option_selector_mode_gallerie_pos_abs { position:absolute; bottom:0; left:0; right:0; background: rgba(255,255,255,0.8); padding:10px;}
.option_selector_mode_gallerie {margin:0 auto; width:120px; height:120px; background-position: center; background-repeat: no-repeat;  background-size:contain}



/* ----------------------------------------------------------------------- END ANTHRACIT ----------------------------------------- */



.agenda_modal{
  display:none;
  position:fixed;
  z-index:998;
  top:0; left:0; right:0; bottom:0;
  background: rgba(0,0,0,0.1);
  animation: fadein 0.2s linear forwards;
}

.agenda_modal_loading {
  display:none;
  background: #ffffff;
  color: white;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  border-radius: 6px;
  border: 1px solid #cccccc;
  width:60px;
  z-index:1000;
  background-image: url(../img/loader_blue_light.svg);
  background-position: center;
  background-size: 30px;
  background-repeat: no-repeat;
  width:50px;
  height:50px;
}

.agenda_top_barr {
  width: auto;
  right:10px;
  top:10px;
  padding:10px;
  padding-left:20px;
  padding-right:20px;
  border-radius:60px;
  position:absolute;
  background:rgba(0,0,0,0.05);
}

.agenda_navigation {
	width:100%;
  height: 127px;
  background: #ffffff;
  border-bottom:1px solid #cccccc;
	pointer-events: none;
	position:fixed;
	top:0;left:0;right:0;
	text-align: center;
	padding-top:70px;
	z-index:101;
  -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
}

.my_space_evo_devis {
  width:100%;
  min-height: 140px;
  text-align: center;
  padding-top:30px;
  /*background:#eeeeee;*/
}
.agenda_navigation_tab, .my_space_evo_devis_tab {
	display:inline-block;
	width:120px;
	height:100px;
	text-align: center;
	pointer-events: auto;
	/*background:#ffffff;*/
	text-decoration: none;
	position:relative;
  vertical-align: top;
}
.agenda_navigation_tab{
  height:56px;
}
.my_space_evo_devis_tab {
  width:130px;
}

.agenda_navigation_line, .my_space_evo_devis_line{
	position:absolute;
	width:100%; height:21px; border-bottom:1px dashed #666666;
	left:50%;
}
.agenda_navigation_line {
  height:11px;
}
/*.agenda_navigation_line_done {
	border-bottom:1px solid #a0c64c;
}*/
.agenda_navigation_tab_round, .my_space_evo_devis_tab_round {
	display:block;
	width:40px; height:40px; line-height:37px;
	margin:0 auto;
	background:#eeeeee;
	border:1px  dashed #666666;
	border-radius:40px;
	color:#666666;
	position:relative;
}
.agenda_navigation_tab_round {
  display:block;
  width:20px; height:20px; 
  margin:0 auto;
  background:#eeeeee;
  border:1px  solid #666666;
  border-radius:40px;
  color:#666666;
  position:relative;
  text-indent: 20px;
  overflow:hidden;
}
.agenda_navigation_tab_label, .my_space_evo_devis_tab_label {
	display:block;
	width:120px; height:40px;
	color:#666666;
	margin-top:10px;
	font-weight:bold;
}
.my_space_evo_devis_tab_label {
  width:130px; 
  height:60px;
  overflow: hidden;
  padding-left:5px; padding-right:5px;
}


.agenda_navigation_tab_done .agenda_navigation_tab_round, .my_space_evo_devis_tab_done .my_space_evo_devis_tab_round {
	background:#a0c64c;
	border:1px solid #a0c64c;
	color:#ffffff;
}
.agenda_navigation_tab_done .agenda_navigation_tab_label, .my_space_evo_devis_tab_done .my_space_evo_devis_tab_label {
	color:#a0c64c;
}
.agenda_navigation_tab_active .agenda_navigation_tab_round, .my_space_evo_devis_tab_active .my_space_evo_devis_tab_round {
	background:#009fe3;
	border:2px solid #009fe3;
	color:#ffffff;
}
.agenda_navigation_tab_active .agenda_navigation_tab_label, .my_space_evo_devis_tab_active .my_space_evo_devis_tab_label {
	color:#009fe3;
}
.agenda_navigation_tab_done > .agenda_navigation_line, .my_space_evo_devis_tab_done > .my_space_evo_devis_line{
  border-bottom:1px solid #666666;
}

.agenda_page_container {width:100%; /*height:100%;*/ /*overflow: hidden;*/ overflow-x: hidden; /*max-height: none*/ }
.agenda_all_pages {width:400%; /*height:100%;*/ overflow: hidden; /*background: url(../img/fd_devis.png) repeat-y center; background-size: 100%*/}
.agenda_page {
	width:25%;
	float:left;
	/*height:100%;
  overflow: hidden;*/
}
.agenda_page_content {
	position:relative;
	width:calc(100% - 20px); 
	height:calc(100% - 20px); 
	margin-top:10px; 
	margin-left:10px; 
	/*background: rgba(255,255,255,0.5);*/
    padding: 20px;
}

.agenda_login_create_box {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.b2b_or_b2c_already_in_ico {
    box-sizing: border-box;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    border: 1px solid #cccccc;
    border-radius: 6px;
    float: left;
    width: 80px;
    height: 80px;
    background: #ffffff url(../appmobile/img/b2b_b2c_already_account_red.svg) no-repeat center;
    background-size: 58px;
    margin-left:80px;
    margin-right:80px;
    cursor:pointer;
}

.b2b_or_b2c_newbie_ico {
    box-sizing: border-box;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    border: 1px solid #cccccc;
    border-radius: 6px;
    float: left;
    width: 80px;
    height: 80px;
    background: #ffffff url(../appmobile/img/b2b_b2c_new_account_red.svg) no-repeat center;
    background-size: 58px;
    margin-left:80px;
    margin-right:80px;
    cursor:pointer;
}

.connexion_or_create_label {
  float: left;
    width: 240px;
    height: 40px;
    text-align: center;
    margin-top:20px;
    cursor:pointer;
}



.agenda_create_account, .agenda_show_location, .agenda_show_type_presta, .agenda_planning_presta, .agenda_planning_presta_control {

  background: #eeeeee;
  /*width:768px;*/
  display:none;
  position:relative;
  /*position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);*/
  padding: 20px;
  /*-webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);*/
  /*border-radius: 6px;*/
  border: 4px solid #cccccc;
  margin:0 auto;
  margin-top : 60px;
  margin-bottom: 100px;
}

.agenda_create_account {
  display:block;
}

.agenda_show_location{
  /*width:960px;*/
  display:block;
  background: #ffffff;
  text-align: center;
  padding: 20px;
}


.agenda_show_type_presta {
  /*width:720px;*/
  display:block;
  background: #eeeeee;
  text-align: center;
}

.agenda_planning_presta {
  /*width:720px;*/
  display:block;
  background: #ffffff;
  text-align: center; 
}

.agenda_planning_presta_control {
  /*width:720px;*/
  background: #ffffff;
  text-align: center; 
}

.agenda_planning_presta_control_col_A { float:left;  width:25%; }
.agenda_planning_presta_control_col_B { float:left;  width:25%; }
.agenda_planning_presta_control_col_C { float:left;  width:25%; }
.agenda_planning_presta_control_col_D { float:left;  width:25%; }

.agenda_create_account_col_left{
  float:left; 
  width:50%;
  border-right: 1px solid #cccccc; 
  padding-right: 20px;
}
.agenda_create_account_col_right{
  float:right; 
  width:calc(50% - 20px);
}


#clinique_1, #clinique_2, #clinique_3, #clinique_4 {
display: none;
opacity:0;
overflow-x: hidden
}

#clinique_1_all_sub {
  width:600%;
  min-height:457px ; /* 2022 */
  /*margin-bottom:80px;*/
}

#clinique_1_A,
#clinique_1_B,
#clinique_1_C,
#clinique_1_D,
#clinique_1_E,
#clinique_1_F {
min-height: 359px;
float:left;
width:16.666666666666666666666666666667%;
}

#clinique_1_A { display:block;}

#sticky_prices_for_mobile { 
  display:none;

  position: fixed;
  top: 139px;
  z-index: 100;
  right: 0;
  background: #ffffff;
  border: 1px solid #cccccc;
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  font-size: 22px;
  color: #ff6633;
  /* padding: 19px; */
  padding-left: 20px;
  padding-bottom: 19px;
  padding-top: 23px;
  padding-right: 16px;

  -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);


}



#resp_adjust_banch_barr_ipad_v {
  position: absolute;
  top: calc(50% - 120px);
  right: -20px;
  padding: 20px; background:#ffffff; width: auto; height:auto; background:#ffffff;
  -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  border-radius: 6px;
  border: 1px solid #cccccc;
  display:none;
}
#resp_adjust_banch_barr {padding-top:15px; text-align: right;}
#resp_adjust_ariane_barr {position:absolute; left:0; top:0}



.fenetre_schema_giant_container {
  position:relative;
}
.fenetre_schema_container {
  margin: -4px;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 130px;
  padding: 15px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.fenetre_schema {
  width:80px; height:80px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80%;
  display:inline-block;
  background-color:#ffffff;
  -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  margin:4px;
  border: 2px solid #ffffff;
  text-decoration: none
}

.fenetre_schema span {
  position: absolute;
  bottom:120px;
  left:-1000000px;
  background: #f9df85;
  border-bottom:1px solid #666666;
  width: 200px;
  z-index: 100;
  text-align: center;
  padding:5px;
  white-space: normal;
  font-size:14px;
  color:#000000;
}
.fenetre_schema span b {
  display: block;
  position:absolute; bottom:-6px; left:6px; right:0;
  background: url(../img/bottom.png) no-repeat center; height:6px; 

}

.fenetre_schema:hover {
  border: 2px solid #009fe3;
}

.fenetre_schema_selected {
  border: 2px solid #009fe3;
}


.fenetre_schema_fade_left {
  width:60px;
  height: 110px;
  position:absolute;
  top:0;left:-5px;bottom:0;
  pointer-events : none;

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+23,ffffff+100&1+23,0+100 */
  background: -moz-linear-gradient(left,  rgba(255,255,255,1) 23%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 23%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(255,255,255,1) 23%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.fenetre_schema_fade_right {
  width:60px;
  height: 110px;
  position:absolute;
  top:0;right:-5px;bottom:0;
  pointer-events : none;

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+77&0+0,1+77 */
  background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 77%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 77%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 77%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

.fentere_type_placeholder {
  width:140px;
  height:140px;
  margin:0 auto;
  border: 1px solid #cccccc;
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;

    font-size: 12px;
    color: #666666;
    /*display: flex;
    align-items: center;
    /*justify-content: center;*/
    text-align: center;
    display: table;
}

.fentere_type_placeholder span {
  display: table-cell;
  vertical-align: middle;
}

.preview_fenetre_price_all_options_small_screen { display:none;}
.preview_fenetre_price_all_options_big_screen { display:block;}

.preview_fenetre_price_col_left {
  float:left; width:49%;
  font-weight:normal;
}
.preview_fenetre_price_col_right {
  float:left; width:51%; white-space: nowrap;
}
#preview_fenetre_price_PRODUCT,
#preview_fenetre_price_ALL_OPTIONS_SMALL_SCREEN,
#preview_fenetre_price_COLOR,
#preview_fenetre_price_VOLET,
#preview_fenetre_price_OPTIONS,
#preview_fenetre_price_MDO,
#preview_fenetre_price_PU,
#preview_fenetre_price_QTY,
#preview_fenetre_price_TOTHTVA,
#preview_fenetre_price
{
  font-size: 22px; color:#ff6633; font-weight:normal; white-space: nowrap;
}

.tva_to_apply {
  font-weight: bold;
}

.color_ext_container { 
  display:none;
  float:left;
  width:100%;
  text-align: center;
  margin-top:10px;
}
.color_int_container { 
  display:none;
  float:left;
  width:50%;
  text-align: center;
  margin-top:10px;
}

.color_price, .product_type_base_price, .color_dyn_price, .color_dyn_price_cloned, .commun_price {
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  font-size: 22px;
  color: #ff6633; 
  margin-top:5px;
}

.color_price_eur, .color_price_eur_cloned, .product_type_base_price_eur, .commun_price_eur {
  font-weight: bold;
  color: #000000;
  font-size: 14px;
}

.color_label_name, .color_dyn_name, .color_dyn_name_cloned {display:block; margin-bottom:5px;}
.color_dyn_name, {white-space: normal; min-height: 40px;}
.color_dyn_name_cloned {white-space: normal; min-height: 20px;}

.moon {
    width: 100px;
    height: 100px;
    border-radius:100px;
    margin: 0 auto;
      -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  cursor:pointer;
  position:relative;
}

.moon_volet { border-radius:0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none }
.moon_volet_colored_type {position:absolute; top:0; left:0; bottom:0; right:0; width: 100px; height: 100px;}
.moon_volet_full { background: transparent url(../img/volet_full.png) no-repeat center; background-size: cover; }
.moon_volet_caisson_coulisse { background: transparent url(../img/volet_caisson_coulisse.png) no-repeat center; background-size: cover; }
.moon_volet_tablier { background: transparent url(../img/volet_tablier.png) no-repeat center; background-size: cover; }

.moon .moon_volet_colored_type { display:none; }
.moon_volet .moon_volet_colored_type { display:block; }

.moon_ico  {
  position:absolute;
  width:40px; height:40px; 
  border-radius:40px;
  left:50%; top:50%;
  margin-left: -20px;
  margin-top:-20px;
  background: #ffffff url(../img/paint-brush.svg) no-repeat center; background-size: 60%
}

.moon_volet .moon_ico {
  width:30px; height:30px; 
  margin-left: -15px;
  margin-top:-15px; 
  -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
}

.half_moon_left {
    width: 50px;
    height: 100px;
    border-top-left-radius: 120px;
    border-bottom-left-radius: 120px;
    border: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    float:left;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.half_moon_right {

    width: 50px;
    height: 100px;
    border-top-right-radius: 120px;
    border-bottom-right-radius: 120px;
    border:1px solid #ffffff;
    border-left: 1px solid #ffffff;
    float:right;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}

.moon_volet .half_moon_left, .moon_volet .half_moon_right {
  float:none; width:100%; border-radius: 0; border:0; position:absolute; top:0; left:0; bottom:0; right:0
}

.moon_volet .moon_picker_preview_1 {
  background: transparent !important;
}

.preview_container {
  background: #ffffff;
  width:250px;
  height:250px;
  display: flex; /* make us of Flexbox */
  align-items: center; /* does vertically center the desired content */
  /* justify-content: center;  horizontally centers single line items */
  text-align: center; /* optional, but helps horizontally center text that breaks into multiple lines */
  margin: 0 auto;
}

#preview_porte, #preview_fenetre, #preview_volet {
  font-size:12px;
  color:#666666;
  overflow:hidden;
  background: #efefef; border:1px dashed #666666; margin: 0 auto;
  /* display: flex; /* make us of Flexbox */
  /*align-items: center; /* does vertically center the desired content */
  /* justify-content: center; horizontally centers single line items */
  text-align: center; /* optional, but helps horizontally center text that breaks into multiple lines */
  margin: 0 auto;
  margin-top:3px;
  display: table;
}

#preview_porte span, #preview_fenetre span, #preview_volet span {
  display: table-cell;
  vertical-align: middle;
}

.out_of_dim_input {color:red;}
#preview_porte.out_of_dim_preview, #preview_fenetre.out_of_dim_preview, #preview_volet.out_of_dim_preview
 {border-color:red;}

.agenda_show_location_col_left {
  position:relative;
  float:left; 
  width:250px;
  text-align:left;
  height: 359px;
  /*overflow-y: hidden; */

  /*display: flex; /* make us of Flexbox */
  /*align-items: center; /* does vertically center the desired content */
  /* justify-content: center; horizontally centers single line items */
  text-align: center; /* optional, but helps horizontally center text that breaks into multiple lines */
  margin: 0 auto;

}

.fentere_mesure_recap {
  position: absolute;
  left: 50%;
  top: 140px;
  width: 200px;
  margin-left: -100px;
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  color: #000000;
  font-size: 14px;
  padding:10px;
}

#preview_fenetre_options_container{
  position: absolute;
  left: 50%;
  top: 144px;
  width: 200px;
  margin-left: -100px;
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  font-size: 22px;
  color:#ff6633;
  padding:10px;
  -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23)
}
#preview_fenetre_options_container_txt {
   padding:20px; position:absolute; bottom:-30px; 
}

#preview_fenetre_options_container_bis{
  width: 200px;
  margin: 0 auto;
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  font-size: 22px;
  color:#ff6633;
  padding:10px;
  -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  display:none;
  text-align: center;
  margin-top: 20px;
}

.sticky_product_price {
  position:static;
}
.sticky_product_price_in {
  position: absolute;
  left: 20px;
  top: 94px;
  width: 271px;
  text-align: left;
  /*height: 420px;*/
  bottom:20px;
  background: #ffffff;
  /*display: flex;
  align-items: center;*/
  /*justify-content: center;*/
  text-align: center;
  margin: 0 auto;
  border-right: 1px solid #cccccc;
  z-index:9;
  /*border-bottom: 141px solid #ffffff;*/
  box-sizing: content-box;
}
.sticky_product_price_in_relative {
  left: 0px !important;
  top: 0px !important;
}

#sticky_product_price_in_fixed {
  transition: top 0.5s;
}

#sticky_product_price_all_prices {
  position: absolute;
  left: 50%;
  top: 205px;
  width: 230px;
  margin-left: -115px;
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  padding:10px;
  -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  font-weight:bold; color:#000000; font-size:14px;
  text-align:left;
  background-color: #ffffff;
}

.agenda_show_location_col_right {
  float:right; 
  width:calc(100% - 270px);
  text-align:left;
  /*height: 359px;*/
  /*height: 420px;
  overflow-y: scroll; */
  overflow-x: hidden; 
  border-left: 1px solid #cccccc; 
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 40px;
  position: relative;
}
.agenda_show_location_col_right_gradient{
  height: 80px;
  position: fixed;
  bottom: 90px;
  left: 294px;
  right: 38px;
  pointer-events: none;
  z-index: 2;
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}

.agenda_location_item { 
  margin-top:20px;
  width:150px;
  display:inline-block;
  margin-bottom:20px;
  cursor:pointer;
  vertical-align: top;
}
.agenda_location_item_pic {
    border: 1px solid #cccccc;
    border-radius: 6px;
    width: 130px;
    height: 130px;
    /*background: #ffffff url(../appmobile/img/logo-institut-du-poids-round.png) no-repeat center;*/
    background-size: 58px;
    background-color: #ffffff;
    background-position: center;
    background-repeat: no-repeat;
    margin:0 auto;
}
.agenda_location_item_label {
    width:100%; margin-top:10px; margin-bottom:10px;
}

.agenda_location_item_active .agenda_location_item_pic{
  border: 2px solid #009fe3;
}
.agenda_location_item_active .agenda_location_item_label{
  color: #009fe3;
}





.agenda_show_type_presta_item {
  margin-top:20px;
  width:170px;
  display:inline-block;
  margin-bottom:20px;
  cursor:pointer;
}
.agenda_show_type_presta_pic {
    border: 1px solid #cccccc;
    border-radius: 6px;
    width: 80px;
    height: 80px;
    
    background-size: 58px;
    margin:0 auto;
}
.pic_yes {background: #ffffff url(../img/yes.svg) no-repeat center;     background-size: 50%; }
.pic_no {background: #ffffff url(../img/no.svg) no-repeat center;     background-size: 50%; }
.pic_diet {background: #ffffff url(../img/pic_diet.svg) no-repeat center bottom;     background-size: 87%; }
.pic_doc {background: #ffffff url(../img/pic_doc.svg) no-repeat center bottom;     background-size: 90%; }

.agenda_show_type_presta_label {
    width:100%; margin-top:10px; margin-bottom:10px;
}

.agenda_show_type_presta_item_active .agenda_show_type_presta_pic{
  border: 2px solid #009fe3;
}
.agenda_show_type_presta_item_active .agenda_show_type_presta_label{
  color: #009fe3;
}

.agenda_planning_row { margin-bottom:2px; padding-bottom:2px; border-bottom:1px solid #cccccc; }
.agenda_planning_presta .agenda_planning_row:last-child { border:0; margin:0; padding:0;}
.agenda_planning_day { width:80px; height:58px; background:#ffffff; border:1px solid #666666; float:left; border-radius: 6px; }
.agenda_planning_day_label {display:block; text-align:center; font-size:12px;  background:#666666; color:#ffffff;}
.agenda_planning_day_num { display:block; text-align:center; font-weight: bold; font-size:22px; }
.agenda_planning_day_month { display:block; text-align:center; font-size:12px; }

#agenda_planning_day_big.agenda_planning_day { display:inline-block; height:80px; float:none;}
#agenda_planning_day_big .agenda_planning_day_label { padding-top:5px; padding-bottom:5px;}
#agenda_planning_day_big .agenda_planning_day_num { font-size:32px; margin-top:10px;}

.agenda_control_time { display:inline-block; width:80px; height:80px; line-height: 80px;font-size:22px; background:#ffffff; border:1px solid #666666; border-radius: 6px; }

.agenda_planning_creneaux {width:calc(100% - 90px); float:right; padding-top: 9px;}
.agenda_planning_creneau {
  color:#ffffff; 
  font-weight:bold;
  width:auto; 
  min-width:40px; 
  text-align:center; 
  line-height: 40px; 
  text-decoration: none; border:0; box-sizing: border-box; 
  margin-right:2px; 
  margin-bottom:2px; 
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px; 
  font-size:12px;
  float:left;
  background: #009fe3;
  color:#ffffff;
  cursor:pointer;
}

.agenda_connexion_done{
  background: #ffffff;
  width:300px;
  display:none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  border-radius: 6px;
  border: 1px solid #cccccc;
  text-align: center;
}

.b2c_indic,
.vip_indic { padding:3px; padding-left:6px; padding-right:6px; display:inline-block; background-color:#a0c64c; color:#ffffff; line-height: normal; border-radius: 4px; font-family: 'Roboto Condensed', sans-serif; font-size:13px;  letter-spacing: 1.3px;}
.b2c_indic { background-color: #009fe3 }

.global_menu_ico_home { float: none; display:block; width: 100%; height:90px; background-repeat:no-repeat; background-position: top center;  background-size: 80px; margin-top:20px;}

.global_menu_ico_home { background-image: url(../appmobile/img/logo-institut-du-poids-round.png); }
.profile_woman_0_20 { background-image: url(../appmobile/img/avatar/woman_0_20.svg); }
.profile_woman_0_20_b { background-image: url(../appmobile/img/avatar/woman_0_20_b.svg); }
.profile_man_0_20 { background-image: url(../appmobile/img/avatar/man_0_20.svg); }
.profile_man_0_20_b { background-image: url(../appmobile/img/avatar/man_0_20_b.svg); }
.profile_woman_20_40 { background-image: url(../appmobile/img/avatar/woman_20_40.svg); }
.profile_woman_20_40_b { background-image: url(../appmobile/img/avatar/woman_20_40_b.svg); }
.profile_man_20_40 { background-image: url(../appmobile/img/avatar/man_20_40.svg); }
.profile_man_20_40_b { background-image: url(../appmobile/img/avatar/man_20_40_b.svg); }
.profile_woman_40_60 { background-image: url(../appmobile/img/avatar/woman_40_60.svg); }
.profile_woman_40_60_b { background-image: url(../appmobile/img/avatar/woman_40_60_b.svg); }
.profile_man_40_60 { background-image: url(../appmobile/img/avatar/man_40_60.svg); }
.profile_man_40_60_b { background-image: url(../appmobile/img/avatar/man_40_60_b.svg); }
.profile_animal_a { background-image: url(../appmobile/img/avatar/animal_a.svg); }
.profile_animal_b { background-image: url(../appmobile/img/avatar/animal_b.svg); }
.profile_animal_c { background-image: url(../appmobile/img/avatar/animal_c.svg); }
.profile_animal_d { background-image: url(../appmobile/img/avatar/animal_d.svg); }
.profile_animal_e { background-image: url(../appmobile/img/avatar/animal_e.svg); }
.profile_animal_f { background-image: url(../appmobile/img/avatar/animal_f.svg); }
.profile_animal_g { background-image: url(../appmobile/img/avatar/animal_g.svg); }
.profile_animal_h { background-image: url(../appmobile/img/avatar/animal_h.svg); }


/* ----------------------------------------- LOGIN BOX ------------------------------------------- */

.group            { 
    position:relative; 
    margin-top:45px; 
}

.group:first-child,.group_no_top_margin {
    margin-top:25px; 
}

#login_box input {
  font-style:normal;        
  font-size:18px;
  padding:10px 10px 10px 5px;
  display:block;
  width:100%;
  float:none;
  border:none;
  border-radius:0;
  background:#ffffff;
  border-bottom:1px solid #666666;
}
#login_box input:focus         { outline:none; }

/* LABEL ======================================= */
#login_box label                {
  color:#999;
  font-size:18px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:10px;
  width:100%;
  line-height: normal;
  padding-top: 0px;
  padding-bottom: 0px;
  background:#ffffff;
  float:none;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

/* active state */
#login_box input:focus ~  label {
  top:-20px;
  font-size:12px;
  color:#e3420c;
}

#login_box input:valid ~ label {
  top:-20px;
  font-size:12px;
  color:#999;
}

/* BOTTOM BARS ================================= */
.bar    { position:relative; display:block; width:100%; }
.bar:before, .bar:after     {
  content:'';
  height:2px; 
  width:0;
  bottom:0px; 
  position:absolute;
  background:#e3420c; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
#login_box input:focus ~ .bar:before, #login_box input:focus ~ .bar:after {
  width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0;
}

/* active state */
#login_box input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
    from { background:#e3420c; }
  to    { width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
    from { background:#e3420c; }
  to    { width:0; background:transparent; }
}
@keyframes inputHighlighter {
    from { background:#e3420c; }
  to    { width:0; background:transparent; }
}

/* PREVENT CHROMe ADDING COLOR ON AUTOFILL */

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}


.connexion_btn {
    text-decoration: none;
    text-align: center;
    color: #ffffff;
    background-color: #ff6633;
    border: 1px solid #ff6633;
	  margin-top: 20px ;
    width: auto ;
    float: right ;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 18px;
    padding: 20px ;
    padding-top: 14px ;
    padding-bottom: 14px ;
    padding-left: 46px ;
    background-image: url(../img/connexion_btn.svg);
    background-repeat: no-repeat;
    background-position: 9px center;
    background-size: 26px;
    text-transform: uppercase;
}

.saved_btn {
   background-image: url(../appmobile/img/saved.svg);
  
}

.after_product_done_add_product, .after_product_done_add_product_js, .add_new_option_divers  {
  background-image: url(../img/plus.svg);
}

.connexion_btn_back {
    border: 1px solid #cc3333;
	margin-top: 20px ;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 18px;
	margin-top: 20px ;
    width: auto ;
    float: left ;
    padding: 20px ;
    padding-top: 14px ;
    padding-bottom: 14px ;
    background-color: #ffffff ;
    background-image: url(../img/connexion_btn_back.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 26px;
    color:#ffffff;
    text-decoration: none;
}

.next_week {
    background-color: #cc3333;
    border: 1px solid #cc3333;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 18px;
    width: auto ;
    display:inline-block;
    padding: 20px ;
    padding-right:40px;
    padding-top: 14px ;
    padding-bottom: 14px ;
    background-image: url(../appmobile/img/angle-right_white.svg);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 26px;
    text-decoration: none;
    color:#ffffff;
    text-decoration: none;
    margin-top:20px;
}

.previous_week {
    background-color: #cc3333;
    border: 1px solid #cc3333;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 18px;
    width: auto ;
    display:inline-block;
    padding: 20px ;
    padding-left:40px;
    padding-top: 14px ;
    padding-bottom: 14px ;
    background-image: url(../appmobile/img/angle-left_white.svg);
    background-repeat: no-repeat;
    background-position: 5% 50%;
    background-size: 26px;
    text-decoration: none;
    color:#ffffff;
    text-decoration: none;
    margin-top:20px;
}

.fenetre_mesure_done_go_back,
.fenetre_type_couleur_done_go_back,
.fenetre_extra_volet_done_go_back,
.fenetre_option_done_go_back,
.fenetre_main_d_oeuvre_done_go_back,
.fenetre_main_denomination_done_go_back {
  margin-left: 10px; float:left; display:none
}
.fenetre_mesure_done_go_back {
  margin-left: 0px; 
}

.devis_product_setting_bottom_button_navig {
  position:absolute; bottom:20px; right:20px; left:20px
}
.abort_product {float:left;}
.fenetre_step_done {float:right; margin-left:0;}
.fenetre_step_back {float:right; margin-left:0; margin-right:5px; background-image: url(../img/connexion_btn_back_3.svg); }



.rapporteur_bubble {
  width:100%; background:#fceb7b; padding:10px; border:1px solid #999999;margin-bottom: 10px
}






      .devis_product_setting_bottom_button_navig, .devis_situation_setting_bottom_button_navig, .devis_recap_bottom_button_navig {
        position:fixed; bottom:0px; right:0px; left:0px;
        /*padding:20px;*/
        background-color: rgba(255,255,255);
        border-top:1px solid #cccccc;
        z-index:10;
        margin-right: 0;
        white-space: nowrap;
        overflow: hidden;

-webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);

      }
      .devis_recap_bottom_button_navig { display:none; }
      /*.after_product_done_add_product,*/ .fenetre_step_back {

        float: left;
        width: 46px;
        white-space: nowrap;
        text-indent: 70px;
        /* min-width: 0; */
        overflow: hidden;
        padding-left: 0;
        padding-right: 0;

      }
      .situation_ok, .fenetre_step_done, .abort_product, .choose_pro, .after_product_done_add_product, .fenetre_step_back, .save_adjust_by_pro {
        margin:20px;
      }
      .fenetre_step_done {float:right; margin-left:0;}
      .fenetre_step_back {float:right; margin-left:0; margin-right:5px; background-image: url(../img/connexion_btn_back_3.svg); }
      .save_adjust_by_pro { margin-left:0;}
      .after_product_done_add_product { margin-right:0;}





/* ---------------------------------------------- RESPONSIVE ADJUSTMENTS -------------------------------- */

  /* #Big screen (+ 1280)
  ================================================== */

    /* Note: Design for a width bigger than 1280px */

    @media only screen and (min-width: 1281px) {

      .agenda_create_account, .agenda_show_location, .agenda_show_type_presta, .agenda_planning_presta, .agenda_planning_presta_control {
        width: 1200px;
        /*margin: 0 auto;
        margin-top: 155px;
        margin-bottom: 120px;*/

      }

    }


  /* #Tablet (Portrait)
  ================================================== */

    /* Note: Design for a width of 768px */

    /*@media only screen and (min-width: 768px) and (max-width: 959px) {*/
    /* iPad in portrait & landscape */  
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {

      .web_nav_barr_menu { display:none;}

      .web_nav_barr_lng_support {
        margin-right: 60px;
      }

      .menu_mobile_capsule {
        width:768px; 
        position: absolute;
        top: 24px;
        left: 50%;
        margin-left: -384px;
      }

      .menu_mobile_trigger {display:block;} 
      .mobile-menu-item {width: 400px; visibility: visible; position: relative; border-bottom:1px solid #cccccc; background-color:#eeeeee; background-image:url(../img/next.svg); background-size: 20px; background-position: 98% 50%; background-repeat:no-repeat; background-size: 20px;}
      .mobile-menu-item:first-child {border-top:0px solid #cccccc;}
      .mobile-menu-item:last-child {border-bottom:0px solid #cccccc;}
      .mobile-menu-item-label {float:left;width:362px;padding:10px; background-color:#ffffff; box-sizing:border-box;}
      .mobile-menu-item-arrow {cursor:pointer; float:right;width:38px; padding-top:10px;padding-bottom:10px;  position: absolute; top: 0; bottom: 0; right: 0;}
      .mobile-menu-item-label-back {float:left; width:362px;padding:10px; text-align:left;background-color:#ffffff; }
      .mobile-menu-item-arrow-back {cursor:pointer; float:left;width:38px;background-image:url(../img/back.svg); background-size: 20px; background-position: center; background-repeat:no-repeat;padding-top:10px;padding-bottom:10px;}
      .mobile-menu-item-label a, .mobile-menu-item-label-back a  {text-decoration:none;}

      .mobile-menu-item-label-no-sub {width:400px;}
      .menu_mobile_visible {
        width:400px; 
      }

      .commun_page {
        padding: 20px;
        padding-left:0; padding-right:0;
      }

      .home_bloc_limit_width {
        max-width: 728px;
      }

      .home_img_1_spacer {
        height: 153px;
      }
      .home_img_1 {
        height: 460px;
      }

      .tuto_thumb, .tuto_thumb_filter, .tuto_thumb_play { height : 150px; }

      .website_footer {
        padding-left: 20px;
        padding-right: 20px;
      }

      .website_extra_footer {
        padding-left: 20px;
        padding-right: 20px;
      }

      .agenda_page_container {width:100%;/*height:100%; overflow: hidden; max-height: none*/ overflow-x: hidden;}

      .agenda_create_account, .agenda_show_location, .agenda_show_type_presta, .agenda_planning_presta, .agenda_planning_presta_control {
        width:728px;
        /*margin-top: 122px;*/
      }

      #resp_adjust_banch_barr {visibility: hidden}
      #resp_adjust_banch_barr_ipad_v {display:block;}

      .fenetre_mesure_done_go_back,
      .fenetre_type_couleur_done_go_back,
      .fenetre_extra_volet_done_go_back,
      .fenetre_option_done_go_back,
      .fenetre_main_d_oeuvre_done_go_back,
      .fenetre_main_denomination_done_go_back {
        margin-left: 5px; padding-left:41px; padding-right:15px;
      }
      .fenetre_mesure_done_go_back {
        margin-left: 0px; 
      }

      #fenetre_extra_volet_dispo label, #options_only label, #main_d_oeuvre_only label {
        line-height: 23px;
        border-bottom: 1px solid #cccccc;
        padding: 6px;
        margin-bottom: 4px;
        z-index:1;
      }

      #options_only .label_mini_select_container label {
        border-bottom: 0;
        white-space:normal;
      }
      #options_only .label_mini_select_container {
        border-bottom: 1px solid #cccccc;
      }

      #fenetre_extra_volet_dispo .input_row, #options_only .input_row, #main_d_oeuvre_only .input_row {
        border-bottom:0;
      }


      #favorites_color, .moon_picker_slider_choice { width:408px; }

      .moon_picker_container {  
          width:700px;
      }



      .moon_picker_preview { 
        width:240px;
      }



      .testimonials {
          margin-top: 0px;
          width: 568px;
          height: 320px;
          margin: 0 auto;
          padding-top: 20px;
      }
      .testimonials_in { height: 320px; }

      .testimonials_item{width:33.3333%}
      .testimonials_item_text { height: 200px }


      .news_label_margin {    
          padding-bottom: 40px;
        min-height: 200px;
      }

    }

    /* iPad in landscape */  
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 

        .agenda_page_container {width:100%;/*height:100%; overflow: hidden; max-height: none;*/ overflow-x: hidden; }

        .agenda_create_account, .agenda_show_location, .agenda_show_type_presta, .agenda_planning_presta, .agenda_planning_presta_control {
          width:960px;
          /*margin-top: 75px;*/
        }

        #clinique_1_A,
        #clinique_1_B,
        #clinique_1_C,
        #clinique_1_D,
        #clinique_1_E,
        #clinique_1_F {
          /*min-height: 320px;*/
        }
        .agenda_show_location_col_left {
          /*height: 320px;*/
        }
        .agenda_show_location_col_right {
          /*height: 320px;*/
        }

        .sticky_product_price_in {
          /*height: 320px;*/
        }

        #resp_adjust_banch_barr {visibility: visible}
        #resp_adjust_banch_barr_ipad_v {display:none;}

        .preview_fenetre_price_all_options_small_screen { display:block;}
        .preview_fenetre_price_all_options_big_screen { display:none;}

        .recap_scroll { /*max-height:220px;*/ }
        #recap_content .recap_content_no_in_devis .recap_scroll { max-height:none; overflow-y: auto }
        .recap_content_no_in_devis .recap_scroll_fade { display:none; }

        #fenetre_extra_volet_dispo label, #options_only label, #main_d_oeuvre_only label {
          line-height: 28px;
          border-bottom: 0px solid #cccccc;
          padding: 0px;
          margin-bottom: 0px;
          z-index:1;
        }

        #options_only .label_mini_select_container label {
          border-bottom: 0;
          white-space:normal;
        }
        #options_only .label_mini_select_container {
          border-bottom: 0px solid #cccccc;
        }

        #fenetre_extra_volet_dispo .input_row, #options_only .input_row, #main_d_oeuvre_only .input_row {
          border-bottom:1px solid #cccccc;
        }

        #all_pro,#after_devis_all_pro {
          height: 180px;
        }


    }



  /*  #Mobile (Portrait)
  ================================================== */

    /* Note: Design for a width of 320px */

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

      body {min-width: 320px}

      .extra_body {background: #ffffff}


      /* JS class to detect if we are on mobile phone */
      #JS_we_are_on_mobile_phone { display:block;}

      .web_nav_barr_menu { display:none;}

      .web_nav_barr_lng_support {
        margin-right: 60px;
      }

      .menu_mobile_capsule {
        width:320px; 
        position: absolute;
        top: 24px;
        left: 50%;
        margin-left: -160px;
      }

      .menu_mobile_trigger {display:block;} 

      .mobile-menu-item {width: 280px;visibility: visible; position: relative; border-bottom:1px solid #cccccc; background-color:#eeeeee; background-image:url(../img/next.svg); background-size: 20px; background-position: 96.5% 50%; background-repeat:no-repeat;}
      .mobile-menu-item:first-child {border-top:0px solid #cccccc;}
      .mobile-menu-item:last-child {border-bottom:0px solid #cccccc;}
      .mobile-menu-item-label {float:left;width:242px;padding:10px; background-color:#ffffff;box-sizing:border-box;}
      .mobile-menu-item-arrow {cursor:pointer; float:right;width:38px; padding-top:10px;padding-bottom:10px;  position: absolute; top: 0; bottom: 0; right: 0;}
      .mobile-menu-item-label-back {float:left; width:242px;padding:10px; text-align:left;background-color:#ffffff; }
      .mobile-menu-item-arrow-back {cursor:pointer; float:left;width:38px;background-image:url(../img/back.svg); background-size: 20px;  background-position: center; background-repeat:no-repeat;padding-top:10px;padding-bottom:10px;}
      .mobile-menu-item-label a, .mobile-menu-item-label-back a  {text-decoration:none; }

      .mobile-menu-item-label-no-sub {width:280px;}
      .menu_mobile_visible {
        width:280px; 
      }

      .commun_modal, .commun_modal_tooltips{
        width:300px;
      }
      .commun_modal_tooltips_msg img{
        width: 100%;
      }

      .commun_page {
        padding: 20px;
        padding-left:0; padding-right:0;
      }

      .home_bloc_limit_width {
        min-width: 300px;
        padding-left: 20px;
        padding-right: 20px;
      }


      .home_txt_1, .home_txt_2_intro, .home_footer_intro, .commun_page_title {
        font-size:30px;
      }

      .home_img_1 {
        height: 180px;
      }
      .home_img_1_spacer {
        height: 195px;
      }

      .home_img_2_mobile { display :block; }
      .home_img_3_mobile { display :block; }
      .home_img_4_mobile { display :block; }
      .home_img_5_mobile { display :block; }
      .home_txt_title { text-align: center;}

      .home_img_2 {
        width: 100%;
        display :none;
      }
      .home_txt_2 {
        width: 100%;
        text-align: left;
        min-height: auto;
        padding:0;
        padding-top:15px;

      }
      .home_img_3 {
        width: 100%;
        display :none;
      }
      .home_txt_3 {
        width: 100%;
        text-align: left;
        min-height: auto;
        padding:0;
        padding-top:15px;

      }
      .home_img_4 {
        width: 100%;
        display :none;
      }
      .home_txt_4 {
        width: 100%;
        text-align: left;
        min-height: auto;
        padding:0;
        padding-top:15px;

      }
      .home_img_5 {
        width: 100%;
        display :none;
      }
      .home_txt_5 {
        width: 100%;
        text-align: left;
        min-height: auto;
        padding:0;
        padding-top:15px;
        margin-bottom: 30px;
      }

      .home_next_step_A, .home_next_step_B { display:none; }

      #yt_video_player { width:calc(100% - 20px); height:240px; left:0; margin-left:10px;}
      #yt_video_player_iframe { width:100%; height:240px;}

      .tuto_container {
        margin-right: 0;
        width: 100%;
      }

      .col_full_width_slide_navig_left,  .col_full_width_slide_navig_right { top:20px; }
      .col_full_width_slide_in_txt { display:none;}
      .col_full_width_slide_in_big_title { font-size: 25px;}



      .website_extra_footer, .page_wrap:after, .page_content.after {
        height: auto;
      }

      .website_extra_footer_col1, .website_extra_footer_col2, .website_extra_footer_col3 {
        width:100%;
        padding: 0; margin:0; border:0;
        border-bottom: 1px solid #666666;
        padding-bottom:10px; margin-bottom:10px;
        float:none;
      }
      .website_extra_footer_col3 {
        padding: 0; margin:0; border:0;
      }
      .website_extra_footer_ico {
        background-size: 26px;
        width: 40px;
        height: 40px;
        border-radius: 30px;
        float:left;
      }
      .website_extra_footer_txt {
        float:right;
        width: calc(100% - 55px);
        padding-top: 12px;
      }
      .website_extra_footer_bottom_line a {
        display:block;
      }

      #news_item_container { width:calc(100% - 40px);}
      .news_items { width:100%; padding:0; overflow: hidden;}
      .news_photo { width:100%; height:180px; margin:0; float:none; display:block;}
      .news_title { text-align: left; }
      .news_label_margin { margin:0; padding:20px; padding-bottom:70px; min-height: auto;}



      .testimonials {
          margin-top: 0px;
          width: 320px;
          height: 200px;
          margin: 0 auto;
          padding-top: 20px;
      }
      .testimonials_navigator {position: absolute; top:0; left:0; right:0; bottom:0; z-index:100}
      .testimonials_in { height: 215px; }

      .testimonials_item{width:100%}
      .testimonials_item_text { height: 130px }

      .col_full_width_slide_navig_left_testimonials, .col_full_width_slide_navig_right_testimonials {
        border: 0;
          box-shadow: none;
          background-color: transparent;
          margin-top: 125px;
      }
      .col_full_width_slide_navig_right_testimonials {
        right: 0;
      }
      .col_full_width_slide_navig_left_testimonials{
        left: 0;
      }



      .gallery_item_pic {
        float:none; width:100%; height:140px;  line-height:140px; display:block; margin-bottom:10px;
      }
      .gallery_item_text {
        position:relative; float:right; width:100%; height:auto; padding-bottom:40px;
      }




      .agenda_page_container {width:100%;/*height:100%; overflow: hidden; max-height: none;*/ overflow-x: hidden; margin-bottom:86px;}

      /* ------------- src to copy/paste  on landcape under this ---------------- */



      .page_warp {
        height:auto !important;
        min-height: none !important;
      }


      .create_account_box_container, .create_account_WL_box_container, .update_account_WL_box_container, .request_delivery_address_or_tva {  
          position: absolute;
          top: 100px;
          left: 50%;
          margin-right: 0%;
          margin-left: -150px;
          transform: none;
          padding: 20px;
          width:300px;
      }

      .feed_back_form_container, .add_opt_diver, .request_delivery_address_or_tva { 
        width:300px; 
      }

      .create_account_box_container_col {
        float:none;
        width:100%;
        padding-right:0px;
        border: 0;
        margin-top: 0px;
      }
      .create_account_box_container_col_right {
        float:none;
        width:100%;
        padding-left:0px;
        margin-top: 23px;
      }

      .create_account_box_container_col_make_full {
        float:none;
        width:100%;  
        padding-right:0px;
        padding-left:0px;
        border: 0;
      }

      .myspace_quote_line_desc_client_name { width:100%; margin-right:0%; }
      .myspace_quote_line_desc_client_tel {  width:100%; margin-right:0%; }

      .myspace_quote_line_desc_order_id {width: 25%;}
      .myspace_quote_line_desc_order_date {display:none;}
      .myspace_quote_line_desc_order_number_product {display:none;}
      .myspace_quote_line_desc_order_total_tvac {width: 35%;}
      .myspace_quote_line_desc_order_state {width: 36%;}

      .myspace_home_pro_create_devis_container { display:block;}
      .myspace_home_pro_create_devis_container_item { width: 100%; }
      .myspace_home_pro_create_devis_container_item_nd_col { width: 100%; border-left: 0px solid #cccccc; border-right: 0px solid #cccccc; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc }


      .FAQ_left_col {display:block; vertical-align: top; width:100%; border-right: 0px solid #cccccc; padding-right:0px;  }
      .FAQ_right_col {display:block; vertical-align: top; width:100%; border-left: 0px solid #cccccc; padding-left:0px;  margin-left:0px;}

      .PRO_webpage_bloc_4_axes_left_top { border:0; border-bottom:1px solid #cccccc; width:100%; margin:0 auto; margin-bottom:20px;}
      .PRO_webpage_bloc_4_axes_right_top { border:0; border-bottom:1px solid #cccccc; width:100%; margin:0 auto; margin-bottom:20px;}
      .PRO_webpage_bloc_4_axes_left_bottom { border:0; border-bottom:1px solid #cccccc; width:100%; margin:0 auto; margin-bottom:20px;}
      .PRO_webpage_bloc_4_axes_right_bottom { border:0; border-bottom:1px solid #cccccc; width:100%; margin:0 auto; margin-bottom:20px;}

      .input_row_title_bigger {
        margin-top:15px; margin-bottom:20px;
      }

      .agenda_page_content { padding:0; margin:0; width:100%; height:auto;}

      .agenda_create_account, .agenda_show_location, .agenda_show_type_presta, .agenda_planning_presta, .agenda_planning_presta_control {
        width: 100%;
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        transform: none;
        margin-right: 0;
        margin-top: 67px;
        border:0;
        box-shadow: none;
        border-radius : 0;
        overflow:hidden;

        background-color: #ffffff;
        padding-bottom: 100px;
      }
      .agenda_create_account_col_left, .agenda_create_account_col_right {
        width:100%; padding-right:0; border:0; margin:0;
      }

      .agenda_navigation_tab_label, .agenda_navigation_tab {width:80px;}

      .recap_scroll { max-height:none; overflow-y: auto;
    margin-right: -10px;
    margin-left: -10px;
    padding: 10px;
    margin-bottom: 0;
    padding-bottom:0;
    padding-top:0;
       }
      .recap_scroll_fade { display:none; }


    .agenda_location_item { 
      width:100px;
    }
    .agenda_location_item_pic {
        width: 80px;
        height: 80px;
    }


      .devis_product_setting_bottom_button_navig, .devis_situation_setting_bottom_button_navig, .devis_recap_bottom_button_navig {
        position:fixed; bottom:0px; right:0px; left:0px;
        /*padding:20px;*/
        background-color: rgba(255,255,255);
        border-top:1px solid #cccccc;
        z-index:10;
        margin-right: 0;
        white-space: nowrap;
        overflow: hidden;

-webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);

      }
      .devis_recap_bottom_button_navig { display:none; }
      .abort_product, .after_product_done_add_product, .fenetre_step_back {

        float: left;
        width: 46px;
        white-space: nowrap;
        text-indent: 70px;
        /* min-width: 0; */
        overflow: hidden;
        padding-left: 0;
        padding-right: 0;

      }
      .situation_ok, .fenetre_step_done, .abort_product, .choose_pro, .after_product_done_add_product, .fenetre_step_back, .save_adjust_by_pro {
        margin:20px;
      }
      .fenetre_step_done {float:right; margin-left:0;}
      .fenetre_step_back {float:right; margin-left:0; margin-right:5px; background-image: url(../img/connexion_btn_back_3.svg); }
      .save_adjust_by_pro { margin-left:0;}
      .after_product_done_add_product { margin-right:0;}

      .agenda_show_location_col_right {
        width:100%; float:none; margin-left:0; margin-right:0; border:0; height:auto; padding-left: 0; padding-right: 0;
      }
      .agenda_show_location_col_left {
        width:100%; float:none; margin-left:0; margin-right:0; border:0; height:auto; padding-left: 0; padding-right: 0;
      }

      .preview_container { display:none;}

      #preview_fenetre_options_container, #preview_fenetre_options_container_txt{
        display:none;
      }

      #preview_fenetre_options_container_bis{
        display:block;
      }

      #sticky_product_price, .sticky_product_price_in { /*display:none;*/ 
        width:0 !important; 
        height:0 !important; 
        overflow: hidden !important;
        border: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
      }

      #resp_adjust_ariane_barr { display:none; }

      #fenetre_extra_volet_dispo label, #options_only label, #main_d_oeuvre_only label {
        line-height: 23px;
        border-bottom: 1px solid #cccccc;
        padding: 6px;
        margin-bottom: 4px;
        z-index:1;
      }

      #options_only .label_mini_select_container label {
        border-bottom: 0;
        white-space:normal;
      }
      #options_only .label_mini_select_container {
        border-bottom: 1px solid #cccccc;
      }

      #fenetre_extra_volet_dispo .input_row, #options_only .input_row, #main_d_oeuvre_only .input_row {
        border-bottom:0;
      }

      #sticky_prices_for_mobile { 
        display:block;
      }

      .hide_on_mobile { display: none; }
      .hide_on_not_mobile { display: block; }

      #sticky_product_price_all_prices.sticky_product_price_all_prices_on_mobile {
        left: 50%;
        display: block;
        position: fixed;
        z-index: 100;

        background: #ffffff;


        width: 300px;
        margin-left: -150px;
        top: 210px;
        margin-top: 0;
      }

      .option_raw_img {
        border-right: 1px solid #cccccc;
      }
      .option_raw_txt {
        width:100%;
        border: 0
      }


      .myspace_tab_content .input_row_title_bigger {
        margin-top:0px; margin-bottom:0px;
      }

      #recap_content_next_step .commun_btn, .class_recap_content_next_step .commun_btn { width:100%; text-align: left; margin-top:10px}

      #recap_content_next_step_bg, .class_recap_content_next_step_bg {
        min-height: auto; background: none; padding: 0px; border:0;
      }
      .class_recap_content_next_step_bg { 
        margin-top:60px; margin-bottom:10px;
      }
      .class_recap_content_next_step {
        margin-left:0;
      }
      .recap_content_next_step_bg_mobile {
        display:block;
      }
      .recap_content_next_step_arrow_shadow {
        display:none 
      }
      .recap_content_next_step_arrow {
        display:none 
      }
      #recap_content_next_step, .recap_content_next_step {
        -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23); 
        -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23); 
        box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.23); 
        background:#ffffff; padding:0px; margin-left:0px;
        border-radius:10px; padding:20px;
      }

      #recap_chantier_content b, #recap_client_contact_content b {display: block; margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #cccccc;}
      #recap_chantier_content b:last-child, #recap_client_contact_content b:last-child {border:0; margin:0; padding:0;}
      #recap_chantier_content br, #recap_client_contact_content br {display: none}
      #recap_client_contact_content br:last-child {display: block}


      .recap_button_ajust_and_send_container .commun_btn { width:100%; text-align: left; margin-bottom:10px }

      .recap_tools { width:100%; margin-top: 10px;}

      .recap_item_for_mobile {display:block; margin-left: 80px;}

      .recap_item {width:100%;}
      .recap_item_label {width:100%;}
      .recap_item_name_bold {width:100%;}

      .recap_ico {

          float: left;
          width: 70px;
          height: 70px;
          background: #ffffff;
          padding: 4px;
          border-radius: 5px;
          border: 1px solid #cccccc;

      }

      /*.recap_ico:first-child { opacity: 0; }*/

      .recap_item_name, .recap_item_name_bold {display: none}

      .recap_item_for_mobile_price_details {
        margin-left: 0;
        border-top: 1px solid #eeeeee;
        margin-top: 10px;
      }
      .recap_item_for_mobile_footer_tot {
        margin-left: 0;
      }

      .agenda_show_location_col_right_gradient { display:none;}

      #all_pro {
        height: auto;
      }

      .all_pro_item {
        width: 96%;
      }
      .break_sequence_self_pose, .break_sequence { width:100%;}
      .break_sequence { margin-top:10px;}


      #favorites_color { width:100%; margin-top:5px; min-height: 54px; }

      .moon_picker_container {  
          width:300px;
      }

      .moon_picker_choice {
        /*width:129px; */
      }
      .moon_picker_choice_color, .moon_picker_choice_color_cloned {
        width:41px; height:41px;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none;
      }
      .moon_picker_container .moon_picker_choice:first-child, .moon_picker_container .moon_picker_choice:last-child {width: 64.5px;}

      .moon_picker_slider_choice {width:100%;}
      .moon_picker_preview {display:none;}

      #clinique_1_A,
      #clinique_1_B,
      #clinique_1_C,
      #clinique_1_D,
      #clinique_1_E,
      #clinique_1_F {
          margin-bottom:80px;
      }

      .input_row_mobile_phone, .input_row_mobile_phone_2  {
        background: #eeeeee;
        padding: 10px;
        margin-left: -10px;
        margin-right: -10px;
        margin-bottom: 10px !important;
      }

      .input_row_mobile_phone_2  {
        padding-left: 20px;
        padding-right: 20px;
        border-bottom: 1px solid #cccccc;
      }
      .recap_content_raw_global { 
        background: #eeeeee; 
        text-align:left; 
        padding:10px; 
        border-bottom:1px solid #cccccc;
        margin-bottom: 5px;  
        margin-left: -10px; 
        margin-right: -10px; 
        margin-bottom: 10px;
      }

      .recap_content_no_in_devis .recap_content_raw_global { 
        background: #ffffff; 
        text-align:left; 
        padding:10px; 
        border-bottom:1px solid #cccccc;
        margin-bottom: 5px;  
        margin-left: 0px; 
        margin-right: 0px; 
        margin-bottom: 10px;
      }

      .recap_intersec {
        border-top: 1px solid #cccccc;
      }



      .myspace_tab { padding:10px; margin-right:3px; }
      .myspace_quote_line_desc_order_state {
        width: 100%;
        border-top: 1px dashed #cccccc;
        margin-top: 3px;
        padding-top: 3px;
      }
      .myspace_quote_line_desc_order_id {
        width: 40%;
      }
      .myspace_quote_line_desc_order_total_tvac {
        width: 55%;
      }

      .my_space_evo_devis {
        width: calc(100% + 40px);
        overflow-x: scroll;
        overflow-y: hidden;
        margin-left: -20px;
        margin-right: -20px;
        height:155px;
        margin-bottom:20px;
      }
      .my_space_mobile_evo_line_all_parts { width:1350px;}
      .my_space_mobile_evo_line_parts { width: 675px; float: left; text-align: left; }

      .my_space_mobile_evo_line_all_parts_by_myself, .my_space_mobile_evo_line_all_parts_wl { width:675px; }

      .tab_switch_revision_devis {width:50%; margin-right:0; white-space: nowrap;}

      .poseur_card_logo { width:100%; float: none;}
      .poseur_card_intel {
          width: 100%;
          float: none;
          min-height: auto;
          margin-top: 20px;
        }

      .rapporteur_bubble {
        width: calc(100% + 20px);  
        margin-left: -10px;
        margin-right: -10px;
      }

      #resp_adjust_banch_barr {text-align: left;}


    }





  /* #Mobile (Landscape)
  ================================================== */

    /* Note: Design for a width of 480px */
    /*@media only screen and (min-width: 480px) and (max-width: 767px) {*/
      @media only screen and (min-device-width : 0px) and (max-device-width : 1023px) and (min-aspect-ratio: 13/9) {

      .web_nav_barr_menu { display:none;}

      .web_nav_barr_lng_support {
        margin-right: 60px;
      }

      .commun_modal, .commun_modal_tooltips{
        width:300px;
      }
      .commun_modal_tooltips_msg img{
        width: 100%;
      }
      
      .menu_mobile_capsule {
        width:480px; 
        position: absolute;
        top: 24px;
        left: 50%;
        margin-left: -240px;
      }

      .menu_mobile_trigger {display:block;} 

      .mobile-menu-item {width: 400px; visibility: visible; position: relative; border-bottom:1px solid #cccccc; background-color:#eeeeee; background-image:url(../img/next.svg); background-size: 20px; background-position: 98% 50%; background-repeat:no-repeat;}
      .mobile-menu-item:first-child {border-top:0px solid #cccccc;}
      .mobile-menu-item:last-child {border-bottom:0px solid #cccccc;}
      .mobile-menu-item-label {float:left;width:362px;padding:10px; background-color:#ffffff;box-sizing:border-box;}
      .mobile-menu-item-arrow {cursor:pointer; float:right;width:38px; padding-top:10px;padding-bottom:10px;  position: absolute; top: 0; bottom: 0; right: 0;}
      .mobile-menu-item-label-back {float:left; width:362px;padding:10px; text-align:left;background-color:#ffffff; }
      .mobile-menu-item-arrow-back {cursor:pointer; float:left;width:38px;background-image:url(../img/back.svg); background-size: 20px;  background-position: center; background-repeat:no-repeat;padding-top:10px;padding-bottom:10px;}
      .mobile-menu-item-label a, .mobile-menu-item-label-back a  {text-decoration:none; }

      .mobile-menu-item-label-no-sub {width:400px;}
      .menu_mobile_visible {
        width:400px; 
      }

      .commun_page {
          padding: 20px;
      }

      .website_footer {
        padding-left: 20px;
        padding-right: 20px;
      }

      .agenda_page_container {width:100%;/*height:auto; overflow: hidden;*/ overflow-x: hidden; margin-bottom:86px;}
      /* ----------------- UNDER THIS COPY PASTE the mobile portrait ---------------  */

      .page_warp {
        height:auto !important;
        min-height: none !important;
      }


      .create_account_box_container, .create_account_WL_box_container, .update_account_WL_box_container {  
          position: absolute;
          top: 100px;
          left: 50%;
          margin-right: 0%;
          margin-left: -150px;
          transform: none;
          padding: 20px;
          width:300px;
      }

      .create_account_box_container_col {
        float:none;
        width:100%;
        padding-right:0px;
        border: 0;
        margin-top: 0px;
      }
      .create_account_box_container_col_right {
        float:none;
        width:100%;
        padding-left:0px;
        margin-top: 23px;
      }
      .create_account_box_container_col_make_full {
        float:none;
        width:100%;  
        padding-right:0px;
        padding-left:0px;
        border: 0;
      }

      .myspace_quote_line_desc_client_name { width:100%; margin-right:0%; }
      .myspace_quote_line_desc_client_tel {  width:100%; margin-right:0%; }

      .myspace_quote_line_desc_order_id {width: 25%;}
      .myspace_quote_line_desc_order_date {display:none;}
      .myspace_quote_line_desc_order_number_product {display:none;}
      .myspace_quote_line_desc_order_total_tvac {width: 35%;}
      .myspace_quote_line_desc_order_state {width: 36%;}

      .FAQ_left_col {display:block; vertical-align: top; width:100%; border-right: 0px solid #cccccc; padding-right:0px;  }
      .FAQ_right_col {display:block; vertical-align: top; width:100%; border-left: 0px solid #cccccc; padding-left:0px;  margin-left:0px;}

      .PRO_webpage_bloc_4_axes_left_top { border:0; border-bottom:1px solid #cccccc; width:100%; margin:0 auto; margin-bottom:20px;}
      .PRO_webpage_bloc_4_axes_right_top { border:0; border-bottom:1px solid #cccccc; width:100%; margin:0 auto; margin-bottom:20px;}
      .PRO_webpage_bloc_4_axes_left_bottom { border:0; border-bottom:1px solid #cccccc; width:100%; margin:0 auto; margin-bottom:20px;}
      .PRO_webpage_bloc_4_axes_right_bottom { border:0; border-bottom:1px solid #cccccc; width:100%; margin:0 auto; margin-bottom:20px;}

      .input_row_title_bigger {
        margin-top:15px; margin-bottom:20px;
      }

      .agenda_page_content { padding:0; margin:0; width:100%; height:auto;}

      .agenda_create_account, .agenda_show_location, .agenda_show_type_presta, .agenda_planning_presta, .agenda_planning_presta_control {
        width: 100%;
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        transform: none;
        margin-right: 0;
        margin-top: 67px;
        border:0;
        box-shadow: none;
        border-radius : 0;
        overflow:hidden;

        background-color: #ffffff;
        padding-bottom: 100px;
      }
      .agenda_create_account_col_left, .agenda_create_account_col_right {
        width:100%; padding-right:0; border:0; margin:0;
      }

      .agenda_navigation_tab_label, .agenda_navigation_tab {width:80px;}

      .recap_scroll { max-height:none; overflow-y: auto;
    margin-right: -10px;
    margin-left: -10px;
    padding: 10px;
    margin-bottom: 0;
    padding-bottom:0;
    padding-top:0;
       }
      .recap_scroll_fade { display:none; }

      .devis_product_setting_bottom_button_navig, .devis_situation_setting_bottom_button_navig, .devis_recap_bottom_button_navig {
        position:fixed; bottom:0px; right:0px; left:0px;
        /*padding:20px;*/
        background-color: rgba(255,255,255);
        border-top:1px solid #cccccc;
        z-index:10;
        margin-right: 0;
        white-space: nowrap;
        overflow: hidden;

-webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);

      }
      .devis_recap_bottom_button_navig { display:none; }
      .abort_product, .after_product_done_add_product, .fenetre_step_back {

        float: left;
        width: 46px;
        white-space: nowrap;
        text-indent: 70px;
        /* min-width: 0; */
        overflow: hidden;
        padding-left: 0;
        padding-right: 0;

      }
      .situation_ok, .fenetre_step_done, .abort_product, .choose_pro, .after_product_done_add_product, .fenetre_step_back, .save_adjust_by_pro {
        margin:20px;
      }
      .fenetre_step_done {float:right; margin-left:0;}
      .fenetre_step_back {float:right; margin-left:0; margin-right:5px; background-image: url(../img/connexion_btn_back_3.svg); }
      .save_adjust_by_pro { margin-left:0;}
      .after_product_done_add_product { margin-right:0;}

      .agenda_show_location_col_right {
        width:100%; float:none; margin-left:0; margin-right:0; border:0; height:auto; padding-left: 0; padding-right: 0;
      }
      .agenda_show_location_col_left {
        width:100%; float:none; margin-left:0; margin-right:0; border:0; height:auto; padding-left: 0; padding-right: 0;
      }

      .preview_container { display:none;}

      #preview_fenetre_options_container, #preview_fenetre_options_container_txt{
        display:none;
      }

      #preview_fenetre_options_container_bis{
        display:block;
      }

      #sticky_product_price, .sticky_product_price_in { /*display:none;*/ 
        width:0 !important; 
        height:0 !important; 
        overflow: hidden !important;
        border: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
      }

      #resp_adjust_ariane_barr { display:none; }

      #fenetre_extra_volet_dispo label, #options_only label, #main_d_oeuvre_only label {
        line-height: 23px;
        border-bottom: 1px solid #cccccc;
        padding: 6px;
        margin-bottom: 4px;
        z-index:1;
      }

      #options_only .label_mini_select_container label {
        border-bottom: 0;
        white-space:normal;
      }
      #options_only .label_mini_select_container {
        border-bottom: 1px solid #cccccc;
      }

      #fenetre_extra_volet_dispo .input_row, #options_only .input_row, #main_d_oeuvre_only .input_row {
        border-bottom:0;
      }

      #sticky_prices_for_mobile { 
        display:block;
      }

      .hide_on_mobile { display: none; }
      .hide_on_not_mobile { display: block; }

      #sticky_product_price_all_prices.sticky_product_price_all_prices_on_mobile {
        left: 50%;
        display: block;
        position: fixed;
        z-index: 100;

        background: #ffffff;


        width: 300px;
        margin-left: -150px;
        top: 210px;
        margin-top: 0;
      }

      .option_raw_img {
        border-right: 1px solid #cccccc;
      }
      .option_raw_txt {
        width:100%;
        border: 0
      }


      .myspace_tab_content .input_row_title_bigger {
        margin-top:0px; margin-bottom:0px;
      }

      #recap_content_next_step .commun_btn { width:100%; text-align: left; margin-top:10px}

      #recap_content_next_step_bg {
        min-height: auto; background: none; padding: 0px;
      }
      .recap_content_next_step_bg_mobile {
        display:block;
      }
      .recap_content_next_step_arrow_shadow {
        display:none 
      }
      .recap_content_next_step_arrow {
        display:none 
      }
      #recap_content_next_step {
        -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23); 
        -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23); 
        box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.23); 
        background:#ffffff; padding:0px; margin-left:0px;
        border-radius:10px; padding:20px;
      }

      #recap_chantier_content b, #recap_client_contact_content b {display: block; margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #cccccc;}
      #recap_chantier_content b:last-child, #recap_client_contact_content b:last-child {border:0; margin:0; padding:0;}
      #recap_chantier_content br, #recap_client_contact_content br {display: none}
      #recap_client_contact_content br:last-child {display: block}


      .recap_button_ajust_and_send_container .commun_btn { width:100%; text-align: left; margin-bottom:10px }

      .recap_tools { width:100%; margin-top: 10px;}

      .recap_item_for_mobile {display:block; margin-left: 80px;}

      .recap_item {width:100%;}
      .recap_item_label {width:100%;}
      .recap_item_name_bold {width:100%;}

      .recap_ico {

          float: left;
          width: 70px;
          height: 70px;
          background: #ffffff;
          padding: 4px;
          border-radius: 5px;
          border: 1px solid #cccccc;

      }

      .recap_item_name, .recap_item_name_bold {display: none}

      .recap_item_for_mobile_price_details {
        margin-left: 0;
        border-top: 1px solid #eeeeee;
        margin-top: 10px;
      }
      .recap_item_for_mobile_footer_tot {
        margin-left: 0;
      }

      .agenda_show_location_col_right_gradient { display:none;}

      #all_pro {
        height: auto;
      }

      .all_pro_item {
        width: 96%;
      }
      .break_sequence_self_pose, .break_sequence { width:100%;}
      .break_sequence { margin-top:10px;}


       #favorites_color { width:100%; margin-top:5px; min-height: 54px; }

      .moon_picker_container {  
          width:300px;
      }

      .moon_picker_choice {
        /*width:129px; */
      }
      .moon_picker_choice_color, .moon_picker_choice_color_cloned {
        width:41px; height:41px;
        -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none;
      }
      .moon_picker_container .moon_picker_choice:first-child, .moon_picker_container .moon_picker_choice:last-child {width: 64.5px;}

      .moon_picker_slider_choice {width:100%;}
      .moon_picker_preview {display:none;}

      #clinique_1_A,
      #clinique_1_B,
      #clinique_1_C,
      #clinique_1_D,
      #clinique_1_E,
      #clinique_1_F {
          margin-bottom:80px;
      }

      .input_row_mobile_phone, .input_row_mobile_phone_2  {
        background: #eeeeee;
        padding: 10px;
        margin-left: -10px;
        margin-right: -10px;
        margin-bottom: 10px !important;
      }

      .input_row_mobile_phone_2  {
        padding-left: 20px;
        padding-right: 20px;
        border-bottom: 1px solid #cccccc;
      }
      .recap_content_raw_global { 
        background: #eeeeee; 
        text-align:left; 
        padding:10px; 
        border-bottom:1px solid #cccccc;
        margin-bottom: 5px;  
        margin-left: -10px; 
        margin-right: -10px; 
        margin-bottom: 10px;
      }

      .recap_content_no_in_devis .recap_content_raw_global { 
        background: #ffffff; 
        text-align:left; 
        padding:10px; 
        border-bottom:1px solid #cccccc;
        margin-bottom: 5px;  
        margin-left: 0px; 
        margin-right: 0px; 
        margin-bottom: 10px;
      }

      .recap_intersec {
        border-top: 1px solid #cccccc;
      }



      .myspace_tab { padding:10px; margin-right:3px; }
      .myspace_quote_line_desc_order_state {
        width: 100%;
        border-top: 1px dashed #cccccc;
        margin-top: 3px;
        padding-top: 3px;
      }
      .myspace_quote_line_desc_order_id {
        width: 40%;
      }
      .myspace_quote_line_desc_order_total_tvac {
        width: 55%;
      }

      .my_space_evo_devis {
    width: calc(100% + 40px);
    overflow-x: scroll;
    overflow-y: hidden;
    margin-left: -20px;
    margin-right: -20px;
    height:155px;
    margin-bottom:20px;
      }
      .my_space_mobile_evo_line_all_parts { width:1350px;}
      .my_space_mobile_evo_line_parts { width: 675px; float: left; text-align: left; }

      .tab_switch_revision_devis {width:50%; margin-right:0; white-space: nowrap;}

      .my_space_mobile_evo_line_all_parts_by_myself { width:675px; }

      .tab_switch_revision_devis {width:50%; margin-right:0; white-space: nowrap;}

      .poseur_card_logo { width:100%; float: none;}
      .poseur_card_intel {
          width: 100%;
          float: none;
          min-height: auto;
          margin-top: 20px;
        }



    }


    /* APECT RATION CHECK TO REPLACE LANDSCAPE (min-aspect-ratio: 13/9)  (orientation : landscape) */ 

    @media only screen and (min-device-width : 0px) and (max-device-width : 1023px) and (min-aspect-ratio: 13/9) {
      #JS_we_are_on_mobile_phone { display:block;}
      #JS_we_are_on_mobile_phone_landscape { display:block;}    
    }


    /*
    FORCE VERTICAL UE FOR MOBILE
  

    @media only screen and (max-width: 480px) and (orientation: landscape) {
    @media only screen and (min-device-width : 0px) and (max-device-width : 1023px) and (orientation : landscape) {
    @media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) { 
      html{
      -webkit-transform: rotate(-90deg);
         -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
           -o-transform: rotate(-90deg);
              transform: rotate(-90deg);
      -webkit-transform-origin: left top;
         -moz-transform-origin: left top;
          -ms-transform-origin: left top;
           -o-transform-origin: left top;
              transform-origin: left top;
      width: 100vh;
      position: absolute;
      top: 100%;
      left: 0
      }
    }*/


#screen_saver { 
  width:100%; height:100%; z-index:100000; top:0; left:0 right:0; bottom:0; position: fixed; display:none; 
  background-color: transparent;
  /*background-image: url(../img_scr/Sans-titre-2.jpg);
  background-repeat:  no-repeat;
  background-position: center; 
  background-size: 100% auto;*/

}

/*.add_screen_saver_animation {
  animation: colorchange 120s infinite; 
  -webkit-animation: colorchange 120s infinite;
}*/

.scr_saver_img{

  width:100%; height:100%;  top:0; left:0 right:0; bottom:0; position: fixed;
  background-color: transparent;
  background-repeat:  no-repeat;
  background-position: center; 
  background-size: 100% auto;
  animation-name: cf4FadeInOut, zoom_an;
  animation-timing-function: ease-in-out, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-duration: 64s, 16s;
}

@keyframes zoom_an
{
0%   { background-size: 105% auto}
30%  {background-size: 100% auto}
60%  {background-size: 100% auto}
100%  {background-size: 105% auto}
}

@keyframes cf4FadeInOut {
  0% {
    opacity:1; 
  }
  8% {
    opacity:1; 
  }
  12% {
    opacity:0;
  }
  97% {
    opacity:0; 
  }
  100% {
    opacity:1; 
  }
}

.scr_saver_img:nth-of-type(1) {
  animation-delay: 56s;
}
.scr_saver_img:nth-of-type(2) {
  animation-delay: 48s;
}
.scr_saver_img:nth-of-type(3) {
  animation-delay: 40s;
}

.scr_saver_img:nth-of-type(4) {
  animation-delay: 32s;
}
.scr_saver_img:nth-of-type(5) {
  animation-delay: 24s;
}
.scr_saver_img:nth-of-type(6) {
  animation-delay: 16s;
}
.scr_saver_img:nth-of-type(7) {
  animation-delay: 8s;
}

.scr_saver_img:nth-of-type(8) {
  animation-delay: 0s;
}



@keyframes colorchange
{
  0%   {background-image: url(../img_scr/Sans-titre-2.jpg); background-size: 105% auto}
  6%  {background-image : url(../img_scr/Sans-titre-2.jpg); background-size: 100% auto}
  7%  {background-image : url(../img_scr/Sans-titre-3.jpg); background-size: 100% auto}
  12%  {background-image : url(../img_scr/Sans-titre-3.jpg); background-size: 105% auto}
  13%  {background-image : url(../img_scr/Sans-titre-8.jpg); background-size: 105% auto}
  18%  {background-image : url(../img_scr/Sans-titre-8.jpg); background-size: 100% auto}
  19%  {background-image : url(../img_scr/Sans-titre-9.jpg) ; background-size: 100% auto}
  24%  {background-image : url(../img_scr/Sans-titre-9.jpg) ; background-size: 105% auto}
  25% {background-image : url(../img_scr/Sans-titre-13.jpg) ; background-size: 105% auto}
  30%   {background-image : url(../img_scr/Sans-titre-13.jpg) ; background-size: 100% auto}
  31%  {background-image : url(../img_scr/Sans-titre-41.jpg) ; background-size: 100% auto}
  36%  {background-image : url(../img_scr/Sans-titre-41.jpg) ; background-size: 105% auto}
  37%  {background-image : url(../img_scr/Sans-titre-19.jpg) ; background-size: 105% auto}
  42%  {background-image : url(../img_scr/Sans-titre-19.jpg) ; background-size: 100% auto}
  43%  {background-image : url(../img_scr/Sans-titre-23.jpg) ; background-size: 100% auto}
  48%  {background-image : url(../img_scr/Sans-titre-23.jpg) ; background-size: 105% auto}
  49%  {background-image : url(../img_scr/Sans-titre-24.jpg) ; background-size: 105% auto}
  54% {background-image : url(../img_scr/Sans-titre-24.jpg) ; background-size: 100% auto}
  55%   {background-image : url(../img_scr/Sans-titre-31.jpg) ; background-size: 100% auto}
  60%  {background-image : url(../img_scr/Sans-titre-31.jpg) ; background-size: 105% auto}
  61%  {background-image : url(../img_scr/Sans-titre-32.jpg) ; background-size: 105% auto}
  66%  {background-image : url(../img_scr/Sans-titre-32.jpg) ; background-size: 100% auto}
  67%  {background-image : url(../img_scr/Sans-titre-40.jpg) ; background-size: 100% auto}
  72%  {background-image : url(../img_scr/Sans-titre-40.jpg) ; background-size: 105% auto}
  73%  {background-image : url(../img_scr/Sans-titre-43.jpg) ; background-size: 105% auto}
  78%  {background-image : url(../img_scr/Sans-titre-43.jpg) ; background-size: 100% auto}
  79% {background-image : url(../img_scr/Sans-titre-44.jpg) ; background-size: 100% auto}
  84%  {background-image : url(../img_scr/Sans-titre-44.jpg) ; background-size: 105% auto}
  85% {background-image : url(../img_scr/Sans-titre-45.jpg) ; background-size: 105% auto}
  90%  {background-image : url(../img_scr/Sans-titre-45.jpg) ; background-size: 100% auto}
  91% {background-image : url(../img_scr/Sans-titre-13.jpg) ; background-size: 100% auto}
  99%  {background-image : url(../img_scr/Sans-titre-13.jpg) ; background-size: 105% auto}
  100% {background-image : url(../img_scr/Sans-titre-2.jpg) ; background-size: 105% auto}
}



@keyframes cf4FadeInOut {
  0% {
    opacity:1;
  }
  17% {
    opacity:1;
  }
  25% {
    opacity:0;
  }
  92% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

#cf4a img:nth-of-type(1) {
  animation-delay: 6s;
}
#cf4a img:nth-of-type(2) {
  animation-delay: 4s;
}
#cf4a img:nth-of-type(3) {
  animation-delay: 2s;
}
#cf4a img:nth-of-type(4) {
  animation-delay: 0;
}



#screen_saver_in {
    width: 600px;
    height: 160px;
    background-color: rgba(62,62,81,0.5);
    background-image: url(../img/screen_saver_touch.png);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 111px;
    border-radius: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -80px;
    border: 3px solid #ffffff;
    box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.25);
    
}

.screen_saver_lng {
float: right;
  width: 140px;
  height: 140px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 70px;
  padding-top: 81px;
  margin-top: 29px;
  text-align: center;
  font-size: 20px;
  color: #ffffff;
  text-shadow: 2px 2px 0px rgba(0,0,0,0.3);
  cursor: pointer;
}

.screen_saver_lng_mini {
  display:inline-block;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 50px;
  padding-top: 65px;
  margin-top: 29px;
  text-align: center;
  font-size: 20px;
  color: #333333;
  
  cursor: pointer;
}