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



/* declaration typos
-------------------------------------------------------------- */

@font-face {
	font-family: ntl-regular;
	src: url('nouveau-temps-livre-ltn.ttf');
}

@font-face {
	font-family: ntl-bold;
	src: url('nouveau-temps-lourd-ltn.ttf');
}


::selection {
	background: #000000; color: #FFF; /* Safari */
	color: #fafafa;
	}
::-moz-selection {
	background: #000000; color: #FFF; /* Firefox */
	color: #fafafa;
}



body{
	margin: 0px;
	text-align: center;
	font-family: ntl-bold, Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 22px;
	color: #000;
	margin-left: 15px;
	margin-right: 15px;
	-webkit-text-size-adjust: none;
    -webkit-transform: translate3d(0,0,0);
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

b, strong{
	font-family: ntl-regular;
	font-weight: normal;
}

p{
	font-family: ntl-bold;
	font-weight: normal;
}

a{
	text-decoration: none;
	color: inherit;
}

a:visited{
	text-decoration: none;
	color: inherit;
}

a:hover{
	text-decoration: none;
	color: inherit;
}

a:active{
	text-decoration: none;
	color: inherit;
}


.header{
	position: relative;
	display: inline-block;
	margin-top: 25px;
	margin-bottom: 23px;
	width: 900px;
}

.header.about{
    margin-bottom: 13px;
}

.titre{
	letter-spacing: 0px;
	margin-bottom: 0px;
}

.titre a{
	font-style: normal;
}

.titre a:hover{
	font-style: normal;
}

.titre a:active{
	font-style: normal;
}

.titre a:visited{
	font-style: normal;
}

.texte{
	margin-top: 15px;
}

.infos{
	font-style: italic;
}

.image{
	display: inline-block;
	width: auto;
	position: relative;
}

.contenu{
	text-align: left;
}

.slider-next{
	cursor: e-resize ;
	position: absolute;
	width: 50%;
	height: 100%;
	z-index: 998;
	right: 0px;
}

.slider-next:hover{
	cursor: e-resize ;
}

.slider-prev{
	position: absolute;
	width: 50%;
	height: 100%;
	z-index: 999;
	left: 0px;
}

.slider-prev:hover{
	cursor: w-resize ;
}

.nav{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

.bx-wrapper {
	position: relative;
	margin: 0 auto 0px;
	padding: 0;
	*zoom: 1;
	width: 900px;
	margin-bottom: 45px;
}

.about{
	position: initial;
    /* display: inline-block; */
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    width: 900px;
}

.about p{
	max-width: 900px;
	margin-bottom: 19px;
	margin-top: 0px;
	font-family: inherit;
}


h1{
	font-size: inherit;
	font-weight: normal;
	margin: 0px;
	width: 100%;
	text-align: left;
	font-weight: normal;	
}

h1 img{
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px;
}

.descr{
	float: right;
}

.descr img{
	
}

h2{
	font-size: inherit;
	font-weight: normal;
	margin: 0px;	
}

h3{
	font-size: inherit;
	font-weight: normal;
	margin: 0px;
	margin-bottom: 0px;
    margin-left: 0px;
}

p.unindent strong{
    text-indent: -23px;
    margin-left: 23px;
    display: inline-block;
}

p{
	margin: 0px;
	margin-bottom: 22px;
	font-weight: normal;	
}

.col-1{
	position: relative;
	float: left;
	width: 430px;
	margin-right: 40px;
}

.col-2{
	position: relative;
	float: left;
	width: 430px;
	margin-right: 0px;
}

.titre{
    display: block;
    position: relative;
    float: left;
}

.descr{
    display: block;
    position: relative;
    float: right;
}

em, i{
    border-bottom: solid 1px;
    padding-bottom: 0px;
    font-style: normal;
}



#mc_embed_signup, #mc-embedded-subscribe {
    font-family: ntl-regular, Arial, sans-serif !important;
	font-size: 18px !important;
	font-weight: normal !important;
	line-height: 22px !important;
    
}

#mc_embed_signup h3{
    font-family: ntl-bold, Arial, sans-serif !important;
	font-size: 18px !important;
	font-weight: normal !important;
	line-height: 22px !important;
    
}

#mc_embed_signup_scroll p{
    display: none;
}

#mc-embedded-subscribe{
    margin-top: 6px;
}

#mc_embed_signup {
    margin-bottom: -19px;
}

.required.email{
    display: block;
}

#mce-responses{
    display: none;
}





/* Smartphones ----------- */



@media only screen and (max-width: 930px) {

	.header{
		width: 100%;
	}
	
	.col-1{
		position: relative;
		float: left;
		width: 100%;
		margin-right: 0px;
	}
	
	.col-2{
		position: relative;
		float: left;
		width: 100%;
		margin-right: 0px;
	}
	
	.about p{
		max-width: 100%;
		width: 100%;
		margin-bottom: 19px;
		margin-top: 0px;
		font-family: inherit;
	}
	
	.about{
		width: 100%;
	}
	
	.bxslider li{
		display: block !important;
		position: relative;
		float: left ;
		width: 100% ;
		margin-bottom: 15px;
	}
	

	
	.bx-wrapper .bx-viewport{
	height: auto !important;
	}
	
	.nav{
		display: none;
	}
	
	.bx-wrapper img, .image{
		display: block;
	}
	
	.contenu .image img{
		width: 100%;
	}

}



/* Smartphones ----------- */

@media only screen and (max-width: 550px) {
    
    .titre{
        display: block;
        position: relative;
        float: left;
    }
    
	.descr{
        display: block;
        position: relative;
        float: left;
        clear: both;
    }

}