#html, body {
	right : 0;
	bottom : 0;
	margin-bottom: 0px;
	left : 0;
	width : 100%;
	height : auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	text-align:center;
	display:inline-block;
	background-color:#131804;
	font-family: 'Comfortaa', cursive;
	background-attachment:fixed;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow-x: hidden;
}


a:link {
	color: #FFFFFF;
	text-decoration : none;
}
a:visited {
	color : #FFFFFF;
	text-decoration : none;
}
a:hover {
color : #D44B07;
text-decoration : none;

}
a:active {
	color : #FFFFFF;
	text-decoration : none;
}
.parent {
	width: 100%;
	text-align: left;
	display:inline-block;
	height: auto;
	color: #092A00;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0%;
	padding-right: 0%;
	
}
h1 {
	width: 90%;
	font-family: 'Comfortaa', cursive;
	font-size: 1.6em;
	text-align: center;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	color: #FFFFFF;
	padding-top: 2%;
	padding-bottom: 2%;
	padding-left: 5%;
	padding-right: 5%;
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin-top: 0%;
	-moz-text-shadow: 0.5px 0.5px 0px #000000;
	-webkit-text-shadow: 0.5px 0.5px 0px #000000;
	text-shadow: 0.5px 0.5px 0px #000000;
}
h2 {
	width: auto;
	font-family: 'Comfortaa', cursive;
	font-size: 1em;
	text-align: center;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	color: #FFFFFF;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
	padding-left: 2%;
	padding-right: 2%;
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin-top: 0%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat:no-repeat;
	margin-bottom: 0%;
	border-radius: 5px;
	background-color: #131804;

}
  h2:hover
{
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-o-transform: scale(0.95);
	transform: scale(0.95);
	color:#D44B07;
}
h2b {
	width: 96%;
	font-family: 'Comfortaa', cursive;
	font-size: 1.3em;
	text-align: left;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	color: #000000;
	padding-top: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
	padding-right: 2%;
	display: inline-block;
	vertical-align: bottom;
	position: relative;
	margin-top: 0%;
	background-image:url(images/black.png);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat:no-repeat;
	margin-bottom: 0%;
-moz-text-shadow: 0.5px 0.5px 0px #000000;
	-webkit-text-shadow: 0.5px 0.5px 0px #000000;
	text-shadow: 0.5px 0.5px 0px #000000;



}
h4 {
	width: 80%;
	font-family: 'Comfortaa', cursive;
	font-size: 2em;
	text-align: right;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	color: #FFFFFF;
	padding-top: 0%;
	padding-bottom: 0%;
	padding-left: 10%;
	padding-right: 10%;
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin-top: 0%;
	margin-bottom: 0%;
	-moz-text-shadow: 1px 1px 1px #274A05;
	-webkit-text-shadow: 1px 1px 1px #274A05;
	text-shadow: 1px 1px 1px #274A05;
	

}
h5 {
	width: 90%;
	font-family: 'Comfortaa', cursive;
	font-size: 1.8em;
	text-align: center;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	color: #FFFFFF;
	padding-top: 2%;
	padding-bottom: 0%;
	padding-left: 5%;
	padding-right: 5%;
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin-top: 0%;
	-moz-text-shadow: 0.5px 0.5px 0px #000000;
	-webkit-text-shadow: 0.5px 0.5px 0px #000000;
	text-shadow: 0.5px 0.5px 0px #000000;
}
.btnholder {
	width: 100%;
	font-family: 'Arimo', serif;
	font-size: 0.9em;
	text-align: right;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	color: #2A3D5B;
	padding-top: 0%;
	padding-bottom: 0%;
	padding-left: 0%;
	padding-right: 0%;
	display: inline-block;
	position: relative;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-bottom: 0px;
	vertical-align: top;
	margin-top: 2%;
}
.btnholder img{
    border-radius: 15px;
	-moz-box-shadow: 1px 1px 2px #F3BE17;
	-webkit-box-shadow: 1px 1px 2px #F3BE17;
	box-shadow: 1px 1px 2px #F3BE17;
}
.btnholder img:hover{
opacity : 0.8;
}
.conteneur {
	width: 100%;
	font-family: 'Comfortaa', cursive;
	font-size: 3em;
	text-align: center;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	color: #FFFFFF;
	padding-top: 2%;
	padding-bottom: 2%;
	padding-left: 0%;
	padding-right: 0%;
	display: inline-block;
	position: relative;
	background-image:url(images/red.png);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-bottom: 0px;
	vertical-align: top;
	margin-top: 0%;
}
.conteneur img{
    border-radius: 15px;
	-moz-box-shadow: 1px 1px 2px #F3BE17;
	-webkit-box-shadow: 1px 1px 2px #F3BE17;
	box-shadow: 1px 1px 2px #F3BE17;
}
.conteneur img:hover{
opacity : 0.8;
}

::-webkit-scrollbar {
    height: 112px;
	width: 8px;
	background: #092A00;
    }
::-webkit-scrollbar-thumb {
    background: #131804;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
		border-radius: 3px;
}
::-webkit-scrollbar-corner {
    background: #092A00;
}
.option {
background-image:url(images/index-top.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	height: auto;
	text-align: center; /* !!! */
	vertical-align: top;
	display:inline-block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-top: 2%;
	padding-bottom: 2%;
	margin-bottom: 0px;
	padding-left: 0%;
	padding-right: 0%;
	margin-top: 0px;
}

.option2 {
	width: 100%;
	height: auto;
	text-align: center; /* !!! */
	vertical-align: top;
	display:inline-block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-top: 0%;
	padding-bottom: 3%;
	margin-bottom: 0px;
	padding-left: 0%;
	padding-right: 0%;
	margin-top: 0%;
	-moz-box-shadow: 3px 3px 4px #777777;
	-webkit-box-shadow: 3px 3px 4px #777777;
	box-shadow: 3px 3px 4px #777777; /* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777777')";
}

.optioninner {
font-size:18px;
	width:90%;
	height: auto;
	min-height: 400px;
	text-align: left; /* !!! */
	vertical-align: top;
	display:inline-block;
	margin-left:3%;
	margin-right: 3%;
	margin-bottom: 2%;
	margin-top: 0%;
	position: relative;
	padding-top: 0%;
	padding-bottom: 2%;
	padding-right: 0%;
	padding-left: 0%;
	-moz-box-shadow: 3px 3px 4px #131804;
	-webkit-box-shadow: 3px 3px 4px #131804;
	box-shadow: 3px 3px 4px #131804;
	background-image:url(images/01.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: -webkit-transform 0.5s ease;
-moz-transition: -moz-transform 0.5s ease;
transition: transform 0.5s ease;
}
  .optioninner:hover
{
-webkit-transform: scale(0.98);
-moz-transform: scale(0.98);
-o-transform: scale(0.98);
transform: scale(0.98);

}
.optioninner2 {
font-size:18px;
	width:90%;
	height: auto;
	min-height: 400px;
	text-align: left; /* !!! */
	vertical-align: top;
	display:inline-block;
	margin-left:3%;
	margin-right: 3%;
	margin-bottom: 2%;
	margin-top: 0%;
	position: relative;
	padding-top: 0%;
	padding-bottom: 2%;
	padding-right: 0%;
	padding-left: 0%;
	-moz-box-shadow: 3px 3px 4px #131804;
	-webkit-box-shadow: 3px 3px 4px #131804;
	box-shadow: 3px 3px 4px #131804;
	background-image:url(images/014.jpg);
		-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-transition: -webkit-transform 0.5s ease;
-moz-transition: -moz-transform 0.5s ease;
transition: transform 0.5s ease;
}
  .optioninner2:hover
{
-webkit-transform: scale(0.98);
-moz-transform: scale(0.98);
-o-transform: scale(0.98);
transform: scale(0.98);

}
  .optioninner2 img:hover
{
background-color:#6A7C88;
}
.optioninner3 {
font-size:18px;
	width:90%;
	height: auto;
	min-height: 400px;
	text-align: left; /* !!! */
	vertical-align: top;
	display:inline-block;
	margin-left:3%;
	margin-right: 3%;
	margin-bottom: 2%;
	margin-top: 2%;
	position: relative;
	padding-top: 0%;
	padding-bottom: 2%;
	padding-right: 0%;
	padding-left: 0%;
	-moz-box-shadow: 3px 3px 4px #131804;
	-webkit-box-shadow: 3px 3px 4px #131804;
	box-shadow: 3px 3px 4px #131804;
	background-image:url(images/015.jpg);
		-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-transition: -webkit-transform 0.5s ease;
-moz-transition: -moz-transform 0.5s ease;
transition: transform 0.5s ease;
}
  .optioninner3:hover
{
-webkit-transform: scale(0.98);
-moz-transform: scale(0.98);
-o-transform: scale(0.98);
transform: scale(0.98);

}
  .optioninner3:hover
{

}
.optioninner4 {
font-size:18px;
	width:90%;
	height: auto;
	min-height: 400px;
	text-align: left; /* !!! */
	vertical-align: top;
	display:inline-block;
	margin-left:3%;
	margin-right: 3%;
	margin-bottom: 2%;
	margin-top: 2%;
	position: relative;
	padding-top: 0%;
	padding-bottom: 2%;
	padding-right: 0%;
	padding-left: 0%;
	-moz-box-shadow: 3px 3px 4px #131804;
	-webkit-box-shadow: 3px 3px 4px #131804;
	box-shadow: 3px 3px 4px #131804;
	background-image:url(images/016.jpg);
		-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-transition: -webkit-transform 0.5s ease;
-moz-transition: -moz-transform 0.5s ease;
transition: transform 0.5s ease;
}
  .optioninner4:hover
{
-webkit-transform: scale(0.98);
-moz-transform: scale(0.98);
-o-transform: scale(0.98);
transform: scale(0.98);

}
  .optioninner4:hover
{

}
.webmastergc{
	width: 90%;
	height: auto;
	text-align: center; /* !!! */
	vertical-align: top;
	display:inline-block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-top: 3%;
	padding-bottom: 3%;
	margin-bottom: 0%;
	font-family: 'Arimo', serif;
	font-size: 0.8em;
	color: #FFFFFF;
	padding-left: 5%;
	padding-right: 5%;
	margin-top: 0px;
}
.footer {
	font-family: 'Comfortaa', cursive;
	text-align: center;
	color:#E56536;
	font-size:0.5em;
	margin-bottom: 0%;
	padding-top: 0%;
	padding-bottom: 0%;
	margin-top: 0px;
	width: 100%;
	vertical-align: top;
}
.footer img{
	padding-right: 1%;
	padding-left: 1%;
}
.footertop {
	font-family: 'Arimo', serif;
	text-align: center;
	color:#376468;
	font-size:0.6em;
	margin-bottom: 0%;
	padding-top: 0%;
	padding-bottom: 3%;
	margin-top: 0px;
	width: 100%;
	vertical-align: top;
	height: auto;
}
.footer2 {
	font-family: 'Comfortaa', cursive;
	text-align: center;
	color:#FFFFFF;
	font-size:1em;
	margin-bottom: 1px;
	padding-top: 1.5%;
	padding-bottom: 1.5%;
	margin-top: 3px;
	width: 100%;
	vertical-align: top;
	height: auto;
	font-size: 1.5em;
	margin-right: auto;
	margin-left: auto;
	padding-left: 0%;
	padding-right: 0%;
	-moz-text-shadow: 1px 1px 1px #274A05;
	-webkit-text-shadow: 1px 1px 1px #274A05;
	text-shadow: 1px 1px 1px #274A05;
		background-image:url(images/red.png);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-moz-box-shadow: 3px 3px 4px #131804;
	-webkit-box-shadow: 3px 3px 4px #131804;
	box-shadow: 3px 3px 4px #131804;
}
.footer3 {
	font-family: 'Arimo', serif;
	text-align: center;
	color:#376468;
	font-size:0.6em;
	margin-bottom: 0px;
	padding-top: 30%;
	padding-bottom: 30%;
	margin-top: 0px;
	width: 100%;
	vertical-align: top;
	height: auto;
	background-image: url(images/01.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
		-moz-box-shadow: 3px 3px 4px #000000;
	-webkit-box-shadow: 3px 3px 4px #000000;
	box-shadow: 3px 3px 4px #000000;
}
.footer4 {
	font-family: 'Comfortaa', cursive;
	text-align: center;
	color:#121212;
	font-size:1em;
	margin-bottom: 0px;
	padding-top: 0%;
	padding-bottom: 1%;
	margin-top: 0%;
	width: 100%;
	vertical-align: top;
	height: auto;
	border-radius: 2px;
}
.footer2 img{
	padding-right: 1%;
	padding-left: 1%;
}
.fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
		background-image: url(images/index-top.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
	background-size: contain;
}
video {
  background-image: 
  background-size: contain;
}
.medias {
	font-family: 'Arimo', serif;
	text-align: left;
	margin-bottom: 0%;
	padding-top: 3%;
	padding-bottom: 0%;
	margin-top: 0px;
	width: 80%;
	vertical-align: top;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10%;
	padding-right: 10%;
}
.medias img{
	padding-left: 0.5%;
	padding-right: 0.5%;
	
}
h3 {
	font-family: 'Comfortaa', cursive;
	color: #FFFFFF;
	font-size:5em;
	margin-bottom:0%;
	margin-bottom: 1%;
	padding-top: 0%;
	margin-top: 0px;
	padding-left: 3%;
	padding-right: 3%;
}
h3:hover
{
-webkit-transform: scale(0.98);
-moz-transform: scale(0.98);
-o-transform: scale(0.98);
transform: scale(0.98);
opacity: 0.9;
}
@media screen and (max-width: 880px) {
.optioninner {
width:100%;
margin-right: auto;
margin-left: auto;
}
.optioninner2 {
width:100%;
margin-right: auto;
margin-left: auto;
}
.optioninner3 {
width:100%;
margin-right: auto;
margin-left: auto;
}
.optioninner4 {
width:100%;
margin-right: auto;
margin-left: auto;
}
.option {
width:100%;
}
.footer2 {
	font-size:0.5em;
	padding-left: 20%;
	padding-right: 20%;
	width: 60%;
}
h2 {
    width: 90%;
	padding-top: 10%;
	padding-bottom: 2%;
	margin-bottom: 2px;
	margin-top: 4px;
	text-align:left;4
	color:#FF7019;
	padding-left: 5%;
	padding-right: 5%;
	font-size: 1.5em;

}
h2b {
    width: 90%;
	padding-top: 5%;
	padding-bottom: 4%;
	margin-bottom: 2px;
	text-align:left;4
	color:#FFFFFF;
	padding-left: 5%;
	padding-right: 5%;
	font-size: 0.6;
}
h4 {
width: 100%;
	padding-top: 6%;
	padding-bottom: 2%;
	margin-left: auto;
	text-align:center;
	margin-right: auto;
	padding-left: 0%;
	padding-right: 0%;
	font-size: 2em;
}
.btnholder {
	background-color:#CCCCCC;
	color:#FFFFFF;
	}
	.medias img{
  width: 70%;
  height: 70%;
  padding-left: 0%;
	padding-right: 0%;
}
.medias {
  	padding-top: 5%;
	padding-bottom: 5%;
	text-align: center;
}
.conteneur {
	background-color:#CCCCCC;
	font-size:1.6em;
	padding-top: 5%;
	padding-bottom: 5%;
	}
	h5 {
	font-size:1.2em;
	padding-top: 3%;

}

}
@media screen and (max-width: 380px) {
.btnholder {
	width: 100%;
	font-family: 'Arimo', serif;
	font-size: 0.8em;
	text-align: center;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	color: #2A3D5B;
	padding-bottom: 0%;
	padding-left: 0%;
	padding-right: 0%;
	position: relative;
	margin-bottom: 0px;
	vertical-align: top;
}

.footer2 {
	padding-top: 4%;
	padding-bottom: 4%;
	padding-left: 5%;
	padding-right: 5%;
	width: 90%;
	font-size:0.6em;
}
.footer4 {
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 5%;
	padding-right: 5%;
	width: 90%;
}
.parent {
	width: 100%;
	text-align: center;
	
}

.parent img{
	width: 30%;
	height: 30%;
	
}
h3 {
	font-size:3em;

}

h4 {
text-align: center;
font-size:0.8em;
padding-top: 2%;
padding-bottom: 2%;
width: 86%;


}
h1 {
	font-size:1em;

}

a:link {
with 100%;
}

h2 img {
  width: 70%;
  height: 70%;
}

}