@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Economica:400,400italic,700,700italic);

@font-face {
	font-family: 'Alte Haas';
	src: url('../font/AlteHaasGroteskBold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Alte Haas';
	src: url('../font/AlteHaasGroteskRegular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Basic Title';
	src: url('../font/basictitlefont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

*{
	margin:0; padding:0;
	font-family:"Alte Haas", sans-serif;
}
html, body{
	width:100%; height:100%;
}
a{
	text-decoration: none;
}
.clear{
	clear:both;
}
body{
	background:url(../images/background-body.jpg) center center repeat;
}
#dialog-home{
	width:985px; height:609px;
	border:12px solid #fff;
	margin:1% auto;
	background:center center no-repeat;
	background-size:cover;
	text-align:center;
}
#dialog-home img{
	margin-top:40px;
}
#dialog-home h2{
	margin-top:20px;
	width:500px; margin:0 auto; text-align:center;
	font-family:"Economica", sans-serif; text-transform:uppercase; font-size:2.8em; letter-spacing:0.2em; color:#fff; font-weight:lighter;
}
#dialog-home p{
	color:#fff; font-size:1.5em;
	margin:10px auto;
}
#dialog-home form fieldset{
	border:none;
	width:510px; margin:0 auto;
}
#dialog-home form fieldset label{
	text-transform:uppercase; color:#cc9933;
	text-align:left !important;
	display:block; float:left;
	width:70px; height:35px;
	padding:12px 18px 0 18px; border:2px solid #dddedf; border-right:none;
	background:#fff;
}
#dialog-home form fieldset input[type=email], #dialog-home form fieldset input[type=text]{
	display:block; float:left;
	width:380px; height:44px;
	padding:3px 18px 0 0; border:2px solid #dddedf; border-left:none;
	background:#fff;
}
#dialog-home form fieldset input[type=submit]{
	background-image:radial-gradient(#ca9833, #a1762a);
	color:#fff;
	padding:12px; font-weight:normal; font-size:1.1em;
	margin-top:15px;
}
#dialog-home small{
	display:block; text-align:left; margin-top:35px; padding-left:20px;
	font-family:"Economica", sans-serif; text-transform:uppercase; letter-spacing:0.2em; color:#fff;
	text-shadow:1px 1px 1px #000;
}
.wrapper{
	width:1170px; margin:0 auto;
}
header{
	position:relative;
	height:209px; width:100%;
	z-index:200;
}
#menuham{
	cursor:pointer;
	display:none; float:left;
}
#entete{
	background:url(../images/background-header.png) top center no-repeat;
	height:209px;
	margin:0 auto;
}
#logoPpal{
	width:240px; margin-bottom:15px;
}
#miniLogo{
	width:32px;
}
#wrapLogoHeader{
	display:block; float:left;
	width:240px;
	text-align:center;
	padding-top:32px;
	cursor:pointer;
}
header nav, header ul{
	display:block; float:left;
	width:465px;
	padding-top:32px;
}
header nav a{
	display:inline-block; margin-left:15px;
	color:#bcbec0; font-weight:bold; text-transform:uppercase; text-decoration:none;
    font-size:13px;
	font-family: sans-serif;
}
header nav a:hover, header nav a:active, header nav a:focus{
	color:#cfa145;
}
header ul{
	list-style-type:none; text-align:right;
}
header ul li{
	display:inline-block; margin-right:25px;
}
header ul li a, header ul li a img{
	text-decoration:none; border:none;
}
#sectHome{
	background-image:url(../images/home-pict.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	padding-top:250px;
	margin-top:-209px;
	height:350px;
	box-shadow:0 0 10px #333;
}
#sectHome h1{
	display:block;
	width:850px; height:auto;
	margin:130px auto 0 auto;
	text-align:center;
	font-family:"Economica", sans-serif; text-transform:uppercase; font-size:2.7em; letter-spacing:0.2em; color:#cc9933; text-shadow:2px 2px 5px #333; font-weight:lighter;
}
#sectHome h1#introphone{
	display:none;
}
#sectHome h1#introhome{
	display:block;
}
#sectHome small{
	display:block;
	text-align:right;
	margin:0; padding:30px 25px 15px 0;
	font-size:0.6em; letter-spacing:0.2em; color:#fff; text-shadow:2px 2px 5px #333; line-height:1.7em;
}
#sectHome p{
	display:block;
	width:950px; height:auto; margin:0 auto;
	padding:0px 0px;
	text-align:center;
	color:#fff; text-shadow:2px 2px 5px #333; letter-spacing:0.05em; line-height:1.3em; font-size:1.3em;
}
#sectHome form{
	width:950px;
	margin:0 auto;
}
#sectHome form fieldset{
	border:none;
}
#sectHome form fieldset input[type=text], #sectHome form fieldset select, #sectHome form fieldset input[type=submit]{
	display:block; float:left;
	height:45px; padding:0 25px;
	width:179px;
	margin:0px;
	color:#cc9933;
	font-size:1.1em; font-weight:bold;
	outline-color:#cc9933;
	-webkit-appearance:none;
}
#sectHome form fieldset input[type=submit]{
	color:#fff !important;
	background-image:radial-gradient(#ca9833, #a1762a);
	outline-color:#cc9933;
}
#sectHome form fieldset input[type=text]{
	height:41px;
	font-size:0.9em;
	/*width:250px;*/
}
#btnsearch{
	cursor:pointer;
	margin:15px auto;
	display:none;
}
.displaysearch{
	height:100% !important;
}

#sectContent{
	margin-top:25px !important;
}
.colLeft{
	position:relative;
	display:block; float:left;
	width:720px; max-height:1400px; overflow:hidden;
	background:#fff;
	padding:30px;
	box-shadow:0 0 10px #ccc;
	transition:all 3s ease; -webkit-transition:all 3s ease;
}
.heightauto{
	max-height:999999999999999999px; padding-bottom:100px;
}
.colLeft .headCL{
	border-color:#ddbb77; border-style:solid; border-width:2px;
	border-right:none; border-bottom:none; border-left:none;
}
.colLeft .headCL legend{
	margin-top:15px; padding-right:20px;
	font-family:"Economica", sans-serif; text-transform:uppercase; font-size:1.9em; letter-spacing:0.2em; color:#cc9933;
}
.colLeft .headCL small{
	display:block;
	font-family:"Economica", sans-serif; text-transform:uppercase; font-size:0.9em; letter-spacing:0.2em; color:#9aa1a3;
}
.colLeft .hrCL{
	margin-top:25px;
	display:block; float:right;
	width:230px; height:2px;
	border:none; background:#ddbb77;
}
.colRight{
	display:block; float:right;
	width:370px;
}
.colRight .headCL{
	border-color:#ddbb77; border-style:solid; border-width:2px;
	border-right:none; border-bottom:none; border-left:none;
}
.colRight .headCL legend{
	margin-top:15px; padding-right:20px;
	font-family:"Economica", sans-serif; text-transform:uppercase; font-size:1.2em; letter-spacing:0.1em; color:#cc9933;
}
.colRight .headCL small{
	display:block;
	font-family:"Economica", sans-serif; text-transform:uppercase; font-size:0.7em; letter-spacing:0.1em; color:#9aa1a3;
}
.thumbArticle{
	margin:15px 0;
	width:720px; height:370px;
	background:#f5f6f6;
}
.article{
	background:#f5f6f6;
	padding:30px 25px; margin-bottom:40px;
}
.article a:hover{
	color:#bcbec0;
}
.article a{
	color:#cfa145; font-weight:bold; text-transform:uppercase; text-decoration:none;
    font-size:13px;
}
#diapo{
	margin-top:15px;
	position:relative;
	background:#f5f6f6;
}
.prevControl, .nextControl{
	width:13px; height:100px;
	position:absolute; top:200px;
	background:center center no-repeat;
	z-index:100;
	cursor:pointer;
}
.prevControl{
	background-image:url(../images/fleche-gauche-off.png);
	left:10px;
}
.prevControl:hover{
	background-image:url(../images/fleche-gauche-on.png);
}
.nextControl{
	background-image:url(../images/fleche-droite-off.png);
	right:10px;
}
.nextControl:hover{
	background-image:url(../images/fleche-droite-on.png);
}
.cycle-slideshow{
	z-index:50;
}
#photoarticle img{
	height:460px;
}
.overflowTA{
	display:block; float:left;
	width:285px; height:370px;
	overflow:hidden;
	background:#cc9933 center center no-repeat;
	background-size:cover;

}
.texteTA{
	display:block; float:left;
	padding:15px 20px;
	width:395px; height:280px;
}
.texteTA h3, .article h3, .complement h3{
	/* width:280px; */
	width: 100%;
	margin-top:12px; padding-bottom:8px; border-bottom:1px solid #000;
	font-size:0.9em; text-transform:uppercase; font-weight:bold;
}
.texteTA h4, .article h4{
	margin:15px 0;
	color:#cc9933; font-size:1.3em; font-weight:normal;
}
.texteTA p, .article p{
	margin-bottom:15px;
	color:#798285; font-size:0.9em;
}
.article p{
	font-size:1em; line-height:1.8em;
}
.complement p{
	margin:15px 0 30px 0;
	color:#798285; font-size:0.9em;
}

.texteTA button, .texteTA a.button{
	display:block; float:left;
	cursor:pointer;
	background-image:radial-gradient(#ca9833, #a1762a);
	color:#fff; font-weight:normal; font-size:1.1em;
	padding:12px 0;
	width:100px;
	vertical-align:middle;
	text-align: center;
}
.texteTA blockquote{
	display:block; float:right;
	width:280px; height:55px; overflow:hidden;
	font-size:0.7em;
	vertical-align:middle;
}
.article blockquote{
	display:none;
	margin-top:100px;
	color:#798285; font-size:0.9em;
}
blockquote font{
	color:#cc9933;
}
#morearticle{
	display:block; position:absolute; left:0; bottom:0;
	text-align:center; text-transform:uppercase;
	cursor:pointer;
	color:#cc9933;
	background:#fff;
	width:100%; padding:25px 0 50px 0;
}
.article .noteandshare{
	text-align:right;
}
.article .share{
	text-align:left;
	padding-top:7px; margin-top:15px;
	border-top:1px solid #999;
	vertical-align:super;
}
.article .share div, .article .share a{
	display:inline;
}

#formPrereserv fieldset{
	border:none; border-top:1px solid #000;
}
#formPrereserv h5{
	font-size:1.5em; margin-top:15px;
}
#formPrereserv p{
	display:block; float:left;
	margin-right:20px;
}
#formPrereserv input[type=text], #formPrereserv input[type=tel], #formPrereserv input[type=email], #formPrereserv input[type=date], #formPrereserv input[type=number],  #formPrereserv select, #formPrereserv textarea{
	padding:7px; margin-top:5px;
	max-width:180px;
}
#formPrereserv input[type=submit]{
	background-image:radial-gradient(#ca9833, #a1762a);
	color:#fff;
	padding:12px; font-weight:normal; font-size:1em; text-transform:uppercase;
	margin-top:15px;
}

#formComment{
	padding-top:15px; border-top:1px solid #000;
}
#formComment fieldset{
	border:none;
}
#formComment h5{
	font-size:1.5em; margin-top:15px;
}
#formComment input[type=text], #formComment input[type=email]{
	display:inline-block; width:45%;
	padding:7px;
}
#formComment textarea{
	display:block;
	width:93%; margin:10px 0;
	padding:7px;
}
#formComment input[type=submit]{
	display:block;
	margin:10px 0;
	background-image:radial-gradient(#ca9833, #a1762a);
	color:#fff;
	padding:12px; font-weight:normal; font-size:1em; text-transform:uppercase;
}

.boxcomment{
	background:#f0f0f0; padding:15px;
}
.boxcomment p{
	margin:0; padding:0 0 5px 0;
	border-bottom:1px solid #ccc;
}
.boxcomment blockquote{
	margin-top:10px;
}

#boxNewsletter{
	width:310px;
	padding: 0 30px;
	background:#fff;
	box-shadow:0 0 10px #ccc;
	text-align:center;
}
#boxNewsletter img{
	width:70px;
}
#boxNewsletter h2{
	margin-top:15px;
	font-family:"Economica", sans-serif; text-transform:uppercase; font-size:1.8em; letter-spacing:0.2em; color:#cc9933;
}
#boxNewsletter p{
	margin:10px auto;
	color:#bcbec0; font-size:0.9em;
}
#boxNewsletter form fieldset{
	border:none;
}
#boxNewsletter form fieldset label{
	text-transform:uppercase; color:#cc9933;
	text-align:left !important;
	display:block; float:left;
	width:50px; height:35px;
	padding:12px 18px 0 18px; border:2px solid #dddedf; border-right:none;
}
#boxNewsletter form fieldset input[type=email], #boxNewsletter form fieldset input[type=text]{
	display:block; float:left;
	width:200px; height:44px;
	padding:3px 18px 0 0; border:2px solid #dddedf; border-left:none;
}
#boxNewsletter form fieldset input[type=submit]{
	background-image:radial-gradient(#ca9833, #a1762a);
	color:#fff;
	padding:12px; font-weight:normal; font-size:1.1em;
	margin-top:15px;
}
#boxNewsletter small{
	display:block;
	text-align:right;
	font-family:"Economica", sans-serif; text-transform:uppercase; font-size:0.7em;
}
.margeadvcarre{
	margin:0px;
}
.advCarre{
	cursor:pointer;
	width:335px;
	margin: 0px auto;
	margin-bottom:10px;
	}

.advwrapper{
	width:1170px;
	height: 300px
	margin:0 auto;
}
.advBanniere{
	position: relative;
	display: block;
	float: left;
	cursor:pointer;
	width:900px;
	max-height: 1400px;
	overflow: hidden;
}

#sectContact{
	margin-top:30px !important;
	background:#fff;
	box-shadow:0 0 10px #ccc;
	text-align:center;
}
#sectContact h5{
	font-family:"Economica", sans-serif; text-transform:uppercase; font-size:2.4em; letter-spacing:0.2em;
}
#sectContact hr{
	margin:20px auto;
	width:70px; height:1px;
	border:none;
	background:#fff;
}
#sectContact p a, #sectContact p a:link, #sectContact p a:visited{
	color:#fff;
}
#sectContact p a:hover, #sectContact p a:active, #sectContact p a:focus{
	text-decoration:none;
}
#sectContact #headContact{
	padding:55px 0;
	background:#cfa145;
	color:#fff;
}
#sectContact form fieldset{
	border:none;
	padding:50px 0 30px 0;
	width:689px; margin:0 auto;
}
#sectContact form fieldset label{
	text-transform:uppercase; color:#cc9933;
	text-align:left !important;
}
#sectContact form fieldset #SClabelMail{
	display:block; float:left;
	width:50px; height:35px;
	padding:12px 18px 0 18px; border:2px solid #dddedf; border-right:none;
}
#sectContact form fieldset input[type=email]{
	display:block; float:left;
	width:581px; height:44px;
	padding:3px 18px 0 0; border:2px solid #dddedf; border-left:none;
}
#sectContact form fieldset #SClabelMsg{
	display:block;
	width:649px;
	margin-top:15px !important; padding:12px 18px; border:2px solid #dddedf; border-bottom:none;
}
#sectContact form fieldset textarea{
	display:block;
	width:649px;
	padding:12px 18px; border:2px solid #dddedf; border-top:none;
}
#sectContact form fieldset input[type=submit]{
	background-image:radial-gradient(#ca9833, #a1762a);
	color:#fff;
	padding:12px; font-weight:bold;
	margin-top:15px;
}

footer{
	margin-top:35px !important;
	background:#fff;
	text-align:center;
	text-transform:uppercase;
	box-shadow:0 0 10px #666;
}
footer #btnTop{
	padding:20px 0;
	background:#bcbec0;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	cursor:pointer;
}
footer ul{
	list-style-type:none;
}
footer ul li{
	display:inline;
}
footer #footerFollow{
	padding:30px 0;
}
footer #footerFollow span{
	font-family:"Economica", sans-serif; text-transform:uppercase; font-size:2.4em; letter-spacing:0.2em; color:#cc9933;
}
footer #footerFollow hr{
	margin:20px auto;
	width:70px; height:1px;
	border:none;
	background:#cc9933;
}
footer #footerFollow ul{
	margin:15px auto;
}
footer #footerFollow ul li{
	display:inline-block; margin:0 12px;
}
footer #mentions{
	font-size:0.9em; color:#666; text-transform:none;
	padding-bottom:15px;
}
footer #mentions img{
	vertical-align:middle;
}
footer #mentions a{
	color:#666; text-decoration:none;
}

.navappear{
	width:auto; overflow:auto; padding:75px 50px 0 50px;
}
#closemenu{
	display:none;
}

.colRight .thumbArticle {
	width: 100% !important;
	height: auto !important;
}

.colRight .thumbArticle .overflowTA {
	width: 100% !important;
	height: 180px !important;
}

.colRight .thumbArticle .texteTA {
	width: 90% !important;
	height: auto !important;
	padding: 5%;
}



@media (max-width:1200px){
	.wrapper{
		width:90%;
		position:relative;
	}
	header{
		text-align:center;
	}
	#menuham{
		position:absolute; left:0; top:0;
		padding:15px;
		display:block;
	}
	#closemenu{
		display:block;
		cursor:pointer;
	}
	#menuham img{
		max-height:25px;
	}
	#entete{
		height:auto;
		min-height:209px;
	}
	header nav{
		background:#fff;
		width:0px; overflow:hidden; padding:0;
		position:fixed; left:0; top:0;
		height:100%;
	}
	header nav a{
		display:block; float:none;
		padding:15px 0;
	}
	#wrapLogoHeader{
		width:100%; float:none;
		margin:0 auto;
	}
	#wrapLogoHeader img{
		display:block;
		margin:3px auto;
	}
	#logoPpal{
		width:65%; max-width:240px;
	}
	header ul{
		height:0; overflow:hidden;
	}
	.colLeft, .colRight{
		display:block;
		float:none; width:80%; margin:0 auto;
	}
	.colRight{
		width:90%;
		margin:0;
	}
	.headCL{
		/* margin-top:130px; */
	}
	.thumbArticle{
		width:90%; max-width:720px;
		margin:15px auto;
	}
	.overflowTA{
		width:30%; max-width:285px;
	}
	.texteTA{
		width:50%; max-width:395px;
	}
	.texteTA button{
		width:auto; max-width:100px;
	}
	.texteTA h3, .texteTA blockquote{
		width:auto; max-width:310px;
	}
	#boxNewsletter{
		width:90%; max-width:310px;
		margin:15px auto;
	}
	#boxNewsletter form fieldset input[type=email], #boxNewsletter form fieldset input[type=text]{
		width:auto; max-width:200px;
	}
	#sectContact form{
		width:90%;
		margin:auto;
	}
	#sectContact form fieldset{
		width:100%;
		padding: 30px 0;
	}
	#sectContact form fieldset input[type=email]{
		width:auto;
	}
	#sectContact form fieldset #SClabelMsg{
		width:90%; max-width:694px;
	}
	#sectContact form fieldset textarea{
		width:90%; max-width:694px;
	}
	.advCarre{
		width:90%; max-width:335px;
	}
	.advCarre img{
		width:100%;
	}
}
@media (max-width:1100px){
	#sectHome{
		padding-top:50px; padding-bottom:300px;
	}
	#sectHome fieldset{
		padding-top:300px;
	}
	#sectHome h1,#sectHome p, #sectHome form{
		width:100%; margin-left:auto; margin-right:auto;
	}
	#sectHome form fieldset input[type=text], #sectHome form fieldset select, #sectHome form fieldset input[type=submit]{
		float:none;
		display:block;
		margin-right:auto; margin-left:auto;
	}
	#sectHome h1{
		margin-top:15px;
	}
	#sectHome p{
		font-size:0.8em;
	}
	#sectHome small{
		padding-top:0px;
	}
	#dialog-home{
		width:80%; max-width:950px;
	}
}
@media (max-width:620px){
	.colLeft{
		padding-top:0px !important;
	}
	#sectHome h1#introweb{
		display:none;
	}
	#sectHome h1#introphone{
		display:block;
	}
	#sectHome h1{
		margin-top:200px; font-size:1.3em; color:#fff;
	}
	#sectHome .txtintro{
		display:none;
	}
	#btnsearch{
		display:block;
	}
	#formRecherche{
		position:fixed; left:0; bottom:0;
		width:100%; height:0;
		background:#fff;
		transition:all 2s ease;
	}
	header ul{
		display:none;
	}
	.headCL {
		margin-top:30px;
	}
	.headCL small{
		padding-left:0 !important;
	}
	.texteTA h4{
		margin-bottom:0px;
	}
	.texteTA p{
		height:0; overflow:hidden;
	}
	.texteTA blockquote{
		height:0; overflow:hidden;
	}
	.article{
		padding:1%;
	}
	.article h3{
		width:auto;
	}
	#boxNewsletter form fieldset input[type=email], #boxNewsletter form fieldset input[type=text]{
		width:30%; max-width:200px;
	}
	#dialog-home h2{
		width:100%; font-size:0.9em;
	}
	#dialog-home p{
		font-size:0.9em;
	}
	#dialog-home form fieldset{
		width:100%;
	}
	#dialog-home form fieldset input[type=email], #dialog-home form fieldset input[type=text]{
		width:auto;
	}
	#sectAd{
		margin-top:25px !important;
	}
	.thumbArticle{
		height:auto;
		width:100%;
	}
	.overflowTA{
		float:none;
		max-width:300px;
		width:100%;
		height:100px;

	}
	.texteTA{
		float:none;
		width:90%;
		padding: 5px 15px;
		height: auto;
	}
	.texteTA h4{
		margin:0 0 5px 0;
	}
	.texteTA button, .texteTA p{
		margin:0;
	}
	.texteTA button{
		padding:7px 14px;
	}

	#photoarticle img{
		height:auto;
		width:100%;
	}
	#modalDialog{
		display:none !important;
	}
}