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

*, *:before, *:after {box-sizing:border-box !important;}
* {box-sizing:border-box;}

.mob {display: none;}
.desk {display: block;}
a {text-decoration: none;}

body {background:#eee; margin:0; padding:0; font-size:15px; font-family: 'Quicksand', sans-serif; color:#220;}

header {width:100%; margin:0; padding:0; overflow:hidden;}
.header-back {background:linear-gradient(180deg, rgb(13 42 76) 50%, rgb(238 238 238) 1%); text-align:center; overflow:hidden;}
.header-top {color:#fff; width:100%; max-width:1200px; padding:20px 20px 10px; display:inline-block;}
.logo {float:left; width:33.33%; font-size:2.5em; font-weight:700; text-align:left; padding-top:2%;}
.logo img {}
.logo a {color:#fff;}
.header-illu {float:left; width:33.33%; text-align:center;}
.header-illu img {max-width:300px; width:100%; height:auto; border-radius:50%; border:12px solid #fff; box-shadow:0 1px 6px 3px rgb(0 0 0 / 40%);}
.slogan {float:left; width:33.33%; font-size:1.5em; font-weight:300; padding:0 0 0 5%; text-align:right;}
.header-bottom {text-align:center; width:100%; padding:0 20px;}
.profil-nom {font-size:3em; font-weight:600; color:#57a3ff; margin-bottom:20px;}
.num-top {font-size:2.5em; font-weight:700; padding:5px 26px 12px;}
.button {background:#0d2a4c; color:#fff; display:inline-block; border-radius:24px;}
.htag {width:100%; padding:20px; text-align:center;}
.htagL, .htagR {display: inline-block; padding:0 10px; font-size:1.3em;}
.htagL span, .htagR span {font-weight:600; font-size:1.1em; color:#57a3ff;}

main {width:100%; max-width:1200px; margin:auto; padding:40px;}
article {}
.block-top {background:#0d2a4c; color:#fff; padding:40px; margin-bottom:40px; overflow:hidden;}
.block-top h1 {float:left; color: #fff; width:100%; max-width:50%; margin:0; font-size:2.3em; font-weight:500; padding:0 20px 20px 0;}
.block-top img {float:right; width:100%; height:auto; max-width:50%; padding-left:20px;}
h1 {color:#57a3ff; font-size:2em; margin-top:0;}
.description {color:#0cadb0; font-size:1.4em; display:table-cell; padding-right:20px; text-align:justify;}
.description strong {font-weight:500;}

section {}
section p {line-height:1.5em; border-left:2px solid #57a3ff; padding-left:10px; text-align:justify; margin-left:10px; margin-bottom:40px;}
.profil {margin-bottom:40px; overflow:hidden;}
.block-desc-1 {}
.block-desc-2 {}
.block-desc-3 {}
section.copine {background:#0d2a4c; color:#fff; padding:20px;}
section.copine h2 {margin: 0 0 20px;}
.column {grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); grid-gap:20px; display:grid; width:100%; overflow:hidden;}
.profil-block-plus {}
.profil-block-plus img {width:100%; height:auto; border-radius:50%; border:6px solid #fff; box-shadow:0 1px 6px 3px rgb(0 0 0 / 40%);}



h2.profilh2 {width:25%; margin:-11px 0 0; padding-right:20px; font-weight:600; font-size:2em; float:left;}
h2.profilh2 span {color:#57a3ff; font-size:1.2em; font-weight:700;}
.profil-block-img {float:left; width:37%; padding-right:40px; display:table-cell;}
.profil-block-img img { width:100%; height:auto; max-width:400px;}

.profil-block-info {background:#0d2a4c; display:table-cell;}

.profil-block-littledesc {padding:20px; color:#0cadb0; line-height:1.4em; font-size:1.2em; text-align:justify;}
.profil-block-littledesc span {float:left; margin-right:20px; padding:10px 20px 10px 0px; font-weight:600; font-size:2em; border-right:1px solid #fff;}
.profil-block-littledesc a {color: #fff;}
.profil-block-call {text-align: center; margin: 20px auto 20px;}
.num-call {font-size:2em; font-weight:600; padding:3px 21px 8px;}

footer {padding:20px 10px; background:#0cadb0;}
.copy {text-align:center; margin-bottom:20px;}
.price-block {margin:auto; width:280px; position:relative;}
.price-num {background-color:#fff; border:1px solid #d9d9d9; color:#a50f78; font-family:Arial; font-size:19px; font-weight:bold; height:32px; margin:2px; padding-left:5px; line-height:33px; text-align:left;}
.price-img {left:135px; position:absolute; top:-2px;}
.price-img img {width:100%; height:auto;}

nav {text-align:center;}
ul.menu {display:inline-flex;}
ul.menu li {padding:0 10px; font-weight:600; color:#fff; font-size:1.2em; list-style:none;}
li a {color:#fff;}


@media screen and (max-width:1024px) {
	.slogan {font-size:1.2em;}
	.logo {font-size:2.5em; padding-top:4%;}
	.header-illu img {max-width:270px;}
	.block-top h1 {float:none; width:100%; max-width:none;}
}

@media screen and (max-width:768px) {
	.logo {font-size:2em;}
	.slogan {font-size:1em;}
	main {padding:20px;}
	.block-top {padding:20px;}
	.block-top img {padding-left:0;}
	.description {font-size:1em;}
	.profil {padding:0;}
	h2.profilh2 {width: 22%; margin:-5px 0 0; font-size:1.5em;}
	.profil-block-img {padding-right:20px;}
	.profil-block-littledesc {text-align:left; font-size:1em;}
	.column {grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));}
}

@media screen and (max-width:600px) {
	.mob {display: block;}
	.desk {display: none;}
	.header-top {padding: 10px;}
	.logo {float:none; font-size: 2.5em; padding-top: 0; width: 100%; font-weight:500; text-align: center;}
	.header-illu {float:none; width:100%; text-align:center; margin-top:5%;}
	.header-illu img {max-width:250px; border: 6px solid #fff;}
	.header-bottom {padding: 0 10px;}
	.num-top {font-size: 2.2em; font-weight:600; padding:3px 21px 8px; border-radius: 15px;}
	.htag {padding:10px;}
	.htagL, .htagR {padding: 0 10px; font-size: 1em;}
	main {padding: 10px;}
	.block-top {padding:10px; margin-bottom:20px;}
	.block-top h1 {font-size:1.5em; margin:0; font-weight:500; padding:0 0 7%;}
	.description {font-size:0.9em; display:block; padding-right:0; padding-bottom:10px;}
	.profil {background:#fff; padding:10px; margin-bottom:40px;}
	h2.profilh2 {width:100%; margin:0 0 20px; font-size:1.2em; float:none;}
	.profil-block-img {float:none; width:100%; padding-right:0; display:block;}
	.profil-block-img img {max-width:none;}
	.profil-block-info {width:100%; background:none; border-radius:0 0 10px 10px; display:block;}
	.profil-block-littledesc {padding:10px 0; color:#213460; font-size:1em;}
	.profil-block-littledesc span {margin-right:10px; padding:10px 10px 10px 0px; border-right:2px solid #0cadb0;}
	.profil-block-littledesc a {color:#57a3ff;}
	.num-call {border-radius:15px;}

}