body
{
	margin : 0 0 0 0px;
}

p{
	font-family: "CormorantGaramond";
}







/*MENU*/

.menu-container
{
	position: fixed;
  	top: 0;
	width: 100%;
	z-index: 3005;
}


.sub-menu-item
{
	display: inline-block;
	padding : 20 35 20 35px;
	border : solid;
	border-radius: 40px;
	border-color: white;
}


.sub-menu-link
{
	color: rgb(163, 148, 148);
	text-decoration: none;
	font-size : 14pt;
	font-weight : bold;
	z-index: 3003;
	font-family: "LibreBaskerville";

	transition: font-size 0.5s;
}

@media screen and (max-device-height : 700px) { 

	.menu
	{
		background-color: #FFFFFF;
		/*border : solid;*/
		box-shadow: 1px 1px 12px #555;
		list-style: none;
		margin: auto;
		
	}

	.menu-link
	{
		color: rgb(163, 148, 148);
		text-decoration: none;
		font-size : 12pt;
		font-weight : bold;
		z-index: 3003;
		font-family: "LibreBaskerville";
	}

	.menu-item
	{
		display: inline-block;
		padding : 5 15 5 15px;
		border : solid;
		border-radius: 40px;
		border-color: white;
		border-width: 0px;
		margin : 5 0 5 0px;
		/*animation-duration: 5s;
		animation-name: TEST;*/
		/*transition: font-size 0.5s;*/
	}
}


@media screen and (min-device-width : 640px) and (max-device-width : 1280px) { 

	.menu
	{
		background-color: #FFFFFF;
		/*border : solid;*/
		box-shadow: 1px 1px 12px #555;
		list-style: none;
		margin: auto;
		
	}

	.menu-link
	{
		color: rgb(163, 148, 148);
		text-decoration: none;
		font-size : 12pt;
		font-weight : bold;
		z-index: 3003;
		font-family: "LibreBaskerville";
	}

	.menu-item
	{
		display: inline-block;
		padding : 5 15 5 15px;
		border : solid;
		border-radius: 40px;
		border-color: white;
		border-width: 0px;
		margin : 5 0 5 0px;
		/*animation-duration: 5s;
		animation-name: TEST;*/
		/*transition: font-size 0.5s;*/
	}
}

@media screen and (min-device-width : 1280px) and (min-device-height : 700px) { 

	.menu
	{
		background-color: #FFFFFF;
		/*border : solid;*/
		box-shadow: 1px 1px 12px #555;
		list-style: none;
		margin: 0;
		padding-left: 100px;
	}

	.menu-link
	{
		color: rgb(163, 148, 148);
		text-decoration: none;
		font-size : 14pt;
		font-weight : bold;
		z-index: 3003;
		font-family: "LibreBaskerville";
	}

	.menu-item
	{
		display: inline-block;
		padding : 15 25 15 25px;
		border : solid;
		border-radius: 40px;
		border-color: white;
		border-width: 0px;
		margin : 5 0 5 0px;
		/*animation-duration: 5s;
		animation-name: TEST;*/
		/*transition: font-size 0.5s;*/
	}
}

.dropdown > .menu-item
{
	background-color: white;
	margin: 10 0 0 0px;
}


.dropdown > .sub-menu-item
{
	background-color: white;
	margin: 10 0 0 0px;
}




.menu-item:hover
{
    background: rgb(163, 148, 148);
	color: #FFFFFF;
	cursor: pointer;
	
}

.sub-menu-item:hover
{
    background: rgb(163, 148, 148);
	color: #FFFFFF;
	cursor: pointer;
	
}

.sub-menu-item:hover > .sub-menu-link
{
    font-size: 18pt;	
}

.menu-item:hover .menu-link {
	color: #FFFFFF !important;
}

.sub-menu-item:hover .sub-menu-link {
	color: #FFFFFF !important;
}


.title
{
	margin: 0 0 0 450px;
	font-size: 36px;
}

.title-container
{

}

.image-title
{
	vertical-align: middle;
	margin-bottom: 0.75em;
}



li {
    padding: 1rem;
    position: relative;
  transition-duration: 0.5s;
}
  
.dropdown {
	visibility: hidden;
	opacity: 0;
	min-width: 5rem;
	position: absolute;
	transition: all 0.5s ease;
	padding-top: 25px;
	left: 0;
	display: none;
	padding-left: 0;
	z-index: 3002;
}


.menu-item:hover > .dropdown {
  visibility: visible;
  opacity: 1;
  display: block;
}

ul li ul li {
    clear: both;
  width: 100%;
}


.text-container p{
	font-size : 25px;
}


h2{
	color: white;
}

h3{
	color: white;
}
@font-face {
	font-family: "AmaticSC";
	src: url('./fonts/AmaticSC-Regular.ttf');
}

@font-face {
	font-family: "CormorantGaramond";
	src: url('./fonts/CormorantGaramond-Regular.ttf');
}

@font-face {
	font-family: "LibreBaskerville";
	src: url('./fonts/LibreBaskerville-Regular.ttf');
}





.image-text {
 text-align: center;
    z-index: 201;
	 position: absolute;
   
}





/*footer style*/

footer
{
	height: 100px;
	width: 100%; 
	background:  rgb(50, 50, 50);
	
}

.footer-content
{
	display: grid;
	height : 100%;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: minmax(100px, auto);

}

.footer-secteur
{
	grid-row: 1;
	grid-column: 1;
	margin: auto;
	color: #FFFFFF;
	height : 100%;
}

.footer-secteur > p
{
	padding: 0 15 0 15px;	
}


.footer-contact
{
	grid-row: 1;
	grid-column: 2;
	margin: auto;
	color: #FFFFFF;
}


.footer-intra
{
	grid-row: 1;
	grid-column: 3;
	margin: auto;
}

#intra-img
{
	width: 50px;
	height: 50px;
}