/* HTML */
html, body {padding: 0; margin: 0;}
body {padding-top: 70px;}
.container-fluid {padding: 0;}
/* END HTML */

/* FONT */
@font-face {
	font-family: 'fontAlgness';
	src: url('../fonts/wilgatySmoothSlant.eot');
    src: url('../fonts/wilgatySmoothSlant.otf'),
		url('../fonts/wilgatySmoothSlant.eot?#iefix') format('embedded-opentype'),
        url('../fonts/wilgatySmoothSlant.woff2') format('woff2'),
        url('../fonts/wilgatySmoothSlant.woff') format('woff'),
        url('../fonts/wilgatySmoothSlant.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body {font-family: "Avenir Light", sans-serif; font-weight: lighter;}
/* END FONT */

/* COLOR */
.color1 {color: #ffffff;}/*BLANC*/
.color2 {color: #000000;}/*NOIR*/
.color3 {color: #4f5564;}/*BLEU FONCE*/
.color3B {color: #40454d;}/*BLEU FONCE ++*/
.color4 {color: #a7aab2;}/*GRIS BLEU*/
.color5 {color: #ece9e9;}/*GRIS SABLE*/
.color6 {color: #dbd2cb;}/*SABLE*/
/* END COLOR */

/* BGCOLOR */
.bgColor1 {background-color: #ffffff;}
.bgColor2 {background-color: #000000;}
.bgColor3 {background-color: #4f5564;}
.bgColor3B {background-color: #40454d;}
.bgColor4 {background-color: #a7aab2;}
.bgColor5 {background-color: #ece9e9;}
.bgColor6 {background-color: #dbd2cb;}
/* END BGCOLOR */

/* PADDING MARGIN */
.noPadding {padding: 0;}
/* END PADDING MARGIN */

/* LINK */
a, button, span.btnCircle {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
    transition: all 0.2s;
	transition-timing-function: ease-in;
	cursor: pointer;
	outline: none;
}
button:focus {outline: none;}
/* END LINK */

/* TEXT */
body {font-size: 1.04rem;}
p {line-height: 30px; color: #40454d;}
h1, h2, h3, h4, h5, h6, p {
    font-weight: lighter;
}
.semiHidden {
	opacity: 0.25;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
    transition: all 0.2s;
	transition-timing-function: ease-in;
}
/* END TEXT */

/* IMG */
.contentImg {position: relative; overflow: hidden;}
.contentImg235 {padding-top: 35%;}
.contentImg230 {padding-top: 30%;}
.contentImg135 {padding-top: 35%;}
.contentImg115 {padding-top: 15%;}
.contentImg127 {padding-top: 27%;}
.contentImg1465 {padding-top: 898px;}
.contentImg148 {padding-top: 48%;}
.contentImg25623 {padding-top: 28.115%;}
.contentImg1667 {padding-top: 66.7%}
.contentImg65P {padding-top: 65px;}
.contentImg139P {padding-top: 139px;}
.contentImg300P {padding-top: 300px;}

.correctionZone.contentImg {padding-top: 17.4%;}

.contentImg img {position: absolute; top: 0; margin-left: auto; margin-right: auto; left: 0; right: 0;}
@media (min-width: 1px) and (max-width: 575px) { /* XS */
	.contentImg235 {padding-top: 70%;}
	.contentImg230 {padding-top: 60%;}
	.contentImg115 {padding-top: 50%;}
	.contentImg25623 {padding-top: 56.23%;}
	.contentImg1465 {padding-top: 71.5%;}
	.contentImg148 {padding-top: 103%;}
	.correctionZone.contentImg {padding-top: 87.5%;}
}
@media (min-width: 576px) and (max-width: 767px) { /* SM */
	.contentImg235 {padding-top: 70%;}
	.contentImg230 {padding-top: 60%;}
	.contentImg115 {padding-top: 25%;}
	.contentImg25623 {padding-top: 56.23%;}
	.contentImg1465 {padding-top: 71.5%;}
	.contentImg148 {padding-top: 103%;}
	.correctionZone.contentImg {padding-top: 43.7%;}
}
@media (min-width: 768px) and (max-width: 991px) { /* MD */
	.contentImg235 {padding-top: 70%;}
	.contentImg230 {padding-top: 60%;}
	.contentImg115 {padding-top: 25%;}
	.contentImg25623 {padding-top: 56.23%;}
	.contentImg1465 {padding-top: 71.5%;}
	.correctionZone.contentImg {padding-top: 29.2%;}
}
@media (min-width: 992px) and (max-width: 1199px) { /* LG */
	.contentImg235 {padding-top: 35%;}
	.contentImg230 {padding-top: 30%;}
	.contentImg1465 {padding-top: 71.5%;}
	.correctionZone.contentImg {padding-top: 29.2%;}
}
/* END IMG */

/* HEADER FOOTER */
header nav.navbar {background-color: #4f5564; color: #ffffff;}
header nav.navbar img {max-width: 175px;}
header .navbar-toggler.collapsed {
	color: #ffffff;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
    transition: all 0.2s;
	transition-timing-function: ease-in;
}
header .navbar-toggler:hover, header .navbar-toggler {color: #a7aab2;}
header .navbar-toggler.collapsed .icon-bar, header .navbar-toggler .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	background-color: #ffffff;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
    transition: all 0.2s;
	transition-timing-function: ease-in;	
}
header .navbar-toggler:hover .icon-bar, header .navbar-toggler .icon-bar { background-color: #a7aab2;}
header .navbar-collapse {text-align: right; margin-right: 0;}
header a, header a:link {color: #ffffff; font-size: 0.85rem}
header a:hover, header a.active {color: #a7aab2; text-decoration: none;}
header a.active {font-weight: 500;}
header a.btnRectangle, header a.btnRectangle:link {padding:6px 10px; border: 1px solid #a7aab2; color: #a7aab2; margin:5px 0 25px;}
header a.btnRectangle:hover {border: 1px solid #ffffff; color: #ffffff;}
header .professional, header .professional:link {font-size: 0.85rem; margin: 0;}
header #worldMap {
	display: block;
	position: relative;
	border: none;
	margin-right: 10px;
}
header #worldMap .worldMap{
	filter : alpha(opacity=100);
	opacity: 1; 
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
    transition: all 0.2s;
	transition-timing-function: ease-in;
	position: relative;
	z-index: 110;
}
header #worldMap .worldMapHover {position: absolute; top: 0px; left: 0px; z-index: 100;}
header #worldMap .worldMap:hover { filter : alpha(opacity=0); opacity: 0;}
footer {font-size: 0.95rem;}
footer .container-fluid {padding: 35px 50px 30px;}
footer ul {padding: 0; margin-bottom: 0;}
footer li {list-style: none;}
footer p, footer a, footer a:link, footer button {color: #a7aab2;}
footer a:hover, footer button:hover {color: #ffffff; text-decoration: none;}
footer button, footer button:focus {
	background-color: transparent;
	border: none;
	outline: none;
	padding: 0;
	font-weight: lighter;
}
header i.fa, footer i.fa {margin: 20px 0 20px 10px; background-color: #ffffff; color: #4f5564; border-radius: 50%; text-align: center; width: 24px; height: 24px; line-height: 24px;}
footer i.fa {margin: 10px 10px 10px 0;}
header i.fa:hover, footer i.fa:hover {background-color: #a7aab2;}
footer .society {text-align: right;}
footer .society p {margin-top: 15px;}
footer .society img {max-width: 215px;}
header .nav-link, footer .nav-link {padding: .4rem 0rem;}
footer .FDA {
	display: inline-block;
	border: 1px solid #a7aab2;
	padding: 5px 15px;
	margin-bottom: 15px;
}
.navbar-brand {border-right: 1px solid #ffffff; padding-right: 20px; margin-right: 0px;}
.navbar-brand:hover {cursor: pointer;}
.navbar-nav {text-transform: uppercase;}
.navbar-nav .nav-link {margin: 0 10px;}
@media (min-width: 1px) and (max-width: 575px) { /* XS */
	.navbar-brand {border-right: none; padding-right: 0;}
	header .btnRectangle {margin-top: 10px;}
	header .navbar-collapse {margin-right: 5%;}
}
@media (min-width: 576px) and (max-width: 767px) { /* SM */
	.navbar-brand {border-right: none;}
	header .btnRectangle {margin-top: 10px;}
	header .navbar-collapse {margin-right: 10%;}
}
@media (min-width: 768px) and (max-width: 991px) { /* MD */
	.navbar-brand {border-right: none;}
	header .btnRectangle {margin-top: 10px;}
	header .navbar-collapse {margin-right: 15%;}
}
@media (min-width: 992px) and (max-width: 1199px) { /* LG */
	.navbar-brand {border-right: none;}
	header .btnRectangle {margin-top: 10px;}
	header .navbar-collapse {margin-right: 18%;}
}
@media (min-width: 1200px) and (max-width: 1600px) { /* EXTRA */
	.navbar-nav .nav-link {margin: 0 4px;}
}
/* END HEADER FOOTER */

/* BANNER */
.pagetitle {text-align: center;}
.pagetitle h2 {
	display: block;
	font-family: "Avenir Black", sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.04rem;
	border: 1px solid #4f5564;
	color: #4f5564;
	padding: 8px 12px 7px;
	letter-spacing: 3px;
}
.pagetitle h2.white {
	border: 1px solid #ffffff;
	color: #ffffff;
}
.banner {   
    position: relative;
    width: 100%;
    padding-top: 35%;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgBanner{margin: 25px 0 100px;}
.pagetitle {
	position:absolute;
	top:25px;
	left: 50%; 
	-ms-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
}
h2.pagetitle {
	position:absolute;
	top:25px;
	left: 50%; 
	-ms-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
	display: block;
	font-family: "Avenir Black", sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.04rem;
	border: 1px solid #4f5564;
	color: #4f5564;
	padding: 8px 12px 7px;
	letter-spacing: 3px;
}
.banner .image2, .contentImg .image2 {
	position:absolute;
	top: auto;
	bottom:0;
	right:30%;
	left:30%;
	width:40%;
	height:100%;
	z-index:5;
}
.banner .image2 img, .contentImg .image2 img {
	position: absolute;
	bottom: 0;
	top: auto;
	right: auto;
	left: auto;
}
@media (min-width: 1px) and (max-width: 575px) { /* XS */
	.banner {padding-top: 60%;}
	.pagetitle {top: 10px;}
	.pagetitle h2 {font-size: 0.85rem; padding: 4px 6px 3px;}
	.banner .image2, .contentImg .image2 {left: 15%; width: 70%; right: 15%;}
}
@media (min-width: 576px) and (max-width: 767px) { /* SM */
	.banner {padding-top: 55%;}
	.pagetitle {top: 15px;}
	.pagetitle h2 {font-size: 0.95rem; padding: 6px 8px 5px;}
	.banner .image2, .contentImg .image2 {left: 25%; width: 50%; right:25%;}
}
@media (min-width: 768px) and (max-width: 991px) { /* MD */
	.banner {padding-top: 50%;}
	.pagetitle {top: 20px;}
	.banner .image2, .contentImg .image2 {left: 27%; width: 46%; right:27%;}
}
@media (min-width: 992px) and (max-width: 1199px) { /* LG */
	.banner .image2, .contentImg .image2 {left: 30%; width: 40%; right:30%;}
}
/* END BANNER */

/* TRANSITION */
.transitionAll {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
    transition: all 0.2s;
	transition-timing-function: ease-in;
}
/* END TRANSITION */

/* BEFORE/AFTER */
.ba-slider {
    position: relative;
    overflow: hidden;
}
.ba-slider img {
    width: 100%;
    display: block;
}
.resize {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    overflow: hidden;
}
.ba-slider, .resize {padding: 25px 0 10px 0;}
.handle {
  position: absolute; 
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  margin-left: -1px;
  background: #4f5564;
  cursor: ew-resize;
}
.handle:after {
    position: absolute;
    top: 0px;
    width: 70px;
    margin-left: -34px;
    height: 25px;
	content: '';
	background: transparent url(../img/arrow.png) no-repeat center center;
	background-size: 100% auto;
	transition: all 0.3s ease;
}
.beforeAfter {
    position: relative;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: 0.75rem;
    line-height: 1rem;
	font-weight: 500;
}
.afterBloc,  .beforeBloc {
	position: absolute;
	bottom: 10px;
	color: #ffffff;
}
.afterBloc {right: 10px;}
.beforeBloc {left: 10px;}
.practitioner {
    letter-spacing: 3px; 
    text-transform: uppercase;
    font-size: 0.725rem;
}
/* END BEFORE/AFTER */

/* BTN */
.btnRectangle, .btnRectangle:link, .btnRectangle2, .btnRectangle2:link {padding: 5px 15px 4px; border: 1px solid #ffffff; color: #ffffff; margin:5px 0 25px; background-color: transparent; text-decoration: none; text-transform: uppercase; font-weight: lighter;  outline: none; box-shadow: none; text-shadow: none; -webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
    transition: all 0.2s;
	transition-timing-function: ease-in;
}
.btnRectangle2, .btnRectangle2:link {
	border: 1px solid #40454d;
	color: #ffffff;
	background-color: #40454d;
	padding: 10px 25px 8px;
	font-weight: 500;
	letter-spacing: 3px;
	margin: 25px auto;
}
.btnPopUp {text-align: right;}
.btnPopUp .btnRectangle2 {display: inline-block; margin: 10px 0 10px 15px; font-size: 0.75rem;}
.btnRectangle:hover, .btnRectangle2:hover {border: 1px solid #a7aab2; color: #a7aab2; box-shadow: none;}
a.btnCircle, a.btnCircle:link, button.btnCircle, button.btnCircle:link, button.btnCircle:focus, span.btnCircle, span.btnCircle:link  {
	color: #40454d;
	background-color: #d4d1d1;
	border-radius: 50%;
	border: none;
	text-align: center;
	font-size: 18px;
	line-height: 52px;
	width: 52px;
	height: 52px;
	display: block;
	text-decoration: none;
	margin: 25px auto 0;
}
a.btnCircle:hover, button.btnCircle:hover, span.btnCircle:hover {
	color: #ffffff;
	background-color: #40454d;
}
/* END BTN */

/* SLIDER */
.carousel-fade .carousel-item {
	opacity: 0;
	transition-duration: .6s;
	transition-property: opacity;
}
.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
	opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
	opacity: 0;
}
.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
	transform: translateX(0);
	transform: translate3d(0, 0, 0);
}
/* END SLIDER */

/* COOKIES */
#cookies {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #4f5564;
	height: auto;
	z-index: 999;
}
#cookies p {
	color: #ffffff;
	margin: 5px 0 8px;
	line-height: 1rem;
}
#cookies span {
	display: inline-block;
}
#cookies .btnRectangle {
	padding: 8px 15px 8px;
	font-size: 0.75rem;
	line-height: 0.75rem;
	margin: 0;
}
@media (min-width: 1px) and (max-width: 991px) { /* XS */
	#cookies span {display: block; margin-top: 5px;}
}
.switchPos {
 	position:relative;
  	display:inline-block;
  	width:60px;
  	height:32px;
}
.switchPos input {display:none;}
.slider {
  	position:absolute;
  	cursor:pointer;
  	top: 2px; left: 0; right: 0; bottom: 0;
  	background-color:#ece9e9;
  	-webkit-transition:.2s;
  	transition:.2s;
}
.slider:before {
  	position:absolute;
  	content: "";
  	height: 30px;
  	width: 30px;
  	left: 0px; bottom: 0px;
  	background-color:#dad5d5;
  	-webkit-transition: .2s;
  	transition: .2s;
}
input:checked + .slider {background-color:#ae0f0a;}
input:checked + .slider:before {
  	-webkit-transform: translateX(32px);
  	-ms-transform: translateX(32px);
  	transform: translateX(32px);
}
.slider.round {border-radius: 16px;}
.slider.round:before {border-radius: 50%;}    
.switchCookies {margin: 50px 0 20px;}
#activated, #disabled {font-weight: 600;}    
#disabled {color: #ae0f0a;}   
.textInput {
	display: inline-block;
	vertical-align: top;
	margin-top: 6px;
	margin-left: 10px;
}
/* END COOKIES */

/* MODAL */
.modal-header .close {
    padding: 0rem;
    margin: 0rem 0rem 0rem auto;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 2rem;
    font-weight: 100;
    text-shadow: none;
    background-color: #ece9e9;
    color: #40454d;
    opacity: 1;
    -webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
    transition: all 0.2s;
	transition-timing-function: ease-in;
}
.modal-header .close:hover, .close:not(:disabled):not(.disabled):hover {
    background-color: #4f5564;
    color: #ece9e9;
}
.modal-header {border: 0; padding: 15px;}
.modal-content {border-radius: 0;}
.modal-dialog {max-width: 50%;}
.modal-body {padding: 1rem 4rem 4rem 4rem;}
.modal-body p {text-align: justify; line-height: 20px;}
.modal-body h4 {color: #4f5564; font-weight: 900; letter-spacing: 3px; font-size: 1.0rem; margin-bottom: 20px;}
@media (min-width: 1px) and (max-width: 575px) { /* XS */
	.modal-dialog {max-width: 100%;}
	.modal-body {padding: 0.75rem 2rem 2rem 2rem;}
}
@media (min-width: 576px) and (max-width: 767px) { /* SM */
	.modal-dialog {max-width: 75%;}
	.modal-body {padding: 0.9rem 3rem 3rem 3rem;}
}
@media (min-width: 768px) and (max-width: 991px) { /* MD */
	.modal-dialog {max-width: 70%;}
	.modal-body {padding: 0.9rem 3rem 3rem 3rem;}
}
@media (min-width: 992px) and (max-width: 1199px) { /* LG */
	.modal-dialog {max-width: 55%;}
	.modal-body {padding: 1rem 4rem 4rem 4rem;}
}
.countries {width: 25%; display: block; float: left;}
.countries p {font-weight: bold; text-transform: uppercase; letter-spacing:2px; margin-top: 25px;}
.countries ul {list-style: none; padding: 0;}
.countries li {font-size: 1rem; line-height: 1; margin-bottom: 8px;}
.countriesList {position: relative;}
.blockImg {position: absolute; z-index: 2; width: 100%; height: 100%; margin-top: -30px;}
.countriesListText {position: relative; z-index: 5;}
#chooseYourCountry.modal.show .modal-dialog .modal-content {background-color: #ece9e9;}
#chooseYourCountry.modal.show h1 {font-family: fontAlgness, sans-serif; font-size: 6rem; line-height: 1; color: #4f5564; margin:0 0 50px; text-transform: none;}
#chooseYourCountry.modal.show li a, #chooseYourCountry.modal.show li a:link {color: #212529!important;}
#chooseYourCountry.modal.show li a:hover {color: #4f5564; text-decoration: none;}
@media (min-width: 1px) and (max-width: 575px) { /* XS */
	#chooseYourCountry .countries {width: 100%;}
	#chooseYourCountry.modal.show h1 {font-size: 3.6rem;}
}
@media (min-width: 576px) and (max-width: 767px) { /* SM */
	#chooseYourCountry .countries {width: 50%;}
	#chooseYourCountry.modal.show h1 {font-size: 4.6rem;}
}
@media (min-width: 768px) and (max-width: 991px) { /* MD */
	#chooseYourCountry .countries {width: 50%;}
	#chooseYourCountry.modal.show h1 {font-size: 5.6rem;}
}
@media (min-width: 992px) and (max-width: 1199px) { /* LG */
	#chooseYourCountry .countries {width: 50%;}
}
@media (min-width: 1200px) and (max-width: 1499px) { /* LG */
	#chooseYourCountry .countries {width: 50%;}
}
/* END MODAL */
/* MOVIE */
#embed, #embed iframe {max-width: 100%!important;}
.vp-player-layout {top: 0!important;}
/* END MOVIE */