/*
Theme Name: Divi Enfant - DiviKit
Description: Divi Enfant, theme enfant de Divi fourni par WPMarmite
Author: WPMarmite
Template: Divi
*/

/*
Rajoutez vos r?gles CSS personnalis?s ci-dessous

Jaune :      #ffe566;
Violet :     #cc99ff;
bleu :       #3388ff;
bleu ciel :  #80eaff;
bleu fonce : #253146
gris :       #f2f6f8

font-family: 'Philosopher',Helvetica,Arial,Lucida,sans-serif;


*/

/* --------------- FONT ------------------*/

p, p span {font-weight: 400 !important;}

.philo {font-family: 'Philosopher', sans-serif !important; font-size:25px ;color : #3388ff !important;}


/* --------------- HEADER -----------------*/

img#logo{max-width:250px !important;}

.menu-item-78 a {background-color: #3388FF; padding:10px !important; text-shadow: 0 0 0 rgba(5, 5, 5, 0.2);}

.menu-item-78 a:active, .menu-item-78 a:focus, .menu-item-78 a:focus-within, .menu-item-78 a:visited {color:#FFF !important;}

.menu-item-2445 a {background-color: #cc99ff; padding:10px !important; text-shadow: 0 0 0 rgba(5, 5, 5, 0.2);}

nav li ul.sub-menu {min-width:340px !important;}
nav li ul.sub-menu li {width:100% !important;}
nav li ul.sub-menu li a{width:100% !important;}

.mobile_menu_bar:before {color : #3388ff !important;}

/* --------------- BTN FIXE -----------------*/
#doctolib { 
	display:block; 
	position:fixed !important; 
	background-color: #FFF; 
	top:160px;right:0;
	z-index:9999999999999999999;
	width:120px;
	padding:10px 15px 5px 15px;
	margin-bottom: 0px;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
	border-top : #ffe566 solid 3px;
}

#doctolib span {color :#2EA3F2; font-size: 11px; text-transform: uppercase;display: block;width:100%;letter-spacing: 1px;}

#doctolib img{ 
	width:80px;
	top:8px;
}

#doctolib:hover { 
	width:150px;
	border-right:5px solid #2EA3F2;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	cursor: pointer;
}


#telephone { 
	display:block; 
	position:fixed !important; 
	background-color: #2EA3F2; 
	top:240px;
	right:0; 
	z-index:9999999999999999999; 
	width:120px;
	padding:7px; 
	margin-bottom: 0px;
	color:#FFF;
	font-size:11px !important;
	text-align: center;
}
#telephone span{
	color: white;
}
#telephone:hover { 
	width:150px;
	border-right:5px solid #ffe566;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	cursor: pointer;
}

#consultation { 
	display:flex;
	flex-direction: row; 
	position:fixed !important; 
	background-color: #253146;
	top: 282px;
	right:0;
	z-index:9999999999999999999;
	width:120px;
	padding:10px 1px 5px 5px;
	margin-bottom: 0px;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}

#consultation span {
	color :#FFFFFF; 
	font-size: 11px; 
	text-transform: uppercase;
	display: block;
	width:100%;
	letter-spacing: 1px;
	line-height: 1.2em;
	}

#consultation img{ 
	height: 20px;
	margin-right: 5px;
	margin-left: 0;
	filter: invert(70%);
}

#consultation:hover { 
	width:150px;
	border-right:5px solid #2EA3F2;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	cursor: pointer;
}

@media (max-width: 640px) {
	
	#doctolib {top:110px}
	
	#doctolib span {display:none}
	
	#telephone { display:none;} 
	
	#consultation {top:165px}

}



/* --------------- ENTETE -----------------*/

.header-content {padding: 3em 0 4em 0 !important;max-width:80%;max-width:1000px;}

.header-content .header-logo {width:50px;float:left;margin-left:-10px;margin-right: 10px !important;}

.header-content h1{font-size:3em;margin-bottom:20px;}

.header-content h1:after {}

.header-content h2{ font-weight:normal; font-size: 1.5em; font-family: 'Philosopher', sans-serif !important;line-height: 1.5em !important;}

.header-content .et_pb_fullwidth_header_subhead{margin-bottom:0.5em;color:#3388FF !important}

.entete-expertise, .entete-prostate {background-image : url(/wp-content/uploads/2020/06/pattern-bleu-fonce-plat_Plan-de-travail-1.jpg) !important;}

.entete-expertise .et_pb_fullwidth_header_overlay, .entete-prostate .et_pb_fullwidth_header_overlay {background-color: rgba(10, 31, 52, 0.3) !important;}


/* --------------- R?sum? centr? -----------------*/

.et_pb_blurb_position_top .et_pb_blurb_content {
	padding:30px;
	min-height:340px;
	width:100% !important;
}

.et_pb_blurb_position_top:hover {
	box-shadow: 0px 0px 20px #e1e9ed;
	
}



.et_pb_blurb_position_top .et_pb_main_blurb_image { max-width:100px;}


/* --------------- .enBref -----------------*/


.enBref  {background-color: #f2f6f8 !important; padding: 20px auto !important;}
.enBref .et_pb_blurb_position_left .et_pb_main_blurb_image {min-width:60px;}


/* --------------- .presentation -----------------*/

.presentation .et_pb_image  {border:9px solid #edf4f7;margin-top: 10px !important;}

.presentation h3  {font-size: 1.5em !important;margin-top: 20px;}

.presentation .et_pb_promo {background-color: #253146 !important; padding: 50px 2em !important; text-align: center !important;border-top: 5px solid #3388ff;}


.presentation .et_pb_promo h2 {color:#3388ff !important;font-size:2.5em;}

.presentation .et_pb_promo img {width: 300px;}

.presentation .et_pb_promo img {width: 300px;}

.presentation  .et_pb_gallery_image {border : 5px solid #f2f6f8;padding:10px !important; }


/* ----------SWITCH IMAGES-------------*/

/* --------masquer les images de droite---------*/
.presentation .et_pb_column_3_5 .et_pb_image, .presentation .et_pb_column_3_5 .et_pb_slider,.presentation .et_pb_column_3_5 .et_pb_video  {display:none;}



@media (max-width: 640px) {

/* ----------3_5------------*/
.presentation .et_pb_column_3_5 .et_pb_image, .presentation .et_pb_column_3_5 .et_pb_slider,.presentation .et_pb_column_3_5 .et_pb_video  {display:block;}

/* ----------2_5------------*/
.presentation .et_pb_column_2_5 .et_pb_image, .presentation .et_pb_column_2_5 .et_pb_slider,.presentation .et_pb_column_2_5 .et_pb_video, .philo  {display:none;}


}


/* --------------- Blog-----------------*/

.single-post header, .archive header, .category header {background-color:#0a1e33 !important}

.single-post  #main-content, .archive #main-content, .category #main-content {background-color: #f2f6f8 !important;}

.single-post  .container:before, .archive .container:before, .category .container:before {display:none;}

.single-post  article, .archive article, .category article {background-color: #FFF; padding : 20px !important;}

#left-area {padding-right: 1% !important}

.et_pb_widget {background-color: #FFF; padding:20px !important;}

article {border:none !important;}

article h2{margin-bottom:10px;}

article .post-content-inner {margin-bottom:10px;}
article .more-link {text-transform: capitalize;}

article .post-meta, article .post-meta a  {font-family: 'Philosopher', sans-serif !important; color : #3388ff !important;}


/* ----- Sidebar -------*/

#custom_html-2 {background-color: #253146 !important;color:#FFF !important;border-top: 5px solid #ffe566 }

#custom_html-2 h4{color:#FFF !important;}

.et_pb_widget {border-top:4px solid #3388ff}

.et_pb_widget h4{margin-bottom:10px; color :#3388ff; }
.et_pb_widget ul li{padding:10px 5px; border-top:1px solid #eaeaea}


/* --------------- Prise en charge-----------------*/

#menu-prise-en-charge {list-style-type: none;}
#menu-prise-en-charge li {float:left !important; display: inline-block !important;}
#menu-prise-en-charge li a {color:#FFF;margin-right:20px;background-color: rgba(255, 255, 255, 0.3);word-wrap: inherit;padding:15px !important;border:none;display: inline-block !important;margin-top:10px;}
#menu-prise-en-charge li a:hover {background-color: #253146 !important;padding:15px 35px 15px 15px!important}


/* --------------- Formulaire Evaluation des symptomes-----------------*/

#formEvaluation .et_pb_contact_field_options_title {
	font-weight: bold !important;
}

#formEvaluation .et_pb_contact_field_options_title::after {
	font-weight: 300 !important;
}

#formEvaluation .et_pb_contact_field_options_list .et_pb_contact_field_radio{
	float:left;
	padding:10px;
}


#formEvaluation .et_pb_contact_field_0  .et_pb_contact_field_options_title::after {
	content: "Au cours du dernier mois, avec quelle fr\0000E9quence avez vous eu la sensation que votre vessie n'\0000E9tait pas compl\0000E8tement vid\0000E9e apr\0000E8s avoir urin\0000E9 ?" !important;
	clear:left;
	display:block;
}

#formEvaluation .et_pb_contact_field_1  .et_pb_contact_field_options_title::after {
	content: "Au cours du dernier mois, avec quelle fr\0000E9quence avez vous eu besoin d'uriner moins de 2 heures apr\0000E8s avoir fini d'uriner ?" !important;
	clear:left;
	display:block;
}

#formEvaluation .et_pb_contact_field_2  .et_pb_contact_field_options_title::after {
	content: "Au cours du dernier mois, avec quelle fr\0000E9quence avez vous eu une interruption du jet d'urine c'est \0000E0 dire d\0000E9marrage de la miction puis arr\0000EAt puis red\0000E9marrage ?" !important;
	clear:left;
	display:block;
}

#formEvaluation .et_pb_contact_field_3  .et_pb_contact_field_options_title::after {
	content: "Au cours du dernier mois, apr\0000E8s avoir ressenti le besoin d'uriner, avec quelle fr\0000E9quence avez vous eu des difficult\0000E9s \0000E0  vous retenir d'uriner ?" !important;
	clear:left;
	display:block;
}

#formEvaluation .et_pb_contact_field_4  .et_pb_contact_field_options_title::after {
	content: "Au cours du dernier mois, avec quelle fr\0000E9quence avez vous eu une diminution de la taille ou de la force du jet d'urine ?" !important;
	clear:left;
	display:block;
}

#formEvaluation .et_pb_contact_field_5  .et_pb_contact_field_options_title::after {
	content: "Au cours du dernier mois, avec quelle fr\0000E9quence avez vous d\0000FB   forcer ou pousser pour commencer \0000E0  uriner ?" !important;
	clear:left;
	display:block;
}
#formEvaluation .et_pb_contact_field_6  .et_pb_contact_field_options_title::after {
	content: "Au cours du dernier mois \0000E9coul\0000E9, combien de fois par nuit, en moyenne, vous \0000CAtes-vous lev\0000E9 pour uriner (entre le moment de votre coucher le soir et celui de votre lever d\0000E9finitif le matin ?" !important;
	clear:left;
	display:block;
}

#et-boc .area-outer-wrap[data-da-color=light] .da-close {
    background: #FFFF !important;
}


#et-boc .area-outer-wrap.full-height {width:100% !important;}
#et-boc .area-outer-wrap {width:100% !important;}
#et-boc .full-height {width:100% !important;}

	
/* ============================================
   IPSS QUESTIONNAIRE - STYLES
   Fichier : ipss-questionnaire.css
   ============================================ */

.ipss-wrapper {
    max-width: 95%;
    margin: 40px auto;
    padding: 0 20px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: #2c3e50;
    line-height: 1.6;
    box-sizing: border-box;
}

/* ---- Header ---- */
.ipss-header {
    margin-bottom: 32px;
}

.ipss-header h1 {
    font-size: 2rem;
    font-weight: 700;
    color: #2c3e50;
    margin: 0 0 12px 0;
}

.ipss-header p {
    font-size: 0.95rem;
    color: #6b7c8d;
    margin: 0 0 24px 0;
    line-height: 1.5;
}

/* ---- Question Block ---- */
.ipss-question-block {
    margin-bottom: 32px;
}

.ipss-question-title {
    font-size: 1rem;
    font-weight: 700;
    color: #2c3e50;
    margin: 0 0 6px 0;
}

.ipss-question-title .ipss-required {
    color: black;
    margin-left: 2px;
}

.ipss-question-desc {
    font-size: 0.95rem;
    color: black;
    margin: 0 0 12px 0;
    line-height: 1.5;
}

/* ---- Select ---- */
.ipss-select {
    width: 100%;
    padding: 12px 16px;
    font-size: 0.95rem;
    font-family: inherit;
    color: #2c3e50;
    background: #fff;
    border: 1px solid #d0d5da;
    border-radius: 4px;
    outline: none;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-repeat: no-repeat;
    background-position: right 16px center;
    padding-right: 40px;
    transition: border-color 0.2s ease;
    box-sizing: border-box;
}

.ipss-select:focus {
    border-color: #c0392b;
}

.ipss-select:hover {
    border-color: #b0b5ba;
}

/* ---- Submit ---- */
.ipss-submit-row {
    display: flex;
    justify-content: flex-end;
    margin-top: 32px;
}

.ipss-submit-btn {
    padding: 10px 28px;
    font-size: 0.9rem;
    font-family: inherit;
    font-weight: 600;
    color: #2c3e50;
    background: #fff;
    border: 2px solid #2c3e50;
    border-radius: 0;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    transition: all 0.2s ease;
}

.ipss-submit-btn:hover {
    background: #2c3e50;
    color: #fff;
}

/* ---- Results ---- */
.ipss-results {
    display: none;
}

.ipss-results.ipss-visible {
    display: block;
}

.ipss-result-text {
    font-size: 1.1rem;
    color: #2c3e50;
    margin-bottom: 24px;
    line-height: 1.6;
}

/* ---- Contact CTA ---- */
.ipss-contact-cta {
    margin: 32px 0;
    text-align: center;
}

.ipss-contact-btn {
    display: inline-block;
    padding: 12px 32px;
    font-size: 0.95rem;
    font-weight: 600;
    color: #fff;
    background: #c0392b;
    border: none;
    border-radius: 4px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: background 0.2s ease;
}

.ipss-contact-btn:hover {
    background: #a93226;
    color: #fff;
    text-decoration: none;
}

/* ---- Reset ---- */
.ipss-reset-btn {
    display: inline-block;
    margin-top: 8px;
    padding: 10px 28px;
    font-size: 0.9rem;
    font-family: inherit;
    color: #6b7c8d;
    background: transparent;
    border: 1px solid #d0d5da;
    cursor: pointer;
    transition: all 0.2s ease;
}

.ipss-reset-btn:hover {
    border-color: #2c3e50;
    color: #2c3e50;
}

/* ---- Responsive Mobile ---- */
@media (max-width: 768px) {
    .ipss-wrapper {
        max-width: 100%;
        padding: 0 12px;
        margin: 16px auto;
    }

    .ipss-header h1 {
        font-size: 1.5rem;
    }

    .ipss-header p {
        font-size: 0.9rem;
    }

    .ipss-question-desc {
        font-size: 0.9rem;
    }

    .ipss-select {
        font-size: 16px; /* empêche le zoom auto sur iOS */
        padding: 14px 16px;
    }

    .ipss-submit-row {
        justify-content: center;
    }

    .ipss-submit-btn {
        width: 100%;
        text-align: center;
        padding: 14px 20px;
    }

    .ipss-contact-btn {
        display: block;
        width: 100%;
        text-align: center;
        padding: 14px 20px;
        box-sizing: border-box;
    }

    .ipss-reset-btn {
        width: 100%;
        text-align: center;
        padding: 12px 20px;
        box-sizing: border-box;
    }

    .ipss-result-text {
        font-size: 1rem;
    }
}