*{
    padding: 0;
    margin: 0;
}
@font-face{
    font-family:"mafonte1";
    src:url(../typos/WorkSans-Light.otf);
}
@font-face{
    font-family:"mafonte2";
    src:url(../typos/WorkSans-Hairline.otf); 
}
@font-face{
    font-family:"mafonte3";
    src:url(../typos/WorkSans-Light.otf);
}
@font-face{
    font-family:"mafonte4";
    src:url(../typos/WorkSans-SemiBold.otf);
}


/*      debut  fenetre    mobile      */

#reglage{
    left: -10px!important;
}
#navigation_mobile{
    z-index: 2000;
    background: rgba(0, 9, 0, 1);
    height: 45px;
    color: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    line-height: 40px;
}
#navigation_mobile p{
    line-height: 40px !important;  
}
#tete_mobile{
    z-index: 2001;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    display: none; 
    font-family: mafonte3;
    box-shadow:rgba(0,0,0,0.8)10px 10px 10px;
}
#photo_mobile_header img{
    width: 100%;
    margin-top: 40px;
}
#logo_hamburger{
    width: 40px;
    margin: 2px 0 0 5px; 
    position: fixed;
}
#france, #espagne, #anglais{
    width: 200px;
    text-align: center!important;
    margin: 0 auto;
}
#france img{
    width: 30px!important;
    margin-left: 10px;
    margin-top: 6px;
    
}
.fond{
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}


 /*       fin    fenetre    mobile    */





/*nouveau menu deroulant*/

#menu_pays{
    background: #272E38;
/*
    display: flex;
    justify-content: space-around;
*/
    border-radius: 3px;
    border-bottom: 1px solid #bfd730;
    height: 44px;
}
.ph_rs_mobile2{
    width: 25px!important;
}
#menu_pays a{
    text-decoration: none;
    color: #fff;
    text-align: center!important;
}
.ph_rs_mobile{
    width: 28px;
    padding-right: 10px;
    box-sizing: border-box;
}
#btn_fermer{
    position: absolute;
    top: 9px;
    right: 14px;
    background: #272E38;
    border: none;
}
#sidebar-menu {
  position: relative;
  margin: 0;
  font-family: mafonte3 !important;
  line-height: 1;
  width: 100%;
}
.align-right {
  float: right;
}
#sidebar-menu ul {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
  display: block;
}
#sidebar-menu ul li {
  position: relative;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#sidebar-menu .sidebar-input {
  color: #dddddd;
  text-transform: uppercase;
  display: block;
  padding: 20px;
  box-sizing: border-box;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  background: #272E38;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  letter-spacing: 1px;
  font-size: 14px;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  position: relative;
}
#sidebar-menu input {
  width: 200px;
  height: 30px;
  text-align: center;
  background: #272E38;
  border: 1px solid #dddddd;
  text-transform: uppercase;
  border-radius: 10px;
  color: #dddddd;
  outline: none;
}
#sidebar-menu ul li a {
  text-decoration: none;
  cursor: pointer;
}
#sidebar-menu > ul > li > a {
  color: #dddddd;
  text-transform: full-width;
  display: block;
  padding: 15px;
  box-sizing: border-box;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  background: #272E38;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  letter-spacing: 1px;
  font-size: 14px !important;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  position: relative;
}
#sidebar-menu > ul > li:first-child > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#sidebar-menu > ul > li:last-child > a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom: 1px solid #000000;
}
#sidebar-menu > ul > li:hover > a,
#sidebar-menu > ul > li.open > a,
#sidebar-menu > ul > li.active > a {
  background: #272E38;
  color: #ffffff;
}
#sidebar-menu ul > li.has-sub > a::after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-top: 13px solid #000000;
  border-botom: 13px solid transparent;
  border-left: 125px solid transparent;
  border-right: 125px solid transparent;
  left: 0;
  bottom: -13px;
  bottom: 0px;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
#sidebar-menu ul > li.has-sub > a::before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-top: 13px solid #272E38;
  border-botom: 13px solid transparent;
  border-left: 125px solid transparent;
  border-right: 125px solid transparent;
  left: 0;
  bottom: -12px;
  bottom: -1px;
  z-index: 3;
  opacity: 0;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
/*fleches sur li menu en dessous*/

#sidebar-menu ul > li.has-sub::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-top-color: #dddddd;
  z-index: 2;
  right: 20px;
  top: 21px;
  pointer-events: none;
}
#sidebar-menu ul > li:hover::after,
#sidebar-menu ul > li.active::after,
#sidebar-menu ul > li.open::after {
  border-top-color: #ffffff;
}
/*probleme de trait noir qui passe en ombre*/

#sidebar-menu ul > li.has-sub.open > a::after {
  opacity: 1;
  bottom: -13px;
}
#sidebar-menu ul > li.has-sub.open > a::before {
  opacity: 1;
  bottom: -13px;
}
#sidebar-menu ul ul {
  display: none;
}
#sidebar-menu ul ul li {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
#sidebar-menu ul ul li a {
  background: #f1f1f1;
  display: block;
  position: relative;
  font-size: 15px;
  padding: 10px 30px;
  box-sizing: border-box;
  border-bottom: 1px solid #dddddd;
  color: #000;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
#sidebar-menu ul ul li:first-child > a {
  padding-top: 18px;
  box-sizing: border-box;
}
#sidebar-menu ul ul ul li {
  border: 0;
}
#sidebar-menu ul ul li:hover > a,
#sidebar-menu ul ul li.open > a,
#sidebar-menu ul ul li.active > a {
  background: #e4e4e4;
  color: #666666;
}
#sidebar-menu ul ul > li.has-sub > a::after {
  border-top: 13px solid #dddddd;
}
#sidebar-menu ul ul > li.has-sub > a::before {
  border-top: 13px solid #e4e4e4;
}
#sidebar-menu ul ul ul li a {
  padding-left: 30px;
  box-sizing: border-box;
}
#sidebar-menu ul ul > li.has-sub::after {
  top: 18.5px;
  border-width: 6px;
  border-top-color: #777777;
}
#sidebar-menu ul ul > li:hover::after,
#sidebar-menu ul ul > li.active::after,
#sidebar-menu ul ul > li.open::after {
  border-top-color: #666666;
}
#dim_rs li img{
    width: 20px;
}
#dim_rs li{
    display: flex;
    justify-content: space-around;
    padding: none;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#dim_rs li a{
    
}
#dim_rs{
    background: #f1f1f1;
}
 /*       fin    fenetre    mobile    */

/*     debut   header   mobile   */

#bg{
    display: none;
}
body, html{
    background: #272E38;
    overflow-x: hidden;
    width: 100%;
}
#titre_mobile{
    line-height: 15px;
    font-size: 15px;
    font-family: mafonte1 !important;
    text-align: center!important;
    margin-right: 10px;
}
.w3-content{
    max-width:980px;
    margin:auto;
}
.w3-display-container{
    position:relative;
}
.w3-display-container:hover .w3-display-hover{
    display:block;}

.w3-display-container:hover span.w3-display-hover{
    display:inline-block;
}
.w3-display-hover{
    display:none;
}
.w3-display-position{
    position:absolute;
}
.w3-button{
    border:none;
    display:inline-block;
    padding:8px 16px;
    box-sizing: border-box;
    vertical-align:middle;
    overflow:hidden;
    text-decoration:none;
    color:inherit;
    background-color:inherit;
    text-align:center;
    cursor:pointer;
    white-space:nowrap;
}
.w3-button{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;}

.w3-button:disabled{cursor:not-allowed;
    opacity:0.3;
}
.w3-disabled *,:disabled *{
    pointer-events:none;
}
.w3-button{
    white-space:normal;
}
.w3-display-left{
    position:absolute;
    top:50%;
    left:0%;
    transform:translate(0%,-50%);
    -ms-transform:translate(-0%,-50%);
}
.w3-display-right{
    position:absolute;
    top:50%;
    right:0%;
    transform:translate(0%,-50%);
    -ms-transform:translate(0%,-50%);
}
.w3-black,.w3-hover-black:hover{
    color:#fff!important;
    background-color:#000!important;
}
.fixNavigation{
    display: none;
    z-index: 9999;
    position: fixed;
    top: 0;
    width: 100%;
    height: 60px;
}
#conteneur{
    width: 100%;
    font-family: verdana;
    margin: 0 auto;
}
#conteneur h1{
    letter-spacing: 4px;
    font-family: mafonte4;
}
#conteneur h2{
    text-align: center; 
    color: #fff;
    font-family: mafonte3;
}
#conteneur h3{
    font-family: mafonte3;
}
.titre_particul{
    font-size: 24px !important;
    text-align: left !important;
    color: #ffffff !important;
}
.titre_index{
    color: #fff !important;
    font-size: 24px !important;
}
.titre{
    display: none;
    color: #fff;
}
.titre_devis{
    font-size: 40px !important;
    text-align: left !important;
    color: #ffffff !important;
}
#tete{
    display: none;
}
#navigation{
    display: none;
}
.photo_header img{
    display: none; 
}


/*     fin   header   mobile  */


/* debut chimie produit smartphone */



.titre_chimie{
    color: #fff;
    font-size: 20px;
}
#boite_titre_chimie{
    max-width: 930px;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
    margin-top: 30px;
}
#boite_titre_chimie h1{
    text-align: left;
}
#boite_titre_chimie h2{
    text-align: left!important;
    font-family: mafonte2;
}
#boite_titre_chimie p{
    color: #fff;
    text-align: justify;
}
#boite_condition{
    max-width: 930px;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
    margin-top: 20px;
}
#boite_condition p{
    color: #fff;
}
#boite_condition h2{
    font-family: mafonte2;
    color: #bfd730;
}
#posi_chimie{
    margin-top: 50px;
    margin-bottom: 50px;
}
#boite_tac{
    max-width: 300px;
    margin: 0 auto;
    padding: 0 10px;
    margin-top: 45px;
    box-sizing: border-box;
    background: rgba(0, 9, 0, 0.4);
    border-top: 1px solid #bfd730;
    padding-bottom: 15px;
    box-sizing: border-box;
    border-radius: 25px;
    box-shadow:rgba(0,0,0,0.4)10px 10px 10px;
}
#boite_tac img{
    width: 100%;
    border-radius: 25px;
}
#boite_tac p{
    color: #fff;
    margin-top: 10px;
    text-align: justify;
}
.color_chimie{
    color: #bfd730!important;
    font-family: mafonte2!important;
    font-size: 18px;
}
#place_ph{
    padding: 0 10px;
    margin: 50px 0px;
}
#place_ph p{
    color: #bfd730;
    max-width: 600px;
    text-align: justify;
    margin: 0 auto;
}
#btn_chimie p{
    text-align: center;
    color: #bfd730;
    font-size: 25px;
}
#place_ph img{
    width: 30px;
}
#chimie4{
    margin-bottom: 50px;
}
#clot_chimie{
    max-width: 750px;
    text-align: justify;
    color: #fff;
    padding: 0 10px;
    box-sizing: border-box;
    margin: 0 auto;
}
#clot_chimie p{
    margin-bottom: 40px;
}
#boite_scuba{
    width: 100%;
    padding: 0px 10px;
    box-sizing: border-box;
    margin-top: 50px;
}
#bte_scuba{
    max-width: 1000px;
    margin: 0 auto;
}
#boite_scuba h3{
    color: #bfd730;
    text-align: center;
    margin-bottom: 50px;
}
#boite_scuba p{
    color: #fff;
    text-align: justify;
    margin-bottom: 10px;
}
#bte_im_scuba{
    max-width: 1000px;
    text-align: center!important;
    margin: 0 auto;
    margin-top: 50px;
}
#bte_im_scuba img{
    width: 100%;
    margin: 0 auto;
    border-radius: 30px;
    border-top: 1px #bfd730 solid;
    margin-bottom: 50px;
}
#para_scuba{
    max-width: 1000px;
    margin: 50px auto;
}
#bte_descri{
    margin-top: 50px;
}
#bte_descri p{
    text-align: center!important;
    margin-bottom: 50px;
}













/* fin chimie produit smartphone */

/*  debut media filtrant smartphone */



#boite_titre_mf{
    max-width: 930px;
    margin: 0 auto;
    margin-top: 30px;
    padding: 0 10px;
    box-sizing: border-box;
}
.titre_mf{
    color: #fff;
    font-size: 24px;
}
.st_mf{
    font-family: mafonte2!important;
    text-align: left!important;
}
#bte_explic_mf{
    max-width: 930px;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
}
#bte_explic_mf h2{
    margin-top: 30px;
}
#bte_explic_mf p{
    text-align: justify;
    color: #fff;
}
#bte_coupe_mf{
    max-width: 930px;
    margin-top: 50px;
    text-align: center;
}
#bte_coupe_mf img{
    width: 100%;
    margin: 0 auto;
}
.st_sable{
    color: #bfd730;
    text-align: center;
    margin-top: 30px;
}
#bte_sable_1 h2{
    color: #bfd730;
    margin-top: 10px;
}
#bte_im_sable{
    width: 100%;
    margin: 0 auto;
    margin-top: 30px;
}
#bte_sable_1 p{
    color: #fff;
    text-align: justify;
}
#bte_im_sable img{
    width: 100%;
    border-radius: 25px;
}
#bte_sable_1{
    width: 90%;
    margin: 0 auto;
    margin-top: 45px;
    padding: 0 10px;
    box-sizing: border-box;
    background: rgba(0, 9, 0, 0.4);
    border-top: 1px solid #bfd730;
    padding-bottom: 15px;
    box-sizing: border-box;
    border-radius: 25px;
    box-shadow:rgba(0,0,0,0.4)10px 10px 10px;
}
#bte_sable_2{
    width: 90%;
    margin: 0 auto;
    padding: 0 10px;
    margin-top: 45px;
    box-sizing: border-box;
    background: rgba(0, 9, 0, 0.4);
    border-top: 1px solid #bfd730;
    padding-bottom: 15px;
    box-sizing: border-box;
    border-radius: 25px;
    box-shadow:rgba(0,0,0,0.4)10px 10px 10px;
}
#bte_sable_2 h2{
    color: #bfd730;
    margin-top: 10px;
}
#bte_sable_2 p{
    color: #fff;
    text-align: justify;
}
#bte_sable_3{
    width: 90%;
    margin: 0 auto;
    padding: 0 10px;
    margin-top: 45px;
    box-sizing: border-box;
    background: rgba(0, 9, 0, 0.4);
    border-top: 1px solid #bfd730;
    padding-bottom: 15px;
    box-sizing: border-box;
    border-radius: 25px;
    box-shadow:rgba(0,0,0,0.4)10px 10px 10px;
}
#bte_sable_3 p{
    color: #fff;
    text-align: justify;
}
#bte_sable_3 h2{
    margin-top: 10px;
    color: #bfd730;
}
#trait_mf{
    width: 200px;
    height: 2px;
    background: #bfd730;
    margin-top: 50px !important;
    margin: 0 auto;
    margin-bottom: 50px;
}
#btn_mf{
    max-width: 930px;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 50px;
}
#btn_mf p{
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
}
.bouton_mf_regl{
    margin-bottom: 50px!important
}
 










/*  fin media filtrant smartphone */


/* robot smartphone */


.titre_robot{
    color:#fff;
    font-size: 25px;
}
.colo_st_robot{
    color: #bfd730;
    text-align: center;
}
#boite_titre_robot h2{
    color: #fff;
    text-align: left!important;
}
#boite_titre_robot{
    max-width: 930px;
    margin: 0 auto;
    margin-top: 30px;
    padding: 0 10px;
    box-sizing: border-box;
}
#boite_titre_robot p{
    color: #fff;
    text-align: justify;
}
#texte_robot{
    color: #fff;
    padding: 10px;
    box-sizing: border-box;
    max-width: 930px;
    margin: 0 auto;
}
#texte_robot p{
    text-align: justify;
}
.cal_rob1{
    margin-top: 10px;
}
#texte_robot h2{
    font-family: mafonte2;
}
#rob1, #rob2, #rob3, #rob4{
    width: 85%;
    margin: 0 auto;
    margin-bottom: 50px;
    text-align: center;
    background: rgba(0, 9, 0, 0.4);
    border-top: 1px solid #bfd730;
    padding-bottom: 15px;
    box-sizing: border-box;
    border-radius: 25px;
    box-shadow:rgba(0,0,0,0.4)10px 10px 10px;
}
#rob1 img, #rob2 img, #rob3 img, #rob4 img{
    max-width: 90%;
    border-radius: 40px;
    padding: 0 10px;
    box-sizing: border-box;
}
#rob1 h2, #rob2 h2, #rob3 h2, #rob4 h2{
    color: #bfd730;
}
#alig_st_robot{
    padding: 30px 0;
    box-sizing: border-box;
}
#im_robot img{
    width: 70px;
    margin: 0 auto;
    margin-top: 50px;
}   
#im_robot{
    text-align: center;
    margin-top: -20px;
    margin-bottom: 30px;
}
#texte_rob1 p, #texte_rob2 p, #texte_rob3 p, #texte_rob4 p{
    color: #fff;
    text-align: left;
    margin-left: 30px;
    font-size: 13px;
}
#texte_rob1, #texte_rob2, #texte_rob3, #texte_rob4{
    margin-top: 20px;
}
.place_robot{
    color: #bfd730!important;
    text-align: center!important;
    margin-right: 40px!important;
}
#btn_fin_robot{
    text-align: center;
    color: #fff;
    margin-top: 50px;
    margin-bottom: 50px;
}
#btn_fin_robot p{
    margin-bottom: 40px;
}
#btn_fin_robot img{
    margin-bottom: -4px;
}
#video1{
    max-width: 915px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 50px;
}
#video1 p{
    margin-bottom: 40px;
    color: #fff;
}


/* fin robot smartphone */

/*   début accueil smartphone*/



#bte_expert1{
    display: none;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
#bte_expert1 img{
    margin-top: 30px;
    width: 100%;
}
#bte_expert2{
    display: none;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
#bte_expert2 img{
    margin-top: 10px;
    margin-bottom: 20px;
    width: 100%;
}
#bte_expert3{
    display: none;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
#bte_expert3 img{
    margin-top: 10px;
    margin-bottom: 20px;
    width: 100%;
}
#bte_expert4{
    display: none;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
#bte_expert4 img{
    margin-top: 10px;
    margin-bottom: 20px;
    width: 100%;
}
#bte_expert5{
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
#bte_expert5 img{
    margin-top: 10px;
    margin-bottom: 20px;
    width: 100%;
}
#bte_expert6{
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
#bte_expert6 img{
    margin-top: 40px;
    width: 100%;
}
#bte_expert7{
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
#bte_expert7 img{
    margin-top: 40px;
    margin-bottom: 30px;
    width: 100%;
}
#bte_expert8{
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
#bte_expert8 img{
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
}
#bte_expert9{
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
#bte_expert9 img{
    margin-top: 10px;
    margin-bottom: 40px;
    width: 100%;
}
#bte_chiffre{
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 50px;
}
#bte_chiffre p{
    color: #fff;
    text-align: left;
    text-align: justify;
}
#bte_chiffre img{
    width: 25px!important;
    margin-bottom: -5px!important;
}
#titre_offre{
    width: 100%;
}
#titre_index2{
    text-align: justify!important;
    font-family: mafonte2!important;
}
#titre_offre h2{
    margin-top: 20px;
    margin-bottom: 70px;
}
#trait_sep{
    width: 200px;
    height: 2px;
    background: #bfd730;
    margin-top: 50px !important;
    margin: 0 auto;
}
#trait_sep2{
    width: 200px;
    height: 2px;
    background: #bfd730;
    margin-bottom: 30px !important;
    margin: 0 auto;
}
#trait_sep3{
    width: 200px;
    height: 2px;
    background: #bfd730;
    margin-bottom: 30px !important;
    margin: 0 auto;
    margin-top: 50px;
}
#trait_sep4{
    width: 200px;
    height: 2px;
    background: #bfd730;
    margin-bottom: 30px !important;
    margin: 0 auto;
    margin-top: 50px;
}
#section1_accueil{
    width: 100%;
}
#presente, #presente2{
    max-width: 930px;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
}
#boite_presente{
    max-width: 930px;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
}
#boite_presente h2{
    text-align: left;
}
#boite_presente h1{
    color: #fff;
}
#presente p, #presente2 p{
    color: #fff;
    text-align: justify;
}
#qui{
    text-align: center;
    color: #bfd730;
    margin-bottom: 50px;
}
#qui p{
    color: #bfd730;
}
#qui img{
    margin: 20px auto;
    width: 150px;
    border-radius: 45px;
}
#offre{
    width: 100%;
    margin-top: 50px;
}
#im_offre{
    width: 60px;
    margin: 0 auto;
}
#im_offre img{
    width: 50px;
    margin: 0 auto;
    margin-top: 20px!important;
}
#offre1, #offre2{
    max-width: 800px;
}
#boite_offre{
    width: 70%;
    margin: 0 auto;
    margin-bottom: 50px;
    text-align: center;
    background: rgba(0, 9, 0, 0.4);
    border-top: 1px solid #bfd730;
    padding-bottom: 15px;
    box-sizing: border-box;
    border-radius: 25px;
    box-shadow:rgba(0,0,0,0.4)10px 10px 10px;
}
#boite_offre p{
    width: 80%;
    text-align:justify;
    margin: 0 auto;
    color: #fff;
}
#offre h2{
    color: #bfd730;
    margin: 0 auto;
    font-size: 18px;
    font-family: mafonte2!important;
}
#boite_depannage h2{
    color: #bfd730;
    font-family: mafonte2!important;
}
#btn_reple{
    width: 100%;
}
#btn_reple p{
    color: #fff;
    margin-bottom: 40px;
    text-align: center;
}
.couleur_change_btn:hover {
    background-color:#ff00ff!important;
}
.couleur_change_btn a:hover {
    color:#fff!important;
}
#btn{
    width: 150px;
    margin: 0 auto;
    height: 35px;
    background: #bfd730;
    border-radius: 17px;
    margin-top: 20px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
}
#btn a{
    text-decoration: none;
    color: #000;
}
#dev_depannage{
    max-width: 930px;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
}
#dev_depannage p{
    width: 100%;
    margin: 0 auto;
}
.modif_taille1 p{
    margin-bottom: 53px!important;
}
.modif_taille2 p {
    margin-bottom: 40px!important;
}
.modif_taille3 p{
    margin-bottom: -4px!important;
}
.modif-taille4 p{
    margin-bottom: 0px!important;
}
.modif_taille5 p{
    margin-top: 45px!important;
}
.modif_taille_regul{
    margin-bottom: 0px!important;
}
#bloc_depannage{
    max-width: 930px;
    margin: 0 auto;
}
#bloc_contrat{
    width: 100%;
}
#titre_contrat{
    text-align: center;
    margin: 0 auto;
}
#titre_contrat h2{
    text-align: justify!important; 
}
#titre_contrat p{
    color: #bfd730;
    text-align: center;
    margin-bottom: 40px;
}
#texte_contrat{
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    color: #fff;
    text-align: justify;
    max-width: 930px;
    margin: 0 auto;
}
#texte_contrat p{
    margin-bottom: 10px;
}
#texte_contrat h2{
    text-align: left!important;
    font-size: 20px!important;
}
.couleur_texte{
    color: #bfd730!important;
    text-decoration: none;
}
#bloc_im_contrat{
    width: 100px;
    margin: 0px auto;
    margin-top: -65px;
    margin-bottom: 30px;
}
#im_entretien img{
    width: 100%;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: -3px;
}
#btn_entretien{
    width: 150px;
    margin: 0 auto;
    height: 35px;
    background: #bfd730;
    border-radius: 15px;
    margin-top: 20px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
}
#btn_entretien:hover {
    background-color:#ff00ff!important; 
}
#btn_entretien a:hover {
    color: #fff;
}
#btn_entretien a{
    text-decoration: none;
    color: #000;
}
#complet_depan{
    width: 100%;
}
#im_depannage{
    width: 80px;
    margin: 0 auto;
    margin-bottom: 20px;
}
#im_depan{
    width: 50px;
    margin: 0 auto;
    margin-top: 15px;
}
#boite_depan{
    width: 70%;
    margin: 0 auto;
    margin-bottom: 50px;
    text-align: center;
    background: rgba(0, 9, 0, 0.4);
    border-top: 1px solid #bfd730;
    padding-bottom: 15px;
    box-sizing: border-box;
    border-radius: 25px;
    box-shadow:rgba(0,0,0,0.4)10px 10px 10px;
}
#boite_depannage{
    width: 100%;
    margin-top: 50px;
}
#trait_depan{
    width: 200px;
    height: 2px;
    background: #bfd730;
    margin-top: 50px !important;
    margin: 0 auto;
}
#btn_depan{
    width: 150px;
    margin: 0 auto;
    height: 35px;
    background: #bfd730;
    border-radius: 15px;
    margin-top: 20px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
}
#btn_depan a{
    text-decoration: none;
    color: #000;
}
#btn_depan a:hover {
    color: #fff;
}
#btn_depan:hover {
    -webkit-transition: 1s;
    transition: 1s;
    background-color:#ff00ff!important; 
    cursor: pointer;    
}
#boite_depan p{
    color: #fff;
    width: 80%;
    margin: 0 auto;
    text-align: justify;
}
#dev_depannage p{
    color: #fff;
    text-align: justify;
    padding: 10px 5px;
    box-sizing: border-box;
    max-width: 930px;
    margin: 0 auto;
}
.coul_texte{
    color: #bfd730 !important;
    text-align: center !important;
    margin-bottom: 40px;
}
.photo_dimi img{
    width: 40px;
    margin-top: 10px;
}
.im_doight {
    width: 25px;
}
#ico_danger{
    margin-bottom: -2px;
    width: 30px;
}
#complet_secu{
    width: 100%;
}
#boite_secu{
    max-width: 930px;
    margin: 0 auto;
}
#titre_im_secu{
    width: 80px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 20px;
}
#bloc_secu{
    width: 350px;
    margin: 0 auto;
    margin-bottom: 50px;
    text-align: center;
    background: rgba(0, 9, 0, 0.4);
    border-top: 1px solid #bfd730;
    padding-bottom: 15px;
    box-sizing: border-box;
    border-radius: 25px;
    box-shadow:rgba(0,0,0,0.4)10px 10px 10px;
}
#bloc_secu p{
    color: #fff;
    padding: 10px;
    box-sizing: border-box;
    text-align: justify;
}
#bloc_secu h2{
    color: #bfd730;
    font-family: mafonte2!important; 
}
#btn_secu{
    width: 150px;
    margin: 0 auto;
    height: 35px;
    background: #fff;
    border-radius: 15px;
    margin-top: 20px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
}
#btn_secu a{
    text-decoration: none;
    color: #000;
}
#titre_secu{
    margin-bottom: 40px;
}
#titre_secu p{
    color: #fff;
    padding: 10px;
    box-sizing: border-box;
    text-align: justify;
}
#im_secu{
    width: 100%;
    margin: 0 auto;
    margin-top: 25px;
}
#im_secu img{
    width: 110px;
    margin: 0 auto;
    border-radius: 20px;
    box-shadow:rgba(0,0,0,0.4)10px 10px 10px;
}
#boite_auto{
    width: 100%;
}
#trait_auto{
    width: 200px;
    height: 2px;
    background: #bfd730;
    margin-bottom: 30px !important;
    margin: 0 auto;
    margin-top: 50px;
}
#titre_im_auto{
    display: flex;
    justify-content: space-around;
    max-width: 930px;
    margin: 0 auto;
}
#titre_im_auto img{
    width: 80px;
}
#titre_auto{
    max-width: 930px;
    margin: 0 auto;
}
#titre_auto p{
    color: #fff;
    text-align: justify;
    padding: 10px;
    box-sizing: border-box;
}
#im_auto{
    width: 100%;
    margin: 0 auto;
    margin-top: 25px;
    display: flex;
    justify-content: space-around;
}
#im_auto img{
    width: 150px;
    margin: 0 auto;
}
#bloc_auto{
    width: 350px;
    margin: 0 auto;
    margin-bottom: 50px;
    text-align: center;
    background: rgba(0, 9, 0, 0.4);
    border-top: 1px solid #bfd730;
    padding-bottom: 15px;
    box-sizing: border-box;
    border-radius: 25px;
    box-shadow:rgba(0,0,0,0.4)10px 10px 10px;
}
#bloc_auto p{
    color: #fff;
    padding: 10px;
    text-align: justify;
}
#bloc_auto h2{
    color: #bfd730;
    font-family: mafonte2!important;
    padding: 0 10px;
    box-sizing: border-box;
}
#complet_auto{
    width: 100%;
    margin-top: 50px;
}
#btn_auto{
    width: 150px;
    margin: 0 auto;
    height: 35px;
    background: #bfd730;
    border-radius: 15px;
    margin-top: 20px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
}
#btn_auto a{
    text-decoration: none;
    color: #000;
}
#btn_auto:hover {
    background-color:#ff00ff!important;
}
#btn_auto a:hover {
    color: #fff;
}


/*fin menu mobile accueil aude piscine */


/*  debut essentiel smartphone */

#descriptif1{
    width: 100%;
    margin: 0 auto;
}
#descriptif1 p{
    text-align: center;
    color: #fff;
}
#trait_domo{
    width: 200px;
    height: 2px;
    background: #bfd730;
    margin-top: 50px !important;
    margin: 0 auto;
}
#boite_essentiel{
    padding: 0 10px;
    box-sizing: border-box;
    max-width: 930px;
    margin: 0 auto;
    margin-top: 20px;
}
.titre_essentiel{
    color: #fff!important;
    font-size: 25px;
}
#titre_essentiel2{
    font-family: mafonte2!important;
    text-align: left!important;
}
#boite_essentiel p{
    color: #fff;
    text-align: justify;
    margin-bottom: 10px;
}
#bte_im_essentiel{
    width: 100%;
    text-align: center;
}
#bte_im_essentiel img{
    width: 300px;
    margin-top: 20px;
    margin-bottom: 20px;
}
#bte_im_essentiel p{
    color:#bfd730;
    text-align: center;
    margin-top: 30px;
}
#regle_acces{
    margin-top: 20px!important;
    width: 200px;
    height: 2px;
    background: #bfd730;
    margin: 0 auto;
}
#boite_domo{
    margin-top: 50px;
    width: 400px;
    margin: 0 auto;
    margin-bottom: 50px;
    text-align: center;
    background: rgba(0, 9, 0, 0.4);
    border-top: 1px solid #bfd730;
    padding-bottom: 15px;
    box-sizing: border-box;
    border-radius: 25px;
    box-shadow:rgba(0,0,0,0.4)10px 10px 10px; 
}
#boite_domo h2{
    color: #bfd730;
    font-family: mafonte2!important
}
#boite_domo p{
    color: #fff;
    text-align: justify;
    padding: 0 10px;
    box-sizing: border-box;
    margin-top: 20px;
}
#bte_acces{
    width: 100%;
    margin: 0 auto;
    margin-top: 30px;
}
#bte_acces p{
    text-align: center;
    color: #bfd730;
    margin-bottom: 50px;
}
#im_domo img{
    width: 100%;   
}
#bloc_detail{
    width: 100%;
    margin: 0 auto;
}
#boite_para{
    width: 400px;
    margin: 0 auto;
    background: rgba(0, 9, 0, 0.4);
    border-top: 1px solid #bfd730;
    padding-bottom: 15px;
    box-sizing: border-box;
    border-radius: 25px;
    margin-bottom: 50px;
    box-shadow:rgba(0,0,0,0.4)10px 10px 10px;
}
#boite_para p{
    color: #fff;
    text-align: justify;
    padding: 10px;
    box-sizing: border-box;
}
#boite_flexion h2{
    font-family: mafonte2!important;
    color: #bfd730;
    margin-top: 20px;
}
#bte_fin_essentiel{
    width: 100%;
    margin: 0 auto;
}
#bte_fin_essentiel p{
    color: #fff;
    padding: 10px;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 50px;
    margin-top: 30px;
}
#btn_essentiel{
    width: 150px;
    margin: 0 auto;
    height: 35px;
    background: #bfd730;
    border-radius: 17px;
    margin-top: 20px;
    line-height: 32px;
    margin-bottom: 50px;
    text-align: center;
    cursor: pointer;
}
#btn_essentiel:hover {
    -webkit-transition: 1s;
    transition: 1s;
    background-color:#ff00ff!important; 
    cursor: pointer; 
}
#btn_essentiel a:hover {
    color: #fff;
}
#btn_essentiel a{
    color: #000;
    text-decoration: none;
    text-align: center;
}
#btn_produit{
    width: 150px;
    margin: 0 auto;
    height: 35px;
    background: #bfd730;
    border-radius: 17px;
    margin-top: 20px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
}
#btn_produit:hover {
    -webkit-transition: 1s;
    transition: 1s;
    background-color:#ff00ff!important; 
    cursor: pointer; 
}
#btn_produit a:hover {
    color: #fff;
}
#btn_produit a{
    color: #000;
    text-decoration: none;
    text-align: center;
}
#vid1{
    width: 100%;
    margin: 0 auto;
    margin-top: 50px;
}
.sauf{
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
}
#btn_essentiel2{
    width: 150px;
    margin: 0 auto;
    height: 35px;
    background: #bfd730;
    border-radius: 17px;
    margin-top: 20px;
    line-height: 32px;
    margin-bottom: 50px;
    text-align: center;
    cursor: pointer;
}
#btn_essentiel2:hover {
    -webkit-transition: 1s;
    transition: 1s;
    background-color:#ff00ff!important; 
    cursor: pointer; 
}
#btn_essentiel2 a:hover {
    color: #fff;
}
#btn_essentiel2 a{
    color: #000;
    text-decoration: none;
    text-align: center;
}
#bte_smart{
    width: 100%;
    margin: 0 auto;
}
#bte_smart_essentiel{
    width: 400px;
    margin: 0 auto;
    text-align: center;
}
#bte_smart_essentiel img{
    width: 300px;
}
#boite_titre_smart{
    width: 100%;
    margin: 0 auto;
}
#bte_smart_essen{
    width: 100%;
    text-align: center;
}
#bte_smart{
    margin-top: 30px;
}
#bte_smart_essen img{
    width: 60px;
}
#bte_smart h2{
    color: #bfd730;
    font-family: mafonte2!important;
}
#boite_titre_smart h2{
    margin-top: 30px;
}
#boite_titre_smart p{
    color: #bfd730;
    text-align: center;
    margin-top: 20px;
}
#bte_syno{
    max-width: 930px;
    margin: 0 auto;
    text-align: center;
}
#bte_syno p{
    color: #fff;
    text-align: justify;
    max-width: 930px;
    padding: 10px;
}
#bte_syno img{
    width: 400px;
}
#bte_syno h2{
    color: #bfd730;
    font-family: mafonte2!important;
}

/*fin menu mobile essentiel */


/* debut bache hivernage */

#boite_hiver{
    width: 100%;
    margin: 0 auto;
}
#boite_titre_hiver{
    max-width: 900px;
    margin: 0 auto; 
}
#trait_bache{
    width: 100px;
    height: 8px;
    text-align: left;
    background: #bfd730;
    margin: 15px 0 15px 10px;
}
#boite_titre_hiver h1{
    color: #fff;
    text-align: left;
    padding: 20px 10px 0px 10px;
    box-sizing: border-box;
    font-family: mafonte4!important;
}
#boite_titre_hiver p{
    color: #fff;
    padding: 0 10px;
    box-sizing: border-box;
    text-align: justify;
    margin-bottom: 20px!important;
    margin: 0 auto;
}
#boite_sand h2{
    margin: 20px auto;
    padding: 30px 10px;
    box-sizing: border-box;
}
#boite_sand{
    max-width: 1200px;
    margin: 0 auto;
}
#boite_sand h3{
    color: #bfd730;
    margin: 30px auto;
    font-size: 25px;
    text-align: center;
}
#boite_sand p{
    color: #fff;
    padding: 0 10px;
    box-sizing: border-box;
    text-align: justify;
    margin-top: 20px !important;
    max-width: 900px;
    margin: 0 auto;
}
#bte_bache_sand img{
    width: 100%;
}
#pos_btn_bache{
    padding-top: 20px!important;
    box-sizing: border-box;
}
#pos_btn_bache2{
    
}
#bte_roll{
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
#bte_enroul_barre{
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 40px;
}
#bte_roll img{
    width: 100%;
}
#bte_enroul_barre h3{
    text-align: center;
    margin-bottom: 30px;
    color: #fff;
}
#video1 iframe{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
#video1{
    overflow: hidden;
    padding-bottom: 27%;
    box-sizing: border-box;
    position: relative;
    height: 0;
    margin-top: 40px;
}
.marge_basse{
    margin-bottom: 40px!important;
}
#boite_couleur_bac{
    max-width: 900px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap ;
    margin: 40px auto;
    padding: 0px 5px;
}
#boite_couleur_bac p{
    color: #bfd730;
    text-align: center;
    margin-bottom: 20px;
}
#tema img{
    max-width: 100px;
    box-shadow:rgba(0,0,0,0.4)10px 10px 10px;
}
.texte_sol_bache{
    text-align: center!important;
}
.align_soustitre{
    padding-top: 30px!important;
    box-sizing: border-box;
    text-align: center!important;
    color: #bfd730!important;
}

















/* fin bache hivernage */

/*  debut volet smartphone */


.texte_video_robot{
    color: #bfd730!important;
    margin-top: 20px!important;
    text-align: center!important;
}
#menu_volet{
    width: 100%;
    margin: 0 auto;
}
#texte_presentation_volet{
    max-width: 930px;
    padding: 10px;
    box-sizing: border-box;
    margin-top: 20px;
    margin: 0 auto;
}
.titre_volet{
    color: #fff;
    font-size: 24px;
}
.st_volet{
    text-align: left!important;
    margin-top: 15px;
    color: #fff;
    font-family: mafonte2!important;
}
#st2{
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
}
#boite_texte_volet{
    max-width: 930px;
    margin: 0 auto;
}
#boite_texte_volet h2{
    color: #bfd730!important;
    font-size: 15px;
    font-family: mafonte4;
}
#boite_texte_volet p{
    color: #fff;
    text-align: justify;
    padding: 10px;
    box-sizing: border-box;
}
#ico_volet1{
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
#ico_volet1 img{
    width: 80px;
    margin-top: -20px;
}
#ico_pac1{
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
#ico_pac1 img{
    width: 80px;
}
#bloc_dev_volet{
    max-width: 930px;
    margin: 0 auto;
    margin-top: 20px;
}
#bloc_dev_volet p{
    color: #fff;
    padding: 0 10px;
    box-sizing: border-box;
    text-align: justify;
}
#st3{
    color: #bfd730;
    text-align: center;
    margin: 30px auto;
    font-size: 30px;
}
#st4{
    color: #bfd730;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 30px;
}
#st6{
    color:#bfd730!important;
    text-align: center!important;
    margin-top: 20px;
}
#st7{
    width: 22px;
}
#bloc_def_lame{
    margin-top: 20px;
    padding: 0 10px;
}
#boite_expli_solaire{
    width: 100%;
}
#bloc_def_lame p{
    color: #fff;
    text-align: justify;
}
#bte_solaire{
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
#bte_solaire img{
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    border-radius: 50%;
}
#bte_solaire1{
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
#bte_solaire1 img{
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}
#bte_solaire2{
    display: none;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
#bte_solaire2 img{
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}
#bte_fin_volet{
    margin: 50px;
}
#btn_volet{
    width: 150px;
    margin: 0 auto;
    height: 35px;
    background: #bfd730;
    border-radius: 15px;
    margin-top: 40px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
}
#btn_volet a{
    text-decoration: none;
    color: #000;
}
#btn_volet:hover {
    background-color:#ff00ff!important;
}
#btn_volet a:hover {
    color: #fff;
}
#boite_color_100{
    max-width: 1200px;
    margin: 20px auto;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.color_plot_100{
    width: 200px;
}
.color_plot_100 img{
    border-radius: 20px;
    box-shadow:rgba(0,0,0,0.6)10px 10px 10px;
}
.solaire_plot_100{
    width: 400px;
    text-align: center;
    margin: 0 auto;
}
.solaire_plot_100 img{
    max-width: 600px;
    border-radius: 50px;
    padding: 0px 10px;
    box-sizing: border-box;
    margin-bottom: 30px;
    box-shadow:rgba(0,0,0,0.6)10px 10px 10px;
}
.color_plot_100 p{
    text-align: center!important;
    color: #bfd730!important;
    padding: 0 0 7px 0!important;
    box-sizing: border-box;
}
#boite_color_150{
    max-width: 1200px;
    margin: 20px auto;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.color_plot_150{
    width: 150px;
}
.color_plot_150 img{
    border-radius: 20px;
    max-width: 150px;
    box-shadow:rgba(0,0,0,0.6)10px 10px 10px;
}
#bloc_150{
    width: 100%!important;
    margin: 0 auto;
}
.color_plot_150 p{
    text-align: center!important;
    color: #bfd730!important;
    padding: 0 0 7px 0!important;
    box-sizing: border-box;
    margin-top: 15px;
}
#boite_color_200{
    max-width: 1400px!important;
    margin: 50px auto 20px auto!important;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.color_plot_200{
    max-width: 200px!important;
}
.color_plot_200 img{
    border-radius: 20px;
    width: 200px;
    box-shadow:rgba(0,0,0,0.6)10px 10px 10px;
}
.color_plot_200 p{
    text-align: center;
    color: #bfd730;
    padding: 0 0 7px 0;
    box-sizing: border-box;
    margin-top: 15px;
}
#boite_color_300{
    max-width: 1400px!important;
    margin: 50px auto 20px auto!important;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.color_plot_300{
    max-width: 200px!important;
}
.color_p_300{
    color: #bfd730;
}
.color_plot_300 img{
    border-radius: 20px;
    width: 200px;
    box-shadow:rgba(0,0,0,0.6)10px 10px 10px;
}
.color_plot_300 p{
    text-align: center;
    color: #bfd730!important;
    padding: 0 0 7px 0;
    box-sizing: border-box;
    margin-top: 15px;
}
#bte_sol_300 p{
    text-align: center;
}
#bte_sol_300{
    margin: 0 auto;
    width: 100%;
}
.solaire_plot_300{
    max-width: 1200px;
    margin: 50px auto;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.solaire_plot_300 img{
    width: 200px;
}
#banc_horsol{
    width: 100%;
    margin: 0 auto;
}
#banc_horsol img{
    width: 100%;
}
#banc_horsol h2{
    margin: 30px auto;
    padding: 15px 15px;
    box-sizing: border-box;
}
#align1{
    margin-top: 20px!important;
}
#banc_horsol p{
    color: #fff;
    padding: 10px;
    box-sizing: border-box;
    text-align: justify;
    max-width: 930px;
    margin: 0 auto;
}
#horsol_texte{
    margin-top: 20px!important;
}
#bte_im{
    width: 100%;
    margin: 0 auto;
}
/*
#bte_im h2{
    font-size: 30px;
    padding: 30px;
    box-sizing: border-box;
}
*/
#bte_image{
    width: 100%;
    margin: 0 auto;
}
#bte_image img{
    margin: 0 auto;
    width: 100%;
}
#trait_volet{
    width: 200px;
    height: 2px;
    background: #bfd730;
    margin-top: 50px !important;
    margin-bottom: 10px!important;
    margin: 0 auto;
}
#bte_im p{
    color: #fff;
    padding: 10px;
    box-sizing: border-box;
    text-align: justify;
    max-width: 930px;
    margin: 0 auto;
}
.marge1{
    margin-top: 20px!important;
    color: #fff;
    padding: 0px 10px;
    box-sizing: border-box;
    text-align: justify;
    max-width: 930px;
    margin: 0 auto;
}
.marge2{
    margin-top: 20px!important;
    color: #fff;
    padding: 0px 10px;
    box-sizing: border-box;
    text-align: justify;
    max-width: 930px;
    margin: 0 auto;
}
.position_p{
    color: #bfd730!important;
    text-align: center!important;
    margin-bottom: 40px!important;
    margin-top: 40px!important;
}
#hs{
    width:100%;
    margin: 0 auto;
}    
#hs p{
    color: #fff;
    text-align: justify;
    padding: 10px;
    box-sizing: border-box;
    max-width: 930px;
    margin: 0 auto;
}
#bte_color_lame{
    max-width: 940px;
    margin: 0 auto;
    margin-top: 50px;
    padding: 0 10px;
    box-sizing: border-box;
}
#bte_color_lame p{
    color: #fff;
    text-align: center;
    margin-bottom: 50px;
}
#bte_color_lame img{
    width: 100%;
    margin: 0 auto;
}
#bte_label{
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
}
#bte_label img{
    width: 80px;
}
.color_label{
    color: #bfd730;
    text-align: center;
    margin: 30px auto;
}



/*  fin volet smartphone */


#returnOnTop {
    background: #bfd730;
    bottom: 1%;
    cursor: pointer;
    display: none;
    filter: alpha(opacity = 50); /* IE < 8 */
    height: 48px;
    position: fixed;
    right: 1%;
    width: 48px;
    border-radius: 4px;
}
.fleche_btn_haut{
    margin-left: 11px;
    margin-top: 12px;
}
#returnOnTop:hover {
    background: #ff00ff;
}


/*fin   bouton remonte haut de page*/

/* debut pac smartphone*/

#trait_pac{
    width: 200px;
    height: 2px;
    background: #bfd730;
    margin: 30px auto!important;
}
#boite_titrepac{
    max-width: 1100px;
    margin: 0 auto;
    text-align: justify;
}
#bloc_pac1{
    margin-top: 30px;
    padding: 0 10px;
    box-sizing: border-box;
}
.titre_pac{
    font-size: 21px;
    color: #fff;
}
.st_pac{
    color: #fff;
    font-family: mafonte2!important;
    text-align: justify!important;
}
#bloc_texte_pac1{
    max-width: 1100px;
    margin: 0 auto;
}
#bloc_texte_pac1 h3{
    color: #fff;
    padding: 20px 0px;
    box-sizing: border-box;
    text-align: justify;
}
#bloc_texte_pac1 p{
    color: #fff;
    text-align: justify;
}
#bte_im_pac1{
    widows: 100%;
    margin-top: 50px;
    text-align: center;
}
#bte_im_pac1 h3{
    text-align: center;
    font-size: 25px;
}
#bte_im_pac1 img{
    width: 80%;
    margin: 0 auto;
    margin-top: 30px!important;
}
#complet_boite_pac{
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.premier{
    color: #bfd730!important;
    text-align: center!important;
    margin-top: 10px;
    font-size: 14px;
}
#complet_boite_pac h2{
    color: #bfd730!important;
    margin-bottom: 0px!important;
}
#boite_pac{
    width: 170px;
    margin-bottom: 50px;
    text-align: center;
    background: rgba(0, 9, 0, 0.4);
    border-top: 1px solid #bfd730;
    padding: 10px!important;
    box-sizing: border-box;
    border-radius: 25px;
    box-shadow:rgba(0,0,0,0.4)10px 10px 10px;
}
#complet_boite_pac p{
    color: #fff;
    text-align: justify;
    padding: 0px 5px;
    box-sizing: border-box;
}
#boite_pac h3{
    color: #fff;
    margin-top: 20px;
    font-family: mafonte2!important;
    font-size: 16px;
}
#bloc_texte_pac2 h3{
    color: #fff;
    text-align: center;
    font-size: 25px;
    margin: 50px auto;
}
#infos_pac{
    max-width: 1100px;
    margin: 0 auto;
    padding: 0px 10px;
    box-sizing: border-box;
}
#infos_pac p{
    color: #fff;
    text-align: justify;
    margin-bottom: 10px;
}
#infos_pac h2{
    margin-top: 20px!important;
}
#boite_icone_pac{
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 50px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
#boite_icone_pac img{
    width: 90px;
    border-radius: 25px;
    box-shadow:rgba(0,0,0,0.4)10px 10px 10px;
    border-top: 1px solid #bfd730;
}
#bloc_icone_pac{
    width: 100%;
    margin: 0 auto;
}
#boite_icone_pac p{
    text-align: center;
    margin-top: 15px;
    color: #bfd730; 
}
#bte_inter_pac{
    width: 500px;
    display: flex;
    justify-content: space-around;
    box-sizing: border-box;
}
#boite_texte_bas{
    max-width: 800px;
    margin: 0px auto;
    padding: 0px 10px;
    box-sizing: border-box;
    margin-bottom: 50px;
}
#boite_texte_bas p{
    text-align: justify;
    color: #fff;
    margin-bottom: 20px;
}
#boite_icone_pac div{
    margin-bottom: 20px;
}
#boite_decibel{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 50px;
}
#boite_deci1{
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
#boite_deci1 img{
    max-width: 400px;
    margin: 0 auto;
}
#boite_deci2{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 50px;
}
#boite_deci2 img{
    max-width: 800px;
    margin: 0 auto;  
}
.place_pac1{
    margin-top: 50px;
}
#boite_deci2 h3{
    margin-top: 30px;
}
#boite_choix_pac{
    max-width: 1100px;
    margin: 0 auto;
    padding: 0px 10px;
    box-sizing: border-box;
    color: #fff;
}
#boite_choix_pac h3{
    margin: 20px auto;
}
#boite_choix_pac p{
    text-align: justify;
}

























/* fin pac smartphone*/

/* debut accueil smartphone*/

#menu_accueil{
    margin-top: 30px;   
}

#info_ozone1{
    margin: 30px 0;
}
.ozonation{
    color: #ff530d;
    font-size: 18px;
    margin: 0 0 10px 40px;
}
.dezosonation{
    color: #ff530d;
    font-size: 18px;
    margin: 10px 0 10px 40px;
}
.fond{
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.texte_cacher1{
    width: 100%;
    color: #fff;
    padding: 25px;
    box-sizing: border-box;
    display: none;
    background: #282828;
    position: fixed;
    top: 0px;
    left: 0px;
    font-family: mafonte1;
    box-shadow:rgba(0,0,0,0.8)10px 10px 10px;       
}
#btn_montrer1{
    display: none;
    text-align: center;
    max-width: 300px;
}
#btn_shema{
    text-align: center;
    margin: 50px auto;
    display: flex;
    flex-direction: column;
}
#shema_cacher{
    display: none;
    position: fixed;
    top: 60px;
    left: 20px;
    z-index: 2;
}
#shema_montage{
    display: none;
    position: fixed;
    top: 60px;
    left: 20px;
    z-index: 2;
}
#btn_montrer2{
    display: none;
}
#shema_ozone{
    display: none;
}
#btn_fermer1{
    position: absolute;
    top: 0px;
    right: 0px;
    background: #282828;
    border: none;
}
#ozo3d img{
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
#ozo2d, #ozo4d{
    display: none;
}

#boutons{
    width: 100%; 
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 50px;  
}
.logo img{
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}
.bouton{
    width: 250px;
    height: 40px;
    margin: 0 auto;
    text-align: center;
    line-height: 40px;   
}
.bouton{
    margin-bottom: 4px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-left: #000 6px solid;
    border-right: #000 6px solid;
}
.bouton a:active{
    color: #fff;
}
.bouton a{
    text-decoration: none;
    color: #000;
    transition: all 100ms linear;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    -o-transition: all 100ms linear;
}
.bouton{
    color: #000;
    background-size: 200% 200%;
    background-image: linear-gradient(to top, #ff530d 50%, #fff 50%);
    -webkit-transition: background-position 300ms, color 300ms ease;
    -moz-transition: background-position 300ms, color 300ms ease;
    -ms-transition: background-position 300ms, color 300ms ease;
    -o-transition: background-position 300ms, color 300ms ease;
    transition: background-position 300ms, color 300ms ease;
}
.bouton a:hover{
    color: #fff;
    transition: all 100ms linear;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    -o-transition: all 100ms linear;  
}
.bouton:hover{
    cursor: pointer;
    color: #000;
    background-image: linear-gradient(to top, #ff530d 51%, transparent 50%);
    background-position: 0 100%;
    -webkit-transition: background-position 300ms, color 300ms ease;
    -moz-transition: background-position 300ms, color 300ms ease;
    -ms-transition: background-position 300ms, color 300ms ease;
    -o-transition: background-position 300ms, color 300ms ease;
    transition: background-position 300ms, color 300ms ease;
}
#tel_mail_bis{
    margin-top: 30px;
}
#tel_mail_bis p{
    margin-top: 20px;
    text-align: center;
} 
#tel_mail_bis img{
    margin-top: 20px;
}
.ecoute_bis{
    color: #bfd730;
    font-size: 22px;
}
.horaire_bis{
    color: #fff;
}
.tel1_bis{
    color: #bfd730;
    font-size: 20px;
}
#section2_accueil{
    width: 100%;
    margin-top: -35px;
    padding: 10px;
    box-sizing: border-box;
}
#piscine1 img{
    width:  100%;
    margin: 0 auto;
}
#piscine1 a{
    font-size: 30px;
}
#piscine1 p{
    text-align: center;
    color:#fff;
    font-family: mafonte3;
    font-size: 25px;
    border-left: 10px #00aeef solid;
    background: rgba(0, 0, 0, 0.4);
    max-width: 1300px;
    padding: 15px;
    box-sizing: border-box;
    margin: 0px auto;
}
#info{
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 50px auto 0 auto;
}
#technique{
    width: 90%;
    background: rgba(0, 0, 0, 0.4);
    border-top: #00aeef 2px solid;
    padding: 10px;
    box-sizing: border-box;
    color:#fff;
}
#technique h2{
    text-align: center; 
}
#technique img, #economique img{
    width: 10px;
}
#technique p{
    text-align: justify;
    margin-top: 20px;
    margin-left: 20px;
}
#technique ul{
    margin-left: 20px;
}
#technique li{
    margin-top: 35px;
    list-style: none;
}
#rappel{
    width: 90%;
    background: rgba(0, 0, 0, 0.5);
    border-top: #00aeef 2px solid;
    padding: 20px;
    box-sizing: border-box;
    color:#fff; 
    margin-top: 50px;
}
#rappel h2{
    text-align: center;
}
#rappel li{
    margin-top: 40px;
    margin-left: 20px;
    list-style: none;
    text-align: justify;
}
#rappel ul{
    margin-bottom: 35px;
    margin-top: 40px;
}
#rappel img{
   width: 70%;
   margin: 15% 20% 15% 11%;
}
#economique{
    width: 90%;;
    background: rgba(0, 0, 0, 0.5);
    border-top: #00aeef 2px solid;
    padding: 20px;
    box-sizing: border-box;
    color:#fff; 
    margin-top: 50px;
}
#economique h2{
    text-align: center;  
}
#economique p{
    text-align: justify;
    margin-top: 30px;
}
#economique li{
    margin-top: 30px;
    list-style: none;
}
#texte_titre_foire{
    margin: 70px auto 0px 15px;
    font-size: 20px;
    background: rgba(0, 0, 0, 0.4);
    border-left: 10px #00aeef solid;
}
#foire_pub{
    width: 100%;
    width: 100%;
    height: auto;
    display: flex;
    justify-content:space-around;
    padding: 10px;
    margin: 0 auto;
    box-sizing: border-box;
    flex-wrap: wrap;
    margin-top: 60px;
}
#foire_pub img{
    width: 300px;
    margin-bottom: 50px;
}
#dates_foires{
    max-width: 2000px;
    margin: 50px auto;
    background: rgba(0, 0, 0, 0.4);
}
#dates_foires img{
    max-width: 100%;
    margin: 0 auto;
}
#dates_foires h2{
    font-size: 40px;
    font-family: mafonte2 !important;
}
#dates_foires h3{
    color: #fff;
    margin: 30px auto;
    text-align: center;
    font-size: 30px;
}
#defox{
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
#foxy1 img, #foxy2 img, #foxy3 img{
    width: 300px;
}
#foxy1 img, #foxy2 img{
    margin-bottom: 50px;
}
#liste_cacher_foire{
    display: none;
}
#boite_voir_foire{
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}
#boite_voir_foire{
    display: none;
}
#btn_liste_foire{
    max-width: 300px;
    text-align: center;
    margin: 0 auto;
}
#texte_foire{
    background: #bdd4de;
    color: #000;
    text-align: center;
    margin-bottom: 50px;
    margin-top: 50px;
    padding: 20px 0;
}
.experts{
    font-size: 20px;
    margin: 30px 20px ;
}
#texte_plaisir p{
    color: #fff;
    text-align: center;
    margin-top: 40px;
    font-family: verdana;
}
#texte_plaisir h2{
    color: #fff;
    text-align: center;
    font-size: 30px;
    margin-top: 50px;
    font-family: mafonte3;
}
.texte_plaisir{
    font-size: 20px !important;
}
.zoom1, .zoom1_tuto{
    width: 300px;
    height: 199px;
    overflow: hidden;
    box-shadow:rgba(0,0,0,0.8)5px 5px 10px; 
}
.zoom img, .zoom_tuto img{
    transition: all 5s ease;
}
.zoom:hover img, .zoom_tuto:hover img{
    transform:scale(1.25);   
}
.texte_les_appareils{
    text-align: center;
    color: #ff530d !important;
    letter-spacing: 3px;
    margin-top: 100px !important;
    font-size: 45px;
    font-family: mafonte3 !important;
}
#montage_myozo_400{
    display: none;
}
#boite_actus{
    margin: 50px auto;
    width: 100%;
}
#presente_actus h2{
    font-size: 40px;
    color: #ff530d;
    font-family: mafonte2 !important;
}
#presente_actus h3{
    text-align: center;
    color: #fff;
    font-size: 25px;
    margin-bottom: 50px;
}
#bte_lien_parution{
    padding-top: 50px;
    text-align: center;
    box-sizing: border-box;
}
#actus_ozonex, #actus_2, #actus_3{
    max-width: 200px;
    margin: 0 auto;
}
#piscine_spas, #actu_fr, #maison_jardin, #actus_2, #euro_spa, #blog_salon{
    margin-bottom: 50px;
}
#piscine_spas a, #actu_fr a, #maison_jardin a, #actus_2 a, #euro_spa a, #blog_salon a{
    text-decoration: none;
    color: #fff;
}
#piscine_spas a:hover, #actu_fr a:hover, #maison_jardin a:hover, #actus_2:hover, #euro_spa a:hover, #blog_salon a:hover{
    color: #000 !important;
    text-decoration: none !important;
}
#actus_ozonex img, #actus_2 img, #actus_3 img, #euro_spa img, #blog_salon img{
    width: 200px;
    margin-bottom: 10px;
}
#piscine_spas p, #actu_fr p, #maison_jardin p, #actus_2 p, #euro_spa p, #blog_salon p{
    text-align: left;
    color: #fff;
    margin-bottom: 10px;
}
.btn_actus{
    background: #ff530d;
    width: 110px !important;
    height: 30px;
    text-align: center !important;
    
}
.btn_actus a{
    text-align: center !important;
    line-height: 25px; !important;
}
.btn_actus:hover{
    background: #fff;
}
#section3_accueil{
    display: flex;
    justify-content: space-around;
    width: 100%; 
    flex-wrap: wrap;
    background: rgba(63, 87, 101, 0);
}
#particulier{
    background: rgba(0, 0, 0, 0.5);
    width: 85%;
    border-top: #ff530d 1px solid;
    color:#fff;
    margin: 50px 7% 0 7%;
}
#particulier h2{
    text-align: center;
    margin-top: 20px;
}
#particulier img{
    width: 60%;
    margin: 33px 20% 0 20%;
}
#texte_part p{
    margin: 20px;
    text-align: justify;
}
#btn_part{
    position: relative;
    margin-top: 93px;
}
.btn_part1{
    width: 120px;
    height: 40px;
    background: #fff; 
}
.btn_part1 a{
    text-decoration: none;
    color: #000;
}
.btn_part2{
    position: absolute;
    right: 0px;
    width: 120px;
    height: 40px;
    background: #fff;
}
.btn_part2 a{
    text-decoration: none;
    color: #000;
}
#pro{
    background: rgba(0, 0, 0, 0.5);
    width: 85%;
    border-top: #ff530d 1px solid;
    color:#fff;
    margin: 50px 7% 0 7%;
}
#pro h2{
    text-align: center;
    margin-top: 20px;
}
#pro img{
    width: 60%;
    margin: 33px 20% 0 20%;
}
#pour_pros{
    color: #00aeef !important;
}
#texte_pro p{
    margin: 20px;
    text-align: justify;
}
#btn_pro{
    position:relative;
    margin-top: 42px;
}
.btn_pro1{
    width: 120px;
    height: 40px;
    background: #fff;
}
.btn_pro1 a{
    text-decoration: none;
    color: #000;
}
.btn_pro2{
    position: absolute;
    right: 0px;
    width: 120px;
    height: 40px;
    background: #fff;
}
.btn_pro2 a{
    text-decoration: none;
    color: #000;
}
#distance{
    background: rgba(0, 0, 0, 0.5);
    width: 85%;
    border-top: #ff530d 1px solid;
    color:#fff;
    margin: 50px 7% 0 7%;
}
#distance p{
    margin-bottom: 10px;
    padding: 0 20px;
    box-sizing: border-box;
    text-align: justify;
}
#distance h2{
    margin-top: 20px;
    margin-bottom: 35px;
}
#distance img{
    width: 70%;
    margin: 15% 20% 15% 15%;
}
#texte_dist{
    margin-top: 34px;
    position: relative;
}
.btn_dist1{
    width: 120px;
    height: 40px;
    background: #fff;
}
.btn_dist1 a{
    text-decoration: none;
    color: #000;
}
.btn_dist2{ 
    position: absolute;
    right: 0px;
    width: 120px;
    height: 40px;
    background: #fff;
}
.btn_dist2 a{
    text-decoration: none;
    color: #000;
}
#rs_ozonex img{
    height: 40px;
    padding: 25px;
}
#titre_rs{
    background: #000;
}
#titre_rs h2{
    margin: 0px !important;
}
#rs_ozonex{
    width: 100%;
    height: 100px;
    display: flex;
    justify-content:center;
    background: #000;
}
#boite_myozo_smart{
    display: flex;
}
#apli_myozo img{
    height: 50px;
    margin: 10px auto;
}
#apli_myozo p{
    color: #fff;
}
#myozo_andro, #myozo_apple{
    text-align: center;
    margin: 10px auto;
}
#apli_myozo h3{
    color: #fff;
    color: #fff;
    margin: 20px auto;
    font-size: 30px;
}
#apli_myozo h2{
    text-align: center;
}
#boite_icone_myozo_pied{
    width: 100%;
    text-align: center;
}
#boite_liens_myozonex{
    width: 300px;
    margin: 0 auto;
    margin-top: 40px;
}
#boite_liens_myozonex button{
    margin-bottom: 40px;
    width: 200px;
}
#boite1_btn_myozonex, #boite2_btn_myozonex{
    text-align: center;
}
#boite1_btn_myozonex p, #boite2_btn_myozonex p{
    text-align: center;
}
#bte_nouveaute{
    margin-top: 50px;
}
#boite_titre_nouveaute p{
    color: #fff;
    margin-bottom: 20px;
    text-align: justify;
    padding: 0px 10px;
    box-sizing: border-box;
    max-width: 1000px;
}
#boite_titre_nouveaute h2{
    font-size: 40px;
}
#boite_titre_nouveaute h3{
    color: #00aeef;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 20px;
}
#boite1_nouveaute{
    color: #fff;
}
#boite2_nouveaute{
    color: #fff;
    margin-top: 50px;
}
#nouveaute_presente{
    width: 100%;
    text-align: center;
}
.nouve{
    max-width: 400px;
    margin: 20px auto;
}
#boite1_nouveaute p{
    text-align: justify;
    padding: 10px 10px;
    box-sizing: border-box;
}
#boite2_nouveaute p{
    text-align: justify;
    padding: 10px 10px;
    box-sizing: border-box;
}
#boite1_nouveaute h2{
    font-size: 40px;
}
#boite2_nouveaute h2{
    font-size: 40px;
}
#boite_aide_accueil{
    width: 100%;
    color: #fff;
    padding-left: 10px; 
}
#place_btn, #place_btn2{
    margin-top: 20px;
}
#aide_accueil{
    max-width: 650px;
}

/*   fin    menu   mobile  index*/


/*  debut  menu  mobile  contact*/

.titre_contact{
    font-size: 25px;
    color: #ffffff;
}
#info_form_contact{
    max-width: 900px;
    text-align: left;
    margin: 50px 30px;
}
#info_form_contact p{
    color: #fff;
    margin-bottom: 25px;
}
#info_form_contact h2{
    text-align: justify!important;
    font-family: mafonte2!important;
}
#menu_contact{
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
#demande_contact{
    width: 100%;
    margin: 0 auto;
    padding: 30px;
    box-sizing: border-box;
    margin: 0 auto;
}
#demande_contact h2{
    text-align: center;
    color: #fff;
    font-family: mafonte1;
}
h2{
    margin-bottom: 15px;
    
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: black;
}
::-moz-placeholder { /* Firefox 19+ */
  color: black;
}
:-ms-input-placeholder { /* IE 10+ */
  color: black;
}
:-moz-placeholder { /* Firefox 18- */
  color: black;
}

#info_texte{
    width: 100%;
    color: #fff;
    margin-top: 20px!important;
    text-align: center;
    padding: 0 20px;
    box-sizing: border-box;
    margin: 0 auto;
}
#message1{
    width: 100%;
}
.champ{
    width: 70%;
    height: 27px;
    margin: 20px 15% 20px 15%;
    box-shadow:rgba(0,0,0,0.8)2px 2px 10px;
}
.texte_contact{
    width: 100%;
    margin-bottom: 20px;
    box-shadow:rgba(0,0,0,0.8)5px 5px 10px; 
    border: #000 0.2px solid;
}
#accept_confi{
    margin-bottom: 20px;
}
#texte_accept{
    color: #fff;
    font-size: 15px;
}
#btn_contact{
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.btn_contact:hover {
    background-color:#ff00ff!important;
    color: #fff;
}
.btn_entretien a:hover {
    color: #fff;
}
.btn_contact p:hover {
    color: #fff;
}
#btn_entretien a{
    text-decoration: none;
    color: #000;
} 
#btn_entretien a{
    text-decoration: none;
    color: #000;
}
#complement_info{
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}
#complement_info h3{
    color: #fff;
    margin-top: 50px;
}
#info_contact{
    max-width: 800px;
    margin-top: 50px; 
}
#info_contact p{
    margin-top: 20px;
    text-align: center;
}
#contact_femme_tel img{
    width: 40px;
    margin-top: 30px;
}
#contact_logo_tel{
    max-width: 70%;
    margin: 35px auto;
    text-align: center;
}
#contact_logo_tel img{
    max-width: 70%;  
}
.contact_tel{
    color: #fff;
}
#info_contact .tel1{
    color: #bfd730;
    margin-bottom: 30px;
    30PX.
}
#info_contact h3{
    color: #fff;
    margin-top: 20px;
    text-align: center;
}
.donnees{
    color:#bfd730;
    font-size: 8px;
    text-align:center;
    padding-bottom: 10px;
}
.tel1{
    color: #bfd730;
    font-size: 25px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.btn_contact {
    width: 150px;
    margin: 0 auto;
    height: 35px;
    background: #bfd730;
    border-radius: 15px;
    margin-top: 30px;
    line-height: 32px;
    text-align: center;
    margin-bottom: 50px;
    cursor: pointer;
}


/*  fin  menu  mobile  contact */


/*  debut   menu  mobile  devis*/

#info_form_devis{
    max-width: 900px;
    text-align: left;
    margin: 50px 25px;
    padding: 10px;
    box-sizing: border-box;
    border-left: 10px solid #00aeef;
    background: rgba(0, 0, 0, 0.4);
}
#info_form_devis h2{
    font-size: 25px;
    text-align: left !important;
}
#info_form_devis h3{
    margin-bottom: 20px;
    color: #00aeef;
}
#info_form_devis p{
    color: #fff;
    margin-bottom: 25px;
}
#menu_devis{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
#demande_devis{
    background: rgba(0, 0, 0, 0.4);
    width:  90%;
    padding: 20px;
    box-sizing: border-box;
    margin-top: 50px;
}
#demande_devis h2{
    text-align: center;
    color: #fff;
    font-family: mafonte1;
}
h2{
    padding: 15px 0 15px 0;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: black;
}
::-moz-placeholder { /* Firefox 19+ */
  color: black;
}
:-ms-input-placeholder { /* IE 10+ */
  color: black;
}
:-moz-placeholder { /* Firefox 18- */
  color: black;
}

.commentaire{
    color: #fff;
    text-align: center;
    margin-top: 20px;
}

.voir_confident{
    color: #fff!important;
    text-decoration: none;
}
 

/*fin  menu  mobile  devis  */


/*début tuto et notice*/



#trait{
    width: 100px;
    height: 8px;
    text-align: left;
    background: #bfd730;
    margin-top: 15px;
}
#trait_tuto{
    width: 50px;
    height: 5px;
    text-align: left;
    background: #fff;
    margin-bottom: 10px;
}
/*
.zoom, .zoom_tuto{
    box-shadow: 4px 4px 8px 4px rgba(0, 0, 0, .4);
}
#sec_simul, #sec_appli{
    padding-left: 10px;
    padding-right: 10px;
}
#identif p{
    color: #fff;
    margin-bottom: 5px;
}
.puce_tuto{
    width: 10px;
}
#boite_titre_tuto{
    max-width: 100%;
    border-left: #00aeef solid 10px;
    padding-left: 5px;
    margin: 50px auto;
}
.st_tutoriel{
    text-align: left !important;
}
#boite_titre_tuto h3{
    color: #fff !important;
    font-size: 25px;
}
.titre_tutoriel{
    color: #fff !important;
    font font-family: mafonte2
         !important;
}
#boite_texte_tuto{
    color: #fff;
    margin: 50px auto;
    max-width: 1020px !important;
}
#boite_texte_tuto p{
    margin: 5px;
}
#boite_titre_simul{
    color: #fff;
}
#boite_tele_appli img{
    width: 150px;
}
#boite_tele_appli{
    display: flex;
    justify-content: space-around;
    margin: 30px auto;
}
#possible{
    margin: 30px auto;
}
#possible3{
    width: 100%;
    text-align: center;
    margin: 50px auto;
}
#boite_zoom_tuto{
    width: 100%;
    text-align: center;
}
.zoom1_tuto{
    width: 300px;
    margin: 0 auto;
}
#boite_possible, #regul_possible{
    color: #fff;
    text-align: left;
    max-width: 430px;
    margin: 50px auto;
    margin-left: 30px;
}
#boite_possible h2{
    text-align: left !important;
    padding-bottom: 0px;
}
#regul_possible h2{
    text-align: left !important;
    padding-bottom: 0px;
}
.texte_info_tuto{
    font-size: 13px;
    width: 230px;
}
#boite_accueil, #boite_eclairage, #boite_chauffage, #boite_pompe, #boite_regul_ph_moins, #boite_regul_ph_plus, #boite_regul_orp, #boite_regul_algue, #boite_even{
    width:  100%;
    text-align: center;
    margin-top: 30px;
}
#page_accueil, #page_eclairage, #page_chauffage, #page_pompe, #page_regul_ph_moins, #page_regul_ph_plus, #page_regul_orp, #page_regul_algue, #page_even{
    width: 120px;
}
#boite_synoptique{
    margin-left: 30px;
}
#page_synoptique img{
    width: 300px;
}
#page_accueil img, #page_eclairage img, #page_chauffage img, #page_pompe img, #page_regul_ph_moins img, #page_regul_ph_plus img, #page_regul_orp img, #page_regul_algue img, #page_even img{
    width: 120px;
}
#boite_accueil, #boite_eclairage, #boite_chauffage, #boite_pompe, #boite_regul_ph_moins, #boite_regul_ph_plus, #boite_regul_orp, #boite_regul_algue, #boite_even{
    display: flex;
    justify-content: space-around;
    color: #fff;
}
#boite_info_accueil h2, #boite_info_eclairage h2, #boite_chauffage h2, #boite_pompe h2, #boite_regul_ph_moins h2, #boite_regul_ph_plus h2, #boite_regul_orp h2, #boite_regul_algue h2, #boite_synoptique h2, #boite_even h2{
    text-align: left !important;
    color: #ff530d;
    padding: 0px !important;
    font-size:20px;
    width: 230px;
}
#boite_info_accueil, #boite_info_eclairage, #boite_info_chauffage, #boite_info_pompe, #boite_info_regul_ph_moins, #boite_info_regul_ph_plus, #boite_info_regul_orp, #boite_info_regul_algue, #boite_info_synoptique, #boite_info_even{
    position: relative;
    width: 230px;
    text-align: left;
    padding-left: 5px;
}
#boite_info_synoptique{
    width: 250px;
    color: #fff;
    padding-left: 0px !important;
    margin-top: 30px;
    height: 200px;
}
#boite_possible h4{
    font-size: 50px;
    color: #00aeef;
}
#bouton_tuto{
    width: 150px;
    margin-top: 20px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
#boite_livre_tuto{
    width: 300px;
    margin: 0 auto;
    color: #fff;
    margin-top: 50px;
}
#boite_livre_tuto h2{
    text-align: left;
    padding-bottom: 0px;
}
#clic_tuto{
    margin-top: 20px;
}

*/



/*fin tuto et notice*/


/*  debut  menu  mobile  contrat  */

.im_contrat_plus{
    width: 25px;
    margin-bottom: -4px;
}
#texte_contrat2{
    max-width: 930px;
    margin: 0 auto;
}
#texte_contrat2 p{
    color: #fff;
    padding: 10px;
    box-sizing: border-box;
    text-align: justify;
}
#pourquoi_contrat{
    width: 100%;
}
#titre_contrat{
    max-width: 930px;
    margin: 0 auto;
}
#boite_titre_contre p{
    margin-bottom: 10px;
}
#titre_boite_contrat{
    margin-top: 15px;
    color: #bfd730!important;
    text-align: left!important;
    margin-left: 10px;
    font-family: mafonte2!important;
}
.im_contre{
    width: 18px;
    margin-right: 10px;
}
#presente_contrat p{
    color: #fff;
    padding: 0 10px;
    box-sizing: border-box;
    text-align: justify;
}
#presente_contrat{
    max-width: 930px;
    margin: 0 auto;
}
#presente_contrat img{
    margin-top: 20px;
}
.saut{
    margin-top: 10px;
}
#boite_texte_contrat{
    max-width: 930px;
    margin: 0 auto;
}
#presente_contrat h2{
    margin-top: 20px;
}
#boite_texte_contrat p{
    color: #fff;
    text-align: justify;
    padding: 0 10px;
    box-sizing: border-box;
}
.ico_contrat{
    margin-top: 10px;
}
#prese_contrat{
    max-width: 1200px;
    margin: 0 auto;
}
#prese_contrat h2{
    color: #bfd730;
    font-family: mafonte2!important;
}
#boite_presentation_contrat{
    max-width: 930px;
    margin: 0 auto;
}
#boite_presentation_contrat p{
    color: #fff;
    margin-top: 10px;
    padding: 0 10px;
    box-sizing: border-box;
}
#titre_contrat{
    max-width: 930px;
    margin: 0 auto;
    margin-top: 50px;
    padding: 0 10px;
    box-sizing: border-box;
}
.titre_entretien{
    color: #fff;
    font-size: 25px;
    text-align: left;
    margin-bottom: 20px;
}
.titre_entretien2{
    font-size: 30px;
    font-family: mafonte2!important;
    text-align: left!important;
}
#titre_contrat h3{
    color: #bfd730;
    font-size: 20px;
    text-align: justify;
    margin-bottom: 40px;
    font-family: mafonte2!important;
}
#bloc_prese_contrat{
    width: 100%;
    margin: 0 auto;
}
#contrat1, #contrat2, #contrat3{
    width: 400px;
    margin: 50px auto;
    text-align: center;
    background: rgba(0, 9, 0, 0.4);
    border-top: 1px solid #bfd730;
    padding-bottom: 15px;
    box-sizing: border-box;
    border-radius: 25px;
    box-shadow:rgba(0,0,0,0.4)10px 10px 10px; 
}
#bloc_contra2{
    max-width: 100%;
    margin: 0 auto;
    padding: 0 10px;
}
#contrat4{
    max-width: 800px;
    margin: 50px auto;
    text-align: center;
    background: rgba(0, 9, 0, 0.4);
    border-top: 1px solid #bfd730;
    padding-bottom: 15px;
    box-sizing: border-box;
    border-radius: 25px;
    box-shadow:rgba(0,0,0,0.4)10px 10px 10px;
}
#sous_titre_pack{
    color: #fff;
    margin: 20px auto;
    font-size: 22px;
}
#contrat4 p{
    text-align: justify;
    padding: 0 10px;
    box-sizing: border-box;
    color: #fff;
}
#contrat1 p, #contrat2 p, #contrat3 p{
    text-align: justify;
    padding: 0 10px;
    box-sizing: border-box;
    color: #fff;
}
#bte_fin_contrat{
    max-width: 930px;
    margin: 0 auto;
}
#bte_fin_contrat p{
    color: #fff;
    text-align: justify;
    padding: 10px;
    box-sizing: border-box;
}
#bte_titre_ouv{
    color: #bfd730;
    text-align: center;
    margin-top: 50px;
        
}



/*  fin  menu  mobile  contrat  */




/*debut smartphone regul syclope*/




#avady_titre, #syclope_titre{
    color:#bfd730;
    font-size: 30px;
    text-align: center!important;
    margin-bottom: 50px;
    margin-top: 50px;
}
#section1_regul{
    width: 100%;
    margin: 0 auto;
    margin-top: 30px;
}
#boite_presente_regul{
    max-width: 930px;
    margin: 0 auto;
    padding: 10px;
    box-sizing: border-box;
}
#boite_presente_regul p{
    color: #fff;
    text-align: justify;
}
#boite_presente_regul h1{
    font-size: 23px;
}
#section2_regul{
    width: 100%;
    margin: 0 auto;
}
#trait_regul{
    width: 200px;
    height: 2px;
    background: #bfd730;
    margin-top: 50px !important;
    margin: 0 auto;
}
#titre_regul{
    text-align: center;
    margin-top: 40px;
}
.titre_regul{
    color: #fff;
    text-align: left;
}
#titre_regul p{
    color: #fff;
    margin-top: 20px;
    margin-bottom: 10px!important;
    padding: 0px 10px;
    box-sizing: border-box;
    text-align: justify;
    max-width: 930px;
    margin: 0 auto;
}
#bloc_im_regul img{
    width: 80px;
    margin-bottom: 30px;
}
#boite_offre_regul{
    width: 400px;
    margin: 0 auto;
    margin-bottom: 50px;
    text-align: center;
    background: rgba(0, 9, 0, 0.4);
    border-top: 1px solid #bfd730;
    padding-bottom: 15px;
    box-sizing: border-box;
    border-radius: 25px;
    box-shadow:rgba(0,0,0,0.4)10px 10px 10px;
}
#boite_offre_regul h2{
    font-family: mafonte2!important;
    color: #bfd730;
    padding: 10px;
    box-sizing: border-box;
}
#boite_offre_regul img{
    width: 150px!important;
    margin-top: 20px;
}
#boite_offre_regul p{
    color: #fff;
    text-align: justify;
    padding: 10px;
    box-sizing: border-box,
}
#section3_regul, #section4_regul{
    width: 100%;
    margin: 0 auto;
}
#section3_regul p, #section4_regul p{
    color: #fff;
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 5px;
}
#boite3_regul, #boite4_regul{
    max-width: 930px;
    margin: 0 auto;
}
#space_im{
    width: 100%!important;
    margin: 0 auto;
}
#space_im img{
    width: 280px!important;
    margin-top: 10px;
}
#boite3_regul p{
    text-align: justify;
}






/*fin smartphone regul syclope*/

/*  debut  menu  mobile  appareils  */

   


    /*  fin   menu   mobile   appareils*/

    /* f   debut  my ozonex */



/*  myozo  boite de controle  smartphone*/




/* fin  myozo boite de controle smartphone */


/*   fin    boite texte  myozonex    */




/* debut boite conseils smartphone*/


#bte_conseil{
    width: 100%;
    margin: 0 auto;
}
#boite_titre_conseil{
    max-width: 1000px;
    padding: 0px 10px;
    box-sizing: border-box;
    margin-top: 20px!important;
    margin: 0 auto;
}
#boite_titre_conseil h1{
    color: #fff;
    font-size: 20px!important;
} 
#boite_titre_conseil h2{
    text-align: justify!important;
    font-family: mafonte2;
}
#boite_dev_conseil{
    padding: 0px 10px;
    box-sizing: border-box;
    max-width: 1000px;
    margin: 0 auto;
}
#boite_dev_conseil p{
    color: #fff;
    margin-bottom: 10px;
    text-align: justify;
}
#bte_im_conseil1{
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
#bte_im_conseil1 img{
    width: 80px;
}
#boite_dev_conseil3{
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 0px 10px;
    box-sizing: border-box;
}
.titre_conseil2{
    margin: 40px auto
}
#boite_dev_conseil3 div{
    width: 100px;
    border-radius: 25px;
    box-shadow:rgba(0,0,0,0.4)10px 10px 10px;
    border-top: 1px solid #bfd730;
    text-align: center;
    background: rgba(0, 9, 0, 0.4);
}
#boite_dev_conseil3 img{
    width: 60px;
    margin-bottom: 20px; 
}
#bte_ico_conseil1 h2{
    font-size: 15px;
    font-family: mafonte2!important;
}
#bte_ico_conseil1{
    width: 100px!important;
}
#boite_dev2{
    max-width: 1000px;
    margin-top: 30px;
    padding: 0px 10px;
    box-sizing: border-box;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 50px;
}
#boite_dev2 p{
    color: #fff;
    text-align: justify;
    margin-bottom: 20px;
}
.ico_danger img{
    width: 35px;
}
.ico_danger{
    color: #bfd730; 
    margin-bottom: 40px!important;
}
#boite_dev3 h3, #boite_dev4 h3{
    color: #bfd730;
    font-size: 30px;
    text-align: center;
    margin: 30px auto;
}
#boite_img_photometre{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 40px!important;
    margin-bottom: 20px;
}
#boite_img_photometre img{
    width: 100%;
    margin: 0 auto;
}
.lien_regul{
    color: #bfd730;
    text-decoration: none;
}
.lien_regul:hover{
    text-decoration:underline;
}
#boite_im_galet{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 40px!important;
    margin-bottom: 20px;
}
#boite_im_galet img{
    width: 100%;
    margin: 0 auto;
}
.variation{
    color: #bfd730!important; 
    font-size: 23px;
}
#boite_dev3{
    margin-bottom: 30px;
}
#boite_dev4{
    margin-bottom: 50px;
}
#boite_dev5 h2{
    color: #bfd730!important; 
    font-size: 23px;
}
#boite_dev5{
    margin-bottom: 50px;
}
##boite_dev6 h2{
    color: #bfd730!important; 
    font-size: 23px!important;
}
.profit{
    text-align: center!important;
}


















/* fin boite conseils*/



/*  debut  boite  regulation   */



#fonctions_regul{
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 10px;
    margin-top: 30px;
}
#boite_titre_regul h2{
    font-size: 25px;
    text-align: left !important;
    margin: 0px !important;
    padding-bottom: 0px !important;
}
#boite_titre_regul{
    border-left: 10px #00aeef solid;
    padding: 15px;
    margin-left: 10px;
    background: rgba(0, 0, 0, 0.4);
    margin-top: 30px;
}
#fonctions_regul h3{
    margin: 50px 0;
    color: #ffffff;
    text-align: center;
}
#fonctions_regul p{
    color: #fff;
    margin: 5px 0;
    text-align: justify;
}
#boite_tit{
    margin-top: 50px;
/*    background: rgba(0, 0, 0, 0.4);*/
    padding: 15px;
    box-sizing: border-box;
}
.exem_mont{
    text-align: center;
    margin: 0px auto !important;
    padding-bottom: 50px;
    color: #00aeef !important;
    box-sizing: border-box;
}
#boite_autre_regul{
    display: none;
}
.cible_ss_mini{
    text-align: left !important;
    margin-bottom: 20px !important;
}
.p_cible1{
    margin-top: 15px !important;
}
#boite_smart_regul img{
    width: 400px;
    margin-bottom: 50px;
}
#boite_smart_regul{
    width: 100%;
    text-align: center;
}
.regul_traitement_lien1{
    color: #00aeef;
    text-decoration: none;
}
.regul_traitement_lien1:hover{
    text-decoration: underline;
}
#plan_regul_ex2012{
    margin: 30px auto 0 auto;
    max-width:  1230px;
}
#plan_regul_ex2012 img{
    text-align: center;
    width: 100%;
}
#entretien_regul{
    padding: 0 10px 0px 10px;
    box-sizing: border-box;
}
#entretien_regul h2{
    font-size: 25px;
    text-align: center!important;
    border-left: 10px #00aeef solid;
    padding-left: 5px;
    margin: 0 auto;
    box-sizing: border-box;
}
#entretien_regul h3{
    color: #fff;
    font-family: mafonte2;
    margin-bottom: 10px;
}
#boite_entretien{
    width: 280px;
    margin: 0 auto;
}
#boite_entretien_regul{
    margin: 0 auto;
    padding-bottom: 50px;
    box-sizing: border-box;
}
#boite_entretien_regul img{
    width: 10px;
}
#boite_entretien ul li a, #boite_entretien a{
    color: #fff;
    text-decoration: none;
    margin-bottom: 10px;
}
#boite_entretien ul li{
    list-style: none;
}
#boite_entretien article{
    margin-bottom: 30px;
}
.btn_regul p a{
    color: #000 !important;
}
.btn_regul p a:hover{
    color: #fff !important;
}
.btn_regul p{
    width: 280px; 
}
#femme_nage_regul img{
    width: 100%;
    margin: 0 auto;
}
.regul_top{
    margin-top: 50px !important;
}
/*  fin  boite  regulation  */

/*  debut  boite  conseil traitement d'eau  */



/*  fin  boite  conseils traitement d'eau  */


/*  debut page spas*/



/*  fin page  spas */


/*  debut  mentions legales  */


.titre_mls{
    color: #fff !important;
    text-align: center;
    margin-top: 40px;
    font-size: 20px;
    padding-top: 20px;
    box-sizing: border-box;
}
#menu_mls{
    margin-top: 50px;
    margin: 0 auto;
}
#pers_respon{
    background: rgba(0, 0, 0, 0.5);
    max-width: 930px;
    margin: 20px auto;
    border-top: #bfff0b 2px solid;
    padding-bottom: 10px;
    box-sizing: border-box;    
}
#heberge{
    background: rgba(0, 0, 0, 0.5);
    max-width: 930px;
    margin: 50px auto;
    border-top: #bfff0b 2px solid;
    padding-bottom: 10px;
    box-sizing: border-box;
}
#cooki{
    background: rgba(0, 0, 0, 0.5);
    max-width: 930px;
    margin: 50px auto;
    border-top: #bfff0b 2px solid;
    padding-bottom: 10px;
    box-sizing: border-box;
}
#politic{
    background: rgba(0, 0, 0, 0.5);
    max-width: 930px;
    margin: 50px auto;
    border-top: #bfff0b 2px solid;
    padding-bottom: 10px;
    box-sizing: border-box;
}
#pers_respon p, #heberge p, #cooki p, #politic p{
    color: #fff;
    margin: 25px;
    text-align: justify;
}
#pers_respon h3, #heberge h3, #cooki h3, #politic h3{
    color: #fff !important;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
}

/*   fin  mentions legales  */


/* debut regles ars*/



#boite_titre_norme{  
    color: #fff;
    text-align: left !important;
    margin: 50px auto 50px 10px;
    border-left: 10px #00aeef solid;
    background: rgba(0, 0, 0, 0.4);
    padding: 10px;
    box-sizing: border-box;
}
#boite_titre_norme h2{
    text-align: left !important;
}
#texte_norme{
    color: #fff;
    text-align: justify;
    background: rgba(0, 0, 0, 0.4);
    padding: 10px;
    box-sizing: border-box;
}
#boite_ph{
    width: 100%;
    color: #fff;
    text-align: justify;
    background: rgba(0, 0, 0, 0.4);
    padding: 10px;
    box-sizing: border-box;
}
.sous_titre_ph, .sous_titre_ph_2{
    margin: 30px auto;
}
#boite_ph figure img{
    text-align: center;
    width: 100%;
}
#boite1_image_ph{
    margin-top: 30px;
}
#regles_normes{
    width: 100%;
    color: #fff;
    text-align: justify;
    background: rgba(0, 0, 0, 0.4);
    padding: 10px;
    box-sizing: border-box;
}
#regles_chlore_actif{
    width: 100%;
    color: #fff;
    text-align: justify;
    background: rgba(0, 0, 0, 0.4);
    padding: 10px;
    box-sizing: border-box;
}
.premier_p{
    margin-bottom: 20px;
}
.premier_titre{
    margin-top: 20px;
}
#boite2_image_ph img{
    width: 100%;
    margin-top: 30px;
}
.valeur_libre_actif_titre{
    margin-top: 20px;
    text-align: left !important;
}
.puce_norme{
    width: 10px;
}
.para_tac{
    margin-bottom: 20px;
}
#trait_tac{
    width: 60px;
    height: 7px;
    background: #fff;
    margin-top: -20px;
    margin-bottom: 7px;    
}
#bout_norme{
    margin: 20px auto;
}
#boite_image_taylor{
    margin: 30px auto;
}
.numero_norme{
    color: #00aeef;
}
.para_taylor{
    margin: 20px auto;
}
#aide_norme{
    margin-top: 50px;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    padding-left: 10px;
    box-sizing: border-box;
}
.boite_norme_fin{
    margin-top: -10px !important;
}
#menu_norme{
    max-width: 1240px;
    margin: 0 auto;
}
#menu_norme p{
    margin-bottom: 10px;
}
#boite_classification{
    padding: 10px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.4);
}
#boite_classification p{
    color: #fff;
    text-align: justify;
}
#boite_classification h2{
    text-align: left !important;
}
#groupe_classification h4{
    color: #fff;
    margin: 20px 0px;
    text-align: justify;
}
#groupe_classification h3{
    color: #fff;
    text-align: center;
    font-size: 30px;
    margin: 50px 0px 10px 0px;
}
.tableau1 img{
    width: 100%;
    text-align: center;
}
.preleve{
    color: red!important;
}
#bonhomme{
    width: 40px;
    margin-bottom: -3px;
}



/*    fin regles ars    */



/* debut boite article smartphone*/




#boite_article_principale{
    padding: 0px 10px;
}
#boite_titre_article{
    border-left: #ff530d solid 10px;
    padding: 15px;
    box-sizing: border-box;
    margin-top: 30px; 
    background: rgba(0, 0, 0, 0.4);
}
#boite_titre_article h2{
    text-align: left !important;
}
#boite_titre_article h1{
    color: #fff;
}
#boite_titre_article h3{
    color: #fff;
}
#complet_article1, #complet_article2, #complet_article3, #complet_article4, #complet_article5, #complet_artic6{
    margin-top: 50px;
    width: 100%;
    text-align: center; 
}
#texto_article{
    text-align: center !important;
}
#artic1 img, #artic2 img, #artic3 img, #artic4 img, #artic5 img, #artic6 img, #artic7 img, #artic8 img, #artic9 img, #artic10 img, #artic11 img{
    width: 80%;
}
#texte_artic1 p, #texte_artic2 p, #texte_artic3 p, #texte_artic4 p, #texte_artic5 p, #texte_artic6 p, #texte_artic7 p, #texte_artic8 p, #texte_artic9 p, #texte_artic10 p, #texte_artic11 p{
    width: 80%;
    color: #fff;
    text-align: justify;
    margin: 0 auto;
    margin-top: 15px; 
}
#texte_artic1 button, #texte_artic2 button, #texte_artic3 button, #texte_artic4 button, #texte_artic5 button, #texte_artic6 button, #texte_artic7 button, #texte_artic8 button, #texte_artic9 button, #texte_artic10 button, #texte_artic11 button{
    margin-top: 15px;
}
#artic2, #artic3, #artic4, #artic5, #artic6, #artic7, #artic8, #artic9, #artic10, #artic11{
    margin-top: 50px;
}
#trait_article{
    width: 100px;
    height: 8px;
    text-align: left;
    background: #ff530d;
    margin-left: 10%;
}
#complet_article1 h2, #complet_article2 h2, #complet_article3 h2, #complet_article4 h2, #complet_article5 h2, #complet_article6 h2{
    text-align: left !important;
    margin-left: 10%;
    padding-bottom: 0px !important;
    box-sizing: border-box;
}
#btn_article{
    max-width: 100%;
    padding: 50px 0px;
    box-sizing: border-box;
    margin-top: 50px;
    text-align: center; 
}

/*  fin boite article smartphone*/
    
/*  debut  cookies  bar      */



#bfa{
    width: 100%;
    background-color: rgba(255, 83, 13, 0.8);
    position: fixed;
    bottom: 0;
    left: 0;
    box-shadow:rgba(0,0,0,0.5) 5px 5px 10px;
}
#premiere img{
    max-width: 500PX;
    position: fixed;
    top: 45px;
    left: auto;
}
#cookies_bar{
    width: 100%;
    background-color: rgba(255, 83, 13, 0.8);
    position: fixed;
    bottom: 0;
    left: 0;
    box-shadow:rgba(0,0,0,0.5) 5px 5px 10px;
}
#cookies_bar p{
    color: #fff;
    font-family: mafonte1;
    text-align: center;
    font-size: 12px;
    margin-top: 15px;
}
#btn_ok{
    width: 100px;
    height:45px;
    border: #fff 2px solid;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: rgba(255, 83, 13, 0.8);
    margin: 20px auto; 
}


     /*      fin  cookies  bar       */


    /*     debut   footer  mobile   */




#icones_pros{
    width: 100%;
    height: 60px;
}
#icones_pros ul{
    height: 60px; 
    display: flex;
    justify-content: center;
}
#icones_pros li{
    list-style: none;
    margin-top: 15px;
    margin-right: 20px;
}
#icones_pros ul li:hover{
    margin-top: 5px;
}
#icones_pros li img{
    height: 30px;
}
#btn li{
    list-style: none;
    padding: 5px;
    box-sizing: border-box;
    height: 40px;
}
#btn li a{
    text-decoration: none;
    color: #fff;
    letter-spacing: 1px;
    border-right: #fff 0.5px solid ;
    padding-right: 9px;
    font-size: 7px;
}
#pied{
    display: none;
    background:#000;
    margin-top: 20px;
}



/*   fin    footer   mobile   */



/*nouveau footer mobile */

.place1{
    display: none;
}
#boite_foot_tab{
    margin: 100%;
    width: 700px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 0 auto;
}
.place{
    display: none!important;
    
}
#bt_interfoot{
    width: 200px;
    text-align: center!important;
    margin: 0 auto;
}
#boite_foot2 h2{
    text-align: center!important;
    
}
#im_foot{
    width: 45px;
    margin-top: 50px;
    margin: 0 auto;
}
#foot_2{
    background: rgba(0, 9, 0, 0.4);
}
#foot_var{
    width: 200px;
    margin-top: 30px;
    margin-bottom: 30px;
}
#boite_foot2{
    width: 100%!important;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    border-top: 1px solid #bfff0b;
}
#foot_var img{
    
}
#foot_mobile{
    padding-top: 30px;
    box-sizing: border-box;
    background: #000;
    margin-top: -4px;
}
#boite_foot_mobile{
    width: 100%;
    margin: 0 auto;
}
#boite_foot1{
    width: 200px!important;
    margin: 0 auto;
    padding-bottom: 30px;
    box-sizing: border-box;
}
#boite_foot1 img{
    width: 20px;
    margin-right: 14px;
}
#boite_foot1 h2{
    color: #ffffff;
    text-align: left;
    margin-bottom: 0px;
}
#boite_foot1 a{
    color: #585858;
    text-decoration: none;
}
#boite_foot1 a:hover{
    color: #ffffff;
}
#boite_foot2 h2{
    text-align: left;
    margin-bottom: 0px;
    padding-bottom: 0px;
    box-sizing: border-box;
}
#boite_foot2 h3{
    text-align: left;
    color: #585858;
    font-size: 12px;
}
#boite_foot2 img{
    width: 40px;
}
#boite_foot2 p{
    color: #ffffff;
    margin-top: 20px;
}
#boite_foot3{
    display: none!important;
    width: 200px!important;
    margin-top: 20px;
}
#boite_foot3 a{
    text-decoration: none;
    color: #585858;
}
#boite_foot3 p{
    margin-bottom: 63px;
}
#boite_foot3 a:hover{
    color: #ffffff;
}
#boite_foot3 img{
    width: 20px;
}
#boite_ml_foot{
    display: flex;
    justify-content: center; 
    padding-bottom: 5px;  
}

#boite_ml_foot a{
    color: #ffffff;
    margin-right: 10px;
    font-size: 10px;
    text-decoration: none;
}
#boite_ml_foot1 a{ 
    border-right: #ffffff solid 2px;
    padding-right: 10px;
}
.icone_fleche_foot{
    width: 10px !important;
}

/*fin nouveau footer mobile*/

/* debut avis smartphone*/


#texte_avis_clients{
    max-width: 930px;
    margin: 0 auto;
    padding: 10px;
    margin-top: 30px;
}
.titre_avis{
    color: #fff;
    font-size: 30px;
}
#texte_avis_clients h3{
    text-align: left;
    color: #bfff0b;
    margin-bottom: 20px;
}
#texte_avis_clients h2{
    text-align: left!important;
    font-family: mafonte2;
}
#temoin2{
    max-width: 400px;
    background: #fff;
    margin: 0 auto;
    border-radius: 20px;
}
.icone_temoin{
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.regle_avis img{
    width: 100px;
    margin-top: 20px;
}
#temoin2{
    margin: 50px auto;
}
#temoin2 p{
    color: #000;
    text-align: justify;
    padding: 10px;
    box-sizing: border-box;
}
.icone_temoin p{
    text-align: center!important;
    margin-top: 10px;
}
.icone_texte_temoin{
    text-align: center!important;
    margin: 10px 0;
}
.icone_texte_temoin img{
    width: 250px;
}
.signature{
    text-align: center!important;
}
#boite_temoignage{
    width: 100%;
}
#message_temoin{
    max-width: 930px;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
}
.couleur_avis{
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
}
#btn_message_temoin{
    width: 210px;
    margin: 0 auto;
    height: 35px;
    background: #bfd730;
    border-radius: 15px;
    margin-top: 20px;
    line-height: 32px;
    text-align: center;
    margin-bottom: 50px;
}
#btn_message_temoin:hover {
    background-color:#ff00ff!important; 
}
#btn_message_temoin a{
    text-decoration: none;
    color: #000;
}
#btn_message_temoin a:hover {
    color: #fff;
}




/* fin avis smartphone*/



/*         Version Tablette       */




@media screen and (min-width:768px){
    
/*  debut produit chimique tablle*/
    
#chimie1, #chimie2, #chimie3, #chimie4{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
#chimie1{
    margin-bottom: 80px;
}    
.titre_chimie{
    font-size: 40px;
}    
#chimie2{
    margin-bottom: 80px;
}    
    
    
    
    
    
    
    
    
    
    
    
    
    
/* fin produit chimique tablette*/
    
/* debut avis tablette    */
    
#boite_temoignage{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}    
    
.titre_avis{
    font-size: 35px;
}    
/* fin avis tablette    */
    
/* debut robot tablette    */
    
    
#rob1, #rob2, #rob3, #rob4{
    max-width: 450px;
}
#texte_rob1 p, #texte_rob2 p, #texte_rob3 p, #texte_rob4 p{
    font-size: 16px;
    margin-left: 40px;
}    
#alig_st_robot{
    font-size: 50px;
}    
.titre_robot{
    font-size: 40px;
}    
#presente_robot1{
    display: flex;
}   
#presente_robot1{
    display: flex;
    justify-content:space-around;
    flex-wrap: wrap;
}    
    
    
    
    
    
    
    
/* fin robot tablette    */
    
    
/* debut volet tablette*/
    
#boite_expli_solaire{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}    
.titre_volet{
    font-size: 40px;
    margin-top: 50px;
}
#boite_color_100{
    max-width: 1500px;
    margin: 20px auto;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.color_plot_100{
    width: 300px;
}
.color_plot_100 img{
    border-radius: 20px;
    max-width: 300px;
}
.solaire_plot_100{
    width: 800px;
    text-align: center;
    margin: 0 auto;
}
.solaire_plot_100 img{
    max-width: 800px;
    border-radius: 50px;
    padding: 0px 10px;
    box-sizing: border-box;
    margin-bottom: 30px;
}
.color_plot_100 p{
    margin: 10px auto 10px auto!important
}
#bloc_200{
    width: 100%!important;
    margin: 0 auto;
    margin-top: 50px;
}
#boite_color_200{
    max-width: 1600px!important;
    margin: 50px auto!important;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.color_plot_200{
    max-width: 250px!important;
}
.color_plot_200 img{
    border-radius: 20px;
    width: 250px;
}
#boite_300{
    width: 100%;
    margin: 0 auto;
}
#boite_300 h2{
    font-size: 40px;
    margin: 50px auto;
}
#bte_p_300{
    margin: 50px auto;
}
#boite_color_300{
    max-width: 1400px!important;
    margin: 50px auto!important;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.color_plot_300{
    max-width: 400px!important;
}
.color_plot_300 img{
    border-radius: 20px;
    width: 250px;
    
}
.solaire_plot_300{
    max-width: 1400px;
    text-align: center;
}
.solaire_plot_300 img{
    width: 400px;
}
#banc_horsol p{
    margin-top: 50px;
}    
#banc_horsol h2{
    margin: 50px auto;
    font-size: 40px;
}    
#bte_im h2{
    font-size: 40px;
    margin: 50px auto;
}
#st2{
    font-size: 40px;    
}
#st3{
    font-size: 40px;
    margin: 50px;
}
#st4{
    margin: 50px;
}
#bte_solaire2{
    display: block;
    width: 600px;
    margin: 0 auto;
}    
#sepa_bte_volet1{
    max-width: 600px;    
}    
#sepa_bte_volet2{
    max-width: 700px;
}    
#bte_solaire1{
    display: none;
}    
#bloc_def_lame p{
    margin-bottom: 8px;
    text-align: justify;
}
#bloc_def_lame{
    max-width: 1200px;
    margin: 0 auto;
    margin: 50px auto;
}    
#bte_label{
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
}
#bte_label img{
    width: 130px;
}
.color_label{
    font-size: 25px;
    margin-bottom: 50px;
}    
#bte_color_lame p{
    font-size: 25px;
}    
    
    
    
    
/* fin volet tablette*/
    
    
/* debut tablette pac*/
    

.titre_pac{
    font-size: 42px;
}
#bte_im_pac1 h3{
    font-size: 40px;
    margin-bottom: 30px;
}    
#bloc_texte_pac2 h3{
    font-size: 30px;
}
#infos_pac h2{
    font-size: 30px;
}    
#boite_decibel{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 50px;
}
#boite_deci1{
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
#boite_deci1 img{
    max-width: 600px;
    margin: 0 auto;
}
#boite_deci2{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 50px;
}
#boite_deci2 img{
    max-width: 600px;
    margin: 0 auto;  
}
.place_pac1{
    margin-top: 50px;
}    
    
    
    
    
/* fin tablette pac*/

/* debut bache hiver */
    
    
#boite_titre_hiver h1{
    font-size: 35px;
    margin: 30px 0px;
}    
.marge1{
    margin-top: 40px!important;
}    
#boite_sand h2{
    font-size: 35px; 
    margin: 40px;
}
#marge2{
    padding-top: 30px!important
}    
#bte_enroul_barre h3{
    font-size: 35px;
    margin-bottom: 50px;
}    
#bte_roll img{
    margin-bottom: 30px;
}    
   
    
    
    
    
    
    
    
    
    
/*  fin bache hiver     */
/* debut media tablette    */
    

    
.titre_mf{
    font-size: 40px;
}    
#bte_sable_1, #bte_sable_2, #bte_sable_3{
    max-width: 400px;
}    
#bte_choix_mf{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.st_sable{
    font-size: 35px;
    margin: 50px 0;
}     
    
    
    
    
/* fin media tablette    */
    
/*   debut    header   tablette   */
    
    
    
    
    
.place{
    display:block!important;
}
#bg{ 
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.bgwidth{
    width: 100%;
}
.bgheight{
    height: 100%;
}
body{
    overflow-y: hidden;
}
.fixNavigation{
    display: block !important;
    z-index: 9999;
    position: fixed;
    top: 0;
    /* Mise en forme */
    width: 100%;
    height: 60px;
}
#conteneur{
    width: 100%;
    font-family: verdana;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
#conteneur h2{
    font-family: mafonte3;
    letter-spacing: 3px;
    text-align: center;
}
#conteneur h3{
    letter-spacing: 3px;
    font-family: mafonte3;
}
#tete{
    display: block;
    }
.titre{
    display: block;
    color: #fff;
    margin-top: -40px;
    margin-bottom: 10px;
}
#navigation_mobile{
    display: none !important;
}
#navigation{
    display: block !important;
    justify-content: space-around;
    flex-wrap: wrap;
}
.dom_liens li{
    width: 320px !important;
}
.gam_liens li{
    width: 250px !important;    
}
#im_menu{
    width: 45px!important;
}
#navigation ul{
    background: rgba(0, 9, 0, 1);
    display: flex;
    justify-content: space-around;
    width: 100%;
    height: 65px;
    line-height: 60px;
    color: #fff;
    border-bottom: 1px #bfd730 solid;
}
#navigation li{
    position: relative;
    list-style: none;
}
#navigation a{
    text-decoration: none;
    color:#fff;
    font-size: 13px;
}
#navigation ul li:hover ul {
    display: block;
}
#navigation ul li:hover ul li:first-child{
    top: 405px;
}
#navigation ul li:hover ul li:nth-child(2n){
    top: 405px;
}
#navigation ul li:hover ul li:nth-child(3n){
    top: 405px;    
}
#navigation ul li:hover ul li:nth-child(4n){
    top: 405px;    
}
#navigation ul li:hover ul li:nth-child(5n){
    top: 405px;    
}
#navigation ul li:hover ul li:nth-child(6n){
    top: 405px;    
}
#navigation ul li:hover ul li:last-child{
    top: 405px;
    border-bottom: none;
}
.hover_nav:hover{
    background: #bfff0b !important;
}
.hover_nav:hover a{
    color: #000 !important;
}
#navigation li ul{
    position: absolute;
    top: -340px;
    left: -10px;
}
#navigation li ul li{
    background: #000;
    width: 235px;
    height: 45px;
    text-align: left;
    line-height: 40px;
}
#navigation li ul li a{
    color: #fff;
    margin-left: 10px;
}
#navigation ul li img{
    width: 25px;
    margin-top: 12px;
}
#photo_mobile_header{
    display: none !important;
}
.photo_header img{
    display: block !important;
    width: 100%;
    margin: 0 auto; 
} 
    
/*  essai sous menus ul li  */
    
.fleche_direction{
    width: 12px !important;
    margin-left: 50px;
}
.fleche_direction_2{
    width: 12px !important;
    margin-left: 22px;    
}
.fleche_direction_3{
    width: 12px !important;
    margin-left: 85px;
}
.fleche_direction_4{
    width: 12px !important;
    margin-left: 7px;    
}
.fleche_direction_5{
    width: 12px !important;
    margin-left: 17px;    
}
#bruit{
    width: 200px !important;
}    
#navigation ul li ul li ul{
    display: none !important;
    position: absolute;
    top: -384px;
    left: 220px;
}
#navigation ul li ul li ul li a{
    color: #fff !important;
}
#navigation ul li ul li ul li:hover a{
    color: #000 !important;    
}
#navigation ul li ul li:hover{
    background: #bfff0b;
}
#navigation ul li ul li:hover ul{
    display: block !important;
}
#sm_dom_liens_3 li{
    width: 240px !important;
    left: 80px;
}    
#sm_dom_liens_1 li, #sm_dom_liens_2 li{
    width: 230px !important;
}
#sm_dom_liens_1, #sm_dom_liens_2:hover a{
    font-size: 13px;    
}

   

/*    fin   header  tablette  */
    
/* début nouveau accueil tablette */
    
    
    
#bte_expert1{
    display: block;
    margin-top: 20px;
    width: 100%;
}
#bte_expert2 img{
    margin-top: 40px;
    margin-bottom: 40px;
    width: 100%;
}
#bte_expert3{
    display: block;
    text-align: center;
}
#bte_expert3 img{
    margin-bottom: 40px;
}
#bte_expert4{
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
#bte_expert4 img{
    margin-top: 10px;
    margin-bottom: 20px;
    width: 100%;
}
#bte_expert5{
    display: none;
}
#bte_expert6{
    display: none;
}
#bte_expert2{
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
#bte_expert2 img{
    margin-top: 10px;
    margin-bottom: 40px;
    width: 100%;
}
#bte_expert7{
    display: none;
}
#bte_expert8{
    display: none;
}
#bte_expert9{
    display: none;
}
#boite_depan{
    width: 400px;    
}
/*
#boite_depan p{
    width: 380px;    
}
*/
#complet_secu{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 50px;
}
.modif_taille2 p {
    margin-bottom: 5px!important;
}
.modif_taille3 p{
    margin-bottom: 15px!important;    
}
.modif_taille4 p{
    margin-bottom: 5px!important;
}
.modif_taille5 p{
    margin-bottom: 28px!important;    
}
.modif_taille6 p{
    margin-bottom: 40px!important;
}
.modif_taille7 p{
    margin-bottom: 45px!important;
}
.modif_taille8 p{
    margin-bottom: 62px!important;    
}
.modif_taille9 p{
    margin-bottom: 20px!important;
}
.modif_taille10 p{
    margin-bottom: 20px!important;
}
#boite_offre{
    width: 350px!important;
}
/*
#boite_offre p{
    width: 350px;
    padding: 15px;
    box-sizing: border-box;
    text-align: justify;
}
*/
#btn_offre{
    margin: 0 auto;
}
#trait_sep2{
    margin-top: 50px;
}
#offre1, #offre2{
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
}
#boite_depannage{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
/* fin nouveau accueil*/

    
    
    
/* début regul syclope tablette*/
    
#avady_titre, #syclope_titre{
    font-size: 50px;
    margin: 100px;
}    
#complet_regul{
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
#complet_regul2{
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.titre_regul{
    color: #fff;
    font-size: 50px;
}    
#titre_regul h2{
    font-size: 40px;
}
       
    
    
/*    fin regul syclope tablette */
    
    
/*    debut tablette reglementation*/


    
#groupe_classification h3{
    font-size: 40px;
    
}    
#boite_image_taylor{
    width: 400px;
}    
#boite3_regul h2, #boite4_regul h2{
    font-size: 40px;
    margin-top: 20px;
}    

    
/*   fin tablette reglementation    */
    

/*   debut   menu  tablette    index  */

    
#bonnes_fetes{
    width: 100%;
    display: block;
}    
#bonnes_fetes img{
    width: 100%;
    margin-bottom: 50px;
}
#bonnes_fetes_bis{
    display: none;
}
#pied_mobile{
    display: none;
}
#pied_mobile2{
    display: none;
}
#accueil_logo_noir{
    display: none;
}



    
    
/*debut text bouton hover*/
    
    
}
    

/*fin test bouton hover*/
   
/*    fin   menu   tablette    index*/
    

/*  debut tablette conseils  */
    
#boite_titre_conseil{
    margin-top: 50px!important;
}    
#boite_titre_conseil h1{
    font-size: 37px!important;
}    
#bte_ico_conseil1{
    width: 140px!important;
}
    
    
    
/* fin tablette conseils  */
    
/*    debut   menu   tablette    my ozonex mini */
    
    
    
    
/*    fin   menu   tablette    my ozonex mini*/ 
 
    
/* debut normes tablette   */
    
    
#boite_titre_norme{
    margin-left:  0px !important;
}    
   
/*fin normes tablette*/
    
    
/*debut tablette tuto*/
   
    
/*  fin tablette tuto  */
    
    
    
/*    debut regul tablette  */
    

#boite2_entretien_regul, #boite3_entretien_regul, .btn_regul{
    width: 330px;
}    
#boite_titre_regul{
    margin: 50px auto;
    max-width: 700px;
}
#boite_presente_regul h1{
    font-size: 32px;
}
#boite_smart_regul{
    display: none;
}
#boite_autre_regul img{
    max-width: 1000px;
}
#boite_autre_regul{
    display: block;
    text-align: center;
}
#plan_regul_ex2012{
    margin: 0px auto;
}
#fonctions_regul{
    background: rgba(0,0,0,0.4);
    padding: 15px;
    box-sizing: border-box;
    max-width: 738px;
}
#entretien_regul h2{
    max-width: 1180px;
    text-align: left!important;
    background: rgba(0,0,0,0.4);
    padding: 10px 10px !important;
    box-sizing: border-box;
} 
#boite_entretien_regul{
    max-width: 1210px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    background: rgba(0,0,0,0.4);
    padding-top: 50px;
    box-sizing: border-box;
    margin-bottom: 50px;
}
#boite_entretien{
    width: 2000px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    
}
   
/*    fin regul tablette*/
   
/*debut tablette essentiel*/


#bloc_acces_domo{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}









/*    fin tablette essentiel*/
    
/*    debut   menu    tablette   contact */
    
    
#demande_contact{
    background: rgba(0, 0, 0, 0.4);
    max-width: 900px;
    margin: 0 auto;
}
#demande_contact h2{
    text-align: center;
    color: #fff;
    font-family: mafonte1;
}
h2{
    padding: 15px 0 15px 0;
    box-sizing: border-box;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: black;
}
::-moz-placeholder { /* Firefox 19+ */
  color: black;
}
:-ms-input-placeholder { /* IE 10+ */
  color: black;
}
:-moz-placeholder { /* Firefox 18- */
  color: black;
}
#formulaire_contact{
    background: #282e37;
    max-width: 700px;
    border-top: #bfd730 1px solid;
    box-sizing: border-box;
    margin: 0 auto;
}
#infos{
    max-width: 700px;
    text-align: center;
    margin: 0 auto;
}
#info_nom{
    max-width: 700px;
    margin: 0 auto;    
    color: #fff;
}
.champ{
    max-width: 400px;
    height: 40px;
    margin: 30px;
    box-shadow:rgba(0,0,0,0.8)2px 2px 10px;
}
.texte_contact{
    box-shadow:rgba(0,0,0,0.8)5px 5px 10px; 
    border: #000 0.2px solid;
    width: 500px;
    margin: 0 auto 30px auto;
}
#accept_confi{
    text-align: center;;
}
#info_contact{
    margin-top: 50px;
}
#contact_femme_tel img{
    width: 40px;
    margin-top: 50px;
}
#contact_logo_tel{
    width: 60%;
}
#info_contact p{
    text-align: center;
    margin-top: 40px;
    color: #fff;
}
#info_contact .tel1{
    color: #bfd730;
}
#info_contact h3{
    color: #fff;
    margin-top: 20px;
    text-align: center;
}
.btn_radio{
    margin-left: 50px;
}
#espace_pro{
    margin-left: 0px;
    margin: 0 auto;
}
    
    
/*     fin   menu    tablette   contact*/


/*    debut   menu  tablette  devis  */ 
        
/*  fin  menu  tablette devis  */
 
    
    
/*   debut tuto tablette  */
    
/*   fin tuto tablette   */
    
    
/* debut menu spa  tablette */
    
/*     fin menu spa tablette  */
    
    
/*  debut   menu   tablette  appareils */
    
/*    fin  menu   tablette appareils*/
   
   
/*    debut  menu   tablette contrat*/
    
/*    fin  menu   tablette contrat*/    
   
/*  debut  my ozonex tablette    */
    
/*    fin  my ozonex  tablette  */
   
/* debut   footer  tablette   index  */
 
    
    
#pied{
    display: block;    
}
#localisation img{
    height: 40px;
    margin-right: 20px;
}
#localisation p{
    color: #fff;
}
#localisation a{
    text-decoration: none;
}
#memo_loc_pied, #memo_tel_pied, #memo_mail_pied, #memo_traite_pied, #memo_devis_pied, #memo_partenariat_pied{
    display: flex;
    justify-content:flex-start;
    margin-bottom: 30px;
    border-bottom: 1px #00aeef solid;
    padding-bottom: 25px;
    box-sizing: border-box;
}
#memo_tel_pied p, #memo_mail_pied p, #memo_traite_pied p, #memo_devis_pied p, #memo_partenariat_pied p{
    margin-top: 10px; 
}
#reso_soc_pied img, #partenariat_pro_ozonex img{
    height: 40px;
    margin-right: 20px;
}
#reso_soc_pied h3, #liste_traite_pied h3, #partenariat_pro_ozonex h3, #liste_domotique_pied h3, #liste_dom_myozo h3{
    margin-bottom: 20px;
    color: #fff;
    font-family: mafonte2 !important;
}
#liste_traite_pied h3, #reso_soc_pied h3, #partenariat_pro_ozonex h3, #liste_domotique_pied h3, #liste_dom_myozo h3{
    border-bottom: #00aeef 1px solid;
    padding-bottom: 20px;
    box-sizing: border-box;
}
#liste_traite_pied li{
    list-style: none;
    margin-bottom: 5px;
}
#liste_traite_pied a{
    text-decoration: none;
    color: #fff;
}
.horaire{
    color: #fff;
}
.local{
    color: #fff;
}
.site{
    color: #fff;
}
#loc_pied{
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
#partenariat_pro_ozonex h3{
    margin-top: 40px;
}
#logo_pied2 img{
    width: 60%;
    margin-top: 52px;
}
#tel_mail img{
    margin-top: 40px !important;    
}
#memo{
    height: 190px;
    background: #3f5765;
    display: flex;
    justify-content:space-around;
}
#memo h3{
    font-size: 120%;
    padding: 10px 0;
    box-sizing: border-box;
}
#memo li{
    color: #fff;
    list-style: none;
    font-size: 100%;
    padding: 2px;
    box-sizing: border-box;
}



 /*      fin footer  tablette    index*/

    
    
/*  debut nouveau footer tablette    */
    

.place1 img{
    width: 120px !important;
    margin-top: 10px!important;
}
.place1{
    display: block;
    width: 200px!important;
    margin: 0 auto;
}   
#boite_foot3{
    display: block!important;
    width: 200px!important;
    text-align: left;
    margin: 0 auto;
    margin-top: 15px;
}
#boite_foot1{
    width: 200px!important;
    margin: 0 auto;
}
#boite_foot_tab{
    width: 100%!important;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 0 auto;
    margin-top: 20px;
}
#boite_foot_mobile h2{
    text-align: left !important;
}    
    

    
    
/*    fin nouveau footer tab    */

    
 /*  hover color  a  header  navigation */




.moov{
  position: relative;
}
.moov:after{
  content: '';
  position: absolute;
  width: 0; height: 1px;
  display: block;
  margin-top: -17px;
  right: 0;
  background: #BFFF0B;
  transition: width .2s ease;
  -webkit-transition: width .5s ease;
} 
.moov:hover:after{
  width: 100%;
  left: 0;
  background: #BFFF0B;
} 


/* fin  color a header navigation */


/* debut color a footer  navigation*/



.moov_bis{
  position: relative;
}
.moov_bis:after{
  content: '';
  position: absolute;
  width: 0; height: 1px;
  display: block;
  right: 0;
  background: #ff530d;
  transition: width .2s ease;
  -webkit-transition: width .5s ease;
}
.moov_bis:hover:after{
  width: 100%;
  left: 0;
  background: #ff530d;
}

/*    debut    boite  traitement tablette  */

#boite_titre_traitement{
    background: rgba(0, 0, 0, 0.4);
    padding: 15px;
    box-sizing: border-box;
}
#boite_titre_traitement h1{
    color: #ffffff;
    font-size: 28px;
}
#boite_titre_traitement h2{
    text-align: left;
    color: #00aeef;
    font-size: 35px;
}
#boite_titre_traitement h3{
    text-align: left;
    color: #ffffff;
}
#savoir_problemes{
    background: rgba(0, 0, 0, 0.4);
    padding: 15px;
    box-sizing: border-box;
}
#savoir_produit{
    background: rgba(0, 0, 0, 0.4);
    padding: 15px;
    box-sizing: border-box;
}


/*  fin  boite  traitement  tablette  */



/* fin hoover color a footer navigation */


    
    
@media screen and (min-width:857px){
}
@media screen and (min-width:950px){
    
#localisation{
    display: block;
}
#info_form_devis, #info_form_contact{
    margin: 50px auto;
}
#boite_zoom_part{
    width: 880px;
}
#boite_zoom_part h2{
    font-size: 40px;
    font-family: mafonte4 !important;
    margin-bottom: -40px;
}    
#infos_avantages{
    display: flex;
    justify-content: space-around;
    margin-top: 100px;
}
.titre_contact{
    font-size: 41px;
}
}


@media screen and (min-width:1000px){
    
    
/*debut nouveau footer destock*/
    
    
#boite_foot_mobile{
    display: flex;
    justify-content: space-between;
}
#boite_foot_tab{
    width: 700px!important;
    margin: 0 auto;
}    
    
/*fin nouveau footer destock    */

/* debut destock contrat    */
    
#prese_contrat{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}    
#contrat1, #contrat2, #contrat3{
    width: 500px;
}    
#boite_presentation_contrat{
        
}    
   
/*fin destock contrat    */

}
@media screen and (min-width:1017px){
.modif_taille16{
    margin-top: 121px!important;
}    
}
@media screen and (min-width:1200px){
    
    
/*    debut destop regul mini */
    
   
    
/*    fin desktop mini  */
    
    
 /*    debut   menu  desktop  index*/
    
.titre_entretien{
    font-size: 34px;
}    
#titre_entretien{
    width: 930px;
}    
#pourquoi_contrat{
    font-size:17px!important 
}    
#modu_titre_contrat{
    font-size: 50px!important;
}        
.titre_index{
    font-size: 43px!important;
    width: 930px;
}
#menu_accueil{ 
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.fond{
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}
#offre1, #offre2{
    width: 100%!important;
    display: flex;
    justify-content: space-around!important;
    flex-wrap: wrap;
}
#offre{
    width: 100%;
    display: flex;
    justify-content: space-around;
}
.modif_taille1 p{
    margin-bottom: 53px!important;
}
.modif_taille2 p {
    margin-bottom: 35px!important;
}
.modif_taille3 p{
    margin-bottom: 36px!important;
}
.modif_taille4 p{
    margin-bottom: 53px!important;
}
/*
.modif_taille5 p{
    margin-bottom: 40px!important;
}
*/
/*
.modif_taille6 p{
    margin-bottom: 40px!important;
}
*/
/*
.modif_taille7 p{
    margin-bottom: 2px!important;
}
*/
/*
.modif_taille8 p{
    margin-bottom: 50px!important;
}
*/
.modif_taille9 p{
    margin-bottom: 38px!important;
}
.modif_taille10 p{
    margin-bottom: 37px!important;
}
/*
.modif_taille11 p{
    margin-bottom: px!important;
}
*/
.modif_taille12 p{
    margin-bottom: 28px!important;
}
.modif_taille13 p{
    margin-top: px!important;
    margin-bottom: 35px!important;
}
.modif_taille14 p{
    margin-bottom:px!important;    
}
.descend{
    margin-top: 20px!important;
}
#presente, #presente2{
    width: 930px;
}
#btn_robot:hover {
    -webkit-transition: 1s;
    transition: 1s;
    background-color:#ff00ff!important;
    cursor: pointer;    
}
#btn_offre:hover {
    -webkit-transition: 1s;
    transition: 1s;
    background-color:#ff00ff!important;
    cursor: pointer;
}
#btn_entretien:hover {
    -webkit-transition: 1s;
    transition: 1s;
    background-color:#ff00ff!important; 
    cursor: pointer;    
}
#btn_depan:hover {
    -webkit-transition: 1s;
    transition: 1s;
    background-color:#ff00ff!important; 
    cursor: pointer;    
}
#btn_secu:hover {
    -webkit-transition: 1s;
    transition: 1s;
    background-color:#ff00ff!important; 
    cursor: pointer;
}
#btn_auto:hover {
    -webkit-transition: 1s;
    transition: 1s;
    background-color:#ff00ff!important; 
    cursor: pointer;
}
#titre_offre{
    font-size: 37px!important;   
}
#titre_contrat{
    font-size: 37px;
    margin-top: 50px;
}    
#blocus_depannage{
    width: 100%!important;
    display: flex;
    justify-content: space-around!important;
    margin: 0 auto;
}    
#titre_depan{
    font-size: 50px!important;
}
#boite_depan{
    width: 350px;
}    
/*
#boite_depan p{
    width: 350px;
    text-align: justify;
    padding: 15px;
    box-sizing: border-box;
}    
*/
#complet_auto{
    width: 100%!important;
    display: flex;
    justify-content: space-around!important;
    flex-wrap: wrap;
    margin: 0 auto;
    margin-top: 50px;
}    
#titre_secu h2{
    font-size: 49px;
}    
#titre_auto h2{
    font-size: 50px;
}    
    
/*  fin  menu   desktop   index*/
 
    
    
/*    debut destock reglementation*/
   

  
/*   fin tablette reglementation    */
    
    
/*  debut page tuto desktop*/
    
   
    
   
/*fin page tuto desktop*/
    
 /*  debut     menu   desktop contact     */
    
    

#demande_contact{
    background: rgba(0, 0, 0, 0.4);
    box-sizing: border-box;
    margin-top: 0px;
}
#demande_contact h2{
    text-align: center;
    color: #fff;
    font-family: mafonte1;
}
h2{
    padding: 15px 0 15px 0;
    box-sizing: border-box;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: black;
}
::-moz-placeholder { /* Firefox 19+ */
  color: black;
}
:-ms-input-placeholder { /* IE 10+ */
  color: black;
}
:-moz-placeholder { /* Firefox 18- */
  color: black;
}
#infos{
    width: 100%;
    display: flex;
    justify-content:space-around;
    flex-wrap: wrap;
    margin: 0 auto;
}   
#info_texte{
    color: #fff;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 20px;
}
   
/*     fin  menu desktop   contact*/
    
/* debut  menu  desktop  partenariat    */
    
   
/* fin  menu  desktop  partenariat    */
    
    
/* debut desktop domotique essentiel */

    
    
.titre_essentiel{
    font-size: 39px;    
}    
#bte_im_essentiel img{
    width: 500px;   
}    
#bte_acces h2{
    font-size: 50px;
}    
#boite_flexion{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 70px;
}   
#boite_para{
    margin-bottom: 0px;
}
#bte_smart{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 50px;
}    
#bte_smart_essentiel{
    width: 300px;
}
#boite_titre_smart h2{
    font-size: 50px;
    margin-top: 20px;
}
#bte_syno img{
    width: 580px;
}    
    
    
    
    
    
/*    fin desktop domotique essentiel */
    
/* debut  menu  desktop  appareils    */
    



    
/*    debut icone pro*/
    
    
   
/*      fin icone pro    */
    
    
    
    
  
    /*      fin  menu  desktop  appareils*/
        
    
    
  
    
 /*        debut     desktop   myozonex   */
    
    

/*      boite texte  myozonex    */
    


    /*   fin    boite texte  myozonex    */


    
    
     

 /*   fin   desktop   myozonex   */

/*    debut desktop  traitement */
#montage_filtration img{
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
}
#boite_filtration_montage{
    display: flex;
    justify-content: space-around;
}
#lien_traitement{
    margin-top: 0px;
}
#savoir_problemes h2{
    font-size: 50px;    
}
/*    fin desktop  traitement*/
    
   
/*debut desktop application    */
    
    
/* fin desktop application    */
    
    
/*  debut desktop spa*/
    

@media screen and (min-width:1237px){
}
@media screen and (min-width:1257px){
}
@media screen and (min-width:1317px){
}      
@media screen and (min-width:1357px){
}   
@media screen and (min-width:1367px){
}   
@media screen and (min-width:1417px){
/*
.modif_taille7 p{
    margin-bottom: 20px!important;
}
*/
/*
.modif_taille8 p{
    margin-bottom: 60px!important;    
}    
*/
}
@media screen and (min-width:1507px){       
}
@media screen and (min-width:1516px){
    .modif_taille17{
    margin-top: 104px!important;
}    
}
@media screen and (min-width:1617px){
    
.modif_taille2 p{
    margin-bottom: 30px!important;    
}
.modif_taille1 p{
    margin-bottom: 50px!important;    
}
.modif_taille3 p{
    margin-bottom: 10px!important;    
}
.modif_taille4 p{
    margin-bottom: 30px!important;    
}
@media screen and (min-width:1785px){
    



}