/*#########################################################*/
/*##  General  ############################################*/


a{color: #000; text-decoration: none; outline:none;}
a:hover{text-decoration:underline; color: #85cb3f;}
a:visited, a:active{color: #000;}


/*#########################################################*/
/*##  Texte du Tiny  ############################################*/

.editor-wrapper{/*padding: 5px 40px 3em 20px !important;*/ border-top: 5px solid #c0c0c0;}
.editor-wrapper h1{color:#000; font-size:2.5rem; font-weight: 300; font-family: 'Open Sans', sans-serif; margin:0; padding:.25em 0 1.3rem 0;}
.editor-wrapper h2{color:#000; font-size:2.3rem; font-weight: 300; font-family: 'Open Sans', sans-serif; padding-bottom: 2.5rem; line-height: 2.5rem;}
.editor-wrapper h2.section{color:#333; font-size:120%; margin:0 0 -0.7em;}
.editor-wrapper h3{font-size:130%; font-weight:normal; margin:0 0 .5em 0;}
.editor-wrapper h4{font-size:120%; font-weight:bold; margin:0 0 .5em 0;}

.editor-wrapper ul, .editor-wrapper ol{ margin:.5em 0 . 30px; list-style:none!important; font-size: 0.85rem; line-height:1.6; padding-left: 0}
.editor-wrapper li ul , .editor-wrapper li ol{ list-style:circle;}
.editor-wrapper li li ul , .editor-wrapper li li ol{ list-style:square;}
.editor-wrapper ol, .editor-wrapper li ol, .editor-wrapper li li ol{ list-style:decimal;}
.editor-wrapper ul li, .editor-wrapper ol li{/*padding:.3em 0;*/}
.editor-wrapper ul li li, .editor-wrapper ol li li{ padding:.2em 0;}

.editor-wrapper hr{ border:0; color:#9E9E9E; background-color:#9E9E9E; height:1px; width: 100%; margin:1.5em 0;}
.editor-wrapper blockquote, .editor-wrapper q { margin: 0 0 1em 30px; }
.editor-wrapper p+blockquote, .editor-wrapper p+q, .editor-wrapper table+blockquote, .editor-wrapper table+q{ margin: 1em 0;border:solid 1px #e4e4e4; background:#FFC; padding:.5em 10px;}

.editor-wrapper table th, .editor-wrapper table thead td{  font-weight:bold; border-bottom:solid 2px #c6c6c6; padding:.5em 5px; line-height:1.1em; vertical-align:top; text-align:left;}
.editor-wrapper table tfoot td{ font-size:90%;}
.editor-wrapper table td{padding:3px 5px; vertical-align:top;}
.editor-wrapper table.no-border th, .editor-wrapper table.no-border td{ border:none;}
.editor-wrapper em{ font-style:italic}
.editor-wrapper img{ display:inline}

.map-canvas{width:300px; height:250px; border:solid 1px #c6c6c6; float:right;}
.gallery_flickr{width:420px; float:right; margin-left:15px;}


.pagine a, .pagine span{ margin:0 5px;}

.map-canvas{width:320px; height:240px; border:solid 1px #c6c6c6; float:right;}

a.colorbox img{ border:solid 1px #ccc;}


/*#########################################################*/
/*##  Content wrapper  ############################################*/
#content_wrapper{/*padding:0 20px;*/ line-height:1.2em}


#home_content_wrapper{ background:#fff;}
#404_content{ padding: 0 20px;}
#home_marque_wrapper{ margin-top:10px; background:#fff; padding:10px 25px;}


.main_lc{ float:left; width: 175px; position:relative; z-index:10;}

.lc_menu{ margin-bottom:10px;}

.lc_menu, .main_lc .socials{background:#4e4f4e; font-family: 'Crushed'; }

.lc_menu ul{ margin:0 !important; padding:10px 0;}
.lc_menu ul li{}
.lc_menu ul li a{ display:block; font-size:120%; color:#fff; margin:3px -16px 3px -4px; padding: 0 16px 0 13px; height: 20px; line-height:20px;}
.lc_menu ul li a:hover, .lc_menu ul li.current a{ background: url(../img/back_lc_menu.png) no-repeat; text-decoration:none; }

.main_rc{ float:right; width: 778px; background:#fff; position:relative; z-index:5;}


/*##################################################*/
/*#  Banner caroussel  ################################*/

.banner{ padding:0 20px; clear:both; margin-bottom:48px;}

#home-banner-slider{position: relative; height: 270px; width: 940px;}
.slide{position: absolute; top: 0; left: 0;}
.slide:hover{text-decoration:none;}
.slide img{display: block; }

#home-banner-slider-nav{position:absolute; bottom:15px; right:25px; margin:0 !important;  z-index: 200;}
#home-banner-slider-nav li{display: block; height: 17px; width: 17px; background:#674f42; float: right; margin: 0 0 0 3px; color:#fff; text-align:center; font-size:95%;}
#home-banner-slider-nav li:hover{cursor: pointer;}
#home-banner-slider-nav li.current-slide-link{background:#55a51c}

#section-wrapper{ padding:16px 10px; }





/*#########################################################*/
/*##  Navigation séquentielle liste produit  ########################################*/


.list_nav_seq{float:right; margin:-1em 0;}
.nav_seq {padding:12px 0;}
.nav_seq a{display:block; color:#000; position:relative;}
.nav_seq a:hover{color:#ec0018;}
.nav_seq a span{ position:absolute; width:5px; height:10px; background-image:url(../img/icon_sprite.png); background-repeat:no-repeat; top:3px;}

a.btn_previous{float:right; padding:0 0 0 12px; margin-right:12px}
a.btn_next{float:right; padding:0 12px 0 0; margin-left:12px}
a.btn_nopage{ float:right; margin:0 3px}
.nav_seq_group a.current{color:#ec0018; text-decoration:none; font-weight:bold;}
.nav_seq_group a.btn_previous, .nav_seq_group a.btn_next, .nav_seq_group a.btn_nopage{float:left;}
a.btn_previous span{ background-position: -58px -120px; left:0;}
a.btn_next span{ background-position: -58px -134px; right:0;}

.nb_item_page_group{ display:block; float:left;}
.nb_item_page_group select{margin-left:5px;}
.nav_seq_group{display:block; float:left; margin-left:18px; padding-top:4px; padding-left:15px; border-left:solid 1px #8e8e8e;}

 
.mySlide {float:left; width: 365px; margin: 0 5px;}
	
.slides {
	width: calc(375px * 3);
	animation: glisse 5s infinite;}

.slider{
	width: 1140px;
	overflow: hidden;}

/*#########################################################*/
/*######## GÉNÉRAL ########################################*/

/* Import des polices */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Ubuntu');
@import url('https://fonts.googleapis.com/css?family=Pacifico');


/* Éléments HTML */
* {
	-webkit-box-sizing: border box;
	-moz-box-sizing: border box;
	box-sizing: border box;
	margin: 0;}

body{background-color:#ffffff; color: #000; margin: 0}

iframe {display: block; margin: 0;}
  
h1{
	font-family: 'Open Sans', sans-serif; 
    color: #000;
	font-size: 2.5rem;
	font-weight: 300;}

.title{
	font-family: 'Open Sans', sans-serif; 
    color: #000;
	font-size: 2.5rem;
	font-weight: 300;}
	
/*h2{
	font-family: 'Open Sans', sans-serif; 
    color: #000;
	font-size: 2.3rem;
	text-align: center;
	font-weight: 300;
	padding: 2.5rem 0;}	
*/

h4, h2{color: #000; padding: 10px 0 0 0; font-size:1rem}
	
p {
	font-family: 'Open Sans', sans-serif; 
	font-size: 0.85rem;
	line-height: 1.8;
	margin: 6px 0 12px 0;}  
	
.green {color: #84ca3f;}	
.center {display: block!important;}

/* Top bar */
.top-bar {background-color: #f2f0ef;}

.top-bar-contact p {
  height: 30px;
  font-family: 'Ubuntu', sans-serif;
  line-height: 35px;}
  
.top-bar-social li {
  float: left;
  height: 30px;
  line-height: 50px;
  list-style: outside none none;
  text-align: center;
  width: 25px;}

.top-bar-social i {font-size: 20px;}	
.top-bar a{cursor: pointer}
.top-bar a:hover{color: #84ca3f}
  
/* Opening hours */

.open{color: #85cb3f; font-weight: bold;}
.closed {color: #000; font-weight: bold;}

.padding {padding: 1.25rem!important;}
.padding-2x {padding: 2.5rem; }

.full-width:after {
  clear:both;
  content:".";
  display:block;
  height:0;
  line-height:0;
  visibility:hidden;}

.full-width > .line {padding: 0 1.875rem;}

.sticky {
  transition: all 0.20s linear 0s;
  -o-transition: all 0.20s linear 0s;
  -ms-transition: all 0.20s linear 0s;
  -moz-transition: all 0.20s linear 0s;
  -webkit-transition: all 0.20s linear 0s}
  
.fixed {
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 10;}
  
nav.fixed, .fixed nav {padding: 1rem 0;}

.logo img {
  margin: 20px auto;
  max-width: 215px;
  width: 100%;}
  
  

/*#########################################################*/
/*######## FORMS ##########################################*/
form.customform input, form.customform textarea, form.customform select {
  background: rgba(0, 0, 0, 0.03) none repeat scroll 0 0;
  border: 1px solid rgba(0, 0, 0, 0.14);
  font-size: 12px;
  padding: 0.625rem;
  width: 100%;}
  
form.customform input:hover, form.customform textarea:hover, form.customform select:hover, form.customform input:focus, form.customform textarea:focus, form.customform select:focus {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
  
p.form-error {
  background-color: #DD442C;
  color: #fff;
  display: none;
  font-size: 0.8rem;
  margin: -10px 0 15px 0;
  padding: 7px;
  text-align: center}
  
p.form-success {
  background-color: #9bdd42;
  color: #fff;
  display: none;
  font-size: 0.85rem;
  padding: 10px;
  text-align: center;}
  
.required {border-left: 1px solid #dd442c !important;}

form.customform button {
	background: none repeat scroll 0 0 #85cb3f;
	border: 0 none;
	color: #fff;
	font-weight: bold;
	height: 2.7rem;
	font-size: 0.85rem;
	padding: 0.625rem;
	cursor: pointer;
	width: 100%;
	transition: background 0.20s linear 0s;
	ms-transition: background 0.20s linear 0s;
	-moz-transition: background 0.20s linear 0s;
	-webkit-transition: background 0.20s linear 0s;
	margin-bottom: 0}
	
.color-btn {
	background: none repeat scroll 0 0 #85cb3f;
	border: 0 none;
	color: #fff!important;
	width: 140px;
	font-weight: bold;
	font-size: 0.85rem;
	padding: 0.625rem;
	cursor: pointer;
	transition: background 0.20s linear 0s;
	ms-transition: background 0.20s linear 0s;
	-moz-transition: background 0.20s linear 0s;
	-webkit-transition: background 0.20s linear 0s;
	margin-bottom: 30px;}	

a.color-btn {text-decoration: none!important;}
	
form.customform button:hover, .color-btn:hover {background: #5da01b;}	
	
form.customform input, form.customform select, form.customform textarea, form.customform buttom {
	font-size: 0.9rem;
	font-family: inherit;
	margin-bottom: 1.25rem;}	

/*#########################################################*/
/*######## BUTTON #########################################*/

/* More info button */
a.text-more-info {
  display: block;
  font-size: 0.85rem;
  margin-top: 0.625rem;}
  
a.text-more-info:after {
  content: "\f105";
  font-family: FontAwesome;
  font-size: 0.8rem;
  margin-left: 0.625rem;
  transition: all 0.20s linear 0s;
-o-transition: all 0.20s linear 0s;
-ms-transition: all 0.20s linear 0s;
-moz-transition: all 0.20s linear 0s;
-webkit-transition: all 0.20s linear 0s;}

a.text-more-info:hover:after {margin-left: 0.825rem;}

.logoHorizontal{
	display:block; 
	width:191px; 
	height:50px; 
	margin-bottom: 25px;
	background:url(../img/logo_paradis-hor.PNG) no-repeat; 
	text-indent:-9999px; 
	cursor:pointer;}
	
/*#########################################################*/
/*######## TYPOGRAPHIE ####################################*/
.text-uppercase {
  text-transform: uppercase;
  line-height: 1;}

b, strong, .text-strong {font-weight: 700;}

.text-primary, .text-primary *, .primary-color-primary .text-primary, .primary-color-primary .text-primary * {
  color: #888888 !important;}

.socialico{
	color: #9a908c!important;  
	transition: color 0.20s linear 0s;
	-o-transition: color 0.20s linear 0s;
	-ms-transition: color 0.20s linear 0s;
	-moz-transition: color 0.20s linear 0s;
	-webkit-transition: color 0.20s linear 0s} 
	
.socialico:hover {color: #85bc3f!important;}	
  
.text-size-12, .text-l-size-12 {
  font-size: 13px !important;
  line-height: 1.4;}  

.text-size-16, .text-l-size-16 {
  font-size: 16px !important;
  line-height: 1.4;}

.text-size-20, .text-l-size-20 {
  font-size: 20px !important;
  line-height: 1.5;}

/*#########################################################*/
/*##########  FOOTER  #####################################*/

.leftside{background-color: #f2f0ef;}
footer .rightside{background-color: #fff;}

footer a, footer a:link {color: #000;}
footer a:hover {color: #85cb3f; text-decoration: underline;}

footer .down .line p {line-height: 1.6;}

footer ul.heures {
  padding: 0.5em 0 2em 1.5em;
  position: relative;
  font-family: 'Open Sans', sans-serif; 
  font-size: 0.84rem;
  line-height: 1.6;}
  
footer ul.joindre {
  padding: 0.5em 0.5em 0 0;
  position: relative;
  font-family: 'Open Sans', sans-serif; 
  font-size: 0.84rem;
  line-height: 1.6;}  

footer ul.heures li, footer ul.joindre li  {list-style-type: none!important;}

footer ul.heures li:before {
  font-family: FontAwesome;
  content: "\f105";
  position: absolute;
  left : 0em;
  color: #85cb3f;}

section.down{border-top: 3px solid #85cb3f; max-height: 600px;}

#map-block {
  filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="g"><feColorMatrix type="matrix" values="0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0 0 0 1 0"/></filter></svg>#g');
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);    
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);}
  
.bottomF {
	background-color: #85cb3f; 
	text-align: center;
	padding: 1em 0;
	font-size: 0.85rem;
	font-family: 'Open Sans', sans-serif;
	color: #ffffff!important;}
	
footer .bottomF.line{max-width:100%; padding: 8px 0}	


/* ############################################################ */
/* ############# COMPAGNIES ################################### */
.section-small-padding {padding: 0 1.25rem 1.5rem;}
.cie {max-width: 71rem; margin: 0 auto;}
.margin > .m-3 {padding: 0 0.625rem;}
.m-3 {width: 20%!important;}
.cie img {padding: 0 20px; opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */}

.cie img:hover {opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */
  -webkit-transition: opacity 1s ease-out;
  -moz-transition: opacity 1s ease-out;
  -o-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;}

/* ############################################################ */
/* ############# SERVICES OFFERTS ############################# */
.app-features {background: #ffffff; padding: 0}
.app-features .features-left, .app-features .features-right {padding: 30px 0 0 0}
.app-features img {margin: 0 auto;}

.bird  {margin: 30px 0;}

.app-features p{color: #808080;}
.app-features .iconL {float: left; padding: 20px 0; margin: 30px 20px;}
.app-features .iconR {float: right; padding: 20px 0; margin: 30px 20px;}
.feature-single{margin-bottom: 30px;}

/* ############################################################ */
/* ############# SPLIT ######################################## */
	
.nopadding {padding: 0;}	


.split-features{
	background: #fff;
	overflow: hidden;
	/*display: inline-flex;*/
	/*max-height: 500px;*/
}

.split-features-gray {
	background: #f2f0ef;
	overflow: hidden;
	/*display: inline-flex;*/
	/*max-height: 500px;*/
}

.split-features-gray-accueil {
	background: #f2f0ef;
	overflow: hidden;
}

.split-content{
   padding: 2em 2em 1em 3em;
}

.split-image{
   overflow: hidden;
   /*display: flex;*/
}

.split-image img{
    /*object-fit: cover;	
	object-position: 50% 50%;*/
	margin: 0 auto;
	overflow: hidden;
	max-height: 100%;
	max-width: 100%;
}

.split-content .main-ul{list-style-image: url(../img/list.png)!important; padding: 0 30px;}	
.split-content p {color: #808080;}
.split-content ul{list-style-type: none; color: #808080;}
.split-content h4 {padding-top: 5px;}
.split-content h1{padding-bottom: 1rem; line-height: 1.1;}
	
.signup .split-features {background: #f2f0ef;}

.second {padding: 120px 10px 50px 350px;}

.hero {
	background-image: url(../img/banner.jpg);
	background-position: center;
	background-size: cover;
	height: 520px;
	padding: 0 20px;
	text-align: center;
	width: 100%;
	margin-bottom: 20px;}
	
.hero-inner{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	max-width: 750px;
	margin: 0 auto;}	
	
.hero-inner a.text-more-info{position: relative; left: 37%; text-align: left; padding: 15px 12px;}
	
.cursive {
	font-family: 'Pacifico', cursive!important;
	color: #fff;
	font-size: 5rem;
	text-shadow: 2px 2px 5px black;
	margin-bottom: 4rem;
	padding-top: 40px;
	line-height: 1;}	
	
.hero-inner h3{
	color: #fff; 
	text-transform: uppercase; 
	letter-spacing: 8px; 
	font-family: 'Ubuntu', sans-serif; 
	font-size: 1.7rem; 
	text-shadow: 2px 2px 5px black; 
	padding-bottom: 30px;}	

.hero-inner .subtitle{
	color: #fff; 
	text-transform: uppercase; 
	letter-spacing: 8px; 
	font-family: 'Ubuntu', sans-serif; 
	font-size: 1.7rem; 
	text-shadow: 2px 2px 5px black; 
	padding-bottom: 30px;}