/* Copyright Aqua-com 2014*/

/* Déclaration des polices */
@font-face {
font-family: 'filetto';
src: url('../fonts/filetto.eot');
src: url('../fonts/filetto.ttf') format('truetype'),
     url('../fonts/filetto.woff') format('woff'),
     url('../fonts/filetto.eot') format('embedded-opentype'),
     url('../fonts/filetto.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'filetto-extralight';
src: url('../fonts/Filetto_extralight.eot');
src: url('../fonts/Filetto_extralight.ttf') format('truetype'),
     url('../fonts/Filetto_extralight.woff') format('woff'),
     url('../fonts/Filetto_extralight.eot') format('embedded-opentype'),
     url('../fonts/Filetto_extralight.svg') format('svg');
font-weight: normal;
font-style: normal;
}


*{margin:0;padding:0}
html,body{width:100%;height:100%}
body{background:#fff;font:normal 1em 'filetto',sans-serif;color:#000;min-height:101%}
a{text-decoration:none;color:#d18046}
a span{display:none}
li{font:normal 1em 'filetto';line-height:18pt}
/*p{font:normal 1em 'filetto',sans-serif;text-align:left;color:#140700;line-height:18pt;margin-bottom:20px}*/
p{margin: 0;padding: 0;}
ul{list-style:none}
ol{list-style:none}
header,footer,aside,nav,article,section,figure{display:block}
.hidden{visibility:hidden;display:none}
.bg2{margin: 1080px 0 0 0;}
#zone5 {width:51%;}

#header{
	position:fixed;
	z-index:100;
	top:0;
	background:url('../img/bgHeader.png') repeat-x 0 0;
	height:120px;
	width:100%}
#header .wrap{
	margin:0 auto;
	width:964px;
	height:120px}
#header .wrap .logo{
	display:block;
	width:338px;
	height:120px;
	background:url('../img/logo.png') no-repeat 0 0;
	float:left;
	margin-left:-50px}
#header .wrap .logo span{display:none}
#header .wrap a:hover{
	color: #fff}
#header .wrap nav{float:right}
#header .wrap nav ul{padding-top:24px}
#header .wrap nav ul li{float:left}
#header .wrap nav ul li a{
	display:block;
	padding:12px 15px;
	height:29px;
	color:#82a2a2;
	font-size:1.1em}
#header .wrap nav ul li a.last{padding-right:15px}
#header .wrap nav ul li a.selected{background:#f27a2c;color:#fff}
#header .wrap nav ul li a.last.selected{background:#f27a2c;color:#fff}

#header .lang{
	position:absolute;
	left:50%;
	width:964px;
	margin-left:-482px;
	top:0;
	z-index:999}
#header .lang ul{float:right}
#header .lang ul li{float:left;padding:0 10px}
#header .lang ul li.seperator{border-right:1px solid #82a2a2}
#header .lang ul li a{color:#82a2a2;font-size:.9em}

@media screen and (max-width:1600px){
	#zone5 {width:60%;}
	}
@media screen and (max-width:1350px){
	#zone5 {width:65%;}
	}
@media screen and (max-width:1024px){
	#header .wrap .logo{margin-left:-30px}
	#zone5 {width:70%;}
	}
@media screen and (max-width:964px){
	#header .wrap{width:100%}
	#header .wrap nav ul{}
	#header .wrap .logo{margin-left:0}
	#header .lang{width:100%;margin-left:-50%}}
@media screen and (max-width:830px){
	#header .wrap .logo{background:url('../img/logosmall.png') no-repeat 0 0;width:262px}
	#header .wrap nav ul{}}
@media screen and (max-width:740px){
	.main-section{position:relative;top:250px}
	.bg2{margin: 600px 0 0 0;}
	#zone5 {width:80%;}
	
	#section-slider .main-section{top:250px}
	#header .wrap .logo{display:block;background:url('../img/logo.png') no-repeat 0 0;width:318px}
	#header{position:relative}
	#header .wrap{position:relative;width:100%}
	#header .wrap nav{position:absolute;left:0;top:100px;width:100%}
	#header .wrap nav ul{float:left;padding-top:0;width:100%}
	/*#header .wrap nav ul li{
		float:none;
		width:100%;
		background:rgba(0, 0, 0, 0.6);
		border-bottom:1px solid #82a2a2}*/
	#header .wrap nav ul li a{display:block;padding:6px 10px;height:20px;color:#82a2a2;font-weight:400;text-align:center}
	#header .wrap .logo{width:320px}}
@media screen and (max-width:670px){}
@media screen and (max-width:620px){}
@media screen and (max-width:550px){}
@media screen and (max-width:350px){
#header .wrap .logo{background:url('../img/logosmall.png') no-repeat 0 0;width:262px}
#header .wrap nav ul li a{display:block;padding:2px 9px;height:20px;color:#82a2a2;font-weight:100;text-align:center;font:normal 1em 'filetto';line-height:14pt}}
@media screen and (max-width:320px){
#header .wrap .logo{background:url('../img/logosmall.png') no-repeat 0 0;width:262px}
#header .wrap nav ul li a{display:block;padding:2px 6px;height:20px;color:#82a2a2;font-weight:100;text-align:center;font:normal 1em 'filetto';line-height:12pt}
}

/*news en marge*/
#stick
{
  position: absolute;
  right: 0px;
  top: 40%;
}
#stick li {margin-bottom:10px;position :relative;}
#stick li .slideLink
{
  display: block;
  width: 300px;
  height: 70px;
  background-color: rgba(255, 255, 255, 0.2);
  color: white;
}
#stick li .slideLink:hover
{
  background-color: rgba(0, 0, 0, 0.4);
}
/*#stick a
{
  outline-width: 0px;
  outline-style: none;
  color: #ffffff;
}*/
#stick .activeSlide .slideLink {background-color: rgba(0,0,0,0.4)}
#stick li .news-readmore {
  position: absolute;
  top: 0px;
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  vertical-align: center;
  font-size: 20px;
}
#stick li .slideLink-infos {margin-left:70px;}
#stick li .slideLink-infos h2 {
  font:normal 1.1em 'filetto',sans-serif;
  text-transform: uppercase;
  color: #f27a2c;
  padding-top: 10px;
  padding-bottom: 1px;
  letter-spacing: 0px;
}

#stick li .slideLink-date
{
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 14px;
}
#stick li .slideLink-lieu
{
  font-size: 12px;
  text-transform: uppercase;
  line-height: 14px;
}



/*news*/
#actu {
	width: 1000px;
	margin: 110px auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #666;
}
#actu .t1 {
	font:normal 2em 'filetto-extralight',sans-serif;
	text-align: left;
	color: #0d4c8b;
	margin-top: 3px;
	margin-bottom: 3px;
}
#actu .separateur{
	height: 1px;
	background-color: #f27a2c;
	margin-bottom: 5px;
}

.scrolling {
	position: absolute;
	bottom: 2em;
	right: 2em;
}

.date_actu {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #0D4C8B;
}

/* --page 1-- */
.bg2 {
	width: 100%;
	background: rgba(0,0,0, 0.5);
	padding-top: 10px;
	padding-bottom: 10px;
}
.bg2 a{
	color: #0D4C8B;
}

.section2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	color: #b6c3d0;
	text-align: center;
	background-color: transparent;
	padding-top: 75px;
	padding-bottom: 55px;
}

.titre2 {
	font:normal 3.5em 'filetto-extralight',sans-serif;
	color: #b6c3d0;
}	
.cadre1, .cadre2, .cadre3 {
	width: 288px;
	display: inline-block;
	vertical-align: top;
	color: #b6c3d0;
	text-align: justify;
	background-color: transparent;
	padding: 5px 15px;
	border-bottom: 1px dotted #555;
	border-right: 1px dotted #555;
	margin-bottom: 30px;
	margin-right: 10px;
	margin-left: 10px;
}
.cadre1 {height: 288px;}
.cadre2 {height: 300px;}
.cadre3 {height: 318px;}

.bg3 {
	width: 100%;
	background: rgba(0,0,0, 0.7);
	padding-top: 0px;
	padding-bottom: 10px;
}
.bg3 il, ul {
	clear: both;
}
.section3 {
	width: 70%;
	margin:auto;
	text-align: center;
	background-color: transparent;
	padding-top: 35px;
	padding-bottom: 25px;
}

.titre3 {
	font:normal 6em 'filetto-extralight',sans-serif;
	/*text-transform: uppercase;*/
	text-align: center;
	vertical-align: super;
	color: #CCC;
}

/* --zone photo-- */
#zone5 {
	/*width: 50%;*/
	margin: 100px auto;
}
#serie_photo {
	/*margin-bottom:100px;
	border: 1px solid #000000;
	background-color:#ccc;*/
	padding-top: 5px;
	padding-bottom: 0px;
	margin: auto;
	/*background-image:linear-gradient(white, #b6c3d0);*/
	}
#zone5  .t1 {
	font:normal 2em 'filetto-extralight',sans-serif;
	text-transform: uppercase;
	text-align: left;
	color: #666;
	margin-bottom: -5px;
}
#zone5 .t2 {
	font:normal 1em 'filetto-extralight',sans-serif;
	text-transform: uppercase;
	color: #f27a2c;
}
#serie_photo li {float:left;padding-right:5px;}
#serie_photo ul {display: inline-block;}

.separateur2
{
  height: 1px;
  background-color: #f27a2c;
  /*margin-bottom: 10px;
  margin-top: 100px;*/
 
}	

.footer {
	font:normal 1em 'filetto-extralight',sans-serif;
	clear: both;
	width: 100%;
	/*height: 220px;*/
	text-align: center;
	background-color: #fff;
	background-image: url("../img/footer_background_texture.jpg");
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	position: relative;
}

.footer a {color: #b6c3d0;}
.footer h1 {text-transform: uppercase;}

.separateur
{
  height: 1px;
  background-color: #dde3e7;
  margin-bottom: 10px;
}
.cadre4, .cadre5, .cadre6 {
	width: 288px;
	display: inline-block;
	vertical-align:top;
	color: #b6c3d0;
	text-align: justify;
	background-color: transparent;
	padding: 5px 15px;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-right: 10px;
	margin-left: 10px;
}
.section3 a:hover{
	
	
}

.footer #social .facebook{background:url(../img/logo_facebook.png); height:49px; width:50px; float:left; margin-right:5px;}
.footer #social .facebook:hover{ background:url(../img/logo_facebook_hover.png); height:50px; width:50px;}
.footer #social .twitter{ background:url(../img/logo_twitter.png); height:49px; width:50px;float:left; margin-right:5px;}
.footer #social .twitter:hover{ background:url(../img/logo_twitter_hover.png); height:49px; width:50px;}
.footer #social .linkedin{ background:url(../img/logo_linked.png); height:49px; width:50px;float:left;margin-right:5px;}
.footer #social .linkedin:hover{ background:url(../img/logo_linked_hover.png); height:49px; width:50px;}
.footer #social .pinterest {background: url(../img/pinterest.png); height:49px; width:49px;float:left;}
.footer #social .pinterest:hover {background: url(../img/pinterest_hover.png); height:49px; width:49px;margin-right:5px;}