@charset "utf-8";
/* CSS Document */

header{background: #851815;
		width: 100%;
		height: 100px;
		display: flex;
		justify-content: space-between
		} 

nav { display: flex;
	flex-direction: column;
	justify-content: center; 
	}

.nav {font-size: 20px;
	  font-family: Cambria;
	  color: white;
	  width: 100%;
	  max-width: 1000px;
	  display: flex;
	  justify-content:space-around;
	  text-decoration:none}

h1 {font-family: book antiqua;
    color: #D6C6A7;
	font-size: 50px;
	text-align: center}

h1-1 {font-family: book antiqua;
    color: #851815;
	font-size: 90px}

h2 {font-family: book antiqua;
    color: #851815;
	font-size: 80px}

h3 {font-family: book antiqua;
    color: #4e7da4;
	font-size: 40px;
	margin-bottom: inherit}

h4 {font-family: book antiqua;
    color: #D6C6A7;
	font-size: 25px;
	margin-bottom: inherit;
	margin-top: inherit}

h5 {font-family: book antiqua;
	font-size: 18px;
	margin-bottom: 0px;
	margin-top: inherit}

h6 {font-family: book antiqua;
    color: black;
	font-size: 25px;
	text-align: center }


p {font-family: book antiqua;
    color: black;
	font-size: 20px;
	text-align: justify}


.p2{ font-size: 15px}

.p3 {paddingn-top: 0px}


.boite { width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	
	
}

.box { width: 50%;
	 margin: 10px;
	box-sizing: border-box}

.box1 { width: 70%;
	 margin: 10px;
	box-sizing: border-box}



.rond{max-height: 200px}
.ronds{max-height: 100px}

.b1 { padding-left: 90px}

.b2 { padding-left: 130px }
.b3 { padding-left: 150px}

.b1-1 {padding-right: 30px }
.b2-2 {padding-right: 50px }
.b3-3 {padding-right: 70px }

a.bouton1 {
	padding:10px 10px; 
	background: #D6C6A7; 
	color: white;
	font-size: 15px;
	text-decoration:none;
	text-align: center;
	width: 130px
}



a.bouton1:hover {
	background: #851815; 
}

a.bouton2 {
	padding:10px 10px; 
	background:#4e7da4; 
	color: white;
	font-size: 15px;
	text-decoration:none;
	text-align: center;
	width: 130px
}

a.bouton2:hover {
	background: #851815; 
}

a.bouton3 {
	padding:10px 10px; 
	background:#851815; 
	color: white;
	font-size: 15px;
	text-decoration:none;
	text-align: center;
	width: 130px
}

a.bouton3:hover {
	background: white; 
	color: black;
}

footer {background: #851815;
		width: 100%;
		height: 100px;
		display: flex;
		justify-content:space-between}


.lien { color: white;
		text-decoration:none}
.lien:hover{ color: #D6C6A7}


.lien2 { color: black;
		text-decoration:none}
.lien2:hover{ color: #4e7da4}

.lien3 { color: black;
		text-decoration:none}
.lien3:hover{ color: #851815}

.mention{ margin-top: inherit;
		margin-bottom: inherit}



.img2 {width: 100%}


/* RESPONSIVE */



@media screen and (max-width: 1000px) and (min-width : 0px){
	
/* Paramètres de base  */
	header { height: 70px}
	.nav { font-size: 13px;
		max-width:  300px }
	
	.boite { flex-flow: wrap}
	.box { width: 98%;
	margin-bottom: 15px}
	.box1 { width: 98%;
	margin-bottom: 15px}
	
	h1 {font-size: 50px }
	h1-1{ font-size: 60px}
	h2{ font-size: 50px}
	h3{ font-size: 23px}
	.h1 { font-size: 30px}
	
	.p1 { font-size: 14px}
	
	.rond{max-height: 150px}
	.ronds{max-height: 90px}
	.b1 { padding-left: 30px}
	.b2 { padding-left: 50px }
	.b3 { padding-left: 70px }
	.b1-1 {padding-right: 10px }
	.b2-2 {padding-right: 20px }
	.b3-3 {padding-right: 50px }
	
	

	.Img{ max-width: 50%}
	.img1 { min-width: 90%}
	.img2 { min-width: 90%}
	
	
	
	footer { height: 70px}
	.p2{ font-size: 10px}
	
	

		
}


@media screen and (max-width: 1100px) and (min-width : 1001px){
/* Paramètres de base  */
	header { height: 90px}
	.nav { font-size: 17px;
		max-width:  500px } 
	
	h1 {font-size: 70px }
	h1-1{ font-size: 70px}
	h2{ font-size: 56px}
	h3{ font-size: 26px}
	
	
	
	.p1 { font-size: 18px}
	.p2{ font-size: 12px}
	
	
	.rond{max-height: 150px}
	.ronds{max-height: 90px}
	.b1 {padding-left: 70px}
	.b1-1 {padding-right: 20px }
	.b2 {padding-left: 90px }
	.b2-2 {padding-right: 35px }
	.b3 {padding-left: 110px }
	.b3-3 {padding-right: 50px }
	
	
	
	footer { height: 90px}
  }

@media screen and (max-width: 1123px) and (min-width : 1101px){
/* Paramètres de base  */
	header { height: 90px}
	.nav { font-size: 17px;
		max-width:  500px } 
	
	h1 {font-size: 80px }
	h1-1{ font-size: 85px}
	h2{ font-size: 68px}
	h3{ font-size: 35px}
	
	
	
	
	.p1 { font-size: 19px}
	
	
	.rond{max-height: 150px}
	.b1 { padding-left: 80px }
	.b2 { padding-left: 110px }
	.b3 { padding-left: 140px }
	
	footer { height: 90px; display:flex;flex-direction:column; justify-content: space-between}
	

		  }
	

/* Essaie formulaire  */