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

h1,h2, h3{
	font-family:robotobold;
	font-weight:normal;
}
h1{
	font-size: 2.4em;
			text-transform: uppercase!important;
	}
h2{
	font-size: 1.8em;
			text-transform: uppercase!important;
	}

 
/* ======================================================================*/
/* Général */
/* ======================================================================*/
.principal-color-background{
	background:#4aa2ac;
}
.principal-color-background-on-hover:hover{
	background:#4aa2ac;
}
.principal-color-background-light{
	background: #aeffff;
}
.principal-color-background-transparent{
	background:rgba(74,162,172,0.95)}

input[type="submit"],
.button,
button{
	background:#4aa2ac;
			text-transform: uppercase;
	}
input[type="submit"]:hover,
.button:hover,
button:hover{
	background: #5eb6c0;
	color:white!important;
}
input[type="submit"]:active,
.button:active,
button:active{
	background:  #368e98;
}


input[type="submit"].ghost, .button.ghost, button.ghost{
	color:#4aa2ac!important;
	border: solid 2px #4aa2ac;
	background-color: transparent;
}
input[type="submit"].ghost:hover, .button.ghost:hover, button.ghost:hover{
	color:white!important;
	background:#4aa2ac!important;
}
input[type="submit"].ghost:active, .button.ghost:active, button.ghost:active{
	color:white!important;
	background:#368e98!important;
}

a {
    color: #4aa2ac;
}
a:hover {
    color: #5eb6c0;
}
.button-up::before{
	background:#4aa2ac;
}
.button-up:hover::before{
	background: #5eb6c0;
}


.infopatient-button-wrapper a{
    background: #4aa2ac;
    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: #4aa2ac;
}


/* ======================================================================*/
/* Header 6 */
/* ======================================================================*/
.template-header-6 .top-button-right{
	background:  #227a84;
}
.template-header-6 .top-button-right .clinique-2{
	background:  #368e98;
}


/* ======================================================================*/
/* Accueil 1 */
/* ======================================================================*/
#page-accueil .accueil-desktop .sections-wrapper h1{
	font-size: 3.12em!important;
}
#page-accueil .accueil-desktop .sections-wrapper h2{
	font-size: 2.34em!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:#717171!important;*/
}
body #page-accueil .accueil-desktop .sections-wrapper .section-equipe .membre .text{
	background:rgba(74,162,172,0.95);
}
body #page-accueil .accueil-desktop .sections-wrapper .section-slider-gallery.photos li .text{
	background:rgba(74,162,172,0.95);
}
body #page-accueil .accueil-desktop .sections-wrapper .bloc-text,
body #page-accueil .accueil-desktop .sections-wrapper .content-wrapper.noir .bloc-text{
	color:#717171;
}
body #page-accueil .section-slider-gallery.style-mosaic-2 .text{
	background:rgba(74,162,172,0.95);
}


/* ======================================================================*/
/* Accueil 2 */
/* ======================================================================*/
#page-accueil .accueil-desktop #bienvenue ul li .bottom-wrapper{
	background:rgba(74,162,172,0.95)}
#page-accueil .accueil-desktop #bienvenue ul li:hover::before{
	background:rgba(74,162,172,0.95)}
#page-accueil .accueil-desktop #bienvenue ul li:nth-child(2) .bottom-wrapper{
	background:rgba(94,182,192,0.95)}
#page-accueil .accueil-desktop #bienvenue ul li:nth-child(2):hover::before{
	background:rgba(94,182,192,0.95)}
#page-accueil .accueil-desktop #bienvenue ul li:nth-child(3) .bottom-wrapper{
	background:rgba(114,202,212,0.95)}
#page-accueil .accueil-desktop #bienvenue ul li:nth-child(3):hover::before{
	background:rgba(114,202,212,0.95)}
#page-accueil .accueil-desktop #bienvenue ul li:nth-child(4) .bottom-wrapper{
	background:rgba(134,222,232,0.95)}
#page-accueil .accueil-desktop #bienvenue ul li:nth-child(4):hover::before{
	background:rgba(134,222,232,0.95)}
#page-accueil .accueil-desktop #bienvenue ul li:nth-child(5) .bottom-wrapper{
	background:rgba(154,242,252,0.95)}
#page-accueil .accueil-desktop #bienvenue ul li:nth-child(5):hover::before{
	background:rgba(154,242,252,0.95)}



/* ======================================================================*/
/* Partage */
/* ======================================================================*/
.template-page .share-clinique a span{
	background:#4aa2ac;
}
.template-page .share-clinique a:hover span{
	background:#5eb6c0;
}


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

/* ======================================================================*/
/* Header 1 */
/* ======================================================================*/
header nav.menu-wrapper{
	background:rgba(74,162,172,0.95)}
header .left-wrapper .menu-vertical-wrapper ul.vertical-menu>li:hover{
	background:#4aa2ac;
}
header .left-wrapper .menu-vertical-wrapper ul.vertical-menu>li>a{
	background:#4aa2ac;
}
header .menu-wrapper form.searchform button.button-loupe{
	background: #5eb6c0;
}
header .menu-wrapper .nav-menu>li{

}

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




/* ======================================================================*/
/* Menu horizontal */
/* ======================================================================*/
.second-nav .nav-menu>li:hover{
	background:#4aa2ac;
}
.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 #4aa2ac;
    -moz-box-shadow: inset 0px -5px #4aa2ac;
    -webkit-box-shadow: inset 0px -5px #4aa2ac;
}
.second-nav.menu-2 .nav-menu>li.menu-item-has-children>.sub-menu a:hover::before{
	border: 2px solid #4aa2ac;
}
.second-nav.menu-2 .nav-menu>li>a:hover{
	color: #4aa2ac!important;
}

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

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


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

/* Menu mobile avec option header mobile */
html.show-menu-mobile header .top-button-left:after {
    border-bottom-color: rgba(74,162,172,0.95);
    color: rgba(74,162,172,0.95)!important;
}

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


/* ======================================================================*/
/* FAQ */
/* ======================================================================*/
.faq-categories-wrapper{
	color: #5eb6c0}



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

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


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

/* ======================================================================*/
/* Equipe 2*/
/* ======================================================================*/
#page-notre-equipe-2 .grille.equipe .double .membre .text{
	background:rgba(74,162,172,0.95)!important;
}
#page-notre-equipe-2 .grille.equipe .double .membre-text{
	color:#717171!important;
}




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



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


