/* =================================== */
/*	Basic Style 
/* =================================== */

.price-table ul li span:last-child .nb_li_alert{
color:red !important;
}

.textarea_alert{
border-color:red !important;
}

body {
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    line-height: 24px;
    font-size: 16px;
   /* color: #818181;*/
   color: #434343;
}

figure, p, address {
    margin: 0;
}

p {
    line-height: 25px;
}

iframe {
    border: 0;
}

a {
    -webkit-transition: all 0.3s ease-out 0s;
       -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s;
}

a, a:hover, a:focus, .btn:focus {
    text-decoration: none;
    outline: none;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Open Sans', sans-serif;
    color: #252525;
}

main > section {
    padding: 10px 0 !important; /*mofif 70*/
}

.btn {
    border-radius: 0;
    border: 0;
    position: relative;
    text-transform: uppercase;
}

.btn-blue {
    background-color: rgba(0,158,227, 0.78);
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.15) inset;
    padding: 15px 55px;
    color: #fff;
}

.btn-border {
    border: 2px solid #fff;
    color: #fff;
    padding: 12px 35px;
}

.bg-blue {
    background-color: #009EE3;
}

/* Sweep To Right */
.btn-effect {
	vertical-align: middle;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	display: inline-block;

	-webkit-transform: translateZ(0);
	   -moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		 -o-transform: translateZ(0);
			transform: translateZ(0);
		  
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
			backface-visibility: hidden;
		  
	-webkit-transition-property: color;
	   -moz-transition-property: color;
		-ms-transition-property: color;
			transition-property: color;
		  
	-webkit-transition-duration: 0.3s;
	   -moz-transition-duration: 0.3s;
		-ms-transition-duration: 0.3s;
			transition-duration: 0.3s;
		  
	-moz-osx-font-smoothing: grayscale;
}

.btn-effect:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	
	-webkit-transform: scaleX(0);
	   -moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
			transform: scaleX(0);
			
	-webkit-transform-origin: 0 50%;
	   -moz-transform-origin: 0 50%;
		-ms-transform-origin: 0 50%;
			transform-origin: 0 50%;
			
	-webkit-transition-property: transform;
	   -moz-transition-property: transform;
		-ms-transition-property: transform;
			transition-property: transform;
			
	-webkit-transition-duration: 0.3s;
	   -moz-transition-duration: 0.3s;
		-ms-transition-duration: 0.3s;
			transition-duration: 0.3s;
			
	-webkit-transition-timing-function: ease-out;
	   -moz-transition-timing-function: ease-out;
		-ms-transition-timing-function: ease-out;
			transition-timing-function: ease-out;
}

.btn-effect:hover, .btn-effect:focus, .btn-effect:active {
	color: #009EE3;
}

.btn-effect:hover:before, .btn-effect:focus:before, .btn-effect:active:before {
	-webkit-transform: scaleX(1);
	   -moz-transform: scaleX(1);
	    -ms-transform: scaleX(1);
			transform: scaleX(1);
}

.sec-title {
    margin-bottom: 50px;
}

.sec-title.white {
    color: #fff;
}

.sec-title h2 {
    font-size: 36px;
    margin: 0 0 30px;
    padding-bottom: 30px;
    position: relative;
    text-transform: uppercase;
}

.sec-title.white h2 {
    color: #fff;
}

.sec-title h2:after {
    border-bottom: 1px solid #009ee3;
    content: "";
    display: block;
    left: 44% !important; 
    bottom: 0;
    position: absolute;
    width: 12%;
}

.sec-title.white h2:after {
    border-bottom: 1px solid #fff;
}

.parallax {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}


/**
/*	Preloader
/* ==========================================*/

#preloader {
background: url("../img/wood2.png") repeat;
    /*background-color: rgba(0,0,0,.4);*/
    background-color: #fff;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
}


.preload-center {
  left: 50% !important;
  margin-left: -100px;
  margin-top: -50px;
  position: absolute !important;
  top: 50% !important;
}

/*Battery*/
.loder-box {
  background-color: rgba(0, 0, 0, 0.02);
  border-radius: 1px;
  height: 100px;
  left: 50%;
  margin-left: -64px;
  margin-top: -50px;
  position: absolute;
  top: 50%;
  width: 128px;
}

.battery{
    width: 60px;
    height: 10px;
    top: 60%;
    border: 1px #2E2E2E solid;
    border-radius: 2px;
    position: relative;
    -webkit-animation: charge 5s linear infinite;
       -moz-animation: charge 5s linear infinite;
            animation: charge 5s linear infinite;
    margin: 0 auto;
}
/*
.battery:after {
  background-color: #2E2E2E;
  border-radius: 0 1px 1px 0;
  content: "";
  height: 10px;
  position: absolute;
  right: -5px;
  top: 7px;
  width: 3px;
}*/


@-webkit-keyframes charge{
    0%{box-shadow: inset 0px 0px 0px #2E2E2E;}
    100%{box-shadow: inset 60px 0px 0px #2E2E2E;}
}

@-moz-keyframes charge{
    0%{box-shadow: inset 0px 0px 0px #2E2E2E;}
    100%{box-shadow: inset 60px 0px 0px #2E2E2E;}
}

@keyframes charge{
    0%{box-shadow: inset 0px 0px 0px #2E2E2E;}
    100%{box-shadow: inset 60px 0px 0px #2E2E2E;}
}





/**
/*	Header
/* ==========================================*/

#navigation {
    -webkit-transition: all 0.8s ease 0s;
       -moz-transition: all 0.8s ease 0s;
        -ms-transition: all 0.8s ease 0s;
         -o-transition: all 0.8s ease 0s;
            transition: all 0.8s ease 0s;
 background: url("../img/wood2.png") repeat;
    background-color: rgba(0,0,0,1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    padding: 1px 0;
}

#navigation.animated-header {
    padding: 0px 0px;
    padding-top: 20px;
}

h1.navbar-brand {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    font-weight:bolder;
    text-shadow: 2px 2px  #000000;
}


/*ajout dropdown second niveaux*/
.perso {
   background: transparent url("../img/wood2.png") repeat;
   left:0 !important;
   right:auto !important;
   /*margin-top: 4px !important;*/
   margin-top: 0px !important;
   border-top: 2px solid black !important;
  border-bottom: 2px solid black !important;
  
 transition: 3s ease-out;
}

.perso2 {
   background-color: transparent !important;
   
}

.perso a {
color: #fff !important;
font-size: 12px;
font-weight: bolder !important;
text-shadow: 2px 2px #000000;
}
/*fin ajout*/



/*=================================================================
	Home Slider
==================================================================*/


#home-slider {
    position: relative;
    padding: 0;
}

#home-slider .overlay2{

    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 1) 100%);

}

.sl-slider-wrapper {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.sl-slider {
    position: absolute;
    top: 0;
    left: 0;
}

/* Slide wrapper and slides */

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
} 

.sl-slide {
    z-index: 1;
   /* background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 1) 100%) !important;*/
}

.slide-caption {
    color: #fff;
    display: table;
    height: 100%;
    left: 0;
    min-height: 100%;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 11;
}

.slide-caption .caption-content {
    vertical-align: middle;
    display: table-cell;
}

.caption-content h2 {
    color: #fff;
    font-size: 52px;
    font-weight: 400;
    margin-bottom: 25px;
    text-transform: uppercase;
text-shadow:
	0.015em 0.015em 0 #CCC,
	0.03em 0.03em 0 #CCC, /* end of 2 level deep grey shadow */
	0.045em 0.045em 0 #444,
	0.06em 0.06em 0 #444,
	0.075em 0.075em 0 #444,
	0.09em 0.09em 0 #444; /* end of 4 level deep dark shadow */
}

.caption-content > span {
    display: block;
    font-size: 20px; /*24*/
    margin-bottom: 45px;
    text-transform: capitalize;
    max-width:70%;
    margin-right:auto;
    margin-left:auto;
   text-shadow:
	0.015em 0.015em 0 #CCC,
	0.03em 0.03em 0 #CCC, /* end of 2 level deep grey shadow */
	0.045em 0.045em 0 #444,
	0.06em 0.06em 0 #444,
	0.075em 0.075em 0 #444,
	0.09em 0.09em 0 #444; /* end of 4 level deep dark shadow */
}

.caption-content p {
    font-size: 29px;
    margin-bottom: 65px;
}

/* The duplicate parts/slices */

.sl-content-slice {
    overflow: hidden;
    position: absolute;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background: #fff;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity : 1;
}

/* Horizontal slice */

.sl-slide-horizontal .sl-content-slice {
    width: 100%;
    height: 50%;
    left: -200px;
    -webkit-transform: translateY(0%) scale(1);
    -moz-transform: translateY(0%) scale(1);
    -o-transform: translateY(0%) scale(1);
    -ms-transform: translateY(0%) scale(1);
    transform: translateY(0%) scale(1);
}

.sl-slide-horizontal .sl-content-slice:first-child {
    top: -200px;
    padding: 200px 200px 0px 200px;
}

.sl-slide-horizontal .sl-content-slice:nth-child(2) {
    top: 50%;
    padding: 0px 200px 200px 200px;
}

/* Vertical slice */

.sl-slide-vertical .sl-content-slice {
    width: 50%;
    height: 100%;
    top: -200px;
    -webkit-transform: translateX(0%) scale(1);
    -moz-transform: translateX(0%) scale(1);
    -o-transform: translateX(0%) scale(1);
    -ms-transform: translateX(0%) scale(1);
    transform: translateX(0%) scale(1);
}

.sl-slide-vertical .sl-content-slice:first-child {
    left: -200px;
    padding: 200px 0px 200px 200px;
}

.sl-slide-vertical .sl-content-slice:nth-child(2) {
    left: 50%;
    padding: 200px 200px 200px 0px;
}

/* Content wrapper */
/* Width and height is set dynamically */
.sl-content-wrapper {
    position: absolute;
}

.sl-content {
    width: 100%;
    height: 100%;
}

/* Default styles for background colors

.btn-effect:after {
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    content: "";
    position: absolute;
    z-index: -1;

    -webkit-transition: all 0.3s ease-out 0s;
       -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s;
}

.btn-effect:hover,
.btn-effect:active {
    color: #0e83cd;
}

.btn-effect:hover:after,
.btn-effect:active:after {
    width: 100%;
} */


/* Project laughtbox setup */

.fancybox-item.fancybox-close.close2 {
    background-size:30px;
    height: 30px;
    right: 0;
    top: 0;
    width: 30px;
    text-align:center;
    color:white;
    font-weight:bolder;
    line-height:30px;
    cursor: pointer;
}

.fancybox-item.fancybox-close.close2:before{
   
    content:"×";
    font-size: 30px;
}





.fancybox-item.fancybox-close.close2.button-blue {
    background-color: #0066FF;  
}
.fancybox-item.fancybox-close.close2.button-red {
    background-color: #FF0000;
}
.fancybox-item.fancybox-close.close2.button-black {
    background-color: #000000;
}

.fancybox-item.fancybox-close.close2.button-blue_site {
    background-color: rgba(126, 162, 190, 1);
}

.fancybox-item.fancybox-close {
    /*background: url("../img/icons/close.png") no-repeat scroll 0 0 transparent;*/
    height: 50px;
    right: 0;
    top: 0;
    width: 50px;
}

.fancybox-next span {
    background: url("../img/right.png") no-repeat scroll center center #009ee3;
    height: 50px;
    width: 50px;
    right: 0;
}

.fancybox-prev span {
    background: url("../img/left.png") no-repeat scroll center center #009ee3;
    height: 50px;
    width: 50px;
    left: 0;
}

/*=================================================================
	About
==================================================================*/

#about {
    background-color: #009EE3;
    color: #fff;
}

#about h3 {
    color: #fff;
    margin: 0 0 35px;
    text-transform: uppercase;
}

#about .welcome-block h3 {
    margin: 0 0 65px;
}

#about .welcome-block img {
    border: 3px solid #fff;
    border-radius: 50%;
    margin-right: 35px;
    max-width: 100px;
}

#about .message-body {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 70px;
}

.owl-buttons {
    border: 2px solid #fff;
    display: inline-block;
    float: right;
    padding: 1px 8px 5px;
}

.owl-buttons > div {
    display: inline-block;
    padding: 0 5px;
}

.welcome-message {
    padding: 0 50px;
}

.welcome-message img {
    display: block;
    height: auto;
    max-width: 100px;
    float: left;
}

.welcome-message p {
    font-size: 13px;
    margin-left: 135px;
}

/*=================================================================
	Services
==================================================================*/

.service-icon {
    border: 3px solid transparent;
    display: inline-block;
    height: 85px;
    width: 85px;
    line-height: 101px;

    -webkit-transform: rotate(47deg);
       -moz-transform: rotate(47deg);
        -ms-transform: rotate(47deg);
         -o-transform: rotate(47deg);
            transform: rotate(47deg);

    -webkit-transition: all 0.3s ease 0s;
       -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
         -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}

.service-item:hover .service-icon {
    border: 3px solid #009ee3;
    margin-bottom: 20px;
    color: #009ee3;
}

.service-icon i {
    -webkit-transform: rotate(-48deg);
       -moz-transform: rotate(-48deg);
        -ms-transform: rotate(-48deg);
         -o-transform: rotate(-48deg);
            transform: rotate(-48deg);
}

.service-item h3 {
    font-size: 20px;
    text-transform: uppercase;
}

/*=================================================================
	Portfolio
==================================================================*/

.project-wrapper {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.project-wrapper li {
    display: inline-block;
}

.portfolio-item {
    cursor: pointer;
    margin: 0 1% 1% 0;
    overflow: hidden;
    position: relative;
    width: 32%;
}

figcaption.mask {
    background-color: rgba(54, 55, 50, 0.79);
    bottom: -126px;
    color: #fff;
    padding: 25px;
    position: absolute;
    width: 100%;
    text-align: left;
    
    -webkit-transition: all 0.4s ease 0s;
       -moz-transition: all 0.4s ease 0s;
        -ms-transition: all 0.4s ease 0s;
         -o-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}

.portfolio-item:hover figcaption.mask {
    bottom: 0;
}

figcaption.mask h3 {
    margin: 0;
    color: #fff;
}

ul.external {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: -47px;
    
    -webkit-transition: all 0.4s ease 0s;
       -moz-transition: all 0.4s ease 0s;
        -ms-transition: all 0.4s ease 0s;
         -o-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}

ul.external li {
    display: inline-block;
}

ul.external li a {
    background-color: rgba(255, 255, 255, 0.9);
    color: #818181;
    display: block;
    padding: 10px 18px 13px;
    
    -webkit-transition: all 0.5s ease 0s;
       -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
         -o-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
}

ul.external li a:hover {
    background-color: #009EE3;
    color: #fff;
}

.portfolio-item:hover ul.external {
    top: 0;
}

.fancybox-skin {
    border-radius: 0;
}

.fancybox-title.fancybox-title-inside-wrap {
    padding: 15px;
}

.fancybox-title h3 {
    margin: 0 0 15px;
}

.fancybox-title p {
    color: #818181;
    font-size: 16px;
    line-height: 22px;
}

.fancybox-title-inside-wrap {
    padding-top: 0;
}

/*=================================================================
	Testimonials
==================================================================*/
#testimonials .row {

    padding-top: 30px;
 
}

#testimonials {
   /* background-image: url(/img/parallax/testimonial.jpg);*/
    background-size:cover; 
    /*padding: 0;*/
    color: #fff;
}

#testimonials .sec-title h2:after {
    border-bottom: 1px solid #fff;
}

#testimonials .overlay {
  background: #7EA2BE linear-gradient(to bottom,  #FFFFFF 0%, #7EA2BE 5%, #7EA2BE 95%,#FFFFFF 100%);
    padding: 70px 0 40px;
}

.testimonial-item {
    margin: 0 auto;
    padding-bottom: 50px;
    width: 64%;
}

.testimonial-item img {
    border: 3px solid #fff;
    border-radius: 50%;
    display: inline-block;
    height: auto;
    max-width: 100px;
}

.testimonial-item > div {
    line-height: 30px;
    position: relative;
}

.testimonial-item > div:before {
    background-image: url("../img/icons/quotes.png");
    background-repeat: no-repeat;
    /*bottom: 127px;*/
    height: 33px;
    left: -35px;
    position: absolute;
    width: 45px;
    top:35px; /*ajout*/
}

.testimonial-item > div:after {
    background-image: url("../img/icons/quotes.png");
    background-position: -58px 0;
    background-repeat: no-repeat;
    bottom: -35px; /*-50px*/
    height: 33px;
    position: absolute;
    right: -35px; /* 0px*/
    width: 45px;
}

.testimonial-item > div > span {
    display: inline-block;
    font-weight: 700;
    margin: 20px 0 15px;
    text-transform: uppercase;
}

#testimonials .owl-controls.clickable {
    margin-top: 20px;
    text-align: center;
}

#testimonials .owl-buttons {
    border: 2px solid #fff;
    float: inherit;
}

#testimonials .owl-prev:hover,
#testimonials .owl-next:hover {
    color: #fff;
}

/*=================================================================
	Price
==================================================================*/
/*ajout*/
#tarifs{
margin-top:-7px;
}
/*fin ajout*/
.price-table {
    border: 1px solid #e3e3e3;
    background-color: rgba(255,255,255,0.8);
}

.price-table.featured {
    -webkit-box-shadow: 0 4px 5px rgba(0,0,0,0.19);
       -moz-box-shadow: 0 4px 5px rgba(0,0,0,0.19);
            box-shadow: 0 4px 5px rgba(0,0,0,0.19);
}


/*ajout*/
p.titre{
    line-height: 20px;
    font-size:20px;
}
/*fin ajout*/

.price-table > span {
    color: #252525;
    display: block;
    font-size: 24px;
    padding: 30px 0;
    text-transform: uppercase;
}

.price-table .value {
    background-color: #f8f8f8;
    color: #727272;
    padding: 10px 0; /* modify 20 px*/

    -webkit-transition: all 0.7s ease 0s;
       -moz-transition: all 0.7s ease 0s;
        -ms-transition: all 0.7s ease 0s;
         -o-transition: all 0.7s ease 0s;
            transition: all 0.7s ease 0s;
}


.price-table.featured .value {
    background-color: #009EE3;
    color: #fff;
}

.price-table .value span {

    display: inline-block;
   
}

.price-table .value span:first-child {
  font-size: 52px;
    line-height: 52px;
     color: #fff !important;/*ajout*/
}

.price-table .value span:nth-child(2) {
      font-size: 26px;
    line-height: 26px;
    margin-bottom: 16px; /*modify 25*/
    color: #fff !important; /*ajout*/
}

.price-table .value span:last-child {
    font-size: 16px;
    color: #fff !important; /*ajout*/
}

.price-table ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.price-table ul li {
    border-top: 1px solid #e3e3e3;
    display: block;
    padding: 6px 0; /*modify 25px*/

    -webkit-transition: all 0.7s ease 0s;
       -moz-transition: all 0.7s ease 0s;
        -ms-transition: all 0.7s ease 0s;
         -o-transition: all 0.7s ease 0s;
            transition: all 0.7s ease 0s;
}

/*ajout*/
.price-table ul li span:first-child {
  font-size: 24px;
    line-height: 24px;
    color: #fff !important; /*ajout*/
}

.price-table ul li span:nth-child(2) {
      font-size: 12px;
    line-height: 12px;
    margin-bottom: 4px;
    color: #fff !important; /*ajout*/
}

.price-table ul li span:last-child {
    font-size: 12px;
    color: #fff !important; /*ajout*/
}

/*fin ajout*/
}

.price-table ul li a {
    display: block;
    text-transform: uppercase;
}

.price-table.featured ul li:last-child,
.price-table ul li:last-child:hover {
    background-color: #009EE3;
}

.price-table.featured ul li:last-child a,
.price-table ul li:last-child:hover a {
    color: #fff;
}
 /*ajout*/
.price-table.featured.blue .value {
    background-color: #0066FF;
    color: #fff;
}
.price-table.featured.red .value {
    background-color: #FF0000;
    color: #fff;
}
.price-table.featured.black .value {
    background-color: #000000;
    color: #fff !important;
}

.price-table.featured.maroon .value {
    background-color: #8B5742;
    color: #fff !important;
}

.price-table.featured.blue ul li {
    background-color: rgba(0, 102, 255, 0.5);
    
      color: #fff !important;
}
.price-table.featured.red ul li {
    background-color: rgba(255, 0, 0, 0.5);
     
      color: #fff ;
}
.price-table.featured.black ul li {
    background-color: rgba(0, 0, 0, 0.5);
   
     color: #fff;
}
.price-table.featured.maroon ul li {
    background-color: rgba(139, 87, 66, 0.5);
   
     color: #fff;
}

.price-table.featured.blue span {
color:#0066FF;    
}
.price-table.featured.red span {
color:#FF0000;    
} 
.price-table.featured.black span {
color:#000000;    
}
.price-table.featured.maroon span {
color:#8B4513;    
}

.blue h2 {
color:#0066FF;    
}
.red h2 {
color:#FF0000;    
} 
.black h2 {
color:#000000;    
}
.maroon h2 {
color:#8B4513;    
}


.bottom a {
color:inherit !important;
font-size: 12px;
    line-height: 12px;  
}
 span.bottom{
padding: 10px 0;
line-height: 12px;  
}
li.blue{
    background-color: rgba(0, 102, 255, 1) !important;
}
li.red{
    background-color: rgba(255, 0, 0, 1) !important;
}
li.black{
    background-color: rgba(0, 0, 0, 1) !important;
}
li.maroon{
    background-color: rgba(139, 87, 66, 1) !important;
}


/*Pack gris*/
.price-table.featured.gris .value {
    background-color: #848484;
    color: #fff !important;
}
.price-table.featured.gris ul li {
    background-color: rgba(132, 132, 132, 0.5);
   
     color: #fff;
}
.price-table.featured.gris span {
color:#7F7F7F;    
}

li.gris{
    background-color: rgba(132, 132, 132, 1) !important;
}

/*Pack bleu*/
.price-table.featured.bleuc .value {
    background-color: #7EC0EE;
    color: #fff !important;
}
.price-table.featured.bleuc ul li {
    background-color: rgba(126, 192, 238, 0.5);
   
     color: #fff;
}
.price-table.featured.bleuc span {
color:#27408B;    
}
li.bleuc{
    background-color: rgba(126, 192, 238, 1) !important;
}

/*fin ajout*/

/*col 2*/
.spacer
{
    width:16.66666666% !important;
}
/*fin col 2*/
/*col 1*/
.spacer2
{
    width:33.33333333% !important;
}
/*fin col 1*/
/*col 1*/
.ecart_divers
{
    margin-top:20px;
}
/*fin col 1*/
/*=================================================================
	Price
==================================================================*/

#social {
    background-image: url(../img/slider/banner.jpg);
     background-size:cover;
    padding: 0;
}

/*#social .overlay {
    background: url("../img/slide_bg.png") repeat scroll 0 0 transparent;
    padding: 100px 0 120px;}*/
    
#social .overlay {  
   background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 10%), url("../img/slide_bg.png") ;
padding: 100px 0 120px;
}
#social .overlay2 {
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 10%);
   
    
}

.social-button {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.social-button li {
    display: inline-block;
}

.social-button li:nth-child(2) {
margin:0;
    margin-left:75px; /* modif margin:0 75px;*/
}

.social-button li a {
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: block;
    height: 90px;
    line-height: 96px;
    width: 90px;
    
    -webkit-transition: all 0.2s ease 0s;
       -moz-transition: all 0.2s ease 0s;
        -ms-transition: all 0.2s ease 0s;
         -o-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}

.social-button li a:hover {
    color: #008ECC;
    border: 2px solid #008ECC;
}


/*=================================================================
	Contact
==================================================================*/



.input-field {
    margin-bottom: 10px;
}

.form-control {
    border: 1px solid #ececec;
    border-radius: 0;
    box-shadow: none;
    color: #818181;
    font-size: 16px;
    height: 50px;
}

textarea.form-control {
    width: 100%;
    height: 165px;
}

#submit:hover {
  color: #fff;
}

#submit:before {
  background-color: #0A85BB;
}

#submit.btn-effect:after {
  background: #2E2E2E;
}

.contact-details h3 {
    border-bottom: 1px solid #008ecc;
    font-weight: 700;
    margin-bottom: 15px;
    padding-bottom: 15px;
    text-transform: uppercase;
     font-size: 18px; /*modif ajout*/
}

.contact-details p {
    line-height: 30px;
}

.contact-details p i {
    margin-right: 10px;
}

.contact-details span {
    display: block;
    margin-left: 24px;
}



/*============================================================
	Google Maps
==============================================================*/

#google-map {
    padding: 0;
}

#map-canvas {
    width: 100%;
    height: 300px;
}

#floating-panel {
  position:relative;
  display: flex;
  float:left; 
  top: 50px;
  left: 0;
  z-index: 5;
  text-align: center;
  font-family: 'Roboto','sans-serif';
  line-height: 34px;
  padding-left: 10px;
  height: 34px;
}
.Go {
  height: 30px;

  line-height: 3px;
  display:inline-block;
   -webkit-appearance: none;
   padding: 0px 5px!important;
   margin-left:5px;
}

#start {
  height: 30px;
line-height: 30px;
 display:inline-block;
  
}

#smart_logo {
  text-align: center;

  
}



.cont
{
  size:100%;
}
/*============================================================
	Footer
==============================================================*/

#footer {
    background-color: #2E2E2E;
    padding: 20px 0;
    color: #fff;
}

.footer-content {
    width: 390px;
    margin: 0 auto;
}

.footer-content > div {
    margin-bottom: 40px;
}

.footer-content > div > p:first-child {
    margin-bottom: 15px;
    text-transform: uppercase;
}

.subscribe-form {
    position: relative;
}

.subscribe.form-control {
    background-color: transparent;
    border: 1px solid #7f7f7f;
}

.subscribe.form-control:focus {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

.submit-icon {
    background-color: #7f7f7f;
    border: 0 none;
    border-radius: 0;
    color: #c1c1c1;
    padding: 13px 20px;
    position: absolute;
    overflow: hidden;
    right: 0;
    top: 0;
}

.submit-icon .fa-paper-plane {
    position: relative;
    top: 0;
    
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);

    -webkit-transition: all 0.3s ease 0.2s;
       -moz-transition: all 0.3s ease 0.2s;
        -ms-transition: all 0.3s ease 0.2s;
         -o-transition: all 0.3s ease 0.2s;
            transition: all 0.3s ease 0.2s;
}

.submit-icon:hover .fa-paper-plane {
    position: relative;
    top: -37px;
    
    -webkit-transform: translateX(30px);
       -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
         -o-transform: translateX(30px);
            transform: translateX(30px);
}

.footer-content .footer-social {
    margin: 40px 0 35px;
}

.footer-social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.footer-social ul li {
    display: inline-block;
    margin: 0 10px;
}

.footer-social ul li a {
    color: #7f7f7f;
    display: block;
    
    -webkit-transition: all 0.2s ease 0s;
       -moz-transition: all 0.2s ease 0s;
        -ms-transition: all 0.2s ease 0s;
         -o-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}

.footer-social ul li a:hover {
    color: #009EE3;
}

.footer-content > p {
    color: #ababab;
    font-size: 12px;
}


/*

.back_ski
{
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%),linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 1) 100%),linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 1) 100%), url("../img/bkg_price/ski.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}


.back_testimonial
{
background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 1) 100%), url("../img/testimonial.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}

.back_snow
{
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%),linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 1) 100%),linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 1) 100%), url("../img/bkg_price/snow+boots.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}

.back_ski_seul
{
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%),linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 1) 100%),linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 1) 100%), url("../img/bkg_price/ski_seul.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}

.back_chaussures
{
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%),linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 1) 100%), url("../img/bkg_price/chaussures.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}

.back_chaines
{
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%),linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 1) 100%), url("../img/bkg_price/chaines.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}

.back_divers
{
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%),linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 1) 100%), url("../img/bkg_price/divers.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}
*/ 

/*============================================================ 
	Responsive Styles mixed
 ============================================================*/


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

 body {
        font-size: 14px;
    }

    .parallax {
        background-position: centet tip !important;
    }

    .sec-title h2 {
        font-size: 22px; /* 25*/
    }

    .sec-title h2:after {
        left: 44% !important;
    }

/*navigation*/
    .navbar-inverse .navbar-toggle {
        border-color: #fff;
    }

    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
        background-color: transparent;
    }

/* slider */
    .caption-content h2 {
        font-size: 18px;  /*18px*/
    }

    .caption-content > span {
        font-size: 12px;/*16px*/
        margin-bottom: 20px;
        line-height:1.2em; /*ajout*/
    }

    .caption-content p {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .caption-content strong {
        font-size: 22px;
    }

/* about */
    .recent-works {
        margin-bottom: 85px;
    }

    #about h3 {
        font-size: 18px;
        margin: 0 0 35px !important;
    }

    #about .owl-buttons {
        margin-top: 20px;
    }

    #about .message-body {
        margin-bottom: 45px;
    }

    #about .welcome-block img {
        margin: 0 25px 15px 0;
    }

/* service */
    .service-item {
        width: 100%;
    }

/*portfolio*/
    .portfolio-item {
        margin: 0 auto 10px;
        font-size: 14px;
        width: 280px;
    }

    figcaption.mask {
        bottom: -107px;
        color: #fff;
        padding: 15px;
    }

/* lightbox */
    .fancybox-title h3 {
        font-size: 20px;
    }

    .fancybox-title p {
        font-size: 14px;
    }

/* testimonial */


    .testimonial-item {
        width: 95%;
    }

    .testimonial-item > div:before,
    .testimonial-item > div:after {
        background-image: none;
    }

    .testimonial-item > div > span {
        margin: 30px 0 20px;
    }

/* price */
    .price-table {
        margin-bottom: 50px;
    }

/* follow us */
    .social-button li:nth-child(2) {
       /* modif suppression =>margin: 0 25px;*/
       margin-left: 30px;
    }

    .social-button li a {
        height: 65px;
        line-height: 71px;
        width: 65px;
    }

/* contact form */
    .contact-form {
        margin-bottom: 50px;
    }

/* footer */
    .footer-content {
        width: 100%;
    }

    .footer-social ul li {
        margin: 0 7px;
    }

/*Price */

/*ajout*/
p.titre{
    line-height: 15px;
    font-size:15px;
}
/*fin ajout*/


/*maps ajout */

#start
{
 width:150px;
  
}





.id5 {

font-size:5.5px;
}

 .id8 {

font-size:8px !important;

}









} 


/*pour portrait font*/

@media only screen and (min-width: 600px) and (max-width: 736px) and (orientation: landscape) {



.caption-content h2 {
        font-size: 25px !important;  /*18px*/
    }

    .caption-content > span {
        font-size: 15px !important; /*16px*/
        line-height:1.2em !important;  /*ajout*/
    }

    .caption-content p {
        font-size: 19px !important;
    }

    .caption-content strong {
        font-size: 25px !important; 
    }


}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

  .sec-title h2:after {
        left: 44%;
    }
    
    main > section {
    padding: 30px 0; /*mofif 70*/
}

/* home slider */
    .caption-content h2 {
        font-size: 35px;/*35px*/
    }

    .caption-content p {
        font-size: 18px;/*18px*/
    }

    .caption-content strong {
        font-size: 35px;
    }

/*about*/

    #about .welcome-block h3 {
        margin: 0 0 35px;
    }

/* service */

    .service-item {
        margin: 0 auto 50px;
        /*width: 55%;*/
    }

/* portfolio */
    .portfolio-item {
        width: 48%;
    }

    figcaption.mask {
        bottom: -132px;
    }

/* testimonial */


    .testimonial-item {
        width: 80%;
    }

    .testimonial-item > div:before {
        bottom: 160px;
    }

/* social */
    .social-button li:nth-child(2) {
        margin-left: 30px; /*margin:0 50px;*/
    }

    .social-button li a {
        height: 90px;
        line-height: 96px;
        width: 90px;
    }

/* price */
    .price-table {
        margin-bottom: 50px;
    }

/* contact form */
    .contact-form {
        margin-bottom: 50px;
    }

/* footer */
    .footer-content {
        width: 380px;
    }

} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {


/*nav*/

.navbar-collapse_margin
{
margin-top:0px !important;
}
/* home slider  */
    .caption-content h2 {
        font-size: 40px;
    }

    .caption-content p {
        font-size: 25px;
    }

    .caption-content strong {
        font-size: 45px;
    }

/* about */
    .recent-works {
        margin-bottom: 50px;
    }

    .service-item {
        margin-bottom: 50px;
    }

/* portfolio */
    .portfolio-item {
        width: 48%;
    }

/* testimonial */

    .testimonial-item {
        width: 100%;
    }

    .testimonial-item {
        width: 80%;
    }

    .testimonial-item > div:after {
        bottom: -35px;
    }

/* price */
    .price-table {
        margin-bottom: 50px;
    }

/* contact form */
    .contact-form {
        margin-bottom: 50px;
    }

} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

/*about*/
    #about .welcome-block img {
        margin-bottom: 30px;
    }

/* portfolio */
    figcaption.mask {
        bottom: -151px;
    }

    .testimonial-item > div:after {
        bottom: -40px;
    }


} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

}












/*============================================================ 
	Responsive Styles
 ============================================================*/

/*============================================================
	For Small Desktop
==============================================================*/



/*@media (min-width: 980px) and (max-width: 1150px) {

about

    #about .welcome-block img {
        margin-bottom: 30px;
    }

portfolio 
    figcaption.mask {
        bottom: -151px;
    }

    .testimonial-item > div:after {
        bottom: -40px;
    }
}

*/

/*============================================================
	Tablet (Portrait) Design for a width of 768px
==============================================================*/
/*
@media (min-width: 768px) and (max-width: 979px) {

home slider  
    .caption-content h2 {
        font-size: 40px;
    }

    .caption-content p {
        font-size: 25px;
    }

    .caption-content strong {
        font-size: 45px;
    }

about 
    .recent-works {
        margin-bottom: 50px;
    }

    .service-item {
        margin-bottom: 50px;
    }

portfolio 
    .portfolio-item {
        width: 48%;
    }

testimonial 

    .testimonial-item {
        width: 100%;
    }

    .testimonial-item {
        width: 80%;
    }

    .testimonial-item > div:after {
        bottom: -35px;
    }

price 
    .price-table {
        margin-bottom: 50px;
    }

 contact form 
    .contact-form {
        margin-bottom: 50px;
    }
}
*/

/*============================================================
	Mobile (Portrait) Design for a width of 320px
==============================================================*/

/*
@media only screen and (max-width: 767px) {

    body {
        font-size: 14px;
    }

    .parallax {
        background-position: centet tip !important;
    }

    .sec-title h2 {
        font-size: 22px; 
        
        
       old:25
    }

    .sec-title h2:after {
        left: 30%;
    }

navigation
    .navbar-inverse .navbar-toggle {
        border-color: #fff;
    }

    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
        background-color: transparent;
    }

 slider 
    .caption-content h2 {
        font-size: 18px; 
        
         old:18px
    }

    .caption-content > span {
        font-size: 12px;
        old:16px
        margin-bottom: 20px;
        line-height:1.2em; ajout
    }

    .caption-content p {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .caption-content strong {
        font-size: 22px;
    }

 about
    .recent-works {
        margin-bottom: 85px;
    }

    #about h3 {
        font-size: 18px;
        margin: 0 0 35px !important;
    }

    #about .owl-buttons {
        margin-top: 20px;
    }

    #about .message-body {
        margin-bottom: 45px;
    }

    #about .welcome-block img {
        margin: 0 25px 15px 0;
    }

service 
    .service-item {
        width: 100%;
    }

portfolio
    .portfolio-item {
        margin: 0 auto 10px;
        font-size: 14px;
        width: 280px;
    }

    figcaption.mask {
        bottom: -107px;
        color: #fff;
        padding: 15px;
    }

 lightbox 
    .fancybox-title h3 {
        font-size: 20px;
    }

    .fancybox-title p {
        font-size: 14px;
    }

 testimonial


    .testimonial-item {
        width: 95%;
    }

    .testimonial-item > div:before,
    .testimonial-item > div:after {
        background-image: none;
    }

    .testimonial-item > div > span {
        margin: 30px 0 20px;
    }

/* price 
    .price-table {
        margin-bottom: 50px;
    }

/* follow us 
    .social-button li:nth-child(2) {
       /* modif suppression =>margin: 0 25px;
       margin-left: 30px;
    }

    .social-button li a {
        height: 65px;
        line-height: 71px;
        width: 65px;
    }

/* contact form 
    .contact-form {
        margin-bottom: 50px;
    }

/* footer 
    .footer-content {
        width: 100%;
    }

    .footer-social ul li {
        margin: 0 7px;
    }

/*Price 

/*ajout
p.titre{
    line-height: 15px;
    font-size:15px;
}
/*fin ajout


/*maps ajout 

#start
{
 width:150px;
  
}




}
/*============================================================
	Mobile (Landscape) Design for a width of 480px
==============================================================*/

/*

@media only screen and (min-width: 480px) and (max-width: 767px) {

    .sec-title h2:after {
        left: 38%;
    }
    
    main > section {
    padding: 70px 0; /*mofif 70
}

/* home slider 
    .caption-content h2 {
        font-size: 35px;/*35px
    }

    .caption-content p {
        font-size: 18px;/*18px
    }

    .caption-content strong {
        font-size: 35px;
    }

/*about

    #about .welcome-block h3 {
        margin: 0 0 35px;
    }

/* service 

    .service-item {
        margin: 0 auto 50px;
        width: 55%;
    }

/* portfolio 
    .portfolio-item {
        width: 48%;
    }

    figcaption.mask {
        bottom: -132px;
    }

/* testimonial 


    .testimonial-item {
        width: 80%;
    }

    .testimonial-item > div:before {
        bottom: 160px;
    }

/* social 
    .social-button li:nth-child(2) {
        margin-left: 30px; /*margin:0 50px;
    }

    .social-button li a {
        height: 90px;
        line-height: 96px;
        width: 90px;
    }

/* price 
    .price-table {
        margin-bottom: 50px;
    }

/* contact form 
    .contact-form {
        margin-bottom: 50px;
    }

/* footer 
    .footer-content {
        width: 380px;
    }
}

*/
/*============================================================
	Specific case header adress
==============================================================*/



.id6.hideid6{
    display:none;
}


 .id6 {

text-align: center;
display: inline-block;
margin: auto;
z-index: -10000;
position: absolute;
margin-top: 45px;
/*bottom: 0px;*/
font-weight:bolder;
color:white;
width:100%;
}

.linear_deg{
padding-bottom:22px;
}

.horaire
{
z-index: 1029 !important;
bottom:0 !important;
}

 .id5 {

height:1em;
text-align: center;
display: inline-block;
line-height: 1em;
/* max-width: 700px; */
position: relative;
margin: auto;
font-weight:bolder;
color:white;
font-size:10px;
}

.id8 {

height:1em;
text-align: center;
display: inline-block;
line-height: 1em;
/* max-width: 700px; */
position: relative;
margin: auto;
font-weight:bolder;
color:white;
font-size:12px;
}
 .id7 {

margin: auto;
text-align:center;
padding-right: 5px;
padding-left: 5px;
padding-top: 2px;

}


.horaire3
{
line-height: 1.2em !important;
}


@media only screen and (min-width:992px)
 {
.horaire2
{
text-align: center !important;
padding-right:0px !important;

}


.id7 {
text-align: right;
padding-right:80px;
}
 .id5 {

font-size:12px;

}

 .id8 {

font-size:15px;

}

}


@media only screen 
and (min-width : 320px) 
and (max-width : 568px) {

 .id5 {

font-size:5.5px;
}

 .id8 {

font-size:8px !important;

}

}

.navbar-collapse_margin{
margin-top:25px;
}


@media only screen and (min-width:375px) and (max-width:991px)
 {

.caption-content > span {
  
    max-width:92%;
    line-height:0.6em;

}
 .id8 {

font-size:10px;

}

}


@media (min-width:768px) and (orientation:portrait){

.navbar-inverse .navbar-nav > li > a {
 
    font-size: 13px !important;

}
/*iphone 4 et 5*/




}



/*landscape special modif dot*/
@media only screen and (orientation: landscape) {
.nav-dots{
bottom: 14%;
}
}



.shadow-petit{
text-shadow: 0 0 0.06em #FFF, 0 0 0.12em #FFF, 0 0 0.18em #FFF, 0 0 0.24em #FFF, 0 0 0.30em #FFF, 0 0 0.36em #FFF,0 0 0.06em #FFF, 0 0 0.12em #FFF, 0 0 0.18em #FFF, 0 0 0.24em #FFF, 0 0 0.30em #FFF, 0 0 0.36em #FFF;
color:#000!important;
/*color:#434343!important;*/
}

.modif-slider-contenu{
/*text-shadow: 0 0 0.03em #FFF, 0 0 0.06em #FFF, 0 0 0.09em #FFF, 0 0 0.12em #FFF, 0 0 0.15em #FFF, 0 0 0.18em #FFF,0 0 0.03em #FFF, 0 0 0.06em #FFF, 0 0 0.09em #FFF, 0 0 0.12em #FFF, 0 0 0.15em #FFF, 0 0 0.18em #FFF !important;
*/
color:#fff !important;
font-weight:600 !important;
}

.modif-slider-titre{
/*text-shadow: 0.015em 0.015em 0 #FFF, 0.03em 0.03em 0 #FFF,0.045em 0.045em 0 #FFF, 0.06em 0.06em 0 #CCC, 0.075em 0.075em 0 #CCC, 0.09em 0.09em 0 #CCC !important;
*/
/* end of 4 level deep dark shadow */
/*text-shadow: 0.015em 0.015em 0 #CCC, 0.03em 0.03em 0 #CCC, 0.045em 0.045em 0 #CCC, 0.06em 0.06em 0 #CCC, 0.075em 0.075em 0 #FFF, 0.09em 0.09em 0 #FFF, 0.105em 0.105em 0 #FFF, 0.120em 0.120em 0 #FFF, 0.135em 0.135em 0 #FFF !important;*/

/*text-shadow: 0.03em 0.03em 0 #FFF, 0.06em 0.06em 0 #FFF, 0.09em 0.09em 0 #FFF, 0.12em 0.12em 0 #FFF, 0.15em 0.15em 0 #FFF, 0.18em 0.18em 0 #FFF, 0.03em 0.03em 0 #FFF, 0.06em 0.06em 0 #FFF, 0.09em 0.09em 0 #FFF, 0.12em 0.12em 0 #FFF, 0.15em 0.15em 0 #FFF, 0.18em 0.18em 0 #FFF !important;*/

color:#fff !important;
font-weight:600 !important;
}

/**
*
* ---------------------------------------------------------------------------
*
* Template : Blue - A One-Page HTML Portfolio/Business Template
* Author : Muhammad Morshd
* Author URI : http://morsheds.com
*
* --------------------------------------------------------------------------- 
*
*/

/* =================================== */
/*	Basic Style 
/* =================================== */

body {
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    line-height: 24px;
    font-size: 16px;
   /* color: #818181;*/
   color: #434343;
}

figure, p, address {
    margin: 0;
}

p {
    line-height: 25px;
}

iframe {
    border: 0;
}

a {
    -webkit-transition: all 0.3s ease-out 0s;
       -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s;
}

a, a:hover, a:focus, .btn:focus {
    text-decoration: none;
    outline: none;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Open Sans', sans-serif;
    color: #252525;
}

main > section {
    padding: 20px 0; /*mofif 70*/
}

.btn {
    border-radius: 0;
    border: 0;
    position: relative;
    text-transform: uppercase;
}

.btn-blue {
    background-color: rgba(0,158,227, 0.78);
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.15) inset;
    padding: 15px 55px;
    color: #fff;
}

.btn-border {
    border: 2px solid #fff;
    color: #fff;
    padding: 12px 35px;
}

.bg-blue {
    background-color: #009EE3;
}

/* Sweep To Right */
.btn-effect {
	vertical-align: middle;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	display: inline-block;

	-webkit-transform: translateZ(0);
	   -moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		 -o-transform: translateZ(0);
			transform: translateZ(0);
		  
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
			backface-visibility: hidden;
		  
	-webkit-transition-property: color;
	   -moz-transition-property: color;
		-ms-transition-property: color;
			transition-property: color;
		  
	-webkit-transition-duration: 0.3s;
	   -moz-transition-duration: 0.3s;
		-ms-transition-duration: 0.3s;
			transition-duration: 0.3s;
		  
	-moz-osx-font-smoothing: grayscale;
}

.btn-effect:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	
	-webkit-transform: scaleX(0);
	   -moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
			transform: scaleX(0);
			
	-webkit-transform-origin: 0 50%;
	   -moz-transform-origin: 0 50%;
		-ms-transform-origin: 0 50%;
			transform-origin: 0 50%;
			
	-webkit-transition-property: transform;
	   -moz-transition-property: transform;
		-ms-transition-property: transform;
			transition-property: transform;
			
	-webkit-transition-duration: 0.3s;
	   -moz-transition-duration: 0.3s;
		-ms-transition-duration: 0.3s;
			transition-duration: 0.3s;
			
	-webkit-transition-timing-function: ease-out;
	   -moz-transition-timing-function: ease-out;
		-ms-transition-timing-function: ease-out;
			transition-timing-function: ease-out;
}

.btn-effect:hover, .btn-effect:focus, .btn-effect:active {
	color: #009EE3;
}

.btn-effect:hover:before, .btn-effect:focus:before, .btn-effect:active:before {
	-webkit-transform: scaleX(1);
	   -moz-transform: scaleX(1);
	    -ms-transform: scaleX(1);
			transform: scaleX(1);
}

.sec-title {
    margin-bottom: 50px;
}

.sec-title.white {
    color: #fff;
}

.sec-title h2 {
    font-size: 36px;
    margin: 0 0 30px;
    padding-bottom: 30px;
    position: relative;
    text-transform: uppercase;
}

.sec-title.white h2 {
    color: #fff;
}

.sec-title h2:after {
    border-bottom: 1px solid #009ee3;
    content: "";
    display: block;
    left: 44% !important; 
    bottom: 0;
    position: absolute;
    width: 12%;
}

.sec-title.white h2:after {
    border-bottom: 1px solid #fff;
}

.parallax {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}


/**
/*	Preloader
/* ==========================================*/

#preloader {
background: url("../img/wood2.png") repeat;
    /*background-color: rgba(0,0,0,.4);*/
    background-color: #fff;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
}


#offline {
background: url("../img/wood2.png") repeat;
    /*background-color: rgba(0,0,0,.4);*/
    background-color: #fff;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
}


.preload-center {
  left: 50% !important;
  margin-left: -100px;
  margin-top: -50px;
  position: absolute !important;
  top: 50% !important;
}

/*Battery*/
.loder-box {
  background-color: rgba(0, 0, 0, 0.02);
  border-radius: 1px;
  height: 100px;
  left: 50%;
  margin-left: -64px;
  margin-top: -50px;
  position: absolute;
  top: 50%;
  width: 128px;
}

.battery{
    width: 60px;
    height: 10px;
    top: 60%;
    border: 1px #2E2E2E solid;
    border-radius: 2px;
    position: relative;
    -webkit-animation: charge 5s linear infinite;
       -moz-animation: charge 5s linear infinite;
            animation: charge 5s linear infinite;
    margin: 0 auto;
}
.text-maintenance{
position: relative;
width: 500px;
/* height: 80px; */
top: 50px;
/* margin: 0 auto; */
color: white;
left: -186px;
text-align: center;
}
/*
.battery:after {
  background-color: #2E2E2E;
  border-radius: 0 1px 1px 0;
  content: "";
  height: 10px;
  position: absolute;
  right: -5px;
  top: 7px;
  width: 3px;
}*/


@-webkit-keyframes charge{
    0%{box-shadow: inset 0px 0px 0px #2E2E2E;}
    100%{box-shadow: inset 60px 0px 0px #2E2E2E;}
}

@-moz-keyframes charge{
    0%{box-shadow: inset 0px 0px 0px #2E2E2E;}
    100%{box-shadow: inset 60px 0px 0px #2E2E2E;}
}

@keyframes charge{
    0%{box-shadow: inset 0px 0px 0px #2E2E2E;}
    100%{box-shadow: inset 60px 0px 0px #2E2E2E;}
}





/**
/*	Header
/* ==========================================*/

#navigation {
    -webkit-transition: all 0.8s ease 0s;
       -moz-transition: all 0.8s ease 0s;
        -ms-transition: all 0.8s ease 0s;
         -o-transition: all 0.8s ease 0s;
            transition: all 0.8s ease 0s;
 background: url("../img/wood2.png") repeat;
    background-color: rgba(0,0,0,1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    /*padding: 5px 0;*/
}

#navigation.animated-header {
    padding: 20px 0px;

}

h1.navbar-brand {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    margin-left: 5px;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    font-weight:bolder;
    text-shadow: 2px 2px  #000000;
}


/*ajout dropdown second niveaux*/
.perso {
   background: transparent url("../img/wood2.png") repeat;
   left:0 !important;
   right:auto !important;
   /*margin-top: 4px !important;     Remove to connect with head button */
   border-top: 2px solid black !important;
  border-bottom: 2px solid black !important;
  
 transition: 3s ease-out;
}

.perso2 {
   background-color: transparent !important;
   
}

.perso a {
color: #fff !important;
font-size: 12px;
font-weight: bolder !important;
text-shadow: 2px 2px #000000;
}
/*fin ajout*/



/*=================================================================
	Home Slider
==================================================================*/


#home-slider {
    position: relative;
    padding: 0;
}

#home-slider .overlay2{

    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 1) 100%);

}

.sl-slider-wrapper {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.sl-slider {
    position: absolute;
    top: 0;
    left: 0;
}

/* Slide wrapper and slides */

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
} 

.sl-slide {
    z-index: 1;
   /* background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 1) 100%) !important;*/
}

.slide-caption {
    color: #fff;
    display: table;
    height: 100%;
    left: 0;
    min-height: 100%;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 11;
}

.slide-caption .caption-content {
    vertical-align: middle;
    display: table-cell;
}

.caption-content h2 {
    color: #fff;
    font-size: 52px;
    font-weight: 400;
    margin-bottom: 25px;
    text-transform: uppercase;
text-shadow:
	0.015em 0.015em 0 #CCC,
	0.03em 0.03em 0 #CCC, /* end of 2 level deep grey shadow */
	0.045em 0.045em 0 #444,
	0.06em 0.06em 0 #444,
	0.075em 0.075em 0 #444,
	0.09em 0.09em 0 #444; /* end of 4 level deep dark shadow */
}

.caption-content > span {
    display: block;
    font-size: 14px; /*24-20*/
    line-height: 18px;
    margin-bottom: 45px;
   /*text-transform: capitalize;*/
   text-transform: initial;
    max-width:70%;
    margin-right:auto;
    margin-left:auto;
   text-shadow:
	0.015em 0.015em 0 #CCC,
	0.03em 0.03em 0 #CCC, /* end of 2 level deep grey shadow */
	0.045em 0.045em 0 #444,
	0.06em 0.06em 0 #444,
	0.075em 0.075em 0 #444,
	0.09em 0.09em 0 #444; /* end of 4 level deep dark shadow */
}

.caption-content p {
    font-size: 29px;
    margin-bottom: 65px;
}

/* The duplicate parts/slices */

.sl-content-slice {
    overflow: hidden;
    position: absolute;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background: #fff;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity : 1;
}

/* Horizontal slice */

.sl-slide-horizontal .sl-content-slice {
    width: 100%;
    height: 50%;
    left: -200px;
    -webkit-transform: translateY(0%) scale(1);
    -moz-transform: translateY(0%) scale(1);
    -o-transform: translateY(0%) scale(1);
    -ms-transform: translateY(0%) scale(1);
    transform: translateY(0%) scale(1);
}

.sl-slide-horizontal .sl-content-slice:first-child {
    top: -200px;
    padding: 200px 200px 0px 200px;
}

.sl-slide-horizontal .sl-content-slice:nth-child(2) {
    top: 50%;
    padding: 0px 200px 200px 200px;
}

/* Vertical slice */

.sl-slide-vertical .sl-content-slice {
    width: 50%;
    height: 100%;
    top: -200px;
    -webkit-transform: translateX(0%) scale(1);
    -moz-transform: translateX(0%) scale(1);
    -o-transform: translateX(0%) scale(1);
    -ms-transform: translateX(0%) scale(1);
    transform: translateX(0%) scale(1);
}

.sl-slide-vertical .sl-content-slice:first-child {
    left: -200px;
    padding: 200px 0px 200px 200px;
}

.sl-slide-vertical .sl-content-slice:nth-child(2) {
    left: 50%;
    padding: 200px 200px 200px 0px;
}

/* Content wrapper */
/* Width and height is set dynamically */
.sl-content-wrapper {
    position: absolute;
}

.sl-content {
    width: 100%;
    height: 100%;
}

/* Default styles for background colors

.btn-effect:after {
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    content: "";
    position: absolute;
    z-index: -1;

    -webkit-transition: all 0.3s ease-out 0s;
       -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s;
}

.btn-effect:hover,
.btn-effect:active {
    color: #0e83cd;
}

.btn-effect:hover:after,
.btn-effect:active:after {
    width: 100%;
} */


/* Project laughtbox setup */

.fancybox-item.fancybox-close.close2 {
    background-size:30px;
    height: 30px;
    right: 0;
    top: 0;
    width: 30px;
    text-align:center;
    color:white;
    font-weight:bolder;
    line-height:30px;
    cursor: pointer;
}

.fancybox-item.fancybox-close.close2:before{
   
    content:"×";
    font-size: 30px;
}





.fancybox-item.fancybox-close.close2.button-blue {
    background-color: #0066FF;  
}
.fancybox-item.fancybox-close.close2.button-red {
    background-color: #FF0000;
}
.fancybox-item.fancybox-close.close2.button-black {
    background-color: #000000;
}

.fancybox-item.fancybox-close.close2.button-maroon {
    background-color: #8B4513;
}

.fancybox-item.fancybox-close.close2.button-grey {
    background-color: #848484;
}

.fancybox-item.fancybox-close {
    /*background: url("../img/icons/close.png") no-repeat scroll 0 0 transparent;*/
    height: 50px;
    right: 0;
    top: 0;
    width: 50px;
}

.fancybox-next span {
    background: url("../img/right.png") no-repeat scroll center center #009ee3;
    height: 50px;
    width: 50px;
    right: 0;
}

.fancybox-prev span {
    background: url("../img/left.png") no-repeat scroll center center #009ee3;
    height: 50px;
    width: 50px;
    left: 0;
}

/*=================================================================
	About
==================================================================*/

#about {
    background-color: #009EE3;
    color: #fff;
}

#about h3 {
    color: #fff;
    margin: 0 0 35px;
    text-transform: uppercase;
}

#about .welcome-block h3 {
    margin: 0 0 65px;
}

#about .welcome-block img {
    border: 3px solid #fff;
    border-radius: 50%;
    margin-right: 35px;
    max-width: 100px;
}

#about .message-body {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 70px;
}

.owl-buttons {
    border: 2px solid #fff;
    display: inline-block;
    float: right;
    padding: 1px 8px 5px;
}

.owl-buttons > div {
    display: inline-block;
    padding: 0 5px;
}

.welcome-message {
    padding: 0 50px;
}

.welcome-message img {
    display: block;
    height: auto;
    max-width: 100px;
    float: left;
}

.welcome-message p {
    font-size: 13px;
    margin-left: 135px;
}

/*=================================================================
	Services
==================================================================*/

.service-icon {
    border: 3px solid transparent;
    display: inline-block;
    height: 85px;
    width: 85px;
    line-height: 101px;

    -webkit-transform: rotate(47deg);
       -moz-transform: rotate(47deg);
        -ms-transform: rotate(47deg);
         -o-transform: rotate(47deg);
            transform: rotate(47deg);

    -webkit-transition: all 0.3s ease 0s;
       -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
         -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}

.service-item {
transition: padding-top 0.3s ease;
}



.service-item:hover {
padding-top:20px;
}

.service-item:hover .service-icon {
    border: 3px solid #009ee3;
    margin-bottom: 20px;
    color: #009ee3;
}

.service-icon i {
    -webkit-transform: rotate(-48deg);
       -moz-transform: rotate(-48deg);
        -ms-transform: rotate(-48deg);
         -o-transform: rotate(-48deg);
            transform: rotate(-48deg);
}

.service-item h3 {
    font-size: 20px;
    text-transform: uppercase;
}

/*=================================================================
	Portfolio
==================================================================*/

.project-wrapper {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.project-wrapper li {
    display: inline-block;
}

.portfolio-item {
    cursor: pointer;
    margin: 1% 1% 1% 1%;
    overflow: hidden;
    position: relative;
    width: 32%;
}

figcaption.mask {
    background-color: rgba(54, 55, 50, 0.79);
    bottom: -126px;
    color: #fff;
    padding: 25px;
    position: absolute;
    width: 100%;
    text-align: left;
    
    -webkit-transition: all 0.4s ease 0s;
       -moz-transition: all 0.4s ease 0s;
        -ms-transition: all 0.4s ease 0s;
         -o-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}

.portfolio-item:hover figcaption.mask {
    bottom: 0;
}

figcaption.mask h3 {
    margin: 0;
    color: #fff;
}

ul.external {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: -47px;
    
    -webkit-transition: all 0.4s ease 0s;
       -moz-transition: all 0.4s ease 0s;
        -ms-transition: all 0.4s ease 0s;
         -o-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}

ul.external li {
    display: inline-block;
}

ul.external li a {
    background-color: rgba(255, 255, 255, 0.9);
    color: #818181;
    display: block;
    padding: 10px 18px 13px;
    
    -webkit-transition: all 0.5s ease 0s;
       -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
         -o-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
}

ul.external li a:hover {
    background-color: #009EE3;
    color: #fff;
}

.portfolio-item:hover ul.external {
    top: 0;
}

.fancybox-skin {
    border-radius: 0;
}

.fancybox-title.fancybox-title-inside-wrap {
    padding: 15px;
}

.fancybox-title h3 {
    margin: 0 0 15px;
}

.fancybox-title p {
    color: #818181;
    font-size: 16px;
    line-height: 22px;
}

.fancybox-title-inside-wrap {
    padding-top: 0;
}

/*=================================================================
	Testimonials
==================================================================*/
#testimonials .row {

    padding-top: 30px;
 
}

/*#testimonials {
    background-image: url(/img/parallax/testimonial.jpg);
    background-size:cover; 
    //padding: 0;
    color: #fff;
}*/

#testimonials .sec-title h2:after {
    border-bottom: 1px solid #fff;
}

#testimonials .overlay {
  background: #7EA2BE linear-gradient(to bottom,  #FFFFFF 0%, #7EA2BE 5%, #7EA2BE 95%,#FFFFFF 100%);
    padding: 70px 0 40px;
}

.testimonial-item {
    margin: 0 auto;
    padding-bottom: 50px;
    width: 64%;
}

.testimonial-item img {
    border: 3px solid #fff;
    border-radius: 50%;
    display: inline-block;
    height: auto;
    max-width: 100px;
}

.testimonial-item > div {
    line-height: 30px;
    position: relative;
}

.testimonial-item > div:before {
    background-image: url("../img/icons/quotes.png");
    background-repeat: no-repeat;
    /*bottom: 127px;*/
    height: 33px;
    left: -35px;
    position: absolute;
    width: 45px;
    top:35px; /*ajout*/
}

.testimonial-item > div:after {
    background-image: url("../img/icons/quotes.png");
    background-position: -58px 0;
    background-repeat: no-repeat;
    bottom: -35px; /*-50px*/
    height: 33px;
    position: absolute;
    right: -35px; /* 0px*/
    width: 45px;
}

.testimonial-item > div > span {
    display: inline-block;
    font-weight: 700;
    margin: 20px 0 15px;
    text-transform: uppercase;
}

#testimonials .owl-controls.clickable {
    margin-top: 20px;
    text-align: center;
}

#testimonials .owl-buttons {
    border: 2px solid #fff;
    float: inherit;
}

#testimonials .owl-prev:hover,
#testimonials .owl-next:hover {
    color: #fff;
}

/*=================================================================
	Price
==================================================================*/
/*ajout*/
#tarifs{
margin-top:-7px;
}
/*fin ajout*/
.price-table {
    border: 1px solid #e3e3e3;
    background-color: rgba(255,255,255,0.8);
}

.price-table.featured {
    -webkit-box-shadow: 0 4px 5px rgba(0,0,0,0.19);
       -moz-box-shadow: 0 4px 5px rgba(0,0,0,0.19);
            box-shadow: 0 4px 5px rgba(0,0,0,0.19);
}


/*ajout*/
p.titre{
    line-height: 20px;
    font-size:20px;
}
/*fin ajout*/

.price-table > span {
    color: #252525;
    display: block;
    font-size: 24px;
    padding: 30px 0;
    text-transform: uppercase;
}

.price-table .value {
    background-color: #f8f8f8;
    color: #727272;
    padding: 10px 0; /* modify 20 px*/

    -webkit-transition: all 0.7s ease 0s;
       -moz-transition: all 0.7s ease 0s;
        -ms-transition: all 0.7s ease 0s;
         -o-transition: all 0.7s ease 0s;
            transition: all 0.7s ease 0s;
}


.price-table.featured .value {
    background-color: #009EE3;
    color: #fff;
}

.price-table .value span {

    display: inline-block;
   
}

.price-table .value span:first-child {
  font-size: 52px;
    line-height: 52px;
     color: #fff !important;/*ajout*/
}

.price-table .value span:nth-child(2) {
      font-size: 26px;
    line-height: 26px;
    margin-bottom: 16px; /*modify 25*/
    color: #fff !important; /*ajout*/
}

.price-table .value span:last-child {
    font-size: 16px;
    color: #fff !important; /*ajout*/
}

.price-table ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.price-table ul li {
    border-top: 1px solid #e3e3e3;
    display: block;
    padding: 6px 0; /*modify 25px*/

    -webkit-transition: all 0.7s ease 0s;
       -moz-transition: all 0.7s ease 0s;
        -ms-transition: all 0.7s ease 0s;
         -o-transition: all 0.7s ease 0s;
            transition: all 0.7s ease 0s;
}

/*ajout*/
.price-table ul li span:first-child {
  font-size: 24px;
    line-height: 24px;
    color: #fff !important; /*ajout*/
}

.price-table ul li span:nth-child(2) {
      font-size: 12px;
    line-height: 12px;
    margin-bottom: 4px;
    color: #fff !important; /*ajout*/
}

.price-table ul li span:last-child {
    font-size: 12px;
    color: #fff !important; /*ajout*/
}

/*fin ajout*/
}

.price-table ul li a {
    display: block;
    text-transform: uppercase;
}

.price-table.featured ul li:last-child,
.price-table ul li:last-child:hover {
    background-color: #009EE3;
}

.price-table.featured ul li:last-child a,
.price-table ul li:last-child:hover a {
    color: #fff;
}
 /*ajout*/
.price-table.featured.blue .value {
    background-color: #0066FF;
    color: #fff;
}
.price-table.featured.red .value {
    background-color: #FF0000;
    color: #fff;
}
.price-table.featured.black .value {
    background-color: #000000;
    color: #fff !important;
}

.price-table.featured.maroon .value {
    background-color: #8B5742;
    color: #fff !important;
}

.price-table.featured.blue_site .value {
    background-color: #7EA2BE;
    color: #fff !important;
}

.price-table.featured.blue ul li {
    background-color: rgba(0, 102, 255, 0.5);
    
      color: #fff !important;
}
.price-table.featured.red ul li {
    background-color: rgba(255, 0, 0, 0.5);
     
      color: #fff ;
}
.price-table.featured.black ul li {
    background-color: rgba(0, 0, 0, 0.5);
   
     color: #fff;
}
.price-table.featured.maroon ul li {
    background-color: rgba(139, 87, 66, 0.5);
   
     color: #fff;
}

.price-table.featured.blue_site ul li {
    /*background-color: rgba(126, 162, 190, 0.8);*/
    background-color: rgba(0, 143, 205, 0.61);
   
     color: #fff;
}


.price-table.featured.blue span {
color:#0066FF;    
}
.price-table.featured.red span {
color:#FF0000;    
} 
.price-table.featured.black span {
color:#000000;    
}
.price-table.featured.maroon span {
color:#8B4513;    
}
.price-table.featured.blue_site span {
color:#3a4b58;    
}

.blue h2 {
color:#0066FF;    
}
.red h2 {
color:#FF0000;    
} 
.black h2 {
color:#000000;    
}
.maroon h2 {
color:#8B4513;    
}

.grey h2 {
color:#848484;    
}

.blue_site h2 {
color:#7EA2BE;    
}


.bottom a {
color:inherit !important;
font-size: 12px;
    line-height: 12px;  
}
 span.bottom{
padding: 10px 0;
line-height: 12px;  
}
li.blue{
    background-color: rgba(0, 102, 255, 1) !important;
}
li.red{
    background-color: rgba(255, 0, 0, 1) !important;
}
li.black{
    background-color: rgba(0, 0, 0, 1) !important;
}
li.maroon{
    background-color: rgba(139, 87, 66, 1) !important;
}

li.blue_site{
    background-color: rgba(126, 162, 190, 1) !important;
}




/*Pack gris*/
.price-table.featured.gris .value {
    background-color: #848484;
    color: #fff !important;
}
.price-table.featured.gris ul li {
    background-color: rgba(132, 132, 132, 0.5);
   
     color: #fff;
}
.price-table.featured.gris span {
color:#7F7F7F;    
}

li.gris{
    background-color: rgba(132, 132, 132, 1) !important;
}

/*Pack bleu*/
.price-table.featured.bleuc .value {
    background-color: #7EC0EE;
    color: #fff !important;
}
.price-table.featured.bleuc ul li {
    background-color: rgba(126, 192, 238, 0.5);
   
     color: #fff;
}
.price-table.featured.bleuc span {
color:#27408B;    
}
li.bleuc{
    background-color: rgba(126, 192, 238, 1) !important;
}

/*fin ajout*/

/*col 2*/
.spacer
{
    width:16.66666666% !important;
}
/*fin col 2*/
/*col 1*/
.spacer2
{
    width:33.33333333% !important;
}
/*fin col 1*/
/*col 1*/
.ecart_divers
{
    margin-top:20px;
}
/*fin col 1*/
/*=================================================================
	Price
==================================================================*/

#social {
    background-image: url(../img/slider/banner.jpg);
     background-size:cover;
    padding: 0;
}

/*#social .overlay {
    background: url("../img/slide_bg.png") repeat scroll 0 0 transparent;
    padding: 100px 0 120px;}*/
    
#social .overlay {  
   background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 10%), url("../img/slide_bg.png") ;
padding: 100px 0 120px;
}
#social .overlay2 {
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 10%);
   
    
}

.social-button {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.social-button li {
    display: inline-block;
}

.social-button li:nth-child(2) {
margin:0;
    margin-left:75px; /* modif margin:0 75px;*/
}

.social-button li a {
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: block;
    height: 90px;
    line-height: 96px;
    width: 90px;
    
    -webkit-transition: all 0.2s ease 0s;
       -moz-transition: all 0.2s ease 0s;
        -ms-transition: all 0.2s ease 0s;
         -o-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}

.social-button li a:hover {
    color: #008ECC;
    border: 2px solid #008ECC;
}


/*=================================================================
	Contact
==================================================================*/



.input-field {
    margin-bottom: 10px;
}

.form-control {
    border: 1px solid #ececec;
    border-radius: 0;
    box-shadow: none;
    color: #818181;
    font-size: 16px;
    height: 50px;
}

textarea.form-control {
    width: 100%;
    height: 165px;
}

#submit:hover {
  color: #fff;
}

#submit:before {
  background-color: #0A85BB;
}

#submit.btn-effect:after {
  background: #2E2E2E;
}

.contact-details h3 {
    border-bottom: 1px solid #008ecc;
    font-weight: 700;
    margin-bottom: 15px;
    padding-bottom: 15px;
    text-transform: uppercase;
     font-size: 18px; /*modif ajout*/
}

.contact-details p {
    line-height: 30px;
}

.contact-details p i {
    margin-right: 10px;
}

.contact-details span {
    display: block;
    margin-left: 24px;
}



/*============================================================
	Google Maps
==============================================================*/

#google-map {
    padding: 0;
}

#map-canvas {
    width: 100%;
    height: 300px;
}

#floating-panel {
  position:relative;
  display: flex;
  float:left; 
  top: 50px;
  left: 0;
  z-index: 5;
  text-align: center;
  font-family: 'Roboto','sans-serif';
  line-height: 34px;
  padding-left: 10px;
  height: 34px;
}
.Go {
  height: 30px;

  line-height: 3px;
  display:inline-block;
   -webkit-appearance: none;
   padding: 0px 5px!important;
   margin-left:5px;
}

#start {
  height: 30px;
line-height: 30px;
 display:inline-block;
  
}

#smart_logo {
  text-align: center;

  
}



.cont
{
  size:100%;
}
/*============================================================
	Footer
==============================================================*/

#footer {
    background-color: #2E2E2E;
    padding: 20px 0;
    color: #fff;
}

.footer-content {
    width: 390px;
    margin: 0 auto;
}

.footer-content > div {
    margin-bottom: 40px;
}

.footer-content > div > p:first-child {
    margin-bottom: 15px;
    text-transform: uppercase;
}

.subscribe-form {
    position: relative;
}

.subscribe.form-control {
    background-color: transparent;
    border: 1px solid #7f7f7f;
}

.subscribe.form-control:focus {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

.submit-icon {
    background-color: #7f7f7f;
    border: 0 none;
    border-radius: 0;
    color: #c1c1c1;
    padding: 13px 20px;
    position: absolute;
    overflow: hidden;
    right: 0;
    top: 0;
}

.submit-icon .fa-paper-plane {
    position: relative;
    top: 0;
    
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);

    -webkit-transition: all 0.3s ease 0.2s;
       -moz-transition: all 0.3s ease 0.2s;
        -ms-transition: all 0.3s ease 0.2s;
         -o-transition: all 0.3s ease 0.2s;
            transition: all 0.3s ease 0.2s;
}

.submit-icon:hover .fa-paper-plane {
    position: relative;
    top: -37px;
    
    -webkit-transform: translateX(30px);
       -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
         -o-transform: translateX(30px);
            transform: translateX(30px);
}

.footer-content .footer-social {
    margin: 40px 0 35px;
}

.footer-social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.footer-social ul li {
    display: inline-block;
    margin: 0 10px;
}

.footer-social ul li a {
    color: #7f7f7f;
    display: block;
    
    -webkit-transition: all 0.2s ease 0s;
       -moz-transition: all 0.2s ease 0s;
        -ms-transition: all 0.2s ease 0s;
         -o-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}

.footer-social ul li a:hover {
    color: #009EE3;
}

.footer-content > p {
    color: #ababab;
    font-size: 12px;
}




.back_testimonial
{
background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 1) 100%), url("../img/testimonial.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}


/*

.back_ski
{
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%),linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 1) 100%),linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 1) 100%), url("../img/bkg_price/ski.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}

.back_junior
{
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%),linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 1) 100%),linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 1) 100%), url("../img/bkg_price/ski_junior.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}




.back_snow
{
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%),linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 1) 100%),linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 1) 100%), url("../img/bkg_price/snow+boots.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}

.back_ski_seul
{
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%),linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 1) 100%),linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 1) 100%), url("../img/bkg_price/ski_seul.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}

.back_chaussures
{
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%),linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 1) 100%), url("../img/bkg_price/chaussures.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}

.back_chaines
{
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%),linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 1) 100%), url("../img/bkg_price/chaines.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}

.back_divers
{
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%),linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 1) 100%), url("../img/bkg_price/divers.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}
*/

/*============================================================ 
	Responsive Styles mixed
 ============================================================*/


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

 body {
        font-size: 14px;
    }

    .parallax {
        background-position: centet tip !important;
    }

    .sec-title h2 {
        font-size: 22px; /* 25*/
    }

    .sec-title h2:after {
        left: 44% !important;
    }

/*navigation*/
    .navbar-inverse .navbar-toggle {
        border-color: #fff;
    }

    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
        background-color: transparent;
    }

/* slider */
    .caption-content h2 {
        font-size: 18px;  /*18px*/
    }

    .caption-content > span {
        font-size: 12px;/*16px*/
        margin-bottom: 20px;
        line-height:1.2em; /*ajout*/
    }

    .caption-content p {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .caption-content strong {
        font-size: 22px;
    }

/* about */
    .recent-works {
        margin-bottom: 85px;
    }

    #about h3 {
        font-size: 18px;
        margin: 0 0 35px !important;
    }

    #about .owl-buttons {
        margin-top: 20px;
    }

    #about .message-body {
        margin-bottom: 45px;
    }

    #about .welcome-block img {
        margin: 0 25px 15px 0;
    }

/* service */
    .service-item {
        width: 100%;
         
    }

/*portfolio*/
    .portfolio-item {
        margin: 0 auto 10px;
        font-size: 14px;
        width: 350px;
        /* width: 280px;*/
    }

    figcaption.mask {
        bottom: -107px;
        color: #fff;
        padding: 15px;
    }

/* lightbox */
    .fancybox-title h3 {
        font-size: 20px;
    }

    .fancybox-title p {
        font-size: 14px;
    }

/* testimonial */


    .testimonial-item {
        width: 95%;
    }

    .testimonial-item > div:before,
    .testimonial-item > div:after {
        background-image: none;
    }

    .testimonial-item > div > span {
        margin: 30px 0 20px;
    }

/* price */
    .price-table {
        margin-bottom: 50px;
    }

/* follow us */
    .social-button li:nth-child(2) {
       /* modif suppression =>margin: 0 25px;*/
       margin-left: 30px;
    }

    .social-button li a {
        height: 65px;
        line-height: 71px;
        width: 65px;
    }

/* contact form */
    .contact-form {
        margin-bottom: 50px;
    }

/* footer */
    .footer-content {
        width: 100%;
    }

    .footer-social ul li {
        margin: 0 7px;
    }

/*Price */

/*ajout*/
p.titre{
    line-height: 15px;
    font-size:15px;
}
/*fin ajout*/


/*maps ajout */

#start
{
 width:150px;
  
}





.id5 {

font-size:5.5px;
}

 .id8 {

font-size:8px !important;

}









} 


/*pour portrait font*/

@media only screen and (min-width: 600px) and (max-width: 736px) and (orientation: landscape) {



.caption-content h2 {
        font-size: 25px !important;  /*18px*/
    }

    .caption-content > span {
        font-size: 15px !important; /*16px*/
        line-height:1.2em !important;  /*ajout*/
    }

    .caption-content p {
        font-size: 19px !important;
    }

    .caption-content strong {
        font-size: 25px !important; 
    }


}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

  .sec-title h2:after {
        left: 44%;
    }
    
    main > section {
    padding: 30px 0; /*mofif 70*/
}

/* home slider */
    .caption-content h2 {
        font-size: 35px;/*35px*/
    }

    .caption-content p {
        font-size: 18px;/*18px*/
    }

    .caption-content strong {
        font-size: 35px;
    }

/*about*/

    #about .welcome-block h3 {
        margin: 0 0 35px;
    }

/* service */

    .service-item {
        margin: 0 auto 50px;
       
      /*  width: 55%;*/
    }

/* portfolio */
    .portfolio-item {
        width: 48%;
    }

    figcaption.mask {
        bottom: -132px;
    }

/* testimonial */


    .testimonial-item {
        width: 80%;
    }

    .testimonial-item > div:before {
        bottom: 160px;
    }

/* social */
    .social-button li:nth-child(2) {
        margin-left: 30px; /*margin:0 50px;*/
    }

    .social-button li a {
        height: 90px;
        line-height: 96px;
        width: 90px;
    }

/* price */
    .price-table {
        margin-bottom: 50px;
    }

/* contact form */
    .contact-form {
        margin-bottom: 50px;
    }

/* footer */
    .footer-content {
        width: 380px;
    }

} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {


/*nav*/

.navbar-collapse_margin
{
margin-top:0px !important;
}
/* home slider  */
    .caption-content h2 {
        font-size: 34px;
    }

    .caption-content p {
        font-size: 25px;
    }

    .caption-content strong {
        font-size: 45px;
    }

/* about */
    .recent-works {
        margin-bottom: 50px;
    }

    .service-item {
        margin-bottom: 50px;
    }

/* portfolio */
    .portfolio-item {
        width: 48%;
    }

/* testimonial */

    .testimonial-item {
        width: 100%;
    }

    .testimonial-item {
        width: 80%;
    }

    .testimonial-item > div:after {
        bottom: -35px;
    }

/* price */
    .price-table {
        margin-bottom: 50px;
    }

/* contact form */
    .contact-form {
        margin-bottom: 50px;
    }

} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

/*about*/
    #about .welcome-block img {
        margin-bottom: 30px;
    }

/* portfolio */
    figcaption.mask {
        bottom: -151px;
    }

    .testimonial-item > div:after {
        bottom: -40px;
    }


} 

@media only screen and (max-width: 350px){
.id8 {
font-size: 7px !important;
}
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

}












/*============================================================ 
	Responsive Styles
 ============================================================*/

/*============================================================
	For Small Desktop
==============================================================*/



/*@media (min-width: 980px) and (max-width: 1150px) {

about

    #about .welcome-block img {
        margin-bottom: 30px;
    }

portfolio 
    figcaption.mask {
        bottom: -151px;
    }

    .testimonial-item > div:after {
        bottom: -40px;
    }
}

*/

/*============================================================
	Tablet (Portrait) Design for a width of 768px
==============================================================*/
/*
@media (min-width: 768px) and (max-width: 979px) {

home slider  
    .caption-content h2 {
        font-size: 40px;
    }

    .caption-content p {
        font-size: 25px;
    }

    .caption-content strong {
        font-size: 45px;
    }

about 
    .recent-works {
        margin-bottom: 50px;
    }

    .service-item {
        margin-bottom: 50px;
    }

portfolio 
    .portfolio-item {
        width: 48%;
    }

testimonial 

    .testimonial-item {
        width: 100%;
    }

    .testimonial-item {
        width: 80%;
    }

    .testimonial-item > div:after {
        bottom: -35px;
    }

price 
    .price-table {
        margin-bottom: 50px;
    }

 contact form 
    .contact-form {
        margin-bottom: 50px;
    }
}
*/

/*============================================================
	Mobile (Portrait) Design for a width of 320px
==============================================================*/

/*
@media only screen and (max-width: 767px) {

    body {
        font-size: 14px;
    }

    .parallax {
        background-position: centet tip !important;
    }

    .sec-title h2 {
        font-size: 22px; 
        
        
       old:25
    }

    .sec-title h2:after {
        left: 30%;
    }

navigation
    .navbar-inverse .navbar-toggle {
        border-color: #fff;
    }

    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
        background-color: transparent;
    }

 slider 
    .caption-content h2 {
        font-size: 18px; 
        
         old:18px
    }

    .caption-content > span {
        font-size: 12px;
        old:16px
        margin-bottom: 20px;
        line-height:1.2em; ajout
    }

    .caption-content p {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .caption-content strong {
        font-size: 22px;
    }

 about
    .recent-works {
        margin-bottom: 85px;
    }

    #about h3 {
        font-size: 18px;
        margin: 0 0 35px !important;
    }

    #about .owl-buttons {
        margin-top: 20px;
    }

    #about .message-body {
        margin-bottom: 45px;
    }

    #about .welcome-block img {
        margin: 0 25px 15px 0;
    }

service 
    .service-item {
        width: 100%;
    }

portfolio
    .portfolio-item {
        margin: 0 auto 10px;
        font-size: 14px;
        width: 280px;
    }

    figcaption.mask {
        bottom: -107px;
        color: #fff;
        padding: 15px;
    }

 lightbox 
    .fancybox-title h3 {
        font-size: 20px;
    }

    .fancybox-title p {
        font-size: 14px;
    }

 testimonial


    .testimonial-item {
        width: 95%;
    }

    .testimonial-item > div:before,
    .testimonial-item > div:after {
        background-image: none;
    }

    .testimonial-item > div > span {
        margin: 30px 0 20px;
    }

/* price 
    .price-table {
        margin-bottom: 50px;
    }

/* follow us 
    .social-button li:nth-child(2) {
       /* modif suppression =>margin: 0 25px;
       margin-left: 30px;
    }

    .social-button li a {
        height: 65px;
        line-height: 71px;
        width: 65px;
    }

/* contact form 
    .contact-form {
        margin-bottom: 50px;
    }

/* footer 
    .footer-content {
        width: 100%;
    }

    .footer-social ul li {
        margin: 0 7px;
    }

/*Price 

/*ajout
p.titre{
    line-height: 15px;
    font-size:15px;
}
/*fin ajout


/*maps ajout 

#start
{
 width:150px;
  
}




}
/*============================================================
	Mobile (Landscape) Design for a width of 480px
==============================================================*/

/*

@media only screen and (min-width: 480px) and (max-width: 767px) {

    .sec-title h2:after {
        left: 38%;
    }
    
    main > section {
    padding: 70px 0; /*mofif 70
}

/* home slider 
    .caption-content h2 {
        font-size: 35px;/*35px
    }

    .caption-content p {
        font-size: 18px;/*18px
    }

    .caption-content strong {
        font-size: 35px;
    }

/*about

    #about .welcome-block h3 {
        margin: 0 0 35px;
    }

/* service 

    .service-item {
        margin: 0 auto 50px;
        width: 55%;
    }

/* portfolio 
    .portfolio-item {
        width: 48%;
    }

    figcaption.mask {
        bottom: -132px;
    }

/* testimonial 


    .testimonial-item {
        width: 80%;
    }

    .testimonial-item > div:before {
        bottom: 160px;
    }

/* social 
    .social-button li:nth-child(2) {
        margin-left: 30px; /*margin:0 50px;
    }

    .social-button li a {
        height: 90px;
        line-height: 96px;
        width: 90px;
    }

/* price 
    .price-table {
        margin-bottom: 50px;
    }

/* contact form 
    .contact-form {
        margin-bottom: 50px;
    }

/* footer 
    .footer-content {
        width: 380px;
    }
}

*/
/*============================================================
	Specific case header adress
==============================================================*/



.id6.hideid6{
    display:none;
}


 .id6 {

text-align: center;
display: inline-block;
margin: auto;
z-index: -10000;
position: absolute;
margin-top: 45px;
/*bottom: 0px;*/
font-weight:bolder;
color:white;
width:100%;
}

.linear_deg{
padding-bottom:22px;
}

.horaire
{
z-index: 1029 !important;
bottom:0 !important;
}

 .id5 {

height:1em;
text-align: center;
display: inline-block;
line-height: 1em;
/* max-width: 700px; */
position: relative;
margin: auto;
font-weight:bolder;
color:white;
font-size:9px;
}

.id8 {

height:1em;
text-align: center;
display: inline-block;
line-height: 1em;
/* max-width: 700px; */
position: relative;
margin: auto;
font-weight:bolder;
color:white;
font-size:12px;
}
 .id7 {

margin: auto;
text-align:center;

}


 .id10 {

position: fixed;
z-index: 1040;
margin-top:-5px;!important
}

.horaire3
{
line-height: 1.2em !important;
}


@media only screen and (min-width:992px)
 {
.horaire2
{
text-align: center !important;
padding-right:0px !important;

}


.id7 {
text-align: center;
width: 970px;
padding-right: 15px;
padding-left: 15px;
}
 .id5 {

font-size:12px;
padding-right:5px;
padding-left:5px;

}


 .id8 {

font-size:15px;

}

}

@media only screen and (min-width:1200px)
 {
.id7 {
text-align: right;
width: 1170px;
padding-right: 15px;
padding-left: 15px;
}
}

@media only screen and (min-width:1500px)
 {
.id7 {
text-align: right;
width: 1400px;
padding-right: 15px;
padding-left: 15px;
}
.container {

width: 1400px;

}
}

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

 .id5 {

font-size:5.5px !important;

}

    .caption-content > span {
        font-size: 10px;!important/*16px*/
        margin-bottom: 20px;
        line-height:1.2em; /*ajout*/
    }
    


}

@media only screen 
and (min-width : 351px) 
and (max-width : 568px) {

 .id5 {

font-size:6px;
}


 .id8 {

font-size:8px !important;

}


}


.navbar-collapse_margin{
margin-top:25px;
}



/*@media only screen 
and (min-width : 569px) 
and (max-width : 991px) {

.id10bis {

font-size:7.5px !important;
}
}*/


@media only screen and (min-width:375px) and (max-width:991px)
 {

.caption-content > span {
  
    max-width:92%;
 line-height:1em;
}
 .id8 {

font-size:10px;

}

}





@media (min-width:860px) and (orientation:portrait){

/*.container{width:860px !important; }*/
.navbar-inverse .navbar-nav > li > a {
 
    font-size: 13px !important;

}
/*iphone 4 et 5*/




}



/*landscape special modif dot*/
@media only screen and (orientation: landscape) {
.nav-dots{
bottom: 14%;
}
}



.shadow-petit{
text-shadow: 0 0 0.06em #FFF, 0 0 0.12em #FFF, 0 0 0.18em #FFF, 0 0 0.24em #FFF, 0 0 0.30em #FFF, 0 0 0.36em #FFF,0 0 0.06em #FFF, 0 0 0.12em #FFF, 0 0 0.18em #FFF, 0 0 0.24em #FFF, 0 0 0.30em #FFF, 0 0 0.36em #FFF;
color:#000!important;
/*color:#434343!important;*/
}

.modif-slider-contenu{
/*text-shadow: 0 0 0.03em #FFF, 0 0 0.06em #FFF, 0 0 0.09em #FFF, 0 0 0.12em #FFF, 0 0 0.15em #FFF, 0 0 0.18em #FFF,0 0 0.03em #FFF, 0 0 0.06em #FFF, 0 0 0.09em #FFF, 0 0 0.12em #FFF, 0 0 0.15em #FFF, 0 0 0.18em #FFF !important;
*/
color:#fff !important;
font-weight:600 !important;
}

.modif-slider-titre{
/*text-shadow: 0.015em 0.015em 0 #FFF, 0.03em 0.03em 0 #FFF,0.045em 0.045em 0 #FFF, 0.06em 0.06em 0 #CCC, 0.075em 0.075em 0 #CCC, 0.09em 0.09em 0 #CCC !important;
*/
/* end of 4 level deep dark shadow */
/*text-shadow: 0.015em 0.015em 0 #CCC, 0.03em 0.03em 0 #CCC, 0.045em 0.045em 0 #CCC, 0.06em 0.06em 0 #CCC, 0.075em 0.075em 0 #FFF, 0.09em 0.09em 0 #FFF, 0.105em 0.105em 0 #FFF, 0.120em 0.120em 0 #FFF, 0.135em 0.135em 0 #FFF !important;*/

/*text-shadow: 0.03em 0.03em 0 #FFF, 0.06em 0.06em 0 #FFF, 0.09em 0.09em 0 #FFF, 0.12em 0.12em 0 #FFF, 0.15em 0.15em 0 #FFF, 0.18em 0.18em 0 #FFF, 0.03em 0.03em 0 #FFF, 0.06em 0.06em 0 #FFF, 0.09em 0.09em 0 #FFF, 0.12em 0.12em 0 #FFF, 0.15em 0.15em 0 #FFF, 0.18em 0.18em 0 #FFF !important;*/

color:#fff !important;
font-weight:600 !important;
}







@media (min-width:768px){
 
    .auto-clear .col-sm-2:nth-child(6n+1){clear:left;}

}

.adjust_nav{
padding-bottom:0px !important;
}

@media only screen and (max-width:768px) and (orientation: landscape) {

.navbar-nav .open .dropdown-menu>li>a {
line-height: 10px;
}
.navbar-nav>li>a {
padding-top: 5px;
padding-bottom: 5px;
line-height: 15px;
}
}

@media only screen and (max-width:569px) and (orientation: landscape) {

.navbar-nav .open .dropdown-menu>li>a {
line-height: 8px;
}
.navbar-nav>li>a {
padding-top: 5px;
padding-bottom: 5px;
line-height: 10px;
}
}

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

.navbar-nav .open .dropdown-menu>li>a {
line-height: 15px;
}
.navbar-nav>li>a {
padding-top: 5px;
padding-bottom: 5px;
line-height: 15px;
}
}

#cgv {
background-color: #23252f;
color: black;
font-size:14px;
padding: 5px 0;
}

.cgv-content > p {

color: white;
font-size:14px;

}

#footer {
padding: 4px 0;
background: #2e303b;

}
.spacer-footer{
border-bottom: 1px solid #fff;
height:10px;
background: #2e303b;
margin-left: 50px;
margin-right: 50px;
}
.connexion-form-footer{
position: absolute; 
bottom: 0px;
width: 100%;
}

.connexion-form-cgv{
position: absolute;
bottom: 43px;
width: 100%;
right: 0px;
}

.id10bis > a {
color:#FFFFFF;
}

.price-table input {

text-align:center;
background-color:inherit;
}

.an input {

text-align:center;
}

.price-table textarea{

text-align:center;
font-size:12px;
height:150px;
width: 80%;
line-height:1.5em;
}

.price-table input[type="submit"]{
font-size:14px;
font-weight:bold;
}

.an input[type="submit"]{
font-size:14px;
font-weight:bold;
}

.delete_diver {
    float: right !important;
    margin-right: 2px !important;
    margin-top: 2px !important;
    color: #cacaca !important;
    background-color: #FFFFFF !important;
}

.add_diver {
    float: right !important;
    margin-right: 2px !important;
    margin-top: 2px !important;
    color: #cacaca !important;
    background-color: #FFFFFF !important;
}

.btn-circle.btn-lg {
  width: 32px;
  height: 32px;
  padding: 8px 8px;
font-size: 26px;
  line-height: 0.5;
  border-radius: 25px;
  border: 1px solid rgb(206, 199, 206);
  z-index: 2000;
position: absolute;
/* display: inline-block; */
/* text-align: right; */
right: 14px;
}

.span_spe {
padding: 37.5px 0;
}


.price-table textarea {
text-align: center;
background-color: inherit;
}

.price-table .title {
width:95%;
margin-right:5px;
margin-left:5px;
}

.News_title {
text-align: left;
font-size: 18px;
padding-left: 10px;
padding-bottom: 6px;
}
.News_date {
text-align: center;
font-size: 18px;
padding-left: 10px;
}
.News_image {
padding-right:5px;
padding-left:5px;
height:261px;
}

.delete_img {
left:10px !important;
top: 5px;
}

.News_option {
text-align: center;
font-size: 16px;
padding-left: 15px;
padding-right: 15px;
margin-bottom:4px;
}


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

.figcap_admin{

padding:4px !important;
}
}

.portfolio-item{
min-height:160px;
}

@media only screen and (min-width: 992px){
.portfolio-item{
min-height:220px;
}
}


.figcap_admin input {

text-align:center;
background-color:inherit;
font-size:14px;
font-weight:bold;
}

.figcap_admin textarea {

text-align:left;
background-color:inherit;
font-size:12px;
}


#dashboard-manage{

padding-top:120px;

}

.dash_text{
 height: calc(100% - 75px)!important;

}
.form_dashboard{
height: 100%;
}

.tab_container{
display: flex;
}

.tab_col{
flex: 1;
}

@media only screen and (max-width: 992px){
.tab_container{
display: block;
}
.tab_col{
width:100%;
}
}

.accordion-toggle {
  color: inherit !important;
}

.accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
    margin-left:4px;
}
.accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

.delete_admin{
   /* float: right !important;*/
    margin-right: 2px !important;
    margin-top: 2px !important;
    color: #cacaca !important;
    background-color: #FFFFFF !important;
}

.add_admin{
   /* float: right !important;*/
    margin-right: 2px !important;
    margin-top: 2px !important;
    color: #cacaca !important;
    background-color: #FFFFFF !important;
}

.btn-circle2.btn-lg {
 width: 20px;
  height: 20px;
  padding: 5px 5px;
font-size: 15px;
  line-height: 0.5;
  border-radius: 14px;
  border: 1px solid rgb(206, 199, 206);
  z-index: 2000;
position: absolute;
/* display: inline-block; */
/* text-align: right; */
right: 9px;
}
.btn-circle3.btn-lg {
  width: 20px;
  height: 20px;
  padding: 5px 5px;
font-size: 15px;
  line-height: 0.5;
  border-radius: 14px;
  border: 1px solid rgb(206, 199, 206);

/* display: inline-block; */
/* text-align: right; */

}

.admin_new_wait_save
{
color:#800000;
}

.admin_modif_wait_save
{
color:#f7941e;
}

.admin_new_save_success
{
color:#008000;
}


@media only screen and (max-width:350px)
 {
 #admin_table{
 font-size:10px;
 }
 
 .if_ip5se{
 width:100% !important;
 }
 
 }
 
 .project-wrapper{
 display:flex;
 flex-wrap:wrap;
 }
 
 .image-container{
display: flex;
align-items: center;
height: 100%;
}

 .image-container img{
margin:auto;
}

.img_news_container{
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}

.img_news_container img{
   min-width: 100%;
position: absolute;
top: -9999px;
bottom: -9999px;
left: -9999px;
right: -9999px;
margin: auto;
}

.img_client{
display: inline;
}

.container_img_client{
text-align:center;
}

.btn-blue2 {
padding: 5px 10px !important;
}


#instructions {
  position: absolute;
  margin: 20px;
  bottom: 0;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.9);
  overflow-y: scroll;
  font-family: sans-serif;
  font-size: 0.8em;
  line-height: 0.8em;
  display:none;
  z-index: 2000;
  text-align:center;
 
}

.duration {
  font-size: 2em;
}

.btn-red-p-s {
    background-color: rgba(255,0,0, 0.68);
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0) inset;
    padding: 5px 10px;
    color: #fff;
}
.btn-red-p-s:before {
    background-color: rgba(255,0,0, 1) !important;
   
}

.btn-black-p-s {
    background-color: rgba(0,0,0, 0.68);
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0) inset;
    padding: 5px 10px;
    color: #fff;
}
.btn-black-p-s:before {
    background-color: rgba(0,0,0, 1) !important;
   
}

.btn-blue-p-s {
    background-color: rgba(0,102,255, 0.68);
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0) inset;
    padding: 5px 10px;
    color: #fff;
}

.btn-blue-p-s:before {
  background-color: rgba(0,102,255, 1) !important;
}


.btn-bluec-p-s {
    background-color: rgba(0,158,227, 0.78);
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0) inset;
    padding: 5px 10px;
    color: #fff;
}

.btn-bluec-p-s:before {
    background-color: rgba(0,158,227, 1);
}

.btn-maroon-p-s {
    background-color: rgba(139, 87, 66, 0.68);
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0) inset;
    padding: 5px 10px;
    color: #fff;
}
.btn-maroon-p-s:before {
    background-color: rgba(139, 87, 66, 1) !important;
   
}

.btn-grey-p-s {
    background-color: rgba(127, 127, 127, 0.68);
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0) inset;
    padding: 5px 10px;
    color: #fff;
}
.btn-grey-p-s:before {
    background-color: rgba(127, 127, 127, 1) !important;
   
}

.btn-blue-s {
    background-color: rgba(0,158,227, 0.78);
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0) inset;
    padding: 5px 10px;
    color: #fff;
}



@media only screen and (min-width: 600px)
 {
.image_new{
width:44% !important;
margin:1% 3% 1% 3% !important;

}
}

.image_new li{
/*background-color:rgba(255,255,255,1) !important;*/
padding-right: 5% !important;
padding-left: 5% !important;
}

.image_new_white {
background-color:rgba(255,255,255,1) !important;
}

.image_new li:last-child{
/*background-color: white !important;*/
}

.image_new li{

}

.image_new ul li {
border-top: 2px solid #e3e3e3 !important;
}


@media only screen and (min-width: 768px) and (max-width:815px)
 {
 
 
 .open .perso2{
/* padding-right: 2px !important;=> Verify consequences*/
 }
 
 
.nav>li>a {

padding-left: 4px !important;
padding-right: 4px !important;

}

.navbar-inverse .navbar-nav > li > a
{
font-size: 14px !important;
}
}

.caption-content > span > br
{
margin:10px 0 0;
}

 	 .br_custom { 
            display: block; 
            margin-bottom: 0.7em; 
        } 
        
        .news_high{ 
            background-color: rgba(0, 0, 0, 0.08) !important;
            color: #fff !important;
			font-weight: 600 !important;
			padding: 0 !important;
        } 
        
.close-cross {
  position: relative;
  /*right: 32px;*/
  /*top: 32px;*/
  width: 14px;
  height: 14px;
  opacity: 0.3;
  left:10px;
}
.close-cross:hover {
  opacity: 1;
}
.close-cross:before, .close-cross:after {
  position: absolute;
  /*left: 15px;*/
  content: ' ';
  height: 15px;
  width: 2px;
  background-color: #333;
}


.close-cross:before {
  transform: rotate(45deg);
}
.close-cross:after {
  transform: rotate(-45deg);
}

.add_mail-custom{

margin-left:0px !important;
display:inline-block !important;
color:#cacaca !important;

}
.add_cross:hover {
color:#337ab7 !important;
}
.add_mail{
right: initial !important;
}





/* switch button*/
#toggles{
width:38px;
display:inline-block !important;
float: right;
margin-right: 20px;
margin-top: -30px;

}

#toggles2{
width:38px;
display:inline-block !important;
float: right;
margin-right: 20px;
margin-top: -30px;

}

.ios-toggle,.ios-toggle:active{
position:absolute;
top:-5000px;
height:0;
width:0;
opacity:0;
border:none;
outline:none;
}
.checkbox-label{
display:block;
position:relative;
padding:10px;
margin-bottom:20px;
font-size:12px;
line-height:16px;
width:100%;
height:20px;
/*border-radius*/
-webkit-border-radius:18px;
   -moz-border-radius:18px;
        border-radius:18px;
background:#f8f8f8;
cursor:pointer;
}
.checkbox-label:before{
content:'';
display:block;
position:absolute;
z-index:1;
line-height:34px;
text-indent:40px;
height:20px;
width:20px;
/*border-radius*/
-webkit-border-radius:100%;
   -moz-border-radius:100%;
        border-radius:100%;
top:0px;
left:0px;
right:auto;
background:white;
/*box-shadow*/
-webkit-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
   -moz-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
        box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
}
.checkbox-label:after{
content:attr(data-off);
display:block;
position:absolute;
z-index:0;
top:-5px;
left:-300px;
padding:10px;
height:100%;
width:300px;
text-align:right;
color:#bfbfbf;
white-space:nowrap;
}
.ios-toggle:checked + .checkbox-label{
/*box-shadow*/
-webkit-box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
   -moz-box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
        box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
}
.ios-toggle:checked + .checkbox-label:before{
left:calc(100% - 20px);
/*box-shadow*/
-webkit-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
   -moz-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
        box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
}
.ios-toggle:checked + .checkbox-label:after{
content:attr(data-on);
left: 32px;
width:36px;
}
/* GREEN CHECKBOX */

.checkbox1 + .checkbox-label{
/*box-shadow*/
-webkit-box-shadow:inset 0 0 0 0px rgba(19,191,17,1),0 0 0 2px #dddddd;
   -moz-box-shadow:inset 0 0 0 0px rgba(19,191,17,1),0 0 0 2px #dddddd;
        box-shadow:inset 0 0 0 0px rgba(19,191,17,1),0 0 0 2px #dddddd;
}
.checkbox1:checked + .checkbox-label{
/*box-shadow*/
-webkit-box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
   -moz-box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
        box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
}
.checkbox1:checked + .checkbox-label:after{
color:rgba(19,191,17,1);
}
/* RED CHECKBOX */

.checkbox2 + .checkbox-label{
/*box-shadow*/
-webkit-box-shadow:inset 0 0 0 0px #f35f42,0 0 0 2px #dddddd;
   -moz-box-shadow:inset 0 0 0 0px #f35f42,0 0 0 2px #dddddd;
        box-shadow:inset 0 0 0 0px #f35f42,0 0 0 2px #dddddd;
}
.checkbox2:checked + .checkbox-label{
/*box-shadow*/
-webkit-box-shadow:inset 0 0 0 20px #f35f42,0 0 0 2px #f35f42;
   -moz-box-shadow:inset 0 0 0 20px #f35f42,0 0 0 2px #f35f42;
        box-shadow:inset 0 0 0 20px #f35f42,0 0 0 2px #f35f42;
}
.checkbox2:checked + .checkbox-label:after{
color:#f35f42;
}
/* BLUE CHECKBOX */

.checkbox3 + .checkbox-label{
/*box-shadow*/
-webkit-box-shadow:inset 0 0 0 0px #1fc1c8,0 0 0 2px #dddddd;
   -moz-box-shadow:inset 0 0 0 0px #1fc1c8,0 0 0 2px #dddddd;
        box-shadow:inset 0 0 0 0px #1fc1c8,0 0 0 2px #dddddd;
}
.checkbox3:checked + .checkbox-label{
/*box-shadow*/
-webkit-box-shadow:inset 0 0 0 20px #1fc1c8,0 0 0 2px #1fc1c8;
   -moz-box-shadow:inset 0 0 0 20px #1fc1c8,0 0 0 2px #1fc1c8;
        box-shadow:inset 0 0 0 20px #1fc1c8,0 0 0 2px #1fc1c8;
}
.checkbox3:checked + .checkbox-label:after{
color:#1fc1c8;
}

.g-recaptcha{
display:none;
}

#chaine_form td{
text-align:center;
padding:4px;
width:33%;
}
#chaine_form table{
width:100%;
}
#chaine_form{
margin-left:auto;
margin-right:auto;
}

#chaine_img p{
font-size: 12px;
line-height: 12px !important;
min-width: 200px;
}

.img_pneu{
height:130px;
}
.img_pneu img{
max-width:100%;
max-height:100%;
}

#chaine_size_result p{
margin-top:10px;
background-color:#cecece;
border-radius: 5px;
}

#chaine_size_result p em{
  color: #058f2a !important;
  font-style: normal !important;
  text-shadow:#9B9B9B   0px 0px, #9B9B9B   0px 0px, #9B9B9B  0px 0px, #9B9B9B   0px 0px;
}

#chaine_size_result p{
padding-top:12px;
padding-bottom:12px;
text-align:center;
font-size: 15px;
line-height: 15px !important;
color:#fff;
text-shadow:#9B9B9B   1px 1px, #9B9B9B   -1px 1px, #9B9B9B  -1px -1px, #9B9B9B   1px -1px;
}

#info_chaine{
margin-top:10px;
}
#info_chaine p{
font-size: 10px;
line-height: 10px !important;
font-weight:bolder;
}

#contact_chaine{
text-shadow:#9B9B9B   0.5px 0.5px, #9B9B9B   -0.5px 0.5px, #9B9B9B  -0.5px -0.5px, #9B9B9B   0.5px -0.5px;
color:inherit
}

#contact_chaine:hover{
color: #BB2B0D;
}

#chaine_info:hover{
color: red !important;
}


 .open{

 }


 .open .perso2{
/*padding-right: 12px;=> Verify consequences*/
  border-top: 1.5px solid rgba(0, 0, 0, 0.46) !important;
  border-bottom: 1.5px solid rgba(0, 0, 0, 0.46) !important;
 
 
background: linear-gradient(rgba(0, 0, 0, 0.61)0%, rgba(139, 87, 66, 0) 17%, rgba(139, 87, 66, 0) 83%, rgba(0, 0, 0, 0.61)100%);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
 
} 



 @media (max-width: 992px) and (min-width: 768px)
 {
  .open .perso2{
/* padding-right: 5px !important;=> Verify consequences*/
 }
 } 
 
/*.btn-3 {
  background: lighten($red, 3%);  
  border: 1px solid darken($red, 4%);
  box-shadow: 0px 2px 0 darken($red, 5%), 2px 4px 6px darken($red, 2%);
  font-weight: 900;
  letter-spacing: 1px;
  transition: all 150ms linear;
}
*/
/*.btn3:visited {
  background: darken($red, 1.5%);
  border: 1px solid rgba(#000, .05);
  box-shadow: 1px 1px 2px rgba(#fff, .2);
  color: lighten($red, 18%); 
  text-decoration: none;
  text-shadow: -1px -1px 0 darken($red, 9.5%);
  transition: all 250ms linear;
}*/

.News_option input[type=text] {
background-color:white;
color: rgba(0, 102, 255, 1) ;
margin-top:4px;
font-size: 12px;
line-height: 18px;
text-align: left;
width: 100%;
}

.specific_portable_nav{
margin-top:0px!important;
}

.video
{
text-align:center;
width:100%;
padding-top:10px;
padding-bottom:10px;
}

.video-mask{
z-index:100;
diplay:block;
width:100%;
height:100%;
}

.ratio {
    /* width is set as 100% here. any width can be specified as per requirement */
    width: 100%;
    padding-top: 56.25%;
    height: 0px;
    position: relative;
}

.ratio iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.video_vertical{
top: 50%;
position: relative;
transform: translateY(-50%);
}

.none_clickable{
pointer-events: none;
}

.cgv{
width:85%;
height:300px;
color:black !important;
}

.form_cgv{
padding-top:5px;
padding-bottom:5px;
}

#Conditions{
text-align:center;
overflow:scroll;
}

#collapseCGV{
padding:10px;
}

/*#CGV_submit{
margin-top:5px;
}*/

.CGV_footer{
padding-top:10px;
}

.CGV_footer button{
margin-top:5px;
}

.logo_smart{
display:inline-block;
}

.textarea_news{
white-space: pre-wrap;
resize: none;
}
.summernote_news_span{
color:#3a4b58;
line-height: 1.3em;
}
.nb_car{
font-size: inherit !important;
}

.nb_li{
font-size: inherit !important;
}
@media only screen and (max-width: 992px){
.online-form{
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
}

/*speciifcity for hours layout*/
.price-table.featured.maroon.horaires ul li span {
color: #fff !important;
}

.toggles_hour {
width: 38px;
display: inline-block !important;
margin-top: 10px;
height: 20px;
}

#Horaire_panel{
background: url("../img/wood2.png") repeat;

text-align: center;


margin-top: 5px;
position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.outer-horaires{
position:fixed;
display: block;
width:100%;
left:0px;
height: 100%;
top: 0px;
}

}

.h_center{
padding-left:0px !important;
}


.snow-image{
width:100%;
margin: auto;
margin-top: -20px;
display:block;
z-index: 2000;
position: fixed;
height:100px;
}

.fit-picture{
width: 100%;
height:100%;
}

.Horaire-content{
text-transform: uppercase;
font-weight: bold;
text-shadow: 1px 1px  #888585;
height: 100%;
top: 0px;
color: white;
z-index: 1000;
background: url("../img/wood2.png") repeat;
box-shadow: 0px 5px 10px 0px !important;
border-radius: 10px;
min-width: 500px;
padding-bottom: 20px;
padding-top: 30px;
}

.Horaire-content td {
  padding-top: 2px;
  padding-bottom: 2px;

}

.Horaire-content table {
margin-right: auto;
margin-left: auto;

}

.td_horaire_small{
font-size: 12px;
color: #0f253c;
text-shadow: 0 0 1.5px #fff, 0 0 1.5px #fff, 0 0 1.5px #fff;
}

.td_horaire_small2{
font-size: 12px;
color: #652424;
text-shadow: 0 0 1.5px #fff, 0 0 1.5px #fff, 0 0 1.5px #fff;
}

.td_horaire_pad{
padding-left: 25px;
  padding-right: 25px;
}

.close-horaires{
color: black;
}

@media only screen and (max-width: 350px){
.td_horaire_small{
font-size: 5.5px;
color: #0f253c;
text-shadow: 0 0 1.5px #fff, 0 0 1.5px #fff, 0 0 1.5px #fff;
}

.td_horaire_small2{
font-size: 5.5px;
color: #652424;
text-shadow: 0 0 1.5px #fff, 0 0 1.5px #fff, 0 0 1.5px #fff;
}

.td_horaire_pad.td_spacer{
padding-left: 8px;
  padding-right: 14px !important;
}
.td_horaire_pad{
padding-left: 8px;
  padding-right: 8px;
}

.Horaire-content td {
font-size: 8px;
}

.Horaire-content{
padding-bottom: 10px;
min-width: 300px;
}

}

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

}

@media only screen and (min-width: 320px) and (max-width: 568px){
.td_horaire_small{
font-size: 8px;
color: #0f253c;
text-shadow: 0 0 1.5px #fff, 0 0 1.5px #fff, 0 0 1.5px #fff;
}

.td_horaire_small2{
font-size: 8px;
color: #652424;
text-shadow: 0 0 1.5px #fff, 0 0 1.5px #fff, 0 0 1.5px #fff;
}

.td_horaire_pad.td_spacer{
padding-left: 12px;
  padding-right: 10px !important;
}

.td_horaire_pad{
padding-left: 12px;
  padding-right: 12px;
}

.Horaire-content td {
font-size: 10px;
}

.Horaire-content{
padding-bottom: 15px;
min-width: 300px;
}
}

.red_color{
color: #652424;
}