@import url(https://fonts.googleapis.com/css?family=Spinnaker);
@import url(https://fonts.googleapis.com/css?family=Spinnaker);
@import url(https://fonts.googleapis.com/css?family=Spinnaker);
@import url(https://fonts.googleapis.com/css?family=Spinnaker);
/*****************************************************************/
/*                            GENERAL     ID 6                         */
/*****************************************************************/
.open-sans {
	font-family: 'Open Sans', sans-serif;
}
H1, H2, H3, H4, H5, H6 {
	font-family: 'Spinnaker', sans-serif; /* type_police_titres */
	margin-bottom: 20px;
} 
H1 {
	color: ; /* couleur_police_titres_H1 */
	font-size:30px;
}
H2 {
	color: ; /* couleur_police_titres_H2 */
	font-size: 14px;
	font-weight:bold;
	font-size:20px;
}
.tp-banner-container{
	width:100%;
	position:relative;
	padding:0;
	background-color: ;
}
.tp-banner{
	width:100%;
	position:relative;
}
.tp-banner-fullscreen-container {
		width:100%;
		position:relative;
		padding:0;
}
.textecv2 {
	font-size:30px;
	line-height:30px;
	font-weight:400;
	font-family:'Spinnaker', sans-serif;
	color: rgb(255, 255, 255);	/* couleur_police_carrousel */
	font-style: ;
	text-decoration:none;
	background-color: ;	/* couleur_fond_police_carrousel */
	padding:8px;
	border:0px;
	border-color:;
	border-style:solid;
	-webkit-border-radius: 0px;	/* radius_boxe */
	-moz-border-radius: 0px;	/* radius_boxe */
	border-radius: 0px;	/* radius_boxe */
}
.gjyphiconcv2 {
	font-size:30px;
	line-height:30px;
	color: ;	/* couleur_glyphicon */
	text-decoration:none;
}
.titrecv2 {
	font-size:50px;
	font-family:;
	font-style:;
	position:absolute;
	color:;
	text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
	font-weight:;
	line-height:60px;
	margin:0px;
	border-width:0px;
	border-style:none;
	white-space:nowrap;
	letter-spacing:-2px;
}
body {
font-family:'Spinnaker', sans-serifpx; /* type_police_texte_general */
font-size: 14px; /* taille_police_texte_general */
line-height: 1.42857143;
color: ; /* couleur_police_texte_general */
background-color: ; /* couleur_fond_page */
background-image: url(./photos/societe/20/design/); /* url_fond_page  */
background-repeat: no-repeat; /* repeat_fond_page */
background-attachment: fixed; /* attachment_fond_page */
background-position: ; /* position_fond_page */
overflow-x: hidden;
}
.body2 {
font-family: 'Spinnaker', sans-serif; /* type_police_texte_general */
font-size: 14px; /* taille_police_texte_general */
color: ; /* couleur_police_texte_general */
background-image: url(./photos/societe/20/design/); /* url_fond_page  */
-webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover;
background-repeat: no-repeat; /* repeat_fond_page */
background-attachment: fixed; /* attachment_fond_page */
background-position: center top; /* position_fond_page */
overflow-x: hidden;
}
a {
	color: rgb(0, 0, 0); /* couleur_police_lien */
}
a:hover {
	color: rgb(0, 0, 0); /* couleur_police_lien */
}
.breadcrumb {
padding: 8px 0px;
margin-bottom: 20px;
list-style: none;
background-color: transparent;
border-radius: 4px;
}
.breadcrumb a {
color: ; /* couleur_lien_ariane */
}
img {
 	height: auto;
 	max-width: 100%;
}
main .container-fluid {
	background-color: ; /* couleur_fond_main */
	background-image: url(./photos/societe/20/design/); /* url_fond_main  */
	background-repeat: ; /* repeat_fond_main */
	background-attachment: ; /* attachment_fond_main */
	background-position: ; /* position_fond_main */
	padding-top: 0px;
}
/*****************************************************************/
/*                           HEADER                              */
/*****************************************************************/
@media (min-width: 1200px) {
 #picto-nav .visible-lg {
display: inline-block !important;
}
  }
#top-header {
	color: ; /* couleur_police_bandeau */
	background: rgb(255, 255, 255); /* couleur_fond_bandeau */
	max-width: 100%;
	margin: 0;
/*	box-shadow: 0px 2px 8px #aaa;	*/
}
#picto-nav {
	width:100%; color:#182F50; margin-top: 10px;
}
#picto-nav span {
	padding: 4px 1px 8px 2px;
}
#search {
	padding: 4px 0px 0px 0px;
}
#logo_small {
	margin: 3px auto;
}
#logo_large {
	margin-left: 0px;
}
#logo img {
	max-width: 300px;
	margin: 10px;
}
.fond_logo
{
	background-color: ; /* couleur_fond_bandeau */
	background-image: url(./photos/societe/20/design/); /* url_fond_logo_large  */
	background-repeat: ; /* repeat_fond_logo_large */
	background-position: center;
}
    #langageTop {margin:0;}
    #langageTop ul {list-style:none;margin: 18px 10px 0px 10px; float: right;}
	#langageTop li {float:left;}
    #langageTop ul a {margin-bottom:7px;display:block;width:29px;height:16px;text-indent:-999em;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;transition:all .2s ease-in}
    #langageTop a.render {cursor:default}
    #langageTop #FRTop {background:url(./img/pictoLang.png) no-repeat 0 top}
    #langageTop #ENTop {background:url(./img/pictoLang.png) no-repeat -58px top}
    #langageTop #FRTop:hover, #langageTop #FRTop.render {background-position:0 bottom}
    #langageTop #ENTop:hover, #langageTop #ENTop.render {background-position:-58px bottom}
    #langageTop dl {margin:20px 0 10px}
    #langageTop dt {font-size:20px}
    #langageTop dd {font-size:15px}
    #langageTop dd a {color:#b0b0b0;text-decoration:none}
.alerte {
	position: fixed;
	background: #e3354b;
	top: -82px;
	left: 0;
	z-index: 32 !important;
	height: 0px;
	width: 100%;
	padding: 1px 0;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transition: all .3s linear;
	opacity: 0;
	border-bottom: 1px solid #ececec;
	line-height: 82px;
	/*visibility: hidden;*/
}
.alerte.show {
	position: fixed;
	top: 0;
	height: 82px;
	opacity: 1;
	visibility: visible;
}
.alerte.show ~ header
{
	margin-top: 82px;
}
.alerte .content {
	
	position: relative;
	margin: 0 auto;
	margin-top: 25px;
	background: none !important;
	border: none !important;
}
.alerte .alerte-close {
	display: block;
	width: 29px;
	height: 29px;
	background: url('./img/alert-close.png') no-repeat 0 0;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	right: 15px;
}
.alerte .alerte-close:hover {
	background-position: 0 -29px;
}
.alerte p {
	line-height: 18px;
	margin: 0;
	margin-top: 4px;
	color: #fff;
	font-size: 14px;
	width: 92%;
	text-align:center;
}
.alerte a {
	color: #12BCC1;
	font-size: 14px;
}
@media (max-width: 767px) {
 #langageTop ul {
list-style: none;
margin: 16px 10px 0px 0px;
float: right;
}
  }
/*****************************************************************/
/*                            FOOTER                             */
/*****************************************************************/
#blocs-footer {
	background-image: url(	https://www.provence-spa.fr/admin/files/20/fond-cat.png); /*  couleur_fond_bas_de_page */
	color: rgb(0, 0, 0); /*  couleur_police_bas_de_page */
	padding: 15px; border-top: 1px solid; color:#47C0C6;
}

.identite {
	text-align: center;
	font-size: 1.1em; line-height:20px;
}
.societe {
font-size: 18px;
}
#netlink {
	background: ; /*  couleur_fond_netlink */
	color: rgb(0, 0, 0); /*  couleur_police_netlink */
	font-size: px; /* taille_police_netlink  */
	padding: 15px;
	
}
#netlink b {
	text-transform: uppercase;
}
#netlink a {
	color: ; /* couleur_lien_netlink */
}
#bottom-footer {
	text-align: center; 
	color: rgb(0, 0, 0); /*  couleur_police_copyright */
	background: ; /*  couleur_fond_copyright */
	padding: 15px 10px;
}
.back-to-top {
	position: fixed;
	bottom: 0;
	right: 10px;
	text-decoration: none;
	color: #fff;
	background-color: #263D40;
	font-size: 35px;
	padding: 5px 10px 0px;
	display: none;
}
.back-to-top:hover {	
	background-color: #5DDFF4;
}	
/*****************************************************************/
/*                            BLOCS                              */
/*****************************************************************/
.container-boxed {
	max-width: px; /* largeur_site_size */
	margin: auto;
}
#module-metier {
	 ; /* couleur_bordure_bloc_colonne */
	background-color: ; /* couleur_fond_bloc_colonne */
	font-size: px; /* taille_police_bloc_colonne */
	color: ; /* couleur_texte_metier */
	padding: 10px;
	margin-bottom: 20px;
	box-shadow:  px px px;	 /* couleur_bordure_menu_niveau_1 */
}
#module-metier H4{
	color: ; /* couleur_titre_metier */
}
#module-alerte {
	border: 1px solid ; /* couleur_bordure_bloc_colonne */
	background-color: ; /* couleur_fond_bloc_colonne */
	color: ; /* couleur_fond_bloc_colonne */
	font-size: px; /* taille_police_bloc_colonne */
	padding: 10px;
	margin-bottom: 20px;
	box-shadow:  px px px;	 /* couleur_bordure_menu_niveau_1 */
}
#module-metier i.fa {
	color: rgba(116, 116, 116, 0.02);
	font-size: 5em;
	position: absolute;
	margin-top: 0px;
	right: 25px;
}
#catalogue {
	padding: 10px;
	font-size: 0.857em;
	margin-bottom: 20px;
}
.radius {
	-webkit-border-radius: px;	/* radius_boxe */
	-moz-border-radius: px;	/* radius_boxe */
	border-radius: px;	/* radius_boxe */
}
.no-padding {
	padding: 0;
}
@media (max-width: 767px) {
 .hide-smart {
display: none;
}
  }
@media (min-width: 1025px) {
 .hide-desktop {
display: none;
}
  }
@media (min-width: 768px) and (max-width: 1024px) {
 .hide-tablet {
display: none;
}
  }
/*****************************************************************/
/*                             MENU                              */
/*****************************************************************/
#navbar-collapse-clic-vertical li a {
	display: inline-block;
}
#navbar-collapse-clic-vertical ul {
	margin-top: 10px;
	margin-bottom: 10px;
}
.navbar-clic .nav-pills > li > a:hover,
.navbar-clic .nav-pills > li > a:focus {
  color: ; /* couleur_police_menu_surbrillance_niveau_1_vertical*/
  background-color: ; /* couleur_fond_menu_surbrillance_niveau_1_vertical */
}
.navbar-clic .nav-pills > .active > a,
.navbar-clic .nav-pills > .active > a:hover,
.navbar-clic .nav-pills > .active > a:focus {
  color: ; /* couleur_police_menu_actif_niveau_1_vertical */
  background-color: ; /* couleur_fond_menu_actif_niveau_1_vertical*/
}
.navbar {
	border-radius: 0;
	margin-bottom: 0;
	box-shadow:  px px px;	 /* couleur_bordure_menu +++ */
}
.navbar-clic {
font-family: 'Spinnaker', sans-serif; /* type_police_menu */
font-weight: bold;
font-size: 15px; /* taille_police_menu_niveau_1 */
 /* background-color: #182F50; couleur_fond_menu_niveau_1*/
/*border-bottom: 1px solid    couleur_bordure_menu_niveau_1 */
}
.navbar-clic a {
color: ; /* couleur_police_menu */
}
.navbar-clic .navbar-nav > li > a:hover,
.navbar-clic .navbar-nav > li > a:focus {
  color: ; /* couleur_police_menu_surbrillance_niveau_1 */
  background-color: ; /* couleur_fond_menu_surbrillance_niveau_1 */
}
.navbar-clic .navbar-nav > .active > a,
.navbar-clic .navbar-nav > .active > a:hover,
.navbar-clic .navbar-nav > .active > a:focus {
  color: ##couleur_police_menu_actif_niveau_1##; /* couleur_police_menu_actif */
  background-color: ; /* couleur_fond_menu_actif_niveau_1 */
}
.dropdown-menu {
  background-color: ;
  border: 1px solid #ccc; 
}
.dropdown-menu > li > a {
  color: ; /* couleur_police_menu_niveau_2 */
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: ; /* couleur_police_menu_surbrillance_niveau_2 */
  background-color: ; /* couleur_fond_menu_surbrillance_niveau_2 */
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: ##couleur_police_menu_actif_niveau_2##; /* couleur_police_menu_actif_niveau_2 */
  background-color: ; /* couleur_fond_menu_actif_niveau_2 */
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
@media (max-width: 767px) {
 .nav-bouton {
	margin: 15px 0px 0px 15px;
	font-weight: bold;
	display: inline-block;
	width: 150px;
	color: #2BB6D5; /* couleur_police_menu */
}
.navbar-toggle .icon-bar {
background-color: #ddd;
}
.navbar-toggle {
background-color: #2BB6D5;
}
  }
/*****************************************************************/
/*                         ACTUALITES                            */
/*****************************************************************/
#actu img {
	padding-bottom: 15px; 
}
/*****************************************************************/
/*                        FORMULAIRES                            */
/*****************************************************************/
.form-control {
	color: ;
	/* couleur_police_input_contact */
	background-color: #FFFFFF;
	/* couleur_fond_input_contact */
	border: 1px solid ;
	/* couleur_bordure_input_contact */
	margin-top: auto;
}

.form-control {
    height: auto;
    font-size: 14px;
    line-height: 1.42857143;
	width: 100%;
    color: #555;
    background-image: none;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

}
	
	
	
}
.total_final {
	color: ; /* couleur_police_input_contact  */
	background-color: ; /* couleur_fond_input_contact  */
	border: 1px solid ; /* couleur_bordure_input_contact  */
	text-align: right;
	padding-right: 3px;
}
.btn-contact {
	color: #ffffff; /* couleur_police_btn_contact  */
	background-color: #5DDFF4; /* couleur_fond_btn_contact  */
	border-color: ; /* couleur_bordure_btn_contact  */
    margin-top:0px;
}
.ui-widget-header .ui-state-active {
	border: 1px solid ;
	color: rgb(71, 192, 198); /* couleur_police_btn_contact  */
	background-color: ;
	font-weight: normal;
	color: #ffffff;
}
.input-search {
	border: 1px solid #ccc; 
}
.btn-search {
	color: #ffffff;
	background-color: #5DDFF4;
	border-color: #ccc;
}
.radio-inline, .checkbox-inline {
line-height: 20px;
}
/*****************************************************************/
/*                         CAROUSEL                              */
/*****************************************************************/
.carousel-caption {
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0px 0 !important;
	width: 100%;
	font-size: 1.0em;
	background-color: ;	/* couleur_fond_titre_vignette */
	color: ;	/* couleur_titre_vignette */
	
}
.carousel-inner {
	margin-bottom:50px;
}
.carousel-indicators {
	bottom:-50px;
}
.carousel-indicators li {
  background-color: #999;
  background-color: rgba(70,70,70,.25);
}
.carousel-indicators .active {
  background-color: #444;
}
.carousel { width: 100%; }
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 25%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 25%;
  margin-right: -10px;
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img { width: 100% }
/*****************************************************************/
/*                          MODULES                              */
/*****************************************************************/
#package .fond-cel {
	background-color: ;
}
.img-module {
	max-width: 50%;
	max-height: 100%;
	margin-right: 15px;
	float: left;
}
.search-path {
	font-size: 0.8em;
	margin-bottom: 0;
	padding: 2px 0;
	margin-top: -15px;
}
.search-resume {
	padding-bottom: 15px;
}
.abstract {
	float: right;
	padding-bottom: 15px;
}
.google-maps {
        position: relative;
        padding-bottom: 0%; /* This is the aspect ratio	*/
        height: 0;
        overflow: hidden;
    }
.google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
.date-actu {
    	margin-bottom: 10px;
		padding: 2px 0;
	
    }
#actu-list H2 {
	padding: 0;
	margin: -5px 0 0;
}
#actu-list img {
	padding-bottom: 10px;
}
@media (max-width: 767px) {
 .google-maps {
padding-bottom: 90%;
}
}
#gallery-box-container {
  font-size: 20px;
  margin: auto;
  position: relative;
  max-width: 50em;
  overflow: hidden;
  
}
#gallery-box-container .item {
  width: 30%;
}
.testimonial {
	border-top: 1px solid #CCC;
	margin-bottom: 15px;
}
.testimonial-pers {
	font-size: 1.2em;
	font-weight: bold;
}
.testimonial-date {
	text-align: right;
}
.objet-vignette{
	display: inline-block;
	cursor: pointer;
	max-width: 21%;
	min-width: 21%;
	height: auto;
	margin-bottom: 2%;
	vertical-align: top;
	position: relative;
	border: 1px solid;
	border-color: #47C0C6;
	background-color: ffffff;
	line-height:10px; margin-left: 3.1%;
}
.objet-vignette:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	background-color:#F7FAED;
    opacity: 1;
}

.objet-vignette_search{
	display: inline-block;
	cursor: pointer;
	max-width: 29%;
	min-width: 28%;
	height: auto;
	margin-right: 4%;
	margin-bottom: 4%;
	vertical-align: top;
	position: relative;
	border: 1px solid;
	border-color: #47C0C6;
	background-color: ffffff;
}

.objet-vignette_search:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: #CAFAFF;
    opacity: 1;
}
	.table-hover > tbody > tr:hover > td,
	.table-hover > tbody > tr:hover > th {
		background-color: ; /* couleur_fond_titre_vignette  */
	}
	@media (max-width: 767px) {
		.objet-vignette {
			max-width: 100%;
		}
	}
@media (min-width: 768px) and (max-width: 1024px) {
		.objet-vignette {
			max-width: 45%;
		}
	}
.line {
	border-top: 1px solid #ccc;
	margin-top: 20px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.inline-input {
	display: inline-block;
	width: auto;
	float: none;
}
.checkbox-first-item {
	padding-left: 30px;
}
#immo-bloc .btn-contact {
	margin-top: 10px;
	margin-bottom: 10px;
}
.immo-price {
	text-align: right;
	font-size: 1.2em;
	font-weight: bold;
}
#immo-list img, #immo-grille img {
	margin-bottom: 10px;
}
#immo-list .btn-contact, #immo-grille .btn-contact {
	float: right;
}
.immo-tri {
	text-align: right;
	padding-bottom: 25px;
}
.selected img {
	opacity:0.5;
}
	.diagnostic img {
	margin-bottom: 10px;
}
.immo-actions {
	margin-top: 20px;
	text-align: right;
}
.immo-detail-list {
  -webkit-column-width: 300px; /* Chrome, Safari, Opera */
     -moz-column-width: 300px; /* Firefox */
     column-width: 300px;
 }
@media (max-width: 767px) {
		.mobile-flex {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
		}
		.mobile-order {
			order:2;
		}
	}
#module-vente-bloc img {
	float: left;
	margin-right: 10px; 
}
#module-vente-bloc li {
	padding: 5px;
	border-bottom: 1px solid #ccc;
}
#module-vente-bloc .product_price {
	text-align: right;
	font-weight: bold;
	font-size: 1.3em;
}
#module-vente-bloc li .btn {
	float: right;
	color: rgb(71, 192, 198); /* couleur_police_btn_contact  */
	text-decoration:none;
}
#module-vente-categorie h4 {
	background-color: #E2FAFB;	/* couleur_fond_titre_vignette */
	color: #32AED0;	/* couleur_titre_vignette */
	text-align: center; 
	padding: 8px;
	font-weight: normal; font-size:17px;
	text-decoration: none;
}

#module-vente-categorie h4:hover {
  background-color: #5DDFF4;
  color: #ffffff;
  text-decoration: none;
}
section H5, #module-vente-bloc H5 {
	margin-bottom: 5px; color:#47C0C6;
}
#module-vente-categorie a {
	color: #FFF; text-decoration:none;
}
#module-vente-categorie li {
	text-align: center;
}
#module-vente-liste img {
	float: left;
	margin-top: 10px;

}
#module-vente-liste li {
	padding: 5px;
	border-bottom: 1px solid #47C0C6;
}
#module-vente-liste li:last-child {
	padding: 5px;
}
#module-vente-liste .product_price {
	text-align: right;
	font-weight: bold;
	font-size: 1.3em;
}
#module-vente-liste li .btn {
	float: right;
	color: #ffffff; /* couleur_police_btn_contact  */
	text-decoration:none; font-size:14px;
  
}
#module-vente-produit .product_price {
	font-size: 23px;
	font-weight: bold;
	color: #2EADC2; margin-top:20px; margin-left: 0px; 
}
#module-vente-produit img {
    margin-bottom: 10px;
}
#module-vente-produit .form-group {
  margin-left: 5px;
  display: inline-block;
  margin-bottom: -2px;
  padding-right: 5px;
}
#calendar img {
	float: none;
	margin-right: 0;
}
.calresa {
	width: 350px;
	background-color: #fcf8f5;
	padding: 10px 10px 10px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px;
}
#heb-facturation .form-group {
	padding: 5px 0;
	clear: both;
}
.cgv {
	font-size: 0.7em;
	margin-top: 20px;
}
#module-vente-produit .product_action {
	padding: 8px 0;
	border-top: 1px solid #47C0C6;
	border-bottom: 1px solid #47C0C6;
	border-left: 1px solid #47C0C6;
	border-right: 1px solid #47C0C6;
	margin: 10px 0; background-color:#E2FAFB;
}

.ajouTpanierDiect
{
	padding: 8px 0;
	border-top: 1px solid #47C0C6;
	border-bottom: 1px solid #47C0C6;
	border-left: 1px solid #47C0C6;
	border-right: 1px solid #47C0C6;
	margin: 10px 0; background-color:#E2FAFB;
}

.ajouTpanierDiect hover{
background-color:#E2FAFB;
}

.PrixPanierDirect {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 80%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0px;
  margin-left: 3px; background-color:#27A1B5;
}

.btn-catalogue
{
display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid #47C0C6;
  margin: 3px;
  background-color: #182F50;
  transition: all .7s cubic-bezier(.77,0,.175,1); color:#FFFFFF;
  font-size: 16px;
  font-family: "Spinnaker", sans-serifpx;
  text-decoration:none;
}

.btn-catalogue:hover
{ background-color:#5DDFF4; color:#000000; text-decoration:none;}

.stroke {
	text-decoration: line-through;
	color: initial;
	font-size: 0.7em;
}
#module-vente-produit H1 {
	margin-top: -6px;
}
p.socialsharing_product{
  margin-bottom: 0;
  margin-left: 1px; margin-top:-50px;
}
.btn-facebook:hover, .btn-twitter:hover, .btn-google-plus:hover, .btn-pinterest:hover {
  border-color: transparent; }
.btn-facebook i {
  color: #435f9f; }
.btn-facebook:hover {
  color: white;
  background-color: #435f9f; }
  .btn-facebook:hover i {
    color: white; }
.btn-twitter i {
  color: #00aaf0; }
.btn-twitter:hover {
  color: white;
  background-color: #00aaf0; }
  .btn-twitter:hover i {
    color: white; }
.btn-google-plus i {
  color: #e04b34; }
.btn-google-plus:hover {
  color: white;
  background-color: #e04b34; }
  .btn-google-plus:hover i {
    color: white; }
.btn-pinterest i {
  color: #ce1f21; }
.btn-pinterest:hover {
  color: white;
  background-color: #ce1f21; }
  .btn-pinterest:hover i {
    color: white; }
.head-panier {
	background-color:;;
	color: rgb(71, 192, 198);
	text-align: center;
	font-weight: bold; 
	min-height: 35px;
	margin: 2px;
	padding: 2px;
	line-height: 28px;
}
.bottom-panier-left {
	background-color:;;
	color: #ffffff;
	text-align: right;
	font-weight: bold; 
	min-height: 35px;
	margin: 2px;
	padding: 2px 15px 2px 2px;
	line-height: 28px;
	width: 18%; background-color:rgb(71, 192, 198)

}
.bottom-panier-right {
	background-color:;;
	color: #ffffff;
	text-align: right;
	font-weight: bold; 
	min-height: 35px;
	margin: 2px;
	padding: 2px 20px 2px 2px;
	line-height: 28px;
	width: 16.9%; background-color:rgb(71, 192, 198)
}
.line-panier {
	margin: 0px;
	padding: 2px;
	line-height: 28px;
}
#module-vente-panier H6 {
	margin-bottom: 5px; margin-top: -4px;
}
#module-vente-panier .product_price {
	text-align: center;
	line-height: 20px; font-size:13px;
}
#module-vente-panier .product_qte {
	text-align: center;
	line-height: 20px;
}
#module-vente-panier .product_price_total {
	font-family:"Spinnaker", sans-serifpx;; font-size:13px;
	line-height: 20px;
	font-weight: bold;text-align: center;
}
#module-vente-panier .product_trash {
	text-align: center;
	line-height: 20px;
}
.qte_panier {
		padding: 6px 15px;
		text-align: center;
}


@media (max-width: 767px) {
		.bottom-panier-left {
	
	width: 48%;
margin-left: 1.5%;
}
.bottom-panier-right {
	
	width: 48%;
}
#module-vente-panier .product_trash {
margin: 0;
padding: 0;
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
		.bottom-panier-left {
	
	width: 68.333333%;
}
.bottom-panier-right {
	
	width: 26%;
}
	}
.line-panier_recap {
text-align: center;
margin: 2px;
	padding: 2px;
}
.bottom-panier-left_recap {
width: 51%;
margin-left: 1.5%;
text-align: right;
margin: 2px;
	padding: 2px;
} 
.bottom-panier-right_recap {
width: 42%;
text-align: center;
background-color:#000;
color: #fff;
margin: 2px;
	padding: 2px;
}
#paiement {
	text-align: center;
	border-right: 1px solid #ccc;
}

#paiement-panier {
	text-align: center;
	
}
@media (min-width: 480px) and (max-width: 1024px) {
		#vente aside {
	display: none;
}
.immo-detail-list {
  -webkit-column-width: 200px; /* Chrome, Safari, Opera */
     -moz-column-width: 200px; /* Firefox */
     column-width: 200px;
 }
 .immo-actions {
margin-top: -15px;
text-align: right;
margin-bottom: 10px;
}
}
.couleur_alternance_2
{
background-color:;
}
.couleur_alternance_1
{
background-color:;
}
.videocontainer {
width: 100%
height : 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
.videocontainer.r1 {padding-bottom: 100%;}
.videocontainer iframe, .videocontainer embed, .videocontainer object{
width: 100% !important; height: 100%! important;
position: absolute;
top:0; left: 0;
}
.nav > li > a:hover, .nav > li > a:focus
{
  text-decoration-line: none;
  text-decoration-style: solid;
  background-color: transparent;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #FFFFFF;
    background-color: #748A3F;
    border-color: #adadad;
}
/*****************************************************************/
/*                        MODIF JUILLET 2018                             */
/*****************************************************************/
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: rgb(255, 0, 0);
    border-color: #428bca;
}
/* ==TITRE DE TOUTES LES PAGES ===========================================================*/
#page_title, #page_title a, h1 {
  margin:20px 0;
  padding:4px;
  font-weight:bold;
  font-size:19px;
  color:#CCCCCC;
  width:70%; 
  text-transform: uppercase;
}
/* BLOCK */
.block_encadre1 {width:780px; margin:0 auto; padding:0; border-width:1px; border-style:solid; border-color:#E15500; font-family:Arial, Helvetica, sans-serif; font-size:12px}
.block_encadre2 {width:780px; margin:0 auto; padding:0; border-width:1px; border-style:solid; border-color:#E15500; font-family:Arial, Helvetica, sans-serif; font-size:12px}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default
{
  color: #ffffff;
  background-color: #6F332B;
  border-top-color: #adadad;
  border-right-color: #adadad;
  border-bottom-color: #adadad;
  border-left-color: #adadad;
}
#devis { width:100%; height:40px; background-color:#666666; text-transform: uppercase; text-align:center; color:#FFFFFF;
    border-radius: 3px; margin-top:35px;padding: 10px 12px; font-weight:700; margin-bottom:60px;}
	#devis:hover { background-color: #FF0000;}
#devis a:hover { color:#ffffff;text-decoration: none;}
#devis a { color:#ffffff;}
  .ui-widget-header {
	border: 1px solid #ffffff;
	background: #39ADE6;
	color: #333333;
	font-weight: bold;
}
.ui-tabs .ui-tabs-nav {
    margin: 0;
	background-color: #FFFFFF;
	
	
}
.container { text-align:center;}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
	border:1px; color:#000000; text-transform: uppercase;
	font-family: "Spinnaker", sans-serifpx; 
	font-size:11px; background-color:#C9F5F8; margin-left:15px;
}
h4 {
    height: 37px;
    background-color: transparent;
   /* background-image: url("/override/6/img/bullet-fleche.png");*/
    font-family: 'eurofurence_regular', Arial,Verdana,Lucida,Geneva,Helvetica,sans-serif;
    font-size: 17px;
    color: #AF2932;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left center;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    padding-left: 0px;
    padding-top: 10px;
    margin-top: -16px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    text-transform: uppercase;

}
H1, H2, H3, H4, H5, H6 {
    margin-bottom: 10px; color:#47C0C6; font-size: 16px; padding-top:15px;
}
.titrenews {font-size:20px; color:#000000;}
.video {
width: 100%;
padding-bottom: 45%;
overflow: hidden;
position: relative;
margin-top:-20px;
}
.video.r1 {padding-bottom: 100%;}
.video iframe, .video embed, .video object{
width: 100% !important; height: 100%! important;
position: absolute;
top:0; left: 0;
}
.video70 iframe, .video embed, .video object{
width: 70% !important; height: 70%! important;
position: absolute;
top:0; left: 0;
}

#tableaubas{
	width:100%;
	height:220px;
	}
#tab1 {
	float:left;
	background-image:url(https://www.isdi-creation.fr/override/6/img/REFERENCEMENT.jpg);
	background-repeat:repeat-x;	
	width:330px; height:220px;
	margin-left:0px;
}
#tab2 {
	float:left;
	background-image:url(https://www.isdi-creation.fr/override/6/img/ECOMMERCE.jpg);
	background-repeat:repeat-x;
	width:330px; height:220px;
	margin-left:40px;
}
#tab3 {
	float:left;
	background-image:url(https://www.isdi-creation.fr/override/6/img/SITE-WEB.jpg);
	background-repeat:no-repeat;
	width:330px; height:220px;
	margin-left:40px;
}
#bottom-footer { font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase;
	text-align: center; 
	color: #513523;
	background: #5DDFF4;
	padding: 15px 10px;
	margin: 0px;
}
#bottom-footer a:hover { color:#000000;text-decoration: none;}
#bottom-footer a { color:#513523;}
.btn:hover, .btn:focus
{
  color: #ffffff;
  text-decoration-line: none;
  text-decoration-style: solid;
  background-color:#32484B;
}
.btnpan {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	color:#FFFFFF;
	font-weight: 500;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: top;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-radius: 5px;
	margin-top: 7px;
	background:#1e847f;
}
H1 {
    font-size: 18px;
    color: #47C0C6;
    padding: 10px;
    font-weight: bold;
    text-align: center;
    display: block;
    width: 100%;
    border-radius: none;
    background: #ffffff; border: 1px solid #5DDFF4;
}
b, strong {
    font-weight: 600;
    text-align: left;
}
img {
    height: auto;
    max-width: 100%;
    margin-bottom: 12px;
}
H5 {
    margin-bottom: 5px;
    
}

/*MODIF MISE EN PLACE PLEINE PAGE*/
.col-lg-9{
    width: 100%;
}

.center-div {
     margin: 0 auto;
     width: 30%;
}

article, aside, details, figcaption, figure, header, hgroup, main, nav, section, summary {
    display: block;
}
.btn-sm, .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    
}


.btndevis:hover, .btndevis:focus {
    color: #ffffff;
    text-decoration-line: none;
    text-decoration-style: solid;
    background-color: #263D40;
}
.btndevis:hover, .btndevis:focus {
    text-decoration: none;
        text-decoration-line: none;
        text-decoration-style: solid;
}
.btndevis-sm, .btndevis-group-sm > .btndevis {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    width: 35%;
}
.btndevis {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    color: #2E8E94;
    font-weight: 500;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: top;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 5px;
    margin-top: 7px;
    background: #1e847f;
	width:45%;
        background-color: #5DDFF4;
}
#menu-descriptif {
	padding: 5px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	background-image: url(	https://www.provence-spa.fr/admin/files/20/fond-cat.png);
	margin-top:-35px;
}
#menu-descriptif li {
	list-style-type: none;
	background: url(https://www.provence-spa.fr/override/20/img/puce-aquavia-page.png) no-repeat 0 0.32em;
	padding-left: 28px;
	line-height: 28px;
	margin-bottom: 10px;
	font-size: 16px;
	font-family: "Spinnaker", sans-serifpx;
}
#menu-descriptif p {
	font-size: 17px;
	color: #148D94;
	padding:15px;
	text-align:center;
	display:block;
	width: 100%;
	text-transform:uppercase;
	background-color:#E2FAFB;
}
#module-vente-categorie li {
    text-align: center;
    border: 1px solid #5DDFF4;
	}
	ul, ol {
    margin-top: 15px;
    margin-bottom: 10px;
}
.form-horizontal { width: 93%;
  margin: 10px;
 }
.contenu {width:90%; padding-left:40px; font-family: Lucida Sans Unicode; font-size: 15px;}
.footer-mobile {
	display:none;
	}

	.footer-mobile {
		display:block;
		z-index: 9999;
		position:fixed;
		bottom: 0 ;
		width:100%;
	}
	.footer-mobile .col-half {
		width:33%;
		float: left;
	}
	.footer-mobile a {
		background: #263D40; font-family:"Roboto Condensed"; font-size:16px;
		color: rgb(255, 255, 255);
		width: 100%;
		display: block;
		padding: 10px 0;
		text-align: center;
		border: 2px solid #fff;
		text-decoration: none;
		-webkit-transition: all 0.6s cubic-bezier(0.300, 0.100, 0.580, 1.000);
		-moz-transition: all 0.6s cubic-bezier(0.300, 0.100, 0.580, 1.000);
		-o-transition: all 0.6s cubic-bezier(0.300, 0.100, 0.580, 1.000);
		-ms-transition: all 0.6s cubic-bezier(0.300, 0.100, 0.580, 1.000);
		transition: all 0.6s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	}
	.footer-mobile a:hover {
		background: #5DDFF4;
	}
	}

#isdi-footer a:hover { color:#B12B34;text-decoration: none;}
#isdi-footer a { color:#ffffff;text-decoration:none; }
#isdi-footer { font-family:Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase;

	text-align: center; 
	color: #ffffff;
	background: #263D40;
	padding: 15px 10px;
	margin: 0px;

}
.valid {
   color: #FF0000; text-align:center; margin-top: -12px; padding-left: 21%; font-size:14px; font-weight:300; height:25px;
}
.validcontact {
   color: #FF0000; text-align:left; margin-top: -12px; padding-left: 21%; font-size:14px; font-weight:300; height:25px; text-indent: 4em
}
.email-valid {
   color: #FF0000; text-align:center; margin-top: -12px; padding-left: 12%; font-size:14px; font-weight:300; height:25px;
}
.email-validcontact {
   color: #FF0000; text-align:left; margin-top: -12px; padding-left: 21%; font-size:14px; font-weight:300; height:25px; text-indent: 4em
}	
.email-validcontactform {
  color: #FF0000; text-align: left; margin-top: 6px; padding-left: 0%; font-size: 14px; font-weight: 300; height: 2px;
}

.objet_asso {
  text-align: right;
  width: 100%;
  font-weight: bold;
  font-size: 16px;
  color: #A9CC48;
  padding: 10px;
  float: right;
  margin-top: -4%;
  list-style: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 2;
}
#menu-descriptif-acces { 
    padding-left:20px;
	margin-left: auto;
	width:auto;
	margin-right: auto;
	background-image: url(	https://www.provence-spa.fr/admin/files/20/fond-cat.png);
	border: 1px solid #FFFFFF;
	padding: 5px 0 0px;
    background-repeat: no-repeat;
    background-size: cover;
	margin-bottom:15px;

}

#menu-descriptif-durable { 
    padding-left:20px;
	margin-left: auto;
	width:auto;
	margin-right: auto;
	background-image: url(https://www.provence-spa.fr/admin/files/20/banner-rsc-durable.jpg);
	border: 1px solid #FFFFFF;
	padding: 5px 0 0px;
    background-repeat: no-repeat;
    background-size: cover;
	margin-bottom:15px;

}


#menu-descriptif-durable p {
	font-size: 18px;
	font-family: "gilroyaqv",sans-serif;
	color: #000000;
	padding:15px;
	display:block;
	width: 100%; text-align:justify;
	}

#menu-descriptif-marque { 
    padding-left:20px;
	margin-left: auto;
	width:auto;
	margin-right: auto;
	border: 1px solid #FFFFFF;
	padding: 5px 0 0px;
    background-repeat: no-repeat;
    background-size: cover;
	margin-bottom:15px;

}

#menu-descriptif-marque p {
	color: #000000;
	padding:15px;
	display:block;
	width: 100%; text-align:justify; text-transform: none; text-align:justify;
	}

#titre-escalier
  {background-color: #47B7E2;
  background-image: linear-gradient(45deg,#32A7F4 0%,#A2D31C 33%,#40B494 66%, #00A5DE 100%);
  background-size: 100%;
  font-size: 24px;
   padding:10px;
  background-repeat: repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}

#titre-pompe{font-size: 23px; color:#47C0C6; text-transform:uppercase; padding:15px; font-weight:600;}
#titre-devis{font-size: 19px; color:#5DDFF4; text-transform:uppercase; padding:20px; font-weight:600; text-align:center;}
#titre-transport{font-size: 16px; color:#35A5AA; text-transform:uppercase; padding:20px; font-weight:600;}
#titre-contenu{font-size: 18px; color:#47C0C6; padding:15px; font-weight:600;}
#titre-durable{font-size: 20px; color:#ffffff; padding:20px; font-weight:600; text-align:center;}
#titre-voir{font-size: 20px; color:#ffffff; padding:20px; font-weight:600; text-align:center;
  margin-bottom: 20px; background-color:#33AED0;border: 1px solid #ffffff;
}
#titre-voir:hover{ background-color: #99D6E8;}
#titre-voir a{color: #ffffff; text-decoration:none;}

#titre-pratique{font-size: 25px; color:#ffffff; font-weight:600; text-align:center;}
#titre-avantage{font-size: 18px; color:#47C0C6; font-weight:600; margin-top:-30px; text-align: center;background-color:}
#titre-avantage-option{font-size: 20px; color:#69C4F3; font-weight:700; text-align: center;background-color:}
#titre-collection{font-size: 25px; color:#263D40; padding:20px; font-weight:500;
}



#titre-descriptif-objet{font-size: 35px; color:#263D40; font-weight:500; margin-top: -20px;}
#titre-jets{font-size: 18px; color:#47C0C6; font-weight:600; text-align: center;background-color:}
#titre-descriptif-jets{font-size: 15px; color:#263D40; font-weight:700; margin-top: -5px;}
#menu-descriptif-acces p {
	color: #000000;
	padding:15px;
	display:block;
	width: 100%; text-align:justify; margin-top: -15px;
	}
	.label-default {
  background-color: #27A1B5;
}

btn-block + .btn-block {
  margin-top: .5rem;
}
.btn-secondary {
  color: #ffffff;
  background-color: transparent;
  border-color: #47C0C6;
  border-radius: 0;
  font-size: 16px;
  font-family: "Spinnaker", sans-serifpx;
}



.btn-block {
  padding: 1rem .5rem; margin-top: 20px;
   display: block;
  width: 100%; margin-bottom: 20px;
}
.btn-voir-plus {
  padding: 2rem .5rem; margin-top: 20px;
   display: block;
  width: 10%; margin-bottom: 20px;
}
.btn-secondary-voir {
  color: #000000;
  background-color: #33AED0;
  border-color: #ffffff;
  border-radius: 0; font-size: 20px;
}
.btn-secondary-voir:hover {
  background-color: #ffffff;
  color:#3366FF;
}

.btn-secondary:hover {
  color: #000000;
  background-color: #4FEDFF;
  border-color: #4FEDFF;
}

.descriptif-couleur{padding-left: 0px; margin-top:10px;}
#titre-coloris-internet{font-size: 20px; color:#FFFFFF; text-transform:uppercase; text-align:center; padding-left: 0px; font-weight:600; padding:17px; background-color:#198AC3; margin-top:40px;}
#titre-couleur{font-size: 25px; color:#000000; text-transform:uppercase; padding:20px; font-weight:600;}
#titre-descriptif{font-size: 15px; color:#666666; text-transform:uppercase;text-align:center; font-family: "Spinnaker", sans-serifpx;}
.objet-vignette-couleur{
	display: inline-block;
	cursor: pointer;
	max-width: 29%;
	min-width: 230px;
	height: auto;
	margin-right: 0%;
	margin-bottom: 2%;
	vertical-align: top;
	position: relative;
	background-color: ffffff;
	
}
.image-center{
  text-align: center; margin-top: 5px;
}

#menu-descriptif-annexe {
	border: 1px solid #47C0C6;
	padding: 5px;
	width: 97%;
	margin-left: 9px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-top: 42px;
}
#menu-descriptif-annexe li {
	list-style-type: none;
	background: url(https://www.provence-spa.fr/override/20/img/cloud.png) no-repeat 0 0.32em;
	padding-left: 45px;
	line-height: 40px;
	margin-bottom: 10px;
	font-family: Lucida Sans Unicode;
	font-size: 15px
}
#menu-descriptif-annexe p {
	font-size: 16px;
	color: #263D40;
	padding:15px;
	text-align:center;
	display:block;
	width: 100%;
	text-transform:uppercase;
	background-color:#5DDFF4;
	font-family: Lucida Sans Unicode;
}
#menu-descriptif-annexe a { text-decoration:none; }

.row {
  margin-right: -10px;
  margin-left: -10px;
}
.texte-libele-panier {
   font-size: 16px;
    color: #47C0C6; text-align:center; margin-bottom:10px;
}

.objet-vignette-titre{
	display: inline-block;
	cursor: pointer;
	max-width: 29%;
	min-width: 210px;
	height: auto;
	margin-right: 1%;
	margin-bottom: 2%;
	margin-top:1%;
	vertical-align: top;
	position: relative;
	border: 1px solid;
	border-color: #cccccc;
	
}

.objet-vignette-titre:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: #DBF8FA;
    opacity: 1;
}

.objet-vignette-jets{
	display: inline-block;
	cursor: pointer;
	max-width: 29%;
	min-width: 290px;
	height: auto;
	margin-right: 1%;
	margin-bottom: 2%;
	margin-top:1%;
	vertical-align: top;
	position: relative;
	border: 1px solid;
	border-color: #cccccc;
	
}

.objet-vignette-jets:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: #DBF8FA;
    opacity: 1;
}
.objet-vignette-jets p {
font-family: 'Spinnaker', sans-serifpx;
  font-size: 14px;
  line-height: 1.42857143; text-align:left; margin: 10px;
} 


#photocontenu {
width: 80%;
}
.mesdroits{font-family: Arial, Helvetica, sans-serif; font-size:14px;
}

label {
  display: inline-block;
  font-weight: 700;
  color:#47C0C6;
}

#titre-disposition{color:#5DDFF4; text-transform:uppercase; text-align:left; padding-left: 0px; font-weight:600; padding:0px; margin-top:20px;}
#fond-disposition{background-image: url(https://www.provence-spa.fr/admin/files/20/fond-cat.png);margin-bottom:15px;}
#fond-disposition p {color:#FFFFFF; text-align:left; margin: 10px;}
#fond-disposition li {
	list-style-type: none;
	padding-left: 25px;
	width: 100%;
	line-height: 20px;
	margin-bottom: 10px;
	color: #FFFFFF;
	font-size: 18px;
	font-family: font-family: "Spinnaker", sans-serifpx;
}

#block-controle p {
	color: #000000;
	display:block;
	width: 100%;
	text-align:justify;
	
}
#block-controle {
	color: #000000; text-align:justify;
	display:block;
	width: 100%;
}
#controle{
	width:49%;
	background-color:#4FBFC3;
	font-family: "Roboto Condensed";font-size: 15px;
	text-transform: uppercase;
	text-align:center;
	color:#FFFFFF;
	border-radius: 10px;
	margin-top:35px;
	padding: 10px;
	margin-bottom: 15px;
	margin-left:15px;
}
#controle:hover {
	background-color:#9EB944;
}
#controle a:hover {
	color:#ffffff;
	text-decoration: none;
}
#controle a {
	color:#000000; font-weight:600;
}
#lien-page a{
color:#ffffff; font-weight:600;
}
#lien-page a:hover {
	color:#ffffff;
	text-decoration: none;
}

#menu-descriptif-page {
	padding: 5px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-image: url(	https://www.provence-spa.fr/admin/files/20/fond-cat.png);
}
#menu-descriptif-page li {
	list-style-type: none;
	background: url(https://www.provence-spa.fr/override/20/img/puce-aquavia-page.png) no-repeat 0 0.32em;
	padding-left: 25px;
	line-height: 25px;
	font-size: 15px
}
#menu-descriptif-page p {
	font-size: 18px;
	color: #FFFFFF;
	padding:15px;
	text-align:center;
	display:block;
	width: 100%;
	border-radius: 10px;
	text-transform:uppercase;
	background-color:#44B4F0;
}

a {
  color: #666666;
  text-decoration: none;
  font-size: 14px;
  font-family: sans-serif;
}

}
td, th {
  padding: 3px;
  vertical-align: baseline;
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
}
.btn-devis {
	color: #ffffff;
	background-color:#47C0C6;
}
.btn-acompte {
	color: #FFFFFF;
	background-color:#47C0C6;
}

.btn-panier {
  color: #2E8E94;
  background-color: #5DDFF4;
  border-color: ;
  font-family: "Spinnaker", sans-serifpx; font-size:15px;
}
.cadre-page{width:90%}
.center-div-page {
     margin: 0 auto;
     width: 98%;
}

.center-div-page-contenu {
     margin: 0 auto;
     width: 85%;
}

#menu-descriptif-contenu { 
    padding-left:20px;
	margin-left: auto;
	width:auto;
	margin-right: auto;
	background-image: url(	https://www.provence-spa.fr/admin/files/20/fond-cat.png);
	border: 1px solid #FFFFFF;
	padding: 5px 0 0px;
    background-repeat: no-repeat;
    background-size: cover;
	margin-bottom:15px; width:95%;

}
#menu-descriptif-contenu p {
	color: #000000;
	padding:15px;
	display:block;
	width: 100%; text-align:justify; margin-top: -10px;
	}
	
	
#menu-descriptif-page-align {width:80%;}
  
#texte-categorie {
  font-size: 13px;
  color: #000000;
  line-height: 1.5;
  text-align: center;
  padding: 7px;
  font-family: Spinnaker;
}

#texte-categorie:hover {background-image: url(	https://www.provence-spa.fr/admin/files/20/fond-cat.png);}
/*****************************************************************/
/*                        ESPACE CLIENTS                            */
/*****************************************************************/

.fond_espace_client {background-image: url(https://www.provence-spa.fr/admin/files/20/fond-cat.png);
}
.text-espace-client{
font-family:"Roboto Condensed";
	font-size:21px;
	color:#000000;
}

.mdp-perdu {
font-family:"Roboto Condensed";
	font-size:15px;
	color:#000000;
}
#btn-newclient{
  padding: 10px 10px;
  margin-top: 20px;
  width: 100%;
  margin-bottom: 20px;
  background-color: #68B5D9;
 border-bottom: 1px solid #000000; border-right: 1px solid #000000;  border-left: 1px solid #000000; border-top: 1px solid #000000;
 font-family:"Roboto Condensed"; font-size:18px; color:#FFFFFF;
}

#btn-espaceclient{
  padding: 10px 10px;
  margin-top: 20px;
  width: 100%;
  margin-bottom: 20px;
  background-color: #68B5D9;
 border-bottom: 1px solid #000000; border-right: 1px solid #000000;  border-left: 1px solid #000000; border-top: 1px solid #000000;
  color: ffffff; font-family:"Roboto Condensed"; font-size:18px;
}
.bloc-center {
  justify-content: center;
  align-items: center;
  text-align:center;
}

.bloc-center-client {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align:center;
  background-image: url(https://www.provence-spa.fr/admin/files/20/fond-cat.png); padding:15px;
}

.bloc-center-cat {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align:center;
}

.input-group .form-control 
 {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 5px;
  margin-top: 10px;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
  width: 100%;
}
/* ===========================FIN ESPACE CLIENT ==================================*/
.btn-secondary-panier {
  color: #47C0C6;
  background-color:#ffffff;
  border-color: #47C0C6;
  margin-bottom: 10px;
}
.btn-block-panier {
  padding: 2rem .5rem; margin-top: 20px;
  display: flex;
  width: 100%; margin-bottom: 20px;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 85%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0px;
}
a.call-to-action {
  color: #fff;
  background: #317dbf;
  display: block;
  text-decoration: none;
  padding: 15px 30px;
  margin: 10px 0;
  float: left;
  font-weight: bold;
  transition: 0.5;
  font-size: 16px;
}
.choix-livr{font-family: "Spinnaker", sans-serifpx; font-size:15px; color:#35A5AA; font-weight:600;margin-left: 9%;
margin-bottom: -25px;}

.col-livr {
  margin-left:30px;  
}
.col-livr-devis {
  margin-left:30px;
}
.del-panier {font-family: "Spinnaker", sans-serifpx; font-size:15px; color:#35A5AA; font-weight:600; margin-top: 6px;}
.descrip-annexe{font-family: "Spinnaker", sans-serifpx; font-size:18px; color:#35A5AA; padding:5px; background-color: #E2FAFB;}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid #000000;
  margin: 3px;
  background-color: #019BA7;
  transition: all .7s cubic-bezier(.77,0,.175,1);
}

.gallery{ margin-top: 5px;}

.input-group-addon {
  padding: 6px 10px;
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: transparent;
  border: none;
    border-right-color: rgb(204, 204, 204);
    border-right-style: solid;
    border-right-width: 1px;
  border-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.panierDirect {
  padding: 10px;
  width: 200px;
  line-height: 30px; color:#ffffff; background-color:#40D8F2; font-size:15px;
  border: 1px solid #ffffff; margin-left: 0px;
}

.panierOption {
  padding: 10px;
  width: 200px;
  line-height: 30px; color:#ffffff; background-color:#40D8F2; font-size:15px;
  border: 1px solid #ffffff; margin-left: 20px; margin-top:14px;
  
}

.panierDevis {
  padding: 10px;
  width: 250px;
  line-height: 30px; color:#ffffff; background-color:#182F50; font-size:15px;
  border: 1px solid #ffffff; margin-left: 20px; margin-top:10px; display:block;
  
}
.panierDevis:hover { background-color:#40D8F2; color:#ffffff;}

.panierDirect:hover { background-color:#263D40; color:#ffffff;}

.plusdinfos {
  padding: 10px;
  width: 150px;
  line-height: 30px; color:#000000; background-color:#8DE8EF; font-size:15px;
  border: 1px solid #ffffff; transition: all .7s cubic-bezier(.77,0,.175,1);
}
.plusdinfos:hover { background-color:#27A1B5; color:#ffffff;}
.important {font-size:15px; color:#FF3300; font-weight:600;}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
 
}
.lienrgpd {font-size:15px; color:#000000;}
.choix-paiement {text-align:center; margin-bottom:20px;color: #47C0C6;}
.choix-paiement-CB {text-align:center; margin-bottom:20px;color: #47C0C6; font-size:18px;}

.objet-vignette-cat {
  display: inline-block;
  cursor: pointer;
  max-width: auto;
  height: auto;
  vertical-align: top;
  position: relative;
  border: 1px solid;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
  border-color: #47C0C6;
  background-color: ffffff;
  line-height: 10px;
  padding-top: 3px;
  margin:10px;
}
.objet-vignette-cat:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: #CAFAFF;
    opacity: 1;
}
.bloc-center-cat {
  justify-content: center;
  text-align:center;
}
.checkbox-rgpd{ float: right;}

input[type="checkbox"] {
  margin: 3px 0 0;
    margin-left: 0px;
  margin-top: 1px \9;
  line-height: normal;
  margin-left: 10px;
}
#text-rgpd {margin-top:-10px; text-align: left;}

.form-group {
  margin-bottom: 15px;
  text-align: left;
}
.col-sm-6 {text-align: right; padding-right: 5px; padding-left: 3px;}
.text-soumettre{margin-top:-4px; text-align: justify;}

.drapeau_objet{
	float:right;
	margin-top: -60px;
}
.prix_ht {color:#17a2b8; font-weight: bold; margin-left:20px;}
.product_prix_ht { font-size:16px;}

#menu-descriptif-aurora {
  padding-left: 20px;
  margin-left: auto;
  width: auto;
  margin-right: auto;
  background-image: url( https://www.provence-spa.fr/admin/files/20/fond-cat.png);
  border: 1px solid #FFFFFF;
  padding: 5px 0 0px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 15px;
  width: 100%;
}
#menu-descriptif-aurora p {
	color: #000000;
	padding:15px;
	display:block;
	width: 100%; text-align:justify; text-transform: none; text-align:justify;
	font-family: "Spinnaker", sans-serifpx; font-size:15px;
	}
#titre-contenu-aurora{font-family: "Spinnaker", sans-serifpx; font-size:14px; color:#47C0C6; text-transform:uppercase; padding:20px; font-weight:600; margin-top:-50px;}
.text-cgdv{font-family: "Spinnaker", sans-serifpx; font-size:14px; color:#47C0C6; margin-top: -4px; font-weight:600;}
#text-cgdv {margin-top:-10px; text-align: left;}

#menu-descriptif-prestation { 
    padding-left:20px;
	margin-left: auto;
	width:auto;
	margin-right: auto;
	background-image: url(	https://www.provence-spa.fr/admin/files/20/fond-cat.png);
	border: 1px solid #FFFFFF;
	padding: 5px 0 0px;
    background-repeat: no-repeat;
    background-size: cover;
	margin-bottom:15px; width:100%;
	margin-top: -40px;
}
#menu-descriptif-prestation p {
	color: #000000;
	padding:15px;
	display:block;
	width: 100%; text-align:justify; margin-top: -10px;
	}
	
	input, button, select, textarea {
  font-family: Spinnaker;
  font-size: inherit;
  line-height: inherit;
 
}
.active-panier{font-family: "Spinnaker", sans-serifpx; font-size:16px; color:#47C0C6; }

#module-vente-produit .price_option {
  font-size: 21px;
  font-weight: bold;
  color: #2EADC2;
  margin-top: 15px;
  margin-left: 10px;
  line-height: 20px;
}

#menu-stock {
	padding: 5px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	margin-top: 0px;
	background-image: url(	https://www.provence-spa.fr/admin/files/20/fond-cat.png);
}
#menu-stock li {
	list-style-type: none;
	background: url(https://www.provence-spa.fr/override/20/img/puce-aquavia-page.png) no-repeat 0 0.32em;
	padding-left: 28px;
	line-height: 28px;
	margin-bottom: 10px;
	font-size: 16px;
	font-family: "Spinnaker", sans-serifpx;
}
#menu-stock p {
	font-size: 17px;
	color: #148D94;
	padding:15px;
	text-align:left;
	display:block;
	width: 100%;
	text-transform:uppercase;
	
}

#menu-stock-panier {
	padding: 5px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	background-color:#DBF8FA; 
	margin-bottom: 15px;
}

#menu-stock-panier p {
	font-size: 15px;
	color: #000000;
	padding:15px;
	text-align:left;
	display:block;
	width: 100%;
	font-family: "Spinnaker", sans-serifpx;
	
}

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px;
}

#logo-footer-social{ background-color:#EAFBFC;
}

#logo-footer-social a {
  padding-left: 15px;
  padding-right: 15px;
  
}
.navbar-toggle {
  position: relative;
  float: left;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: #2BB6D5;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
#menu-descriptif-garantie {
	border: 1px solid #47C0C6;
	margin-left: 9px;
	margin-right: auto;
	margin-bottom: -20px;
	margin-top: 25px;
	padding:15px;
	padding-bottom: 0px;
	text-align:center;
	display:block;
	width: 97%;
}

#menu-descriptif-panierDirect {
	padding: 5px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	background-image: url(	https://www.provence-spa.fr/admin/files/20/fond-cat.png);
}
#menu-descriptif-panierDirect li {
	list-style-type: none;
	background: url(https://www.provence-spa.fr/override/20/img/puce-aquavia-page.png) no-repeat 0 0.32em;
	padding-left: 28px;
	line-height: 28px;
	margin-bottom: 10px;
	font-size: 15px;
	font-family: "Spinnaker", sans-serifpx;
}
#menu-descriptif-panierDirect p {
	font-size: 16px;
	color: #148D94;
	padding:15px;
	text-align:left;
	display:block;
	width: 100%;
	text-transform:uppercase;
	background-color:none;
	margin-bottom: -15px;
}
.col-md-2
{
    float: auto;
  }
  .btn-block-devis {
  padding: 1rem .5rem;
  display: block;
  width: 100%;
}

.conteneur2{
    max-width: 960px;
    overflow: hidden;
    margin: 3px auto;
    box-shadow: 0px 0px 10px #FFF;
	
}
.d2{
    width: 400%;
    height: 0;
    padding-top: 75%;
    background-color: #EDEDED;
    background-image: url("https://www.provence-spa.fr/admin/files/20/point-massage/point-massage-touch.jpg");
    background-size: contain;
    animation: defilement2 20s linear infinite;
}    
@keyframes defilement2{
    0%{transform: translate(0,0);}
    100%{transform: translate(-75%,0);}
}
.d2:hover{
    animation-play-state: paused;
}

.conteneur3{
    max-width: 960px;
    overflow: hidden;
    margin: 3px auto;
    box-shadow: 0px 0px 10px #FFF;
}
.d3{
    width: 510%;
    height: 0;
    padding-top: 75%;
    background-color: #EDEDED;
    background-image: url("https://www.provence-spa.fr/admin/files/20/point-massage/point-massage-touch5.jpg");
    background-size: contain;
    animation: defilement2 20s linear infinite;
}    
@keyframes defilement3{
    0%{transform: translate(0,0);}
    100%{transform: translate(-75%,0);}
}
.d3:hover{
    animation-play-state: paused;
}

.conteneur4{
    max-width: 960px;
    overflow: hidden;
    margin: 3px auto;
    box-shadow: 0px 0px 10px #FFF;
	
}
.d4{
    width: 515%;
    height: 0;
    padding-top: 75%;
    background-color: #EDEDED;
    background-image: url("https://www.provence-spa.fr/admin/files/20/point-massage/point-massage-aqualife5.jpg");
    background-size: contain;
    animation: defilement2 20s linear infinite;
}    
@keyframes defilement4{
    0%{transform: translate(0,0);}
    100%{transform: translate(-75%,0);}
}
.d4:hover{
    animation-play-state: paused;
}

.conteneur5{
    max-width: 960px;
    overflow: hidden;
    margin: 3px auto;
    box-shadow: 0px 0px 10px #FFF;
	
}
.d5{
    width: 600%;
    height: 0;
    padding-top: 75%;
    background-color: #EDEDED;
    background-image: url("https://www.provence-spa.fr/admin/files/20/point-massage/bandeau-home.png");
    background-size: contain;
    animation: defilement2 20s linear infinite;
}    
@keyframes defilement5{
    0%{transform: translate(0,0);}
    100%{transform: translate(-75%,0);}
}
.d5:hover{
    animation-play-state: paused;
}


.conteneur6{
    max-width: 960px;
    overflow: hidden;
    margin: 3px auto;
    box-shadow: 0px 0px 10px #FFF;
	
}
.d6{
    width: 600%;
    height: 0;
    padding-top: 75%;
    background-color: #EDEDED;
    background-image: url("https://www.provence-spa.fr/admin/files/20/point-massage/bandeau-cube-ergo.png");
    background-size: contain;
    animation: defilement2 20s linear infinite;
}    
@keyframes defilement6{
    0%{transform: translate(0,0);}
    100%{transform: translate(-75%,0);}
}
.d6:hover{
    animation-play-state: paused;
}

.conteneur7{
    max-width: 960px;
    overflow: hidden;
    margin: 3px auto;
    box-shadow: 0px 0px 10px #FFF;
	
}
.d7{
    width: 600%;
    height: 0;
    padding-top: 75%;
    background-color: #EDEDED;
    background-image: url("https://www.provence-spa.fr/admin/files/20/point-massage/bandeau-hotel.png");
    background-size: contain;
    animation: defilement2 20s linear infinite;
}    
@keyframes defilement7{
    0%{transform: translate(0,0);}
    100%{transform: translate(-75%,0);}
}
.d7:hover{
    animation-play-state: paused;
}


.conteneur8{
    max-width: 960px;
    overflow: hidden;
    margin: 3px auto;
    box-shadow: 0px 0px 10px #FFF;
	
}
.d8{
    width: 620%;
    height: 0;
    padding-top: 75%;
    background-color: #EDEDED;
    background-image: url("https://www.provence-spa.fr/admin/files/20/point-massage/point-massage-soft.jpg");
    background-size: contain;
    animation: defilement2 20s linear infinite;
}    
@keyframes defilement8{
    0%{transform: translate(0,0);}
    100%{transform: translate(-75%,0);}
}
.d8:hover{
    animation-play-state: paused;
}

.conteneur9{
    max-width: 960px;
    overflow: hidden;
    margin: 3px auto;
    box-shadow: 0px 0px 10px #FFF;
	
}
.d9{
    width: 600%;
    height: 0;
    padding-top: 75%;
    background-color: #EDEDED;
    background-image: url("https://www.provence-spa.fr/admin/files/20/point-massage/point-massage-essence.jpg");
    background-size: contain;
    animation: defilement2 20s linear infinite;
}    
@keyframes defilement9{
    0%{transform: translate(0,0);}
    100%{transform: translate(-75%,0);}
}
.d9:hover{
    animation-play-state: paused;
}

.conteneur10{
    max-width: 960px;
    overflow: hidden;
    margin: 3px auto;
    box-shadow: 0px 0px 10px #FFF;
	
}
.d10{
    width: 600%;
    height: 0;
    padding-top: 75%;
    background-color: #EDEDED;
    background-image: url("https://www.provence-spa.fr/admin/files/20/point-massage/point-massage-velvet.jpg");
    background-size: contain;
    animation: defilement2 20s linear infinite;
}    
@keyframes defilement10{
    0%{transform: translate(0,0);}
    100%{transform: translate(-75%,0);}
}
.d10:hover{
    animation-play-state: paused;
}

#menu-prix {
	padding: 5px;
	width: 100%;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left:15px
}
#menu-prix li {
	list-style-type: none;
	background: url("https://www.provence-spa.fr/override/20/img/puce-aquavia-page.png) no-repeat 0 0.32em");
	padding-left: 28px;
	line-height: 28px;
	margin-bottom: 10px;
	font-size: 14px;
	font-family: "Spinnaker", sans-serifpx;
}
#menu-prix p {
	font-size: 17px;
	color: #148D94;
	padding:15px;
	text-align:center;
	display:block;
	width: 100%;
	text-transform:uppercase;
	background-color:#E2FAFB;
}
#titre-prix
  {background-color: #47B7E2;
  background-image: linear-gradient(45deg,#32A7F4 0%,#A2D31C 33%,#40B494 66%, #00A5DE 100%);
  background-size: 100%;
  font-size: 23px;
   padding:10px;
  background-repeat: repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
  
  .conteneur11{
    max-width: 960px;
    overflow: hidden;
    margin: 3px auto;
    box-shadow: 0px 0px 10px #FFF;
	
}
.d11{
    width: 515%;
    height: 0;
    padding-top: 75%;
    background-color: #EDEDED;
    background-image: url("https://www.provence-spa.fr/admin/files/20/point-massage/point-massage-feel.jpg");
    background-size: contain;
    animation: defilement2 20s linear infinite;
}    
@keyframes defilement11{
    0%{transform: translate(0,0);}
    100%{transform: translate(-75%,0);}
}
.d11:hover{
    animation-play-state: paused;
}

  .conteneur12{
    max-width: 960px;
    overflow: hidden;
    margin: 3px auto;
    box-shadow: 0px 0px 10px #FFF;
	
}
.d12{
    width: 400%;
    height: 0;
    padding-top: 75%;
    background-color: #EDEDED;
    background-image: url("https://www.provence-spa.fr/admin/files/20/spa-professionnel/bandeau-spa-professionnel.jpg");
    background-size: contain;
    animation: defilement2 20s linear infinite;
}    
@keyframes defilement12{
    0%{transform: translate(0,0);}
    100%{transform: translate(-75%,0);}
}
.d12:hover{
    animation-play-state: paused;
}

  .conteneur13{
    max-width: 960px;
    overflow: hidden;
    margin: 3px auto;
    box-shadow: 0px 0px 10px #FFF;
	
}
.d13{
    width: 400%;
    height: 0;
    padding-top: 75%;
    background-color: #EDEDED;
    background-image: url("	https://www.provence-spa.fr/admin/files/20/point-massage/bandeau-amazon.jpg");
    background-size: contain;
    animation: defilement2 20s linear infinite;
}    
@keyframes defilement13{
    0%{transform: translate(0,0);}
    100%{transform: translate(-75%,0);}
}
.d13:hover{
    animation-play-state: paused;
}

  .conteneur14{
    max-width: 960px;
    overflow: hidden;
    margin: 3px auto;
    box-shadow: 0px 0px 10px #FFF;
	
}
.d14{
    width: 440%;
    height: 0;
    padding-top: 75%;
    background-color: #EDEDED;
    background-image: url("https://www.provence-spa.fr/admin/files/20/point-massage/point-massage-duo.jpg");
    background-size: contain;
    animation: defilement2 20s linear infinite;
}    
@keyframes defilement14{
    0%{transform: translate(0,0);}
    100%{transform: translate(-75%,0);}
}
.d14:hover{
    animation-play-state: paused;
}


.conteneur15{
    max-width: 960px;
    overflow: hidden;
    margin: 3px auto;
    box-shadow: 0px 0px 10px #FFF;
	
}
.d15{
    width: 440%;
    height: 0;
    padding-top: 75%;
    background-color: #EDEDED;
    background-image: url("	https://www.provence-spa.fr/admin/files/20/point-massage/point-massage-fitness.jpg");
    background-size: contain;
    animation: defilement2 20s linear infinite;
}    
@keyframes defilement15{
    0%{transform: translate(0,0);}
    100%{transform: translate(-75%,0);}
}
.d15:hover{
    animation-play-state: paused;
}

.conteneur16{
    max-width: 960px;
    overflow: hidden;
    margin: 3px auto;
    box-shadow: 0px 0px 10px #FFF;
	
}
.d16{
    width: 600%;
    height: 0;
    padding-top: 75%;
    background-color: #EDEDED;
    background-image: url("https://www.provence-spa.fr/admin/files/20/point-massage/point-massage-pulse.jpg");
    background-size: contain;
    animation: defilement2 20s linear infinite;
}    
@keyframes defilement16{
    0%{transform: translate(0,0);}
    100%{transform: translate(-75%,0);}
}
.d16:hover{
    animation-play-state: paused;
}

.conteneur17{
    max-width: 960px;
    overflow: hidden;
    margin: 3px auto;
    box-shadow: 0px 0px 10px #FFF;
	
}
.d17{
    width: 600%;
    height: 0;
    padding-top: 75%;
    background-color: #EDEDED;
    background-image: url("https://www.provence-spa.fr/admin/files/20/point-massage/point-massage-sundown.jpg");
    background-size: contain;
    animation: defilement2 20s linear infinite;
}    
@keyframes defilement17{
    0%{transform: translate(0,0);}
    100%{transform: translate(-75%,0);}
}
.d17:hover{
    animation-play-state: paused;
}

.conteneur18{
    max-width: 960px;
    overflow: hidden;
    margin: 3px auto;
    box-shadow: 0px 0px 10px #FFF;
	
}
.d18{
    width: 600%;
    height: 0;
    padding-top: 75%;
    background-color: #EDEDED;
    background-image: url("https://www.provence-spa.fr/admin/files/20/point-massage/point-massage-nice.jpg");
    background-size: contain;
    animation: defilement2 20s linear infinite;
}    
@keyframes defilement18{
    0%{transform: translate(0,0);}
    100%{transform: translate(-75%,0);}
}
.d18:hover{
    animation-play-state: paused;
}

.conteneur19{
    max-width: 960px;
    overflow: hidden;
    margin: 3px auto;
    box-shadow: 0px 0px 10px #FFF;
	
}
.d19{
    width: 600%;
    height: 0;
    padding-top: 75%;
    background-color: #EDEDED;
    background-image: url("https://www.provence-spa.fr/admin/files/20/point-massage/point-massage-menorca.jpg");
    background-size: contain;
    animation: defilement2 20s linear infinite;
}    
@keyframes defilement19{
    0%{transform: translate(0,0);}
    100%{transform: translate(-75%,0);}
}
.d19:hover{
    animation-play-state: paused;
}

.conteneur20{
    max-width: 960px;
    overflow: hidden;
    margin: 3px auto;
    box-shadow: 0px 0px 10px #FFF;
	
}
.d20{
    width: 600%;
    height: 0;
    padding-top: 75%;
    background-color: #EDEDED;
    background-image: url("https://www.provence-spa.fr/admin/files/20/point-massage/bandeau-suite.png");
    background-size: contain;
    animation: defilement2 20s linear infinite;
}    
@keyframes defilement20{
    0%{transform: translate(0,0);}
    100%{transform: translate(-75%,0);}
}
.d20:hover{
    animation-play-state: paused;
}

.conteneur21{
    max-width: 960px;
    overflow: hidden;
    margin: 3px auto;
    box-shadow: 0px 0px 10px #FFF;
	
}
.d21{
    width: 600%;
    height: 0;
    padding-top: 75%;
    background-color: #EDEDED;
    background-image: url("https://www.provence-spa.fr/admin/files/20/point-massage/bandeau-cube.png");
    background-size: contain;
    animation: defilement2 20s linear infinite;
}    
@keyframes defilement21{
    0%{transform: translate(0,0);}
    100%{transform: translate(-75%,0);}
}
.d21:hover{
    animation-play-state: paused;
}


.conteneur22{
    max-width: 960px;
    overflow: hidden;
    margin: 3px auto;
    box-shadow: 0px 0px 10px #FFF;
	
}
.d22{
    width: 600%;
    height: 0;
    padding-top: 75%;
    background-color: #EDEDED;
    background-image: url("https://www.provence-spa.fr/admin/files/20/point-massage/bandeau-quantum.png");
    background-size: contain;
    animation: defilement2 20s linear infinite;
}    
@keyframes defilement22{
    0%{transform: translate(0,0);}
    100%{transform: translate(-75%,0);}
}
.d22:hover{
    animation-play-state: paused;
}

.conteneur23{
    max-width: 960px;
    overflow: hidden;
    margin: 3px auto;
    box-shadow: 0px 0px 10px #FFF;
	
}
.d23{
    width: 600%;
    height: 0;
    padding-top: 75%;
    background-color: #EDEDED;
    background-image: url("https://www.provence-spa.fr/admin/files/20/point-massage/bandeau-lounge-city.png");
    background-size: contain;
    animation: defilement2 20s linear infinite;
}    
@keyframes defilement23{
    0%{transform: translate(0,0);}
    100%{transform: translate(-75%,0);}
}
.d23:hover{
    animation-play-state: paused;
}

.conteneur24{
    max-width: 960px;
    overflow: hidden;
    margin: 3px auto;
    box-shadow: 0px 0px 10px #FFF;
	
}
.d24{
    width: 600%;
    height: 0;
    padding-top: 75%;
    background-color: #EDEDED;
    background-image: url("https://www.provence-spa.fr/admin/files/20/point-massage/bandeau-lounge.png");
    background-size: contain;
    animation: defilement2 20s linear infinite;
}    
@keyframes defilement24{
    0%{transform: translate(0,0);}
    100%{transform: translate(-75%,0);}
}
.d24:hover{
    animation-play-state: paused;
}

.conteneur25{
    max-width: 960px;
    overflow: hidden;
    margin: 3px auto;
    box-shadow: 0px 0px 10px #FFF;
	
}
.d25{
    width: 600%;
    height: 0;
    padding-top: 75%;
    background-color: #EDEDED;
    background-image: url("	https://www.provence-spa.fr/admin/files/20/point-massage/bandeau-aqua-8.png");
    background-size: contain;
    animation: defilement2 20s linear infinite;
}    
@keyframes defilement25{
    0%{transform: translate(0,0);}
    100%{transform: translate(-75%,0);}
}
.d25:hover{
    animation-play-state: paused;
}

.conteneur26{
    max-width: 960px;
    overflow: hidden;
    margin: 3px auto;
    box-shadow: 0px 0px 10px #FFF;
	
}
.d26{
    width: 600%;
    height: 0;
    padding-top: 75%;
    background-color: #EDEDED;
    background-image: url("https://www.provence-spa.fr/admin/files/20/point-massage/bandeau-mallorca.png");
    background-size: contain;
    animation: defilement2 20s linear infinite;
}    
@keyframes defilement26{
    0%{transform: translate(0,0);}
    100%{transform: translate(-75%,0);}
}
.d26:hover{
    animation-play-state: paused;
}

.conteneur27{
    max-width: 960px;
    overflow: hidden;
    margin: 3px auto;
    box-shadow: 0px 0px 10px #FFF;
	
}
.d27{
    width: 600%;
    height: 0;
    padding-top: 75%;
    background-color: #EDEDED;
    background-image: url("https://www.provence-spa.fr/admin/files/20/point-massage/bandeau-menorca.png");
    background-size: contain;
    animation: defilement2 20s linear infinite;
}    
@keyframes defilement27{
    0%{transform: translate(0,0);}
    100%{transform: translate(-75%,0);}
}
.d27:hover{
    animation-play-state: paused;
}

.conteneur28{
    max-width: 960px;
    overflow: hidden;
    margin: 3px auto;
    box-shadow: 0px 0px 10px #FFF;
	
}
.d28{
    width: 600%;
    height: 0;
    padding-top: 75%;
    background-color: #EDEDED;
    background-image: url("https://www.provence-spa.fr/admin/files/20/point-massage/bandeau-round2.png");
    background-size: contain;
    animation: defilement2 20s linear infinite;
}    
@keyframes defilement28{
    0%{transform: translate(0,0);}
    100%{transform: translate(-75%,0);}
}
.d28:hover{
    animation-play-state: paused;
}

.conteneur29{
    max-width: 960px;
    overflow: hidden;
    margin: 3px auto;
    box-shadow: 0px 0px 10px #FFF;
	
}
.d29{
    width: 600%;
    height: 0;
    padding-top: 75%;
    background-color: #EDEDED;
    background-image: url("https://www.provence-spa.fr/admin/files/20/point-massage/bandeau-elegant.png");
    background-size: contain;
    animation: defilement2 20s linear infinite;
}    
@keyframes defilement29{
    0%{transform: translate(0,0);}
    100%{transform: translate(-75%,0);}
}
.d29:hover{
    animation-play-state: paused;
}

.conteneur30{
    max-width: 960px;
    overflow: hidden;
    margin: 3px auto;
    box-shadow: 0px 0px 10px #FFF;
	
}
.d30{
    width: 600%;
    height: 0;
    padding-top: 75%;
    background-color: #EDEDED;
    background-image: url("https://www.provence-spa.fr/admin/files/20/point-massage/bandeau-hydra.png");
    background-size: contain;
    animation: defilement2 20s linear infinite;
}    
@keyframes defilement30{
    0%{transform: translate(0,0);}
    100%{transform: translate(-75%,0);}
}
.d30:hover{
    animation-play-state: paused;
}

.conteneur31{
    max-width: 960px;
    overflow: hidden;
    margin: 3px auto;
    box-shadow: 0px 0px 10px #FFF;
	
}
.d31{
    width: 600%;
    height: 0;
    padding-top: 75%;
    background-color: #EDEDED;
    background-image: url("https://www.provence-spa.fr/admin/files/20/point-massage/bandeau-martinique.png");
    background-size: contain;
    animation: defilement2 20s linear infinite;
}    
@keyframes defilement31{
    0%{transform: translate(0,0);}
    100%{transform: translate(-75%,0);}
}
.d31:hover{
    animation-play-state: paused;
}


.conteneur32{
    max-width: 960px;
    overflow: hidden;
    margin: 3px auto;
    box-shadow: 0px 0px 10px #FFF;
	
}
.d32{
    width: 600%;
    height: 0;
    padding-top: 75%;
    background-color: #EDEDED;
    background-image: url("https://www.provence-spa.fr/admin/files/20/point-massage/bandeau-oacis40.png");
    background-size: contain;
    animation: defilement2 20s linear infinite;
}    
@keyframes defilement32{
    0%{transform: translate(0,0);}
    100%{transform: translate(-75%,0);}
}
.d32:hover{
    animation-play-state: paused;
}

.conteneur33{
    max-width: 960px;
    overflow: hidden;
    margin: 3px auto;
    box-shadow: 0px 0px 10px #FFF;
	
}
.d33{
    width: 600%;
    height: 0;
    padding-top: 75%;
    background-color: #EDEDED;
    background-image: url("https://www.provence-spa.fr/admin/files/20/point-massage/bandeau-bali.png");
    background-size: contain;
    animation: defilement2 20s linear infinite;
}    
@keyframes defilement33{
    0%{transform: translate(0,0);}
    100%{transform: translate(-75%,0);}
}
.d33:hover{
    animation-play-state: paused;
}

.conteneur34{
    max-width: 960px;
    overflow: hidden;
    margin: 3px auto;
    box-shadow: 0px 0px 10px #FFF;
	
}
.d34{
    width: 600%;
    height: 0;
    padding-top: 75%;
    background-color: #EDEDED;
    background-image: url("https://www.provence-spa.fr/admin/files/20/point-massage/bandeau-capri.png");
    background-size: contain;
    animation: defilement2 20s linear infinite;
}    
@keyframes defilement34{
    0%{transform: translate(0,0);}
    100%{transform: translate(-75%,0);}
}
.d34:hover{
    animation-play-state: paused;
}
.conteneur35{
    max-width: 960px;
    overflow: hidden;
    margin: 3px auto;
    box-shadow: 0px 0px 10px #FFF;
	
}
.d35{
    width: 600%;
    height: 0;
    padding-top: 75%;
    background-color: #EDEDED;
    background-image: url("	https://www.provence-spa.fr/admin/files/20/point-massage/bandeau-serenity.png");
    background-size: contain;
    animation: defilement2 20s linear infinite;
}    
@keyframes defilement35{
    0%{transform: translate(0,0);}
    100%{transform: translate(-75%,0);}
}
.d35:hover{
    animation-play-state: paused;
}




.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 6px;

}

/* Default styles (apply to all screens initially) */
.container-boxed {
  padding: 0 10px;
  margin-left: -10px;
}

/* Styles for screens smaller than 768px (tablets and smartphones) */
@media (max-width: 767px) {
  .container-boxed {
    padding: 0; /* Adjust padding for smaller screens */
  }
  .col-xs-*, .col-sm-* { /* Target Bootstrap grid classes for smaller screens */
    flex: 1 0 100%; /* Make columns take up full width on smaller screens */
  }
  /* Add more media query rules for specific sizes as needed */
}
#carousel img {
  width: 100%;
}
.h1 {
  font-size: 1.5rem; /* Adjust font size as needed */
}
/* Hide carousel on extra small screens */
@media (max-width: 576px) {
  #carousel {
    display: none;
  }
}
.form-horizontal .form-group {
  margin-right: -11px;
  margin-left: -8px;
}

#menu-descriptif-couverture p {
  font-size: 16px;
  padding: 15px;
  text-align: left;
  display: block;
  width: 100%;
  background-color: none;
  margin-bottom: -15px;
}
.col-xs-12 {
padding-left: 2px;
}

.btn-rdv {
  color: #ffffff;
  background-color: #182F50;
  border-color: #47C0C6;
 border-radius: 60px;
  font-size: 16px;
  font-family: "Spinnaker", sans-serifpx;
}



.btn-block-rdv {
  padding: 1rem .5rem;
   display: block;
  width: 270px; margin-bottom: 20px;margin-top: -10px;
  
}
.btn-block-rdv a {color:#FFFFFF; text-decoration:none;}
.btn-block-rdv a:hover {color:#000000; text-decoration:none;}

.btn-voir-plus {
  padding: 2rem .5rem; margin-top: 20px;
   display: block;
  width: 10%; margin-bottom: 20px;
}
.btn-rdv-voir {
  color: #000000;
  background-color: #33AED0;
  border-color: #ffffff;
  border-radius: 0; font-size: 20px;
}
.btn-rdv-voir:hover {
  background-color: #ffffff;
  color:#3366FF;
}

.btn-rdv:hover {
  color: #000000;
  background-color: #4FEDFF;
  border-color: #4FEDFF;
}
.ajouTpanierDirect
{
	padding: 8px 0;
	border-top: 1px solid #47C0C6;
	border-bottom: 1px solid #47C0C6;
	border-left: 1px solid #47C0C6;
	border-right: 1px solid #47C0C6;
	margin: 10px 0; background-color:#E2FAFB;
}

.ajouTpanierDirect hover{
background-color:#E2FAFB;
}
.PrixPanierDevis {
  display: inline;
  padding: 10px;
  font-weight: 700;
  line-height: 2;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0px;
  margin-left: 22px; background-color:#27A1B5; font-size: 19px;
}
.ajouToptionDirect
{
	padding: 8px 0;
	border-top: 1px solid #47C0C6;
	border-bottom: 1px solid #47C0C6;
	border-left: 1px solid #47C0C6;
	border-right: 1px solid #47C0C6;
	margin: 10px 0; background-color:#E2FAFB;
}

.plusequipement {
  padding: 10px;
  width: 250px;
  line-height: 20px;
  color: #000000;
  background-color: #8DE8EF;
  font-size: 15px;
  border: 1px solid #ffffff;
  transition: all .7s cubic-bezier(.77,0,.175,1);
  background-color: #182F50;
  text-align: center;
  border-radius: 60px;
  margin-left: 20px;
  margin-top: -15px;
  margin-bottom: 10px;

}
.plusequipement:hover { background-color:#27A1B5; color:#ffffff;}

/* Assurez-vous que les colonnes ont la même hauteur */
.row.align-items-stretch {
    display: flex;
    align-items: stretch; /* Force les colonnes à avoir la même hauteur */
}

/* Ajoutez une mise en page flexible pour chaque colonne */
.flex-column {
    display: flex;
    flex-direction: column;
    justify-content: center; /* Centre verticalement le contenu */
}

/* Ajustez le contenu de la colonne "transport" pour qu'il occupe toute la hauteur */
.stretch-content {
    display: flex;
    align-items: center; /* Centre verticalement le texte */
    height: 100%; /* Occupe toute la hauteur de la colonne */
    justify-content: flex-end; /* Aligne le texte à droite */
}

/* Si nécessaire, ajustez également l'espacement interne */
.bottom-panier-right {
    padding-right: 10px; /* Ajoute un peu d'espace à droite si nécessaire */
}

/* Conteneur des boutons */
.button-container {
    display: flex; /* Active Flexbox */
    gap: 10px; /* Espace entre les boutons */
    justify-content: center; /* Centre les boutons horizontalement (facultatif) */
}

/* Style des boutons (optionnel) */
.button-container .btn {
    flex: 1; /* Les boutons prennent la même largeur */
    text-align: center; /* Centre le texte à l'intérieur des boutons */
}
.quantity-wrapper {
  margin-top: 15px;
  margin-left: 15px;
  display: flex;
  align-items: center;
  gap:
10px;
}
.quantity-input {
  width: 60px;
  padding:
5px;
  text-align: center;
  border:
1px solid #ccc;
  border-radius:
4px;
  font-size: 14px;
}