@CHARSET "UTF-8";
/* Reset CSS
 * --------------------------------------- */


body{
 font-family: "Roboto", sans-serif;
 font-weight:300;
 background: #1C2942;
 color:#cccccc;
 margin:0;
 padding:0;
 line-height: 1.5;
 font-size:16px;
}
.debord{
	width: 80%;
	margin: 0 auto
}
header{
	background: #1C2942;
	margin:0;
	padding:10px;
	display: flex;
	font-family: "Merriweather", serif;
	align-items: flex-start;
    justify-content: space-between;
    
}
header div{
	display: flex;
}
header nav{
	display: flex;
	flex-direction:row;
}
header > div{
	font-weight:400;
}
header a{
	text-decoration: none;
	color:#ffffff; 
	display: flex;
}
header img{
		width:30px;
		height: 30px;
		padding: 10px;

}
nav{
	display:inline-block;
	margin: auto 0;;
}
nav a{
	text-decoration: none;
	color:#ffffff; 
	padding:10px;
}
nav a:hover{
	text-decoration: none;
	color:#0e0e0e; 
}

.presentation{
	background: #0B162C;
}


.presentation {
	width: auto;
	text-align: center;
	font-size:21px;	
}

button{
	margin:auto 0;
	padding: 10px;
	background-color: #fa3008;
	border: 2px solid #f41700;
	font-size:18px;
	font-family: "Roboto", sans serif;
	color:#cccccc;
	cursor: pointer;
}
button a{
	cursor: pointer;
	display: block;
}
 button:hover{
	background:#f41700;
}

section:last-of-type button{
	background-color: transparent;
	border: 1px solid #ffffff;
	margin-right:20px;
	font-size: 12px;
}


.presentation img{
	margin-right:  0;
	width:30%;
	height:auto;
	border-radius: 100px 0px 100px 0px;
	box-shadow:3px 3px 15px rgba(0,0,0,0.2);
}

.prof{
	background-color:#0B162C;
	color:#cccccc;
	text-align: left;
}

.prof div:nth-child(2){
	text-align: left;
}

.prof h2{
	color:#DC98BD;
	font-family: "Merriweather", serif;
	display: inline-block;
	margin: auto 0;
}
.prof img {
	width: 200px;
	margin: 30px;
}

h1+ h2{
	color: #CF4A0C;
	text-align:left;
	font-weight:400;
	font-family: "Merriweather", serif;
	font-size: 30px;
	font-weight:400;
	padding:10px 0;
}
section iframe{
	display: flex;
	margin: 0 auto;
}
section:not(.presentation){
	margin:0;
}


section div{
	margin: 0;
}

section	> div{
	width: 100%;
	height: auto;
	margin:auto;

}
.contact {
	display: flex;
	text-align:center;
}

.contact div{
	display: block;
}
section img	{
	display: inline-block;
	vertical-align: middle;
}
h1{
	display: block;
	align-items: inherit;margin:0;
	color:#ffffff;
	text-align: center;
	margin:0;
	padding:20px;
	font-size: 20px;
	font-weight:400;
	text-align:le;
	font-family: "Roboto", sans-serif;
}

h2{
	color:#ffffff;
	margin-top:60px;
	text-align:center;
	font-weight: 600;
	font-size:28px;
	font-family: "Merriweather", serif;
}

h3 {
	text-align: center;
	color:#ffffff;
	text-transform: lowcase;
	font-weight: 300;
	font-size:25px;
	font-family: "Merriweather", serif;
}

h3 + p{
	display: block;
}

section:not(.reassurance){
	text-align: center;
}

section:not(.contact) a:hover{
	cursor:pointer;

}
a{
	text-decoration:none;
	color: #ffffff;
}

ul li{
	width:100%;
	padding:10px 30px;
	list-style: none;	
}


ul li img{
	width:60px;
	display: block;
	margin: 10px auto;
}

/* table tarifs */


table {
  border-collapse: collapse;
  border-bottom: 2px solid #1C2942;
  font-family: "Roboto", sans-serif;
  font-size: 0.8rem;
  letter-spacing: 1px;
}

table p,th {
	font-weight: 300;
}

caption {
  caption-side: top;
  padding: 10px;
  font-weight: bold;
}
tbody th td, thead th {
	width:30%;
}

thead,
tfoot {
  color: #1C2942;
}


thead> tr> th{
	 color:#DC98BD;
	 font-weight: 200;
	 text-transform: uppercase;
}
th,
td {
  padding: 8px 10px;
  text-align: left;
}

td:last-of-type {
  text-align: left;
  font-weight: 500;
}

tbody > tr {
  border-bottom: 1px solid #DC98BD;
  color:#ffffff;
}

tfoot th {
  text-align: left;
}

tfoot td {
  font-weight: 400;
}

table a{
	font-size: 12px;
	color:#fa3008;
	font-weight: 500
	
	
}


/* fin des tarifs */

.contact ul {
	display: inline-block;
}

.contact ul li img{
	display:inline-block;
	width:auto;
	height:30px;
	margin:0;
}

section.prof img {
	width: 70%;
	border-radius: 30px;
	vertical-align:top;
}


section:not(.presentation) > div > div{
	width:100%;
	margin:auto;

}
.contact{
	background: #1C2942;
	display: inline-block;
	width: 100%;
}

.offre > div > div+div{
	text-align:left;
}

.pack{
	text-align: center;
	background: linear-gradient(135deg, #DC98BD, #B384A7, #E9C8CE);
	color:#ffffff;
	padding: 20px 0;
	border-radius:50px;
	box-shadow: 1px 1px 25px rgba(0,0,0,0.5);
}

.pack ul{
	font-weight: 400;
	font-size: 15px
	padding:0;
	margin:0;
	color:#1C2942;
}
/*.pack ul:first-of-type{
	color: #1C2942;
	text-transform: uppercase;
	font-weight: 200;
}*/
.pack ul:nth-child(2){
	background: linear-gradient(135deg, #DC98BD, #E9C8CE, #B384A7);
}
.pack ul li:nth-child(2){
	font-size: 20px;
}
.pack ul li:last-of-type{
	color:#1C2942;
	font-size:25px;
	line-height: 3px;
}

.avantages{
	padding:0;
}
.avantages li strong:before{
	content: "😊";
	padding:3px;
	margin:5px;
	font-weight: 800;
}

/*.offre > div div img{
	width:300px;
}*/

ul.avantages strong{
	text-transform: capitalize;
	font-size: 15px;
	color: #ffffff;
}
.copyright{
	background: #1C2942;
	padding: 20px;
}
.copyright p{
	text-align:center;
	font-size:12px;
	margin:0;
	padding: 0;
}
.copyright a{
	color:#fff;
	
}

.footer{
	text-align:center;

}

.slider-1 {
	max-width:100%;
	margin: 20px auto;
	overflow: hidden;
}
/*.slider{
	animation: slider 15s infinite ease-in-out;
}*/

.slider-1 .slider li{
	flex-shrink: 0;
	width:100%;
	color:#0e0e0e;
	opacity:1;
	transition: all .2s ease-in-out;
	font-family: "Merriweather", serif;
}

/*Page formulaire*/
iframe{
	width:100%;
}


/* Animation */

/*@keyframes slider{
	0%,
	20%{
		transform: translateX(0%);
	}
	25%,
	45%{
		transform: translateX(-100%);
	}
	50%,
	70%{
		transform: translateX(-200%);
	}
	75%,
	95%{
		transform: translateX(-300%);
	}
	100%{
		transform: translateX(-400%);
	
		}
	}*/


/* Mobile */

@media screen and (max-width: 720px) {
.presentation{
	display: block;
}
.presentation div{
	margin-bottom: 20px;
}
.presentation img	{
	display:none;
	margin:0 auto;
}
.offre > div{
	display: block;
}
.offre img, .presentation img, .contact img	{
	width:100%;}
	.slider-1 .slider li{
		font-size:15px;

	}

	section a {
		font-size:12px;
		font-weight: 600;
	}

	section a:hover {
	
	}

.contact ul {
	display: block;
}	
.prof div:nth-child(2){
	width:80%;
}

ul:not(.type, .avantages){
	padding:0;
	display:block;
}
ul li{
	padding:0;
}
button{
	margin-bottom:20px;
}
}

/*Desktop*/

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

.presentation, .prof{
	display: flex;
	justify-content: flex-end
}
.presentation div{
	margin:auto;
	width:50%;
}
.presentation img	{
	display: flex;
}

section:not(.presentation, .contact) > div{
	display: inline-block;
}
.contact ul li {
	padding:0;
}
section.offre > div > div img{
	text-align:center;
	margin: 0 auto;
}
.offre img, .presentation img {
	width:35%;
	height:35%;
	margin: auto 0;
}

.slider-1 .slider li{
		font-size:25px;

	}
ul:not(.type){
	width:100%;
	padding:0;
	display:flex;
}
 .prof{
 	padding-right:30px;
 }
}