@charset "utf-8";

@font-face {
    font-family: 'amblebold';
    src: url('fonts/amble-bold-webfont.eot');
    src: url('fonts/amble-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/amble-bold-webfont.woff') format('woff'),
         url('fonts/amble-bold-webfont.ttf') format('truetype'),
         url('fonts/amble-bold-webfont.svg#amblebold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'amblelight';
    src: url('fonts/amble-light-webfont.eot');
    src: url('fonts/amble-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/amble-light-webfont.woff2') format('woff2'),
         url('fonts/amble-light-webfont.woff') format('woff'),
         url('fonts/amble-light-webfont.ttf') format('truetype'),
         url('fonts/amble-light-webfont.svg#amblelight') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'ambleregular';
    src: url('fonts/amble-regular-webfont.eot');
    src: url('fonts/amble-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/amble-regular-webfont.woff') format('woff'),
         url('fonts/amble-regular-webfont.ttf') format('truetype'),
         url('fonts/amble-regular-webfont.svg#ambleregular') format('svg');
    font-weight: normal;
    font-style: normal;

}





body.index {
	background: url(../images/bg-body-index.jpg) right bottom no-repeat  #ffdb8f;
}

body.pages {
	background: #ffdb8f;
	
}

a {
	outline: none;
}

a img {
	border:none;
	outline:none;
}



p {

	margin:0;
	padding-bottom:12px;
	text-align:left;
	line-height:15px;
}


p.punchline{
	font-family: 'amblelight';
	font-size:24px;
	color:#454545;
}


h2{
	font-family: 'amblelight';
	font-size:48px;
	color:#454545;
	
}


h3{
	font-family: 'amblelight';
	font-weight:normal;
	font-size:24px;
	color:#454545;
	
}

.strong {
	font-family: 'amblebold';
}

ul {
	padding:0;
	margin:0;
}

li {
	padding:0;
	margin:0;	
}

hr{
	background-color:#454545;
	color:#454545;
	width:20%;
	margin:30px auto;

}


hr.titre{
	border-top:1px solid #3d3d3d;
	border-bottom:none;
	height:0;
	width:15%;
	margin:30px auto;

}

a.burst img  {
	display:block;
}

a.burst img:hover {
	background:#fff;
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-index:1; 
}

/*helper*/

.colleft{
	float:left;
}

.colright{
	float:right;
}

.clearfix {
	height:0;
	clear:both;
}


.w170{
	width:170px;
}


.w270{
	width:270px;
}


.w370{
	width:370px;
}


.w570{
	width:570px;
}

.w670{
	width:670px;
}


.w800{
	width:800px;
}


.w870{
	width:870px;
}

.w1170{
	width:1170px;
}



.ml30{
	margin-left:30px;
}

.ml100{
	margin-left:100px;
}



/* --------------------------------------------- */

.wrapper {
	position:relative;
	padding:0;
	margin:0 auto;
	width:1170px;
}

#header {
	position:relative;
	margin:0 auto;
	background:url(../images/ecury-header-index.jpg) center top no-repeat;
	width:100%;
	max-width:1980px;
	max-height:585px;
	vertical-align:middle;
	text-align:center;
}

#header.pages{
	background:url(../images/bg_about.jpg) top center no-repeat;
	max-width:1980px;
	max-height:300px;
}

div.blurheader{
	position:absolute;
	top:0;
	left:0;
	background:url(../images/ecury-header-index.jpg) center top no-repeat;
	width:100%;
	opacity:1;
	max-width:1980px;
	max-height:585px;
	-webkit-transition: all 2s ease-in;                  
    -moz-transition: all 2s ease-in;                 
    -o-transition: all 2s ease-in;   
    -ms-transition: all 3s ease-in;          
    transition: all 2s ease-in;
}

#header h1 {
	display:none;
}



.round-button {
    display:block;
	float:right;
    width:40px;
    height:40px;
    line-height:41px;
	margin:15px;
    border-radius: 50%;
    color:#fff;
    text-align:center;
    text-decoration:none;
    background: #1e2171;
	font-family: 'ambleregular';
    font-size:16px;
   
}

.round-button:hover {
    background: #f5f5f5;
	color: #1e2171;

}


.logo{
	 position: relative;
	 text-align:center;
	 z-index:0;



}

.logo img{
	margin:0 auto;
	vertical-align:middle;
	

}



.langue{
	position:relative;
	z-index:1000;
}



#slider {
	position:relative;
	margin:0 auto 120px auto;
	width:970px;
	
}



/*********menu************************/

nav{
	position:relative;
	padding: 0;
	margin: 0;
	width: 100%;
	background:url(../images/bg-nav.png) repeat-x;
	height:100px;
	text-align:center;
	z-index:1000;
}

nav ul{
	list-style:none;
	margin:0 auto;
	width:1030px;
	text-align:center;

}

nav ul li{
	float:left;
	
}


nav ul li a{
	display:block;
	font-family: 'ambleregular';
	margin:23px 0;
	padding:15px 25px;
	font-size:16px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}


nav ul li a:hover{
	background-color:#1e2171;
	color:#fff;
}

nav ul li a.active{
	background-color:#1e2171;
}


.shadownav{
	margin:0 auto;
}

/**************************************************/



#content {
	position:relative;
	margin:0;
	padding:0;
	z-index:0;

}


.content-index{
	background:url(../images/bg-content-index.png) repeat-x ;
	margin-top:-60px!important;

}


/*index*/

.indexbg{
	padding-top:10px;
	background:url(../images/bg-body-index.jpg) right bottom no-repeat;
}


.linkburt{
	position:absolute;
	bottom:30px;
	margin:0 auto;
	opacity:0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}


img.linkburt{
	margin-top:150px;
	opacity: 0!important;
	width:55px!important;
	height:55px!important;
	max-width:none!important;
	max-height:none!important;
	-webkit-transform: scale(1);
	transform: scale(1);
}


figure.effect-chico:hover img.linkburt {
	opacity:1!important;


}




.index-txt{
	text-align:center;
	padding:30px 0;
	margin-bottom:100px;
}

.index-txt p{
	text-align:center;

}



/* About Us */


.about img{
	margin:15px;
}


.diamond{
	position:relative;
	display:block;
	text-align:center;
	margin:0 auto;
	z-index:999;
}





/* Facilities */


.faclities img{
	float:right;
	margin-bottom:20px;
}


.liste {
	margin:0;
	
}

.liste ul {
	list-style-image:url(../images/bullet.png);
	margin-left:20px;
	
}

.liste ul li {
	font-family: 'amblebold';
	font-size:16px;
	color:#323231;
	padding:0 15px 15px ;
}




/* Boarding */

.boarding img{
	margin:15px;
}



/* Lessons */

.lessons img{
	margin:15px;
}

.txt p.note {
	font-size:14px;
	font-style:italic;
	
}

.trainer {
	width:1170px;
	margin:50px 0;
	padding-bottom:50px;
	border-bottom:1px solid #ccc;
}

.trainer:last-child {
	border-bottom:none;
}

.trainer h3{
	margin:0;
	padding-bottom:20px;
	font-weight:bold;
}


.trainer p{
	text-align:left;
	font-family: 'amblelight';
	font-size:16px;
	line-height:18px;
	color:#323231;
	padding:10px 0;

}



/* Sale */

.sales {
	width:1170px;
	margin:50px 0;
	padding-bottom:50px;
	border-bottom:1px solid #ccc;
}

.sales h3{
	margin:0;
	padding-bottom:20px;
	font-weight:bold;
}

.sales p{
	text-align:left;
	font-family: 'amblelight';
	font-size:16px;
	line-height:18px;
	color:#323231;
	padding:10px 0;

}

.sales p.date {
	font-size:12px;
	color:#898989;
	padding-top:5px;
	padding:0;
}


.sales img{
	display:block;
	text-align:center;
	margin-bottom:15px;
}

.sales img:hover{
	opacity:0.8;
}

.sales img.sml{
	float:left;
	margin-right:5px;
}

.sales img.last{
	float:left;
	margin-right:0;
}



/* Competition */


.subslider {
	width:970px;
	margin:0 auto;
	padding:0;
	text-align:center;
	position:absolute;
	bottom:-80px;
	font-family: 'amblelight';
	font-size:16px;
	color:#323231;
	line-height:18px;
	
}

.flexslider .slides > li.flex-active{
	overflow:visible;
}

/*  Contact */ 


#wrap-map{
	margin:0 auto;
	width:100%;
	height:428px;
	-webkit-box-shadow: inset 0px 5px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    inset 0px 5px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         inset 0px 5px 5px 0px rgba(50, 50, 50, 0.5);
}




/* Common class */

.light {
	font-family: 'amblelight';
}

.txt{
	text-align:center;
	padding:30px 0;
	margin-bottom:50px;
}

.txt p{
	text-align:center;
	font-family: 'amblelight';
	font-size:16px;
	line-height:18px;
	color:#323231;
	padding:10px 0;

}

#wrap-whitebg{
	background:#fff;
	margin:0 auto;
	width:100%;
	-webkit-box-shadow: inset 0px 5px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    inset 0px 5px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         inset 0px 5px 5px 0px rgba(50, 50, 50, 0.5);
}


btn {
	float:left;
	background-color:#1e2171;
	padding:12px 20px;
	margin:15px 0;
	
}

btn a{
	font-family: 'amblelight';
	font-size:16px;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	text-align:center;
	
}

btn a:hover{
	text-decoration:none;
	color:#ffde98;
	
	
}


figure{
    width:270px;
    height: 174px;
    position:relative;
    background-size:cover;
    background-position:50%;
}
figure:before{
    content:'';
    position: absolute;
    left: 2%;
    top: 2%;
    width: 95%;
    height: 95%;
    border: 1px solid white;
}

/**********  Form **********/


form { 
	margin:0;
	padding:0;
}
.check {
	width: 20px;
	height: 20px;
	border:0;
	background-color:transparent;
}
input, select, textarea {
	padding:2px;
	width: 250px;
	border: 1px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	background-color:#fff;
	height:24px;
}
.inputxs {
	width:100px;
}
.inputxl {
	width:400px;
}
textarea {
	height: 60px;
	overflow:auto;
	resize:none;
}
.textareaxl {
	width: 400px;
	height: 135px;
	overflow:auto;
}
.submit {
	font-size:15px;
	color:#fff;
	width:100%;
	background-color:#666;
	height:33px;
}
.submit:hover {
	background-color:#999;
}
.boxed {
	border: 1px solid #000;
	background-color:#eee;
}






/****************************************/
/********** footer **********/
/****************************************/

#footer {
	position:relative;
	background-color:#868173;
	margin:0 auto;
	padding:30px 0;
	clear:both;
	-webkit-box-shadow: 0px -5px 5px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px -5px 5px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px -5px 5px 0px rgba(50, 50, 50, 0.5);
}


.footerlink {
	margin-top:20px;
}

.footerlink a {
	font-family:Arial, Helvetica, sans-serif;
	padding:0 12px;
	font-size:12px;
	font-weight:normal;
	color:#fff;
	text-decoration:none;
}

.footerlink a:hover {
	color: #fff6e0;
}

.footerlink a.active {
	color: #fff6e0;
}


.logo-footer{
	float:right;
	text-align:right;
	
}

.bottompage{
	background-color:#171717;
	padding:10px 0;
}



.copy{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:25px;
	color:#656565;
	width:500px;
	float:left;
}



/****************************************/
/********** Signature Mediaweb **********/
/****************************************/

.mediaweb {
	float:right;
	text-align:right;
	width:500px;
}


.mediaweb a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#656565;
	text-decoration:none;	
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;

}
.mediaweb a:hover {
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
}