@font-face {
	font-family: 'Lakaran';
	font-weight: 100;
	src: url(‘fonts/Web-TT/Lakaran-Light.woff2’) format(‘woff2’),
		 url(‘fonts/Web-TT/Lakaran-LightItalic.ttf’) format(‘ttf’)
}




@font-face {
	font-family: 'Lakaran';
	font-weight: 400;
	src: url(‘fonts/Web-TT/Lakaran-Regular.woff2’) format(‘woff2’),
		 url(‘fonts/Web-TT/Lakaran-Italic.ttf’) format(‘ttf’)
}

@font-face {
	font-family: 'Lakaran';
	font-weight: 700;
	src: url(‘fonts/Web-TT/Lakaran-Bold.woff2’) format(‘woff2’),
		 url(‘fonts/Web-TT/Lakaran-BoldItalic.ttf’) format(‘ttf’)


}


body {
	font-family: 'Lakaran';
	
}


footer, main {
	margin:0%;
	padding:0%;
	border:none;
}


a.lienportfolio {
	color:#FFFFFF;
	font-size:1em;
}



#centrer p.espace {font-size:.8em;
		text-align:center;
		display:block;
		width:100%;
		margin:0 auto;
		padding:1.5%;
}

.btn {margin:0 auto;
	
}



#marge3 {display:block;
		width:100%;
		margin:0 auto;
}


button.navbar-toggler{
	float:left;

	text-align:left;
}


h2 {
	font-size:1.8em;
	color:#FFFFFF;
	padding-right:2em;
	width:90%;
	text-transform: uppercase;
	
}






h3{
	font-size:1.35em;
	color:#FFFFFF;
	padding-left:2em;
	padding-right:2em;
	width:90%;
	margin-bottom:1.5em;
	
}




h4{ 
	font-size:1.3em;
	color:#cf8d2f;
	padding-right:2em;
	width:90%;
	
}





h5{ 
	font-size:1.3em;
	color:#cf8d2f;
	padding-right:2em;
	padding-top:2em;
	width:90%;
	
	
}



h6{
	
	
	font-size: 1.8em;
	color:#cf8d2f;
	padding-right:2em;
	padding-top:1em;
	padding-bottom:3em;
	width:90%;
	
	
} 



p{
	font-size:1.1em;
	color:#ffffff;
	padding-right:2em;
	width:90%;
	
	
	
	
	
	
}





hr#espacebas {
	
	margin-top:3em;
	padding-left:3em;
	margin-right:13%;
	border:2px solid #cf8d2f;
	
	
}
	
	
	
	
	
	
	
	



#haut {
	margin-top:-20%;
	padding-left:2%;
	padding-right:2%;
	font-size:1.3em;
	
	
	
	
}








	
	
	
#haut2 {
	margin-top:-30%;
	background-color:rgba(0,0,0,0.65);
	padding-left:2%;
	padding-right:1%;
}


#haut3{
	margin-top:-12%;
	padding-top:5%;
	background-color:rgba(0,0,0,0.75);
	padding:2%;
	
	
}



#haut4{
	margin-top:8%;
	padding-top:5%;
	padding:2%;
	
	
}





#haut5{
	margin-top:-100%;
	padding-top:5%;
	background-color:rgba(0,0,0,0.75);
	color:#cf8d2f;
	text-align: left;
	height:80%;
	padding-left:5%;
	padding-right:5%;
	
}



#haut6{
	margin-top:-90%;
	padding-top:5%;
	background-color:rgba(0,0,0,0.90);
	color:#cf8d2f;
	text-align:left;
	height:60%;
}
	
	
	
	
	
	
#centrer {display:block;
		  width:100%;
		  margin:0 auto;
		  text-align:center;}	
	
		
	
	
	

.navbar { background-color:#000000;
			border:none;
			width:100%;
			margin:0 auto;
			text-align:center;
			padding-bottom:none;
			color:#cf8d2f;}

.container-fluid {
background-color:#000000;
	border:none;
	width:100%;
	padding:0;
	margin:0 0 0 0;
	text-align:center;
	
	
}


img.petit {width:50%;
			
			display:block;
			padding-top: 2em;
			padding-bottom:2em;
			margin:0 auto;}

.navbar-nav {
	
	width:60%;

		
}

.nav-link {
	margin:0 auto;
	border:none;
	color:#ffffff;
	display:block;
	text-align:center;
	opacity:1;
}

.nav-item {
	
	width:100%;
	padding:2%;
display:inline-block;
	text-align:center;
	color:#cf8d2f;
	
}



a.nav-link:hover {
	
	width:100%;
display:inline-block;
	text-align:center;
	border:1px solid #cf8d2f;
	color:#cf8d2f;
	
}





#haut6.img {
	display:block;
	padding-bottom:8%;
	margin-bottom:5%;
	
	
	
}


span {font-size:3em;
	color:#cf8d2f;
    padding:0;
	text-align:left;
	
}

.navbar-dark {background-color:#000000;
			 opacity:1;
			 color:#ffffff;
			width:100%;
				text-align:center;
				margin:0 auto;
				
				
}



body  {
	background-color:#000000;
	

	
}


#marge {padding-left:50%;}

#marge2 {padding-left:-50%;



}
.rounded-circle{
	
background-size: contain;
background-position: center;
  background-repeat: no-repeat;
text-align:center;
position:relative;
	width:100%;
	height:100%;
	padding-top:2%;
}
	


.rounded-circle ul {
	
	font-size:8em;
	font-weight:700;
	color:#cf8d2f;
	list-style-type:none;
	padding:0;
	display:block;	
	position:absolute;
		top:5%;
		width:100%;
	
	}	



.rounded-circle ul li {
	
	font-size:.12em;
	font-weight:700;
	color:#cf8d2f;
	list-style-type:none;
		
		
	}	


.container-fluid {
width:100%;
background-color:#000000;
padding:0;
	
}


.noir {
	width:100%;
	background-color:#000000;
}


.vert { 
	
background-color:#655d46;	
	
	
}


.has-bg-img, .bg-img {
	
  min-width:100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
 
}

circle-lg {
  width:33%;
  background-image:url("img/cercle1.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
	
	
}



.localisation {
font-size : 1.1em;
font-weight:400;
text-align:left;
color:#cf8d2f;

}

textarea.form-control{
	
margin-top:2%;	
background-color:#000000;
border:solid 1px #cf8d2f;
width:100%;
margin:0;

		
	}	
	
form {
	
padding:10% 10% 0% 0%;
	
	
}	


h3#padding {padding-left:0%;}


.form-check-label {

background-color:#000000;
float:left;
display:block;
}


.btn-primary {
text-align:right;
display:block;
margin-top:10%;	
background-color:#000000;
border:solid 1px #cf8d2f;	
	
}

label.form-label {
	
text-align:left;	
	
}

input.form-control {
padding-left:2%;
padding-right:2%;
margin:5% 0 0 0;	
background-color:#000000;
border:solid 1px #cf8d2f;
width:100%;

}



@media (max-width: 576px) {	


#haut h3 {
	display:none;
	
	
}	
	
	
	
#haut2 {
	margin-top:0%;
	background-color:rgba(0,0,0,0.65);
	padding-right:1%;
	padding-left:15%;
	
}
	
	



#haut3{
	margin-top:12%;
	padding-top:10%;
	background-color:rgba(0,0,0,0.75);
	padding-left:15%;
	margin-left:2%;
	
	
}
	
#haut5{
	margin-top:-100%;
	padding-top:5%;
	background-color:rgba(0,0,0,0.75);
	color:#cf8d2f;
	text-align: left;
	height:80%;
	padding-left:15%;
	padding-right:5%;
	
}



#haut6{
	margin-top:-90%;
	padding-top:5%;
	background-color:rgba(0,0,0,0.90);
	color:#cf8d2f;
	text-align:left;
	height:60%;
	padding-left:7%;
}

	
.rounded-circle{
	
background-size: contain;
background-position: center;
  background-repeat: no-repeat;
text-align:center;
position:relative;
	width:100%;
	height:100%;
	padding-top:3%;
}
	


.rounded-circle ul {
	
	font-size:8em;
	font-weight:700;
	color:#cf8d2f;
	list-style-type:none;
	padding:0;
	display:block;	
	position:absolute;
		top:8.25%;
	width:100%;
	
	}	


		

	
	
}




@media (min-width: 576px) {

#haut h3 {
	display:none;
	
	
}	
	
#haut2 {
	margin-top:0%;
	background-color:rgba(0,0,0,0.65);
	padding-left:13%;
	
	
}


#haut3{
	margin-top:12%;
	padding-top:2%;
	background-color:rgba(0,0,0,0.75);
	padding-left:13%;
	
	
}



#haut4{
	margin-top:8%;
	padding-top:5%;
	padding:2%;
	
	
}





#haut5{
	margin-top:-100%;
	padding-top:5%;
	background-color:rgba(0,0,0,0.75);
	color:#cf8d2f;
	text-align: left;
	height:80%;
	padding-left:10%;
	padding-right:5%;
	
}



#haut6{
	margin-top:-90%;
	padding-top:5%;
	background-color:rgba(0,0,0,0.90);
	color:#cf8d2f;
	text-align:left;
	height:60%;
	padding-left:15%;
}
	
	
	
.rounded-circle{
	
background-size: contain;
background-position: center;
  background-repeat: no-repeat;
text-align:center;
position:relative;
	width:100%;
	height:100%;
	padding-top:3%;
}
	


.rounded-circle ul {
	
	font-size:9em;
	font-weight:700;
	color:#cf8d2f;
	list-style-type:none;
	padding:0;
	display:block;	
	position:absolute;
		top:10%;
	width:100%;
	
	}	


	
	
	

	
	
}
	
	
@media (min-width: 768px) {

#haut h3 {
	display:none;
	
	
}	
	
#haut2 {
	margin-top:0%;
	background-color:rgba(0,0,0,0.65);
	padding-left:12%;
	padding-right:1%;
	padding-top:2%;
	padding-bottom:2%;
	
	}


.rounded-circle{
	
background-size: contain;
background-position: center;
  background-repeat: no-repeat;
text-align:center;
position:relative;
	width:100%;
	height:100%;
	padding-top:3%;
}
	


.rounded-circle ul {
	
	font-size:10em;
	font-weight:700;
	color:#cf8d2f;
	list-style-type:none;
	padding:0;
	display:block;	
	position:absolute;
		top:10%;
	width:100%;
	
	}	




}









@media (min-width: 1200px) {

#haut h3 {
	display:none;
	
	
}	
	
#haut2 {
	margin-top:-20%;
	background-color:rgba(0,0,0,0.65);
	padding-left:5%;
	padding-right:1%;
	padding-top:2%;
	padding-bottom:2%;
	
	}
	
	
#haut3{
	margin-top:12%;
	padding-top:2%;
	background-color:rgba(0,0,0,0.75);
	padding-left:5%;
	
	
}
	
	.rounded-circle{
	
background-size: contain;
background-position: center;
  background-repeat: no-repeat;
text-align:center;
position:relative;
	width:100%;
	height:100%;
	padding-top:3%;
}
	


.rounded-circle ul {
	
	font-size:8.5em;
	font-weight:700;
	color:#cf8d2f;
	list-style-type:none;
	padding:0;
	display:block;	
	position:absolute;
		top:7%;
	width:100%;
	
	}	






#centrerlien {color:#cf8d2f;
			  text-align: center;
				text-decoration: none;
				}
}