/* 
 * couleurs utiles
 *
 * par D. JEREMIE pour Karukerapps
 *
 * dégradé menu : de #f29385 à #eb5d49
 *
 * vert : #29b49c (41 , 180 , 156 )
 * orange : #ea5641 ( 234 , 86 , 65)
 * sable : #e3e1cc
 *
 */


body {
	
	font-family:Arial, Helvetica, sans-serif;
	
}

.fond2{
	background: #e3e1cc url(../img/fondv2.jpg) no-repeat center top;
	background-size:100% auto;
	background-attachment: fixed; 
}

.fond3{
	background: #e3e1cc url(../img/fondv3.jpg) no-repeat center top;
	background-size:100% auto;
	background-attachment: fixed; 
}

.fond4{
	background: #e3e1cc url(../img/fondv4.jpg) no-repeat center top;
	background-size:100% auto;
	background-attachment: fixed; 
}

.habillage-gauche{ float:left;
}

.container {
	box-sizing:border-box;
	width: 100%;
	max-width:1200px;
	margin: 0 auto; 
}

header {

	width: 100%;
	/*height: 80px;*/
	position: fixed;
	top: 0px;
	left: 0px;
	/* overflow:hidden; */
	z-index:20;
	
}

.cancel-float {
	clear:both;
}



/*------ menu -------*/

#menu {
	position:relative;
	box-sizing:border-box;
	padding-left:20px;
	margin: 0 auto;
	width: 100%;
	max-width:1200px;
	background-color:#f29385;
	height:40px;			
	   -moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
		    border-radius: 0 0 6px 6px; /* old values : 14px */	
	background: -webkit-linear-gradient(#f29385,#eb5d49); /* Safari 5.1 à 6.0 */
  	background: -o-linear-gradient(#f29385,#eb5d49); /*  Opera 11.1 à 12.0 */
  	background: -moz-linear-gradient(#f29385,#eb5d49); /* Firefox 3.6 à 15 */
  	background: linear-gradient(#f29385,#eb5d49); /* Standard  */	
	background: -ms-linear-gradient(#f29385,#eb5d49); /* IE ...en principe*/	
	-moz-box-shadow:0 0 5px #666666;
	-webkit-box-shadow:0 0 5px #666666;
			box-shadow:0 0 5px #666666;	
	
}

#menu span {
	line-height:40px;
	float:right;
	color: #e3e1cc;
	font-size:12px;
	padding-right: 20px;
}

#logo {
	
	display:block;
	position:absolute;
	top: 0px;
	left : 532px;
}

#lang_section{
	float:right;
	margin: 10px 15px;
}

#menu ul {
	padding: 0;
	list-style: none;
	/* margin: 30px 0 0 0;*/
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-transform:uppercase;
}

#menu ul li {
	display: inline;
	/* margin-right: 80px; */
}

#menu ul li a {
	display:block;
	float:left;
	text-decoration: none;
	font-weight: bold;
	font-size:12px;
	color: white;
	line-height:40px;
	/* margin-right:10px; */
	padding:0 20px 0 20px;
	border-right: 1px solid #eaab99;

}
#menu ul li a:hover {
	/*color: white;*/
	background: -webkit-linear-gradient(#eb5d49,#f29385); /*  Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#eb5d49,#f29385); /*  Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#eb5d49,#f29385); /*  Firefox 3.6 to 15 */
  	background: linear-gradient(#eb5d49,#f29385); /* Standard  */
}

#hero-section{
	margin-top:56px;
	/*background:rgba(0,255,102,.2);*/
	height:512px;
	width: 100%;
	position:relative;
	/* border:1px solid black; */
}

#top-section{
	margin-top:116px;
	/*background:rgba(0,255,102,.2);*/
	height:22px;
	width: 100%;
	position:relative;
	overflow: hidden;
}


#section-pub{
	margin-top:100px;
	height:130px;
	
	width: 100%;
	position:relative;
	overflow: hidden;
	text-align:center;
	line-height:100px;
}

#main-iphone{
	/* display:block; */
	position:absolute;	
	bottom:0px;
	right:140px;
	display:none; 	
}

#corps {
	background:white;
	border-top: 4px solid #29b49c;
		    box-shadow:0 0 5px #666666;
	   -moz-box-shadow:0 0 5px #666666;
	-webkit-box-shadow:0 0 5px #666666;
	overflow:hidden;
	width:100%;
}

#section-video {
	padding:40px 74px;
	overflow:hidden;	
	
}

#video {
	padding: 40px 0px;
	float: left;
}

#texte-video {
	width:590px;
	float:left;
	
	margin-right:40px;

}
#texte-video p{
	margin-top: 20px;
	font-size:13px;
	color:#333333;
	line-height:24px;
}

.download {
	display: block;
	margin: 15px auto 0px auto;
}

#section-activites{
	/*height:900px;*/
	background: rgba( 234 , 86 , 65,.1);
	overflow:hidden;
	padding-bottom:50px;
	padding:40px 74px;
	padding-right:0px;
}

#section-contact{	
	background: rgba(41 , 180 , 156,.1 );
	overflow:hidden;	
	padding:40px 74px;
	padding-bottom:50px;
}

#section-partenaires{	
	padding:20px 74px;
	overflow:hidden;	
	
}

#section-attractions{
	padding:20px 40px;
	overflow:hidden;	
}

#creation-attraction{	
	padding:20px 74px;
	overflow:hidden;	
}



#section-partenaires img{	
	
	margin-right:140px;
	
}

#section-partenaires img:last-child{
	
	margin-right:0px;	
	
}

.extra-margin {
	margin: 0 20px;
}

.boite-attraction{
	float:left;
	margin-right:20px;	
	margin-left:20px;	
	box-shadow: 0 0 5px #555;
	margin-bottom:30px;
	border-radius:5px;
	padding:10px;
	background:#eaeaea;
	width:500px;
	position:relative;
}

.attract-more{
	display:block;
	position:absolute;
	bottom:10px;
	right:10px;
}

.nom-attract{
	font-size:22px;
	/* font-weight:bold; */
}

.green-txt{
	color : #29b49c ;
}


.orange-txt{
	color : #ea5641 ;
}

.attract-thumb {
 display:block;
 border:solid 1px #CCCCCC;
 margin-right:25px;

}

.boite-attraction p{
font-size:12px;

}

.boite-activite {
	background : white;
	width:325px;
	height:213px;
	float: left;
	margin-right:30px;
	margin-top:50px;	
	
}

.boite-activite img{
	
		float: right;	
	
}

.boite-activite a{
	
	display:block;
	background: #29b49c;
	color : white;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:20px;
	text-decoration:none;
	line-height:45px;
	/* cursor:default; */
	
}

.small-ruler {
	width:100px;
	height:1px;
	margin: 0;
	line-height:4px;
}

 
.titre2 {
	margin-bottom:-20px;
	padding-top: 40px;
	color :#29b49c;
	/* margin-left:74px; */
	font-size:24px;
	font-weight:bold;
}

.titre2-info {
	
	color :#29b49c;
	/* margin-left:74px; */
	font-size:24px;
	font-weight:bold;
}

.titre3 {
	padding-top:20px;
	color :#ea5641;
	/* margin-left:74px; */ 
	font-size:16px;
	font-weight:normal;
	
}

hr {
	background: #ea5641;
	height:1px;
}

#accroche1 {
	top:240px;
	left:172px;
	position:relative;
	background-color:rgba( 234 , 86 , 65,.6);
	width:360px;
	height:68px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 50px;
	color: #fff;
	line-height:68px;
	display:none;
}

#accroche2 {
	position:relative;
	left:120px;
	top: 250px;
	background-color:rgba( 41 , 180 , 156,.6);
	width:474px;
	height:74px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 34px;
	color: #fff;
	line-height:74px;
	display:none;

}

	#contactform {
		margin-top:50px;		
		width:400px;
		float:left;
	}
	
	#contactform p {
		margin-bottom:15px;
	}
	
	#contactform p label {
		display:block;
		color:#999;
		margin-bottom:8px;
		font-size:13px;
	}
	
	#contactform .input {
		line-height: 20px;
		height: 20px;
		width:60%;
	}
	
	#contactform .textarea {
		width:95%;
	}
	
	#contactform .submit {
		color:#fff;
		background-color: #29b49c;
		padding:8px;
		border:none;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		cursor:pointer;
		font-size:13px;
	}
	
	#coordonnees {
		width:180px;
		overflow:hidden;
		padding-left: 30px; 
		float:left;
	}
	
	#coordonnees img {
		float:left
	}
	
	#coordonnees p {
		font-size:11px;
		color:#333333;
		line-height:30px;
		
	}
	
	#plus-info {
		padding-left:40px;
		overflow:hidden;
		width:400px;
	}
	
	#plus-info .titre3{
		padding-top:0;
		margin-left:0;
	}
	
	#plus-info p{
		font-size:13px;
		color:#333333;
		line-height:24px;
	}

	.success, .error {
		padding:10px;
		margin-bottom:10px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	.success {
		background-color: #E3EBC6;
		color: #8FA442;
		border: 1px solid #C2D288;
	}
	.error {
		background-color: #f5aa9f;
		color: #ea5641;
		border: 1px solid #f7c7c9;
	}
	
	
	footer {
		border-top:4px solid #7bded2;
		height:60px;
		background: #29b49c;
		text-align:center;
		line-height: 60px;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		color:#fff;
	}
	
	#espace-bas {
		height:150px;
		width:100%;
		max-width:1200px;
		margin:0 auto;
		
		}
		
		
	.gras {
		font-weight:bold
	}
		
		
		
#googleMap {
	float: left; 
	width:573px; 
	height:302px; 
	margin-top:20px;
	border: 1px solid #666;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix::after {
	clear: both;
	content: '.';
	display: table;
	visibility: hidden;
	height: 0;	
}