/*#########################  FONTS  ##############################*/
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300);
@font-face {
  font-family: "Eurostile";
  src: url("css/font/EurostileLTStd-Ex2.otf");
}

/*#########################  RESET  ##############################*/

/* html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h1,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
 */
/*#########################  RESET FORM ##############################*/

/* input,label,select,button,textarea{margin:0;border:0;padding:0;display:inline-block;vertical-align:middle;white-space:normal;background:none;line-height:1;font-size:13px;font-family:Arial;}
input:focus{outline:0;}
input,textarea{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
button,input[type=reset],input[type=button],input[type=submit],input[type=checkbox],input[type=radio],select{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input[type=date],input[type=datetime],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]{}
input[type=checkbox],input[type=radio]{width:13px;height:13px;}
input[type=file]{}
input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;}
::-webkit-search-decoration{display:none;}
button,input[type="reset"],input[type="button"],input[type="submit"]{overflow:visible;width:auto;}
::-webkit-file-upload-button{	padding:0;border:0;background:none;}
textarea {vertical-align:top;overflow:auto;}
select{}
select[multiple] {vertical-align:top;} */


/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

a{color:#213871}
a:hover{color:rgb(104,35,99)}

body, html{height:100%;}
html {-webkit-font-smoothing: antialiased;}
header.index{width:100%;}
body{margin:0;padding:0;width:100%;position:relative; overflow-x:hidden;font-family: 'Roboto Condensed', serif;font-size:1.2em;color:#292b2b;line-height:150%;font-weight:300;}


strong{font-weight: bold;}
p strong{ font-weight:700;}
a{text-decoration:none;}


#fix h1{font-size:2.5em;margin-top:10px;margin-bottom:10px;line-height: 110%;text-transform: uppercase;}
#fix h2{font-size:3em;line-height:56px;}
#fix h3{font-size:2em;}
h4{font-size:1.5em;color:#213871;text-transform: uppercase;}
#fix h5{font-size:1em;}

.centering{
	padding-top:0 !important;padding-bottom:0 !important;display: flex;flex-direction: column; justify-content: center
}
*{-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}

.button{
	display:inline-block;
	border:1px solid white;
	padding:10px 30px;
	border-radius: 50px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	color:white;
}

.button:hover{
	background-color:white;
	color:rgb(104,35,99) !important;
	text-decoration: none;
}

.clearfix:after {
    content:"";
    display:block;
    clear:both;
}
.clear{clear:both;}


.cont-propos .main-cont{
	display:flex;align-items: center;
}


.mobix{
	display:none;
}

.mobile-is-open .mobi{
	display:none;
}

.mobile-is-open .mobix{
	display:block;
}

.mobile-is-open .mob-contenu{display:block;}

/*------------------------------------------------------------------------------------------------------------------------*/
/* page accueil
/*------------------------------------------------------------------------------------------------------------------------*/

#fix{height:auto;width:100%;position:relative;}
header{width:100%;height:auto;margin:0 auto;background-color:rgb(104,35,99);}
header .logo{max-width:300px;}
header .cont-top-menu{
	height:105px;
/*
	padding-left:100px;
	padding-right:100px;
*/
	display: flex;
	justify-content: space-between;
     align-items: center;
}

.slider-fix{
	width:100%;position:relative;overflow:hidden;
}
@media (max-width:1024px) {
	.slider-fix{
		padding-bottom:60%;width:100%;position:relative;overflow:hidden;
	}
}

@media (min-width:1024px) {
	.mob-contenu{
		display:none !important;
	}
	.slider-fix{
		height:calc(100vh - 105px);width:100%;position:relative;overflow:hidden;
	}
}

#cont-slide{width:100%;position:absolute;height:100%;}
#cont-banner{width:100%;position:relative;overflow:hidden;}
#cont-banner div{ background-size: cover; background-position: center;}
.home-slider{height:100%;}
/*

@media (max-width:1024px) {
	#cont-slide, .home-slider, .home-slider li{height: 400px !important;}
}

@media screen and (max-width:767px) {
	#cont-slide, .home-slider, .home-slider li{height: 300px !important;}
}
*/

.home-slider li{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.home-slider .slick-prev, .home-slider .slick-next{
	position: absolute;
	z-index: 999;
	top: 50%;
	
	width: 30px;
	height: 30px;
	line-height: 0;
	
	background-color: #682363;
	border: solid white 2px;
	border-radius: 100%;

	font-weight: bold;
	color: white;

}
.home-slider .slick-prev:hover, .home-slider .slick-next:hover{
	outline: none;
	background-color: white;
	color: #682363;
}
.home-slider .slick-prev{
	left: 10px;
}
.home-slider .slick-next{
	right: 10px;
}


.main-cont{
	max-width:1600px;
	width:100%;
	margin:0 auto;
	padding:0 50px;
	box-sizing: border-box;
}
.margin-top{
	padding-top:60px;
}
@media (max-width:1024px) {
	.margin-top{
		padding-top:30px;
	}
}

.padding-top-bottom-50{
	padding-top:50px;
	padding-bottom:50px;
}

.main-cont .cont-propos-right{
	padding:15px 50px;
}


.main-cont .cont-propos-right h1{
	margin-top: 0;
	font-size: 2em!important;
}

.main-cont .cont-propos-left{
	padding:15px 50px;
}

.main-cont .cont-propos-left .logo{
	display: block;
	margin: 0 auto 15px;
	max-width: 300px;
}

.main-cont .cont-propos-left .intro-phone{
	text-align: center;
	font-weight: bold;
    font-size: 25px;
    color:rgb(104,35,99);
    margin:10px 0;
}


header .cont-top-menu .logo{order:2}
header .cont-top-menu .logo #base{padding-top:10px; display: inline-block;}

header .cont-top-menu .logo #base p.titre-top{color:#000000;border-bottom:3px solid #000000;width:260px;left:50%;margin-left:-130px;margin:0 auto;text-align:center;font-weight:bolder;font-size:30px;padding-bottom:20px;margin-top:10px;}
header .cont-top-menu .logo #base p.titre-bottom{color:#ffffff;text-align:center;line-height:0px;font-size:20px;font-weight:bold;}

header .cont-top-menu #cont-sousmenu.cont-sousmenu--left{order:1;}
header .cont-top-menu #cont-sousmenu.cont-sousmenu--right{order:3;}

header .cont-top-menu #cont-sousmenu{}
header .cont-top-menu #cont-sousmenu ul li{color: #FFF;padding: 0px 20px;font-family: 'Roboto Condensed', serif;font-size: 14px;font-weight: bold;letter-spacing: 1px;text-transform: uppercase;border-radius: 2px;display: inline-block;text-align: center;cursor: pointer;box-shadow: inset 0 0 0 0 #f2f2f2;-webkit-transition: all ease 0.8s;-moz-transition: all ease 0.8s;transition: all ease 0.8s;}


header .cont-top-menu #cont-sousmenu ul li a{text-decoration: none;padding-top:0px;text-align: center;display: block;color:#ffffff;font-size:16px;}
header .cont-top-menu #cont-sousmenu ul{float:right;}
header .cont-top-menu #cont-sousmenu ul li.selected{border-bottom:3px solid #ffffff;}
header .cont-top-menu #cont-sousmenu ul li:hover {box-shadow: inset 0 -100px 0 0 #f2f2f2;border-bottom:3px solid #000000;}
header .cont-top-menu #cont-sousmenu ul li a:hover{color:#000000;}

#main{width:100%;height:auto;margin:0;padding:0;}
.division{width:100%;height:200px;}
.division .division-left{float:left;}
.division .division-left img{height:174px;}
.division .division-right{float:right;width:60%;}

.btn-list{
	display:flex;
	justify-content: flex-end;
}

.cont-icn{
	margin:0 5px;
}

.cont-icn a{
	display:flex;
	padding:10px 20px 10px 10px;
	
}

.cont-icn a p{
	margin-left:15px;
}

#main .cont-propos .cont-icn-phone{background:#213871;}
#main .cont-propos .cont-icn-phone img.icn-phone{padding-top:5px;float:left;margin-left:0px;width:30px;height:auto;align-self: center;}
#main .cont-propos .cont-icn-phone p.line{color:#ffffff;margin-top:7px;}

#main .cont-propos .cont-icn-phone{background:rgb(104,35,99);}
#main .cont-propos .cont-icn-phone img.icn-phone{padding-top:5px;float:left;margin-left:10px;width:30px;height:auto;align-self: center;}
#main .cont-propos .cont-icn-phone p.line{color:#ffffff;margin-top:7px;}

#main .cont-propos .cont-icn-fb{float:right;;background:#213871;}
#main .cont-propos .cont-icn-fb img.icn-fb{padding-top:5px;float:left;margin-left:10px;width:30px;height:auto;align-self: center;;}
#main .cont-propos .cont-icn-fb p.linedeux{color:#ffffff;;margin-top:7px;}

#main .cont-propos .cont-propos-left{float:left;width:50%;border-right:1px solid #000000;margin-top:0px;padding:  0 75px;}
#main .cont-propos .cont-propos-left .h1{text-align:center;text-transform:Uppercase;line-height:60px; font-size: 3em; display: inline-block; margin: 0.5em 0 0.2em;}
#main .cont-propos .cont-propos-left h2{text-align:center;text-transform:Uppercase;font-size:3em; color:#213871;border-bottom:3px solid #213871;}
#main .cont-propos .cont-propos-left h3 small{font-size:1.3rem;}
#main .cont-propos .cont-propos-right{float:left;width:50%;padding:  0 75px;}
#main .cont-propos .cont-propos-right p.text-top{font-weight:bold;font-size:25px;margin:0 auto;;}
#main .cont-propos .cont-propos-right p.text-bottom{margin:0 auto;}

#main .cont-propos .cont-propos-left h1{
	text-align:center;
}

#main .cont-propos .cont-propos-left .logo {
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
}

#main .cont-propos .cont-propos-left .logo__bureau {
	margin-top: 20px;
	text-align: center;
	font-size: 1.5em;
	font-weight: 500;
	padding-bottom:20px;
}

#main .cont-propos .cont-propos-left .logo__image {width: 250px;}

#main .cont-propos .cont-propos-left .heures__ouvertures__titre {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 110%;
	text-align:center;
}

#main .cont-propos .cont-propos-left .heures__ouvertures {
/* 	width: 492px; */
	margin: 0 auto;
/* 	margin-top: 20px; */
	padding-bottom: 20px;
	margin-bottom: 0px;
	
	display:flex;
	justify-content: center;
	flex-direction:column;
	align-items:center;
}

#main .cont-propos .cont-propos-left .heures__ouvertures p {
	text-align: right;
	width:200px;
}

#main .cont-propos .cont-propos-left .informations__contact .text-bottom {
	text-align: center;
}

#main .cont-propos .cont-propos-left .informations__contact__titre {
	text-align: center;
	margin-bottom: 20px;
}

#main .cont-propos .cont-propos-left .numero_telephone {
    font-size: 3em;
    font-weight: 500;
    color: #213871;
    margin: 30px auto 50px auto;
}

/* #main .cont-service{width:100%;height:auto;padding-bottom:20px;background-color:#f2f2f2;background-image: url(../img/Nos_services_fond.png);background-repeat: no-repeat;background-position: center center;background-size: cover;} */
#main .cont-service{width:100%;height:auto;background-color:rgb(104,35,99);margin-top:60px;}
#main .cont-all-service h2{text-align:center;font-weight:bold;}
#main .cont-all-service p{text-align:center;margin:0 auto;}
/* #main .cont-service a{text-decoration:none;color:#213871;text-transform:uppercase;} */
#main .cont-service a{text-decoration:none;color:#fff;text-transform:uppercase;}
#main .cont-all-service{padding-top:40px;padding-bottom:60px;display:flex;flex-wrap:wrap;margin: 0 0 -1% -1%;}
#main .cont-all-service a{width:19%;position:relative;margin: 0 0 1% 1%;}
#main .cont-all-service a .bloc-9 h2{font-size:1.3em!important;;line-height:35px;position:relative;overflow: hidden;padding:0.5em 20px;padding-top:50px; color:#ffffff;text-transform: uppercase;word-spacing: 0;font-weight: 300;font-family:'Roboto Condensed', serif;text-shadow: 2px 2px 2px #000000;}
#main .cont-all-service a .bloc-9 span{font-weight: 800;}

@media (max-width:1024px) {
	#main .cont-all-service a{width:49%; margin: 0 0 1% 1%;}
}
@media (max-width:500px) {
	#main .cont-all-service a{width:100%; margin: 0 0 1% 0;}
}


 #main .cont-all-service a:first-child{background-image: url(../img/Medecine_buccale_2.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
 #main .cont-all-service a:first-child:hover{background-image: url(../img/Medecine_buccale.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
 #main .cont-all-service a:nth-child(2){background-image: url(../img/Dentiste_Esthetique_2.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
 #main .cont-all-service a:nth-child(2):hover{background-image: url(../img/Dentiste_Esthetique.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
 #main .cont-all-service a:nth-child(3){background-image: url(../img/Couronnes_et_ponts_2.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
 #main .cont-all-service a:nth-child(3):hover{background-image: url(../img/Couronnes_et_ponts.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
 #main .cont-all-service a:nth-child(4){background-image: url(../img/Implants_dentaires_2.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
 #main .cont-all-service a:nth-child(4):hover{background-image: url(../img/Implants_dentaires.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
 #main .cont-all-service a:nth-child(5){background-image: url(../img/Obturation_composite_2.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
 #main .cont-all-service a:nth-child(5):hover{background-image: url(../img/Obturation_composite.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
 #main .cont-all-service a:nth-child(6){background-image: url(../img/Orthodontie_mineure_2.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
 #main .cont-all-service a:nth-child(6):hover{background-image: url(../img/Orthodontie_mineure.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
 #main .cont-all-service a:nth-child(7){background-image: url(../img/Traitements_gencives_2.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
 #main .cont-all-service a:nth-child(7):hover{background-image: url(../img/Traitements_gencives.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
 #main .cont-all-service a:nth-child(8){background-image: url(../img/Traitement_de_Canal_2.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
 #main .cont-all-service a:nth-child(8):hover{background-image: url(../img/Traitement_de_Canal.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
 #main .cont-all-service a:nth-child(9){background-image: url(../img/Appareils_dentaires_2.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
 #main .cont-all-service a:nth-child(9):hover{background-image: url(../img/Appareils_dentaires.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
 #main .cont-all-service a:last-child{background-image: url(../img/Extraction_de_dents.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
 #main .cont-all-service a:last-child:hover{background-image: url(../img/Extraction_de_dents_2.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
 
.esthetique #main .cont-all-service a:first-child{background-image: url(../img/2_1.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
.esthetique #main .cont-all-service a:first-child:hover{background-image: url(../img/2_2.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
.esthetique #main .cont-all-service a:nth-child(2){background-image: url(../img/3_1.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
.esthetique #main .cont-all-service a:nth-child(2):hover{background-image: url(../img/3_2.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
.esthetique #main .cont-all-service a:nth-child(3){background-image: url(../img/4_1.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
.esthetique #main .cont-all-service a:nth-child(3):hover{background-image: url(../img/4_2.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
.esthetique #main .cont-all-service a:nth-child(4){background-image: url(../img/5_1.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
.esthetique #main .cont-all-service a:nth-child(4):hover{background-image: url(../img/5_2.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
.esthetique #main .cont-all-service a:nth-child(5){background-image: url(../img/6_1.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
.esthetique #main .cont-all-service a:nth-child(5):hover{background-image: url(../img/6_2.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
.esthetique #main .cont-all-service a:nth-child(6){background-image: url(../img/7_1.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
.esthetique #main .cont-all-service a:nth-child(6):hover{background-image: url(../img/7_2.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
.esthetique #main .cont-all-service a:nth-child(7){background-image: url(../img/8_1.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
.esthetique #main .cont-all-service a:nth-child(7):hover{background-image: url(../img/8_2.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
.esthetique #main .cont-all-service a:last-child{background-image: url(../img/9_1.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
.esthetique #main .cont-all-service a:last-child:hover{background-image: url(../img/9_2.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}

.couronnes #main .cont-all-service a:first-child{background-image: url(../img/2_1.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
.couronnes #main .cont-all-service a:first-child:hover{background-image: url(../img/2_2.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
.couronnes #main .cont-all-service a:nth-child(2){background-image: url(../img/3_1.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
.couronnes #main .cont-all-service a:nth-child(2):hover{background-image: url(../img/3_2.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
.couronnes #main .cont-all-service a:nth-child(3){background-image: url(../img/4_1.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
.couronnes #main .cont-all-service a:nth-child(3):hover{background-image: url(../img/4_2.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
.couronnes #main .cont-all-service a:nth-child(4){background-image: url(../img/5_1.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
.couronnes #main .cont-all-service a:nth-child(4):hover{background-image: url(../img/5_2.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
.couronnes #main .cont-all-service a:nth-child(5){background-image: url(../img/6_1.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
.couronnes #main .cont-all-service a:nth-child(5):hover{background-image: url(../img/6_2.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
.couronnes #main .cont-all-service a:nth-child(6){background-image: url(../img/7_1.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
.couronnes #main .cont-all-service a:nth-child(6):hover{background-image: url(../img/7_2.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
.couronnes #main .cont-all-service a:nth-child(7){background-image: url(../img/8_1.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
.couronnes #main .cont-all-service a:nth-child(7):hover{background-image: url(../img/8_2.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
.couronnes #main .cont-all-service a:last-child{background-image: url(../img/9_1.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}
.couronnes #main .cont-all-service a:last-child:hover{background-image: url(../img/9_2.jpg);background-size: cover;height:150px;background-repeat: no-repeat;background-position: center center;}

#main .cont-all-service .cont-service-boite{height:100%;padding-bottom:80px;}
#main .cont-all-service .cont-service-boite .grid .grid-cont{margin-top:60px;}
#main .cont-all-service .cont-service-boite .grid .grid-cont img.icon-tooth{position:absolute;width:62px;height:62px;background-image:url(../img/icon_tooth.png);background-repeat:no-repeat;}

/* #main .accueil-equipe{width:100%;height:354px;background-color:#f2f2f2;background-image: url(../img/Nos_services_fond.png);background-repeat: no-repeat;background-position: center center;background-size: cover;}
 */
 #main .accueil-equipe{width:100%;background-color:#212121}

/*  #main .accueil-equipe h2{text-align:center;color:#213871;text-transform: uppercase;font-size:3em;margin-top:50px;}
 */
 #main .accueil-equipe h2{text-align:center;color:#fff;text-transform: uppercase;font-size:2.5em;margin-bottom:20px;}
 #main .cont-service h2{text-align:center;color:#fff;text-transform: uppercase;font-size:2.5em;margin-bottom:20px;}
 #main .accueil-equipe p{color:#fff;}
 #main .cont-service p{color:#fff;}
 #main .accueil-equipe .photo-equipe{float:right;margin-left:2.5%;margin-right:100px;}
#main .accueil-equipe .text-equipe{float:left;padding-top:20px;margin-left:100px;margin-right:100px;}
/* #main .accueil-equipe .text-equipe a{text-decoration:none;color:#213871;text-transform:uppercase;} */
#main .accueil-equipe .text-equipe a{text-decoration:underline;color:#fff;text-transform:uppercase;}
#main .accueil-equipe p{text-align:center;}


footer{background-color:#e8e8e8;padding-top:50px;padding-bottom:50px;}
footer h4{
	border-bottom:2px solid #213871;
	margin-bottom:15px;
}

footer .footer-cols{display:flex;justify-content: space-between;width:100%;}
footer .footer-cols .footer-cols__item{width:21%;}
footer .footer-cols .footer-cols__item img{width:245px;margin-left:-10px;margin-bottom:15px;}

footer .main-cont{display:flex;}
footer .bx-footer{width:100%;}
footer .bx-footer-left{width:25%;display:flex;align-items: center;}
footer .bx-footer-right{width:75%;}
img.footer_logo{width:200px;}
#fix.contact img.footer_logo{width:200px;margin-left:100px;}
footer .bx-footer-left .cont-footer-top-deux .bx-contenue-footer h3{text-transform: uppercase;font-size:2em;color:#213871;}
footer .bx-footer-left .cont-footer-top-deux .bx-contenue-footer p{padding-top:10px;}
footer .bx-footer-left .cont-footer-top-deux{}
p.telephone a{color:#000000;font-weight: 700;}
p.telephone a:hover{color:#213871;}

.bx-footer{width:100%;background-color:#000000;height:30px;}
.bx-footer p{color:#ffffff;font-size:15px;text-align:center;padding-top:3px;}
.bx-footer p a{color:#ffffff;}
.bx-footer p a:hover{color:#3ebbcb}


/* .div-contact{width:100%;padding-top:40px;} */
.div-contact .contact-left h2{padding-left:200px;font-weight:bold;text-transform:uppercase;}
.div-contact .contact-left h2{padding-left:200px;font-weight:bold;text-transform:uppercase;}
/* .div-contact .contact-left{width:50%;float:left;padding-bottom:40px;padding-top:85px;} */
.div-contact .contact-left .titre{padding-left:200px;text-transform:uppercase;font-size:20px;}
.div-contact .contact-left .adresse{padding-left:200px;padding-top:10px;}
.div-contact .contact-left .telephone{padding-left:200px;padding-top:10px;}
.div-contact .contact-left .telephone a{color:#000000;}
.div-contact .contact-left .courriel{padding-left:200px;padding-top:10px;}
.div-contact .contact-left .courriel a{padding-left:20px;padding-right:20px;background-color:#ffffff;color:#000000;text-decoration:none;text-transform:uppercase;}
.div-contact .contact-right{float:left;width:48%;}

.cont-google-map{width:100%;height:100%;min-height:300px;}
.cont-google-map iframe{
	min-height:770px;
}


/*------------------------------------------------------------------------------------------------------------------------*/
/* page equipe
/*------------------------------------------------------------------------------------------------------------------------*/
.cont-equipe{margin:0px 0px;}
.cont-equipe h4{margin-top:15px;}
/* .cont-contact{padding-left:100px;padding-right:100px; margin-top:40px;} */
.cont-contact{padding-left:100px;padding-right:100px; margin-top:40px;}
.cont-contact{margin-top:0px;}
.cont-contact h2{font-weight:bold;text-transform:Uppercase;border-bottom:3px solid #000000;width:200px;}
.cont-contact p.cont-text-contact{margin-top:40px;}
.cont-equipe .bloc-3{width:31%;margin-left:3.5%;float:left;position:relative;text-align:center;}
.cont-equipe .bloc-3:nth-child(3n+1){margin-left:0;clear: both;}
.cont-equipe .bloc-3 .img-equipe_Drysdale{background-image:url(../img/dentiste/linda_new.jpg);background-size:cover;background-repeat: no-repeat;background-position: center center;padding-bottom:130%}
.cont-equipe .bloc-3 .img-equipe_Fortin{background-image:url(../img/dentiste/marie_josee_new.jpg);background-size:cover;background-repeat: no-repeat;background-position: center center;padding-bottom:130%}
.cont-equipe .bloc-3 .img-equipe_Payette{background-image:url(../img/dentiste/eva_new.jpg);background-size:cover;background-repeat: no-repeat;background-position: center center;padding-bottom:130%}
.cont-equipe .bloc-3 .img-equipe_Charron{background-image:url(../img/dentiste/charon_new.jpeg);background-size:cover;background-repeat: no-repeat;background-position: center center;padding-bottom:130%}

@media all and (min-width:1200px) and (max-width:1500px){
	.cont-equipe .bloc-3 [class^="img-equipe_"] + h4{
		font-size:1.3rem;
	}
}
@media all and (min-width:1100px) and (max-width:1200px){
	.cont-equipe .bloc-3 [class^="img-equipe_"] + h4{
		font-size:1.2rem;
	}
}
@media all and (min-width:984px) and (max-width:1100px){
	.cont-equipe .bloc-3 [class^="img-equipe_"] + h4{
		font-size:1.1rem;
	}
}

.cont-equipe .bloc-3 .equipe-groupe-img{width: 100%;}
.equipe_subtitle{text-align: center; margin: 40px 0 20px;}
.cont-equipe .bloc-3 p{margin-top:20px;}


/*------------------------------------------------------------------------------------------------------------------------*/
/* page service
/*------------------------------------------------------------------------------------------------------------------------*/
.cont-service-boite{padding-bottom:80px;}
#service-cont{height:auto;width:100%; background:#1b429a url('../img/bar.png')no-repeat top right;display:none; }
#service-cont .contenu-menu{max-width:1400px;width:94%;  position:relative;margin:0 auto 0 auto; padding-top:2%;padding-bottom:2%;}
#main .cont-autre-service{width:100%;}
#main .cont-service-indiv{padding-left:100px;padding-right:100px;padding-top:60px;}
#main .cont-service-indiv h1.titre-service{text-transform:Uppercase;border-bottom:3px solid #000000;width:100%;float:left;padding-bottom:20px;}
#main .cont-service-indiv p.voir-plus{font-weight:bold;}
#main .cont-service-indiv img.tooth{margin-right:10px;display:none;}

#main .cont-photo{height:200px;width:100%;background-image:url(../img/service_background.png);}

.cont-propos-left,
.cont-propos-right{
	text-align:left;
}

/*---------------------------------------------------------------------------------------------------------------------*/
/* STRUCTURE ADAPTATIVE */
/*------------------------------------------------------------------------------------------------------------------------*/

/*------ BIGGEST SCREEN EVVVER ---*/
@media screen and (min-width:2000px){
/*#fix{border-top:10px solid grey;}*/
.mob-contenu{display:none;}
.cont-propos-left,
.cont-propos-right{
	text-align:left;
}
}


/*------BIG SCREEN ---*/
@media screen and (min-width:1600px) and (max-width:1999px){
/*#fix{border-top:10px solid green;}*/
.mob-contenu{display:none;}
#main .cont-autre-service{}
#main .cont-service h2{padding-top:20px;}
.div-contact .contact-left .courriel a{padding-left:0;padding-right:0;text-transform: none;}
.div-contact .contact-right{width:44%;}
footer .bx-footer-right .cont-footer-top-deux .bx-contenue-footer p a{text-decoration: none;color: #000000;}
	.cont-propos-left,
.cont-propos-right{
	text-align:left;
}
}


/*------NORMAL SCREEN ---*/
@media screen and (min-width:1280px) and (max-width:1599px) {
/*#fix{border-top:10px solid blue;}*/
/* header .cont-top-menu{width:88%;} */
.mob-contenu{display:none;}		
#main .cont-service h2{padding-top:20px;}
#main .accueil-equipe .photo-equipe{width:25%;padding-left:228px;}
#main .accueil-equipe .text-equipe{padding-left:40px;padding-right:40px;}
#main .cont-all-service .cont-service-boite{width:95%;padding-left:40px;padding-right:40px;}
.div-contact .contact-left .titre{padding-left:60px}
.div-contact .contact-left .adresse{padding-left:60px;}
.div-contact .contact-left .telephone{padding-left:60px;}
.div-contact .contact-left .courriel{padding-left:60px;}
.div-contact .contact-left h2{padding-left:60px;}
.div-contact .contact-left .bx-contenue-footer{margin-top:-313px;margin-left:277px;}
.div-contact .contact-left .courriel a{background-color:#ffffff;color:#000000;padding-left:0;padding-right:0;text-transform: none;}
footer .bx-footer-right .cont-footer-top-deux .bx-contenue-footer p a{text-decoration: none;color:#000000;}
	
	.cont-propos-left,
.cont-propos-right{
	text-align:left;
}
}

@media screen and (max-width:1279px) {
	.main-cont .cont-propos-right{
		padding:0px 0px;
	}
	
	.main-cont .cont-propos-left{
		padding:0px 0px;
	}
	.cont-propos-left,
	.cont-propos-right{
		text-align:left;
	}
}


/*------SMALL SCREEN ---*/
@media screen and (min-width:1025px) and (max-width:1279px) {
.cont-propos-left,
.cont-propos-right{
	text-align:left;
}
/*#fix{border-top:10px solid #15a69c;}*/
/*Page d'accueil*/
header .cont-top-menu{padding-left:50px;padding-right:50px;}
.mob-contenu{display:none;}
#main .cont-propos .cont-icn-fb{margin-right:50px;}
#main .cont-propos .cont-propos-left{width:100%;border:0;}
#main .cont-propos .cont-propos-right{margin-top:30px;width:100%;}
#main .cont-propos .cont-propos-right p.text-top{width:100%;padding-left:0px;padding-right:0px;text-align: center;left:0;margin-left:0;margin:0;}
#main .cont-propos .cont-propos-right p.text-bottom{width:100%;left:0;margin-left:0;margin:0;padding-left:0px;padding-right:0px;}
#main .cont-service p{left:0;margin:0;width:100%;padding-left:0px;padding-right:0px;}
#main .cont-service h2{padding-top:20px;}
#main .cont-all-service{margin-left:0px;margin-right:0px;}
#main .cont-all-service a .bloc-9 h2{line-height:35px;}
#main .accueil-equipe .text-equipe{padding-top:0px;}
/* #main .accueil-equipe{height:343px;} */
/* footer{margin-left:50px;margin-right:50px;} */
footer .bx-footer-right .cont-footer-top-deux .bx-contenue-footer p a{text-decoration: none;color:#000000;}
/*Page d'accueil*/
	
/*Page Service*/
#main .cont-service-indiv{padding-left:50px;padding-right:50px;}
/*Page service*/
	
/*Page serice individuel*/
.division .division-right{width:100%;}
/* #main .cont-autre-service{height:573px;} */
/*Page service individuel*/
	
/*Page équipe*/
.cont-contact{padding-left:50px;padding-right:50px;}
.cont-equipe{margin:40px 50px;}
/*Page équipe*/
	
/*Page contact*/
#fix.contact img.footer_logo{margin-left:50px;width:172px;}
/*  TDMSC 
.div-contact .contact-left .bx-contenue-footer{margin-top:-279px;margin-left:40px;} */
.div-contact .contact-left .bx-contenue-footer{margin-top:-279px;margin-left:40px;}
.div-contact .contact-left .courriel a{background-color:#ffffff;color:#000000;padding-right:0;text-transform: none;padding-left:0;}
/*Page contact*/
.cont-propos .main-cont{
	display:flex;align-items: center;flex-direction:column;
}
#main .cont-propos .cont-propos-left{width:100%;border:0; text-align: center;}

.cont-propos .btn-list.main-cont{
	display:flex;
	justify-content: center;
	flex-direction: row !important;
}


}

/*------IPAD PORTRAIT ---*/
@media screen and (min-width:768px) and (max-width:1024px) {
/*#fix{border-top:10px solid pink;}*/
.cont-propos .main-cont{
	display:flex;align-items: center;flex-direction:column;
}

footer .footer-cols{display:flex;justify-content: space-between;width:100%;flex-wrap: wrap;}
footer .footer-cols .footer-cols__item{width:47%;margin-bottom:20px;}

.cont-propos .btn-list.main-cont{
	display:flex;
	justify-content: center;
	flex-direction: row !important;
}

#main .cont-propos .cont-propos-left{width:100%;border:0;}

.cont-propos-left{
	text-align:center;
}
.cont-propos-left,
.cont-propos-right{
	text-align:center;
}

header .logo{
	max-width:200px;
	margin: 0 auto;
}
header .cont-top-menu {
	height:75px;
}

header .cont-top-menu #cont-sousmenu{display:none;}	
header .cont-top-menu{padding-left:0px;padding-right:0px;}
#fix h1.mm{font-weight:900;font-size:1.6em;padding-left:0;text-align:right;position:absolute;left:15px;top:23px;z-index:9999999;text-transform:uppercase;color:#000000;}
span.mobix b:first-of-type, span.mobix b:last-of-type{position:absolute;width:100%;height:3px;background-color:#ffffff;top:13px;}
span.mobi{width:30px;height:24px;position:absolute;top:30px;right:25px;z-index:999999;display:block;cursor:pointer;}
span.mobix{width:30px;height:30px;position:absolute;top:25px;right:25px;z-index:999999999;cursor:pointer;}
span.mobi b:first-of-type{width:100%;height:4px;background-color:#ffffff;margin-bottom:5px;display:block;transition:.3s;}
span.mobi b:nth-of-type(2){width:100%;height:4px;background-color:#ffffff;margin-bottom:5px;display:block;transition:.3s;}
span.mobi b:last-of-type{width:100%;height:4px;background-color:#ffffff;margin-bottom:0px;display:block;transition:.3s;}
span.mobix b:first-of-type{transform:rotate(45deg);left:0px;transition:.3s;}
span.mobix b:nth-of-type(2){display:none;}
span.mobix b:last-of-type{transform:rotate(-45deg);right:0px;transition:.3s;}
.mob-contenu ul{padding-top:0px;}
.mob-contenu ul li{margin:0px 0px 0px 0px;font-size:0.8em;font-weight:400;border-top:1px solid #474747;}
.mob-contenu ul li a{text-transform:uppercase;text-decoration:none;font-weight:700;color:#000000;display:block;position:relative;overflow:hidden;z-index:999999;padding:15px 10px 15px 15px;}
.mob-contenu{position:absolute;width:100%;height:235px;z-index:999999999;background-color:#f2f2f2;display:none;padding:0 0 0 0;right:0;top:75px;}

#main .cont-propos .cont-icn-fb{margin-right:20px;}
#main .cont-propos .cont-propos-left{width:100%;height:auto;padding:0;}
#main .cont-propos .cont-propos-left .h1{margin-top:20px;}
#main .cont-propos .cont-propos-right{width:100%;padding:0;margin-top:30px;}
#main .cont-propos .cont-propos-right p.text-top{width:100%;left:0;margin-left:0;margin:0;padding-left:0px;padding-right:0px;text-align:center;}
#main .cont-propos .cont-propos-right p.text-bottom{left:0;margin-left:0;margin:0;padding-left:0px;padding-right:0px;width:100%;text-align: center;}
#main .cont-service h2{padding-top:20px;}
#main .cont-service p{width:100%;left:0;margin-left:0;padding-left:0px;padding-right:0px;}
#main .cont-all-service{margin-left:0px;margin-right:0px;}
#main .cont-all-service a .bloc-9 h2{line-height: 34px;}
#main .accueil-equipe .text-equipe{margin-left:0px;margin-right:0px;}

footer{/* margin-left:20px;margin-right:20px; */}
#fix footer .bx-footer-right .cont-footer-top-deux .bx-contenue-footer h3{font-size:1.5em;}
footer .bx-footer-right .cont-footer-top-deux{margin-left:168px;margin-top:-209px;margin-right:20px;}
img.footer_logo{width:143px;}
footer .bx-footer-right{padding-top:110px;}
footer .bx-footer-right .cont-footer-top-deux .bx-contenue-footer p a{text-decoration:none;color:#000000;}
/* Fin Page d'accueil*/

	
/*Page service*/
#main .cont-service-indiv{padding-left:20px;padding-right:20px;}


/* Fin Page service*/
	

/*Page service individuelle*/

.division .division-right{width:100%;}
#main .cont-autre-service{/* height:570px; */}
/*Page service individuelle*/
	

/*Page équipe*/
.cont-contact{padding-left:20px;padding-right:20px;}
.cont-equipe{margin:40px 20px;}
footer .bx-footer-right .cont-footer-top-deux .bx-contenue-footer h3{font-size:1.5em;}

/*Page équipe*/
	

/*Page contact*/
#fix.contact img.footer_logo{margin-left:20px;width:142px;}
#fix .div-contact .contact-left h2{font-size:1em;}
.div-contact .contact-left .courriel a{background-color:#ffffff;color:#000000;text-transform: none;padding-right:0;}
.div-contact .contact-left .courriel{padding-left:172px;}
.div-contact .contact-left .bx-contenue-footer{margin-left:-16px;margin-top:-232px;}
.div-contact .contact-left .adresse, .div-contact .contact-left .titre, .div-contact .contact-left h2, .div-contact .contact-left .telephone{padding-left:190px;}

/*Page contact*/
	#main .cont-propos-right.contact-address{
	padding-left: 0 !important
}
}


/*------IPHONE PAYSAGE----*/
@media screen and (max-width:767px) {
/*#fix{border-top:10px solid red;}*/
.cont-propos .main-cont{
	display:flex;align-items: center;flex-direction:column;
}

.cont-propos-left,
.cont-propos-right{
	text-align:center;
}

#main .cont-all-service a .bloc-9 h2{
	font-size:1.1em !important;
}

#main .cont-propos .cont-propos-right p.text-top{
	text-align:center;
}

.cont-propos .btn-list.main-cont{
	display:flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.cont-propos .btn-list .cont-icn{
	width:100%;
	margin:5px 0 0;
}

h1,.h1{
	font-size:2em !important;
	line-height: 130% !important;
	text-align: center !important;
}

#main .cont-propos-right.contact-address{
	padding-left: 0 !important
}

.cont-google-map iframe{
	min-height:300px;
}

h2{
	font-size:1.8em !important;
	line-height: 130% !important;
}

footer .footer-cols{display:flex;justify-content: space-between;width:100%;flex-wrap: wrap;flex-direction: column !important;}
footer .footer-cols .footer-cols__item{width:100%;margin-bottom:40px;}

#main .cont-propos .cont-propos-left{width:100%;border:0;}
header .cont-top-menu {
height:75px;
}
/*Page d'accueil*/
/* header.index{height:500px;} */
header .cont-top-menu #cont-sousmenu{display:none;}
header .logo{max-width:200px;}
/* header .cont-top-menu{Padding-left:20px;padding-right:20px;} */
header .cont-top-menu .logo #base{width:310px;margin-left:0px;}
header .cont-top-menu .logo #base:before{border-left:155px solid transparent;border-right:155px solid transparent;}

#fix h2.mm{font-weight:900;font-size:1.6em;padding-left:0;text-align:right;position:absolute;left:15px;top:23px;z-index:9999999;text-transform:uppercase;color:#000000;margin:0;}
span.mobix b:first-of-type, span.mobix b:last-of-type{position:absolute;width:100%;height:3px;background-color:#ffffff;top:13px;}
span.mobi{width:30px;height:14px;position:absolute;top:30px;right:25px;z-index:999999;display:block;cursor:pointer;}
span.mobix{width:30px;height:30px;position:absolute;top:25px;right:25px;z-index:999999999;cursor:pointer;}
span.mobi b:first-of-type{width:100%;height:4px;background-color:#ffffff;margin-bottom:5px;display:block;transition:.3s;}
span.mobi b:nth-of-type(2){width:100%;height:4px;background-color:#ffffff;margin-bottom:5px;display:block;transition:.3s;}
span.mobi b:last-of-type{width:100%;height:4px;background-color:#ffffff;margin-bottom:0px;display:block;transition:.3s;}
span.mobix b:first-of-type{transform:rotate(45deg);left:0px;transition:.3s;}
span.mobix b:nth-of-type(2){display:none;}
span.mobix b:last-of-type{transform:rotate(-45deg);right:0px;transition:.3s;}

.mob-contenu{position:absolute;width:100%;height:230px;z-index:999999999;background-color:#f2f2f2;display:none;padding:0 0 0 0;right:0;top:75px;}
.mob-contenu ul{padding-top:0px;}
.mob-contenu ul li{margin:0px 0px 0px 0px;font-size:0.8em;font-weight:400;border-top:1px solid #474747;}
.mob-contenu ul li a{text-transform:uppercase;text-decoration:none;font-weight:700;color:#000000;display:block;position:relative;overflow:hidden;z-index:999999;padding:15px 10px 15px 15px;}

#main .cont-propos .cont-icn-fb{}
#main .cont-propos .cont-icn-phone{border-right:0px;}
#main .cont-propos .cont-icn-phone img.icn-phone{}
#main .cont-propos .cont-icn-phone p.line{}
#main .cont-propos .cont-propos-left{width:100%;padding:0;}
#main .cont-propos .cont-propos-left .h1{margin-top:0px;}
#main .cont-propos .cont-propos-right{width:100%;margin-top:20px;padding:0;}
#main .accueil-equipe p{text-align:left;}


#main .cont-service{}
#main .cont-service h2{padding-top:20px;}
#main .cont-service p{width:100%;left:0;margin-left:0;padding-left:0px;padding-right:0px;text-align:left;}

#main .cont-all-service{margin-top:0px;}

#main .accueil-equipe{}
#main .accueil-equipe h2{margin-top:0px;}
#main .accueil-equipe .text-equipe{}

.main-cont{
	padding-left:25px;
	padding-right:25px;
}

footer .main-cont{flex-direction: column;
	
}

.cont-google-map{width:100%;}
footer .bx-footer-left{width:100%;margin-top:30px;margin-bottom:30px}
footer .bx-footer-right{width:100%;padding-top:20px;}
footer .bx-footer-right .cont-footer-top-deux .bx-contenue-footer p a{color:#000000;text-decoration: none;}
/*Fin Page d'accueil*/
	
/*Page Service*/
#main .cont-service-indiv{padding-left:20px;padding-right:20px;}
		
/*Fin Page Service*/
	
/*Service individuelle*/
.division .division-right{width:100%;}
		
/*Fin Service individuelle*/
	
/*Page équipe*/
.cont-contact{padding-left:20px;padding-right:20px;}
.cont-equipe .bloc-3{width:100%;margin-top:20px;}
.cont-equipe .bloc-3:nth-child(1n+1){margin-left:0;clear: both;}
		
/*Fin Page équipe*/
	
/*Page contact*/
#fix.contact img.footer_logo{margin-left:20px;}
.div-contact .contact-left{width:100%;}
.div-contact .contact-right{margin-left:20px;margin-right:20px;width:94%;margin-top:100px;}
.div-contact .contact-left .bx-contenue-footer{margin-top:-312px;margin-left:45px;}
.div-contact .contact-left .courriel a{background-color:#ffffff;color:#000000;padding-left:0px;}
/*Fin Page Contact*/

}

.contact-address-info{
	text-align:center;
}

#main .cont-service a.effect-shine:hover{

  -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
  -webkit-mask-size: 200%;
  
  animation: shine 2s infinite;
}



@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  
  to {
    -webkit-mask-position: -50%;
  }
}
  #Spacer_Bas_Service{
padding-bottom:8em;

  }





  #darkBack {
    position: absolute;
    background: rgba(255, 255, 255, 0.75);
    width: 100%;
    height: 100%;
  }
  
  #timeDiv {
    font-size: 15px;
    text-transform: uppercase;
    position: relative;
    max-width: 325px;
    background: #fff;
    width: 85%;
    margin: 0 auto;
    top: 55%;
    padding: 10px;
    border-radius: 3px;
    -webkit-box-shadow: 0 8px 16px -8px #adadad;
    -moz-box-shadow: 0 8px 16px -8px #adadad;
    box-shadow: 0 8px 16px -8px #adadad;
    display: inline-block;
    vertical-align: top;
    font-weight: 600;
  }
  
  .open {
    color: #27ae60;
    border: 2px solid #27ae60;
  }
  
  .closed {
    color: rgba(231, 76, 60, 0.85);
    border: 2px solid rgba(231, 76, 60, 0.8);
  }
  
  .viewOpen {
    font-size: 17.6px;
   /*  text-transform: uppercase; */
    position: relative;
    display: inline-block;
    vertical-align: top;
    border: 2px solid rgba(70, 70, 70, 0.7);
    max-width: 170px;
    background: rgb(104,35,99);
    width: 100%;
    color: #fff;
    margin: 0 auto;
    top: 55%;
    padding: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 8px 16px -8px #adadad;
    -moz-box-shadow: 0 8px 16px -8px #adadad;
    box-shadow: 0 8px 13px -8px #adadad;
    cursor: pointer;
    font-family: "Eurostile";
    text-align: center;
  }
  .viewOpen ::before{color:#fff;}
  .viewOpen i {
    color: rgba(70, 70, 70, 0.8);
  }
  
  @media all and (max-width: 600px) {
    #timeDiv {
      margin-bottom: 20px;
    }
  }
  
  @media all and (min-width: 601px) {
    #timeDiv {
      margin-right: 15px;
    }
  }
  
  .dateTime {
    max-width: 320px;
/*     margin: 0 auto; */
  }
  
  .day {
    display: inline-block;
    float: left;
  }
  
  .time {
    display: inline-block;
    float: right;
    font-weight:700;
  }
  
  .today {
    color: rgb(200, 85, 39);
    font-weight: 600;
  }
  
  @media all and (max-height: 420px) {
    #timeDiv, .viewOpen {
      top: 60%;
    }
  }
  /* view hours modal */
  
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  
  .modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(173, 173, 173, 0.5);
    display: none;
  }
  
  #modal-state {
    display: none;
  }
  
  #modal-state:checked + .modal-overlay {
    opacity: 1;
    animation: fade-in .4s;
    display: block;
  
  }
  
  .modal {
    position: absolute;
    margin: 0 auto;
    padding: 30px 25px;
    background: #fff;
    right: 0;
    left: 0;
    text-align: center;
    box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.2);
    max-width: 400px;
    line-height: 1.8;
  }
  
  
  
  .modal h2 {
    margin-top: 0;
    line-height: 25px;
    font-size: 22px;
    border-bottom: 1px solid #dce0d8;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-weight: 400;
  }
  
  @media all and (max-width: 470px) {
    .modal {
      width: 75%;
    }
    .modal h2{
      font-size: 20px;
    }
  }
  
  #modal-state:checked + .modal-overlay .modal {
    top: 20%;
  }
  
  .modal-overlay-close {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.3);
  }
  
  .button-close {
    text-decoration: none;
    position: absolute;
    color: #fff;
    background: #464646;
    padding: 0px 7px;
    font-weight: bold;
    top: 0px;
    right: 0;
    cursor: pointer
  }

  #main .cont-propos-left-traitement{
	padding: 15px 50px 15px 0;
  }
  
   #main .cont-propos-left-traitement h1{
	text-align: left;
	flex:1;
  }
  
  #main .cont-propos-left-traitement .cont-propos-left-traitement-image{
	min-width: 50%;
	margin-right: 30px;
	padding-bottom:26%;
	
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
  }
  
  @media all and (max-width: 600px) {
	  .cont-propos-left-traitement{
		  flex-direction: column;
		  padding-right:0 !important;
	  }
	  
	  #main .cont-propos-left-traitement .cont-propos-left-traitement-image{
		  margin-right:0 !important;
		  min-width: 100%;
		  padding-bottom:50%;
		  margin-bottom:30px;
	  }
  }
  
  
  .contact .urgences--acceptees {
	margin-top: 50px;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 2.5rem;
  }
  
  #main .contact-hours{
	  width: 100%;
	  max-width: 320px;
  }
  
/*
  #main .cont-propos-right.contact-address{
	  padding: 0 0 0 15px;
  }
*/
  
  #main .cont-propos .cont-propos-right p.contact-address-info{
	  margin-bottom: 25px;
  }
  
  .phonenumber--bigger, .faxnumber--bigger {
	  font-size: 1.7rem;
  }
  
  .contact .informations__contact .phonenumber--bigger, .contact .informations__contact .faxnumber--bigger {
	  font-size: 1.7rem;
  }
  
   .main-cont .footer-cols .phonenumber--bigger, .main-cont .footer-cols .faxnumber--bigger {
	  font-size: 1.7rem;
  }
  
    .accueil .main-cont .phonenumber--bigger, .equipe .main-cont .phonenumber--bigger{
	  font-size: 2.3rem;
  }

    .phonenumber--bigger a, .faxnumber--bigger a{
	  font-weight: 700;
	  color: black;
  }
  
  .equipe .equipe__profession {
	  margin-top: 20;
	  text-align: center;
	  margin-bottom : 20px;
  }