/*
*
* style.css
*
*/

/* Fonts Personnalisées */
@font-face {
    font-family: 'Cantarell';
    src: url('./fonts/cantarell/cantarell.eot');
    src: url('./fonts/cantarell/cantarell.eot?#iefix') format('embedded-opentype'),
         url('./fonts/cantarell/cantarell.woff') format('woff'),
         url('./fonts/cantarell/cantarell.ttf') format('truetype'),
         url('./fonts/cantarell/cantarell.svg#Cantarell') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Exo';
    src: url('./fonts/exo/exo.eot');
    src: url('./fonts/exo/exo.eot?#iefix') format('embedded-opentype'),
         url('./fonts/exo/exo.woff') format('woff'),
         url('./fonts/exo/exo.ttf') format('truetype'),
         url('./fonts/exo/exo.svg#Exo') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ExoBold';
    src: url('./fonts/exo/exo-bold.eot');
    src: url('./fonts/exo/exo-bold.eot?#iefix') format('embedded-opentype'),
         url('./fonts/exo/exo-bold.woff') format('woff'),
         url('./fonts/exo/exo-bold.ttf') format('truetype'),
         url('./fonts/exo/exo-bold.svg#ExoBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ExoLight';
    src: url('./fonts/exo/exo-light.eot');
    src: url('./fonts/exo/exo-light.eot?#iefix') format('embedded-opentype'),
         url('./fonts/exo/exo-light.woff') format('woff'),
         url('./fonts/exo/exo-light.ttf') format('truetype'),
         url('./fonts/exo/exo-light.svg#ExoLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ExoLight-Italic';
    src: url('./fonts/exo/exo-light-italic.eot');
    src: url('./fonts/exo/exo-light-italic.eot?#iefix') format('embedded-opentype'),
         url('./fonts/exo/exo-light-italic.woff') format('woff'),
         url('./fonts/exo/exo-light-italic.ttf') format('truetype'),
         url('./fonts/exo/exo-light-italic.svg#ExoLight-Italic') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Signika';
    src: url('./fonts/signika/signika-regular.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SignikaBold';
    src: url('./fonts/signika/signika-bold.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SignikaLight';
    src: url('./fonts/signika/signika-light.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SignikaSemibold';
    src: url('./fonts/signika/signika-semibold.otf');
    font-weight: normal;
    font-style: normal;
}



/* GLOBAL */
* {
	margin : 0px;
	padding : 0px;
	border : 0px;
	list-style: none;
}

html {
	font-family : SignikaLight;
	font-size : 1em;
	color : #222;
}

.page {
	clear : both;
	display : block;
	margin : 0px 0px 0px 0px;
	padding : 10px 10px 10px 10px;
	width : 100%;
	/*aspect-ratio : 2.5 / 1;*/

}


.centeredElement {
	display: flex;
	align-items: center;
	justify-content: center;

}


/* TEXTES */
h1 {
	font-family : ExoBold;
	font-size : 2em;
}


a {
	text-decoration : none;
	color : #447009; 
}

a:hover {
	text-decoration : underline;
}

/* Text Color */
.white {
	color : #fff;
}
.red{
  color : #A52A2A;
}

.green{
  color : #6fad1c;
}

.grey1{
  color : #555;
}


/* Background Colors */
.bg-green {
  background-color : #6fad1c;

}
.bg-green2 {
  background-color : #4F7942;
}



.bg-clearblue {
  background-color : #D9EEE1;

}




/* Common radius */
.radius-5px {
	border-radius: 5px 5px 5px 5px;
}


/* FORMS */

input {

	border : 2px solid #ccc;
	border-radius: 5px 5px;
	
}

button {
	border : 1px transparent;
	border-radius: 2px 2px;
	padding : 5px 10px;
}

input[type="submit"]:disabled {
    cursor : not-allowed;
}


input[type=checkbox] {
         position: relative;
	 cursor: pointer;
	 margin : 0px 15px 0px 0px;
    }
input[type=checkbox]:before {
         content: "";
         display: block;
         position: absolute;
         width: 20px;
         height: 20px;
         top: -3px;
         left: 0;
         background-color:#bbb;
}


input[type=checkbox]:hover:before {
         background-color:#395e06;
}

input[type=checkbox]:checked:hover:before {
         background-color:#395e06;
}

input[type=checkbox]:checked:before {
         content: "";
         display: block;
         position: absolute;
         width: 20px;
         height: 20px;
         top: -3px;
         left: 0;
         background-color:#6fad1c;
}
input[type=checkbox]:checked:after {
         content: "";
         display: block;
         width: 5px;
         height: 10px;
         border: solid #fff;
         border-width: 0 2px 2px 0;
         -webkit-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
         transform: rotate(45deg);
         position: absolute;
         top: -1px;
         left: 6px;
}





.form-label1 {
	text-align : right;
	padding : 0px 5px 0px 0px;
}

.form-text1 {
  	font-size : 1.1em;
  	padding : 10px;
	border : 2px solid #ccc;
	border-radius: 5px 5px;
}

.form-button1:hover, .form-button2:hover , .form-button3:hover   {
	cursor : pointer;
}

.form-button1 {
	padding : 5px 10px;
  	color : #fff;
  	font-size : 1.1em;
  	border : 0px;
}



.form-text2 {
  	font-size : 0.9em;
  	padding : 5px;
}



.form-button2 {
	padding : 7px;
	background-color : #6fad1c;
  	color : #fff;
  	font-size : 0.9em;
  	border : 0px;
}
.form-button2:hover {
	background-color : #395e06;

}


.form-button3 {
	padding : 10px 15px;
	background-color : #6fad1c;
  	color : #fff;
  	font-size : 1.1em;
  	border : 0px;
}


input[type="submit"].form-button1:disabled, input[type="submit"].form-button2:disabled, input[type="submit"].form-button3:disabled{
	background-color : #95c654;
  	color : #fff;
}


/* L'inscription */

#registerForm-password-ctrl span, #pswdrecoveryForm-password-ctrl span {
	font-size : 0.9em;
	padding : 0px 5px 0px 0px;
	color : #555;
}
#registerForm-password-ctrl span.nogood, #pswdrecoveryForm-password-ctrl span.nogood {
	color : #555;
}

#registerForm-password-ctrl span.isgood, #pswdrecoveryForm-password-ctrl span.isgood {
	color : #6fad1c;
}


.form-forbidenlink {
	text-align : center;
	font-size : 0.9em;
}


/*MAP*/
/*#map {

  background: #fff;
  padding: 0px;
  position: relative;
}

#map,
#map::before,
#map::after {
  box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
  border: 1px solid #bbb;
}

#map::before,
#map::after {
  content: "";
  position: absolute;
  height: 95%;
  width: 99%;
  background-color: #eee;
}

#map::before {
  right: 15px;
  top: 0;
  transform: rotate(-1deg);
  z-index: -1;
}

#map::after {
  top: 5px;
  right: -5px;
  transform: rotate(1deg);
  z-index: -2;
}*/
/*
#map {
border: solid 2px #aaa;
border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
background : url(imgs/map-bg1.png) no-repeat center;
background-size: contain;

}*/
.my-text {
text-shadow:2px 2px 1px #ccc;


}


/* FOOTER */
#footer {
	clear : both;
	display : block;
	width : 100%;
	background-color : #444;
	color : #fff;
	padding : 20px 0px 20px 0px;
	text-align : center;
	font-size : 0.9em;
}
#footer a{
	color : #f57900;
}