@charset "utf-8";

@font-face {font-family: 'policeSite';
  src: local('Comfortaa'), url('/Fonts/Comfortaa-Regular.ttf');}
	
body{
    background-color: rgba(245,245,245,1.00);
	font-family: 'policeSite';
	margin: 0;
}
header{
	min-width: 1100px;
}

body header {
    background-image: url(images/petitdrapeau.png);
    background-position: 30px 20px;
    background-size: 2em;
    background-repeat: no-repeat;
	height: 80px;
}

#menu{
    position: fixed;
	width: 0;
	z-index: 2;
    background-color: rgba(245,245,245,1.00);
    top: 0;
    left: 0;
    overflow: hidden;
	transition: 0.7s;
}

#open{
	position: fixed;
	top: 80px;
	left: 80px;
	
}
.fas{
font-size:100%;
    padding-top: 18px;
    padding-left: 15px;
    padding-right: 15px;
padding-bottom:0px;
    color: rgba(5,50,195,1.00);
    display: block;
    width: 20px;
    height: 32px;
    background-color: rgba(239,41,56,1.00);
    border-radius: 50%;
    margin-bottom: 10px;
    text-align: center;
}



.divimage{
    width: 100%;
    background-color: rgba(4,37,144,1.00);
    min-width: 1400px;
    height: 550px;

}
div.titre1{
    background-color: rgba(4,37,144,1.00);
    color: rgba(255,255,255,1.00);
    width: 40%;
	height: 400px;
	float: left;
	clear: both;
	min-width: 650px;
	padding-left: 3%;
	padding-right: 3%;
}
div.titre2{
    width: 500px;
    float: left;
    clear: right;
    height: 500px;
	padding-left: 100px;
}

h2{
    font-size: 2em;
    color: rgba(245,245,245,1.00);
    padding-left: 20px;
    padding-right: 20px;
}

.entete{
    font-size: 1.5em;
    color: rgba(5,50,195,1.00);
    margin-left: 80px;
    width: 50%;
    float: left;
    margin-top: 30px;
}


/* Dropdown Button */
.dropbtn {
    background-color: rgba(245,245,245,1.00);
    color: rgba(5,50,195,1.00);
    font-size: 2em;
    border-left: none;
    border-right: none;
    border-top: none;
    padding-top: 12px;
    padding-left: 0;
    padding-bottom: 12px;
    margin: 0;
    text-align: center;
}
ul{
	text-align: center;
	margin: 0;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    display: block;
    font-style: normal;
    font-weight: 700;
    flex: 1;
    background-size: 10px auto;
	width: 300px;
   }

nav{
    border-bottom: 4px solid rgba(92,92,92,1.00);
    border-top: 3px solid rgba(81,81,81,1.00);
    width: 100%;
    text-align: center;	

}

h1{
    color: rgba(245,245,245,1.00);
    font-size: 3em;
    padding-left: 20px;
    padding-right: 20px;
	padding-top: none;
}
h3{
    font-size: 3em;
    margin-left: 2em;
    color: rgba(5,50,195,1.00);
}



/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 100%;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
	text-align: center;
	font-size:auto;
}

.tableau{
    background-color: white;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    vertical-align: top;
	border: none;
	border-collapse: collapse;
}
.tabpara a{
    text-decoration: none;
    padding-left: 0.36em;
    padding-right: 0.36em;
    background-color: none;
    border-radius: 25px;
    margin-left: 0.36em;
    margin-right: 0.36em;
    padding-top: 0.36em;
	color: rgba(5,50,195,1.00);
	}
.tabpara a:hover{
	background-color: rgba(239,41,56,1.00);
	color: white;
	}


.ligne{
    height: auto;
    vertical-align: top;
}
.colonne{
    width: 450px;
    padding-left: 10px;
    padding-right: 10px;
    border-right-width: 0px;
	border-left: 2px solid #E0E0E0;
}
.colonne:first-child{border-left: none;}
.tabpara{
    font-size: 1.5em;
}

/* Links inside the dropdown */
a {
    color: rgba(73,67,67,1.00);
    padding-top: 12px;
    padding-bottom: 12px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
    background-color: rgba(5,50,195,0.60);
    color: rgba(245,245,245,1.00)
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
display: block;
position: relative;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: rgba(5,50,195,0.85);
    color: rgba(245,245,245,1.00);
}

.slider {
    width: 595px;
    height: 600px;
    overflow: hidden;
    margin-left: auto;
    clear: left;
    margin-right: auto;	
	}
.slides {
	width: 2975px;
	animation: glisse 60s infinite;	
	}
.slide {
		float: left;
	}
.temoignage{
    margin:2em;
    font-size: 3em;
    color: rgba(5,50,195,1.00);
    font-weight: bolder;
    padding-top: 50px;
    text-align: left;
    float: left;
    clear: left;
}
.temoin{min-width: 1100px;}

	@keyframes glisse {
		0% {
			transform: translateX(0);
		}
		20% {
			transform: translateX(-595px);
		}
		25% {
			transform: translateX(-595px);
		}
		40% {
			transform: translateX(-1190px);
		}
		45% {
			transform: translateX(-1190px);
		}
		60% {
			transform: translateX(-1785px);
		}
		65% {
			transform: translateX(-1785px);
		}
		80% {
			transform: translateX(-2380px);
		}
		85% {
			transform: translateX(-2380px);
		}
		100% {
			transform: translateX(0);
		}
			}

.contactf{
    font-size: 3em;
    margin-left: 2em;
    color: rgba(5,50,195,1.00);

}
.blockFormulaire{
    background-color: rgba(245,245,245,1.00);
    width: 50em;
    height: auto;
    float: left;
}

.titreFormulaire{
    margin-bottom: 0;
    margin-left: 30px;
    padding-top: 20px;
    font-size: 3em;
    color: rgba(239,41,56,1.00);
    float: left;
}


.divcontact a{
    margin-left: 25em;
	margin-top: 2.5em;
	margin-bottom: 8%;
	font-size: 2em;
	}

.contact2 {
    background-color: rgba(239,41,56,1.00);
    color: rgba(245,245,245,1.00);
    width: 3em;
    height: 1.4em;
    text-align: center;
    border-radius: 50%;
    text-decoration: none;
    margin-left: 5%;
	padding-top: 0.6em;

	}

.contact2:hover{
	background-color: rgba(244,109,120,1.00);
    color: rgba(245,245,245,1.00);
	}
footer{min-width: 1100px;}
footer a{padding:0;}
footer div{
padding-left: 15px;
float:left;
text-align: center;
line-height: 100px;}
.copy{padding-left: 50px;}


@media screen and (max-device-width: 1024px){
	html, body{width:100%;
overflow-x:hidden;}
.entete{font-size:3.1em;
font-weight:500;
width:auto;
	margin-top:15px;}
header{min-width: 0px;}
.divimage{min-width: 0px;
height: auto;
}
div.titre1{width: 90%;
float:none;
	padding: none;
}
div.titre2{width: 75%;
clear:left;
float:none;
height:auto;
	padding: none;}	
h1{font-size: 3.5em;
font-weight:500;}
h2{font-size: 3em;
font-weight:500;}
h3{font-size: 3.5em;
font-weight:500;
margin-left: 1em;}
.temoignage{font-size:3.5em;
font-weight:500;
margin-left: 1em;}
.contactf{font-size:3.5em;
font-weight:500;
margin-left: 1em;}
.tabpara{font-size:2em;
}

#open{
	position: fixed;
	top: 80px;
	left: 120px;
	
}
.fas{
font-size:200%;
    padding-top: 10px;
    padding-left: 13px;
    padding-right: 20px;
padding-bottom: 10px;
    color: rgba(5,50,195,1.00);
    display: block;
    width: 20px;
    height: 32px;
    background-color: rgba(239,41,56,1.00);
    border-radius: 50%;
    margin-bottom: 10px;
    text-align: center;
}
.dropbtn {
    background-color: rgba(245,245,245,1.00);
    color: rgba(5,50,195,1.00);
    font-size: 2em;
    border-left: none;
    border-right: none;
    border-top: none;
    padding-top: 12px;
    padding-left: 0;
    padding-bottom: 12px;
    margin: 0;
    text-align: center;
font-weight:500;
}
ul{
	text-align: center;
	margin: 0;
}
.dropbtn {
    background-color: rgba(245,245,245,1.00);
    color: rgba(5,50,195,1.00);
    font-size: 3em;
font-weight:500;
    border-left: none;
    border-right: none;
    border-top: none;
    padding-top: 12px;
    padding-left: 0;
    padding-bottom: 12px;
    margin: 0;
    text-align: center;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    display: block;
    font-style: normal;
    font-weight: 500;
    flex: 1;
    background-size: 10px auto;
	width: 300px;
   }
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 100%;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
	text-align: center;
	font-size:2em;;
}
}