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

h1,h2, h3{
	font-family:gothamnarrowbold;
	font-weight:normal;
}
h1{
	font-size: 3em;
	}
h2{
	font-size: 2.2em;
	}

 
/* ======================================================================*/
/* Général */
/* ======================================================================*/
.principal-color-background{
	background:#dd3333;
}
.principal-color-background-on-hover:hover{
	background:#dd3333;
}
.principal-color-background-light{
	background: #ff9797;
}
.principal-color-background-transparent{
	background:rgba(221,51,51,0.95)}

input[type="submit"],
.button,
button{
	background:#dd3333;
			text-transform: uppercase;
	}
input[type="submit"]:hover,
.button:hover,
button:hover{
	background: #f14747;
	color:white!important;
}
input[type="submit"]:active,
.button:active,
button:active{
	background:  #c91f1f;
}



a {
    color: #dd3333;
}
a:hover {
    color: #f14747;
}
.button-up::before{
	background:#dd3333;
}
.button-up:hover::before{
	background: #f14747;
}


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


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


/* ======================================================================*/
/* 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:#545353!important;*/
}
body #page-accueil .accueil-desktop .sections-wrapper .section-equipe .membre .text{
	background:rgba(221,51,51,0.95);
}
body #page-accueil .accueil-desktop .sections-wrapper .section-slider-gallery.photos li .text{
	background:rgba(221,51,51,0.95);
}
body #page-accueil .accueil-desktop .sections-wrapper .content-wrapper.noir .bloc-text{
	color:#545353;
}
body #page-accueil .section-slider-gallery.style-mosaic-2 .text{
	background:rgba(221,51,51,0.95);
}


/* ======================================================================*/
/* Accueil 2 */
/* ======================================================================*/
#page-accueil .accueil-desktop #bienvenue ul li .bottom-wrapper{
	background:rgba(221,51,51,0.95)}
#page-accueil .accueil-desktop #bienvenue ul li:hover::before{
	background:rgba(221,51,51,0.95)}
#page-accueil .accueil-desktop #bienvenue ul li:nth-child(2) .bottom-wrapper{
	background:rgba(241,71,71,0.95)}
#page-accueil .accueil-desktop #bienvenue ul li:nth-child(2):hover::before{
	background:rgba(241,71,71,0.95)}
#page-accueil .accueil-desktop #bienvenue ul li:nth-child(3) .bottom-wrapper{
	background:rgba(255,91,91,0.95)}
#page-accueil .accueil-desktop #bienvenue ul li:nth-child(3):hover::before{
	background:rgba(255,91,91,0.95)}
#page-accueil .accueil-desktop #bienvenue ul li:nth-child(4) .bottom-wrapper{
	background:rgba(255,111,111,0.95)}
#page-accueil .accueil-desktop #bienvenue ul li:nth-child(4):hover::before{
	background:rgba(255,111,111,0.95)}
#page-accueil .accueil-desktop #bienvenue ul li:nth-child(5) .bottom-wrapper{
	background:rgba(255,131,131,0.95)}
#page-accueil .accueil-desktop #bienvenue ul li:nth-child(5):hover::before{
	background:rgba(255,131,131,0.95)}



/* ======================================================================*/
/* Partage */
/* ======================================================================*/
.template-page .share-clinique a span{
	background:#dd3333;
}
.template-page .share-clinique a:hover span{
	background:#f14747;
}


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

/* ======================================================================*/
/* Header 1 */
/* ======================================================================*/
header nav.menu-wrapper{
	background:rgba(221,51,51,0.95)}
header .left-wrapper .menu-vertical-wrapper ul.vertical-menu>li:hover{
	background:#dd3333;
}
header .left-wrapper .menu-vertical-wrapper ul.vertical-menu>li>a{
	background:#dd3333;
}
header .menu-wrapper form.searchform button.button-loupe{
	background: #f14747;
}
header .menu-wrapper .nav-menu>li{

}

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




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

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

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

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

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


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



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

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


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

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

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


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



/* ======================================================================*/
/* 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;}
}


