@charset "utf-8";
/* CSS Document */

*, *:before, *:after {box-sizing:border-box !important;}
* {box-sizing:border-box;}

body {margin:0; padding:0;	background-color:#fff; font-size:13px; font-family: 'Montserrat', sans-serif; color:#222;}
#wrapper {max-width:1200px; margin:auto; padding:0 10px; overflow:hidden;}
#wrapperfull {width:100%; margin:auto; padding:0 10px; overflow:hidden;}
a {text-decoration:none;}

/*   header home  */
.header-index {background:#222; width:100%; margin:0 auto 10px; text-align:center; border-bottom: 1px solid #fff; -webkit-box-shadow: 0px 10px 30px 1px rgba(0,0,0,0.71); -moz-box-shadow: 0px 10px 30px 1px rgba(0,0,0,0.71); box-shadow: 0px 10px 30px 1px rgba(0,0,0,0.71);}
.logo-index {padding:20px; margin:0;}
.logo-index img {height:auto; max-width:469px; width:100%;}

/*   nav  */
.menu {background:#d91d5b; color:#111; margin:0; padding: 10px; text-align:center;}
.menu a {color:#fff; text-decoration:none; line-height:20px; font-size:17px; font-weight:400; padding:0 6px; display:inline-block; white-space:nowrap;}

/*   menu-horz   */
.list-horiz {color: #fff; list-style-type:none; text-align:center; margin:15px 0 5px; padding:0;}
.list-horiz li {display:inline; padding:0 0.5em;}
.list-horiz a {color:#fff;}

/*   breadcrumb   */
.breadcrumb {border: 1px solid #ccc; margin:auto; padding:8px 15px; text-align:left;}
.breadcrumb ul {list-style-type:none; margin:0px; padding:0;}
.breadcrumb li {display:inline; padding:0;}
.breadcrumb a {text-decoration:none; font-size:1.1em; color:#333; font-weight:500;}

/*   liste   */
ul.liste {}
li.liste {}
ul.liste a {color: #333; font-weight: 600; line-height: 30px;}

/*   H1 / H2 / H3   */
h1, .htop {font-size:25px; font-weight:700; margin:20px auto 15px; padding:0 10px; text-align:center; color:#d91d5b;}
h2 {text-align:center; font-size:16px; font-weight:700;}
.baseline {margin: 0 auto 20px; font-size: 14px;}
h3.h3profil {background-color:#333; font-size:25px; font-weight:700; margin:10px auto; padding:4px 7px 7px; text-align:center; color:#fff;}
.h3index {background:#ccc; color: #fff; font-size:14px; font-weight:300; padding: 10px; margin-bottom:25px; font-style:italic; text-align:justify;}
.h2texte, .h3texte {font-size:16px; font-weight:300; margin:20px auto 25px; font-style:italic; text-align:justify;}
h1 img {float: left; width: 100%; height: auto; max-width: 186px; margin: 5px 10px 10px 0px;}
.illu-left {overflow: hidden;}

/*   section   */
.columnfull {width:100%; -moz-column-width:20em; -webkit-column-width:20em; column-width:20em; -moz-column-gap:2em; -webkit-column-gap:2em; column-gap:2em; overflow:hidden;}
.columnfulltest {}
.columnfullhotesses {width:100%; margin:auto; overflow:hidden;}

.mob {display:none;}

/*   page profil   */
.ph2 {border-bottom:1px solid #eee; font-size:15px; font-weight:500; padding:0 10px 15px; margin-bottom:25px; text-align:justify;}
.h2profil {margin:0; padding:0; font-size:18px; font-weight:700; color:#d91d5b;}
.profil-page-block {margin:auto; display:block; overflow:hidden;}
.profil-page-block1 {float:left; max-width:400px; width:40%; margin:0 2% 2% 0; overflow:hidden;}
.profil-page-block1 img {width:100%; height:auto;}
.profil-page-block2 {float:left; width:60%; padding:0 0 0 1%; overflow:hidden;}
.profil-page-desc {font-size:15px; font-style:italic; text-align:justify; margin-bottom:20px}
.profil-page-desc span {float:left; border-right:1px solid #d91d5b; color:#d91d5b; font-size:1.8em; font-weight:700; font-style:normal; margin-right:5px; padding-right:5px; min-height:30px;}
.profil-page-ph3 {font-size:15px; text-align:justify; margin-bottom:15px; font-style:italic;}
a.link {color:#d91d5b; text-decoration:underline;}
.profil-page-call {text-align:center; margin:15px 0 0; }
.profil-page-call img {height:auto; width:100%; max-width:320px;}
.profil-page-call-num {font-size:45px; font-weight:900; text-align:center; color:#d91d5b; margin-bottom:15px;}
.profil-page-copines {text-align:center; background:#333; padding:7px 10px; font-size:16px; font-weight:500; color:#eee;}
.profil-page-block3 {width:100%; margin:10px auto 35px; display:inline-block; overflow:hidden;}
.profil-mini {float:left; width:10.1%; margin:0.5%;}
.profil-mini img {height:auto; width:100%;}

/*   profil liste   */
.profil-amat {margin-bottom:5%; padding-bottom:5px; width:100%; display:inline-block;}
.profil-amat h3 {margin:0; padding:0;}
.profil-amat-illu {background: url(/img/gradient-photo.png) repeat-x bottom; margin-bottom:10px; position:relative; overflow:hidden;}
.profil-amat-illu img {z-index:-1; margin-bottom:-3px; width:100%; height:auto; position:relative;}
.profil-amat-bottom {bottom:0; padding:10px; width:100%; z-index:1000; position:absolute;}
.bottomplus {padding: 0 5px !important;}
.profil-amat-pseudo {font-size:30px; color:#fff; font-weight:600; line-height:45px;}
.profil-amat-dispo {margin-bottom: -3px;}
.profil-amat-dispo img {width:100%; height:auto; max-width:112px;}
.profil-amat-block2 {width:80%; margin:auto; padding:12px 20px; overflow:hidden;}
.profil-call {text-align:center; margin:0;}
.profil-call img {height:auto; width:100%; max-width:320px;}
.profil-call-num {font-size:33px; font-weight:bold; text-align:center; color:#d91d5b;}
h4.h4liste {margin:0; font-weight:inherit;}

/*   profil full   */
.fullprofil-block {margin:0 auto 20px; padding-bottom:10px; border-bottom:1px solid #eee; overflow:hidden;}
.fullprofil-img {background: url(/img/gradient-photo.png) repeat-x bottom; float:left; max-width:320px; width:23%; margin-right:2%; min-width:200px; position: relative;}
.fullprofil-img img {z-index:-1; width:100%; height:auto; margin-bottom:-3px; position:relative;}
.fullprofil-plus {width:45%; margin:-10% auto 10px; text-align:center; position:relative;}
.fullprofil-plus img {max-width:144px;}
.h2fullprofil {background:#ccc; color:#d91d5b; padding:8px 15px; font-weight:500; font-size:18px; text-align:left; overflow:hidden;}
.fullprofil-desc {}
.fullprofil-nom {float:left; border-right:1px solid #d91d5b; color:#d91d5b; font-size:27px; font-weight:700; margin-right:5px; padding-right:5px; min-height:32px;}
.fullprofil-desc-desc {color:#d91d5b; font-size:15px; text-align:justify; margin-bottom:20px;}
.h3fullprofil {font-size:16px; margin-bottom:5px;}
.fullprofil-ph2 {text-align: justify; font-size: 15px; font-weight: 600; font-style: italic; color: #d91d5b;}
.bouton {background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #d91d5b), color-stop(1, #971440) );
	background-image:-o-linear-gradient(bottom, #d91d5b 0%, #971440 100%);
	background-image:-moz-linear-gradient(bottom, #d91d5b 0%, #971440 100%);
	background-image:-webkit-linear-gradient(bottom, #d91d5b 0%, #971440 100%);
	background-image:-ms-linear-gradient(bottom, #d91d5b 0%, #971440 100%);
	background-image:linear-gradient(to bottom, #d91d5b 0%, #971440 100%);
	background-color:#d91d5b; border-radius:20px; border:2px solid #fff; overflow:hidden;}
.fullprofil-bouton {font-size:30px; font-weight:600; color:#fff; padding:13px 10px; text-align:center; margin-bottom:15px;}
a.fullprofil-bouton {text-decoration:none;}
.fullprofil-bouton span {white-space: nowrap;}

/*   elements   */
.barre {text-align:center; margin:10px; padding-bottom:20px;}
.barre a {background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #d91d5b), color-stop(1, #9e0156) );
	background-image:-o-linear-gradient(bottom, #d91d5b 0%, #9e0156 100%);
	background-image:-moz-linear-gradient(bottom, #d91d5b 0%, #9e0156 100%);
	background-image:-webkit-linear-gradient(bottom, #d91d5b 0%, #9e0156 100%);
	background-image:-ms-linear-gradient(bottom, #d91d5b 0%, #9e0156 100%);
	background-image:linear-gradient(to bottom, #d91d5b 0%, #9e0156 100%);
	background-color:#d91d5b;
	color:#eee; font-size:20px; font-weight:700; padding:15px 20px; border-radius:10px; text-decoration:none;}
.textealacon {padding:0 10px 20px; text-align:justify;}

/*    footer    */
footer {background:#222; margin:0; padding:0 0 300px; overflow:hidden;}
.footer-text {text-align:justify; font-size:13px; color:#bababa; padding: 10px;}
.copy {background:#d91d5b; border-top: 1px solid #fff; text-align:center; color:#eee; padding:10px; font-weight:300;}

/*   price   */
.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;}

@media screen and (max-width:1725px) {
	.columnfull article:nth-child(n+19) { display:block;}
}

@media screen and (max-width:770px) {
	.hheader-index {display:block;}
	.hheader-page {display:none;}
	.logo img, h1.logo-index img {width:70%;}
	.logo {font-size:15px;}
	.fullprofil-bouton {font-size:20px;}
}

@media screen and (max-width:500px) {
	.h2fullprofil {font-size:14px;}
	.h2texte, .h3texte {font-size:13px;}
	.fullprofil-desc-desc {font-size: 13px;}
	.fullprofil-ph2 {font-size: 13px;}
}

@media screen and (max-width:599px) {
	header.header-page {margin:0 auto 5px;}
	.logo-index {font-size:16px;}
	.logo-index span {width:70%; display:block; margin:0 auto 5px;}
	h1, h2.h2index, h3.h3profil {font-size:18px;}
	.ph2 {font-size:13px;}
	.h2profil {font-size:15px;}
	.h3index {font-size:12px;}
	.h3index span {float:left; font-size:2.8em; margin-top:-4px; padding-right:10px;}
	.profil-page-desc, .profil-page-ph3 {font-size:13px;}
	.menu a {font-size:14px; padding:0 6px 6px;}
	.columnfull {-moz-column-width:auto; -webkit-column-width:auto; column-width:auto; -moz-column-gap:0; -webkit-column-gap:0; column-gap:0;}
	.profil-page-block1, .profil-page-block2, .profil-page-block3 {float:none; width:100%; max-width:100%;}
	.profil-mini {width:31.1%; margin:1%;}
	.barre a {font-size:14px;}
	.mob {display:block;}
	.profil-amat-block2 {width:100%; margin:0 auto 10px;}
	.desk {display:none;}
	.fullprofil-img {float:none; margin-right:0; width:100%; max-width:100%; margin-bottom: 10px;}
	.call-bottom-text {font-size:20px;}
	.call-bottom {font-size:37px; width:90%;}
}

@media screen and (max-width:420px) {
	h1 img {max-width: 100%;}
}