*{
	outline: 0 !important;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
html, body { height: 100%; }
body{
	background:#fff;
	font-family: 'Open Sans', sans-serif;
}

.light{font-weight: 300 !important;}
.regular{font-weight: 400 !important;}
.bold{font-weight: 700 !important;}
.extrabold{
	font-weight: 900 !important;
}
.highlight{
	color:#ed1848;
	text-transform: uppercase;
	font-weight: 700;
}
.min{
	font-size: 14px;
}


h1,h2,h3,h4,h5,p{
	color:inherit;
	font-family: inherit;
}

ul,ol{
	list-style-type: none;
	margin:0;
	padding:0;
}
a{
	color:#ed1848;
	-webkit-transition: background 0.1s ease-out;
    transition: background 0.1s ease-out;

}

a:hover{
	color:#82c7cb;

}


p,li{
	font-weight: 300;
	font-size: 18px;
	color:#6a6065;
	line-height:25pt;
}


@media only screen and (max-width: 64em) {
	p,li{
		font-size: 18px;
		line-height:22pt;
	}
}

@media only screen and (max-width: 20em) {
	p,li{
		font-size: 14px;
		line-height:18pt;
	}
}


/* VIDEO MODAL */
div#video{
	padding:0;
	top:130px;
	box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
	border:none;

	width:800px;
	height:450px;
	/*obox-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
	border:none;
	top:130px;*/
}


/*div#video.media{
	width: 100% !important;
	max-width:850px;
}*/
div#video iframe{
	width:800px;
	height:450px;
}
div.reveal-modal-bg{
	background: none;
}


@media only screen and (max-width: 800px) {
	div#video{
		width:100%;
		height:200px;
	}
}

@media only screen and (max-width: 40em) {
	div#video{
		top:0;
		z-index:1007;
	}
	div#video iframe{
		margin-top: 100px;
	}
}



/* SPRITE */
/* Generated by http://css.spritegen.com CSS Sprite Generator */
.cgscop-header-background, .cgscop-header-logo, .cgscop-enseignants, .cgscop-footer-logo, .cgscop-arrow-link,
.cgscop-header-arrow{display:block; background: url('../img/sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; line-height: 0;}
.cgscop-header-background {background-position: -0px -0px; width:1332px;height: 590px; }
.cgscop-header-logo {background-position: -0px -590px; width: 561px; height: 255px; }
.cgscop-enseignants {background-position: -561px -590px; width: 150px; height: 32px; }
/*.cgscop-footer-logo { background-position: -711px -590px; width: 147px; height: 69px; }*/
.cgscop-arrow-link {background-position: -858px -590px; width: 34px; height: 27px; }
.cgscop-header-arrow {background-position: -892px -590px; width: 18px; height: 22px; }
.cgscop-footer-logo {margin:0 auto;background: url('../img/footer-logo.png') no-repeat;width: 147px; height: 69px;}

.cgscop-header-logo {background: url('../img/header-logo.png') no-repeat; width: 561px; height: 255px; }
/*COMMON */
a.button{
	/*max-width: 210px;*/
	background-color:#82c7cb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	/*display: table-cell;
	vertical-align: middle;*/
	padding: 20px 50px 20px 50px;
	line-height: 1;
	/*font-style: normal;*/
	font-size: 19px;
	font-family: inherit;
	font-style: inherit;
}
a.button:hover{
	border-bottom-width:0;
	background-color:#5fa7ab;
}
a.button.icon{
	padding-left: 60px;
	padding-right: 30px;
}

a.button.icon span.icon.play-circle{
	background: url('../img/play-circle.png') no-repeat;
	width:32px;
	height: 32px;
	position: absolute;
	color:#9fd4d7;
	top:15px;
	left:15px;
}








/* TOPBAR */

.top-bar {
	/*display: none;*/
	position: fixed;
	width:100%;
	background:white;
	z-index:1006;
	-webkit-transition: padding-top 0.3s ease-out;
    transition: padding-top 0.3s ease-out;
}

.top-bar.hit-top{
	padding-top:40px;
}



.top-bar.expanded .toggle-topbar a,
.top-bar .toggle-topbar.menu-icon a,
.top-bar .toggle-topbar.menu-icon a:hover {
	color: #888;
	border-bottom:none;
}

.top-bar .toggle-topbar.menu-icon a span::after {
	box-shadow:0px 0px 0px 2px #888, 0px 7px 0px 2px #888, 0px 14px 0px 2px #888;
}

.top-bar-section{
	background:white;
}

.top-bar .title-area{
	background:white;
	width:0;
}


.top-bar-section ul {display: table; margin: 0 auto;padding:20px;}
.top-bar-section ul li {
	display: table-cell;
	background:none;
	border-left:1px solid #000;
	padding:0px 20px 0px 20px;

}

.top-bar-section ul li:nth-child(1),
.top-bar-section ul li:nth-child(2){
	border-left:none;
}


.top-bar-section ul li > a {
	position: relative;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	color:#867774;
	font-size: 18px;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	height: auto;
	-webkit-transition: border-bottom-width 0.1s linear;
    transition: border-bottom-width 0.1s linear;
    border-bottom-width:0;
    border-bottom-style:solid;
    border-bottom-color:#5f595c;
}

.top-bar-section ul li > a:hover{
	color:#5f595c !important;
	border-bottom-width:0;
}

.top-bar-section ul li.home > a{
	background:url('../img/arrow-nav.png') no-repeat !important;
	width:16px;
	height:19px;
}

.top-bar-section ul li.home > a.active,
.top-bar-section ul li.home > a:focus,
.top-bar-section ul li.home > a:hover{
	background:url('../img/arrow-nav-active.png') no-repeat !important;
	border-bottom-width:0;
}


.top-bar-section ul li a.underline:after{
	content: "";
	width: 150px;
	height: 30px;
	background:url("../img/enseignants.png") no-repeat;
	top: 16px;
	right: -25px;
	position: absolute;
	display: inline-block;
}

.top-bar-section ul li a.underline.active{
	border-bottom-width:0;
}


.top-bar.expanded .top-bar-section ul {display: block;padding:0;padding-bottom: 10px;}
.top-bar.expanded .top-bar-section ul li {
	display: list-item;
	border-left:none;
	background:none;
	padding:0;
}
.top-bar.expanded ul li.home {
	display: none;
}

.top-bar.expanded .top-bar-section ul li > a{
	padding:14px 0 14px 20px;
	border-bottom:none;
}

.top-bar.expanded .top-bar-section ul li > a.active{
	padding:14px 0 14px 20px;
}


.top-bar-section ul li > a span.regular{
	color:#5f595c;
	text-transform: none;
}

.top-bar-section ul li:hover > a {
    background: none !important;
    color:#ed1848 !important;
}

.top-bar-section ul li > a.active {
    color:#ed1848;
    border-bottom-color:#ed1848;
    border-bottom-width: 4px;
}
.top-bar-section ul li > a:hover span.regular,
.top-bar-section ul li > a.active span.regular{
	color:#ED1848;
}

.top-bar-section li:not(.has-form) a.active:not(.button) {
	background:none;
	line-height:1;
	padding: 0;
	padding-bottom: 4px;
}


.top-bar-section li:not(.has-form) a:not(.button) {
	background:none;
	line-height:1;
	padding:0;
	padding-bottom: 4px;
}



.top-bar.expanded  .top-bar-section ul li:hover > a {
	background:#867774 !important;
	color:white !important;
}

.top-bar.expanded .top-bar-section ul li > a:not(.active){
	color:#867774;
	background:white;
}

.top-bar.expanded .top-bar-section ul li > a.active{
	color:white;
	background:#867774;
}

.top-bar.expanded .title-area{
	background:white;
}

@media only screen and (max-width: 40em) {
	.top-bar-section ul li a.underline::after{
		display: none;
	}
	.top-bar .title-area{
		background:white;
		width:100%;
	}
	.top-bar.hit-top{
		padding-top:0;
	}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.top-bar-section ul{
		padding: 0;
	}
	.top-bar-section ul li > a {
		font-size: 12px;
	}
}


/* SECTIONS */
section.main-section{
	padding: 64px 0 64px 0;
}


section.main-section.section-common{
	text-align: center;
}

section.main-section.section-common.grey{
	background-color:#f0f6f6;
}

section.main-section.section-common div.header{
	text-align: center;
	/*margin-bottom: 64px;*/
	color:#867774;
	margin-bottom:60px;
}
section.main-section.section-common div.header h1,
section.main-section.section-common div.header h2{
	color:#867774;
	font-family: inherit;
	font-size: 72px;
	letter-spacing: -2px;
}

section.main-section.section-common div.header h2{
	margin-top:46px;
	font-size: 36px;
	font-weight: 300;
}
section.main-section.section-common div.header p.nf{
	font-style:italic;
	color:inherit;
}

section.main-section.section-common div.header h1 span.highlight{
	text-transform: none;
	font-weight: 900;
}
section.main-section.section-common div.body{
	margin-bottom: 50px;
}
section.main-section.section-common div.body p{
	text-align: left;
}
section.main-section.section-common div.body p.first{
	margin-bottom: 36px;
}
section.main-section.section-common div.body ul{
	text-align: left;
	margin-left: 22px;
}
section.main-section.section-common div.body ul li{
	margin-bottom: 16px;
}

section.main-section.section-common div.body p,
section.main-section.section-common div.body img,
section.main-section.section-common div.body ul{
	margin-bottom: 15px;
}
section.main-section.section-common div.body img.padding{
	padding:20px 0 40px 0;
}

section.main-section.section-common div.body .mb-x2{
	margin-bottom: 30px;
}
section.main-section.section-common div.body .mb-x3{
	margin-bottom: 45px;
}
section.main-section.section-common div.body .mb-x4{
	margin-bottom:60px;
}

section.main-section.section-common div.body div.large-6.columns{
	/*padding-left: 40px;
	padding-right: 40px;*/
}


@media only screen and (max-width: 64em) {
	section.main-section.section-common div.header h1{
		font-size: 45px;
	}
}
@media only screen and (max-width: 40em) {
	section.main-section.section-common div.header h1{
		font-size: 36px;
	}
	section.main-section.section-common div.header h2{
		font-size: 22px;
	}
}







/* SECTION SLIDES */
section.main-section.section-slides{
	background:#867774;
}

section.main-section.section-slides div.header{
	margin-bottom: 40px;
}
section.main-section.section-slides div.header h1,
section.main-section.section-slides div.header h2{
	color:white;
}

section.main-section.section-slides div.list h1{
	color:white;
	border-bottom: 1px solid white;
}

section.main-section.section-slides div.header h2{
	margin-top:30px;
	/*margin-bottom:50px;*/
}
section.main-section.section-slides .note:before{
	/*border-color: #867774 #867774 #be183d #be183d;
	-webkit-box-shadow: 0 1px 1px rgba(124,0,65,0.3), -1px 1px 1px rgba(124,0,65,0.2) !important;
  -moz-box-shadow: 0 1px 1px rgba(124,0,65,0.3), -1px 1px 1px rgba(124,0,65,0.2) !important;
  box-shadow: 0 1px 1px rgba(124,0,65,0.3), -1px 1px 1px rgba(124,0,65,0.2) !important;*/
}


section.main-section.section-slides div.list ul.pdfs li{
	color:white;
}

section.main-section.section-slides.dark{
	background:#363636;
}


@media only screen and (max-width: 20em) {
	section.main-section{
		padding-top: 30px;
	}
	section.main-section.section-slides div.header {
		margin-bottom:10px;
	}
	section.main-section.section-slides div.header h2 {
		margin-top:10px;
	}
	section.main-section.quizz div.header h2 {
		margin-top:10px;
	}
}



.slider-caption{
	margin-top: 0;

}
.slider-caption h3{
	color:#ed1848;
	font-weight: 700;
	font-style: italic;
	line-height: 0.8;
	margin-bottom: 26px;
}
.slider-caption h3 span.regular{
	color:white;
	font-size: 18px;
}
.slider-caption p{
	color:white;
	padding: 10px;
	line-height: 1.4;
}
div.media {
	width: 100%;
}
div.media iframe.player,
div.media img{
	/*width:800px;*/
	/*height:450px;*/
	max-width:800px;
	max-height: 450px;
}

/*
SLIDES
*/
.slide-item .caption{
	display: none;
}
.slide-item .media{
	position: relative;
	width:100%;
}


.slide-item img{
	height: auto;
}

.slick-dots li{
	margin-bottom: 0 !important;
}


.slider-caption i.photo{
	font-size: 14px;
}

@media only screen and (max-width: 64em) {
	button.slick-arrow{display: none !important;}
}


/* TOOLTIP */
.has-tip{
	color:#65c4ca;
	text-decoration: underline;
	font-weight: inherit;
}
.has-tip:hover{
	color:#65c4ca;
}
.tooltip{
	max-width: 370px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background:#65c4ca;
	padding: 2rem;
}
.tooltip p{
	color:white;
	font-size: 14px;
	line-height: 1.5;
}
.tooltip h4{
	font-weight: 700;
	margin-bottom: 16px;
}

.tooltip > .nub {
    border-color: transparent transparent #65c4ca transparent;
    left:20px;
}

.tooltip.tip-top > .nub {
    border-color: #65c4ca transparent transparent;
    bottom: -10px;
    top: auto;
}



/* LIST */
div.list{
	text-align: left;
}
div.list h1{
	font-size: 24px;
	font-weight: 700;
	color:#5e0029;
	border-bottom: 1px solid #5e0029;
	padding:22px 10px 22px 10px;
}
div.list ul{
	margin-top: 30px;
}
div.list ul.pdfs{
	text-align: right;
}
div.list ul.pdfs li{
	display: inline-table;
	text-align: center;
	width:25%;
	color:#be183d;
	font-size: 14px;
}

div.list ul.pdfs li .note{
	font-size: 15px;
	margin-bottom: 14px;
	font-weight: 700;
	/*-webkit-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;*/
}
div.list ul.pdfs li{
	line-height: 17pt;
}
div.list ul.pdfs li a:hover .note{
	color:white;
	background:#82c7cb;
}
div.list ul.pdfs li a:hover .note:before{
	border-color: #fff #fff #82c7cb #82c7cb;
    background: #82c7cb;
    -webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.3), -1px 1px 1px rgba(255,255,255,0.2);
    -moz-box-shadow: 0 1px 1px rgba(255,255,255,0.3), -1px 1px 1px rgba(255,255,255,0.2);
    box-shadow: 0 1px 1px rgba(255,255,255,0.3), -1px 1px 1px rgba(255,255,255,0.2);
}




section#histoire div.list ul.pdfs li a{
	color:white;
}
section#histoire div.list ul.pdfs li a:hover{
	color:#82c7cb;
}
section#histoire div.list ul.pdfs li a .note:before{
	-webkit-box-shadow: 0 1px 1px rgba(124,0,65,0.3), -1px 1px 1px rgba(124,0,65,0.2);
    -moz-box-shadow: 0 1px 1px rgba(124,0,65,0.3), -1px 1px 1px rgba(124,0,65,0.2);
    box-shadow: 0 1px 1px rgba(124,0,65,0.3), -1px 1px 1px rgba(124,0,65,0.2);
	border-color: #867774 #867774 #ed1848 #ed1848;
}
section#histoire div.list ul.pdfs li a:hover .note:before{
	border-color: #867774 #867774 #82c7cb #82c7cb;
}
div.list ul.links li{
	list-style-type: none;
	padding: 0 auto 40px;
}


div.link{
	text-align: left;
	background:url('../img/arrow-link.png') no-repeat top left transparent;
    margin: 0;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 10px;
    vertical-align: middle;
    line-height: 26px;
    padding-left: 40px;
}

/*div.link a{
	color:#ed1848;
}*/




/* NOTE */
.note {
  position: relative;
  width: 70px;
  padding: 30px 1.5em 30px 1.5em;
  margin: 0 auto 4px;
  color: #fff;
  background: #ed1848;
  overflow: hidden;
  display: table;
}

.note:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-width: 0 16px 16px 0;
  border-style: solid;
  border-color: #fff #fff #be183d #be183d;
  background: #be183d;
  -webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.3), -1px 1px 1px rgba(255,255,255,0.2);
  -moz-box-shadow: 0 1px 1px rgba(255,255,255,0.3), -1px 1px 1px rgba(255,255,255,0.2);
  box-shadow: 0 1px 1px rgba(255,255,255,0.3), -1px 1px 1px rgba(255,255,255,0.2);
  /* Firefox 3.0 damage limitation */
  display: block; width: 0;
}

.note.rounded {
  -moz-border-radius: 5px 0 5px 5px;
  border-radius: 5px 0 5px 5px;
}

.note.rounded:before {
  border-width: 8px;
  border-color: #fff #fff transparent transparent;
  -moz-border-radius: 0 0 0 5px;
  border-radius: 0 0 0 5px;
}


@media only screen and (max-width: 20em) {
	div.list ul.pdfs li{
		width:30%;
		font-size: 12px;
	}
	.note{
		width: 40px;
		padding: 25px 1.2em 25px 1.2em;
	}
	div.list h1 {
		font-size:18px;
	}

	.slider-caption h3 {
		font-size: 18px;
	}
	.slider-caption h3 span.regular{
		font-size: 14px;
	}
	.slider-caption i.photo{
	font-size: 12px;
}

}


/* HEADER */
section#header{
	background: white;
}
section#header header{
	background:#fff url('../img/header-background.png') no-repeat center -50px;
    /*background-size: 100%;*/
    background-origin: 50% 50%;
    max-width:1332px;
    width:100%;
    margin: 0 auto;
}


section#header header .head{
	padding-top:100px;
	margin-bottom: 100px;
	text-align: center;
}


section#header header .head .cgscop-header-logo{
	margin:0 auto;
	margin-bottom: 32px;
}


section#header div.arrow{
	width:130px;
	height:42px;
	margin:0 auto;
	position: relative;
	margin-bottom: 40px;
}
section#header div.arrow img{
	z-index:100;
	text-align: center;
	display: block;
	margin: 0 auto;
	padding-top: 10px;
	position: absolute;
	left: 50px;
}
section#header div.arrow hr{
	z-index:0;
	position: absolute;
	border-color:#867774;
	top:0;
	left:0;
	width:100%;
}

@media only screen and (max-width: 40em) {
	section#header header{
		background-size: 170%;
	}


	section#header header .head{
		padding-top:80px;
		margin-bottom: 40px;
		text-align: center;
	}

	section#header header .cgscop-header-logo{

		height: 200px;
		width:80%;
		background-size:100%;
		/*height:inherit;*/
	}
}

@media only screen and (max-width: 20em) {
	section#header header{
		background-size: 200%;
	}
	section#header header .head{
		padding-top:50px;
		margin-bottom: 20px;
	}
	section#header header .cgscop-header-logo{
		height: 100px;
	}

}


/* FOOTER */
footer#footer{
	background:#f0f6f6;
	padding-top:60px;
	padding-bottom: 160px;
}


footer#footer > .row > .columns{
	border-left: 1px solid #867774;
}

footer#footer > .row > .columns:first-child{
	border-left: none;
}

footer#footer .cgscop-footer-logo{
	/*margin:0 auto;*/
}

footer#footer ul{
	list-style-type: none;
	margin-bottom: 0;
}

footer#footer ul li{
	margin-top: 30px;
}

footer#footer ul li:first-child{
	margin-top: 0;
}

footer#footer ul a,
footer#footer ul li{
	color:#867774;
}

footer div.social{
	display: table;
	margin: 0 auto;
}
footer div.social a.fa{
	font-size:34px;
	color:#f0f6f6;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	padding: 12px;
	background: #867774;
	width: 60px;
    text-align: center;
    margin-left: 28px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
footer div.social a.fa:hover{
	color:#867774;
	background: #f0f6f6;

}
footer div.social a.fa:first-child{
	margin-left: 0;
}

footer#footer ul.nav{
	margin-left:30px;
	padding:60px 0 60px;
}
footer#footer ul.nav li a:hover{
	color:#82c7cb;
}

@media only screen and (max-width: 40em) {
	footer#footer > .row > .columns {
		border-left:0;
	}
	footer#footer ul.nav{
		display: table;
		margin:0 auto;
	}
	footer#footer .cgscop-footer-logo{
		margin:0 auto;
	}
}




section.quizz{
	background:#ed1848;
}
section.quizz h1{
	color:#867774;
}
section.quizz h2,
section.quizz h3,
section.quizz h4,
section.quizz p,
section.quizz input,
section.quizz label,
section.quizz .highlight{
	color:white !important;
}

section.quizz .slick-prev,
section.quizz .slick-next
{
	top:80px;
}
section.quizz ul.answers{
	display: table;
	margin: 0 auto 40px !important;
}

section.quizz .quizz-item{

}

section.quizz .quizz-item h3.question{
	font-size:22px;
	font-weight: 700;
	margin-bottom: 45px;
}

section.main-section.section-common.quizz div.body ul li{
	margin-bottom: 10px;
}


section.main-section.section-common.quizz div.header{
		margin-bottom: 30px;
}

section.quizz div.result h2{
	font-weight: 300;
}

section.quizz div.result h3{
	font-size: 45px;
	font-weight: 700;
	color:#82c7cb!important;
}

section.quizz div.result div.wrong h3{
	color:#867774!important;
}

section.quizz div.result p{
	font-size:22px;
	padding: 0 70px 0 70px;
}

section.quizz div.results,
section.quizz div.results p{
	text-align: center !important;
}
section.quizz div.results .fa{
	display: inline-block;
	font-size: 70px;
	color: #ED1848;
	padding: 25px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #fff;
	width: 120px;
    text-align: center;
    /*margin-left: 28px;*/
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    margin:30px 26px 0 26px;
    border-bottom-color:#fff;

}

section.quizz div.results h1{
	font-size: 48px;
	font-weight: 900;
	color:#82c7cb;
}
section.quizz div.results h2{
	font-size: 36px;
}


section.quizz div.results .fa:before{

}

section.quizz div.results .fa:hover{
	color: #fff;
	background: #ED1848;
}
section.quizz div.results hr.small{
	width:6%;
	margin: 30px auto 30px auto;
}

section.quizz div.results h3{
	font-weight: 700;
	font-size: 36px;
}

section.quizz div.counter{
	color:#fff;
	font-weight: 300;
	font-size: 25px;
	 -webkit-transition: font-size 1s ease-out;
    transition: font-size 1s ease-out;

	/*display: none;*/
}

section.quizz div.counter span{
	font-size: 31px;
}

section.quizz div.counter.big{
	font-size: 90px;
	line-height: 1;
	/*display: none;*/
}
section.quizz div.counter.big span{
	font-size: 160px;
}


section.quizz div.counter + hr.small{
	width:30px;
	margin:5px auto;

}


section.quizz div.quizz-item:not(.results) a.button{
	/*max-width:250px;
	width:250px;*/
	margin:0 auto;
}


section.quizz div.results p{
	padding:0 50px 0 50px;
	font-weight: 300;
	line-height: 1.2;
}

section.quizz div.results a:not(.button):not(.fa){
	color:#867774;
	font-weight: 400;
}







a.grayscale img
{
	filter: url('../js/filters.svg#grayscale'); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(0.95); /* Webkit Nightlies, Google Chrome Canary and Microsoft Edge*/
}

a.grayscale:hover img
{
     filter: none; /* Applies to FF + IE */
	-webkit-filter: grayscale(0);
}


div.input{
	position: relative;
}
div.input label{
	z-index:0;
}
div.input input{
	display: none;
	z-index:1;
}
div.input input + label {
	/*position: absolute;
	top:0;
	left:5px;*/
    color: #000;
    font-size: 24px;
	font-weight:300;
    margin-left:44px;
    padding: 0;
    z-index:0;
}

div.input input + label span {
	position: absolute;
	top:6px;
	left:0;
    display:inline-block;
    width:26px;
    height:26px;
    margin:0 0 0 0;
    vertical-align:middle;
    cursor:pointer;
    border:5px solid white;
}

div.input input[type="radio"] + label span {
	-moz-border-radius:  50%;
    border-radius:  50%;
}



div.input input + label span {
    background-color:white;
}

div.input input:checked + label span{
     background-color:#867774;

}

div.input input + label span,
div.input input:checked + label span {
  -webkit-transition:background-color 0.4s linear;
  -o-transition:background-color 0.4s linear;
  -moz-transition:background-color 0.4s linear;
  transition:background-color 0.4s linear;
}


@media only screen and (max-width: 40em) {
	section.main-section.section-common.quizz div.header{
		margin-bottom:10px;
	}
	section.quizz .quizz-item h3.question{
		font-size: 16px;
		margin-bottom: 12px;
	}
	section.quizz .quizz-item .result{
		margin-top:16px;
	}

	div.input input + label {
		font-size: 16px;
		 margin-left:30px;
	}
	div.input input + label span {
		top:2px;
		width:20px;
		height:20px;
	}
	section.quizz div.result p{
		padding:10px;
		font-size: 14px;
	}
	section.quizz div.result div h3 {
		padding:0;
		margin: 0;
		line-height: 1;
	}
	section.quizz ul.answers{
		margin-bottom: 16px !important;
	}

	a.button{
		padding: 1rem 2rem 1.0625rem;
	}
	section.quizz div.counter.big{
		font-size: 40px;
	}
	section.quizz div.counter.big span {
	    font-size: 60px;
	}
	section.quizz div.counter span {
	    font-size: 40px;
	}

	section.quizz div.results h3{
		font-size: 20px;
	}

	section.quizz div.results h1{
		font-size: 20px;
	}

	section.quizz div.results h2{
		font-size: 16px;
	}
	section.quizz div.results p{
		padding:10px;
	}
}



input:not([type]),
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea {
	border:0;
}


a.button.command{
	margin-top: 40px;
}



/* ENSEIGNANTS */
section.main-section.enseignants-header div.head{
	text-align: center;
	width:400px;
	margin:40px auto;
	margin-bottom: 16px;
}
section.main-section.enseignants-header div.head img{
	display: block;
	margin-bottom:30px;

}

section.main-section.enseignants-form h2,
section.main-section.enseignants-header h2{
	font-size:36px;
	text-align: center;
	font-weight: 300 !important;
	color:#867774;
	letter-spacing:-2;
	line-height: 1.2;
	margin-bottom:30px;

}

section.main-section.enseignants-form h2{
	margin-bottom:60px;
}


@media only screen and (max-width: 20em) {
	section.main-section.enseignants-header div.head{
		width:auto;
	}

	section.main-section.enseignants-form h2{
			font-size:18px;
	}
}

.social.small-block-grid-2.medium-block-grid-4.large-block-grid-4 {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}