@media (max-width: 771px)
{
.bottom-bar a {
    color: #ffffff;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 20px;
    position: relative;
    text-transform: uppercase;
     letter-spacing: 0px !important; 
    font-weight: bold;
}
}
@media (min-width: 1200px)
	{
.container2 {

	    margin-top: 31px !important;
    width: 1140px !important;
}
}
.emp
{
text-align: left;
color: rgb(0,0,255);
}
.circle1111 {
    margin-left: 38%;
    margin-bottom: 20px;
    width: 75px;
    height: 25px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    color: #dd3661 !important;
    font-family: clf !important;
}


form.formilaire
{
	
	margin-top:200px !important;
}
.inscr
{

float :left!important;

color: #fe0096 !important;
}


 .price-sale {

    margin-left: 22%;
    font-size: 20px;
    font-weight: 400;
    color: #adadad;
    text-decoration: line-through;
}
 .price-sale2 {


    font-size: 20px;
    font-weight: 400;
    color: #adadad;
    text-decoration: line-through;
}
.temp {

    margin-left: 50%;
    
    font-weight: 400;
    color: rgb(0,0,255);
}

.comp
{
  padding-left:10px;
  
}
.lieu22
{
  margin-right: 38px;
  font-family: Arial;
  line-height: 1.5em;
  color: #262662;
  font-weight: bold;
  font-size: 25px;
}
.imkk
{
  
  margin-bottom:7px;
  margin-top:10px;
  text-align:center;
  
}

.btn-cmd
{
   padding-top: 10px;
}

ul.list li {
    background: url('../images/marker.png') no-repeat 15px 9px;
    line-height: 23px;
    padding: 0 0 3px 30px;
 }



.lieu
{
  margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-left: 14px;
    /* padding-right: 14px; */
    font-weight: bold;
    /* text-decoration: underline; */
    color: #262662;
    font-size: 25px;
}
.circle1{
   margin-left :38%;
   margin-bottom:7px;
    width:75px;
    background: #dd3661;
    height:75px;
   font-size: 20px;
    text-align:center;
    border-radius:100px;
    line-height: 80px; 
   font-weight: bold;
   color: #ffffff !important;
   
   
}
.circle111{
       /* margin-left: 34%; */
       margin-bottom: 25px;
       /* width: auto; */
       /* height: 25px; */
       font-size: 36px;
       text-align: center;
       font-weight: bold !important;
       color: #262662 !important;
       /* text-transform: uppercase; */
       font-family: ariel;
}
#pages {
    display: none;
}
#loader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: left;
    opacity: .8;
    background-color: #FFFFFF;
}

.collapse.navbar-collapse
{
      background-color: rgba(1, 128, 171, 0.82);
    
  
  
}
.navbar-header
{
      background-color: rgb(45, 150, 185);
    
  
  
}

.navbar-toggle {
    
    background-color: #dd3760;
   
    border: 1px solid white;
    
}


.prix 
{
  
   margin-bottom:7px;
    width:75px;
   
    height:75px;
   font-size: 20px;
    text-align:center;
   
    line-height: 80px; 
   font-weight: bold;
   color: rgba(109, 110, 113, 0.56);
    font-family: clf !important;
  float:left;
   text-decoration: line-through;
   padding-top:18px;
   
}
.prix231 {
    margin-bottom: 7px;
    width: 75px;
    /* height: 75px; */
    font-size: 12px;
    text-align: center;
    color: rgba(109, 110, 113, 0.56);
    font-family: clf !important;
    float: right;
}
.circle1111 {
    margin-left: 38%;
    margin-bottom: 20px;
    width: 75px;
    height: 25px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    color: #dd3661 !important;
    font-family: clf !important;
}
.prix2222 {
    margin-bottom: 7px;
    width: 75px;
    /* height: 75px; */
    font-size: 11px;
    text-align: center;
    color: rgba(109, 110, 113, 0.56);
    font-family: clf !important;
    float: left;
}
.prix222 
{
  
   margin-bottom:7px;
    width:75px;
   
    height:75px;
   font-size: 12px;
    text-align:center;
   
    
  
   color: rgba(109, 110, 113, 0.56);
    font-family: clf !important;
  float:left;
  
  
   
}
.prix2
{
  
   margin-bottom:7px;
    width:75px;
   
    height:75px;
   font-size: 20px;
    text-align:center;
   padding-top:18px;
   
    line-height: 80px; 
   font-weight: bold;
   color:rgba(109, 110, 113, 0.56);
    font-family: clf !important;
  float:right;
   text-decoration: line-through;
}
.prix23
{
  
   margin-bottom:7px;
    width:75px;
   
    height:75px;
   font-size: 12px;
    text-align:center;
   
   
   
  
   color:rgba(109, 110, 113, 0.56);
    font-family: clf !important;
  float:right;
  
}

  
  
  font-size: 22px;
   
 text-align: center; 
    line-height: 23px;
    color: #262662!important;
    font-family: arial;
    margin-top: 20px;
    font-family: clf,sans-serif;
    font-weight: bold;
    height: 75px;
    padding: 0 7% 0 7%;
    margin-bottom: 20px;
  
}

.titre1{
  
  font: 24px;
   
    font-weight: bold;
    text-align: center;
    line-height: 23px;
    color: #dd3661!important;
   
    font-family: clf !important;
  
  
  
  
}

.titre12{
  
  font: 24px;
   font-weight: bold;
   
    text-align: center;
    line-height: 23px;
    color: #333!important;
   
    font-family: clf !important;
  
  
  
  
}


.titre11{
  
  font: 24px;
   font-weight: bold;
   
    text-align: center;
    line-height: 23px;
    color: #dd3661!important;
   
    font-family: clf !important;
  
  
  
  
}
.titre111{
  
  font: 27px;
   font-weight: bold;
   margin-bottom:27px;
    text-align: center;
    line-height: 23px;
    color: #dd3661!important;
   
    font-family: clf !important;
  
  
  
  
}

.logo1
{text-align: left;font-size: 15px;float: left;margin-right: -10px;margin-top: 10px;}

.imagef {
vertical-align: baseline;
    text-align: center !important;
    position: relative;
    float: right;
    margin: 0 -35px 0 0;
}
.ooo {
  font-family: clf;
  font-size: 16px;
  
    text-align: center;
    line-height: 23px;
     color: rgb(221, 55, 96);
  }
  .deal-block22{
    height: auto !important;
    /* max-width: 560px !important; */
    border: 3px #dd3661 dotted;
    min-height: 360px !important;
    background: #f6f6f6 !important;
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.3) !important;
    position: relative;
    padding: 36px !important;
    float: left;
    margin: 10px 0px 15px 0;
    letter-spacing: -1px !important;
    text-align: justify !important;


}

  
.deal-block{
   height: auto !important;
   /* max-width: 560px !important; */
   box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.3) !important;
   background: rgba(232, 230, 227, 0.51) !important;
   margin-bottom: 25px;
   padding: 0 0 0 0;
   border: 1px solid rgba(204, 204, 204, 0.65);
}
.kkk
{
  
      padding-top: 20px;
  
}
.lieu1det {
    text-align: center;
  margin-bottom:10px;
}
.deal-page-title
{margin-bottom: 5px;margin-top: 5px;font-family: clf !important;font-size:30px !important;}
.titredet {
   
   
    text-align: center;
    line-height: 23px;
    color: #000000!important;
    font-family: clf !important;
    margin-bottom: 20px;
    margin-top: 20px;
}
.dealdt
{
      margin-top: 10px;
      background: #e8e6e3 !important;
      height: 400px;
}


.deal-page-title {
    padding: 2%;
    background-color: #262662;
    color: #e1e1e1;
    font-size: x-large;
    margin-top: 50px;
}
.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
bootstrap.min.c…ver=3a75b7b…:5
.btn.focus, .btn:focus, .btn:hover {
    color: #333;
    text-decoration: none;
}

a.commander {
    width: 100%;
    color: #fff;
    font-size: 25px;
    padding: 10px 0;
    border-radius: 3px;
    background-color: #ff0080;
    text-transform: none;
}

a:focus, a:hover {
    /* color: #23527c; */
    text-decoration: none;
}

a:focus, a:hover {
    color: #23527c;
    text-decoration: underline;
}

a:active, a:hover {
    outline: 0;
}


@media (max-width: 699px) {
 .deal-page-title
  {
  font-size:20px !important ;
  margin-top: 150px;
  }
  .dealdt {
   
    height: auto;
}

.container2 {
   
margin-top: 138px !important;
	
  }
form.formilaire {
	margin-top: 101px;
    text-align: right !important;
}
   

  }
  .nav-tabs > li > a
  {
  font-size:9px !important ;  
    
  }
  .titredet {
    font-size:17px !important ;
    font-weight:inherit;
  }


.titre{
  
  
  font-size: 18px;
    text-align: center;
    line-height: 23px;
    color: #262662!important ;
    font-family: arial;
    margin-top: 10px;
    font-family: clf,sans-serif;
    font-weight: bold;
    height: 100px;
        margin-bottom: 10px;
  
}

  .imkk
{
  
      margin-top: 10px;
  
}
.mmm
{
  float: center  !important ;
  padding-bottom: 10px !important;
}
.deal-block
{
margin-bottom: 25px;
    padding: 0 0 0 0;
    margin-right: 15px;
    margin-left: 15px;
     height: 800px;

}
}

  .deal-page-title
  {
  font-size:25px !important ;
  }
  
  .mmm
{
  float: right  !important ;
}
}





  
  .deal-page-title
  {
  font-size: 32px !important;
  }
  .mmm
{
  float: right  !important ;
}
}

.container3 {
   


  padding-right: 15px;
  padding-top: 25px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
   margin-top:10px;
   margin-bottom:25px;
}


.container2 {
   
    background-color: #FFFFFF !important;
  padding-right: 15px;
  padding-top: 25px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
   margin-top:10px;
}

.content1{
    height: auto !important;
    /* max-width: 560px !important; */
    border: 2px #dd3661 dotted;

 border-radius: 3em;
   
    background: #ffffff !important;
     margin-bottom: 10px;
   


}
.button {
  
border: none;
  
color: #fcfcfc;
  
padding: 15px 32px;
  
text-align: center;
  
text-decoration: none;
  
display: inline-block;
  
font-size: 23px;
  
height: 70px!important;
  
margin: 4px 2px;
  
cursor: pointer;
  
border-radius :0px!important;
  
font-weight: bold;
}
.prixavant
{
  margin-bottom: 7px; 
    /* width: 75px; */
    /* height: 75px; */
    font-size: 15px ;
    text-align: center;
    /* line-height: 80px; */
    font-weight: bold;
    color: white;
    font-family: clf !important;
    /* float: left; */
    text-decoration: line-through;
    /* padding-top: 18px; */
  
}
.button1 {width: 100%; background-color: #262662; }
.button2 {width: 100%; background-color: #A0C400;}
.button3 {width: 100%;background-color: #fe0096; /* Green */}


.imgpro
{
  max-width: 100%;
    /* height: auto; */
   
    /* width: 316px; */
    height: 377px!important;
}
.compte_a_rebours
{
  
font-family: Arial;
  
line-height: 1.5em;
  
font-size: 43px;
  
color: #fcfcfc;
  
font-style: initial;
  
font-weight: bold;
  
background: #FE0096;
  
text-align: center;
  
margin-bottom: 23px;
  
margin-top: 23px;
  
/* background-color: rgb(252, 252, 252); */
}


.btConnexion{ background:#dd3661; height:41px; border:none; cursor:pointer; color:#fff;font:bold 16px NeoSansStd;margin-left:10px;  

    

}
.p{
  
  font-family: clf;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    line-height: 23px;
    color: #000000!important;
    margin-bottom: 0;

  
  
}

.deal-block2
{
    height: auto !important;
  
    border: 2px #dd3661 dotted;

     border-radius: 3em;
   text-align: center;
    background: #ffffff !important;
     margin-bottom: 10px;
    margin-top: 10px;
}

#zoneInscription h2{ color:#e52074; font:34px NeoSansStdLight; background:url(../img/separateur.html) bottom center no-repeat; padding-bottom:10px; text-transform:uppercase}



.deal-block:hover, .deal-block:focus, .deal-block:active {
 
   /*border: 1px #dd3661 solid ;*/
   
    
  /* Hack to improve aliasing on mobile/tablet devices */
}


input.zoneTexte {
   
   
    height: 42px;
    border: none;
    text-align: center;
   
    color: #7096b2;
    font: bold 12px NeoSansStd;
   
}
.mmm
{
  
  padding-top: 20px;
    padding-left: 20px;
    background-color: #2d96b9;
}
input.zoneTexte6 {
   
   
    border: solid;
    
    width: 150px;
    height: 42px;
  
    text-align: center;
   
    color: #7096b2;
    font: bold 24px NeoSansStd;
   
}

input.zoneTexte1 {
   
   
    height: 42px;
    border: none;
    text-align: center;
   border: 3px #dd3661 dotted;
    color: #7096b2;
    font: bold 24px NeoSansStd;
   
}

.blok{
background-color:lavender; 
margin: 2px
}


.container-fluid {
    background-color: #fff;
    border-color: #dd3661;
   top: 0;
    border-width: 0 0 2px;
}

.navbar-brand
 {
    background-color: #fff;
    border-color: #dd3661;
   top: 0;
    border-width: 0 0 2px;
}




.nav>li>a{
  border-bottom: 3px solid transparent;
  font: 500 20px/18px "Open Sans",sans-serif;
  font-weight: bold;
  text-align: center;
  line-height: 60px;
  color: #ffffff!important;
  font-family: clf !important;
}
.icon-bar>a:hover
{
  background: #dd3661;
  
}

.zoneTexte3
{
  display: none !important;
  
}

/* Credit to bootsnipp.com for the css for the color graph 
 ESTO SOLO ES PARA EL FORMULARIO DE LOGIN
*/
.colorgraph {
  height: 5px;
  border-top: 0;
  background: #c4e17f;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}


.carousel-control.left, .carousel-control.right {
background-image:none !important;
}
.carousel-inner .item img {
width:100%;
height:100%;
}
.carousel-indicators {
bottom:5px;
left:10px;
width:auto;
padding:5px 25px 5px 25px;
margin-left:0;
background:rgba(0,0,0,0.7);
}
.carousel-indicators li {
border-radius:0;
width:8px;
height:8px;
background:#fff;
}
.carousel-indicators .active {
width:10px;
height:10px;
background:#39b3d7;
border-color:#39b3d7;
}
 
.carousel-control {
background:    transparent;
color:#fff;
padding: 4px 0;
width:26px;
top:auto; 
left:auto;
bottom:12px;
opacity:0.85;
}
.carousel-control :hover {
    padding:4px;
  background:rgba(0,0,0,0.35);
}
.carousel-control.right {
right:10px;
}
 
.carousel-control.left {
right: 46px;
}
.carousel-caption {
top:auto;
width:auto;
right:auto;
bottom:60px;
left:10px;
padding:20px;
background:rgba(0,0,0,0.70);
text-align:left;
height:auto;
max-width:50%;
 
}


/**/

[am-LatoSans] {
  font-family: 'Lato', sans-serif;
}
[am-TopLogo] {
    max-height: 70px;
    max-width: 210px;
    margin: 12px 11px;
}
[am-CallNow] {
    font-weight: 200;
    color: #333;
    vertical-align: middle;
    line-height: 35px;
    font-size: 19px;
    padding-right: 8px;
}
/*
  Relevant styles below
*/
.topper {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}





.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
  border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
  margin-bottom: -1px;
}
/********************************************************************/
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
  background-color: #ddd;
  border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
  color: #555;
  background-color: #fff;
  border-color: #ddd;
  border-bottom-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #777;   
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #555;
}
/********************************************************************/
/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
  color: #fff;
  background-color: #3071a9;
  border-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
  color: #428bca;
  background-color: #fff;
  border-color: #428bca;
  border-bottom-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #428bca;
    border-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #fff;   
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #4a9fe9;
}
/********************************************************************/
/*** PANEL SUCCESS ***/
.with-nav-tabs.panel-success .nav-tabs > li > a,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
  color: #3c763d;
}
.with-nav-tabs.panel-success .nav-tabs > .open > a,
.with-nav-tabs.panel-success .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-success .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
  color: #3c763d;
  background-color: #d6e9c6;
  border-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.active > a,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:focus {
  color: #3c763d;
  background-color: #fff;
  border-color: #d6e9c6;
  border-bottom-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #3c763d;   
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #3c763d;
}
/********************************************************************/
/*** PANEL INFO ***/
.with-nav-tabs.panel-info .nav-tabs > li > a,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
  color: #31708f;
}
.with-nav-tabs.panel-info .nav-tabs > .open > a,
.with-nav-tabs.panel-info .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-info .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
  color: #31708f;
  background-color: #bce8f1;
  border-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.active > a,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:focus {
  color: #31708f;
  background-color: #fff;
  border-color: #bce8f1;
  border-bottom-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #31708f;   
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #31708f;
}
/********************************************************************/
/*** PANEL WARNING ***/
.with-nav-tabs.panel-warning .nav-tabs > li > a,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
  color: #8a6d3b;
}
.with-nav-tabs.panel-warning .nav-tabs > .open > a,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
  color: #8a6d3b;
  background-color: #faebcc;
  border-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:focus {
  color: #8a6d3b;
  background-color: #fff;
  border-color: #faebcc;
  border-bottom-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #8a6d3b; 
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #8a6d3b;
}
/********************************************************************/
/*** PANEL DANGER ***/
.with-nav-tabs.panel-danger .nav-tabs > li > a,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
  color: #a94442;
  border-color: #ebccd1;
}
.with-nav-tabs.panel-danger .nav-tabs > .open > a,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
  color: #a94442;
  background-color: #ebccd1;
  border-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:focus {
  color: #a94442;
  background-color: #fe0096;
  border-color: #ebccd1;
  border-bottom-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #dd3661; /* bg color */
    border-color: #ebccd1; /* border color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #a94442; /* normal text color */  
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ebccd1; /* hover bg color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff; /* active text color */
    background-color: #a94442; /* active bg color */
}
.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #262662!important;
    border-color: #ebccd1;
}


/* Credit to bootsnipp.com for the css for the color graph */
.colorgraph {
  height: 5px;
  border-top: 0;
  background: #c4e17f;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}

section.our-content--black
{
  
  background-color: rgb(45, 150, 185);;
}
section.our-content {
    padding: 4px 0;
  margin-bottom:20px;
    /* background-color: #fff; */
}

h2 {
    text-align: center;
    overflow: hidden;
    color: #fff;
    font-family: droidKufi,helveticaL,Helvetica,Arial,sans-serif;
    font-size: 2rem;
    padding-bottom: .4em;
  margin-bottom:20px;
}


h2 {
    display: block;
    font-size: 1.5em;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}




.parallax-div {
    height: 300px;
    background: url("../../res.cloudinary.com/tempest/image/upload/c_limit%2ccs_srgb%2cdpr_1.0%2cq_80%2cw_10000/MTMwOTgxMTI5NDk3OTA5NzI2.jpg");
    background-size: cover;
    background-attachement: fixed;
}

.parallax-text {
    overflow: hidden;
    background: #fff;
    color: #3a3a3a;
    font-size: 50px;
    line-height: 86px;
    font-weight: 700;
    text-transform: uppercase;
    mix-blend-mode: lighten;
    margin-top: 50px;
    height: 500px;
}


///////////////////////
/*
Free App template for Bootstrap 3
Code snippet by maridlcrmn for Bootsnipp.com
Follow me on Twitter @maridlcrmn
Image credits: unsplash.com
Image placeholders: placemi.com
*/


.mt-100 {
    margin-top: 100px; 
}
.mb-100 {
    margin-bottom: 100px;
}

.icon {
    width: 32px;
    height: 32px;
    text-align: center;
    padding: 7px 8px;
    border: 2px solid;
    border-radius: 50%;
}

.header {
    padding-top: 0px;
    background-color: #eee;
    overflow: scroll;
}
/*
.footer {
    color: #887;
    background-color: #eee;
    padding-top: 30px;
    padding-bottom: 30px;
}
*/

.content {
    position: relative;
    display: table;
    width: 100%;
    min-height: 100vh;
}
.pull-middle {
    display: table-cell;
    vertical-align: middle;
}

.btn {
    padding-left: 25px;
    padding-right: 25px;
}
.btn-circle {
    border-radius: 20px;
}

.input-group input {
    border: 0;
    box-shadow: none;
    padding-right: 30px;
}
.input-group input:focus,
.input-group input:active {
    outline: 0;
    box-shadow: none;
}
.input-group-btn:last-child>.btn {
    z-index: 2;
    margin-left: -18px;   
    border-radius: 20px;
}
form.formilaire {
	margin-top: 101px;
    text-align: right !important;
}


.phone {
/*
    position: relative;
    max-width: 263px;
    margin: 0 auto;
  
    border: 2px solid #ddd;
    border-radius: 20px;
    background-color: #222;
    box-shadow: 20px 20px 40px #887;
*/
}