/**/
jquery.ui.autocomplete.css
/*
 * jQuery UI Autocomplete 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { 
  position: absolute;
  cursor: pointer ;

 }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	margin: 0;
	display:block;
  float: left;
  font-size: 16px;
  font-weight: bold;
  line-height: 50px;
  max-height: 350px !important;
  overflow-y: auto !important;
  /* prevent horizontal scrollbar */
  overflow-x: hidden !important;
  /* add padding to account for vertical scrollbar */
  
}

.ui-autocomplete-category {
color: #3aaf9d;font-size:18px;margin-left:60px !important;font-weight:bold
}

.ui-menu .ui-menu-item {
	float: left;
	clear: left;
  width: 100%;
  cursor: pointer ;
  margin:0 !important;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
  display:block;
  
  
}

.ui-menu-item-wrapper {text-align: center}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
  cursor: pointer;
  
}

.ui-button a.ui-button {padding:5px}

.ui-state-active, .ui-widget-content  .ui-widget-header a.ui-button:active .ui-button:hover 
{
  background: #3aaf9d;
  color:white;
  line-height: 50px;
  
}

/**/
/**/
.Index_header1 {
  width: 100%;

  }
.wrap {position: relative;
        width: 100%}

.garcon_color{color:rgb(4, 80, 179);
              text-decoration: none;
              cursor: pointer;}

.fille_color{color:#FD6C9E;
              text-decoration: none;
              cursor: pointer;}


.fs-subtitle {
  font-weight: 900;
  font-size: 24px;
  color:#3aaf9d;
  margin-bottom: 100px;
  
}

.no-padding {padding-right:0}

.lesinputs{ position:absolute;
  top:35%;
  z-index:2;
  left: 26%;} 



.select-wrapper select:focus {cursor:pointer;
  color: black;
  font-weight: bold}

.fulljustify {    text-align:justify;  
                  text-justify:inter-word;
                  margin-left:110px;
                  margin-right: 110px;
                  margin-bottom:50px;
                  margin-top:50px }

.bande_user{margin-top:30px;
        margin-bottom: 30px}

.header_search {color: black;
  font-size: 34px;
  margin-bottom: 15px;
  text-align: left;
  font-weight: bold;
}

.search1, select {border-top: solid 5px black;
    border-bottom: solid 5px black;
    border-left: solid 5px black;
    border-right: solid 1px black;
    padding: 10px 10px 10px 10px;
    width: 100%;
    height: 70px;
  background: white;
  color: black;
  font-family: "Lato", sans-serif;
  font-weight: 900;}

  .search1 select:focus{font-weight:900}


.fa-search
{
font-size:59px;
color : white;
}
.fa-search:hover {color:#3aaf9d;
  transition:0.5s;
}

/*PAC for Google autocomplete*/
.pac-item {
height: 50px;
padding-top: 10px;
font-size: 16px; }
.pac-item:hover {
  background-color: #3aaf9d;
  color: white;
  cursor: pointer; }



#msform > div:nth-child(4) > button {border: solid 5px black;
  background: #3aaf9d;
  border-radius:10px}
#msform > div:nth-child(4) > button:hover {border: solid 5px black;background: white;
  border-radius:15px;
  transition:0.5s}

.search2 {border-top: solid 5px black;
          border-bottom: solid 5px black;
          border-left: solid 1px black;
          border-right: solid 1px black;
          color: black;
          font-family: "Lato", sans-serif;
          font-weight: 900;
          width: 100%;padding: 10px 10px 10px 10px;
          height: 70px;
          font-weight: bold}

.search3 {border-top: solid 5px black;
  border-bottom: solid 5px black;
  border-right: solid 5px black;
  border-left: solid 1px black;
  color: black;
  font-family: "Lato", sans-serif;
  font-weight: 900;
padding: 10px 10px 10px 10px;
width: 100%;
height: 70px;
font-weight: bold}

.search4 {border-top: solid 5px black;
  border-bottom: solid 5px black;
  border-right: solid 5px black;
  border-left: solid 1px black;
  width: 35%;height: 70px;}

.col-md-3{padding-right: 0;
  padding-left:0;
  font-weight: bold }

.bande{background:white;
      width: 100%;
   
      box-sizing: border-box;
      float: left;
      position: relative;
    }

    .center{
      margin:auto;
      float:none;  /* annule le float:left de bootstrap*/
  }

.bande2{background: white;
box-sizing: border-box;
float: left;
width: 100%;
font-size: 24px;
color: black;
font-weight: bold;
position: relative}

body {background: #f1f1f1}

.img_bande2_paragraphe {height: 150px; 
  margin-top:80px;
  margin-bottom: 40;
border-radius: 50%}

.img_bande2_radius {height: 150px;
  width: 150px;
   margin-top:30px;
   margin-bottom: 30px;
   border-radius: 50%}

.img_bande2_radius_impaire {height: 150px;
  width: 150px; margin-top:30px;
  margin-bottom: 30px;
  border-radius: 50%;
   margin-top: 125px}
/***DATEPICKER**/

.ui-datepicker table {
  width: 100%;
  font-size: .7em;
  border-collapse: collapse;
    font-family:verdana;
  margin: 0 0 .4em;
    color:#000000;
    background:white;    
}
.ui-datepicker td {

  border: 0;
  padding: 1px;

    
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .8em;
  text-decoration: none !important;
}

.ui-datepicker th {
  
    border: 0;
    padding: 1px;
    color: #16a085 !important;
  font-weight:bold !important;
      
  }
  .ui-datepicker th span,
  .ui-datepicker th a {
    display: block;
    padding: .8em;
    text-decoration: none !important;
    color: #16a085 !important;
    font-weight:bold !important;
  }



.ui-widget.ui-widget-content {
  border: none;

}

.ui-datepicker.ui-widget-content{
  min-width: 15%;
  margin: auto;
}



.ui-datepicker-header {
  padding:0;
  padding-top:10px !important;
  height: 50px !important;
  background: black !important;
  border: none;
  border-radius: 0;
  color: #16a085 !important;
  text-transform: capitalize;
  font-weight: normal;
  border-bottom: none;
  font-size: 20px;
  text-align: center;
}

.ui-datepicker-title {
  line-height: 30px !important;
  margin: 0 2.3em !important;
}

.ui-datepicker-today {
  background-color: #ffffff !important;
  color: #16a085 !important;
}

.ui-widget-content {
  background: white none !important;
}

.ui-datepicker-today a.ui-state-highlight {
border-color: #d3d3d3;
background: #16a085;
color: white;    
}
.ui-datepicker-today.ui-datepicker-current-day a.ui-state-highlight {
border-color: #d3d3d3;
background: #16a085;
color: white; 
}

.ui-datepicker a {
  text-decoration: none;
}

.ui-datepicker-prev, .ui-datepicker-next {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  cursor: pointer;
  background-image: url('../images/datepicker/arrow.png');
  background-repeat: no-repeat;
  line-height: 600%;
  overflow: hidden;
}

.ui-datepicker-prev {
  float: left;
  background-position: center -30px;
}
.ui-datepicker-next {
  float: right;
  background-position: center 0px;
}

.ui-datepicker-calendar .ui-state-active {
  border-color: #d3d3d3;
  background: #16a085;
  color: white; 
}
.ui-datepicker-calendar .ui-state-hover {
  background: #16a085;
  color: white; 
transition: 0.3s;
}

/*MEDIA*/

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

  .fulljustify {    text-align:justify;  
    text-justify:inter-word;
    margin-left:80px;
    margin-right: 80px;
    margin-bottom:50px;
    margin-top:50px;
    font-size:18px }

  .lesinputs{ position:absolute;top:
    55%;z-index:2;left: 16%;} 
    
    .select-wrapper select:focus {cursor:pointer;color: black;font-weight: bold}
    
    
    .header_search {color: black;font-weight:bold;font-size: 24px;margin-bottom: 15px;text-align: left;margin-left: 120px}
    
    .search1, select {border-top: solid 5px black;
        border-bottom: solid 5px black;
        border-left: solid 5px black;
        border-right: solid 1px black;
        padding: 5px 5px 5px 5px;
        width: 100%;
        height: 45px;
      background: white;
      color: black;
      font-family: "Lato", sans-serif;
      font-weight: 900;}
    
      .search1 select:focus{font-weight:900}
    
    .fa-search
    {
    font-size:30px;
    color : white;
    }
    .fa-search:hover {color:#3aaf9d;transition:0.5s;
    }
    
    /*PAC for Google autocomplete*/
    .pac-item {
    height: 35px;
    padding-top: 10px;
    font-size: 14px; }
    .pac-item:hover {
      background-color: #3aaf9d;
      color: white;
      cursor: pointer; }
    
    #msform > div:nth-child(4) > button {border: solid 5px black;background: #3aaf9d;border-radius:10px}
    #msform > div:nth-child(4) > button:hover {border: solid 5px black;background: white;border-radius:15px;transition:0.5s}
    
    .search2 {border-top: solid 5px black;
              border-bottom: solid 5px black;
              border-left: solid 1px black;
              border-right: solid 1px black;
              color: black;
              font-family: "Lato", sans-serif;
              font-weight: 900;
              width: 100%;padding: 5px 5px 5px 5px;
              height: 45px;
              font-weight: bold}
    
    .search3 {border-top: solid 5px black;
      border-bottom: solid 5px black;
      border-right: solid 5px black;
      border-left: solid 1px black;
      color: black;
      font-family: "Lato", sans-serif;
      font-weight: 900;
    padding: 5px 5px 5px 5px;width: 100%;height: 45px;font-weight: bold}
    
    .search4 {border-top: solid 5px black;border-bottom: solid 5px black;border-right: solid 5px black;border-left: solid 1px black;width: 35%;height: 45px;}
    
    .col-md-3{padding-right: 0;padding-left:0;font-weight: bold }


}

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

  .fulljustify {    text-align:justify;  
    text-justify:inter-word;
    margin-left:30px;
    margin-right: 30px;
    margin-bottom:50px;
    margin-top:50px;
    font-size:14px }

    .lesinputs{ position:absolute;top:
      55%;z-index:2;left: 16%;} 
      
      .select-wrapper select:focus {cursor:pointer;color: black;font-weight: bold}
      
      
      .header_search {color: black;font-weight:bold;font-size: 24px;margin-bottom: 15px;text-align: left;margin-left: 50px}
      
      .search1, select {border-top: solid 5px black;
          border-bottom: solid 5px black;
          border-left: solid 5px black;
          border-right: solid 1px black;
          padding: 5px 5px 5px 5px;
          width: 100%;
          height: 45px;
        background: white;
        color: black;
        font-family: "Lato", sans-serif;
        font-weight: 900;}
      
        .search1 select:focus{font-weight:900}
      
      .fa-search
      {
      font-size:30px;
      color : white;
      }
      .fa-search:hover {color:#3aaf9d;transition:0.5s;
      }
      
      /*PAC for Google autocomplete*/
      .pac-item {
      height: 35px;
      padding-top: 10px;
      font-size: 14px; }
      .pac-item:hover {
        background-color: #3aaf9d;
        color: white;
        cursor: pointer; }
      
      #msform > div:nth-child(4) > button {border: solid 5px black;background: #3aaf9d;border-radius:10px}
      #msform > div:nth-child(4) > button:hover {border: solid 5px black;background: white;border-radius:15px;transition:0.5s}
      
      .search2 {border-top: solid 5px black;
                border-bottom: solid 5px black;
                border-left: solid 1px black;
                border-right: solid 1px black;
                color: black;
                font-family: "Lato", sans-serif;
                font-weight: 900;
                width: 100%;padding: 5px 5px 5px 5px;
                height: 45px;
                font-weight: bold}
      
      .search3 {border-top: solid 5px black;border-bottom: solid 5px black;border-right: solid 5px black;border-left: solid 1px black;color: black;
        font-family: "Lato", sans-serif;
        font-weight: 900;
      padding: 5px 5px 5px 5px;width: 100%;height: 45px;font-weight: bold}
      
      .search4 {border-top: solid 5px black;border-bottom: solid 5px black;border-right: solid 5px black;border-left: solid 1px black;width: 35%;height: 45px;}
      
      .col-md-3{padding-right: 0;padding-left:0;font-weight: bold }
  
  
  }

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

   
    .fulljustify {    
      text-align:justify;  
      text-justify:inter-word;
      margin-left:10px;
      margin-right: 10px;
      margin-bottom:10px;
      margin-top:5px }

    .lesinputs{ 
      position:absolute;
      top:45%;z-index:2;left: 35%;} 
      
      .select-wrapper select:focus {cursor:pointer;color: black;font-weight: bold}
      
      body > div.wrap > div > div > div > p {margin-left:0 !important}
      .header_search {color: white;font-size: 14px;margin-bottom: 15px;}
      
      
      
      .search1 select:focus{font-weight:900}
      
      .fa-search
      {
      font-size:30px;
      color : white;
      }
      .fa-search:hover {color:#3aaf9d;transition:0.5s;
      }
      
      /*PAC for Google autocomplete*/
      .pac-item {
      height: 35px;
      padding-top: 10px;
      font-size: 14px; }
      .pac-item:hover {
        background-color: #3aaf9d;
        color: white;
        cursor: pointer; }
      
      #msform > div:nth-child(4) > button {border: solid 5px black;background: #3aaf9d;border-radius:10px}
      #msform > div:nth-child(4) > button:hover {border: solid 5px black;background: white;border-radius:15px;transition:0.5s}
      
      .search1, select {border:solid 1px black;
        padding: 5px 5px 5px 5px;
        width: 50%;
        height: 35px;
      background: white;
      color: black;
      font-family: "Lato", sans-serif;
      font-weight: 900;}

      .search2 {border:solid 1px black;
                color: black;
                font-family: "Lato", sans-serif;
                font-weight: 900;
                width: 50%;padding: 5px 5px 5px 5px;
                height: 35px;
                font-weight: bold}
      
      .search3 {
        border:solid 1px black;
        color: black;
        font-family: "Lato", sans-serif;
        font-weight: 900;
      padding: 5px 5px 5px 5px;
      width: 50%;height: 35px;
      font-weight: bold}
      
      .search4 {border-top: solid 5px black;
        border-bottom: solid 5px black;border-right: solid 5px black;
        border-left: solid 1px black;
        width: 100%;height: 50px;}
      
      .col-md-3{padding-right: 0;padding-left:0;font-weight: bold }

      body > div.container > div > div {display: none}

  }