.logged-in{}
#top .avia-cookie-consent-button-2{color:black !important;}
.avia_ajax_form .lpdw.form_address {
display: none;
}@media only screen and (max-width: 767px) {     #sidebar_fixe {
position: fixed;
bottom: 0px;
left: 0;
background-color: #fff;
height: max-content;
z-index: 100;
display: flex;
width: 100%;
box-shadow: 0 1px 12px rgba(255, 255, 255, 0.2);
a {
width: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
row-gap: 7px;
padding: 8px;
font-size: 17px;
background-color: var(--bleu-fonce);
&:first-child {
border-right: 2px solid var(--beige-clair);
}
span {
color: var(--beige-clair);
}
svg path {
fill: var(--beige-clair);
}
}
} #fil_ariane {
background-color: var(--beige-clair);
min-height: max-content;
position: relative;
overflow: hidden;
.template-page {
padding: 15px 0px;
h1 {
margin-top: 10px;
a {
font-family: "frank-ruhl-libre" !important;
font-weight: normal;
font-size: 54px;
}
}
}
&::after {
content: url(//www.dermatologue-lefrancois.fr/wp-content/uploads/2023/11/derme-top-right.svg);
position: absolute;
top: -80px;
right: -80px;
}
}    #top #header #header_main .container {
margin: 0px;
padding: 0px;
max-width: 100%;
width: 100%;
} #top #header #header_main .logo a {
display: flex;
align-items: center;
padding: 0px 12px;
height: 80px;
}
#top #header #header_main .logo a svg {
height: 61px !important;
width: 243px !important;
} #top #header #header_main .av-burger-menu-main {
margin-right: 45px;
}
#top #header #header_main .av-burger-overlay .av-burger-overlay-bg {
background-color: var(--bleu-fonce);
opacity: 1;
}
#top #header #header_main .av-burger-overlay li a {
color: var(--beige-clair) !important;
}    #slider {
display: flex;
flex-direction: column-reverse;
} #slider .flex_cell:first-child {
padding: 40px 25px;
height: max-content !important;
min-height: max-content;
}
#slider .flex_cell:first-child .av-special-heading {
margin: 0px;
}
#top #slider .flex_cell:first-child h2 {
text-transform: uppercase;
font-family: "roboto" !important;
font-size: 35px;
}
#slider .flex_cell:first-child h1 {
font-size: 40px;
}
#slider .flex_cell:first-child .iconlist_icon > span {
line-height: 24px;
}
#slider .flex_cell:first-child .avia-icon-list-container > ul > li p {
font-size: 14px;
}
#slider .flex_cell:first-child .avia-button-wrap a {
margin: 0px;
padding: 14px 20px;
border-radius: 0px;
font-size: 14px;
background-color: var(--beige-fonce);
}
#slider .flex_cell:first-child .avia-button-wrap .avia_button_icon {
padding-left: 10px;
} #top #wrap_all #slider .flex_cell:not(:first-child) {
padding: 0px 0px 0px 0px !important;
height: 415px !important;
min-height: 415px !important;
}
#slider .flex_cell:not(:first-child) .avia-image-container-inner {
width: 100%;
}
#slider .flex_cell:not(:first-child) .avia-image-container-inner img {
width: 100%;
height: 100%;
object-fit: cover;
}  #tbm-questionnaire .av_toggle_section .single_toggle {
margin-bottom: 32px;
border-radius: 24px;
background-color: var(--beige-clair);
}
#tbm-questionnaire .av_toggle_section .single_toggle > p {
padding: 20px;
font-size: 20px;
font-family: "frank-ruhl-libre" !important;
border: none !important;
transition: 300ms;
}
#tbm-questionnaire .av_toggle_section .single_toggle > p::after {
content: "\e800";
font-family: "dermatologue-lefrancois-icons";
font-size: 14px;
display: block;
rotate: -90deg;
float: right;
transition: 400ms;
}
#tbm-questionnaire .av_toggle_section:nth-child(1) .single_toggle > p {
display: flex !important;
justify-content: center !important;
align-items: center !important;
column-gap: 4px;
line-height: 18px;
}
#tbm-questionnaire .av_toggle_section .single_toggle > p.activeTitle::after {
rotate: 90deg;
}
#tbm-questionnaire
.av_toggle_section:nth-child(1)
.single_toggle
> p::before {
content: "\e801";
font-family: "dermatologue-lefrancois-icons";
font-size: 22px;
line-height: 22px;
background-color: var(--bleu-fonce);
padding: 8px;
color: var(--blanc);
border-radius: 4px;
margin-right: 8px;
}
#tbm-questionnaire
.av_toggle_section:nth-child(2)
.single_toggle
> p::before {
content: "\e804";
font-family: "dermatologue-lefrancois-icons";
font-size: 22px;
background-color: var(--bleu-fonce);
padding: 8px;
color: var(--blanc);
border-radius: 4px;
margin-right: 8px;
}
#tbm-questionnaire
.av_toggle_section:nth-child(3)
.single_toggle
> p::before {
content: "\f0e6";
font-family: "dermatologue-lefrancois-icons";
font-size: 22px;
background-color: var(--bleu-fonce);
padding: 8px;
color: var(--blanc);
border-radius: 4px;
margin-right: 8px;
}
#tbm-questionnaire .av_toggle_section .single_toggle > p .toggle_icon {
display: none !important;
}
#tbm-questionnaire .flex_cell:first-child {
position: relative;
overflow: hidden;
padding: 30px 15px;
}
#tbm-questionnaire .flex_cell:last-child::after {
content: url(//www.dermatologue-lefrancois.fr/wp-content/uploads/2023/11/derme-top-right.svg);
position: absolute;
top: -40px;
right: -120px;
}
#tbm-questionnaire
.flex_cell:first-child
.flex_cell_inner
.avia-image-container {
margin-bottom: 20px;
}
#tbm-questionnaire
.flex_cell:first-child
.flex_cell_inner
.avia-image-container-inner {
width: 100%;
}
#tbm-questionnaire
.flex_cell:first-child
.flex_cell_inner
.avia-image-container
img {
z-index: 1;
width: 100%;
}
#tbm-questionnaire .flex_cell:first-child .flex_cell_inner > div h3 {
font-size: 30px;
position: relative;
}
#tbm-questionnaire .flex_cell:first-child .flex_cell_inner > div h3::before {
content: "";
display: inline-block;
width: 60px;
border: 2px solid var(--orange-clair);
position: absolute;
top: 50%;
left: -80px;
}
#tbm-questionnaire
.flex_cell:first-child
.flex_cell_inner
> section:nth-child(3)
p {
font-size: 18px;
line-height: 28px;
text-transform: uppercase;
font-weight: normal;
}
#tbm-questionnaire .flex_cell:first-child .flex_cell_inner > section p {
font-size: 16px;
line-height: 25px;
font-weight: normal;
}
#tbm-questionnaire .flex_cell:first-child .avia-button-wrap a {
margin: 0px;
padding: 14px 20px;
border-radius: 0px;
font-size: 14px;
background-color: var(--bleu-fonce);
transition: 300ms;
}
#tbm-questionnaire
.flex_cell:first-child
.avia-button-wrap
.avia_button_icon {
padding-left: 10px;
} #tbm-questionnaire .flex_cell:last-child {
position: relative;
padding: 30px 35px;
}
#tbm-questionnaire .flex_cell:last-child .av-special-heading {
padding: 0px;
}
#tbm-questionnaire .flex_cell:last-child h3 {
font-size: 30px;
}
#tbm-questionnaire
.flex_cell:last-child
.flex_cell_inner
.av_textblock_section:nth-child(2)
p {
font-size: 18px;
color: var(--bleu-fonce);
text-align: center;
text-transform: uppercase;
} #tbm-questionnaire .av_textblock_section {
position: relative;
visibility: visible;
opacity: 1;
transition: 800ms;
}
#tbm-questionnaire .av_textblock_section.inactive {
position: absolute;
visibility: hidden;
opacity: 0;
}
#tbm-questionnaire .question_div {
display: flex;
flex-direction: column;
align-items: center;
}
#tbm-questionnaire .question_div.active {
position: relative;
visibility: visible;
opacity: 1;
transition: 1.5s;
}
#tbm-questionnaire .question_div.inactive {
position: absolute;
visibility: hidden;
opacity: 0;
}
#tbm-questionnaire .question_div .question_number {
font-size: 16px;
font-weight: normal;
text-align: center;
margin: 0px !important;
}
#tbm-questionnaire .question_div .question {
font-size: 25px;
line-height: 30px;
font-weight: 500;
font-family: "frank-ruhl-libre" !important;
text-align: center;
}
#tbm-questionnaire .question_div > div > p {
background-color: rgba(255, 255, 255, 0.5);
padding: 15px 18px;
display: flex;
column-gap: 16px;
position: relative;
}
#tbm-questionnaire .question_div > div > p input {
visibility: hidden;
}
#tbm-questionnaire .question_div > div > p input:checked + label::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: var(--blanc);
width: 12px;
height: 12px;
border-radius: 12px;
}
#tbm-questionnaire .question_div > div > p .round {
position: absolute;
width: 24px;
height: 24px;
border: 3px solid var(--blanc);
border-radius: 24px;
top: 50%;
transform: translateY(-50%);
transition: 300ms;
}
#tbm-questionnaire .question_div > div > p label {
font-size: 13px;
font-weight: normal;
margin: 0px;
line-height: 15px;
}
#tbm-questionnaire .buttons {
display: flex;
justify-content: center;
align-items: center;
column-gap: 20px;
margin-top: 20px;
}
#tbm-questionnaire .buttons button {
border: none;
background-color: var(--beige-fonce);
font-size: 14px;
padding: 14px 20px;
transition: 300ms;
color: var(--blanc);
}
#tbm-questionnaire .buttons button.prev-question::before {
content: "\e800";
font-family: "dermatologue-lefrancois-icons";
font-size: 14px;
color: var(--blanc);
margin-right: 13px;
display: inline-block;
rotate: 180deg;
}
#tbm-questionnaire .buttons button.next-question::after {
content: "\e800";
font-family: "dermatologue-lefrancois-icons";
font-size: 14px;
color: var(--blanc);
margin-left: 13px;
}
#tbm-questionnaire .result.inactive {
position: absolute;
visibility: hidden;
opacity: 0;
}
#tbm-questionnaire .result.active {
position: relative;
visibility: visible;
opacity: 1;
transition: 1s;
}
#tbm-questionnaire .result a {
color: #fff;
} #deroulement_tbm {
position: relative;
overflow: hidden;
padding: 0px 30px;
}
#deroulement_tbm::after {
content: url(//www.dermatologue-lefrancois.fr/wp-content/uploads/2023/11/derme-top-right.svg);
position: absolute;
top: -20px;
right: -10px;
}
#deroulement_tbm::before {
content: url(//www.dermatologue-lefrancois.fr/wp-content/uploads/2023/11/derme-bottom-left.svg);
position: absolute;
bottom: -20px;
left: -10px;
}
#deroulement_tbm h3 {
font-size: 30px;
position: relative;
}
#deroulement_tbm h3::before {
content: "";
display: inline-block;
width: 60px;
border: 2px solid var(--orange-clair);
position: absolute;
top: 50%;
left: -80px;
}
#deroulement_tbm .avia-image-container-inner img,
#deroulement_tbm .avia-image-container-inner {
width: 100%;
} #partenaires .flex_cell {
padding: 60px 85px;
}
#partenaires h3 {
font-size: 30px;
position: relative;
color: var(--blanc);
margin-left: 79px;
}
#partenaires h3::before {
content: "";
display: inline-block;
width: 60px;
border: 2px solid var(--orange-clair);
position: absolute;
top: 50%;
left: -80px;
} #partenaires
.avia-content-slider-inner
.slide-entry-wrap
> div:not(:last-child) {
background-color: var(--blanc);
margin-bottom: 6% !important;
padding: 25px 15px !important;
}
#partenaires .avia-content-slider-inner .slide-entry-wrap > div:last-child {
background-color: var(--blanc);
padding: 25px 15px !important;
}
#partenaires .avia-content-slider-inner .slide-entry-wrap > div > span {
background-size: contain;
box-shadow: none;
background-position: center center;
}
#partenaires .avia-logo-element-container {
padding-bottom: 50px;
}
#partenaires
.avia-logo-element-container
.avia-content-slider-inner
.slide-entry-wrap:first-child
> .slide-entry:first-child
a {
position: relative;
}
#partenaires
.avia-logo-element-container
.avia-content-slider-inner
.slide-entry-wrap:first-child
> .slide-entry:first-child
a::before {
content: "Annuaire";
font-size: 26px;
color: var(--bleu-fonce);
position: absolute;
top: 63%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9;
background-color: rgba(255, 255, 255, 0.8);
padding: 10px 20px;
border-radius: 4px;
font-weight: bold;
}
#partenaires .avia-logo-element-container .avia-smallarrow-slider-heading {
position: absolute;
bottom: 5px;
}
#partenaires
.avia-logo-element-container
.avia-smallarrow-slider-heading
.new-special-heading {
display: none;
}
#partenaires
.avia-logo-element-container
.avia-smallarrow-slider-heading
a::before {
background: unset !important;
color: var(--beige-fonce) !important;
font-size: 30px !important;
}
#top #partenaires .av-partner-fake-img {
background-size: contain !important;
background-position: 50%, 50% !important;
background-color: #fff !important;
}      #top:not(.page-id-37) #wrap_all > :not(#footer-page, #header) h2 {
font-size: 35px;
font-family: "frank-ruhl-libre" !important;
font-weight: normal;
text-transform: none;
margin-bottom: 20px;
margin-left: 90px;
}
#top:not(.page-id-37) #wrap_all > :not(#footer-page, #header) h2::before {
content: "";
display: inline-block;
width: 60px;
border: 2px solid var(--orange-clair);
position: absolute;
top: 30%;
left: 10px;
} #top:not(.page-id-37) #wrap_all > :not(#footer-page, #header) h3 {
font-size: 30px;
font-family: "frank-ruhl-libre" !important;
font-weight: normal;
color: var(--bleu-fonce);
}   #top:not(.page-id-37) #wrap_all > :not(#footer-page, #header) p,
#top:not(.page-id-37) #wrap_all > :not(#footer-page, #header) ul li,
#top:not(.page-id-37) #wrap_all > :not(#footer-page, #header) ol li {
font-size: 14px;
line-height: 22px;
} #top:not(.page-id-37) #wrap_all > :not(#footer-page, #header) strong {
color: var(--bleu-fonce);
} #top:not(.page-id-37) #wrap_all > :not(#footer-page, #header) a {
color: var(--bleu-fonce);
transition: 300ms;
}      #link-pages-tbm .flex_column {
height: 180px;
border-radius: 12px;
background-size: cover;
background-position: center center;
transition: 300ms;
}
#link-pages-tbm .flex_column .av-special-heading h3 {
color: var(--blanc) !important;
}
#link-pages-tbm .flex_column .av-special-heading::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--bleu-fonce);
opacity: 0.5;
z-index: -1;
border-radius: 12px;
transition: 300ms;
}
#link-pages-tbm .flex_column .av-special-heading {
padding: 0px !important;
height: 100%;
display: flex;
align-items: center;
}
#link-pages-tbm .flex_column .av-special-heading h3 {
margin: 0 auto;
font-size: 35px;
font-weight: bold;
color: var(--beige-clair);
transition: 300ms;
}   #prepa .flex_column_table .flex_column:first-child {
position: relative;
}
#top #deroulement .flex_column_table {
margin: 0px !important;
}
#deroulement .flex_column_table .flex_column:first-child .avia_textblock {
display: flex;
justify-content: center;
}
#deroulement .flex_column_table .flex_column:first-child p.timeline-number {
text-align: center;
color: var(--bleu-fonce);
border: 5px solid var(--bleu-fonce);
width: max-content;
padding: 25px 27px;
border-radius: 50px;
font-size: 35px !important;
font-weight: bold;
position: relative;
} #link-pages-pcg .flex_column {
height: 180px;
border-radius: 12px;
background-size: cover;
background-position: center center;
transition: 300ms;
}
#link-pages-pcg .flex_column .av-special-heading h3 {
color: var(--blanc) !important;
}
#link-pages-pcg .flex_column .av-special-heading::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--bleu-fonce);
opacity: 0.5;
z-index: -1;
border-radius: 12px;
transition: 300ms;
}
#link-pages-pcg .flex_column .av-special-heading {
padding: 0px !important;
height: 100%;
display: flex;
align-items: center;
}
#link-pages-pcg .flex_column .av-special-heading h3 {
margin: 0 auto;
font-size: 35px;
font-weight: bold;
color: var(--beige-clair);
transition: 300ms;
}   #link-pages-votre-dermato .flex_column {
height: 180px;
border-radius: 12px;
background-size: cover;
background-position: center center;
transition: 300ms;
}
#link-pages-votre-dermato .flex_column .av-special-heading h3 {
color: var(--blanc) !important;
}
#link-pages-votre-dermato .flex_column .av-special-heading::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--bleu-fonce);
opacity: 0.5;
z-index: -1;
border-radius: 12px;
transition: 300ms;
}
#link-pages-votre-dermato .flex_column .av-special-heading {
padding: 0px !important;
height: 100%;
display: flex;
align-items: center;
}
#link-pages-votre-dermato .flex_column .av-special-heading h3 {
margin: 0 auto;
font-size: 35px;
font-weight: bold;
color: var(--beige-clair);
transition: 300ms;
} #docteur_cabinet .avia-team-member {
background-color: var(--blanc);
border-radius: 4px;
padding: 10px 20px;
}
#docteur_cabinet .avia-team-member .team-member-job-title {
font-size: 16px;
font-weight: 500;
}
#docteur_cabinet .avia-team-member .team-member-description a.rdv,
#docteur_cabinet .avia-team-member .team-member-description a.num {
font-size: 16px;
color: var(--bleu-fonce);
transition: 300ms;
}
#docteur_cabinet .avia-team-member .team-member-description a.num::before {
content: "\e803";
font-family: "dermatologue-lefrancois-icons";
font-size: 14px;
background-color: var(--bleu-fonce);
padding: 7px;
color: var(--blanc);
border-radius: 4px;
margin-right: 8px;
}
#docteur_cabinet .avia-team-member .team-member-description a.rdv::before {
content: "\e801";
font-family: "dermatologue-lefrancois-icons";
font-size: 14px;
background-color: var(--bleu-fonce);
padding: 7px;
color: var(--blanc);
border-radius: 4px;
margin-right: 8px;
}
#docteur_cabinet .flex_column_table:nth-child(6) {
margin-top: 0px !important;
}
#docteur_cabinet .flex_column_table:nth-child(6) .flex_column:last-child,
#docteur_cabinet .flex_column_table:nth-child(5) .flex_column:first-child {
background-size: cover;
background-position: center center;
}
#docteur_cabinet .flex_column_table:nth-child(6) .flex_column:first-child,
#docteur_cabinet .flex_column_table:nth-child(5) .flex_column:last-child {
background-color: var(--blanc);
padding: 15px 30px;
}    #footer {
padding: 0px !important;
position: relative;
overflow: hidden;
}
#footer::before {
content: url(//www.dermatologue-lefrancois.fr/wp-content/uploads/2023/11/derme-bottom-left.svg);
position: absolute;
bottom: -80px;
left: -80px;
rotate: 90deg;
scale: 0.7;
}
#footer main.template-page {
padding: 41px 0px;
} #footer
.flex_column_table
.flex_column:nth-child(2)
.avia-image-container-inner
img, #footer
.flex_column_table
.flex_column:nth-child(2)
.avia-image-container-inner {
width: 100%;
} #footer .flex_column_table .flex_column:nth-child(5) .iconlist_icon > span {
line-height: 24px;
font-size: 18px;
}
#footer
.flex_column_table
.flex_column:nth-child(5)
.avia-icon-list-container
> ul
> li
p {
font-size: 16px;
}
#footer
.flex_column_table
.flex_column:nth-child(5)
.avia-icon-list-container
> ul
> li
a {
transition: 300ms;
} #footer
.flex_column_table
.flex_column:nth-child(8)
.avia-builder-widget-area
> div {
margin: 0px;
}
#footer .flex_column_table .flex_column:nth-child(8) ul li {
border: none !important;
}
#footer .flex_column_table .flex_column:nth-child(8) ul li a {
padding: 0px;
margin: 6px 0px;
font-size: 16px;
font-weight: normal;
transition: 300ms;
} #footer .flex_column_table .flex_column:nth-child(11) .avia-button-wrap a {
margin: 0px;
padding: 14px 20px;
border-radius: 0px;
font-size: 16px;
background-color: var(--bleu-fonce);
transition: 300ms;
}
#footer
.flex_column_table
.flex_column:nth-child(11)
.avia-button-wrap
.avia_button_icon {
padding-left: 10px;
} #footer-page #socket {
min-height: max-content;
}
#footer-page #socket > .container {
padding: 4px 50px;
}
#footer-page #socket > .container > .template-page {
padding: 0px;
}
#footer-page #socket .flex_column {
margin: 0px !important;
}
#footer-page #socket p,
#footer-page #socket a {
font-size: 16px;
font-weight: normal;
color: var(--blanc);
transition: 300ms;
text-align: left !important;
}
}@media only screen and (max-width: 989px) and (min-width: 768px) {                        #slider {
display: flex;
flex-direction: column-reverse;
}
#top #slider .flex_cell {
width: 100% !important;
height: 480px !important;
min-height: 480px !important;
} #top #tbm-questionnaire {
display: flex;
flex-direction: column;
}
#top #tbm-questionnaire .flex_cell {
width: 100%;
} #tbm-questionnaire .flex_cell:first-child .flex_cell_inner > section,
#tbm-questionnaire .flex_cell:first-child .flex_cell_inner > div:not(:first-child) {
padding-left: 85px !important;
} #top #deroulement_tbm .entry-content-wrapper {
display: flex;
flex-direction: column;
row-gap: 20px;
align-items: center;
}
#top #deroulement_tbm .entry-content-wrapper .av-special-heading {
margin-left: 110px;
}
#top #deroulement_tbm .entry-content-wrapper .flex_column {
width: 100%;
margin: 0px;
}                       }h1, h2, h3{font-family:"frank-ruhl-libre" !important;}
h4, p, ul li, ol li, a, button, input, strong{font-family:"roboto" !important;}:root{--blanc:#ffffff;--blanc-fonce:#fafaf9;--bleu-fonce:#1d323b;--beige-fonce:#aa957b;--bleu-less-fonce:#1e2f36;--gris-fonce:#86979e;--beige-clair:#ccc0b1;--orange-clair:#d0a382;--gris-clair:#f2f1ed;}
@keyframes bigger {
0%{width:0px;height:0px;}
50%{width:6px;height:6px;}
100%{width:12px;height:12px;}
}  @media only screen and (min-width: 768px) {    #sidebar_fixe{display:none;}
.hr-inner{position:relative;}
.hr-inner::after{content:url(//www.dermatologue-lefrancois.fr/wp-content/uploads/2023/11/Rectangle.svg);position:absolute;top:50%;transform:translate(50%, -35%);left:50%;}
#fil_ariane{background-color:var(--beige-clair);min-height:max-content;position:relative;overflow:hidden;}
#fil_ariane::after{content:url(//www.dermatologue-lefrancois.fr/wp-content/uploads/2023/11/derme-top-right.svg);position:absolute;top:-80px;right:-80px;}
#fil_ariane .template-page{padding:15px 0px;}
#fil_ariane .template-page h1{margin-top:10px;}
#fil_ariane .template-page h1 a{font-family:"frank-ruhl-libre" !important;font-weight:normal;font-size:54px;}
#fil_ariane a{transition:300ms;}
#fil_ariane a:hover{color:var(--blanc);}
 #header #header_main .container{margin:0px;padding:0px;max-width:100%;}
#header #header_main .logo a{display:flex;align-items:center;padding:0px 12px;}
#header #header_main .logo a svg{height:61px;width:243px;}
#header #header_main .main_menu li a{font-size:16px;font-weight:normal;transition:300ms;}
#header #header_main .main_menu > div > ul > li.menu-item-sep{position:relative;padding-right:10px;}
#header #header_main .main_menu > div > ul > li.menu-item-sep::after{content:url(//www.dermatologue-lefrancois.fr/wp-content/uploads/2023/11/barre-verticale-losange-gris.svg);position:absolute;right:0;top:55%;transform:translateY(-50%);}
#header #header_main .main_menu li.menu-item-num a::before{content:"\e803";font-family:"dermatologue-lefrancois-icons";padding-right:8px;font-size:22px;}
#header #header_main .main_menu li.menu-item-doctolib{background-color:var(--beige-fonce);}
#header #header_main .main_menu li.menu-item-doctolib a{color:var(--blanc);padding:0px 35px;}
#header #header_main .main_menu li.menu-item-doctolib a:hover{color:var(--bleu-fonce);}
#header #header_main .main_menu li.menu-item-doctolib a::before{content:"\e801";font-family:"dermatologue-lefrancois-icons";padding-right:8px;font-size:22px;}
#header #header_main .main_menu li.urgences-rdv {
padding: 0px 35px;
background-color: var(--bleu-fonce);
transition: all ease 300ms;
&:hover,
&:focus{background-color:#444444;}
a {
color: var(--blanc);
&::before{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="30" viewBox="0 0 640 512"><!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path fill="%23ffffff" d="M55.2 33.7c-7.9-4-17.5-.7-21.5 7.2s-.7 17.5 7.2 21.5l64 32c7.9 4 17.5 .7 21.5-7.2s.7-17.5-7.2-21.5l-64-32zm544 28.6c7.9-4 11.1-13.6 7.2-21.5s-13.6-11.1-21.5-7.2l-64 32c-7.9 4-11.1 13.6-7.2 21.5s13.6 11.1 21.5 7.2l64-32zM16 192c-8.8 0-16 7.2-16 16s7.2 16 16 16l64 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-64 0zm544 0c-8.8 0-16 7.2-16 16s7.2 16 16 16l64 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-64 0zm-112 0l0 128 32 0 0-128c0-88.4-71.6-160-160-160s-160 71.6-160 160l0 128 32 0 0-128c0-70.7 57.3-128 128-128s128 57.3 128 128zM128 400c0-8.8 7.2-16 16-16l352 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-352 0c-8.8 0-16-7.2-16-16l0-32zm-32 0l0 32c0 26.5 21.5 48 48 48l352 0c26.5 0 48-21.5 48-48l0-32c0-26.5-21.5-48-48-48l-352 0c-26.5 0-48 21.5-48 48zM320 128c8.8 0 16-7.2 16-16s-7.2-16-16-16c-53 0-96 43-96 96c0 8.8 7.2 16 16 16s16-7.2 16-16c0-35.3 28.7-64 64-64z"/></svg>');position:relative;left:0;top:3px;margin-right:8px;}
}
}  #header #header_main .av-burger-menu-main{margin-right:45px;}
#header #header_main .av-burger-overlay .av-burger-overlay-bg{background-color:var(--bleu-fonce);opacity:1;}
#header #header_main .av-burger-overlay li a{color:var(--beige-clair) !important;}
  #slider .flex_cell:first-child{padding:105px 75px;}
#slider .flex_cell:first-child .av-special-heading{margin:0px;}
#top #slider .flex_cell:first-child h2{text-transform:uppercase;font-family:"roboto" !important;font-size:26px;}
#slider .flex_cell:first-child h1{font-size:40px;}
#slider .flex_cell:first-child .iconlist_icon > span{line-height:24px;}
#slider .flex_cell:first-child .avia-icon-list-container > ul > li p{font-size:16px;}
#slider .flex_cell:first-child .avia-icon-list-container > ul > li a{transition:300ms;}
#slider .flex_cell:first-child .avia-icon-list-container > ul > li a:hover{color:var(--beige-clair);}
#slider .flex_cell:first-child .avia-button-wrap a{margin:0px;padding:14px 20px;border-radius:0px;font-size:16px;background-color:var(--beige-fonce);transition:300ms;}
#slider .flex_cell:first-child .avia-button-wrap .avia_button_icon{padding-left:10px;}
#slider .flex_cell:first-child .avia-button-wrap a:hover{opacity:1;border-radius:12px;}
#slider .flex_cell:not(:first-child){padding:0px;background-size:cover;background-position:center center;}
#slider .flex_cell:not(:first-child) .avia-image-container-inner{width:100%;}
#slider
.flex_cell:not(:first-child)
.avia-image-container-inner
.avia-image-overlay-wrap{height:650px;}
#slider .flex_cell:not(:first-child) .avia-image-container-inner img{width:100%;height:100%;object-fit:cover;}
#tbm-questionnaire .av_toggle_section .single_toggle{position:relative;margin-bottom:32px;border-radius:24px;z-index:2;}
#tbm-questionnaire .av_toggle_section .single_toggle > p{padding:24px 60px 24px 32px;font-size:30px;font-family:"frank-ruhl-libre" !important;border:none !important;transition:300ms;}
#tbm-questionnaire .av_toggle_section .single_toggle > p::after{content:"\e800";display:block;font-family:"dermatologue-lefrancois-icons";font-size:15px;float:right;rotate:-90deg;z-index:0;transition:400ms;}
#tbm-questionnaire .av_toggle_section .single_toggle > p:hover::after{rotate:30deg;}
#tbm-questionnaire .av_toggle_section .single_toggle > p.activeTitle::after{rotate:90deg;}
#tbm-questionnaire
.av_toggle_section:nth-child(1)
.single_toggle
> p::before{content:"\e801";font-family:"dermatologue-lefrancois-icons";font-size:22px;background-color:var(--bleu-fonce);padding:8px;color:var(--blanc);border-radius:4px;margin-right:18px;}
#tbm-questionnaire
.av_toggle_section:nth-child(2)
.single_toggle
> p::before{content:"\e804";font-family:"dermatologue-lefrancois-icons";font-size:22px;background-color:var(--bleu-fonce);padding:8px;color:var(--blanc);border-radius:4px;margin-right:18px;}
#tbm-questionnaire
.av_toggle_section:nth-child(3)
.single_toggle
> p::before{content:"\f0e6";font-family:"dermatologue-lefrancois-icons";font-size:22px;background-color:var(--bleu-fonce);padding:8px;color:var(--blanc);border-radius:4px;margin-right:18px;}
#tbm-questionnaire .av_toggle_section .single_toggle > p .toggle_icon{display:none !important;}
#tbm-questionnaire .flex_cell:first-child{position:relative;overflow:hidden;padding:60px 30px;}
#tbm-questionnaire .flex_cell:first-child::after{content:url(//www.dermatologue-lefrancois.fr/wp-content/uploads/2023/11/derme-top-right.svg);position:absolute;top:-40px;right:-120px;}
#tbm-questionnaire
.flex_cell:first-child
.flex_cell_inner
.avia-image-container{margin-left:13%;margin-bottom:20px;}
#tbm-questionnaire
.flex_cell:first-child
.flex_cell_inner
.avia-image-container
img{z-index:1;}
#tbm-questionnaire .flex_cell:first-child .flex_cell_inner > div h3{position:relative;margin-left:80px;font-size:40px;}
#tbm-questionnaire .flex_cell:first-child .flex_cell_inner > div h3::before{content:"";display:inline-block;width:60px;border:2px solid var(--orange-clair);position:absolute;top:50%;left:-80px;}
#tbm-questionnaire
.flex_cell:first-child
.flex_cell_inner
> section:nth-child(3) p{font-size:20px;text-transform:uppercase;font-weight:normal;}
#tbm-questionnaire .flex_cell:first-child .flex_cell_inner > section p{font-size:18px;font-weight:normal;}
#tbm-questionnaire .flex_cell:first-child .avia-button-wrap a{margin:0px;padding:14px 20px;border-radius:0px;font-size:16px;background-color:var(--bleu-fonce);transition:300ms;}
#tbm-questionnaire
.flex_cell:first-child
.avia-button-wrap
.avia_button_icon{padding-left:10px;}
#tbm-questionnaire .flex_cell:first-child .avia-button-wrap a:hover{opacity:1;border-radius:12px;}
#tbm-questionnaire .flex_cell:last-child{padding:62px 75px;}
#tbm-questionnaire .flex_cell:last-child .av-special-heading{padding:0px;}
#tbm-questionnaire .flex_cell:last-child h3{font-size:40px;}
#tbm-questionnaire
.flex_cell:last-child
.flex_cell_inner
.av_textblock_section:nth-child(2) p{font-size:20px;color:var(--bleu-fonce);text-align:center;text-transform:uppercase;}
#tbm-questionnaire .av_textblock_section{position:relative;visibility:visible;opacity:1;transition:800ms;}
#tbm-questionnaire .av_textblock_section.inactive{position:absolute;visibility:hidden;opacity:0;}
#tbm-questionnaire .question_div{display:flex;flex-direction:column;align-items:center;}
#tbm-questionnaire .question_div.active{position:relative;visibility:visible;opacity:1;transition:1.5s;}
#tbm-questionnaire .question_div.inactive{position:absolute;visibility:hidden;opacity:0;}
#tbm-questionnaire .question_div .question_number{font-size:18px;font-weight:normal;text-align:center;margin:0px !important;}
#tbm-questionnaire .question_div .question{font-size:30px;font-weight:500;font-family:"frank-ruhl-libre" !important;text-align:center;}
#tbm-questionnaire .question_div > div > p{background-color:rgba(255, 255, 255, 0.5);padding:15px 18px;display:flex;column-gap:16px;position:relative;}
#tbm-questionnaire .question_div > div > p input{visibility:hidden;}
#tbm-questionnaire .question_div > div > p input:checked + label + label{font-weight:bold;}
#tbm-questionnaire .question_div > div > p input:checked + label::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:var(--blanc);width:12px;height:12px;border-radius:12px;}
#tbm-questionnaire .question_div > div > p .round{position:absolute;width:24px;height:24px;border:3px solid var(--blanc);border-radius:24px;top:50%;transform:translateY(-50%);transition:300ms;}
#tbm-questionnaire
.question_div
> div
> p
input:not(:checked)
+ .round:hover::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:var(--blanc);border-radius:12px;animation:300ms ease-in-out normal forwards running bigger;}
#tbm-questionnaire .question_div > div > p label{font-size:18px;font-weight:normal;margin:0px;}
#tbm-questionnaire .buttons{display:flex;justify-content:center;align-items:center;column-gap:20px;margin-top:20px;}
#tbm-questionnaire .buttons button{border:none;background-color:var(--beige-fonce);font-size:16px;padding:14px 20px;transition:300ms;color:var(--blanc);}
#tbm-questionnaire .buttons button:hover{border-radius:12px;cursor:pointer;}
#tbm-questionnaire .buttons button.prev-question::before{content:"\e800";font-family:"dermatologue-lefrancois-icons";font-size:14px;color:var(--blanc);margin-right:13px;display:inline-block;rotate:180deg;}
#tbm-questionnaire .buttons button.next-question::after{content:"\e800";font-family:"dermatologue-lefrancois-icons";font-size:14px;color:var(--blanc);margin-left:13px;}
#tbm-questionnaire .result.inactive{position:absolute;visibility:hidden;opacity:0;}
#tbm-questionnaire .result.active{position:relative;visibility:visible;opacity:1;transition:1s;}
#tbm-questionnaire .result a{color:#fff;}
#deroulement_tbm{position:relative;overflow:hidden;padding:10px 30px;}
#deroulement_tbm::after{content:url(//www.dermatologue-lefrancois.fr/wp-content/uploads/2023/11/derme-top-right.svg);position:absolute;top:-20px;right:-10px;}
#deroulement_tbm::before{content:url(//www.dermatologue-lefrancois.fr/wp-content/uploads/2023/11/derme-bottom-left.svg);position:absolute;bottom:-20px;left:-10px;}
#deroulement_tbm h3{font-size:40px;position:relative;}
#deroulement_tbm h3::before{content:"";display:inline-block;width:60px;border:2px solid var(--orange-clair);position:absolute;top:50%;left:-80px;}
#partenaires .flex_cell{padding:60px 85px;}
#partenaires h3{font-size:40px;position:relative;color:var(--blanc);margin-left:79px;}
#partenaires h3::before{content:"";display:inline-block;width:60px;border:2px solid var(--orange-clair);position:absolute;top:50%;left:-80px;}
#partenaires
.avia-content-slider-inner
.slide-entry-wrap
> div:not(:last-child){background-color:var(--blanc);width:23.5%;margin-right:2%;padding:25px 15px;}
#partenaires .avia-content-slider-inner .slide-entry-wrap > div:last-child{background-color:var(--blanc);width:23.5%;padding:25px 15px;}
#partenaires .avia-content-slider-inner .slide-entry-wrap > div > span{background-size:contain;box-shadow:none;background-position:center center;}
#partenaires .avia-logo-element-container{padding-bottom:50px;}
#partenaires
.avia-logo-element-container
.avia-content-slider-inner
.slide-entry-wrap:first-child
> .slide-entry:first-child a{position:relative;}
#partenaires
.avia-logo-element-container
.avia-content-slider-inner
.slide-entry-wrap:first-child
> .slide-entry:first-child
a::before{content:"Annuaire";font-size:26px;color:var(--bleu-fonce);position:absolute;top:63%;left:50%;transform:translate(-50%, -50%);z-index:9;background-color:rgba(255, 255, 255, 0.8);padding:10px 20px;border-radius:4px;font-weight:bold;}
#partenaires .avia-logo-element-container .avia-smallarrow-slider-heading{position:absolute;bottom:5px;}
#partenaires
.avia-logo-element-container
.avia-smallarrow-slider-heading
.new-special-heading{display:none;}
#partenaires
.avia-logo-element-container
.avia-smallarrow-slider-heading
a::before{background:unset !important;color:var(--beige-fonce) !important;font-size:30px !important;}
#top #partenaires .av-partner-fake-img{background-size:contain !important;background-position:50%, 50% !important;background-color:#fff !important;}
   #top:not(.page-id-37) #wrap_all > :not(#footer-page, #header) h2{font-size:40px;font-family:"frank-ruhl-libre" !important;font-weight:normal;text-transform:none;margin-bottom:20px;margin-left:90px;position:relative;}
#top:not(.page-id-37) #wrap_all > :not(#footer-page, #header) h2::before{content:"";display:inline-block;width:60px;border:2px solid var(--orange-clair);position:absolute;top:50%;left:-80px;}
#top:not(.page-id-37) #wrap_all > :not(#footer-page, #header) h3{font-size:36px;font-family:"frank-ruhl-libre" !important;font-weight:normal;color:var(--bleu-fonce);}
#top:not(.page-id-37) #wrap_all > :not(#footer-page, #header) p,
#top:not(.page-id-37) #wrap_all > :not(#footer-page, #header) ul li,
#top:not(.page-id-37) #wrap_all > :not(#footer-page, #header) ol li{font-size:16px;line-height:25px;}
#top:not(.page-id-37) #wrap_all > :not(#footer-page, #header) strong{color:var(--bleu-fonce);}
#top:not(.page-id-37) #wrap_all > :not(#footer-page, #header) a:hover{color:var(--beige-fonce);}
#link-pages-tbm .flex_column{height:180px;border-radius:12px;background-size:cover;background-position:center center;transition:300ms;}
#link-pages-tbm .flex_column .av-special-heading h3{color:var(--blanc) !important;}
#link-pages-tbm .flex_column:hover,
#link-pages-tbm .flex_column:hover .av-special-heading::after{border-radius:4px;}
#link-pages-tbm .flex_column .av-special-heading::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--bleu-fonce);opacity:0.5;z-index:-1;border-radius:12px;transition:300ms;}
#link-pages-tbm .flex_column .av-special-heading{padding:0px !important;height:100%;display:flex;align-items:center;}
#link-pages-tbm .flex_column .av-special-heading h3{margin:0 auto;font-size:35px;font-weight:bold;color:var(--beige-clair);transition:300ms;}
#prepa .flex_column_table .flex_column:first-child{position:relative;}
#prepa .flex_column_table .flex_column:first-child::after{content:url(//www.dermatologue-lefrancois.fr/wp-content/uploads/2023/11/barre-verticale-losange-gris.svg);position:absolute;right:-8%;top:25%;transform:translateY(-50%);overflow:visible;scale:2;visibility:visible;}
#deroulement .flex_column_table .flex_column:first-child .avia_textblock{display:flex;justify-content:center;}
#deroulement .flex_column_table .flex_column:first-child p.timeline-number{text-align:center;color:var(--bleu-fonce);border:5px solid var(--bleu-fonce);width:max-content;padding:25px 27px;border-radius:50px;font-size:35px !important;font-weight:bold;position:relative;}
#deroulement
.flex_column_table:not(:last-child)
.flex_column:first-child
p.timeline-number::after{content:"";position:absolute;height:113px;border-left:3px dashed var(--bleu-fonce);top:85px;left:50%;transform:translateX(-50%);}
#link-pages-pcg .flex_column{height:180px;border-radius:12px;background-size:cover;background-position:center center;transition:300ms;}
#link-pages-pcg .flex_column .av-special-heading h3{color:var(--blanc) !important;}
#link-pages-pcg .flex_column:hover,
#link-pages-pcg .flex_column:hover .av-special-heading::after{border-radius:4px;}
#link-pages-pcg .flex_column .av-special-heading::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--bleu-fonce);opacity:0.5;z-index:-1;border-radius:12px;transition:300ms;}
#link-pages-pcg .flex_column .av-special-heading{padding:0px !important;height:100%;display:flex;align-items:center;}
#link-pages-pcg .flex_column .av-special-heading h3{margin:0 auto;font-size:35px;font-weight:bold;color:var(--beige-clair);transition:300ms;}
#link-pages-votre-dermato .flex_column{height:180px;border-radius:12px;background-size:cover;background-position:center center;transition:300ms;}
#link-pages-votre-dermato .flex_column .av-special-heading h3{color:var(--blanc) !important;}
#link-pages-votre-dermato .flex_column:hover,
#link-pages-votre-dermato .flex_column:hover .av-special-heading::after{border-radius:4px;}
#link-pages-votre-dermato .flex_column .av-special-heading::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--bleu-fonce);opacity:0.5;z-index:-1;border-radius:12px;transition:300ms;}
#link-pages-votre-dermato .flex_column .av-special-heading{padding:0px !important;height:100%;display:flex;align-items:center;}
#link-pages-votre-dermato .flex_column .av-special-heading h3{margin:0 auto;font-size:35px;font-weight:bold;color:var(--beige-clair);transition:300ms;}
#docteur_cabinet .avia-team-member{background-color:var(--blanc);border-radius:4px;padding:10px 20px;}
#docteur_cabinet .avia-team-member .team-member-job-title{font-size:16px;font-weight:500;}
#docteur_cabinet .avia-team-member .team-member-description a.rdv,
#docteur_cabinet .avia-team-member .team-member-description a.num{font-size:16px;color:var(--bleu-fonce);transition:300ms;}
#docteur_cabinet .avia-team-member .team-member-description a.rdv:hover,
#docteur_cabinet .avia-team-member .team-member-description a.num:hover{color:var(--beige-fonce);margin-left:8px;}
#docteur_cabinet .avia-team-member .team-member-description a.num::before{content:"\e803";font-family:"dermatologue-lefrancois-icons";font-size:14px;background-color:var(--bleu-fonce);padding:7px;color:var(--blanc);border-radius:4px;margin-right:8px;}
#docteur_cabinet .avia-team-member .team-member-description a.rdv::before{content:"\e801";font-family:"dermatologue-lefrancois-icons";font-size:14px;background-color:var(--bleu-fonce);padding:7px;color:var(--blanc);border-radius:4px;margin-right:8px;}
#docteur_cabinet .flex_column_table:nth-child(6){margin-top:0px !important;}
#docteur_cabinet .flex_column_table:nth-child(6) .flex_column:last-child,
#docteur_cabinet .flex_column_table:nth-child(5) .flex_column:first-child{background-size:cover;background-position:center center;}
#docteur_cabinet .flex_column_table:nth-child(6) .flex_column:first-child,
#docteur_cabinet .flex_column_table:nth-child(5) .flex_column:last-child{background-color:var(--blanc);padding:15px 30px;}
 #footer{padding:0px !important;position:relative;overflow:hidden;}
#footer::before{content:url(//www.dermatologue-lefrancois.fr/wp-content/uploads/2023/11/derme-bottom-left.svg);position:absolute;bottom:-80px;left:-80px;rotate:90deg;scale:0.7;}
#footer main.template-page{padding:41px 0px;}
#footer
.flex_column_table
.flex_column:nth-child(2)
.avia-image-container-inner
img, #footer
.flex_column_table
.flex_column:nth-child(2)
.avia-image-container-inner{width:100%;}
#footer .flex_column_table .flex_column:nth-child(5) .iconlist_icon > span{line-height:24px;font-size:18px;}
#footer
.flex_column_table
.flex_column:nth-child(5)
.avia-icon-list-container
> ul
> li p{font-size:16px;}
#footer
.flex_column_table
.flex_column:nth-child(5)
.avia-icon-list-container
> ul
> li a{transition:300ms;}
#footer
.flex_column_table
.flex_column:nth-child(5)
.avia-icon-list-container
> ul
> li
a:hover{color:var(--blanc);}
#footer
.flex_column_table
.flex_column:nth-child(8)
.avia-builder-widget-area
> div{margin:0px;}
#footer .flex_column_table .flex_column:nth-child(8) ul li{border:none !important;}
#footer .flex_column_table .flex_column:nth-child(8) ul li a{padding:0px;margin:6px 0px;font-size:16px;font-weight:normal;transition:300ms;}
#footer .flex_column_table .flex_column:nth-child(8) ul li a:hover{background-color:unset;opacity:1;color:var(--blanc);}
#footer .flex_column_table .flex_column:nth-child(11) .avia-button-wrap a{margin:0px;padding:14px 20px;border-radius:0px;font-size:16px;background-color:var(--bleu-fonce);transition:300ms;}
#footer
.flex_column_table
.flex_column:nth-child(11)
.avia-button-wrap
.avia_button_icon{padding-left:10px;}
#footer
.flex_column_table
.flex_column:nth-child(11)
.avia-button-wrap
a:hover{opacity:1;border-radius:12px;}
#footer-page #socket{min-height:max-content;}
#footer-page #socket > .container{padding:4px 50px;}
#footer-page #socket > .container > .template-page{padding:0px;}
#footer-page #socket p,
#footer-page #socket a{font-size:16px;font-weight:normal;color:var(--blanc);transition:300ms;}
#footer-page #socket a:hover{color:var(--bleu-fonce);}
} @media only screen and (min-width: 900px) and (max-width: 1200px) { #tbm-questionnaire
.flex_cell:first-child
.flex_cell_inner
.avia-image-container{margin-left:0% !important;}
#tbm-questionnaire .flex_cell:first-child .flex_cell_inner > section,
#tbm-questionnaire
.flex_cell:first-child
.flex_cell_inner
> div:not(:first-child){padding-left:40px !important;}
} @media only screen and (max-width: 1115px) {
#top #header .av-main-nav > li.menu-item {
display: none !important;
}
#top #header .av-burger-menu-main {
cursor: pointer;
display: block !important;
}
}