/*
img {
object-fit: contain;
  width: 100%;
  max-height: 100%;
}
*/

@font-face {
   font-family: birds;
   src: url(./fonts/Birds-of-Paradise.ttf);
}

@font-face {
   font-family: family;
   src: url(./fonts/Family.otf);
}

@font-face {
   font-family: bohemian;
   src: url(./fonts/Bohemian-Soul.otf);
}

@font-face {
   font-family: champignon;
   src: url(./fonts/Champignon.otf);
}
@font-face {
   font-family: odstemp;
   src: url(./fonts/odstemplikBold.otf);
}
@font-face {
   font-family: oldsih;
   src: url(./fonts/oldsih.ttf);
}
@font-face {
   font-family: tangerine;
   src: url(./fonts/Tangerine_Bold.ttf);
}

body {
	font-family: odstemp;
	font-size: 150%;
}
h2{
	color: green;
	font-weight: bold;
	text-decoration-line: underline;
}

h3{
	text-decoration-line: underline;
}

a{ 
 text-decoration:none; 
} 

.nav-container {
	position: fixed;
	left: 0;
	top: 0px;
	background: white;
	display: block;
	width: 100%;
	height: 110px;
	padding: 10px 30px;
	color: #000000;
	z-index: 9;
}
		
.navLogo {
	margin: 0px;
	margin-left: 50px;
	float: left;
	padding: 0px;
	height: 110%;
}
.navLogo img{
	width: 100%;
	height: 100%;
	object-fit: fit;
}

.nav {
	margin-top: 60px;
	margin-right: 40px;
	float: right;
	padding-right: 3%;
}

.nav a {
	border-radius: 50px;
	display: inline-block;
	margin: 0px 40px;
	transition: background .25s ease-out;
	padding: 5px 10px;
	text-decoration: none;
	color: #000000;
	font-weight: 800;
	letter-spacing: 1px;
	opacity: 0.8;
	font-size:150%;
}

.nav a:hover {
	opacity: 1;
	color:  green;
}

.nav a.active {
	opacity: 1;
	color:  #67571B;
}

.policeH{
	font-size:150%;
}


.conteneur{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 500px;
	margin-bottom: 8%;
	
	
	position: relative;
  text-align: center;
}

.conteneur img{
	width: 100%;
	height: 500px;
	object-fit: fill;
}

iframe{
	width: 800px;
	height: 500px;
	object-position: 100% 100%;
	border: 0px;
}

.text-on-image {
  position: absolute;
  top: 27%;
  left: 15%;
  color: white;
  font-size:200%;
}

.conteneurAccueil{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 500px;
	column-gap: 2%;
	margin-bottom: 8%;
}

.imageFullGAccueuil{
	grid-column: 1 / 2;
	width: 100%;
	height: 100%;
	place-self: center;	
}
.imageFullGAccueuil img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.block{
	height: 110px;
}

.conteneurPresta{
	display: grid;
	grid-template-columns: 1fr 1fr;
	/*grid-template-rows: 500px;*/
	column-gap: 2%;
	margin-bottom: 8%;
}

.texteG{
	grid-column: 1 / 2;
	width: 100%;
}
.imageFullD{
	grid-column: 2 / 3;
	place-self: center;
}
.imageFullD img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.imageFullG{
	grid-column: 1 / 2;
	place-self: center;	
}
.imageFullG img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.texteD{
	grid-column: 2 / 3;
	width: 100%;
}



.texteDD{
	grid-column: 3 / 4;
	width: 100%;
}
.imageDoubleG{
	grid-column: 1 / 3;	
}
.imageDoubleG img{
	width: 100%;
	height: 600px;
	object-fit: fill;
}
.imageDoubleD{
	grid-column: 2 / 4;	
}
.imageDoubleD img{
	width: 100%;
	height: 600px;
	object-fit: fit;
}


input[type="text"], input[type="password"], input[type="email"], textarea {
  border: none;
  outline: none;
  border-bottom: 1px solid #ccc;
  width: 20%;
}
label {
  display: inline-block;
  width: 20%;
  text-align: left;
  
}
textarea{
    vertical-align: top;
}

.texteFull{
	grid-column: 1 / 3;
	width: 100%;
}