@font-face {
	font-family: "WesFY";
	src:url('/fonts/WesFY-Regular.eot');
	src:url('/fonts/WesFY-Regular.eot?#iefix') format('embedded-opentype'),
		url('/fonts/WesFY-Regular.woff') format('woff'),
		url('/fonts/wes-fy-regular.ttf') format('truetyp'),
		url('/fonts/WesFY-Regular.svg#zahrah') format('svg');
}
@font-face {
	font-family: "WesFY Medium";
	src: url('/fonts/WesFY-Medium.eot');
	src:url('/fonts/WesFY-Medium.eot?#iefix') format('embedded-opentype'),
		url('/fonts/WesFY-Medium.woff') format('woff'),
		url('/fonts/wes-fy-medium.ttf') format('truetyp'),
		url('/fonts/WesFY-Medium.svg#zahrah') format('svg');
}
@font-face {
	font-family: "WesFY Bold";
	src: url('/fonts/WesFY-Bold.eot');
	src:url('/fonts/WesFY-Bold.eot?#iefix') format('embedded-opentype'),
		url('/fonts/WesFY-Bold.woff') format('woff'),
		url('/fonts/wes-fy-bold.ttf') format('truetyp'),
		url('/fonts/WesFY-Bold.svg#zahrah') format('svg');
}

@font-face {
	font-family: "WesFY Thin";
	src: url('/fonts/wes-fy-thin.eot');
	src:url('/fonts/wes-fy-thin.eot?#iefix') format('embedded-opentype'),
		url('/fonts/wes-fy-thin.woff') format('woff'),
		url('/fonts/wes-fy-thin.ttf') format('truetyp'),
		url('/fonts/wes-fy-thin.svg#zahrah') format('svg');
}
.wrapper {
	width: 320px;
	margin: 0 auto;
}
.green-txt {
	color: #005a55;
}
.light-green-txt {
	color: #50b793;
}
header {
	display: block;
	height: 192px;
	background: url('/images/logo-top-mobile.gif') top center no-repeat;
}
header h1 {
	text-indent: -99999px;
	height: 0;
}
section.content {
	background: #fff url('/images/background-mobile.jpg') top center no-repeat;
}
#top-page .intro .txt1 {
	margin: 25px auto 0 auto;
	font: normal 20px/29px "WesFY Medium";
	max-width: 590px;
}
#top-page .intro .txt1 b {
	font: normal 20px/29px "WesFY Bold";
}
#top-page .intro .txt2 {
	margin: 25px auto 20px auto;
	text-align: justify;
	font: normal 13px "WesFY Medium";
	max-width: 590px;
}
#top-page .localisation {
	background: #50b793;
    text-align: center;
    padding: 25px 0 20px 0;
    min-width: 260px;
}
#top-page .localisation .title {
	display: block;
	color: #feffff;
	font: normal 20px "WesFY Bold";
}
#top-page .localisation .adresse {
	display: block;
	font: normal 18px "WesFY Medium";
	margin: 5px 0 0 0;
}
#top-page .localisation .show-map {
    display: inline-block;
    padding: 5px 25px;
	margin: 10px 0 0 0;
	color: #fff;
	font: normal 16px "WesFY Medium";
	background: url('/images/puce-localisation.gif') 12px 6px no-repeat;
}
#top-page p.mention {
    margin: 15px 0 0 0;
    text-align: right;
}
#planning {
	margin: 15px 0 0 0;
	background: #fff;
	position: relative;
}
#planning .title-top {
	display: block;
	font: normal 24px "WesFY Medium";
	color: #fff;
	background: #50b793;
	text-align: center;
	margin: 0 -15px;
}
#planning .title-top b {
	font: normal 24px "WesFY Bold";
}
#planning .navigation {
    position: relative;
    height: 34px;
    margin-top: 5px;
}
#planning .navigation .slick-arrow {
	height: 34px;
	width: 34px;
	display: block;
	cursor: pointer;
	background: url('/images/planning-arrows.png') top left no-repeat;
	border: none;
	font-size: 0;
	position: absolute;
}
#planning .navigation .slick-arrow.slick-disabled {
	display: none!important;
}
#planning .navigation .slick-arrow.slick-prev {
	left: 0;
	top: 0;
}
#planning .navigation .slick-arrow.slick-next {
	background-position-x: -34px;
	right: 0;
	top: 0;
}
#planning .days {
	margin-top: 10px;
	border: 1px solid #999999;
}
#planning .days .day {
	border-right: 1px solid #999999;
	padding: 0 10px 10px 10px;
}
#planning .days .day .title {
	font: normal 18px WesFY;
	color: #000;
	height: 50px;
	line-height: 50px;
	text-align: center;
	display: block;
}
#planning .days .day .empty {
	background: #f0f0f0;
}
#planning .days .day .cell-demi {
	height: 68px;
}
#planning .days .day .cell {
	height: 130px;
	height: 130px;
    width: 48%;
    float: left;
    margin: 1%;
}
#planning .days .day .cell-sep {
	height: 10px;
	display: none;
}
#planning .date-atelier {
    font: normal 14px "WesFY Bold";
    color: #fff;
    background: #50b793;
	height: 136px;
	text-align: center;
	border-radius: 0 0 5px 5px;
	cursor: pointer;
	position: relative;
}
#planning .date-atelier.end:after {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0.5;
}
#planning .date-atelier .horaire {
    display: block;
    height: 26px;
    line-height: 25px;
    border-bottom: 1px solid #fff;
}
#planning .hour-11h.date-atelier .horaire {
	background: #e54752;
}
#planning .hour-15h.date-atelier .horaire {
	background: #d6b077;
}
#planning .hour-17h.date-atelier .horaire {
	background: #ec7358;
}
#planning .date-atelier .libelle {
    display: block;
    font: normal 14px "WesFY Medium";
    margin-top: 12px;
    padding: 0 8px;
}
#planning .date-atelier .description {
	padding: 2px 8px;
	display: block;
}
#planning .date-atelier .show-full-termine {
    display: none;
    font: normal 12px/20px "WesFY Medium";
    position: absolute;
    bottom: 2px;
    padding: 0 5px;
    height: 20px;
    left: 50%;
    margin-left: -32px;
    background: #fff;
    color: red;
    border-radius: 1px;
    z-index: 1;
    text-transform: uppercase;
}
#planning .date-atelier.end {
	cursor: initial;
}
#planning .date-atelier.end .show-full-termine {
	display: block
}
#planning .date-atelier .show-detail {
    display: none;
    font: normal 12px/20px "WesFY Medium";
    position: absolute;
    bottom: 2px;
    width: 64px;
    height: 20px;
    left: 50%;
    margin-left: -32px;
    background: #fff;
    border-radius: 1px;
}
#planning .date-atelier:hover:not(.end), #planning .date-atelier.current:not(.end) {
	background: #005a55;
}
#planning .date-atelier:hover:not(.end) .libelle, #planning .date-atelier.current:not(.end) .libelle {
	color: #fff;
}
#planning .date-atelier:hover:not(.end) .show-detail, #planning .date-atelier.current:not(.end) .show-detail {
	display: block;
}
select:disabled{
	opacity: 0.6;
}
h1{
	margin: 0;
	padding: 0;
}
.clearfix{
	clear:both;
}
#formulaire #form .required {
    font: normal 10px/12px Arial;
    margin: 0 auto;
    padding: 10px 0;
    width: 280px;
    display: block;
}
#formulaire #form .erreur-3 {
	text-align: center;
    font: normal 18px/25px "WesFY Bold";
    text-transform: uppercase;
    margin: 25px auto 0 auto;
    color: #aa0102;
}
.mentions{
	margin: 25px 0;
	color: #63594e;
	font: normal 11px/13px Arial;
	padding: 0 15px;
	text-align: justify;
}
#formulaire {
	color: #000;
	margin: 20px 0 0 0;
}
#formulaire .top-formulaire .frame-img {
	width: 50%;
	float: left;
	text-align: center;
}
#formulaire .top-formulaire .top-infos {
	width: 50%;
	float: left;
}
#formulaire .top-formulaire .img-atelier {
	max-width: 95%;
}
#formulaire .top-formulaire .top-infos .libelle {
    display: inline-block;
    width: 100%;
    text-align: center;
    background: #50b793;
	color: #fff;
	font: normal 12px/35px "WesFY Bold";
	text-transform: uppercase;
}
#formulaire .top-formulaire .top-infos .bg-grey {
	background: #f0f0f0;
	padding: 0 8px;
}
#formulaire .top-formulaire .top-infos .horaire {
    display: block;
	padding: 8px 0;
	font: normal 15px "WesFY Bold";
	text-transform: uppercase;
	text-align: left;
}
#formulaire .top-formulaire .top-infos .dispo {
    display: block;
    padding: 4px 0 10px 0;
    font: normal 15px "WesFY Bold";
    text-align: right;
}
#formulaire .top-formulaire .bottom-infos .title {
	display: block;
	font: normal 28px/28px "WesFY Bold";
	margin: 20px 0 15px 0;
}
#formulaire .top-formulaire .bottom-infos .description {
	font: normal 14px WesFY;
	text-align: justify;
}
#formulaire .top-formulaire .bottom-infos .complement-infos {
	font: normal 14px/25px WesFY;
}
#formulaire .top-formulaire .bottom-infos .complement-infos b {
	font: normal 14px/25px "WesFY Bold";
}
#formulaire .top-formulaire .bottom-infos .complement-infos .line-info {
	min-height: 25px;
}
#formulaire .top-formulaire .bottom-infos .complement-infos .niveau {
    font-size: 32px;
    height: 17px;
    line-height: 17px;
	display: inline-block;
	letter-spacing: -2px;
	vertical-align: text-bottom;
}
#formulaire .bottom-formulaire {
	margin: 20px -15px 0 -15px;
}
#formulaire .bottom-formulaire .title {
	min-height: 40px;
	background: #50b793;
	font: normal 18px/20px "WesFY Medium";
	text-align: center;
	padding: 8px;
	text-transform: uppercase;
}
#formulaire .bottom-formulaire .title .register {
	color: #fff;
	font: normal 18px/20px "WesFY Bold";
	display: block;
}
#formulaire #form {
	background: #f0f0f0;
	padding: 0 8px;
}
#formulaire #form label {
	margin-top: 25px;
}
#formulaire #form .form-control {
	height: 40px;
}
#formulaire #form .checkbox-group {
	position: relative;
	padding-left: 25px;
	margin-top: 25px;
}
#formulaire #form .checkbox-group .box-checkbox {
    position: absolute;
    left: 0;
}
#formulaire #form .checkbox-group label {
	margin: 0;
	font: normal 14px/24px WesFY;
}
#formulaire #form .checkbox-group label b {
	font: normal 14px/24px "WesFY Bold";
}
#formulaire #form .select-group {
    display: inline-block;
    padding-left: 15px;
}
#formulaire #form .select-group select {
    width: 50px;
    height: 40px;
    padding-left: 10px;
}
#formulaire #form .bouton-inscrit {
    display: block;
    height: 50px;
    background: #50b793;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    width: 280px;
	margin: 25px auto 0 auto;
	font: normal 14px/50px "WesFY Bold";
	cursor: pointer;
}
#result {
	margin: 15px -15px 0 -15px;
	background: #f0f0f0;
	overflow: auto;
}
#result .title-top {
    display: block;
    font: normal 24px/24px "WesFY Medium";
    color: #fff;
    background: #50b793;
	text-align: center;
	min-height: 40px;
	padding: 8px;
}
#result p {
	font: normal 18px/18px "WesFY Medium";
    color: #000;
    margin: 30px auto;
    max-width: 540px;
    text-align: center;
    padding: 0 15px;
}
#result p.news-concours-gratuit b {
	font: normal 18px/18px "WesFY Bold";
}
#result p.news-concours-gratuit em {
	font-size: 15px;
}
footer {
	border-bottom: 10px solid #005a55;
}
/* Au moins la tablette */
@media (min-width: 768px) {
	header {
		height: 110px;
		background: url('/images/logo-top-tablet.gif') top center no-repeat;
	}
	section.content {
		background: #fff url('/images/background-tablet.jpg') top center no-repeat;
	}
	.wrapper{
		width: 580px;
		position: relative;
	}
	.wrapper.fake-height {
		background: #fff;
		min-height: calc(100vh - 120px);
	}
	.container{
		width: 100%;
	}
	#formulaire .top-formulaire .top-infos .horaire, #formulaire .top-formulaire .top-infos .dispo {
		padding: 45px 10px;
	}
	#formulaire #form {
		padding: 0 15px;
	}
	#result .title-top {
		font: normal 24px/40px "WesFY Medium";
	}
}

/* Au moins le PC */
@media (min-width: 992px) {
	header {
		height: 163px;
		background: url('/images/logo-top-desktop.gif') top center no-repeat;
	}
	section.content {
		background: #fff url('/images/background-desktop.jpg') top center no-repeat;
	}
	.wrapper{
		padding: 0;
		width: 992px;
	}
	.wrapper.fake-height {
		background: #fff;
		min-height: calc(100vh - 173px);
	}
	#top-page {
		padding: 40px 0 0 0;
	}
	#top-page .intro {
		padding: 0;
		max-width: 712px;
	}
	#top-page .intro .txt1 {
		margin-top: 0;
		font: normal 24px/33px "WesFY Medium";
	}
	#top-page .intro .txt2 {
		font: normal 16px "WesFY Medium";
	}
	#top-page .frame-localisation {
		padding: 0;
		max-width: 280px;
		position: relative;
	}
	#top-page .frame-localisation .localisation {
		float: right
	}
	#top-page p.mention {
		margin: 30px 0 0 0;
	}
	#planning {
		margin: 20px -15px 0 -15px;
	}
	#planning .title-top {
		margin: 0;
	}
	#planning .navigation {
		position: absolute;
		width: 100%;
		top: 42px;
		z-index: 1;
	}
	#formulaire {
		margin: 50px -15px 0 -15px;
		position: relative;
	}
	#formulaire .top-formulaire {
		padding-left: 280px;
		position: relative;
	}
	#formulaire .top-formulaire .frame-img {
		position: absolute;
		left: 0;
		width: auto;
		text-align: left;
	}
	#formulaire .top-formulaire .frame-img img {
		max-width: 97%;
	}
	#formulaire .top-formulaire .top-infos {
		width: 100%;
		height: 40px;
		line-height: 40px;
		background: #f0f0f0;
	}
	#formulaire .top-formulaire .top-infos .libelle {
		font: normal 14px/40px "WesFY Bold";
		padding: 0 15px;
		width: 160px;
		float: left
	}
	#formulaire .top-formulaire .top-infos .bg-grey {
		display: inline-block;
		vertical-align: top;
		float: left;
		width: 552px;
		padding: 0;
	}
	#formulaire .top-formulaire .bottom-infos .title {
		font: normal 36px/36px "WesFY Bold";
		margin: 25px 0 25px 0;
	}
	#formulaire .top-formulaire .top-infos .horaire, #formulaire .top-formulaire .top-infos .dispo {
		padding: 0 15px;
		display: block;
	}
	#formulaire .top-formulaire .top-infos .horaire {
		float: left;
		font: normal 14px/40px "WesFY Bold";
	}
	#formulaire .top-formulaire .top-infos .dispo {
		float: right;
		font: normal 14px/40px "WesFY Bold";
	}
	#formulaire .top-formulaire .bottom-infos .description {
		font: normal 16px WesFY;
	}
	#formulaire .bottom-formulaire {
		margin: 50px 0 0 0;
	}
	#formulaire .bottom-formulaire .title {
		padding: 0;
		font: normal 18px/40px "WesFY Medium";
	}
	#formulaire .bottom-formulaire .title .register {
		font: normal 18px/40px "WesFY Bold";
		display: inline-block;
	}
	#formulaire #form {
		padding: 0 20px;
	}
	#formulaire #form label {
		margin-top: 30px;
	}
	#formulaire #form .bouton-inscrit{
		margin-top: 50px;
	}
	#formulaire #form .required {
		position: absolute;
		left: 25px;
		bottom: 8px;
	}
	.mentions{
		padding: 0;
	}
	#result {
		margin: 35px -15px 0 -15px;
	}
}
@media print{
	
}