@import url(http://fonts.googleapis.com/css?family=Dosis:400,800,700,600,500,300,200);
body {
	background: #fff;
}
/* Clearfix */
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}
/*HEADER*/

#top-header {
	background:url(../img/bg.jpg) center no-repeat;
	background-size: cover;
	width: 100%;
	min-height: 100%;
	padding-bottom: 25px;
}
.logo-top {
	margin: 0 auto;
	text-align:center;
	width: auto;
	width: 100%;
}
.logo-top img {
	margin: 0 auto;
	text-align:center;
	width: auto;
}
nav {
	height: 45px;
	width: 100%;
	font-size: 11pt;
	position: relative;
}
nav ul {
	padding: 0;
	margin: 0 auto;
	width: 960px;
	height: 45px;
}
nav li {
	display: inline;
	float: left;
}
nav a {
	color: #000;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 45px;
	padding: 0 65px;
}
nav li a {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	color:#020202!important;
	font-size: 16px!important;
	text-transform:uppercase!important;
}
nav li:last-child a {
	border-right: 0;
}
nav a:hover, nav a:active {
	color: #921f0b!important;
	text-decoration: none!important;
}
nav a#pull {
	display: none;
}
.txt-content {
	padding-left: 20px;
}
.ttl-article {
	color: #921f0b;
	font-size: 18px;
}
.content {
	border-top: 1px solid #4f4f4f;
	font-weight: 500;
	padding-bottom: 20px;
}
.txt-accueil {
	color: #4f4f4f;
	font-size: 18px;
	text-align:justify;
	padding: 20px 0;
}
.video {
	text-align:right;
	padding: 30px 0;
}
#footer {
	background: #e0e0e0;
	border-top: 1px solid #4f4f4f;
}
#footer ul {
	margin:0;
	padding: 20px 0;
}
#footer li {
	list-style-type: none;
	float: left;
	padding: 0 8px;
	font-size: 12px;
	font-weight: 600;
}
#footer li a {
	color: #3c3939;
}
#footer li a:hover {
	color: #921f0b;
	text-decoration:none;
}

.link-foot { padding-left: 15px;}
.min-logo { padding-right: 15px; }

#footer .min-logo img { padding-top: 10px; vertical-align:middle; height:35px; line-height: 35px; }

#footer .min-logo p a {
	color: #3c3939;
	text-decoration:none;
	font-size: 12px;
	font-weight: 600;
	vertical-align:middle;
}
.bloc-artcle p {
	text-align:left;
}
.liste-article {
	margin: 0 auto;
	text-align:left;
	width: 80%;
}
.liste-article p {
	margin: 0;
	padding: 0;
}
.form-quizz ul {
	margin: 0;
	padding: 0;
}
.form-quizz li {
	list-style-type: none;
}

.form-quizz label { font-size: 16px; color:#4f4f4f; }
.form-quizz input { text-indent: 15px;}

.color-label {
	color: #6f160b;
	font-weight: 600;
}
.txt-content button {
	background:url(../img/bt-valid.gif) no-repeat;
	width: 260px;
	height: 69px;
	border: none;
	font-size: 0;
	margin: 40px 0;
	cursor:pointer;
}
.formulaire-inscription {
	padding-top: 40px;
}
.formulaire-inscription label {
	text-transform:uppercase;
	color: #000000;
	font-weight: 500;
	font-size: 16px;
	padding: 10px 0 8px;
	display: block;
}
.formulaire-inscription input {
	border-radius: 4px;
}

.num-list { font-size: 30px; color: #e89b04; }
.photo-arrondi img { border-radius: 50%; border: 4px solid #fff; box-shadow: 1px 1px 1px #999; }

.aslide {
	display: none;
}
.aslide img {
	 width: 250px;
	 height: auto;
	 border-radius: 50%; border: 4px solid #fff; box-shadow: 1px 1px 1px #999;                 
}
.aslider {
	width: 260px;
	height: 260px;
}

/*Largeur sasn padding*/

.w-l-100 {
	width: 100% !important;
}
.w-l-85 {
	width: 85% !important;
}
.w-l-80 {
	width: 80% !important;
}
.w-l-77 {
	width: 77% !important;
}
.w-l-75 {
	width: 75% !important;
}
.w-l-73 {
	width: 73% !important;
}
.w-l-72 {
	width: 72% !important;
}
.w-l-70 {
	width: 70% !important;
}
.w-l-67 {
	width: 67% !important;
}
.w-l-66 {
	width: 66.6% !important;
}
.w-l-63 {
	width: 63% !important;
}
.w-l-60 {
	width: 60% !important;
}
.w-l-57 {
	width: 57% !important;
}
.w-l-55 {
	width: 55% !important;
}
.w-l-50 {
	width: 50% !important;
}
.w-l-45 {
	width: 45% !important;
}
.w-l-40 {
	width: 40% !important;
}
.w-l-37 {
	width: 37% !important;
}
.w-l-33 {
	width: 33.3% !important;
}
.w-l-30 {
	width: 30% !important
}
.w-l-28 {
	width: 28% !important
}
.w-l-27 {
	width: 27% !important
}
.w-l-25 {
	width: 25% !important
}
.w-l-23 {
	width: 23% !important
}
.w-l-20 {
	width: 20% !important
}
.w-l-15 {
	width: 15% !important
}
.w-l-12 {
	width: 12.5% !important
}
.w-l-10 {
	width: 10% !important
}



/*Styles for screen 600px and lower*/
@media screen and (max-width: 680px) {
 nav {
 height: auto;
}
 nav ul {
 width: 100%;
 display: none;
 height: auto;
}
 nav li {
 width: 50%;
 float: left;
 position: relative;
 border-bottom: 1px solid #a5a5a5;
}
 nav a {
 text-align: left;
 max-width: 100%;
 text-indent: 25px;
}
 nav a#pull {
 display: block!important;
 background-color: #921f0b;
 font-weight: 600;
 color:#fff!important;
 position: relative;
}
 nav a#pull:after {
 content:"";
 background: url('../img/nav-icon.png') no-repeat!important;
 width: 30px;
 height: 30px;
 display: inline-block;
 position: absolute;
 left: 15px;
 top: 15px;
}
}

/*Styles for screen 515px and lower*/
@media screen and (max-width: 600px) {
 nav {
 border-bottom: 0;
}
 nav ul {
 display: none;
 height: auto;
}
 nav li {
 display: block;
 float: none;
 width: 100%;
 border-bottom: 1px solid #a5a5a5;
}
 nav a#pull {
 display: block;
 background-color: #f3b235;
 position: relative;
}
 nav a#pull:after {
 content:"";
 background: url(../img/nav-icon.png) no-repeat!important;
 width: 30px;
 height: 30px;
 display: inline-block;
 position: absolute;
 left: 15px;
 top: 15px;
}

}
 @media screen and (max-width: 640px) {
 .w-s-100 {
width: 100% !important;
}
 .w-s-75 {
width: 75% !important;
}
 .w-s-70 {
width: 70% !important;
}
 .w-s-66 {
width: 66.6% !important;
}
 .w-s-60 {
width: 60% !important;
}
 .w-s-50 {
width: 50% !important;
}
 .w-s-49 {
width: 49% !important;
}
 .w-s-47 {
width: 47% !important;
}
 .w-s-45 {
width: 45% !important;
}
 .w-s-40 {
width: 40% !important;
}
 .w-s-33 {
width: 33.3% !important;
}
 .w-s-30 {
width: 30% !important;
}
 .w-s-25 {
width: 25% !important;
}
 .w-s-20 {
width: 20% !important;
}
 .w-s-15 {
width: 15% !important
}
 .w-s-10 {
width: 10% !important
}
}
.d-block {
	display: block;
}
/*Largeur sasn padding*/


@media screen and (min-device-width: 640px) and (max-device-width: 900px) {
	.formulaire-inscription div input {
		text-align:left;
		width: 75%;
	}
	nav a { padding: 0 60px; }
	
	.aslide {
	display: none;
	}
	div.aslide {
		width: 180px!important;
		height: 180px!important;}
	.aslide img {
		 width: 170px!important;
		 height: auto;
		 border-radius: 50%; border: 4px solid #fff; box-shadow: 1px 1px 1px #999;                 
	}
	.slider-wrapper { height: auto!important; }
	.aslider {
		width: 200px!important;
		height: 200px!important;
	}	
}
 @media screen and (max-width:940px ) {
 .wrap {
padding: 0 10px!important;
}
 .slide-content div {
text-align:center;
width: 90%;
margin: 0 auto;
text-align:center;
}
 .pic-home {
padding-left: 0!important;
}
 .txt-accueil {
padding: 20px 10px 15px;
width: 100%;
display: block!important;
}
 #top-header .logo-top div {
text-align:center!important;
width: 100%!important;
margin: 0 auto!important;
float: left!important;
}
}

@media screen and (max-width:640px ) {
 .content {
padding: 10px;
width: 90%!important;
}

.content .txt-left, .content .liste-article { text-align:left!important; }

 .content div, .txt-accueil {
float:none!important;
margin: 0 auto!important;
text-align:center;
padding-top: 15px;
}

#footer .min-logo { float: none; text-align:center; }

.slide-content div { height: 100%; }

.aslide img, .aslider {
	display: none!important;                 
}

 #footer div, #footer ul {
text-align:center;
margin: 0 auto;
width: 90%;
float: none;
padding-top: 5px;
}

 .pic-home {
display: none;
}

 .txt-content {
padding-left: 0!important;
}
 .bloc-artcle p {
width: 100%!important;
display: block;
float: none!important;
}
 .formulaire-inscription div, .formulaire-inscription div input, .accueil, .video, .form-quizz, .liste-article {
width: 100%!important;
text-align:left;
padding-bottom: 15px;
}
	#top-header .logo-top div {
		text-align:center!important;
		width: auto!important;
		margin: 0 auto!important;
		float: none!important;
	}
}
@media screen and (max-width:480px ) {
 .txt-accueil {
width: 95%!important;
}

 #footer ul {
width: 95%!important;
}

#footer li {
    list-style-type: none;
    float: none!important;
    padding: 10px 0px;
    font-size: 12px;
    font-weight: 600;
	border-bottom: 1px dashed #999;
}

 .link-foot li a {
width: 100%!important;
float:none!important;
margin: 0 auto!important;
text-align:center;
margin-bottom: 5px;
padding-bottom: 5px;
}
 .sep {
display: none;
}
 .formulaire-inscription div, .formulaire-inscription div input {
width: 100%!important;
text-align:left;
}
}