/*
Theme Name: Clinique
Description: Thème custom pour Hormonal santé
Author: Boréale média
Author URI: https://borealemedia.com
Version: 1.0

*/

/***************************************************************************************************************************************************************************************/

/*HTML5 BOILERPLATE MINIFIED*/

/***************************************************************************************************************************************************************************************/

*{box-sizing:border-box;}article{display:block}aside{display:block}details{display:block}figcaption{display:block}figure{display:block;margin:0}footer{display:block}header{display:block}hgroup{display:block}nav{display:block}section{display:block}audio{display:inline;zoom:1}canvas{display:inline;zoom:1}video{display:inline;zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif;color:#222}button{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;cursor:pointer;-webkit-appearance:button;overflow:visible;margin:0}input{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;margin:0}select{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;margin:0}textarea{font-family:sans-serif;color:#222;font-size:100%;overflow:auto;vertical-align:top;resize:vertical;margin:0}body{font-size:1em;line-height:1.4;margin:0}::-moz-selection{background:#333;color:#fff;text-shadow:none}::selection{background:#333;color:#fff;text-shadow:none}a{color:#00e}a:hover{color:#06e;outline:0}a:active{outline:0}abbr[title]{border-bottom:1px dotted}b{font-weight:700}strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}pre{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;white-space:pre-wrap;word-wrap:break-word}code{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}kbd{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}q{quotes:none}q:before{content:none}q:after{content:none}small{font-size:85%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline;bottom:-.25em}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-.5em}ul{margin:1em 0;padding:0 0 0 40px}ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul{list-style:none;list-style-image:none;margin:0;padding:0}nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;margin-left:-7px;white-space:normal;padding:0}input[type="button"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="reset"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="submit"]{cursor:pointer;-webkit-appearance:button;overflow:visible}button[disabled]{cursor:default}input[disabled]{cursor:default}input[type="checkbox"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="radio"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}input:invalid{background-color:#f0dddd}textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0}

/***************************************************************************************************************************************************************************************/

/*BODY STYLES*/

/***************************************************************************************************************************************************************************************/
@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Regular.woff2') format('woff2'),
        url('fonts/Lato-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN';
    src: url('fonts/DIN-Regular.woff2') format('woff2'),
        url('fonts/DIN-Regular.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Knockout29';
    src: url('fonts/knockout_htf47bantamweight_regular-webfont.woff2') format('woff2'),
        url('fonts/knockout_htf47bantamweight_regular-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Bold.woff2') format('woff2'),
        url('fonts/Lato-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINCond';
    src: url('fonts/DINCond-Regular.woff2') format('woff2'),
        url('fonts/DINCond-Regular.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Knockout';
    src: url('fonts/Knockout-HTF28-JuniorFeatherwt.woff2') format('woff2'),
        url('fonts/Knockout-HTF28-JuniorFeatherwt.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINCond';
    src: url('fonts/DINCond-Medium.woff2') format('woff2'),
        url('fonts/DINCond-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINCond';
    src: url('fonts/DINCond-Bold.woff2') format('woff2'),
        url('fonts/DINCond-Bold.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'lato';
    src: url('fonts/lato-reg-webfont.woff2') format('woff2'),
        url('fonts/lato-reg-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

html {
    font-size: 100%;
}

body { 
	background: #FFF; 
	color: #000; 
	font: 1em lato, Arial, Helvetica, Sans-serif; 
}
button:not(.gm-control-active) {
	background-color: #f22935;
	padding: 0 40px;
	font-family: Knockout, Arial, Helvetica, Sans-serif;
	font-size: 19px;
	line-height: 40px;
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
	border-radius: 6px;
	box-shadow: none;
	border: none;
	transition: all .5s ease;
}
button:hover{
	background-color: #000;
}
a { 
	text-decoration: none;
	transition: all .5s ease;
	color: #e00022;
}

a:hover {
	color: #333;
}

.container {
	clear: both;
	margin: 0 auto; 
	max-width: 1220px;
	position: relative;
	padding:0 20px;
}

img {
	height: auto;
	max-width: 100%;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


div.ranger{
	display: flex;
	flex-wrap: wrap;
}
div.therapeute{
	position: fixed;
	bottom: 0;
	right: 0;
	background-color: #2d9e8d;
	width: auto;
	padding: 20px;
	color: #fff;
	font: 1em lato, Arial, Helvetica, Sans-serif;
	cursor: pointer;
	z-index: 9999999;
}
a.th{
	color: #fff;
}
a.th:hover{
	text-decoration: none;
}
/***************************************************************************************************************************************************************************************/

/*HEADER STYLES*/

/***************************************************************************************************************************************************************************************/
header{
	display: block;
	position: absolute;
	z-index: 2;
	width: 100%;
}
/***Mobile Menu***/
div#menu-mobile{
	display: none;
}
nav img.btn-menu{
	display: none;
}
div#menu-mobile{
	width: 260px;
	display: none;
	position: absolute;
	top: 120px;
	right: 0%;
	text-align: left;
	z-index: 2000;
	border: 1px solid #cacaca;
}
div#menu-mobile li{
	border-top: 1px solid #969696;
}
div#menu-mobile li:first-of-type{
	border-top: none;
}
div#menu-mobile li li a{
	padding-left: 48px;
	font-family: Knockout, Arial, Helvetica, Sans-serif;
	font-size: 18px;
	line-height: 24px;
	color: #505050;
}
div#menu-mobile li a{
	background-color: #ffffff;
	display: block;
	width: 100%;
	padding: 6px 24px;
	font-family: Knockout, Arial, Helvetica, Sans-serif;
	font-size: 20px;
	line-height: 24px;
	color: #000000;
	box-sizing: border-box;
}
img.logo{
	margin-top: 18px;
}
/***************************************************************************************************************************************************************************************/

/*NAV STYLES*/

/***************************************************************************************************************************************************************************************/
header nav{
	display: flex;
}
header nav ul.menu{
	display: flex;
}
header nav ul.sub-menu{
	flex-direction: column;
	display: none;
	position: absolute;
	margin-top: -10px;
    text-align: left;
    background-color: #fff;
    padding-top: 5px;
    bottom: 0;
    transform: translateY(100%);
	border: 1px solid #cacaca;
	width: 200px;
}
header nav ul.menu li{
	position: relative;
}
header nav ul.menu > li.menu-item-has-children:hover > ul.sub-menu {
    display: flex;
    
}
header nav ul.menu > li:hover > ul li{
	border-bottom: 1px solid #cacaca
}
header nav ul.menu > li:hover > ul li:last-of-type{
	border-bottom: none;
}
header nav ul.menu > li{
}
header nav ul.menu > li > a{
	font-family: Knockout, Arial, Helvetica, Sans-serif;
	font-size: 20px;
	line-height: 24px;
	color: #000000;
	text-transform: uppercase;
	letter-spacing: 0.75px;
}
header nav ul.menu > li.red a {
	display: inline-block;
	background-color: #f22935;
	min-width: 120px;
	padding: 0 20px;
	font-family: Knockout, Arial, Helvetica, Sans-serif;
	font-size: 19px;
	line-height: 40px;
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
	border-radius: 6px;
}
header nav ul.menu > li.red a:hover{
	color: #fff;
}
header nav ul.menu > li.vert a{
	color: #fff;
	background-color: #2d9e8d;
	display: inline-block;
	min-width: 120px;
	padding: 0 20px;
	font-family: Knockout, Arial, Helvetica, Sans-serif;
	font-size: 19px;
	line-height: 40px;
	text-transform: uppercase;
	text-align: center;
	border-radius: 6px;
}
header nav ul.menu > li.vert a:hover{
	background-color: #1f3152;
	color: #fff;
}
header nav ul.menu > li a {
	float: right;
	font-family: Knockout, Arial, Helvetica, Sans-serif;
	font-size: 19px;
	line-height: 40px;
	color: #000000;
	text-transform: uppercase;
	margin-left: 24px;
	}
header nav ul.menu > li:hover > a{
	color: #f22935;
}
header div.colonne:first-of-type{
	width: 35%;
}
header div.colonne:first-of-type img{
	max-width: 100%;
}
header div.colonne:last-of-type{
	width: 65%;
}
header div.colonne:last-of-type div{
	display: flex;
	flex-direction: row-reverse;
}
header div.menu-top{
	margin-top: 20px;
}
header div.menu-bas{
	margin-top: 20px;
}
header nav ul.sub-menu > li a {
    float: none;
    font-family: TEAMDinRegular, Arial, Helvetica, Sans-serif;
    margin-left: 0;
	line-height: 1;
	text-transform: none;
	font-size: 14px;
}
header nav ul.sub-menu > li{
	padding: 10px;
}
/***************************************************************************************************************************************************************************************/

/*FOOTER STYLES*/

/***************************************************************************************************************************************************************************************/
footer{
	margin-top: 60px;
	margin-bottom: 80px;
}
footer div.ranger{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	border-top: 1px solid #000;
	font-family: Knockout, Arial, Helvetica, Sans-serif;
}
footer img.icon{
	width: 35px;
	margin-left: 5px;
}
footer div.ranger-haut{
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #000;
	font-family: Knockout, Arial, Helvetica, Sans-serif;
	font-size: 28px;
	line-height: 36px;
}
footer div.ranger-haut div.colonne:first-of-type{
	border-right: 1px solid #000;
	padding: 30px 0;
	width: 32.5%;
}
footer div.ranger-haut div.colonne:last-of-type{
	width: 67.5%;
	padding: 30px 30px 30px 30px;
}
footer p{
	font-size: 24px;
}
footer #copy p{
	font-size: 16px;
}
footer #copy{
	padding-top: 20px;
}
/***************************************************************************************************************************************************************************************/

/*HOME STYLES*/

/***************************************************************************************************************************************************************************************/
section#slide-accueil .slide-accueil .bg{
	height: 820px;
	width: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	
}
section#slide-accueil .slide-accueil div.container{
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: inherit;
}
section#slide-accueil .slide-accueil h3{
	font-family: Knockout, Arial, Helvetica, Sans-serif;
	font-size: 48px;
	line-height: 1.2;
	color: #000000;
	margin-bottom: 40px;
}
section#slide-accueil .slide-accueil button {
	min-width: 300px;
	padding: 10px 20px;
	font-size: 32px;
	border-radius: 6px;
}
section#slide-accueil .content div.col{
	width: 19%;
	padding: 0 5px;
	top: -100px;
	z-index: 2;
	position: relative;
}
section#slide-accueil .content div.col img{
	width: 100%;
	border: 20px solid #fff;
	border-radius: 50%;
	position: relative;
	z-index: 2
}
section#slide-accueil .content div.col:nth-child(3){
	width: 24%;
	 top: -209px;
	position: relative;
	z-index: 1;
}
section#slide-accueil .content div.col:nth-child(3) img {
   
    border: none;
    width: 140%;
    max-width: 140%;
    left: -20%;
    z-index: 1;
}
section#slide-accueil .content h3 {
    font-family: Knockout, Arial, Helvetica, Sans-serif;
    font-size: 21px;
    line-height: 24px;
    color: #000000;
    text-transform: uppercase;
	text-align: center;
	font-weight: 400;
	padding-top: 32px;
	background-image: url("images/ombrage_rond.png");
	background-size: 80%;
	background-position: top;
	background-repeat: no-repeat;
	margin: 0;
}
section#slide-accueil .content div.col:hover h3{
	color: #f22935;
}
section#slide-accueil .content div.col:nth-child(3) h2{
	font-family: Knockout, Arial, Helvetica, Sans-serif;
	background-color: #f22935;
	min-width: 120px;
	padding: 0 20px;
	font-size: 25px;
	line-height: 40px;
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
	border-radius: 6px;
	white-space: nowrap;
	display: block;
	margin: 0 auto;
	margin-top: -8px;
}
section#slide-accueil .content div.col:nth-child(3) div.texte{
	background-image: url("images/ombrage_rond.png");
	background-size: 80%;
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 32px;
}
section#slide-accueil .content{
	margin-bottom: -140px;
}
section#slide-accueil div#intro h1, section#slide-accueil div#intro h2, section#slide-accueil div#intro h3{
	font-family: Knockout, Arial, Helvetica, Sans-serif;
	font-size: 40px;
	color: #f22935;
}
section#slide-accueil div#intro div.colonne{
	width: 50%;
	padding-bottom: 30px;
}
section#slide-accueil div#intro div.colonne:first-of-type{
	padding-right: 25px;
}
section#slide-accueil div#intro div.colonne:last-of-type{
	padding-left: 25px;
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
div#video div.video{
	width: 90%;
	max-width: 800px;
	display: block;
	margin: 0 auto;
	-moz-appearance: none;
	appearance: none;
	margin-top: 30px;
	margin-bottom: 60px;	
}
div#video img{
	max-width: 400px;
	display: block;
	margin: 0 auto;
}
section#slide-accueil div#intro div.ranger.bg-content{
	padding: 30px 0px 0;
	
}
section#slide-accueil div#intro div.ranger.bg-content div.colonne:first-of-type{
}
/***************************************************************************************************************************************************************************************/

/*CLINIQUE STYLES*/

/***************************************************************************************************************************************************************************************/
div.height{
	width: 100%;
	height: 120px;
}
.acf-map {
    width: 100%;
    height: 300px;
    margin: 20px 0;
}

.acf-map img {
   max-width: inherit !important;
}
section#clinique{
	width: 100%;
	font-family: Knockout, Arial, Helvetica, Sans-serif;
	font-size: 20px;
}
section#clinique div.ranger{
	flex-direction: row;
	justify-content: space-between;
}
section#clinique div.colonne:first-of-type{
	width: 65%;
	padding-top: 5%;
}
section#clinique.landing div.colonne:first-of-type{
	width: 100%;
}
section#clinique.landing div.logo:after{
	content: none;
}
section#clinique div.colonne:last-of-type{
	width: 25%;
	padding-top: 8.2%;
}
section#clinique div.breadcrumb{
	width: 100%;
	border-bottom: 1px solid #cacaca;
}
section#clinique div.breadcrumb p{
	color: #000;
	font-size: 20px;
	margin-bottom: 4px;
}
section#clinique div.breadcrumb p a{
	color: #e00022;
	text-transform: uppercase;
	font-family: DINCond, Arial, Helvetica, Sans-serif;
	font-size: 14px;
}
section#clinique div.logo{
	width: 30%;
	display: block;
	flex-direction: column;
	justify-content: center;
	padding: 0;
	position: relative;
	margin: 20px 0;
}
section#clinique.landing div.logo{
	padding-top: 30px;
}
section#clinique div.logo div{
	position: relative;
}
section#clinique.landing div.logo{
	max-width: 200px;
}
section#clinique.landing div.content{
	padding-top: 30px;
}
section#clinique.landing div.coordonnees{
	padding-bottom: 30px;
}
section#clinique div.logo div:after{
	position: absolute;
	content: '';
	bottom: 0;
	right: 0;
	width: 30%;
	height: 30%;
	background-image: url("images/favicon.png");
	background-repeat: no-repeat;
	background-size: contain;
}
section#clinique div.logo img{
	width: 100%;
	border: 5px solid #e00022;
	border-radius: 50%;
}
section#clinique div.coordonnees{
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #cacaca;
}
section#clinique div.adresse{
	width: 70%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 5%;
}
section#clinique.landing div.adresse{
	padding-top: 30px;
}
section#clinique.landing h2{
	margin-top: 30px;
	margin-bottom: 0;
}
section#clinique.landing h3{
	margin-top: 20px;
	margin-bottom: 0;
}
section#clinique.landing h4{
	margin-top: 20px;
	margin-bottom: 0;
}
section#clinique div.adresse a{
	color: #000;
}
section#clinique div.adresse p{
	margin: 0.5em 0;
}
section#clinique div.adresse h1{
	font-size: 28px;
	margin: 0;
	position: relative;
	padding-bottom: 10px;
	text-transform: uppercase;
}
section#clinique div.adresse h1:before{
	content: '';
	width: 20px;
	height: 2px;
	bottom:0;
	left: 0;
	background-color: #e00022;
	position: absolute;
}
section#clinique div.colonne:last-of-type button{
	background-color: #e00022;
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	text-transform: uppercase;
	color: #fff;
	font-family: Knockout, Arial, Helvetica, Sans-serif;
	padding: 5px;
	width: 100%;
}
section#clinique div.content p, section#clinique div.adresse p, section#clinique div.colonne:last-of-type p{
	font-family: DINCond, Arial, Helvetica, Sans-serif;
	font-size: 16px;
	line-height: 24px;
}
section#clinique.landing div.content p, section#clinique.landing div.adresse p, section#clinique.landing div.colonne:last-of-type p,section#clinique.landing div.colonne:last-of-type td, section#clinique.landing div.colonne:last-of-type li{
	font-family: lato, Arial, Helvetica, Sans-serif; 
	font-size: 16px;
	line-height: 24px;
}
section#clinique.landing div.colonne:last-of-type td{
	padding: 15px;
}
section#clinique.landing div.colonne:last-of-type table{
	overflow-x: scroll;
}
section#clinique.landing div.coordonnees{
	border-bottom: none;
}
section#clinique.landing a{
	color: #f22935;
	text-decoration: underline;
}
section#clinique.landing a:link,section#clinique.landing a:visited{
	color: #f22935;
} 
section#clinique div.adresse p{
	line-height: 1;
}
section#clinique div.content h2{
	text-transform: uppercase;
}
section#clinique div.content hr{
	width: 100%;
	border-top: 1px solid #cacaca;
}
section#clinique div.content{
	padding-bottom: 30px;
}
section#clinique div.colonne:last-of-type h3{
	font-size: 22px;
	text-transform: uppercase;
	color: #e00022;
}
section#page .gm-style-iw-d p{
	margin-bottom: 0;
}
section#page .gm-style-iw-d h4{
	font-size: 24px;
	margin: 0;
}
section#page .gm-style-iw-d a:hover{
	color: #333;
}
/***************************************************************************************************************************************************************************************/

/*DEFAULT PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

section#page div.breadcrumb{
	width: 100%;
	border-bottom: 1px solid #cacaca;
	margin-top: 40px;
}
section#page div.breadcrumb p{
	color: #e00022;
	font-family: DINCond, Arial, Helvetica, Sans-serif;
	font-size: 14px;
	margin-bottom: 4px;
	text-transform: uppercase;
}
section#page div.breadcrumb p a{
	color: #e00022;
}

section#page div.colonne.content{
	width: 70%;
	padding-right: 5%;
}
section#page div.colonne.sidebar{
	width: 30%;
	margin-top: 60px;
}
section#page div.colonne.sidebar div.ranger{
	width: calc( 100% + 20px);
	margin-left: -10px;
	margin-right: -10px;
}
section#page div.colonne.sidebar div.col{
	width: 50%;
	padding: 10px;
}
section#page div.colonne.sidebar div.col h3{
	font-family: Knockout, Arial, Helvetica, Sans-serif;
	color: #000;
	font-size: 13px;
	text-align: center;
	text-transform: uppercase;
}
section#page div.colonne.sidebar button {
    background-color: #f22935;
    width: 100%;
	height: 24px;
    padding: 0 40px;
    font-family: Knockout, Arial, Helvetica, Sans-serif;
    font-size: 19px;
    line-height: 0px;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    border-radius: 6px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
    box-shadow: none;
    border: none;
    transition: all .5s ease;
	margin-bottom: 20px;	
}
section#page div.colonne.sidebar button:hover{
	background-color: #000;
}
section#page div.colonne.sidebar ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
section#page div.colonne.sidebar ul li{
	width: 100%;
	border-bottom: 1px solid #000;
	font-family: Knockout, Arial, Helvetica, Sans-serif;
	font-weight: 400;
	color: #000;
	font-size: 16px;
	text-transform: uppercase;
	padding: 10px 0;
}
section#page div.colonne.sidebar ul li.sub a{
	text-transform: none;
	font-family: DIN, Arial, Helvetica, Sans-serif;
	font-weight: 400;
	font-size: 13px;
}
section#page div.colonne.sidebar ul li a{
	color: #000;
}
section#page div.colonne.sidebar ul li a:hover, section#page div.colonne.sidebar ul li a.active{
	color: #f22935;
}
section#page div.colonne.sidebar ul li.first{
	border-bottom: none;
}
section#page div.colonne.sidebar .liens{
	margin-bottom: 40px;
}
.left { 
	float: left; 
	margin-right: 15px; 
}

.right { 
	float: right; 
	margin-left: 15px; 
}

.clear{
	clear:both;
}

section#page div.colonne.content .acf-map {
	width: 100%;
	height: 400px;
	border: #ccc solid 1px;
	margin: 20px 0;
}

/* fixes potential theme css conflict */
section#page div.colonne.content .acf-map img {
   max-width: inherit !important;
}

section#page h1{
	font-family: Knockout, Arial, Helvetica, Sans-serif;
	font-size: 21px;
	line-height: 48px;
	color: #000;
	text-transform: uppercase;
}
section#page h1 img{
	margin-right: 21px;
	width: 48px;
	height: auto;
}
section#page h2{
	font-size: 18px;
	line-height: 24px;
	color: #000;
	font-weight: 700;
}
section#page h3{
	font-size: 18px;
	line-height: 24px;
	color: #000;
	font-weight: 700;
}
section#page li{
	line-height: 21px;
	font-size: 15px;
	margin-bottom: 10px;
}
section#page p, p{
	line-height: 24px;
	font-size: 15px;
	margin-bottom: 24px;
	margin-top: 0;
}
section#page ul {
    margin: 1em 0;
    padding: 0 0 0 20px;
}
section#page input, section#page textarea{
	border:none;
	background-color: #f1f1f1;
	height: 35px;
	font: 1em DIN, Arial, Helvetica, Sans-serif;
	color: #000;
	box-shadow: none;
	border-radius: 0;
	padding: 0 10px;
	font-family: lato, Arial, Helvetica, Sans-serif; 
}
section#page textarea{
	height: 300px;
}
section#page button:not(.gm-control-active){
	background-color: #f22935;
	padding: 0 40px;
	font-family: Knockout, Arial, Helvetica, Sans-serif;
	font-size: 19px;
	line-height: 40px;
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
	border-radius: 6px;
	box-shadow: none;
	border: none;
	transition: all .5s ease;
}
section#page button:hover{
	background-color: #000;
}
/***************************************************************************************************************************************************************************************/

/*COLUMNS*/

/***************************************************************************************************************************************************************************************/
@media screen and (max-width:1279px){
	section#slide-accueil .content div.col:nth-child(3) {
		width: 24%;
		top: calc( -9vw - 100px );
		position: relative;
		z-index: 1;
	}
	section#slide-accueil .content div.col:nth-child(3) h2{
		font-size: 1.8vw;
	}
	
}

@media screen and (max-width:1023px){
	nav img.btn-menu{
		display: block;
	}
	div.menu-top li:not(.red){
		display: none;
	}
	header div.colonne:last-of-type div.menu-bas{
		display: none;
	}
	section#clinique div.colonne:first-of-type{
		width: 100%;
	}
	section#clinique div.colonne:last-of-type{
		width: 100%;
		padding-bottom: 30px;
	}
	footer div.ranger {
		display: block;
		text-align: center;
	}
	section#slide-accueil .content div.col:nth-child(3){
		order: 1;
		width: 100%;
		justify-content: center;
	}
	section#slide-accueil .content div.ranger{
		max-width: 400px;
		
	}
	section#slide-accueil .content div.col:nth-child(3) img{
		max-width: 200px;
		display: block;
		margin: 0 auto;
		left: 0;
		border-radius: 0;
	}
	section#slide-accueil .boule div.container{
		display: flex;
		justify-content: center;
	}
	section#slide-accueil .content div.col{
		width: 50%;
	}
	section#slide-accueil .content div.col:nth-child(1){
		order: 2;
	}
	section#slide-accueil .content div.col:nth-child(2){
		order: 3;
	}
	section#slide-accueil .content div.col:nth-child(4){
		order: 4;
	}
	section#slide-accueil .content div.col:nth-child(5){
		order: 5;
	}
    section#slide-accueil .content div.col:nth-child(3) {
        top: calc( -0vw - 136px );
    }
	section#slide-accueil div#intro div.colonne:first-of-type {
		padding-right: 0px;
	}
	section#slide-accueil div#intro div.colonne:last-of-type {
		padding-left: 0px;
	}
	section#slide-accueil div#intro div.colonne {
		width: 100%;
		padding-bottom: 30px;
	}
	footer div.ranger-haut div.colonne:first-of-type {
		border-right: none;
		border-top: 1px solid #000;
		padding: 30px 30px;
		width: 100%;
		order: 2;
		text-align: center;
	}
	footer div.ranger-haut div.colonne:last-of-type {
		width: 100%;
		padding: 30px 30px 30px 30px;
		order: 1;
		text-align: center;
	}
    section#slide-accueil .content div.col:nth-child(3) h2 {
        font-size: 22px;
        display: block;
        width: 72%;
    }
	section#slide-accueil .content div.col:nth-child(3) div.texte{
		background-size: 44%;
	}
	section#slide-accueil  div#video{
		margin-top: 80px;
	}
	
	section#page div.colonne.content {
		width: 100%;
		padding-right: 0;
	}
	section#page div.colonne.sidebar {
		width: 100%;
		margin-top: 60px;
	}
}
@media screen and (max-width: 767px) {
	header div.colonne:first-of-type {
		width: 45%;
	}
	header div.colonne:last-of-type{
		width: 55%;
	}
	header nav ul.menu > li.red a {
		display: inline-block;
		background-color: #f22935;
		min-width: 60px;
		padding: 0 10px;
		font-family: Knockout, Arial, Helvetica, Sans-serif;
		font-size: 16px;
		line-height: 40px;
		color: #ffffff;
		text-transform: uppercase;
		text-align: center;
		border-radius: 6px;
		margin-left: 8px;
	}
	header div.container{
		padding: 0 5px;
	}
	section#slide-accueil .slide-accueil h3{
		line-height: 1.1;
		font-size: 32px;
	}
	div#menu-mobile{
		width: 100%;
	}
	section#slide-accueil .slide-accueil .bg{
		height: 85vh;
		max-height: 686px;
	}
	section#slide-accueil .slide-accueil div.container div.colonne{
		padding-bottom: 100px;
	}
	section#clinique.landing div.adresse{
		width: 100%;
	}
}
@media screen and (max-width: 479px) {
	header div.colonne:first-of-type {
		width: 55%;
	}
	header div.colonne:last-of-type{
		width: 45%;
	}
	section#slide-accueil .slide-accueil button{
		min-width: 200px;
	}
	section#slide-accueil .content div.col:nth-child(3) h2{
		width: auto;
	}
}