/* ======================================================================*/
/* Polices */
/* ======================================================================*/
body{
	font-family:robotocondensed;
	color:#000000;
}
header .logo-wrapper .logo-text b,
p strong{
	font-family:robotocondensedbold;
	}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
textarea {
	font-family:robotocondensed;
}

h1,h2, h3{
	font-family:proximanova;
	font-weight:normal;
}
h1{
	font-size: 3em;
			text-transform: uppercase!important;
	}
h2{
	font-size: 2.2em;
			text-transform: uppercase!important;
	}

 
/* ======================================================================*/
/* Général */
/* ======================================================================*/
.principal-color-background{
	background:#3b4148;
}
.principal-color-background-on-hover:hover{
	background:#3b4148;
}
.principal-color-background-light{
	background: #9fa5ac;
}
.principal-color-background-transparent{
	background:rgba(59,65,72,0.95)}

input[type="submit"],
.button,
button{
	background:#3b4148;
			text-transform: uppercase;
	}
input[type="submit"]:hover,
.button:hover,
button:hover{
	background: #4f555c;
	color:white!important;
}
input[type="submit"]:active,
.button:active,
button:active{
	background:  #272d34;
}


input[type="submit"].ghost, .button.ghost, button.ghost{
	color:#3b4148!important;
	border: solid 2px #3b4148;
	background-color: transparent;
}
input[type="submit"].ghost:hover, .button.ghost:hover, button.ghost:hover{
	color:white!important;
	background:#3b4148!important;
}
input[type="submit"].ghost:active, .button.ghost:active, button.ghost:active{
	color:white!important;
	background:#272d34!important;
}


a {
    color: #3b4148;
}
a:hover {
    color: #4f555c;
}
.button-up::before{
	background:#3b4148;
}
.button-up:hover::before{
	background: #4f555c;
}


.infopatient-button-wrapper a{
    background: #3b4148;
    color: white;
}

input[type="checkbox"].custom-checkbox:not(:checked) + label::after,
input[type="checkbox"].custom-checkbox:checked + label::after,
input[type=radio].custom-radio:checked + label:before{
    color: #3b4148;
}


/* ======================================================================*/
/* Header 6 */
/* ======================================================================*/
.template-header-6 .top-button-right{
	background:  #131920;
}
.template-header-6 .top-button-right .clinique-2{
	background:  #272d34;
}


/* ======================================================================*/
/* Accueil 1 */
/* ======================================================================*/
#page-accueil .accueil-desktop .sections-wrapper h1{
	font-size: 3.9em!important;
}
#page-accueil .accueil-desktop .sections-wrapper h2{
	font-size: 2.86em!important;
}
#page-accueil .accueil-desktop .sections-wrapper .bloc-text.noir,
#page-accueil .section-slider .slides .slide .titre-blanc,
#page-accueil .accueil-desktop .sections-wrapper .content-wrapper.noir .bloc-text{
	/*color:#000000!important;*/
}
body #page-accueil .accueil-desktop .sections-wrapper .section-equipe .membre .text{
	background:rgba(59,65,72,0.95);
}
body #page-accueil .accueil-desktop .sections-wrapper .section-slider-gallery.photos li .text{
	background:rgba(59,65,72,0.95);
}
body #page-accueil .accueil-desktop .sections-wrapper .bloc-text,
body #page-accueil .accueil-desktop .sections-wrapper .content-wrapper.noir .bloc-text{
	color:#000000;
}
body #page-accueil .section-slider-gallery.style-mosaic-2 .text{
	background:rgba(59,65,72,0.95);
}


/* ======================================================================*/
/* Accueil 2 */
/* ======================================================================*/
#page-accueil .accueil-desktop #bienvenue ul li .bottom-wrapper{
	background:rgba(59,65,72,0.95)}
#page-accueil .accueil-desktop #bienvenue ul li:hover::before{
	background:rgba(59,65,72,0.95)}
#page-accueil .accueil-desktop #bienvenue ul li:nth-child(2) .bottom-wrapper{
	background:rgba(79,85,92,0.95)}
#page-accueil .accueil-desktop #bienvenue ul li:nth-child(2):hover::before{
	background:rgba(79,85,92,0.95)}
#page-accueil .accueil-desktop #bienvenue ul li:nth-child(3) .bottom-wrapper{
	background:rgba(99,105,112,0.95)}
#page-accueil .accueil-desktop #bienvenue ul li:nth-child(3):hover::before{
	background:rgba(99,105,112,0.95)}
#page-accueil .accueil-desktop #bienvenue ul li:nth-child(4) .bottom-wrapper{
	background:rgba(119,125,132,0.95)}
#page-accueil .accueil-desktop #bienvenue ul li:nth-child(4):hover::before{
	background:rgba(119,125,132,0.95)}
#page-accueil .accueil-desktop #bienvenue ul li:nth-child(5) .bottom-wrapper{
	background:rgba(139,145,152,0.95)}
#page-accueil .accueil-desktop #bienvenue ul li:nth-child(5):hover::before{
	background:rgba(139,145,152,0.95)}



/* ======================================================================*/
/* Partage */
/* ======================================================================*/
.template-page .share-clinique a span{
	background:#3b4148;
}
.template-page .share-clinique a:hover span{
	background:#4f555c;
}


/* ======================================================================*/
/* Logo */
/* ======================================================================*/
.logo-wrapper .logo-text{
	font-family:robotocondensed;
}

/* ======================================================================*/
/* Header 1 */
/* ======================================================================*/
header nav.menu-wrapper{
	background:rgba(59,65,72,0.95)}
header .left-wrapper .menu-vertical-wrapper ul.vertical-menu>li:hover{
	background:#3b4148;
}
header .left-wrapper .menu-vertical-wrapper ul.vertical-menu>li>a{
	background:#3b4148;
}
header .menu-wrapper form.searchform button.button-loupe{
	background: #4f555c;
}
header .menu-wrapper .nav-menu>li{

}

/* ======================================================================*/
/* Header 6 */
/* ======================================================================*/
.overlay-popup-clinic .head-title-wrapper,
.overlay-popup-clinic .popup-wrapper .close-button{
	background:#3b4148;
}




/* ======================================================================*/
/* Menu horizontal */
/* ======================================================================*/
.second-nav .nav-menu>li:hover{
	background:#3b4148;
}
.secondary-color-background{
	background:#000000;
}
.secondary-color-background-on-hover:hover{
	background:#000000;
}

/* Menu 2 */
.second-nav.menu-2 .nav-menu>li:hover{
	background: none!important;
    box-shadow: inset 0px -5px #3b4148;
    -moz-box-shadow: inset 0px -5px #3b4148;
    -webkit-box-shadow: inset 0px -5px #3b4148;
}
.second-nav.menu-2 .nav-menu>li.menu-item-has-children>.sub-menu a:hover::before{
	border: 2px solid #3b4148;
}
.second-nav.menu-2 .nav-menu>li>a:hover{
	color: #3b4148!important;
}

/* Menu 3 */
.second-nav.menu-3 .nav-menu>li:hover>a{
	color: #3b4148!important;
}
.second-nav.menu-3 .nav-menu>li.menu-item-has-children>a::after{
	color: #3b4148;
}

/* Menu 4 */
.second-nav.menu-4 .nav-menu>li .menu-item-has-children>a{
	border-bottom: 2px solid #3b4148;
}
.second-nav.menu-4 .nav-menu>li:hover {
    background: none;
    box-shadow: inset 0px -3px 0 #3b4148;
    -moz-box-shadow: inset 0px -3px 0 #3b4148;
    -webkit-box-shadow: inset 0px -3px 0 #3b4148;
}
.second-nav.menu-4 .nav-menu>li:hover a{
	color: #3b4148!important;
}


/* Menu 5 */
.second-nav.menu-5 .nav-menu>li:hover>a{
	color: #3b4148!important;
}
.second-nav.menu-5 .nav-menu>li:hover {
    box-shadow: inset 0px -5px #3b4148!important;
    -moz-box-shadow: inset 0px -5px #3b4148!important;
    -webkit-box-shadow: inset 0px -5px #3b4148!important;
}
.second-nav.menu-5 .nav-menu>li.menu-item-has-children:hover>.sub-menu {
    border: 1px solid #3b4148!important;
}
.second-nav.menu-5 .nav-menu>li.menu-item-has-children>.sub-menu a:hover{
    color: #3b4148!important;
}
.second-nav.menu-5 .nav-menu>li.menu-item-has-children:hover::after{
    color: #3b4148!important;
}

/* ======================================================================*/
/* Accueil */
/* ======================================================================*/
#page-accueil .section-slider .flex-control-nav li a.flex-active{
	background:#3b4148!important;
}


/* ======================================================================*/
/* FAQ */
/* ======================================================================*/
.faq-categories-wrapper{
	color: #4f555c}



/* ======================================================================*/
/* Header search */
/* ======================================================================*/
.second-nav form.searchform button,
.second-nav form.searchform button:hover{
	color:#3b4148!important;
}

/* ======================================================================*/
/* Search */
/* ======================================================================*/
#page-search .blocs-wrapper .bloc .link-wrapper{
	color:#3b4148;
}


/* ======================================================================*/
/* Equipe */
/* ======================================================================*/
#page-notre-equipe .grille.equipe .double .membre .text{
	background:rgba(59,65,72,0.95)!important;
}

/* ======================================================================*/
/* Equipe 2*/
/* ======================================================================*/
#page-notre-equipe-2 .grille.equipe .double .membre .text{
	background:rgba(59,65,72,0.95)!important;
}
#page-notre-equipe-2 .grille.equipe .double .membre-text{
	color:#000000!important;
}




/* ======================================================================*/
/* Nous joindre */
/* ======================================================================*/
div.ahpm_my_infowindow a{
	color:#3b4148!important;
}

/* ======================================================================*/
/* Date Picker */
/* ======================================================================*/
/* DatePicker Container */
.ui-datepicker {
	width: 300px;
	height: auto;
	margin: 5px auto 0;
	font: 9pt Arial, sans-serif;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	border-collapse: collapse;
	background: #FFF;
	padding: 0!important; 
}

.ui-datepicker-calendar a {
	text-decoration: none;
}

.ui-datepicker a:hover {
}
/* DatePicker Table */
.ui-datepicker table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 0!important
}
.ui-datepicker-header {
	background: #3b4148!important;
    color: #FFF!important;
    font-weight: bold!important;
    font-size: 1.4em!important;
    line-height: 30px!important;
    border: 0px!important;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    border-radius: 0px!important;
}
.ui-datepicker-title {
	text-align: center;
	line-height: 1em!important;
}
.ui-datepicker .ui-icon{
	overflow         : visible!important;
	font-size        : 0.5em!important;
	width            : auto!important;
	height           : auto!important;
	background-image : inherit!important;
	display          : block!important;
	position         : relative!important;
	left             : 0!important;
	margin-left      : 0!important;
	top              : initial!important;
	margin-top       : 0!important;
	text-indent 	 : 0!important;
}
.ui-datepicker-prev, 
.ui-datepicker-next {
	display: inline-block;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    font-size: 0.8em;
    margin-left: 10px;
}
.ui-datepicker-prev {
	float: left;
	margin-left: 10px;
}
.ui-datepicker-next {
	float: right;
	margin-right: 10px;
}

.ui-datepicker-prev,
.ui-datepicker-next {
	color: #fff!important;
	width: auto!important;
}
.ui-datepicker-prev.ui-state-hover,
.ui-datepicker-next.ui-state-hover {
	border: 0px!important;
    background: initial!important;
}
.ui-datepicker-calendar thead {
	background-color: #f7f7f7;
	background-image: -moz-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));
	background-image: -webkit-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -o-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -ms-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: linear-gradient(to top,  #f7f7f7 0%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );
	border-bottom: 1px solid #bbb;
}
.ui-datepicker-calendar th {
	text-transform: uppercase;
	font-size: 6pt;
	padding: 5px 0;
	color: #666666;
	text-shadow: 1px 0px 0px #fff;
	/*filter: dropshadow(color=#fff, offx=1, offy=0);*/
}
.ui-datepicker-calendar tbody td {
	padding: 0;
	border-right: 1px solid #bbb;
}
.ui-datepicker-calendar tbody td:last-child {
	border-right: 0px;
}
.ui-datepicker-calendar tbody tr {
	border-bottom: 1px solid #bbb;
}
.ui-datepicker-calendar tbody tr:last-child {
	border-bottom: 0px;
}
.ui-datepicker-calendar td span, 
.ui-datepicker-calendar td a {
	display: inline-block!important;
    font-weight: bold!important;
    text-align: center!important;
    width: 100%;
    height: auto!important;
    line-height: 30px!important;
    color: #666666!important;
    padding: 0.2em 0px!important; 
}
.ui-datepicker-calendar .ui-state-default {
	background: transparent!important;
	border: 0px!important;
}
.ui-datepicker-calendar .ui-state-hover {
	background: #F4F4F4!important;
}
.ui-datepicker-calendar .ui-state-active {
	background: #038165!important;
	color: #fff!important;
	/*filter: dropshadow(color=#53AD53, offx=0, offy=1);*/
	position: relative;
}
.ui-datepicker-unselectable .ui-state-default {
	background: #f4f4f4;
	color: #b4b3b3;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
	margin-left: 0;
	border: 0px!important;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
	margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
	height: 29px;
	margin-bottom: 0;
}

/* icon calendar */
#ahpr-rdv-div .form-wrapper .date-field-wrapper:after{
	    color: #3b4148;
}

/* ======================================================================*/
/* Media Queries */
/* ======================================================================*/
@media screen and (max-width: 1366px){
	#page-accueil .accueil-desktop .sections-wrapper h1{ font-size: 3.12em!important;}
	#page-accueil .accueil-desktop .sections-wrapper h2{ font-size: 2.288em!important;}
}