@charset "utf-8";

/* www.alexandre.cc */

a, article, aside, blockquote, body, button, div, em, footer, form, h1, h2, h3, h4, h5, header, hr, img, input, li, main, nav, p, section, span, strike, strong, textarea, ul{
	padding:0;
	margin:0;
	border:0;
	list-style:none;
	outline:none;
	font-family: 'Roboto', sans-serif;
	font-size:1.4rem;
	font-weight:400;
	color:#000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background:none;
}

html, body{
	width:100%;
	min-height:100%;
	font-size:62.5%;
}

img{ max-width: 100%;}
a{ text-decoration:none; color:#000;}
a:hover{ text-decoration:none;}

::selection{ background:#00ffde; color:#000;}
::-moz-selection{ background:#00ffde; color:#000;}

input{ -webkit-appearance: none;}


/* OUVRIR - FERMER */

#menu, section#contacter #fermer{
	display:none;
	z-index:5;
	top:0;
	position:fixed;
	width:60px;
	height:50px;
	padding:20px 19px;
	cursor:pointer;
}
section#contacter #fermer{
	z-index:3;
	top:80px;
	right:15%;
	margin:-12px -20px 0 0;
}
#menu div, section#contacter #fermer div{
	float:left;
	width:100%;
}
#menu:hover div, section#contacter #fermer:hover div{
	-ms-transform:rotate(90deg); 
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
}
.ouvrir span, .fermer span, .encours span, section#contacter #fermer span{
	float:left;
	width:100%;
	height:2px;
	margin:0 0 6px 0;
	background:#000;
	overflow:hidden;
}
.ouvrir span.deux, .fermer span.deux, .encours span.deux, section#contacter #fermer div span.deux{ margin-bottom:0;}

.fermer div, .encours div, section#contacter #fermer div{ padding:2px; margin:-3px 0 0 0;}
.fermer div span, .encours div span, section#contacter #fermer div span{ height:3px;}
.fermer div span.un, .encours div span.un, section#contacter #fermer div span.un{
	margin-top:5px;
	-ms-transform:rotate(135deg); 
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
}
.fermer div span.deux, .encours div span.deux, section#contacter #fermer div span.deux{
	margin-top:-9px;
	 -ms-transform:rotate(-135deg); 
	-webkit-transform:rotate(-135deg);
	transform:rotate(-135deg);
}




#logo{
	position: absolute;
	top: 50%;
	width: 100%;
	margin: -80px 0 0;
	padding: 0 5%;
	text-align: center;
	color: #164193;
}
#logo, #logo a{ font-size: 1.6rem;}
#logo a{ color: #00a0c5;}
#logo a:hover{ color: #51bab4;}
#logo img{
	display: inline-block;
	width: 300px;
	margin-bottom: 10px;
}







/* MAX-WIDTH */

@media only screen and (max-width : 1799px) {
	
}
@media only screen and (max-width : 1699px) {
	
}
@media only screen and (max-width : 1599px) {
	
	html, body{ font-size:62%;}
	
}
@media only screen and (max-width : 1499px) {
	
	html, body{ font-size:61%;}
	
}
@media only screen and (max-width : 1399px) {
	
	html, body{ font-size:60%;}
	
}
@media only screen and (max-width : 1299px) {
	
	html, body{ font-size:59%;}
	
}
@media only screen and (max-width : 1199px) {
	
	html, body{ font-size:58%;}
	
}
@media only screen and (max-width : 1099px) {
	
	html, body{ font-size:57%;}
}
@media only screen and (max-width : 999px) {
	
	html, body{ font-size:56%;}
}
@media only screen and (max-width : 899px) {
	
	html, body{ font-size:55%;}
	
}
@media only screen and (max-width : 799px) {
	
	html, body{ font-size:54%;}
	
	#menu{ display:block;}
	#logo{ padding: 0 5%;}
}
@media only screen and (max-width : 699px) {
	
}
@media only screen and (max-width : 599px) {
	
	html, body{ font-size:53%;}
}
@media only screen and (max-width : 499px) {
	
}
@media only screen and (max-width : 399px) {
	
	html, body{ font-size:52%;}
}
@media only screen and (max-width : 299px) {
	
	html, body{ font-size:50%;}
}



/* GÉNÉRALES */

.background-cover{
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	-webkit-background-size:cover;
}

.t33{-webkit-transition: all 0.33s cubic-bezier(0.86, 0, 0.07, 1);-moz-transition: all 0.33s cubic-bezier(0.86, 0, 0.07, 1); -ms-transition: all 0.33s cubic-bezier(0.86, 0, 0.07, 1); -o-transition: all 0.33s cubic-bezier(0.86, 0, 0.07, 1); transition: all 0.33s cubic-bezier(0.86, 0, 0.07, 1);}
.t50{-webkit-transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);-moz-transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1); -ms-transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1); -o-transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1); transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);}


/* OPEN SANS */

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTQ7aC6SjiAOpAWOKfJDfVRY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTRdwxCXfZpKo5kWAx_74bHs.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTZ6vnaPZw6nYDxM4SVEMFKg.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTfy1_HTwRwgtl1cPga3Fy3Y.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTfgrLsWo7Jk1KvZser0olKY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTYjoYw3YTyktCCer_ilOlhE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTRampu5_7CjHW5spxoeN3Vs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01m4X0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5UYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAoX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEEYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzA7aC6SjiAOpAWOKfJDfVRY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBdwxCXfZpKo5kWAx_74bHs.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJ6vnaPZw6nYDxM4SVEMFKg.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzPy1_HTwRwgtl1cPga3Fy3Y.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzPgrLsWo7Jk1KvZser0olKY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzIjoYw3YTyktCCer_ilOlhE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBampu5_7CjHW5spxoeN3Vs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}