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




/*
___Couleurs___
Bleu Durance : color:#a7dcd5 / rgba(228,244,242,1)
Bois flotté : color:#fcebdb
Lavande : color:#c7c9e5 / color:#9abcce
Blé doré : color:#fae4a1
Bois orangé : color:#956643
*/




	


/***** CORPS *****/


	
#introtarifs {
	margin:5vw 11vw 2vw 11vw;
	}

h1 {
	font-family:'gravitybold', sans-serif;
	color:#c7c9e5;
	margin-bottom:1vw;
	}

/*****Offre******/

#offre {
	padding:0.5vw 6vw 0.5vw 6vw;
	background-color:#fcebdb;
	font-family:'gravitybold', sans-serif;
	font-size:1.5em;
	text-align:center;
	color:#956643;
	border-top:1vw solid #fae4a1;
	border-bottom:1vw solid #fae4a1;
	}

#offre span {
	font-size: 0.65em;
	color:#a7dcd5;
}

/****Pastel / Huile****/

#pastel, #huile {margin-top:10vw;}

.lignetitre {
	margin:2vw 10vw 2vw 10vw;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	}
.lignetitre figure {
	margin:1.5vw 1vw 1.5vw 1vw;
	height:35vw;
	width:35vw;
	overflow:hidden
	}
	
.lignetitre figure img {
	width:35vw;
	}

.lignetitre div {
	font-family:'gravitylight', sans-serif;
	font-size:1em;
	color:#956643;
	margin:1.5vw 0vw 2vw 0vw;
	width:80vw;
	}



/*****Tableaux****/
.tableaux {
	background-color:#a7dcd5;
	padding:2vw 11vw 2vw 11vw;
	margin-bottom:4vw;
	}
.tableaux p {
	color:white;}

table {
	width:100%;
	border-spacing:0;
	}
td {
	text-align:center;
	width:20%;
	background-color:white;
	border:#fae4a1 thin dotted;
	margin:0;
	padding:0.5vw 2vw 0.5vw 2vw}

	
table tr td:nth-child(1) {
	width:40%;
	text-align:right;
	font-family:'gravitybold', sans-serif;
	background-color:rgba(228,244,242,1);
	border:none;
	color:#956643;
	} /*Cases dimensions, première colonne*/

table tr td:nth-child(1) span {
	font-family:'gravitylight', sans-serif;
	font-size:0.8em;
	padding-right:0.5vw
}

table tr th:nth-child(2), table tr th:nth-child(3), table tr th:nth-child(4) {
	background-color:#fae4a1;
	padding:1vw 2vw 1vw 2vw;
	color:#956643;
	} /*Cases nb animaux, première ligne*/

table tr th span {
	font-family:'gravitylight', sans-serif;
	}

#pastel tr:nth-child(2) td:nth-child(3), #pastel tr:nth-child(2) td:nth-child(4), #pastel tr:nth-child(3) td:nth-child(4) {
	background-color:rgba(228,244,242,1);
	} /*cases vides tableau pastel */

#pastel tr:nth-child(3) td:nth-child(3), #pastel tr:nth-child(4) td:nth-child(4) {
	background-color:rgba(235,235,242,1);
	} /*cases petites tableau pastel */

#huile tr:nth-child(2) td:nth-child(3), #huile tr:nth-child(2) td:nth-child(4), #huile tr:nth-child(7) td:nth-child(4), #huile tr:nth-child(13) td:nth-child(3), #huile tr:nth-child(13) td:nth-child(4), #huile tr:nth-child(14) td:nth-child(4) {
	background-color:rgba(228,244,242,1);
	} /*cases vides tableau huile */

#huile tr:nth-child(3) td:nth-child(4), #huile tr:nth-child(7) td:nth-child(3), #huile tr:nth-child(8) td:nth-child(4), #huile tr:nth-child(14) td:nth-child(3), #huile tr:nth-child(15) td:nth-child(4) {
	background-color:rgba(235,235,242,1);
	} /*cases petites tableau huile */

#huile tr:nth-child(6) td, #huile tr:nth-child(12) td {
	background-color:#a7dcd5;
	border:none;
	} /*lignes vides huile*/
	


@media screen and (min-width: 768px) {


/***** CORPS *****/

#pastel, #huile {margin-top:2vw;}

.lignetitre figure {
	height:15vw;
	width:15vw;
	}
	
.lignetitre figure img {
	width:15vw;
	}

.lignetitre div {
	font-size:1.4em;
	width:36vw;
	padding:0 1vw 0 1vw;
	}

#offre {
	font-size:2em;
	margin:4vw 4vw 0 40vw;
	}
	


@media screen and (min-width: 1500px) {


/*
.lignetitre div {
	font-size:2vw;
	width:32.5vw;
	padding:0 1vw 0 1vw;
	}
*/
}