/*
 Theme Name:   Comet child
 Theme URI:    http://e-sysoft.com/adaptel/
 Description:  Description de mon thème enfant
 Author:       Bekkaï
 Author URI:   http://e-sysoft.com/adaptel/
 Template:     comet-wp
 Version:      1.0.0
*/


body{
  padding: 0;
  margin: 0;
}

ul{
  margin: 0;
  padding: 0;
}


										/*rendre la nav transparente*/

 body > #topnav.scroll{
	background-color: transparent;

}

								/*retrait du padding sur le body.top-padding*/

body.top-padding {
	padding-top: 0px ! important;
}

#topnav .navigation-menu >li {
    float: left;
    display: block;
    position: relative;
    border-bottom: #bababc;

}


#topnav{
  padding: none;
  display: flex;
  align-items: center;
  margin: none;
  
}

#navigation{
  display:flex;
  
}

                              /*css menu adaptel header*/

#main-menu{
  display: none;
}

#topnav > div > div.logo{
  display: none;
}

                           

#menu-menu_gauche_adaptel{
  list-style: none;
  display: flex;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;

}

#menu-utilisateurs{
  list-style: none;
  display: flex;
  width: 100%;
  height: 62px;
  
}

.menu_par_trois{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-right: 15px;
  margin-left: 15px;

}

.container{
  width: 100%;
  flex-wrap: wrap;
}

#menu-item-1966{
  display: flex;
  justify-content: center;
  background-color: #e12533;
  width: 100%;
  align-items: center;
  flex-wrap: wrap;
  
}

#menu-item-1968{
  display: flex;
  justify-content: center;
  background-color: #c3051e;
  width: 100%;
  align-items: center;
  flex-wrap: wrap;
}

#menu-item-1966 > a{
  color: white;
}

#menu-item-1968 > a{
  color: white;
}

#topnav > div > div.menu_par_trois > div.menu-menu_gauche_adaptel-container{
  width: 25%;
  display: flex;
  justify-content: center;
}



#topnav > div > div.menu_par_trois > div.menu-utilisateurs-container{
  width: 25%;
}

#menu-item-1986{

}

#menu-item-1985{
  margin-right: 10%;
}

#topnav > div > div.menu_par_trois > a{
  width: 50%;
  display: flex;
  justify-content: center;
}

#menu-item-1986 > a{
  color: white;
}

#menu-item-1985 > a{
  color: white;
}

#menu-item-1985 > a:hover{
  color: #E12532!important;
}


#menu-item-1986 > a:hover{
  color: #E12532!important;
}


                     /* la partie du virtual composer avec les retouches*/

.d-formNumber{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 3%;
  width: 100%;
}

#form-number-mobile{
  display: flex;
  justify-content: center;
  align-items: center;
  
}

#form-number-mobile > input{
  border-right: 0px solid;
  border-left: 0px solid;
  border-top: 0px solid;
  font-size: 2em;
  width: 35%;
}

.formNumber{
  margin-right: 2%;
  margin-left: 2%;
  font-weight: lighter;
}

::placeholder {
 font-weight: bold;
 color: #b2b2b2;
}

.btn-formNumber{
  background-color: #d0011b;
  height: 40px;
  width: 35%;
  color: #ffffff;
  border:none;
  font-weight: bold;
}

.parallax-overlay {
  background-color: transparent!important;
}


                                        /*footer*/

.footer-home-page{
  display: flex;
 
  flex-wrap: wrap;
  align-items: center;
  /*height: 10%;*/
  background-color: white;
  width: 100%;
   height: 7%;
   padding-top: 2%;
   padding-bottom: 2%;
  
  
}

body > div.footer-home-page > div.copyright-footer{
  width: 25%;
}



body > div.footer-home-page > div.footer-widget-menu > div{
  width: 100%;
}


.droits-adaptel{
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
  color: #e12532;
  font-size: 0.6em;
}




.menus-footer{
  list-style: none;
  display: flex;
  justify-content: center;
  width: 100%;
  color: #e12532;
  font-weight: bold;
  margin:none;
  font-size: 0.7em;
}

.footer-widget-menu{
  display: flex;
  justify-content: center;
  
  width: 50%;

}



.point{
  margin-left: 3%;
  margin-right: 3%;
}




body > div.footer-home-page > div.footer-widget-logo{
  display: flex;
  justify-content: center;
  width: 25%;
}



body > div.footer-home-page > div.footer-widget-logo > a:nth-child(1){
  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
  -ms-transition:all .3s ease-out;
  -o-transition:all .3s ease-out;
  transition:all .3s ease-out;

}

body > div.footer-home-page > div.footer-widget-logo > a:nth-child(1):hover{
  -webkit-transform:translate(0px,-10px);
  -moz-transform:translate(0px,-10px);
  -ms-transform:translate(0px,-10px);
  -o-transform:translate(0px,-10px);
  transform:translate(0px,-10px);


}

body > div.footer-home-page > div.footer-widget-logo > a:nth-child(2){

  margin-left: 10%;
  margin-right: 10%;
  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
  -ms-transition:all .3s ease-out;
  -o-transition:all .3s ease-out;
  transition:all .3s ease-out;

}

body > div.footer-home-page > div.footer-widget-logo > a:nth-child(2):hover{

  margin-left: 10%;
  margin-right: 10%;
  -webkit-transform:translate(0px,-10px);
  -moz-transform:translate(0px,-10px);
  -ms-transform:translate(0px,-10px);
  -o-transform:translate(0px,-10px);
  transform:translate(0px,-10px);
}

body > div.footer-home-page > div.footer-widget-logo > a:nth-child(3){

  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
  -ms-transition:all .3s ease-out;
  -o-transition:all .3s ease-out;
  transition:all .3s ease-out;
  
}

body > div.footer-home-page > div.footer-widget-logo > a:nth-child(3):hover{
   -webkit-transform:translate(0px,-10px);
  -moz-transform:translate(0px,-10px);
  -ms-transform:translate(0px,-10px);
  -o-transform:translate(0px,-10px);
  transform:translate(0px,-10px);
  
}


#n2-ss-2 > div > div.n2-ss-widget.n2-ss-widget-display-desktop.n2-ss-widget-display-tablet.n2-ss-widget-display-mobile.n2-ss-control-bullet > div{
  background: none!important;
  box-shadow: none!important;
}


#n2-ss-2 > div > div.n2-ss-widget.n2-ss-widget-display-desktop.n2-ss-widget-display-tablet.n2-ss-widget-display-mobile.n2-ss-control-bullet > div > div.n2-ow.n2-style-73aa3a4f31d25c7a201a1e089a63a86f-dot.n2-active{
  background: #e12532;
}

#n2-ss-7 > div > div.n2-ss-widget.n2-ss-widget-display-desktop.n2-ss-widget-display-tablet.n2-ss-widget-display-mobile.n2-ss-control-bullet > div > div.n2-ow.n2-style-71f8992c8fa2aba15e7858625601a6fa-dot.n2-active{
  background: #e12532;
}

span.red-dot::before{
  content: " "!important;
  background: white!important;
}



.float {
  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
  -ms-transition:all .3s ease-out;
  -o-transition:all .3s ease-out;
  transition:all .3s ease-out;
}

.float:hover {
  -webkit-transform:translate(0px,-10px);
  -moz-transform:translate(0px,-10px);
  -ms-transform:translate(0px,-10px);
  -o-transform:translate(0px,-10px);
  transform:translate(0px,-10px);
}

                      /*La nav change d'aspect selon la page en cours*/

                      /*page notre agence*/

body.page-id-1869 #topnav{
  background-color: white!important;
}


body.page-id-1869 #menu-item-1985 > a{
  color: black!important;
}

body.page-id-1869 #menu-item-1986 > a{
  color: black!important;
}

body.page-id-1869 #menu-item-1985 > a:hover{
  color: #E12532!important;
}

body.page-id-1869 #menu-item-1986 > a:hover{
  color: #E12532!important;
}

                         /*page notre MyAdaptel*/

body.page-id-1780 #topnav{
  background-color: white!important;
}


body.page-id-1780 #menu-item-1985 > a{
  color: black!important;
}

body.page-id-1780 #menu-item-1986 > a{
  color: black!important;
}

body.page-id-1780 #menu-item-1985 > a:hover{
  color: #E12532!important;
}

body.page-id-1780 #menu-item-1986 > a:hover{
  color: #E12532!important;
}

                  /*page  Restauration*/

body.page-id-2239 #topnav{
  background-color: white!important;
}


body.page-id-2239 #menu-item-1985 > a{
  color: black!important;
}

body.page-id-2239 #menu-item-1986 > a{
  color: black!important;
}

body.page-id-2239 #menu-item-1985 > a:hover{
  color: #E12532!important;
}

body.page-id-2239 #menu-item-1986 > a:hover{
  color: #E12532!important;
}

                          


                     





                        /*Les différents media query selon écran*/



@media screen and (max-width: 1500px) {
  body {
    display:block;
    clear:both;
  }
  .container{
  width: 100%;
  flex-wrap: wrap;
}
  
}

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

  #topnav{
    display: flex;

  }

  #topnav > div > div.logo{
  display: block;
  
  width: 80%;
}

  #topnav > div{
    display: flex;
    justify-content: flex-end;
    width: 100%!important;
  }

  .menu_par_trois {
    display:none;
    clear:both;
  }

  body > div.footer-home-page{
    display: flex;
    flex-flow: column-reverse;
    
  }

  body > div.footer-home-page > div.footer-widget-menu{

  }
  .footer-widget-menu{
    width: 60%;
    display: flex;
    justify-content: center;
    margin-bottom: 2%;
    margin-top: 2%;

  }

  .footer-widget-menu{
    margin-bottom: 2%;
  }

  .menus-footer{
    font-weight: normal;
    font-size: 0.7em;
    display: flex;
    justify-content: center;
    text-align: justify;
    flex-wrap: wrap;

  }

  body > div.footer-home-page > div.copyright-footer{
  width: 100%;
  display: flex;
  justify-content: center;
}

  .droits-adaptel{
    width:100%;
  }

  #classic-78 > section.vc_row.wpb_row.vc_row-fluid.vc_custom_1524671471671.vc_row-no-padding{
    display: none;
  }

  #classic-78 > section.vc_row.wpb_row.vc_row-fluid.vc_custom_1524668839745.vc_row-no-padding > div > div > div > div.vc_row.wpb_row.vc_inner.vc_row-fluid.vc_custom_1524667865490.vc_row-has-fill > div > div > div > div.title.center > h3{
    font-size: 20px;
    padding: 10px;
  }

  #classic-78 > section:nth-child(6) > div > div > div > div.title.center > h3{
    font-size: 20px;
    padding: 10px;
  }

  #main-menu{
  display: block;
}

}