*{
	margin: 0px;
	font-weight: 100;
}
body{
	background-color: black;
	scrollbar-width: thin;
	scrollbar-color: #ff9e00 #ececec;
	font-family: 'Roboto', sans-serif;


}


.a{
	height: 100vh;
	width: 100%;
	position: absolute;
	bottom: 0px;
	background-image: url("img/1.jpg");
	background-color: black;
	background-size: cover;
	background-position: left;
	background-attachment: fixed;
	z-index: 1;
}
.topb{
	background-image: url("img/trb.png");
	width: 100%;
	position: absolute;
	top: 0px;
	color:white;
	display: block;
	z-index: 2;
}
.flex{
	display: inline-flex;
	flex-wrap: wrap;
	max-width: 50vw;
	align-items: center;


}
.nam{
	font-size: 7.5vh;
	display: inline-block;
	font-weight: 400;
	text-shadow: 0px 0px 1px black;
}
.nam2{
	font-size: 7.5vh;
	display: inline-block;
	margin-left: 1.2vw;
	font-weight: 400;
	text-shadow: 0px 0px 1px black;
}
.nam3{
	font-size: 7.5vh;
	display: inline-block;
	margin-left: 1.2vw;
	color: #f0c10f;
	font-weight: 700;
	text-shadow: 0px 0px 1px black;
}
.logo{
	width: 14vh;
	margin: 1vh;
}


.numb{
	font-size: 5vh;
	display: inline-block;
	position: absolute;
	right: .3em;
	top: 50%;
	transform: translate(0,-50%);


}
.telt{
	height: 6vh;
	margin-right: 1vw;
}
.uptel{
	display: inline-block;
	text-decoration:none;
	color: white;
	font-size: 4.7vh;
	position: relative;
	bottom: 1vh;
	right: 1vw;
	font-weight: 300;
	text-shadow: 0px 0px 1px black;

}

.barb{
	padding-top: 3px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	background-image: url("img/trb.png");
	background-size: cover;
	color: white;
}
.h2t{
	font-size: 5.5vh;
	text-align: center;
	font-weight: 300;
	text-shadow: 0px 0px 1px black;
}
.h3t{
	font-size: 5vh;
	text-align: center;
	font-weight: 300;
	text-shadow: 0px 0px 1px black;
}
.sbrb{
	height: 10.5vh;
}
.arrow{
	width:9vh;
	position: absolute;
	bottom: 1.5vh;
	left: 50%;
	transform: translate(-50%,0);
}
.arrow2{
	width:9vh;
	display: block;
	margin: auto;
}









.b{
	height: 85vh;
	width: 100%;
	background-color: black;
}
.c1{
	height: 65vh;
	width: 100%;
	display: block;
	position: relative;
}
.c1a{
	height: 65vh;
	width: 50%;
	display: inline-block;
	position: absolute;
	right: 0px;
	bottom: 0px;

}

.c1g{
	height: 50vh;
	width: 50%;
	background-color: black;
	display: inline-block;
	position: absolute;
	left: 0px;
	bottom: 0px;

}
.c1gt{
	width: 100%;
	font-size: 4vh;
	text-align: center;
	color: white;
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
	display: inline-block;



}
.c2gt{
	width: 100%;
	font-size: 4vh;
	text-align: center;
	color: white;
	position: absolute;
	top: 52%;
	transform: translate(0,-50%);
	display: inline-block;



}
.c1d{
	
	height: 65vh;
	width: 100%;
	background-image: url("img/2.jpg");
	background-size: cover;
	display: inline-block;
	background-position:center;


}
.c2{
	width: 100%;
	height: 50vh;
	background-image: url("img/3.jpg");
	background-size: cover;
	background-position: center center;
	display: block;
	position: relative;
	overflow: hidden;
}
.c2bl{
		width: 100%;
		position: absolute;
		top: 50%;
		transform: translate(0,-50%);
		text-align: center; 
		font-size: 3vw;
		color: white;
		text-shadow: -1px -1px 2px black, 1px 1px 2px black,  0px 0px 1px black, -1px -1px 2px black, 1px 1px 2px black,  0px 0px 1px black;

}
.c2ta{
	width: 20%;
	display: inline-block;
	font-weight: 100;
}
.img4{
	max-width: 80%;
	height: 14vw;
	max-height: 23vh;

}
.c3{
	width: 100%;
	height: 50vh;
	position: relative;
}
.c3tg{
	height: 50vh;
	width: 50%;
	background-image: url("img/4.jpg");
	background-size: cover;
	background-position: center;

}
.c3td{
	height: 50vh;
	width: 50%;
	background-color: black;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.c3bg{
	float: left;
	height: 50vh;
	width: 50%;
	background-color: black;
	text-align: center;
	color: white;
	position: relative;
}

.tt{
	font-size: 4vh;
	color: #f0c10f;
	margin-bottom: 2vh;
	text-align: center;
	padding: 6px;
}


.img5{
	height:5vw;
	margin-right: 1vw;
}

.logob{
	position: absolute;
	right: 2px;
	top: 55%;
	transform: translate(0,-50%);
	max-height: 50vh;
}
.img6{
	height: 13vh;
	margin-left: 1vw;
	position: relative;
	bottom: -1vh;
}
.c4{
	color: white;
	width: 80%;
	margin: auto;
	display: block;

	
}
.expc{
	font-size: 5vw;
	text-align: center;
	margin-bottom: 5vh;
	font-weight: 300;
}
.qvh{
	display: block;
	position: relative;
}
.lb{
	display: inline-block;
	width: 50%;
	text-align: center;
}
.rb{

	height: 100%;
	width: 50%;
	background-image: url("img/logo.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	right: 0;

}
.nom{
	color: white;
	margin:10px 0;
	font-size: 4vw;
	display: block;
}
.abb{
	display: block;
}
.mail{
	margin:10px 0;
	font-size: 1.8vw;
	color: white;
	display: inline-block;
	position: relative;
	bottom: 0.8vw;
}
.phoneb{
	margin:10px 0;
	font-size: 3vw;
	color: white;
	display: inline-block;
	position: relative;
	bottom: 1vw;
}
.suivez{
	font-size: 3vw;
	display: inline-block;
	color: white;
	position: relative;
	bottom: 1.6vw;
}
.imgggg{
	height: 3vw;
}
.facel{
	width: 17%;
}
.logb{
	display: none;
	width: 100%;
}


.c4bd{
	display: inline-block;
	width: 70%;
	margin: 0 auto;
	background-color: black;
	position: relative;
	text-align: center;

}



.gooby{
	height: 100vh;
	width: 100%;
	background-image: url("img/f.jpg");
	background-repeat: no-repeat;
	background-color: black;
	background-size: contain;
	background-position: center;
	background-attachment:fixed;
}
.putt{
		overflow-y: auto;
		text-align: center;
}


.satan{
	background-color: black;
	color: white;
	text-align: center;
}

.zi{
	z-index: 1;
}
input {
		font-size: 20px;
		font-weight: 100;
}
textarea { 
	font-size: 22px;
	font-weight: 100;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px  #ececec; 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #ff9e00; 

}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: black;
  opacity: 0.8;
  font-weight: 100;
}
::-moz-placeholder { /* Firefox 19+ */
  color: black;
  opacity: 0.8;
  font-weight: 100;
}
:-ms-input-placeholder { /* IE 10+ */
  color: black;
  opacity: 0.8;
  font-weight: 100;
}
:-moz-placeholder { /* Firefox 18- */
  color: black;
  opacity: 0.8;
  font-weight: 100;
}
.visuallyhidden{
	display: none;
}

.img7{
	height: 13%;
	max-width: 90%;
	display: block;
	margin: 5px auto;
}

.btsp{
	height: 25vh;
	width: 100%;
	display: block;
}
.btspp{
	height: 25vh;
	width: 100%;
	display: block;
}



.block{
	display: block;
	width: 100%;
}



 /* Style inputs, select elements and textareas */
input[type=text], select, textarea{
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}

/* Style the label to display next to the inputs */
label {
  padding: 12px 12px 12px 0;
  display: inline-block;
}

/* Style the submit button */
input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
  margin-top: 12px;
}

/* Style the container */
.container {
  border-radius: 5px;
  background-color: black;
  padding: 20px;
  margin: 0 10%;
}

/* Floating column for inputs: 75% width */
.col-75 {
  float: left;
  width: 100%;
  margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}


@supports (-webkit-touch-callout: none) {
.gooby{
	height: 100vh;
	width: 100%;
	background-image: url("img/f.jpg");
	background-color: black;
	background-size: 100%;
	background-position: center;
	background-attachment: scroll;
	overflow: hidden;
}
.a{
	height: 100vh;
	width: 100%;
	position: absolute;
	bottom: 0px;
	background-image: url("img/1.jpg");
	background-color: black;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	background-size: cover;
	background-position: left;
	background-attachment: scroll;
	z-index: 1;
}
}






@media all and (orientation:portrait) {

.a{
	height: 100vh;
	width: 100%;
	position: absolute;
	bottom: 0px;
	background-image: url("img/1.jpg");
	background-color: black;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	background-size: cover;
	background-position: left;
	background-attachment: scroll;
	z-index: 1;
}

.flex{
	max-width: 100vw;
	width: 100%;
	align-items: left;


}
.suivez{
	font-size: 9vw;

}
.logo{
	width: 15vw;
	margin: 1vh;
}

.nam{
	font-size: 7vw;
	position: relative;
	top: -5vh;
	
}
.nam2{
	font-size: 7vw;
	position: relative;
	top: -5vh;
}	
.nam3{
	font-size: 7vw;
}
.h2t{
	font-size: 3vh;
	font-weight: 300;
}
.h3t{
	font-size: 3vh;
	padding: 2vh;
}


.flex{
	display: block;
	align-items: left;
	width: 100%;


}
.numb{
	position: static;
	text-align: right;
	width: 97%;
	font-size: 6vw;
	margin-right: 3%;

}

.c1{
	height: 115vh;
	width: 100%;
}
.c1a{
	width: 100%;
	top: 0vh;
	transform:translate(0,0);

}
.c1d{
	width: 100%;



}


.c1g{
	height: 50vh;
	width: 100%;
	position: absolute;
	margin: none;

}

.c2{
	height: 100vh;
}
.c2bl{
		top: 50%;
		text-align: center; 
		text-shadow: -1px -1px 1px black, 1px 1px 1px black;



}
.c2ta{
	height: 22vh;
	display: block;
	width: 100%;
}
h6{
	display: inline-block;
	font-size: 4vw;
}
.c3{
	height: 100vh;
}
.c3tg{
	width: 100%;
}
.c3td{
	width: 100%;
}


.img5{
	height: 6vw;
}


.c4bd{
	display: block;
	min-height: 0vh;
	width: 100%;
	background-color: black;
	position: relative;
	text-align: center;

}
.putt{
		overflow-y: auto;
		text-align: center;
}


.suivre{
	width: 90%;
	

}
.img7{
	height: 13%;
	max-width: 90%;
	display: block;
	margin: 5px auto;
}

.btsp{
	height: 25vh;
	width: 100%;
}
.img4{

	display: block;
	margin: auto;

}
.container {
  margin: 0 5%;
}
.c4{
	width: 100%;
	text-align: center;

}
.expc{
	font-size: 9vw;
	text-align: center;
	margin-bottom: 5vh;
}
.qvh{
	display: block;
	position: relative;
}
.lb{
	display:block;
	width: 90%;
	margin: auto;
}
.rb{

	display: none;

}
.nom{
	color: white;
	margin:10px 0;
	font-size: 8.5vw;
	display: block;
}
.abb{
	display: block;
}
.mail{
	margin:10px 0;
	font-size: 3.9vw;
	color: white;
	display: inline-block;
	position: relative;
	bottom: 1.5vw;
}
.imgggg{
	height: 7vw;
}
.phoneb{
	margin:10px 0;
	font-size: 7vw;
	color: white;
	display: inline-block;
	position: relative;
	bottom: 1.5vw;
}
.suivez{
	font-size: 6.8vw;
	display: inline-block;
	color: white;
	position: relative;
	bottom: 1.6vw;
}
.facel{
	width: 15%;
}
.btspp{
	display: none;
}
.logb{
	display: block;
	max-width: 80%;
	margin: 5vh auto;
	max-width: 40vh;
}
.imggg{
	height: 8vw;
}
.gooby{
	height: 100vh;
	width: 100%;
	background: url('/img/ff.jpg') center top no-repeat scroll;
  background-size: auto 100vh;
	background-color: black;
	overflow: hidden;
}

@supports not (-webkit-touch-callout: none) {
.gooby{
	height: 100vh;
	width: 100%;
	background-image: url("img/ff.jpg");
	background-color: black;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	overflow: hidden;
}
.a{
	height: 100vh;
	width: 100%;
	position: absolute;
	bottom: 0px;
	background-image: url("img/1.jpg");
	background-color: black;
	background-size: cover;
	background-position: left;
	background-attachment: fixed;
	z-index: 1;
}


}