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

1 - RESET CSS
2 - FONTS
3 - NAV
4 - CONTENT GLOBAL
5 - FOOTER


----------------------------------------------*/

/*--------------------------------------------
  1 - RESET CSS
----------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  /*font: inherit;*/
  vertical-align: baseline;
}

textarea:focus::-webkit-input-placeholder {
  color: transparent;
}

textarea:focus:-moz-placeholder {
  color: transparent;
}

/* FF 4-18 */
textarea:focus::-moz-placeholder {
  color: transparent;
}

/* FF 19+ */
textarea:focus:-ms-input-placeholder {
  color: transparent;
}

/* IE 10+ */

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.p-0 {
  padding: 0;
}

.p-15 {
  padding: 0 15px;
}

@media (min-width: 992px) {
  .p-lg-15 {
    padding: 0 15px;
  }
}
@media (max-width: 991px) {
  .kaboom {
    padding: 15px;
  }
}

.center {
  text-align: center;
}

#historique.admin li.linonlu span.nlorg {
  color: #d7663c;
}

/*--------------------------------------------
  2 - FONTS
----------------------------------------------*/
body {
  font-family: 'Quicksand', sans-serif;
}

#select-state .ui-autocomplete.ui-widget {
  font-family: 'Quicksand', sans-serif;
  font-size: 10px;
}

ul#ui-id-1,
ul#ui-id-2 li,
ul#ui-id-3 li,
ul#ui-id-4 li,
ul#ui-id-5 li,
ul#ui-id-6 li,
ul#ui-id-7 li,
ul#ui-id-8 li,
ul#ui-id-9 li {
  padding: 5px;
}

ul#ui-id-1,
ul#ui-id-2,
ul#ui-id-3,
ul#ui-id-4,
ul#ui-id-5,
ul#ui-id-6,
ul#ui-id-7,
ul#ui-id-8,
ul#ui-id-9 {
  max-height: 200px;
  overflow: auto;
  width: 350px !important;
}

@media (max-width: 350px) {
  ul#ui-id-1,
  ul#ui-id-2,
  ul#ui-id-3,
  ul#ui-id-4,
  ul#ui-id-5,
  ul#ui-id-6,
  ul#ui-id-7,
  ul#ui-id-8,
  ul#ui-id-9 {
    width: 260px !important;
  }
}

#formulaire .tuile p {
  width: 100%;
  float: left;
}

p sup {
  border-radius: 100%;
  color: #d7663c;
  font-size: 12px;
  line-height: 22px;
  margin-left: 3px;
}

.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.menu-row {
  display: flex;
  align-items: center;
}

@media (min-width: 768px) {
  .row.equal {
    display: flex;
    flex-wrap: wrap;
  }
}

/*--------------------------------------------
   - Liens table de matieres
----------------------------------------------*/
.table-matiere-links{
color: #333 !important;
cursor: pointer;
list-style: none;

}
a>.table-matiere-links:visited{  
  color: #333 !important;
}

/*--------------------------------------------
   -End Liens table de matieres
----------------------------------------------*/


/*--------------------------------------------
  3 - NAV
----------------------------------------------*/
header {
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 100%;
  padding: 20px;
  z-index: 1000;
  top: 0;
}

header .logo-container a {
  float: left;
}

.menu-header.grey {
  background: whitesmoke;
}
@media (max-width: 767px) {
  label.col-md-2.text-right {
    padding: 0;
  }
}

.btburger {
  position: relative;
  right: 0;
  top: 0 !important;
  background: #fff none repeat scroll 0 0;
  border: 2px solid #d7663c;
  border-radius: 100%;
  height: 42px;
  width: 42px;
  outline: none;
  z-index: 10000;
  padding-right: 6px;
  padding-left: 6px;
}

.btburger span {
  background: #d7663c none repeat scroll 0 0;
  border-radius: 40px;
  float: left;
  height: 4px;
  margin-bottom: 2px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2px;
  overflow: hidden;
  padding-top: 3px;
  width: 25px;
  transition: 0.5s;
}

header .menu-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

header .menu-container a {
  display: block;
  width: 35px;
  margin-right: 10px;
}

header .menu-container a img {
  display: block;
  width: 100%;
}

.facebook-link {
  transition: all 0.2s ease-in-out;
}

.facebook-link:hover {
  transform: scale(1.1);
}

.youtube-link {
  transition: all 0.2s ease-in-out;
}

.youtube-link:hover {
  transform: scale(1.1);
}

.logo-container img {
  max-width: 100%;
}

.menu {
  background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
  position: absolute;
  right: 0;
  top: -600px;
  width: 455px;
  font-size: 25px;
  transition: 0.3s;
}

.empty {
  display: none;
}

.empty.on {
  display: block;
  position: absolute;
  left: -30px;
  top: 15px;
  padding: 10px 13px;
  background: #d8673c;
  border-radius: 100%;
  font-weight: bold;
  color: #fff;
}

#toutTuiles ul li.delete div.content {
  background: #d63b3b;
  color: #fff;
}

#toutTuiles ul li.devis-non-valid div.content {
  background: #d8673c;
  color: #fff;
}

#toutTuiles ul li.devis-valid-matuile div.content {
  background: #3ba2d6;
  color: #fff;
}

#toutTuiles ul li.devis-valid div.content {
  background: #158737;
  color: #fff;
}

.devis-valid-matuile .txt-orange,
.devis-valid .txt-orange,
.devis-non-valid .txt-orange,
ul li.delete .txt-orange {
  color: #fff;
}

@media (min-width: 992px) {
  #fml {
    float: right;
  }
}

#demandeDevis.superadmin .listeDemande li,
#demandeDevis.superadmin .listeDemande li .txt-orange span {
  /*background: #D8673C;*/
  color: #fff;
}

.menu.opened {
  top: 0;
}

.menu p {
  margin-top: 25px;
  margin-left: 55px;
  padding: 20px;
}

.menu ul {
  padding: 30px;
}

.menu ul li {
  float: left;
  width: 100%;
}

.menu ul li a {
  color: #ffffff;
  float: left;
  margin-left: 20px;
  padding: 20px 25px;
  position: relative;
  transition: all 0.2s ease 0s;
  width: 100%;
}

.menu ul li a::before {
  content: url('../img/logomnu.png');
  left: -20px;
  position: absolute;
  top: 18px;
}

.menu ul li:hover a::before {
  content: url('../img/logomnuhover.png');
}

.menu ul li a:hover {
  color: #d7663c;
  text-decoration: none;
}

li.pro {
  border-top: 2px solid #fff;
}

.reseaux {
  font-size: 16px;
}

.menu ul li.reseaux a::before {
  content: none;
}

.menu ul li.reseaux a {
  content: none;
  margin: 0;
  padding: 20px 0;
  width: 50px;
}

.menu ul li.reseaux p {
  content: none;
  margin: 0;
  padding: 27px 20px 27px 0;
  float: left;
  color: #ffffff;
}


/*--------------------------------------------------------
--- **********  Debut-CGU-Content   *********** ----------
----------------------------------------------------------*/

.conditions-box {
  border-style: solid double solid double;
  border-color: rgba(8, 8, 8, 0.65);
  border-width: 3px 5px;
  display: flex;
  margin: 40px auto;
  /* justify-content: space-between; */
}

.table-de-matiere {
  /* border: solid 2px red; */
  display: inline-block;
  width: 100%;
  margin-top: 20px;
  padding: 0 5px;
  font-weight:600 ;
  text-align: justify;
}


.line-container {
  display: flex;
  padding: 8px 5px;
  align-items: center;
}

.numerotaion {
  margin-right: 30px;
}

.sub-line-container {
  display: flex;
  padding: 0 5px 10px 50px;
  align-items: center;
}

.sub-sub-line-container{
  display: flex;
  padding: 0 4px 10px 90px;
  align-items: center;
}

.p-title {
  display: flex;
  align-items: center;
}

.numerotaion {
  margin-right: 30px;
}

.points {
  flex: 1;
  border-bottom: 1px dotted black;
  margin: 8px 3px 0 3px;
}


/*--------------------------------------------------------
--- **********  Fin-CGU-Content   *********** ----------
----------------------------------------------------------*/

/*--------------------------------------------
  4 - CONTENT GLOBAL
----------------------------------------------*/
#home {
  min-height: calc(100vh - 75px);
  background: rgba(0, 0, 0, 0) url('../img/bg-home.jpg') repeat scroll left
    center / cover;
  position: relative;
  padding-bottom: 106px;
}

.titreTop {
  font-size: 36px;
}

.txt-blanc {
  color: #ffffff;
}

.txt-orange {
  color: #d7663c;
}

.bg-orange {
  background: #d7663c;
}

.bold {
  font-weight: bold;
}

.upper {
  text-transform: uppercase;
}

.lower {
  text-transform: lowercase;
}

.city span.undernone {
  text-decoration: none;
}

.city span {
  float: left;
}

.city {
  padding-bottom: 20px;
  padding-top: 20px;
  font-weight: bold;
  float: left;
  clear: left;
}

.city div.lower {
  float: left;
}

div.lower::first-letter {
  text-transform: uppercase;
  float: left;
}

#home .baseline {
  margin-top: 110px;
  margin-bottom: 0px;
}

.baseline {
  margin-top: 190px;
  /* margin-top: 30px; */
}

@media (max-width: 986px) {
  .baseline {
    margin-top: 120px;
    /* margin-top: 10px; */
  }

  .btvalidMail {
    margin-top: 10px !important;
    margin-bottom: 20px !important;
  }
}

.baseline h2 {
  font-size: 20px;
  margin-top: 20px;
}

#blocfind {
  background: rgba(73, 73, 73, 0.7);
  width: 100%;
  margin-top: 100px;
}

.inverse {
  float: right;
}

.mrgnAvisBtn {
  margin-bottom: 20px;
}

.locate #select-state {
}

.locate #select-state.warninginput {
}

#blocfind .selectize-input,
#blocfind .selectize-control,
#blocfind .items {
  border: none !important;
}

#blocfind .warninginput {
  /* display: none; */
  /* position: absolute !important; */
}

#blocfind input {
  border: none;
  height: 40px;
  margin-bottom: 30px;
  margin-top: 30px;
  width: 100% !important;
  padding-left: 10px;
  padding-right: 25px;
  font-size: 14px;
  transition: 0.5s;
  outline: none !important;
}

#blocfind .selectize-input,
#blocfind #matuile,
#blocfind #select-state {
  box-shadow: 0px 0px 0px 1px #d7663c !important;
  transition: box-shadow 0.15s ease-in-out;
}

#blocfind .selectize-input.dropdown-active,
#blocfind #matuile:focus,
#blocfind #select-state:focus {
  box-shadow: 0px 0px 0px 2px red !important;
}

#blocfind input::-moz-placeholder {
  opacity: 1 !important;
}

#blocfind .selectimedia {
  text-align: left;
}

#blocfind .selectimedia .item {
  font-weight: bold;
  font-size: 14px;
  /*padding-top: 2px;*/
}

#blocfind .input-active .item {
  display: block;
}

@media (max-width: 479px) {
  #blocfind .input-active .item {
    display: inline-block;
    margin-top: 29px;
  }
  .mobile-center {
    text-align: center;
  }
}

#blocfind .selectize-dropdown.single.selectimedia {
  background: none;
  margin-top: 0;
  box-shadow: none;
  z-index: 10;
  padding-left: 0;
  padding-right: 0;
  border: 1px solid #d0d0d0;
  background: #ffffff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  height: auto;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  text-align: left;
}

#blocfind .selectize-control.selectimedia {
  padding: 0;
}

#blocfind .selectize-control.selectimedia .selectize-input {
  padding: 10px;
  border: none;
}

.selectize-dropdown-content .option.active,
.selectize-dropdown-content .option:hover,
#ui-id-1 .ui-menu-item:hover,
#ui-id-1 .ui-state-active,
#ui-id-2 .ui-menu-item:hover,
#ui-id-2 .ui-state-active,
#ui-id-3 .ui-menu-item:hover,
#ui-id-3 .ui-state-active,
#ui-id-4 .ui-menu-item:hover,
#ui-id-4 .ui-state-active,
#ui-id-5 .ui-menu-item:hover,
#ui-id-5 .ui-state-active,
#ui-id-6 .ui-menu-item:hover,
#ui-id-6 .ui-state-active,
#ui-id-7 .ui-menu-item:hover,
#ui-id-7 .ui-state-active,
#ui-id-8 .ui-menu-item:hover,
#ui-id-8 .ui-state-active,
#ui-id-9 .ui-menu-item:hover,
#ui-id-9 .ui-state-active {
  background-color: #d7663c;
  color: white;
  border: none;
}

#blocfind input.warninginput,
#blocfind .selectimedia.warninginput,
#professionnel select.warninginput {
}

#secteurActivite .selectize-input.items.not-full input {
  width: 100% !important;
}

#secteurActiviteRs .selectize-input.items.not-full input {
  width: 100% !important;
}

.selectize-input.items.not-full.warninginput {
  border: 2px solid red !important;
}
.pro-container .item {
  position: relative;
  width: calc(100% - 41px); /** -41px => largeur de l'icone valise à droite */
  padding-right: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (max-width: 991px) {
  .pro-container .item {
    width: 100%;
    padding-right: 0;
  }
}

.pro-container .repinfodist {
  position: absolute;
  right: 0;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 100%;
  background-color: orange;
  color: white;
}

.pro-container .repinfodist_bulle {
  position: absolute;
  left: 14px;
  right: 14px;
  background: #cecece;
  z-index: 1000;
  text-align: center;
  padding: 10px;
  border: 1px solid black;
  color: black;
  cursor: default;
}

@media (max-width: 991px) {
  .pro-container .repinfodist_bulle {
    margin-top: -30px;
  }
}

.pro .selectize-control.single .selectize-input.items input[type='text'] {
  width: 100% !important;
}

#matuile::placeholder,
#localisation input::placeholder,
.selectize-input > input::placeholder,
#interimmediate select,
#interimmediate select option,
#blocfind .selectize-dropdown-content .option,
#ui-id-1.ui-menu .ui-menu-item-wrapper,
#ui-id-2.ui-menu .ui-menu-item-wrapper,
#ui-id-3.ui-menu .ui-menu-item-wrapper,
#ui-id-4.ui-menu .ui-menu-item-wrapper,
#ui-id-5.ui-menu .ui-menu-item-wrapper,
#ui-id-6.ui-menu .ui-menu-item-wrapper,
#ui-id-7.ui-menu .ui-menu-item-wrapper,
#ui-id-8.ui-menu .ui-menu-item-wrapper,
#ui-id-9.ui-menu .ui-menu-item-wrapper,
.pro .selectize-control.single .selectize-input .item,
.matuile .selectize-control.single .selectize-input .item,
#localisation input {
  font-weight: bold;
  font-size: 14px;
}

#matuile::-webkit-input-placeholder,
#localisation input::-webkit-input-placeholder,
.selectize-input > input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  font-weight: bold;
  font-size: 14px;
}

#matuile:-moz-placeholder,
#localisation input:-moz-placeholder,
.selectize-input > input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  font-weight: bold;
  font-size: 14px;
}

#matuile::-moz-placeholder,
#localisation input::-moz-placeholder,
.selectize-input > input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-weight: bold;
  font-size: 14px;
}

#matuile:-ms-input-placeholder,
#localisation input:-ms-input-placeholder,
.selectize-input > input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-weight: bold;
  font-size: 14px;
}

.go {
  color: #fff;
  height: 100px;
}

.go button {
  border: inherit;
  font-size: 25px;
  background: #d7663c;
  font-weight: bold;
  padding: 37px 0 38px;
  width: 100%;
  transition: 0.5s;
  outline: inherit;
}

.go button:hover {
  background: #fff;
  color: #d7663c;
}

.services h3 {
  font-size: 25px;
  margin-top: 80px;
}

.services ul {
  margin-top: 50px;
}

.services ul li p {
  font-size: 14px;
  margin-top: 15px;
}

#blocfind span.warning {
  background: #fff none repeat scroll 0 0;
  border: 2px solid #d7663c;
  border-radius: 10px;
  color: #171717;
  height: 110px;
  left: 0;
  margin: 0 auto;
  padding: 20px;
  position: absolute;
  right: 0;
  text-align: center;
  top: -90px;
  z-index: 1000;
}

#toutPrestas .closeshadow {
  color: #fff;
  cursor: pointer;
  font-size: 22px;
  padding: 9px 12px;
}

button.scroolDown {
  border: inherit;
  position: absolute;
  background: #ccc;
  width: 85px;
  height: 43px;
  margin: 0 auto;
  bottom: -1px;
  left: 0;
  outline: none;
  right: 0;
  background: url('../img/arrowbottom.png');
}

.locate i,
.pro i,
.matuile i,
.heure i,
.date i {
  position: absolute;
  right: 15px;
  top: 40px;
  z-index: 999;
}

.flaticon-target {
  /* background: white; */
  background: transparent;
  padding-right: 5px;
  right: 17px;
}

.flaticon-target:before {
  margin-left: 5px !important;
}

.animrond {
  transition: all 0.5s ease-in-out 0s;
  cursor: pointer;
}

.animrond:hover {
  transform: rotate(360deg);
}

/*   ENGAGEMENTS HOME     */
#engagements {
  width: 100%;
  float: left;
  background: url('../img/bgengagements.jpg');
  background-size: cover;
}

#engagements h3 {
  font-size: 35px;
  color: #fff;
  margin-top: 70px;
  margin-bottom: 70px;
}

#engagements p.titreh3 {
  font-size: 35px;
  color: #fff;
  margin-top: 70px;
  margin-bottom: 70px;
}

#engagements .bgorange {
  background: rgba(215, 102, 60, 0.8);
  color: #fff;
  font-size: 35px;
  height: 110px;
  line-height: 110px;
  margin-bottom: 50px;
}

#engagements .bgblanc {
  color: #494949;
  margin-bottom: 50px;
  background: rgba(255, 255, 255, 0.8);
  padding: 40px 35px;
  height: 110px;
}

.backgroundCover {
  background: url('../img/bg-candidat.jpg');
  background-size: cover;
  height: 948px;
  position: fixed;
  top: 0;
  width: 1920px;
  z-index: -1;
}

/*--------------------------------------------
  5 - FOOTER
----------------------------------------------*/
.fin-contact footer {
  position: fixed;
  bottom: 0;
  left: 0;
}

.fin-contact .baseline h2 {
  color: #fff;
}

footer {
  width: 100%;
  background: #494949;
  color: #fff;
  float: left;
  height: 75px;
  font-size: 14px;
  border-top: 1px solid #fff;
}

@media (max-width: 550px) {
}

footer ul li {
  display: inline;
  border-right: 1px solid #fff;
}

footer ul li:last-child {
  border-right: none;
}

footer ul li a,
footer a {
  color: #fff;
  transition: 0.5s;
}

footer a:hover {
  text-decoration: none;
  color: #d7663c;
}

footer .reseaux {
  margin-top: 20px;
}

footer .links,
footer .real {
  margin-top: 30px;
  text-align: center;
}

/*--------------------------------------------
  6 - FORMULAIRE
----------------------------------------------*/
#formulaire footer {
  position: fixed;
  bottom: 0;
}

#formulaire {
  color: #000;
  padding-bottom: 90px;
  min-height: calc(100vh - 75px);
}

#formulaire ul#pourqui li:first-child {
  margin-left: 0;
}

#societe {
  background: white;
  float: left;
  /*padding-top: 40px;*/
  /*padding-bottom: 25px;*/
  width: 100%;
  /*margin-bottom: 15px;*/
}

#moi {
  background: white;
  float: left;
  /*padding-top: 40px;*/
  /*padding-bottom: 25px;*/
  width: 100%;
  /*margin-bottom: 15px;*/
}

#formulaire h1.titreTop {
  margin-top: 125px;
  font-size: 34px;
  position: relative;
}

#formulaire h1 sup {
  font-size: 12px;
  position: absolute;
  right: 0;
  top: 0;
}

#formulaire h2 {
  margin-top: 40px;
  font-size: 25px;
  padding-bottom: 20px;
}

.cadreOrange {
  border-top: 1px solid #d7663c;
  padding-top: 10px;
  margin-top: -15px;
  border-left: 1px solid #d7663c;
  border-right: 1px solid #d7663c;
}

.cadrebas {
  border-bottom: 1px solid #d7663c;
  padding-top: 10px;
  margin-top: -15px;
  border-left: 1px solid #d7663c;
  border-right: 1px solid #d7663c;
}

.coteorange {
  border-left: 1px solid #d7663c;
  border-right: 1px solid #d7663c;
}

#formulaire.recap h2.infos {
  border: none;
  font-size: 16px;
  text-align: center;
  padding-bottom: 10px;
  width: 80%;
  margin: 20px auto;
}

#formulaire .tuile {
  text-align: center;
  font-size: 16px;
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 30px;
  position: relative;
  float: left;
  width: 100%;
}

#formulaire ul#pourqui li {
  display: inline;
  float: left;
  margin-left: 2px;
  margin-right: 2px;
}

.staralign {
  display: flex;
  align-items: center;
}

#formulaire #pourqui li a {
  display: block;
  padding: 10px;
  font-weight: bold;
  background: #fff;
  color: #d7663c;
  border: 1px solid #d7663c;
  text-shadow: none;
  font-size: 13px;
}

#validDevis .contentBloc {
  border: 1px solid #ccc;
  padding: 15px;
  margin-top: 15px;
}

#validDevis .contentBloc p {
  margin-bottom: 10px;
}

.contentBloc {
  border: 1px solid #ccc;
  padding: 15px;
  margin-top: 15px;
}

.contentBloc p {
  margin-bottom: 10px;
}

#validDevis .btvalidMail {
  margin-top: 30px;
  margin-bottom: 30px;
}

#select-country {
  display: none;
}

ul#countrret {
  position: absolute;
  z-index: 10;
  top: 100px;
  background: #fff;
  width: 280px;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 10px;
  overflow: auto;
  max-height: 150px;
  display: none;
}

ul#countrret li {
  float: left;
  width: 100%;
  padding: 10px;
}

ul#countrret li:hover {
  background: #ccc;
  cursor: pointer;
}

ul#countrret.active {
  display: block;
}

#select-professionnel,
#select-tuile {
  display: none;
}

#formulaire #pourqui li a:hover,
#formulaire #pourqui li a.over {
  text-decoration: none;
  background: #fff;
  color: #d7663c;
  text-shadow: none;
}

#elecricien {
  background: url('../img/bgelectricien.jpg');
  background-size: cover;
}

.item {
  font-size: 12px;
}

#form input {
  border: 1px solid #d7663c;
  height: 40px;
  margin-bottom: 10px;
  width: 100%;
  padding-left: 10px;
  transition: 0.5s;
  color: #171717;
}

#form textarea {
  border: 1px solid #d7663c;
  min-height: 120px;
  max-height: 120px;
  margin-bottom: 10px;
  max-width: 100%;
  min-width: 100%;
  padding-left: 10px;
  padding-top: 10px;
  color: #171717;
}

.reco p {
  padding: 20px;
  font-size: 14px;
}

.reco a {
  color: #000;
}

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

#formulaire #pourqui li a.active {
  background: #d7663c;
  color: #fff;
}

#formulaire #form {
  margin-top: 20px;
}
.reco button {
  background: #fff;
  border: 1px solid #d7663c;
  padding: 20px 20px 20px 50px;
  transition: 0.5s;
  font-size: 20px;
  position: relative;
  color: #d7663c;
}

/** Bouton "Je montre ma tuile" dans .../formulaire/form/... **/
.reco button.gonext:not(.pull-right) {
  padding: 10px 20px;
  margin-bottom: 15px;
}

@media (max-width: 767px) {
  .reco button.gonext:not(.pull-right) {
    display: block;
    width: 100%;
    max-width: 75%;
    margin: auto;
  }
}

.reco button:hover {
  background: #d7663c;
  color: #fff;
}

.reco button i {
  position: absolute;
  left: 0px;
}

.reco button:hover i {
  color: #fff;
}

.listform1 {
  float: none;
  margin: 0 auto;
  padding-left: 25px;
  margin-bottom: 10px;
}

.listform2 {
  float: none;
  margin: 0 auto;
  padding-left: 200px;
  margin-bottom: 10px;
}

.listform3 {
  float: none;
  margin: 0 auto;
  padding-left: 285px;
  margin-bottom: 10px;
}

.listform4 {
  float: none;
  margin: 0 auto;
  padding-left: 66px;
  margin-bottom: 10px;
}

.detail-upload {
  padding: 15px;
  font-size: 13px;
  font-weight: 500;
}

/*--------------------------------------------
  7 - DEVENEZ PARTENAIRES
----------------------------------------------*/
#devenezPartenaires h1 {
  position: relative;
}

#devenezPartenaires h1 .bordertitle {
  background: #171717;
  bottom: -10px;
  height: 4px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 180px;
  display: block;
}

#devenezPartenaires .questions {
  background: rgba(0, 0, 0, 0) url('../img/bgPartenaireTop.png') repeat scroll
    center center / cover;
  margin-top: 50px;
  min-height: 246px;
  padding: 50px;
  width: 100%;
}

.questions p.titreh3 {
  color: #fff;
  font-size: 23px;
  margin-bottom: 15px;
  margin-top: 10px;
}

.questions p {
  font-size: 16px;
  color: #fff;
  margin-bottom: 15px;
}

.border {
  border: 1px solid #d7663c;
}

.solution {
  margin-bottom: 40px;
  margin-top: 40px;
}

.solution p {
  padding: 50px 15px;
  font-size: 22px;
  min-height: 190px;
  line-height: 2;
}

.solution .p1 {
  padding: 10px 15px;
  margin-bottom: 20px;
}

#prestations .solution .p2 {
  padding: 25px 15px;
  margin-bottom: 20px;
}

.solution .small {
  font-size: 16px;
}

.avantage {
  background: rgba(0, 0, 0, 0) url('../img/bgavantage.png') repeat scroll center
    center / cover;
  margin-top: 50px;
  min-height: 246px;
  padding: 50px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.avantage h2 {
  color: #fff;
  font-size: 36px;
}

.bordertitle {
  background: #fff none repeat scroll 0 0;
  bottom: -10px;
  height: 4px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 180px;
  display: block;
}

.avantages {
  margin-top: 70px;
  margin-bottom: 70px;
}

.avantages p {
  margin-top: 15px;
  font-size: 24px;
  clear: left;
  float: left;
  width: 100%;
  margin-bottom: 15px;
}

.avantages p span {
  float: left;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 10px;
  margin-top: 10px;
}

.avantages ul.liste li p {
  font-size: 16px;
}

.avantages ul.liste li p span {
  clear: left;
  float: left;
  font-size: 14px;
  margin-top: 15px;
}

/* BUTTONS VALIDER  */

.btn-valider {
  background: #ffffff !important;
  color: #d7663c !important;
  border: 1px solid #d7663c !important;
  padding: 20px 25px !important;
  min-width: 22em !important;
  transition: 0.5s !important;
  font-weight: bold !important;
  margin-bottom: 20px !important;
  margin-top: 50px !important;

}

.btn-valider:hover {
  background: #d7663c !important;
  color: #ffffff !important;
  text-decoration: none !important;

}

/* BUTTONS VALIDER  */



/* CGU List Styling */
.lits-cgu-spacing{
margin-left: 20px ;
}
/* CGU List Styling */


/* CGU Titles Styles  */


.titles-table {
  border-bottom: 1px solid black;
  font-size: 21px;
  margin-bottom: 15px;
  padding: 15px 0;
  font-weight: bold;

}

.sub-title-position {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px 0;
  font-weight: bold;
  font-size: 19px;

}

.underline-style {
  text-decoration: underline;
  text-underline-position: under;
  -webkit-text-underline-position: under;
  -ms-text-underline-position: below;
  text-decoration-thickness: 2px;
}

/* .sub-title-position::before {
  position: absolute;
  content: "";
  height: 2px;
  width: 55%;
  top: 30px;
  left: 57px;
  background-color: black;
} */


/* CGU Titles Styles   */



/* huissier sub-title style  */

.huisubtitle{
font-size: 17px;
color: #ffffff;
padding: 15px;
}
@media screen and (max-width:668px){
  .lits-cgu-spacing{
    margin-left:0;
  }
}


/* huissier sub-title style  */


.cmcamarche {
  background: rgba(0, 0, 0, 0) url('../img/bgccmcamarche.png') repeat scroll
    center center / cover;
  margin-top: 50px;
  min-height: 246px;
  padding: 50px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.cmcamarche h2 {
  color: #fff;
  font-size: 36px;
}

.bubble ul {
  float: left;
  margin-bottom: 90px;
  /* margin-bottom: 50px; */
  margin-top: 50px;
}

.bubble ul li {
  border: 1px solid #d7663c;
  border-radius: 100%;
  display: inline;
  float: left;
  height: 264px;
  margin-left: 10px;
  margin-right: 10px;
  width: 264px;
  padding: 20px;
}

.bubble .nbr {
  font-size: 64px;
  text-align: center;
  font-weight: bold;
  color: #d7663c;
  margin-top: 55px;
}

.bubble .step {
  font-size: 14px;
  text-align: center;
}

.liste {
  margin-top: 40px;
}

@media (max-width: 991px) {
  .sandbox.list {
    margin-top: 15px !important;
    padding-top: 0 !important;
  }
}

span.images-container {
  display: block;
  margin-top: 5px;
}

p.gagne {
  font-size: 36px;
  margin-bottom: 30px;
  margin-top: 60px;
}

p.gagne span {
  float: left;
  clear: left;
  text-transform: none;
  font-size: 18px;
  font-weight: normal;
  margin-top: 30px;
  width: 100%;
}

.btdepo {
  background: #d7663c;
  color: #fff;
  border: 1px solid #fff;
  transition: 0.5s;
  font-weight: bold;
  margin-bottom: 30px;
  margin-top: 20px;
  height: 50px;
}

.btdepo:hover {
  background: #ffffff;
  border: 1px solid #d7663c;
  color: #d7663c;
  text-decoration: none;
}

.btcont {
  background: #ffffff;
  color: #d7663c;
  border: 1px solid #d7663c;
  padding: 20px;
  transition: 0.5s;
  font-weight: bold;
  margin-bottom: 50px;
  margin-top: 20px;
}

.btcont:hover {
  background: #cccccc;
  color: #ffffff;
  text-decoration: none;
}

.candidature {
  background: rgba(0, 0, 0, 0) url('../img/bg-candidat.jpg') repeat scroll
    center center / cover;
  padding-bottom: 170px;
}

.lireRequire button {
  padding: 15px;
  background: #d7663c;
  color: #fff;
  border: 1px solid #d7663c;
  margin-top: 10px;
  transition: 0.5s;
  position: relative;
}

.lireRequire button select {
  color: #d7663c;
}

.validRead {
  float: left;
  text-align: center;
  width: 100%;
  position: relative;
}
.champ-oblig{
  position: absolute;
  left: 27%;
}

@media screen and (max-width:1200px){
  .champ-oblig{
    left:22%
  }
}

@media screen and (max-width:991px){
  .champ-oblig{
    left:14%
  }
}

@media screen and (max-width:350px){
  .champ-oblig{
    left:20%
  }
}

#candidateForm .validRead label {
  font-size: 12px;
  font-weight: normal;
  margin-left: 10px;
}

#candidateForm .validRead span {
  color: #d7663c;
  cursor: pointer;
  text-decoration: underline;
}

.country {
  left: 0;
  margin: 0 auto;
  padding: 20px 50px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 20%;
  width: 65%;
}

.lireRequire button:after {
  content: url('../img/wrong.png');
  position: absolute;
  right: -50px;
  top: 5px;
}

.lireRequire button.doc.vue:after {
  content: url('../img/right.png');
  position: absolute;
  right: -50px;
  top: 5px;
}

.lireRequire button:hover {
  background: #fff;
  text-decoration: none;
  border: 1px solid #d7663c;
  color: #d7663c;
}

.lireRequire p {
  margin-bottom: 20px;
  margin-top: 50px;
  line-height: 25px;
}

#devenezPartenaires.candidature h1 .bordertitle {
  background: #fff;
}

#candidateForm {
  background: #fff none repeat scroll 0 0;
  border-radius: 10px;
  padding: 50px 0;
  border: 1px solid #d7663c;
  margin-bottom: 50px;
  font-size: 13px;
}

#candidateForm .titre {
  font-size: 26px;
  margin-top: 30px;
}

#candidateForm .bordertitle {
  background: #171717;
}

#candidateForm label {
  line-height: 40px;
  font-weight: bold;
  font-size: 14px;
}

#candidateForm input {
  padding: 10px;
}

#candidateForm #affinehoraire input {
  padding: 10px 1px;
}

#candidateForm .marge45Top {
  margin-top: 45px;
}

#candidateForm .marge10Top {
  margin-top: 10px;
}

#candidateForm .marge20Top {
  margin-top: 30px;
}

#candidateForm table td {
  border: 1px solid #cfc6c6;
  padding: 15px;
  font-size: 14px;
}

#candidateForm table thead td {
  border-top: medium none;
}

#candidateForm tbody tr td:first-child {
  border-left: 0 none;
}

.candidateFormAdhesion input {
  /*border: medium none;*/
  width: 50px !important;
}

#candidateForm table thead td:first-child {
  border-left: medium none;
  border-top: medium none;
}

#candidateForm #secteur label {
  line-height: normal;
}
@media (max-width: 991px) {
  .fuckin-center {
    text-align: center;
    float: none;
    z-index: 10;
    max-width: 600px;
    margin: auto;
    clear: both;
  }
}
#secteur button {
  font-weight: bold;
  border: 1px solid #d7663c;
  background: #fff;
  padding: 10px;
  transition: 0.5s;
  margin: 10px 10px 10px 0px;
  width: 180px;
  min-height: 100px;
  float: left;
}

.shadowBox {
  background: rgba(000, 000, 000, 0.8);
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  transition: 0.5s;
  width: 100%;
  height: 100%;
}

.shadowBox button {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #d7663c;
  border-radius: 100%;
  color: black;
  height: 150px;
  margin-left: 20px;
  margin-top: 10px;
  padding: 15px;
  position: relative;
  transition: all 0.5s ease 0s;
  width: 150px;
  outline: 0;
}

.shadowBox .country h1 {
  font-size: 35px;
  text-transform: uppercase;
  color: #ffffff;
  word-break: break-word;
}

.shadowBox button:hover {
  background: #d7663c;
  color: #fff;
  outline: 0;
}

.shadowBox .closeshadow {
  border: 1px solid;
  border-radius: 100%;
  height: 40px;
  padding: 10px;
  position: fixed;
  right: 90px;
  top: 20px;
  width: 40px;
}

.shadowBox.on {
  z-index: 100000;
  opacity: 1;
}

/*#secteur button:hover,*/
#secteur button.checked {
  background: #d7663c;
  color: #fff;
}
#dispo {
  margin-top: 15px;
  clear: both;
}
#dispo .col-md-3 {
  height: 115px;
  border-left: 1px solid;
}

#dispo .col-md-3 p {
  margin-top: 30px;
}

#dispo .du,
#dispo .au {
  float: left;
  width: 50%;
}

#dispo .du select,
#dispo .au select {
  width: 100px;
  border: 1px solid #d7663c;
}

#dispo .heure {
  width: 140px;
  border: 1px solid #d7663c;
}

#affinehoraire {
  float: left;
  width: 100%;
}

#affinehoraire button {
  display: block;
  border: 1px solid;
  margin: 15px auto;
  color: #fff;
  font-size: 12px;
  padding: 10px;
  text-align: center;
  transition: 0.5s;
}

@media (min-width: 992px) {
  #affinehoraire button {
    float: none;
    margin: 75px auto 0;
  }
}

#affinehoraire button:hover,
#affinehoraire.active button {
  background: #fff;
  color: #d7663c;
  border-color: #d7663c;
}

.blockAffineHoraire {
  display: none;
  margin-top: 20px;
}

.blockAffineHoraire tbody label {
  float: left;
  text-align: center;
  width: 100%;
}

#dispo #affinehoraire .heure {
  width: 100%;
  font-size: 12px;
  text-align: center;
}

.blockAffineHoraire table tr td div.col-md-6 {
  padding: 5px;
}
@media (max-width: 767px) {
  #connexion #affinehoraire .blockAffineHoraire table input {
    display: block;
    width: 60px;
    min-width: 60px;
  }
}

#candidateForm #dispo #affinehoraire table td,
#dispo #affinehoraire table td {
  background: white;
  border: 1px solid #cfc6c6;
  font-size: 14px;
  padding: 15px 0;
  width: 11.8%;
}

#candidateForm #dispo #affinehoraire table thead {
  background: #cfc6c6;
}

#candidateForm #dispo #affinehoraire label {
  font-weight: normal;
}

#depanage {
  font-size: 13px;
}

#depanage input {
  width: 100%;
}

#secteurActivite label {
  margin-right: 13px;
}

#secteurActiviteRs label {
  margin-right: 13px;
}

#candidateForm input.validFormPartenaire {
  border: 1px solid #d7663c;
  color: #d7663c;
  background: #fff;
  transition: 0.5s;
  padding: 20px;
}

#candidateForm input.validFormPartenaire:hover {
  background: #d7663c;
  color: #fff;
}

#candidateForm .warning {
  border: 1px solid red;
}

/*--------------------------------------------
  8 - CONNEXION
----------------------------------------------*/
#connexion {
  background: url('../img/bgconnexion.jpg');
  width: 100%;
  background-attachment: fixed;
  background-size: cover;
}

#connexion.admin {
  background: #f5f5f5;
  width: 100%;
  background-attachment: fixed;
  background-size: cover;
}

#connexion h1 {
  color: #fff;
}

#connexion input {
  position: relative;
  width: 100%;
  margin-top: 10px;
  padding: 10px;
  z-index: 10;
}

#connexion input {
}

#connexion #affinehoraire input {
  padding: 10px 0;
}

#connexion .titre {
  color: #ffffff;
  font-size: 20px;
  margin-bottom: 30px;
  margin-top: 150px;
  text-align: center;
  width: 100%;
}

#connexion .warning {
  text-align: center;
  color: red;
}

#submit {
  background: #d7663c;
  color: #fff;
  border: none;
}

#submit:hover {
  background: #ffffff;
  color: #f7663c;
}

#connexion .oublie {
  float: right;
  color: #fff;
  font-size: 12px;
  margin-bottom: 10px;
  margin-top: 5px;
}

#contact {
  background: rgba(0, 0, 0, 0) url('../img/bg-contact.jpg') no-repeat scroll 0 0 /
    cover;
}

@media (max-width: 986px) {
  #contact {
    padding-bottom: 120px;
  }
}

#contact h1 {
  color: #ffffff;
  margin-bottom: 50px;
}

#contact input.warning,
#contact textarea.warning {
  border: 1px solid red;
}

.locate #localisation {
  padding-top: inherit;
}

#localisation {
  padding-top: 30px;
}

#contact input,
#contact textarea,
#contact select {
  width: 100%;
  margin: 5px;
  border: 1px solid #ccc;
  padding: 10px;
}

#contact textarea {
  min-width: 100%;
  max-width: 100%;
  min-height: 150px;
  max-height: 250px;
}

#contact #bloccontact {
  background: #ffffff none repeat scroll 0 0;
  border: 5px solid #f7663c;
  border-radius: 30px;
  padding: 30px;
}

#contact input[type='submit'] {
  background: #ffffff;
  color: #d7663c;
  border: 1px solid;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 15px;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  height: 55px;
}

#contact input[type='submit']:hover {
  background: #d7663c;
  color: #ffffff;
}

#navAdmin {
  background: rgba(255, 255, 255, 0.75) none repeat scroll 0 0;
  float: left;
  height: auto;
  margin-top: 150px;
  padding: 15px;
  box-shadow: 0 0 2px #ccc;
}

@media screen and (min-width: 992px) {
  .navAdminfixed {
    position: fixed;
  }
}

@media screen and (min-width: 992px) {
  #menuSelectable {
    position: fixed;
    z-index: 999;
    background: whitesmoke;
    width: 100%;
    padding-top: 200px;
    margin-top: -200px;
    padding-left: 10px;
    margin-left: -10px;
  }
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #000000;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #000000;
}

#contentAdmin {
  margin-top: 164px;
  color: #ffffff;
}

#contentAdmin .titre {
  border-bottom: 1px solid #d7663c;
  font-size: 25px;
  font-weight: bold;
  margin: 0 0 15px;
  padding-bottom: 30px;
  padding-top: 20px;
  text-align: left;
}

#contentAdmin #infoPerso.perso .titre {
  color: #000;
  text-align: center;
}

#navAdmin li {
  float: left;
  width: 100%;
  position: relative;
}

#infoPerso,
#historique,
#demandeDevis,
#toutTuiles,
#avis,
#archiveAvis {
  opacity: 0;
  transition: 1s;
}

#demandeDevis .titreDevis {
  font-weight: bold;
  font-size: 18px;
}

#infoPerso.perso {
  background: #fff;
}

#infoPerso.perso h3 {
  color: #000;
  text-align: center;
}

#demandeDevis .listeDemande li {
  width: 100%;
  padding: 50px 15px 10px 15px;
  background: #fff;
  float: left;
  margin-top: 10px;
  color: #000;
  box-shadow: 0px 0px 3px #ccc;
  position: relative;
  margin-bottom: 15px;
}

#tuilesEnCours .listeDemande li {
  width: 100%;
  padding: 30px 15px 25px 15px !important;
  background: #fff;
  float: left;
  margin-top: 10px;
  color: #000;
  box-shadow: 0px 0px 3px #ccc;
  position: relative;
  margin-bottom: 15px;
}

#demandeDevis span.numTuile {
  right: 0;
}

span.pki {
  text-transform: initial;
  display: block;
}

span.pki::first-letter {
  text-transform: uppercase;
}

.forfait.on span.prixTotal {
  padding: 10px;
  border: 1px solid #ccc;
  width: 100%;
  margin: 0 auto;
  display: inline-block;
}

.admin span.numTuile {
  top: 0;
  left: 0px;
  background: #d8673c;
  color: #fff;
  border-radius: inherit;
  padding: 5px;
  z-index: 1;
  margin: 0 auto;
  font-size: 16px;
  font-weight: bold;
  width: 45px;
  text-align: center;
}

.admin .superadmin span.numTuile {
  background: #fff;
  color: #000000;
  border: 1px solid #ccc;
  border-top: 0;
}

#historique span.numTuile {
  right: 0;
  border-radius: inherit;
  top: 0;
  padding: 5px;
  color: #fff;
  background: #d8673c;
  z-index: 10;
}

#toutTuiles ul li {
  color: #000;
  margin-top: 10px;
  margin-bottom: 10px;
}

.num-tuile {
  width: 100%;
  border: 1px solid #c0c0c0;
  padding: 10px;
  margin-top: 15px;
}

#toutTuiles ul li div.content {
  padding: 50px 15px 10px 15px;
  height: auto;
  background: #fff;
  box-shadow: 0 0 3px #ccc;
  float: left;
  width: 100%;
  position: relative;
}

#connexion #pswown {
  width: 100%;
  border: 1px solid #ccc;
}

#infoPerso #toutPrestas .blocadm.fields p span {
  width: 100%;
  float: left;
  padding: 8px;
}

#infoPerso #toutPrestas .blocadm.fields p span.modifperso {
  border: 1px solid #ccc;
}

#infoPerso #secteur {
  text-align: center;
}

.btvalidMail {
  display: block;
  padding: 15px;
  background: white;
  width: 200px;
  margin: 0 auto;
  color: #d8673c;
  border: 1px solid #d8673c;
  margin-top: 70px;
  float: none;
}

.btvalidMail:hover {
  background: #d8673c;
  color: #fff;
}

#toutTuiles ul li span.bold {
  padding: 10px 0px 5px;
}

#toutTuiles ul li p {
  margin: 5px 0;
  word-break: break-word;
}

#navAdmin li a {
  float: left;
  padding: 30px;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #d7663c;
  color: #d7663c;
  font-weight: bold;
}

#navAdmin li a:hover {
  text-decoration: none;
  background: #ccc;
}

#formulaire .merci {
  color: #35841c;
  text-align: center;
  padding: 15px;
  font-size: 20px;
  margin: 15px 0;
  float: left;
  width: 100%;
}

#formulaire .merci span {
  font-size: 14px;
}

.fteighteen {
  font-size: 18px !important;
  margin-top: 20px;
}

#formulaire .titreRecap {
  font-size: 36px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin: 0;
}

#recap {
  color: #000000;
  text-shadow: none;
  padding-bottom: 10px;
  margin-bottom: 15px;
  margin-top: 0px;
}

#infopersorecap {
  border-top: 1px solid #989292;
  padding: 15px 0px;
  margin-bottom: 15px;
}

#recap p {
  padding-bottom: 20px;
  padding-top: 20px;
  clear: left;
  font-weight: bold;
  word-break: break-all;
}

.recaprmail {
  margin: 0px 0 20px;
  line-height: 1.5;
}

#formulaire #infopersorecap .titre,
#formulaire #recap .titre {
  font-size: 14px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  width: 100%;
}

#interimmediate {
  float: left;
  color: #fff;
  font-size: 12px;
  text-align: center;
  margin-top: 13px !important;
}

#blocfind #interimmediate input {
  height: auto;
  padding: 0;
  margin: 0;
  width: 15px;
}

#blocfind input#date,
#blocfind input#heure {
  margin-top: 5px;
  font-weight: bold;
}

#blocfind .heure i,
#blocfind .date i {
  top: 15px;
  right: 25px;
}

#blocfind .selectize-input {
  white-space: nowrap;
  height: 40px; 
overflow: hidden;
}

#blocfind .selectize-input.items.not-full.has-options {
  height: 40px;
}

.selectize-control.single .selectize-input {
  background-image: inherit !important;
  background-color: #ffffff !important;
}

#blocfind .selectimedia {
  color: #000000;
  border: 1px solid #d7663c;
  margin-top: 17px;
  height: 40px;
  padding-left: 5px;
}

.date,
.heure {
  display: none;
  /*margin-top: 3px;*/
}

.ui-timepicker-wrapper ul li {
  font-weight: bold;
}

#emptyselec {
  cursor: pointer;
  display: none;
}

.perso {
  background: rgba(215, 102, 60, 0.6);
  float: left;
  padding-bottom: 10px;
  width: 100%;
  margin-bottom: 15px;
}

.form-title,
.perso .titre {
  font-size: 18px;
  color: #000;
  text-shadow: none;
  padding-bottom: 10px;
  font-weight: bold;
  background: white;
  padding: 20px 0;
  margin-bottom: 30px;
}

.form-title span {
  display: inline-block;
  /* padding-left: 92px; */
}

.form-title svg {
  height: 30px;
  transform: translate3d(12px, 6px, 0);
}

.proche {
  background: rgba(215, 102, 60, 0.6);
  float: left;
  padding-bottom: 10px;
  width: 100%;
  margin-bottom: 15px;
}

.proche .titre {
  font-size: 18px;
  text-shadow: none;
  padding-bottom: 10px;
}

.time,
.dateTuile {
  /*position: absolute;*/
  top: -5px;
  padding: 10px;
  border: 1px solid #ccc;
  border-top: 0;
  z-index: 10;
  background: #fff;
  color: #000000;
}

#toutTuiles.superadmin .time,
#archiveAvis.superadmin .time,
#avis.superadmin .time,
#historique.superadmin .time,
#demandeDevis.superadmin .time {
  position: relative;
  border: 1px solid #ccc;
  margin: 5px 5px;
}

#toutTuiles .time.validPro,
#historique .time.validPro,
#archiveAvis.superadmin .validPro,
#avis .time.validPro,
#demandeDevis .time.validPro {
  background-color: #d7663c;
  color: white;
}

#toutTuiles .time.validAdmin,
#historique .time.validAdmin,
#demandeDevis .time.validAdmin,
#archiveAvis.superadmin .time.validAdmin,
#avis .time.validAdmin {
  background-color: #3ba2d6;
  color: white;
}

#toutTuiles .time.validClient,
#historique .time.validClient,
#demandeDevis .time.validClient,
#archiveAvis.superadmin .time.validClient,
#avis .time.validClient {
  background-color: #158737;
  color: white;
}

#toutTuiles .time.validClient.refused,
#historique .time.validClient.refused,
#demandeDevis .time.refused,
#archiveAvis.superadmin.time.refused,
#avis .time.refused {
  background-color: #d63b3b;
}

#demandeDevis.superadmin .enAttente .txt-orange,
#demandeDevis.superadmin .valid .txt-orange {
  color: #fff;
}

#demandeDevis .time.waitingAdmin {
  background-color: #d7663c;
}

#demandeDevis .time.waitingClient {
  background-color: #3ba2d6;
}

#demandeDevis .time.validatedClient {
  background-color: #158737;
}

.dateTuile {
  left: 0px;
  border-left: 0;
  border: 1px solid #ccc;
}

.time {
  top: -5px;
  right: 0px;
  border-right: 0;
}

#infopersorecap .blocperso {
  color: #000;
  text-shadow: none;
}

#infopersorecap .blocperso p {
  padding: 20px;
  font-size: 16px;
  font-weight: bold;
}

#infopersorecap .blocnumdevis {
  background: #d7663c;
  width: 106%;
}

#formulaire #infopersorecap .blocnumdevis .titre {
  text-align: center;
  border-bottom: 1px solid #fff;
  text-shadow: none;
  font-size: 16px;
  padding: 10px;
  text-transform: uppercase;
  background: none;
  font-weight: bold;
}

#infopersorecap .numtuile {
  float: left;
  font-size: 15px;
  font-weight: bold;
  padding: 50px 15px;
  text-align: center;
  text-shadow: none;
}

#formulaire .back {
  margin-top: 15px;
}

#formulaire .back a {
  padding: 15px;
  text-decoration: none;
  background: #d7663c;
  color: #fff;
  border: 1px solid #d7663c;
  transition: 0.5s;
  text-shadow: none;
  text-align: center;
  width: 200px;
  margin: 0;
  display: block;
}

#formulaire .back a:hover {
  background: #fff;
  color: #d7663c;
}

#formulaire.recap {
  margin-bottom: 50px;
  margin-top: 100px;
  text-align: center;
}

@media (max-width: 990px) {
  #formulaire.recap {
    margin-bottom: inherit;
    margin-top: 80px;
  }
}

#form .left .warning,
#bloccontact .left .warning {
  left: -200px;
}

#form .right .warning,
#bloccontact .right .warning {
  right: -200px;
}

#bloccontact .left .warning,
#bloccontact .right .warning {
  top: 10px;
}

#form .warning,
#bloccontact .warning {
  color: red;
  border-radius: 10px;
  padding: 8px;
  text-shadow: none;
  text-align: center;
  width: 200px;
  font-size: 12px;
}

@media (min-width: 992px) {
  #form .warning,
  #bloccontact .warning {
    color: #000;
    position: absolute;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid red;
  }

  #form.huissierSociete .reco .warning {
    left: -185px;
  }
}

#form input.warninginput {
  border: 1px solid red;
}

.reco p.etoile {
  font-size: 12px;
}

.rejoin {
  font-size: 28px;
  font-weight: bold;
  line-height: 40px;
}

.rejoin span {
  text-transform: none;
  margin-top: 10px;
  font-size: 18px;
  font-style: italic;
  font-weight: normal;
}

#candidateForm .date,
#candidateForm .heure {
  display: block;
}

#state .selectize-input,
#CodeP .selectize-input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #7b7b7b;
  padding: 9px;
}

#state-rs .selectize-input,
#CodeP-rs .selectize-input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #7b7b7b;
  padding: 9px;
}


#candidateForm #CP {
  padding: 9px;
  border: 1px solid #7b7b7b;
}

#state .selectize-dropdown.single,
#CodeP .selectize-dropdown.single {
  left: -15px !important;
}

#state-rs .selectize-dropdown.single,
#CodeP-rs .selectize-dropdown.single {
  left: -15px !important;
}

#dispo .heure {
  width: 52px;
  float: left;
}

#dispo .editHeure {
  width: 40px;
  float: left;
  margin-top: initial;
}

#infoPerso #dispo input {
  padding: 10px 0;
  text-align: center;
}

#dispo #heureAM input,
#dispo #heurePM input {
  font-size: 12px;
  font-weight: normal;
  margin-left: 4px;
}

#heurePM,
#heureAM {
  float: left;
  width: 100%;
  margin-bottom: 5px;
}

#dispo #heureAM span,
#dispo #heurePM span {
  float: left;
  margin-top: 10px;
}

#candidateForm #dispo #heureAM span {
  float: left;
  width: 40%;
  margin-top: 10px;
}

#dispo #heurePM span {
  float: left;
  width: 40%;
  margin-top: 10px;
}

@media (max-width: 1200px) and (min-width: 1024px) {
  #candidateForm #dispo #heureAM span,
  #dispo #heurePM span {
    width: 75%;
  }
}

.finpartenaire .titre {
  font-size: 36px;
}

.finpartenaire {
  background: #fff none repeat scroll 0 0;
  border-radius: 10px;
  color: #d8673c;
  margin: 306px auto;
  padding: 70px 40px;
  position: relative;
  width: 50%;
}

/*.finpartenaire:hover {
	background: #d8673c none repeat scroll 0 0;
	color: #fff;
}*/
#file {
  display: none;
}

#uploaded-img-viewer {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 0;
}

@media (max-width: 767px) {
  #uploaded-img-viewer {
    flex-direction: column;
  }
}

.img-container {
  position: relative;
  outline: none;
}

.img-container video,
.img-container img {
  max-width: 100%;
  max-height: 150px;
  padding: 5px;
  outline: none;
}

.img-container video {
  max-height: none;
}

@media (max-width: 767px) {
  .img-container img {
    width: auto;
    max-width: 200px;
    max-height: none;
  }
}

.matuile-poubelle {
  background: white url('../img/delete.svg') center / 15px 15px no-repeat;
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  top: -2px;
  right: -3px;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  transition: all 0.15s ease-in-out;
}

.matuile-poubelle:hover {
  background-color: #ffcaca;
}

#alertMaxImg {
  font-weight: 500;
  position: absolute;
  top: -15px;
}

.grp {
  display: none;
  width: 100%;
  float: left;
}

.addsecteur {
  background: rgba(215, 102, 60, 0.5);
  padding: 15px;
  font-size: 12px;
  border: 1px solid #d8673c;
  cursor: pointer;
  transition: 0.5s;
}

.addsecteur:hover {
  background: #fff;
}

.sectinput {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 20px;
}

.blocaddsecteur {
  display: none;
}

#prestations h1 {
  position: relative;
}

#prestations h1 .bordertitle {
  background: #171717;
  bottom: -10px;
  height: 4px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 180px;
  display: block;
}

#prestations .questions {
  background: rgba(0, 0, 0, 0) url('../img/bgPartenaireTop.png') repeat scroll
    center center / cover;
  width: 100%;
  margin-top: 50px;
  padding-bottom: 50px;
  padding-top: 50px;
}

.apic {
  margin-top: 50px;
  margin-bottom: 50px;
}

#prestations .questions ul {
  width: 100%;
  float: left;
  margin-top: 60px;
}

#prestations .questions ul li {
  display: inline;
}

#prestations .questions p.title {
  color: #ffffff;
  float: left;
  font-size: 20px;
  font-weight: bold;
  margin-top: 45px;
  text-align: center;
  text-shadow: 0 0 2px #000;
  width: 100%;
}

#prestations .questions ul li p {
  background: #d8673c none repeat scroll 0 0;
  border-radius: 100%;
  height: 200px;
  line-height: 20px;
  padding: 70px 30px 30px;
  text-align: center;
  width: 200px;
  margin: 0 auto;
}

#prestations .services {
  background: rgba(0, 0, 0, 0) url('../img/bgPartenaireUtile.jpg') repeat scroll
    0 0;
  color: #fff;
  float: left;
  padding-bottom: 80px;
  padding-top: 50px;
  margin-bottom: 50px;
  width: 100%;
}

.services p.title {
  font-size: 20px;
  text-transform: uppercase;
}

.services .avantages {
  padding-bottom: 70px;
  padding-top: 0;
  margin: 0;
}

#prestations .saisi {
  font-size: 25px;
  padding: 50px 0 0;
}

.utilisation span {
  font-size: 24px;
}

.utilisation {
  text-align: center;
  padding: 20px 20px 60px;
  font-weight: bold;
}

.utilisation .title {
  font-size: 30px;
  padding: 30px;
}

#prestations .baseline h2 {
  line-height: 30px;
}

.ident {
  display: none;
}

.ident.warning {
  display: block;
}

#toutPrestas {
  color: #000;
}

#toutPrestas .liste li {
  background: #fff none repeat scroll 0 0;
  padding: 15px 15px 0px 15px;
  margin-top: 10px;
}

#toutPrestas .liste li h3 {
  padding: 10px;
}

#toutPrestas .liste .valid:before {
  content: url('../img/right.png');
  position: absolute;
  right: 20px;
  z-index: 100;
}

#toutPrestas .liste li:before {
  content: url('../img/wrong.png');
  position: absolute;
  right: 20px;
  z-index: 100;
}

.personel {
  cursor: pointer;
}

#toutPrestas .liste .personel:hover {
  background: #ccc;
}

#candidateForm #dispo #affinehoraire table td:nth-child(2n + 1) {
  background: #fff none repeat scroll 0 0;
}

@media (max-width: 767px) {
  .cadrebas {
    height: auto !important;
  }
}

.more {
  background-color: white;
  display: none;
  padding: 15px;
}

.accept {
  display: none;
}

.more p {
  background: #fff none repeat scroll 0 0;
  margin-bottom: 20px;
  height: auto;
  width: 100%;
  word-break: break-word;
}

.horaireAffine {
  background: #fff none repeat scroll 0 0;
  font-size: 12px;
  font-weight: normal;
  margin-top: 30px;
  width: 100%;
}

.horaireAffine thead tr td:first-child {
  border: none;
}

.horaireAffine thead {
  border-bottom: 1px solid #ccc;
}

.horaireAffine thead tr td {
  border-left: 1px solid #ccc;
  padding: 10px;
}

.horaireAffine tbody tr {
  border-bottom: 1px solid #ccc;
}

.horaireAffine tbody tr td {
  padding: 15px;
  border-right: 1px solid #ccc;
  text-align: center;
}

.col-md-12.row.heures {
  margin-top: 20px;
}

.bgfin {
  background: rgba(0, 0, 0, 0) url('../img/bg-contact.jpg') no-repeat scroll 0 0 /
    cover;
  max-height: 150%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
  height: 100%;
}

.finparten {
  text-align: center;
  font-family: 'Quicksand', sans-serif;
  font-size: 18px;
  bottom: 80px;
  left: 0;
  margin: 0 auto;
  padding: 20px;
  position: absolute;
  right: 0;
  width: 200px;
  border-radius: 10px;
  background: #d8673c;
  text-decoration: none;
  border: 1px solid #fff;
  color: #fff;
  border: 1px solid #fff;
}

.finparten:hover {
  background: #fff none repeat scroll 0 0;
  text-decoration: none;
  border: 1px solid #d8673c;
  color: #d8673c;
}

.imgagree {
  display: block;
  width: 100%;
}

.activecompte {
  background: #fff none repeat scroll 0 0;
  color: #000;
  display: block;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
  width: 100%;
  box-shadow: 0 0 2px #ccc;
}

.activecompte:hover {
  background: #ccc none repeat scroll 0 0;
  color: #000;
  text-decoration: none;
}

.mail {
  margin-top: 10px;
}

#connexion.admin h1,
#connexion.admin .titre,
#connexion.admin .oublie {
  color: #2b2b2b;
}

#zoneIntervention , #zoneInterventionJuridique {
  padding: 10px;
  width: 73.7%;
}

@media (min-width: 992px) {
  #zoneIntervention , #zoneInterventionJuridique {
    margin-left: 43px;
  }
}

#secteurActivite label {
  font-size: 13px;
}

#secteurActiviteRs label {
  font-size: 13px;
}

#toutPrestas #secteurActivite .control-group {
  padding: initial;
}

#toutPrestas #secteurActiviteRs .control-group {
  padding: initial;
}

#toutPrestas #secteurActivite .selectize-control {
  width: 100%;
}

#toutPrestas #secteurActiviteRs .selectize-control {
  width: 100%;
}

#candidateForm #dispo #affinehoraire table td:nth-child(2n + 1),
#dispo #affinehoraire table td:nth-child(2n + 1) {
  background: #fff none repeat scroll 0 0;
}

.btburger.active span:nth-child(1n + 1) {
  transform: rotate(-45deg);
  top: 15px;
  left: 7px;
  position: absolute;
}

@media (max-width: 375px) {
  .btburger.active span:nth-child(1n + 1) {
    left: 6px;
  }
}

.btburger.active span:nth-child(1n + 3) {
  transform: rotate(45deg);
}

.btburger.active span:nth-child(2n) {
  display: none;
}

.btpartnaire {
  background: #d8673c none repeat scroll 0 0;
  color: #fff;
  display: block;
  font-weight: bold;
  margin: 40px auto 50px;
  padding: 20px;
  text-align: center;
  text-transform: uppercase;
  width: 430px;
  border: 1px solid #d8673c;
}

.btpartnaire:hover {
  color: #d8673c;
  text-decoration: none;
  background: #fff;
}

#mentions span.title {
  border-bottom: 1px solid #ccc;
  float: left;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 15px 0;
  width: 100%;
}

.txt-sup {
  max-width: 100%;
  min-width: 100%;
  max-height: 100px;
  min-height: 100px;
  padding: 10px;
  margin-bottom: 30px;
}

#mentions .titreTop {
  position: relative;
}

#mentions .textcontent {
  box-shadow: 0 0 5px #ccc;
  margin-top: 30px;
  /* padding: 100px 30px; */
  padding: 60px 30px;
}

#mentions .textcontent p {
  margin-top: 15px;
  text-align: justify;
}

#mentions {
  margin-bottom: 150px;
}

#mentions ul.satif li {
  list-style-type: circle;
}

.satif {
  line-height: 25px;
  margin-top: 10px;
  padding-left: 15px;
}

#mentions a {
  color: #d8673c;
}

#mentions.cgu .textcontent {
  padding: 20px 30px;
}

#mentions .plan a {
  width: 100%;
  padding: 20px;
  float: left;
}

@media (max-width: 1024px) {
  img.tuile {
    display: none;
  }
}

.pagerank {
  cursor: url('../img/tuile404.png'), auto;
}

.agglo,
.dep,
.region {
  display: none;
}

.agglo-rs,
.dep-rs,
.region {
  display: none;
}

.dep select,
.region select {
  width: 80%;
  padding: 10px;
}

.agglo.active,
.dep.active,
.region.active {
  display: block;
}
.dep-rs select,
.region select {
  width: 80%;
  padding: 10px;
}

.agglo-rs.active,
.dep-rs.active,
.region.active {
  display: block;
}
.pop h1 {
  color: #fff;
  margin-top: 15%;
}

#prestations .solution p {
  padding: 40px 15px;
  min-height: 140px;
}

.search {
  margin-top: 90px;
  margin-bottom: 120px;
  background: rgba(000, 000, 000, 0.6);
}

.trouve {
  font-size: 25px;
}

.heure24,
.jour7,
#affinehoraire {
  display: block;
}

#prestations .solution p.bloc1 {
  padding: 45px 15px;
}

#prestations .solution p.bloc3 {
  padding: 50px 15px;
}

.warningdial {
  position: fixed;
  right: 0;
  top: 45%;
  background: #ccc;
  padding: 20px;
  display: none;
  z-index: 1000000;
}

.warningdial.on {
  display: block;
}

#secteur #huissier button,
#secteur #informatique button {
  width: 280px;
}

#secteur #huissier button:first-child {
  display: none;
}

.sect,
#secteurbloc {
  display: block;
}

.phrase {
  display: block;
}

div#state {
  padding-right: 0px;
}

#infoPerso #toutPrestas {
  background: none;
  float: left;
}

#infoPerso #toutPrestas .blocadm {
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 15px;
  width: 100%;
}

.blocadm .professions,
.blocville,
.blocville-rs{
  padding: 15px;
  border: 1px solid #ccc;
  float: left;
  margin: 10px;
}

#infoPerso #toutPrestas .blocadm .titre {
  color: #000;
  padding: 14px;
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 15px;
}

#infoPerso .save {
  z-index: 100000;
  display: none;
  right: 0;
  top: 20%;
  position: fixed;
  background: #d8673c;
  padding: 20px;
  border: 1px solid #d8673c;
  color: white;
}

#infoPerso .save:hover {
  background: #fff;
  color: #d8673c;
  border: 1px solid #d8673c;
}

#infoPerso .save.active {
  display: block;
}

#infoPerso #toutPrestas .blocadm p {
  background: #fff;
  float: left;
  width: 100%;
  margin: 0;
  padding: 5px 10px;
}

#infoPerso #toutPrestas .blocadm p span {
  padding-left: 10px;
}

.padd10 {
  padding: 10px;
}

.pro {
  margin-top: 30px;
}

#home select#select-state {
  padding: 12px;
  font-size: 12px;
  width: 100%;
  border: 1px solid #d8673c;
}

.validTuile {
  padding: 10px;
  background: #d8673c;
  color: #fff;
  height: 100%;
  float: left;
  text-align: center;
  border: 1px solid #d8673c;
  width: 100%;
  margin-top: 5px;
  border-radius: 5px;
}

.validTuile:hover,
.validTuile.on {
  background: #cccccc;
  color: #fff;
  text-decoration: none;
}

.validTuile:focus {
  text-decoration: none;
  color: #fff;
}

.remTuile {
  border-radius: 5px;
  padding: 10px;
  text-align: center;
  background: #fff;
  color: #d8673c;
  height: 100%;
  float: left;
  width: 100%;
  border: 1px solid #d8673c;
}

.remTuile:hover {
  background: #cccccc;
  color: #fff;
  text-decoration: none;
}

.btAddville {
  padding: 10px;
  border: 1px solid #d8673c;
  margin: 0 auto;
  width: 250px;
  background: #d8673c;
  color: #fff;
  display: block;
  transition: 0.5s;
}

.btAddville:hover {
  background: #fff;
  color: #d8673c;
}

.bulle,
.bulle_offre,
.bulle_avis {
  position: absolute;
  right: 10px;
  top: 15px;
  color: green;
  border-radius: 100%;
  font-size: 30px;
  padding: 5px;
}

.bulle_interventions {
  position: absolute;
  right: 10px;
  top: 15px;
  color: green;
  border-radius: 100%;
  font-size: 30px;
  padding: 5px;
}

@media (max-width: 767px) {
  .text-sm-center {
    text-align: center;
  }
  .readmore {
    margin-top: 84px !important;
  }
}

.bulle_note_avis {
  position: absolute;
  right: 10px;
  top: 15px;
  color: green;
  border-radius: 100%;
  font-size: 30px;
  padding: 5px;
}

@media (max-width: 990px) {
  .bulle_interventions,
  .bulle,
  .bulle_offre {
    position: relative;
    padding: 5px 10px;
    margin-left: 10px;
    font-size: 10px;
  }

  .adminPresta .col-md-9 {
    padding-right: initial;
    padding-left: initial;
  }
}

#historique.admin .listeDemande li {
  padding: 30px 15px;
}

#historique .listeDemande li {
  width: 100%;
  float: left;
  padding: 50px 15px 10px 15px;
  margin-top: 10px;
  background: #fff;
  color: #000;
  box-shadow: 0px 0px 3px #ccc;
  position: relative;
}

.devis-black {
  color: black;
}

#avis .listeDemande li {
  width: 100%;
  float: left;
  padding: 50px 15px 10px 15px;
  margin-top: 10px;
  background: #fff;
  color: #000;
  box-shadow: 0px 0px 3px #ccc;
  position: relative;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  #avis .listeDemande {
    margin-top: 20px;
  }

  #avis .listeDemande li {
    padding: 40px 0 20px;
    text-align: center;
  }
}
#avis .localisation-block {
  text-align: center;
}

@media (max-width: 991px) {
  #avis .seeDevis {
    margin-top: 30px;
  }

  #avis .localisation-block {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

#noteNoPublic {
  transition: 1s;
  background-color: white;
  width: 100%;
  color: black;
  text-align: center;
  padding: 0 0 50px 0 !important;
  font-weight: bold;
}

#avis .listeDemande li.valid {
  background: #158737;
  color: #fff;
}

#archiveAvis .listeDemande li {
  background: #158737;
  width: 100%;
  float: left;
  padding: 0;
  margin-top: 10px;
  color: #fff;
  margin-bottom: 15px;
  box-shadow: 0px 0px 3px #ccc;
  position: relative;
}

@media (min-width: 768px) {
  #noteNoPublic,
  #archiveAvis .listeDemande li {
    padding: 50px 15px 50px 15px !important;
  }
}

#connexion select#filtre + .selectize-control.group.single {
  margin-right: 20px;
}

#connexion select#filtre,
#connexion select#filtrePro,
#connexion select#filtreDate,
select#filtre_interventions,
#connexion select#filtreDep,
#connexion select#filtreCom,
#connexion select#filtreMet,
#filtre {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #d7663c;
  color: #000;
  float: left;
  font-size: 12px;
  height: 40px;
  margin-right: 15px;
  padding: 11px;
  width: 250px;
}

#connexion select#filtre option,
#connexion select#filtreDate option,
select#filtre_interventions option {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  box-shadow: none;
}

.adminPresta #historique .listeDemande li.enAttente {
  background: #fff;
}

.descrip span.warning {
  left: -200px;
}

.adminPresta .attente {
  background: #fff;
}

select .btn.filter {
  clear: left;
  display: block;
  float: left;
}

#connexion .selectize-input.items.has-options.full.has-items {
  border: 1px solid #d7663c;
  padding: 9px;
  background: #fff;
}

.soustuile .selectize-dropdown {
  min-width: 260px;
  background: white;
}

#bloccontact div.col-md-6 {
  position: relative;
}

#bloccontact .alert {
  position: relative;
  z-index: 1;
  padding: 0;
  margin: 0 10px;
  font-size: 12px;
  color: red;
}

#connexion .selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 150px;
}

#connexion .selectize-control {
  position: relative;
  width: 150px;
  float: left;
}

#historique .listeDemande li.enAttente {
  background: #3ba2d6;
}

#avis .listeDemande li.enAttente {
  background: #3ba2d6;
  color: white;
}

#archiveAvis .listeDemande li.enAttente {
  background: #3ba2d6;
  color: white;
}

.admin #historique .listeDemande li.enAttente {
  color: white;
}

#historique .listeDemande li.valid {
  background: #158737;
  color: #fff;
}

#avis .listeDemande li.valid,
#archiveAvis .listeDemande li.valid {
  background: #158737;
  color: #fff;
}

#historique .listeDemande li.refus {
  background: #d63b3b;
  color: white;
}

#avis .listeDemande li.refus,
#archiveAvis .listeDemande li.refus {
  background: #d63b3b;
  color: white;
}

#demandeDevis .listeDemande li.offre {
  background: #d8673c;
}

#demandeDevis .listeDemande li.enAttente {
  color: white;
  background: #3ba2d6;
}

#demandeDevis .listeDemande li.valid {
  background: #158737;
  color: #fff;
}

#demandeDevis .listeDemande li.refus {
  background: #d63b3b;
  color: white;
}

#historique .listeDemande li:not(.linonlu) span.numTuile {
  background: #ffffff;
  border: 1px solid #ccc;
  border-top: none;
  color: #000000;
}

#historique .listeDemande li.refus span.numTuile {
  background: #ffffff;
}

.legende {
  float: left;
  margin-top: 25px;
  width: 100%;
  margin-bottom: 30px;
}

.legende p {
  float: left;
  margin-left: 20px;
}

.legende span {
  width: 15px;
  height: 15px;
  display: block;
  float: left;
  margin-right: 10px;
}

.refus {
  background: #d63b3b;
}

.attente {
  background: #3ba2d6;
  border: 1px solid #ccc;
}

.valid {
  background: #158737;
}

.contenerDevis {
  max-height: 0;
  overflow: hidden;

  /* Set our transitions up. */
  -webkit-transition: max-height 0.8s;
  -moz-transition: max-height 0.8s;
  transition: max-height 0.8s;
}

.contenerDevis.active {
  margin-top: 20px;
  padding: 10px;
  border-top: 1px solid #ccc;
  display: block;
  max-height: 2000px;
}

#contentAdmin .contenerDevis .titre {
  color: #000;
  text-align: center;
}

.listeDemande li p {
  margin: 5px 0 !important;
  word-break: break-word;
}

#connexion .contenerDevis input[type='radio'] {
  width: 20px;
  margin: 3px;
}

#connexion .later {
  display: none;
}

#connexion .later.on {
  display: block;
}

.later input {
  background: #fff;
  border: 1px solid #ccc;
}

#connexion .later .heure {
  display: block;
  padding: 10px;
  margin: 0 auto;
  color: #000;
  margin-top: 10px;
}

#connexion label {
  float: left;
}

@media (max-width: 991px) {
  #connexion label.marge20Top {
    width: 100%;
    margin-bottom: 13px;
  }
}

.marge45Top {
  margin-top: 45px;
}

.marge10Top {
  margin-top: 10px;
}

.marge20Top {
  margin-top: 20px;
}

#demandeDevis .listeDemande {
  color: #000;
}

#historique .seeDevis {
  background: none;
  border-color: #fff;
  color: #fff;
}

#demandeDevis.superadmin .listeDemande li .seeDevis:hover {
  border-color: #fff;
}

#historique .seeDevis:hover {
  background: #d8673c;
  color: #fff;
}

.seeDevis {
  border-radius: 5px;
  padding: 10px;
  background: #fff;
  color: #d8673c;
  border: 1px solid #d8673c;
  width: 70%;
  margin-top: 10px;
  display: block;
  margin: 0 auto;
  margin-top: 10px;
}

.seeDevis:hover {
  background: #d8673c;
  color: #fff;
}

.devis {
  float: left;
  padding: 10px 0;
  border-top: 1px solid #ccc;
  width: 100%;
  margin-top: 15px;
  display: none;
}

.contentAdmin .devis {
  color: black;
}

.devis h2 {
  padding: 20px;
  font-size: 20px;
}

.devis a.validDevis {
  padding: 10px;
  border: 1px solid #d8673c;
  background: #d8673c;
  color: #fff;
  margin: 0 auto;
  display: block;
  width: 200px;
  margin-top: 20px;
}

#demandeDevis.superadmin .listeDemande li .devis a.validDevis {
  border: 1px solid white;
}

#demandeDevis.superadmin .listeDemande li .devis a.validDevis:hover {
  background: white;
  color: #d8673c;
  text-decoration: none;
}

span.btn.filter.active {
  background: #ccc;
}

span.btn.filter {
  color: #000;
}

#connexion .listeDemande input[type='submit'].envoyer {
  width: 250px;
  margin: 0 auto;
  background: #d8673c;
  display: block;
  color: #fff;
  border: 1px solid #ccc;
  clear: left;
  padding: 15px;
  border-radius: 5px;
}

span.numTuile {
  position: absolute;
  right: 5px;
  display: block;
  padding: 5px;
  top: 5px;
  font-size: 10px;
  background: #fff;
  border-radius: 100%;
  color: #000;
}

.prixTotal {
  padding: 10px;
  border: 1px solid #ccc;
  text-align: center;
}

.prixDeplac,
.prixHeure {
  padding: 10px;
  border: 1px solid #ccc;
  display: inline-block;
  width: 100%;
  text-align: center;
}

span.ero {
  margin: 10px;
  position: absolute;
  top: 59px;
  right: 50px;
}

.forfait {
  float: left;
  padding: 20px 0;
  position: relative;
  text-align: center;
  width: 100%;
  display: none;
}

.forfait span.ero {
  top: 79px;
  right: 40px;
}

@media (max-width: 991px) {
  .forfait span.ero {
    top: 84px;
  }
}

.tarif .detail {
  float: left;
  padding: 20px 0;
  display: none;
}

.tarif .detail.on,
.tarif .forfait.on {
  display: block;
  padding: 20px;
  background: #f2f2f2;
  margin-top: -20px;
}

.detail .prixTotal {
  border: none;
  font-weight: bold;
  font-size: 20px;
}

button.btTarif {
  padding: 10px;
  width: 100%;
  background: #fff;
  border: 1px solid #ccc;
  outline: inherit;
  transition: 0.5s;
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 5px;
}

button.btTarif.on,
button.btTarif:hover {
  background: #d8673c;
  color: #fff;
}

.warningDialog {
  width: 100%;
  height: 65px;
  position: fixed;
  left: 0;
  margin: 0 auto;
  right: 0;
  background: #d8673c;
  padding: 20px;
  text-align: center;
  z-index: 10000;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  display: none;
  top: 0;
}

.warningDialog .close {
  width: 40px;
  height: 40px;
  color: #fff;
  opacity: 1;
  border: 1px solid #fff;
  border-radius: 100%;
  padding: 8px;
  margin: -7px;
}

.warningDialog .close:hover {
  background: #fff;
  color: #d8673c;
}

.superad.legende {
  color: #000;
}

.lireRequire p.infost {
  margin: 20px 0px 0px;
}

button.btreadmore {
  border-radius: 5px;
  margin-top: 10px;
  text-decoration: none;
  width: 100%;
  float: left;
  padding: 10px;
  color: #d8673c;
  border: 1px solid #d8673c !important;
  text-align: center;
  background: #ffffff;
  border: none;
  outline: inherit;
}

button.btreadmore:hover {
  color: white;
  background-color: #d8673c;
}
.readmore {
  background: #fff;
  display: none;
  color: #000;
  transition: 0.5s;
  margin-top: 20px;
  padding: 15px;
}

.readmore.on {
  display: block;
}

.readmore table tr td {
  padding: 10px;
  margin: 0px;
}

.readmore table {
  width: 100%;
}

.readmore table tr td:first-child {
  width: 22%;
}

@media (max-width: 555px) {
  .readmore table tr td:first-child {
    width: 100%;
    text-align: left;
  }
}

#contentAdmin .bloc-read .titre {
  color: #000;
  font-size: 18px;
  padding: 10px 0;
  margin: 20px 0 5px 0;
}

.readmore .title {
  font-size: 20px;
  padding-bottom: 20px;
  text-transform: uppercase;
  font-weight: bold;
}

.sstitre {
  font-weight: 20px;
  float: left;
  width: 100%;
  text-transform: uppercase;
  height: 46px;
}

.totalDevis {
  border: 1px solid #ccc;
  width: 200px;
  margin: 0 auto;
  display: block;
  padding: 10px;
  display: none;
  border-radius: 10px;
}

.repinfodist:hover {
  display: inline-block !important;
  opacity: 100% !important;
  background: red !important;
}

.matuile.soustuile .selectize-input {
  margin-bottom: 2px;
}

#historique .listeDemande .linonlu.mix {
  border: 2px solid #158737;
  background-color: #fff;
  color: black;
  transition: 0.2s;
}

.bloccompteur {
  font-weight: bold;
  line-height: 2;
}

.nonlu {
  color: rgb(104, 228, 104);
}

#infoPerso #toutPrestas .blocville .delVille {
  color: #d7663c;
  font-weight: bold;
  cursor: pointer;
  margin-left: 10px;
  padding-left: 0;
}

#infoPerso #toutPrestas .blocville-rs .delVilleRs {
  color: #d7663c;
  font-weight: bold;
  cursor: pointer;
  margin-left: 10px;
  padding-left: 0;
}

#infoPerso .editDispo input[type='radio'] {
  width: initial;
}

#toutPrestas #dispo {
  padding-bottom: 30px;
  float: left;
  width: 100%;
}

.btnAskTuile.col-md-12 {
  padding-left: initial;
  padding-right: initial;
  margin-bottom: 20px;
}

.btnAskTuile div {
  display: none;
}

#email_sms_table {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 0 2px #ccc;
  margin-bottom: 20px;
  padding: 30px;
  height: auto;
}

#email_sms_table th {
  text-align: center;
  border-top: none;
}

#infoPerso #dispo #dispoHeure,
#infoPerso #dispo #dispo7sur7 {
  width: initial;
}

.info_tarif_validdevis {
  text-align: justify;
}

@media (max-width: 555px) {
  .bg-orange.recommand strong.flom {
    width: 100%;
    float: left;
  }
}

@media (max-width: 768px) {
  .table-responsive.containerTable {
    max-width: 500px;
  }
}

@media (max-width: 450px) {
  .table-responsive.containerTable {
    /* max-width: 250px !important; */
  }

  .admin span.numTuile {
    /*left: 40px;*/
  }
}

#recupAvis {
  text-align: center;
}

.raison_precis {
  background: #d7663c;
  margin: 10px 0px;
  padding: 20px 0px;
  color: white;
  font-weight: bold;
}

#formAvis div {
  border-radius: 5px;
}

#formAvis input[type='submit'] {
  margin-top: 20px;
  margin-bottom: 50px;
z-index:9999
}

#formAvis textarea {
  resize: none;
  height: 100px;
  border-radius: 5px;
  color: black;
}

.raison_donne {
  background: #d7663c;
  margin: 10px 0px;
  color: white;
  padding: 20px 0px;
  font-weight: bold;
}

#formAvis .btnSubmit {
  width: 200px !important;
}

.br-widget a.br-selected::after,
.br-widget a.br-active::after,
.br-fractional::after,
.br-fractional-40::after {
  color: #d7663c !important;
}

#formAvis button,
#formAvis input[type='submit'] {
  background: #fff;
  border: none;
  padding: 5 15px;
  border: 1px solid #d7663c;
  padding: 10px 20px;
  color: #d7663c;
  font-weight: bold;
  border-radius: 5px;
  width: 100px;
  transition: 0.2s;
  outline: none;
z-index:9999;
}

#formAvis .recommand button.active,
#formAvis .annule button.active {
  background: #d7663c;
  color: #fff;
  border: 1px solid #d7663c;
}

#formAvis button:hover,
#formAvis input[type='submit']:hover {
  background: #d7663c;
  border: 1px solid #d7663c;
  padding: 10px 20px;
  color: #fff;
  font-weight: bold;
  border-radius: 5px;
z-index:9999
}

.txt_note {
  background: #d7663c;
  padding: 20px 0;
}

.txt_note textarea {
  font-weight: bold;
  color: black;
}

.btOnAutre {
  opacity: 0;
  cursor: default;
  position: absolute;
  top: -100%;
}

@media (max-width: 991px) {
  #mentions .plan li a {
    float: initial;
    padding: inherit;
  }

  #mentions .plan li {
    text-align: center;
    margin: 15px 0;
  }
}

@media (max-width: 350px) {
  .warningDialog {
    height: 95px;
  }
}

select#filtreDate {
  margin-bottom: 20px;
}

.picto_archivage {
  position: absolute;
  right: 0;
  bottom: 0;
}

#filtreBtn span.btn {
  color: white;
  background: #d66541;
  width: 80px;
  margin: 5px 5px;
}

.groupBtn#filtreBtn {
  padding-right: 80px;
}

#filtreBtn span.btn.archive {
  position: absolute;
  right: 0;
  width: 80px;
}

/* AVIS*/

.moyPro {
  text-align: center;
  margin: 10px 0;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  padding: 15px 0;
}

.validAvis {
  background: white;
  padding: 5px;
  color: green;
  font-weight: bold;
  border-radius: 5px;
  padding: 0 20px;
  cursor: pointer;
}

.refusAvis {
  background: white;
  padding: 5px;
  color: red;
  font-weight: bold;
  border-radius: 5px;
  padding: 0 20px;
  cursor: pointer;
}

.blocDetailsAvis {
  margin: 25px 0px;
  border-bottom: 1px solid white;
  padding-bottom: 20px;
}

a.archiveAvis {
  /*position: absolute;
    display: block;*/
  background: white;
  padding: 4px;
  border-radius: 5px;
  color: #d56441;
  right: 30px;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid #d56441;
  transition: 0.5s;
}

@media screen and (max-width: 991px) {
  a.archiveAvis {
    margin-top: 130px;
    position: absolute;
  }

  .ul-avis {
    margin-top: 50px;
  }
}

@media screen and (max-width: 767px) {
  a.archiveAvis {
    margin-top: 50px;
    position: absolute;
    width: calc(100% - 30px);
    right: 15px;
    padding: 7px 10px;
  }
}

a.archiveAvis:hover {
  background: #d56441;
  color: #fff;
  border: 1px solid #fff;
}

.blocMoyPresta {
  text-align: center;
  background: #fff none repeat scroll 0 0;
  padding: 45px 20px 15px 20px;
  height: auto;
}

.blocMoyPresta .col-md-12 {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #d0c4c4;
}

#demandeDevis .br-widget a.br-selected::after,
#demandeDevis .br-widget a.br-active::after,
#demandeDevis .br-fractional::after,
#demandeDevis .br-fractional-40::after {
  color: #d7663c !important;
}

#demandeDevis .offre .br-widget a.br-selected::after,
#demandeDevis .offre .br-widget a.br-active::after,
#demandeDevis .offre .br-fractional::after,
#demandeDevis .offre .br-fractional-40::after {
  color: #fff !important;
}

#demandeDevis .offre .mix.offre .txt-orange {
  color: #fff;
}

#bgRecap {
  background: rgba(0, 0, 0, 0) url(../../img/bg-home.jpg);
  background-position: 100% -100%;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

#formulaire .merci h2.h2green {
  font-size: 40px;
  font-weight: bold;
  padding-bottom: 20px;
  /*border-bottom: 1px solid #ffffff;*/
  margin-top: 0;
  margin-bottom: 15px;
}

#formulaire .merci .numTuileRecap {
  margin-top: 10px;
  color: #d7663c;
  font-size: 30px;
  border-top: 1px solid #989292;
  padding: 10px 20px;
  border-bottom: 1px solid #989292;
  margin-bottom: 10px;
}

#formulaire .merci h1.bold {
  margin-bottom: 10px;
}

#formulaire .orange {
  color: #d7663c;
  line-height: 2;
}

#formulaire .merci .black {
  color: black;
}

#formulaire .merci .comebackR {
  margin-top: 10px;
  color: #d7663c;
  font-size: 30px;
  padding: 10px 20px;
  margin-bottom: 10px;
}

.picker .picker__day--highlighted {
  border-color: #fff;
}

.merci .bold.black {
  font-size: 16px;
}

.picker--focused .picker__day--highlighted {
  color: #fff !important;
  background: #d7663c !important;
}

.picker__day--infocus:hover {
  color: #fff !important;
  background: #e29a80 !important;
}

.picker__day--today:before {
  border-top: 0.5em solid #fff !important;
}

.picker__button--today:before {
  border-top: 0.66em solid #d7663c !important;
}

.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  background: #e29a80 !important;
  color: #fff !important;
}

.ui-timepicker-wrapper {
  text-align: center;
}

.rsMenu {
  text-align: center;
  margin-top: 15px;
}

.rsMenu img {
  width: 35px;
  transition: transform 0.3s;
}

.rsMenu img:hover {
  transform: scale(1.25);
}

.charNum {
  color: red;
  padding-bottom: 30px;
  text-align: center;
}

#charteWord {
  color: #d7663c;
}

#charteWord:hover,
#charteWord:focus {
  text-decoration: none;
}

#charNum {
  color: red;
}

#formAvis .charNum {
  color: white;
  font-weight: bold;
  width: 100%;
  display: inline-block;
  margin-top: 10px;
}

.wrapperLabelsTime {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding-left: 0px !important;
  margin-left: -5px;
}

#contentAdmin .superadmin span.numTuile {
  margin: inherit;
  right: 0;
  left: inherit;
  margin: 0;
}

.horaireSteps {
  /*position: absolute;
	left: 100px;*/
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 992px) {
  .heures {
    margin-left: 40%;
  }
}

@media screen and (max-width: 600px) {
  .heures {
    margin-left: 30%;
  }
}

@media screen and (max-width: 420px) {
  .heures {
    margin-left: 27%;
  }
}

@media screen and (max-width: 380px) {
  .heures {
    margin-left: 23%;
  }
}

@media screen and (max-width: 359px) {
  .heures {
    margin-left: 22%;
  }
}

@media screen and (max-width: 320px) {
  .heures {
    margin-left: 17%;
  }
}

@media screen and (max-width: 366px) {
  .margePhone {
    margin-bottom: 15px;
  }
}

/*  CSS Bruno  */
.captchacenter {
  text-align: -moz-center;
  margin-bottom: 20px;
}

#popupcontent {
  position: fixed;
  visibility: hidden;
  overflow: hidden;
  border: 2px solid #d7663c;
  background-color: rgba(000, 000, 000, 0.95);
  padding: 5px;
  padding-bottom: 30px;
  border-radius: 5px;
  z-index: 10000;
}

#statusbar {
  text-align: end;
}

#statusbar > button {
  border: 1px solid;
  border-radius: 100%;
  height: 30px;
  padding: 5px;
  width: 30px;
}

#statusbar > button:hover {
  background: #d7663c;
  color: #fff;
  outline: 0;
}

.popuptext {
  margin-left: 15px;
  margin-right: 15px;
  color: #ffffff;
  font-size: 16px;
}

#popupcontent > ul > li {
  margin-left: 30px;
  margin-right: 15px;
  color: #ffffff;
  font-size: 16px;
}

#popupcontent > ul {
  margin-top: -10px;
  padding-bottom: 10px;
}

.titrepopup {
  font-size: 35px;
  text-transform: uppercase;
  color: #ffffff;
  word-break: break-word;
}

#alertContent {
  position: fixed;
  visibility: hidden;
  overflow: hidden;
  border: 2px solid #d7663c;
  background-color: rgba(000, 000, 000, 0.8);
  padding-bottom: 30px;
  border-radius: 5px;
  min-width: 40%;
}

#alertbar {
  text-align: end;
}

#alertbar > button {
  border: 1px solid;
  border-radius: 100%;
  height: 30px;
  padding: 5px;
  width: 30px;
  right: 10px;
  position: relative;
  top: 10px;
}

#alertbar > button:hover {
  background: #d7663c;
  color: #fff;
  outline: 0;
}

.titrealert {
  font-size: 20px;
  text-transform: uppercase;
  color: #ffffff;
  word-break: break-word;
  position: relative;
  top: 20px;
  margin-left: 30px;
  margin-right: 30px;
}

.titrecenter {
  text-align: center;
  line-height: 50px;
}

.lignenoire {
  border-bottom: 1px solid black;
  top: 15px;
}

.marginbottom {
  margin-bottom: 10px;
}

.separateurnoire {
  border-bottom: 1px solid black;
  margin-bottom: 30px;
  margin-top: 30px;
}

.separateurnoires {
  border-bottom: 1px solid black;
  margin-bottom: 30px;
  margin-top: 30px;
  width: 97.5%;
  margin-left: 15px;
}

@media (max-width: 990px) {
  .separateurnoires {
    width: 90%;
  }
}

.pourquoi-mail strong{
  color: #000;
  text-decoration: none;
  
}

.textcenter {
  text-align: center;
}

.paddingbottom {
  padding-bottom: 10px;
}

#toutPrestas .liste li .activepub::before {
  content: url('../img/right.png');
  position: absolute;
  right: 20px;
  top: 160px;
  z-index: 100;
}

#toutPrestas .liste li .desactivepub::before {
  content: url('../img/wrong.png');
  position: absolute;
  right: 20px;
  bottom: 100px;
  z-index: 100;
}

@media (max-width: 990px) {
  .text-left-date {
    text-align: center !important;
  }
}

@media (max-width: 2000px) {
  .text-left-date {
    text-align: left;
  }
}

@media (max-width: 1543px) and (min-width: 1500px) {
  .shadowBox .country h1 {
    margin-right: 20px;
    margin-left: 20px;
  }
}

#infoPerso {
  margin-top: -12px;
}

.flaticon-location-pin {
  padding-right: 5px;
}

.flaticon-briefcase-frontal-view {
  padding-right: 10px;
  /* background: white; */
  background: transparent;
}

@media (max-width: 990px) {
  .icon-calendar {
    display: none;
    position: absolute;
    right: 10px;
    top: 26px;
    z-index: 100;
  }
}

@media (min-width: 990px) {
  .icon-calendar {
    position: absolute;
    padding-top: 28px;
    margin-left: -53px;
    z-index: 999;
  }
}

.how-to-work {
  padding-top: 28px;
  font-weight: bold;
}

@media (max-width: 990px) {
  .title-home-h3 {
    width: 130px;
    text-align: center !important;
    margin: 0 auto;
  }
}

@media (min-width: 990px) {
  .title-home-h3 {
    text-align: center !important;
    margin: 0 auto;
  }

  .span-fast-title {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.how-to-work {
  cursor: pointer;
  display: table;
  margin: auto;
}

.how-to-work:hover {
  color: #d7663c;
}

@media (min-width: 1534px) and (max-width: 1538px) {
  #home {
    padding-bottom: 33px;
  }
}

/************************************************************/
/** YOUTUBE VIDEO
/************************************************************/
#yt-video {
  position: fixed;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 1000;
  bottom: -100%;
  left: 0;
  background: rgba(0, 0, 0, 0.85);
  will-change: transform;
  cursor: pointer;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

#yt-video .video-container {
  width: 1170px;
  height: 300px;
  max-width: 100%;
  max-height: 90%;
  margin: auto;
  padding: 0 15px;
}

@media screen and (min-width: 992px) {
  #yt-video .video-container {
    height: 660px;
  }
}

#yt-video .video-container #close {
  display: block;
  padding-bottom: 10px;
  position: relative;
  float: right;
}

#yt-video .video-container #close * {
  display: block;
}

#yt-video .video-container #close span:first-child {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#yt-video .video-container #close span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#yt-video .video-container #close span:not(.text) {
  width: 15px;
  height: 3px;
  position: absolute;
  top: 6px;
  left: -23px;
  background: white;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

#yt-video .video-container #close .text {
  font-family: 'Poppins';
  color: white;
  font-weight: bold;
  margin-left: auto;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

#yt-video .video-container #close:hover span:not(.text) {
  background: #d7663c;
}

#yt-video .video-container #close:hover .text {
  color: #d7663c;
}

#yt-video .video-container iframe {
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0);
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  opacity: 0;
}

.video #masthead {
  top: -70px;
}

.video #yt-video {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

.video #yt-video iframe {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.3s ease-in-out 0.6s;
  transition: all 0.3s ease-in-out 0.6s;
  opacity: 1;
}

/************************************************************/
/** END YOUTUBE VIDEO
/************************************************************/

.btburger span {
  height: 4px;
}

.tuiles-ul {
  margin-left: -15px;
}

.text-left {
  text-align: left;
}

.margin-orange-bottom {
  border-bottom: 1px solid #d7663c;
  margin-bottom: 20px;
}

[contenteditable='true']:empty:before {
  content: attr(placeholder);
  pointer-events: none;
  display: block;
  /* For Firefox */
}

.myMoy {
  font-size: 26px;
}

@media (max-width: 991px) {
  .myMoy {
    float: left;
    padding-top: 45px;
    padding-bottom: 25px;
    width: 100%;
  }
}

.pad-star {
  padding-top: 15px;
  padding-bottom: 15px;
}

.activeNumTuile {
  /* color: #fff !important; */
  /* background: #d8673c !important; */
}

@media (max-width: 990px) {
  .bloccompteur {
    float: left !important;
  }

  .notePadding {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.grey-bg {
  background-color: whitesmoke;
}

.lb-nav a.lb-next,
.lb-nav a.lb-prev {
  opacity: 1 !important;
}



/* Media query of the overlay titles */

@media screen and (max-width: 1200px){
  .reco {
    margin-top: 10px;
}
}


@media screen and (max-width: 990px) {
  .titreTop {
    font-size: 28px !important;
  }
}

@media screen and (max-width: 768px) {
  .titreTop {
    font-size: 22px !important;
  }
}


body .selectize-input.items.has-options.full.has-items{line-height: 22px; overflow: inherit;}

#professionnel + .selectize-control > .selectize-input.items .item{
  display: flex;
  align-items: center;
}