@charset "UTF-8";
   @font-face {
font-family: 'patronlight';
src: url(//le-quotidien-du-patient.fr/wp-content/themes/lqdp/fonts/patron-light-webfont.ttf); }
@font-face {
font-family: 'patronmedium';
src: url(//le-quotidien-du-patient.fr/wp-content/themes/lqdp/fonts/PatronWEB-Medium.woff) format("woff"), url(//le-quotidien-du-patient.fr/wp-content/themes/lqdp/fonts/PatronWEB-Medium.woff) format("woff2"); }
@font-face {
font-family: 'patron';
src: url(//le-quotidien-du-patient.fr/wp-content/themes/lqdp/fonts/PatronWEB-Regular.woff) format("woff"), url(//le-quotidien-du-patient.fr/wp-content/themes/lqdp/fonts/PatronWEB-Regular.woff) format("woff2"); } * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
body {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; }
a {
text-decoration: none;
color: inherit; }
b {
font-weight: 100;
}
a:hover {
color: rgba(36, 32, 32, 0.9); } html,
body,
textarea,
figure,
label {
margin: 0;
padding: 0; }
input,
textarea,
{
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none; }
code,
pre,
samp {
white-space: pre-wrap;
font-family: consolas, 'DejaVu Sans Mono', courier, monospace; }
code {
line-height: 1em; }
table {
margin-bottom: 1.5em; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block; } img, table, td, blockquote, code, pre, textarea, input, video {
max-width: 100%; } div, textarea, table, td, th, code, pre, samp {
word-wrap: break-word;
-webkit-hyphens: none;
-ms-hyphens: none;
-o-hyphens: none;
hyphens: none; } img {
width: auto;
height: auto;
vertical-align: middle; }
a img {
border: 0; } body > script {
display: none !important; }
ul {
margin: 0;
padding: 0;
list-style-type: none; }
li {
margin: 0;
padding: 0;
list-style-type: none; }
button:active, button:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: none; }
input:active, input:focus, textarea:active, textarea:focus, select:active, select:focus, button:focus, button:active {
outline: none;
color: black !important; }
h1, h2, h3, h4, h5, h6 {
font-weight: 100 !important;
} .content-article.contained-sub-width * {
max-width: 100%!important;
}
body {
font-family: 'patron', sans-serif;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
background-color: #ededed;
color: #231f20; }
html body header {
background-color: white; }
html body header .inner-top-header {
border-top: 2px solid black; }
html body header .inner-top-header .inner-top-header-container {
max-width: 1020px;
margin: 0 auto;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display:flex; }
html body header .inner-top-header .inner-top-header-container .inner-top-header-left {
width: 50%; }
html body header .inner-top-header .inner-top-header-container .inner-top-header-left .logo-responsive {
display: none; }
html body header .inner-top-header .inner-top-header-container .inner-top-header-right {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
width: 50%; }
html body header .inner-top-header .inner-top-header-container .inner-top-header-right form.searchform {
display: inline-block;
margin: 0 20px;
-ms-flex-item-align: center;
align-self: center;
padding-top: 1px; }
html body header .inner-top-header .inner-top-header-container .inner-top-header-right form.searchform input.sb-search-submit {
background-image: url(https://le-quotidien-du-patient.fr/wp-content/themes/lqdp/images/search.svg);
border: white;
width: 30px;
height: 30px;
vertical-align: middle;
margin-right: 8px;
background-color: white;
cursor: pointer; }
html body header .inner-top-header .inner-top-header-container .inner-top-header-right form.searchform input#search {
border: none;
height: 30px;
padding: 0px 10px 0px 0px;
border-bottom: 1px solid black;
font-family: 'patronlight';
font-size: 16px; }
html body header .inner-top-header .inner-top-header-container .inner-top-header-right .socials {
display: inline-block;
margin: 0;
vertical-align: text-top;
-ms-flex-item-align: center;
align-self: center;
padding-right: 10px; }
html body header .inner-top-header .inner-top-header-container .inner-top-header-right .socials a.social {
display: inline-block;
width: 27px;
height: 27px;
vertical-align: -webkit-baseline-middle;
margin-left: 0px;
background-position: center;
background-size: contain;
border: 2px solid;
} }
html body header .inner-top-header .inner-top-header-container .inner-top-header-right .socials a.social:hover {
opacity: 0.8; }
html body header .inner-top-header .inner-top-header-container .inner-top-header-right .socials .facebook {
background-image: url(https://le-quotidien-du-patient.fr/wp-content/themes/lqdp/images/facebook.svg); }
html body header .inner-top-header .inner-top-header-container .inner-top-header-right .socials .twitter {
background-image: url(https://le-quotidien-du-patient.fr/wp-content/themes/lqdp/images/twitter.svg); }
html body header .inner-top-header .inner-top-header-container .inner-top-header-right .socials .instagram {
background-image: url(https://le-quotidien-du-patient.fr/wp-content/themes/lqdp/images/instagram.svg); }
html body header .inner-top-header .inner-top-header-container .inner-top-header-right .socials .linkedin {
background-image: url(https://le-quotidien-du-patient.fr/wp-content/themes/lqdp/images/linkedin.svg); }
html body header .inner-top-header .inner-top-header-container .inner-top-header-right .navbar-toggle {
display: block;
float: left;
height: 42px;
line-height: 42px;
margin: 0px 0 0 -11px;
padding: 0;
text-align: center;
vertical-align: middle;
width: 42px;
z-index: 999;
border: none;
background-color: transparent;
cursor: pointer;
-ms-flex-item-align: center;
align-self: center;
display: none; }
html body header .inner-top-header .inner-top-header-container .inner-top-header-right .navbar-toggle:hover {
background-color: #efefef; }
html body header .inner-top-header .inner-top-header-container .inner-top-header-right .navbar-toggle .menu-icon-bar {
background: #000000;
margin-left: auto;
margin-right: auto;
width: 22px;
margin-top: 4px;
display: block;
height: 2px;
border-radius: 1px; }
html body header .inner-top-header .inner-top-header-container .inner-top-header-right .navbar-toggle .menu-icon-bar:first-child {
margin-top: 0px; }
html body header .inner-bottom-header {
border-bottom: 2px solid black;
border-top: 2px solid black;
font-size: 14px; }
html body header .inner-bottom-header .inner-bottom-header-container {
max-width: 1020px;
padding: 0px 10px;
margin: 0 auto;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display:flex;
position: relative !important; }
html body header .inner-bottom-header .inner-bottom-header-container .dropdown {
display: inline-block;
margin: 0;
position: static;
vertical-align: top; }
html body header .inner-bottom-header .inner-bottom-header-container .dropdown .sub-cat a {
padding: 4px 10px;
font-family: 'patronmedium'; }
html body header .inner-bottom-header .inner-bottom-header-container .dropdown .sub-cat a:hover {
text-decoration: underline; }
html body header .inner-bottom-header .inner-bottom-header-container .dropdown .sub-cat .sub-sub-cat a {
text-transform: inherit;
font-family: 'patronlight';
line-height: 25px; }
html body header .inner-bottom-header .inner-bottom-header-container .dropdown a {
font-family: 'patronmedium';
cursor: pointer;
display: block;
font-size: 1.143em;
font-weight: normal;
color: #000000;
letter-spacing: 0.05em;
line-height: 1em;
padding: 12px 16px;
position: relative;
text-decoration: none;
text-transform: uppercase; }
html body header .inner-bottom-header .inner-bottom-header-container .dropdown:hover {
background-color: #efefef; }
html body header .inner-bottom-header .inner-bottom-header-container .dropdown .category-overlay {
background: #ffffff;
border: 1px solid #000000;
border-radius: 0;
-webkit-box-shadow: 0 0 0 transparent;
box-shadow: 0 0 0 transparent;
height: auto;
left: 0;
margin-top: 0px;
padding: 24px;
position: absolute;
width: 100%;
z-index: 999999; }
html body header .inner-bottom-header .inner-bottom-header-container .dropdown .category-overlay .bloc_one {
display: inline-block;
vertical-align: top; }
html body header .inner-bottom-header .inner-bottom-header-container .dropdown .category-overlay .bloc_one ul {
font-weight: normal;
font-size: 1.143em;
line-height: 1em;
list-style: none;
margin: 0;
padding: 0; }
html body header .inner-bottom-header .inner-bottom-header-container .dropdown .category-overlay .bloc_one ul li {
padding: 9px 0; }
html body header .inner-bottom-header .inner-bottom-header-container .dropdown .dropdown-menu {
position: absolute;
top: calc(100% - 2px);
left: -1px;
z-index: 9999999999999999;
display: none;
float: left;
min-width: 160px;
padding: 20px 20px 10px 20px;
margin: 2px 0 0;
list-style: none;
font-size: 14px;
text-align: left;
background-color: #ffffff;
border-left: 2px solid black;
border-bottom: 2px solid black;
border-right: 2px solid black;
border-top: 2px solid black;
background-clip: padding-box;}
html body header .inner-bottom-header .inner-bottom-header-container .dropdown .dropdown-menu .sub-cat {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: 25%;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display:flex;
padding-bottom: 20px; }
html body header .inner-bottom-header .inner-bottom-header-container .dropdown:hover .dropdown-menu {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
html body header .inner-bottom-header .inner-bottom-header-container .navbar-toggle {
display: block;
float: left;
height: 42px;
line-height: 42px;
margin: 0px 0 0 -11px;
padding: 0;
text-align: center;
vertical-align: middle;
width: 42px;
z-index: 999;
border: none;
background-color: transparent;
cursor: pointer; }
html body header .inner-bottom-header .inner-bottom-header-container .navbar-toggle:hover {
background-color: #efefef; }
html body header .inner-bottom-header .inner-bottom-header-container .navbar-toggle .menu-icon-bar {
background: #000000;
margin-left: auto;
margin-right: auto;
width: 22px;
margin-top: 4px;
display: block;
height: 2px;
border-radius: 1px; }
html body header .inner-bottom-header .inner-bottom-header-container .navbar-toggle .menu-icon-bar:first-child {
margin-top: 0px; }
html body #burgermenu {
left: -100%;
z-index: 999999999;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
width: 320px;
position: fixed;
top: 0;
height: 100%;
min-height: 100%;
display: block;
background: #fff;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
list-style-type: none;
margin: 0;
padding: 0;
overflow-y: scroll;
border-right: 2px solid black; }
html body #burgermenu .navbar-header {
margin-left: 24px;
float: left; }
html body #burgermenu .navbar-header .navbar-brand {
height: auto;
padding-left: 0;
float: left;
padding: 20px 15px;
font-size: 18px;
line-height: 20px;
max-width: 160px; }
html body #burgermenu #closeburgerbutton {
float: right;
margin: 26px 15px 0 0;
background-image: url(https://le-quotidien-du-patient.fr/wp-content/themes/lqdp/images/close-cross.svg);
border: 0;
color: #000000;
text-shadow: 0 1px 0 #ffffff;
font-size: 30px;
font-weight: bold;
height: 25px;
width: 25px;
cursor: pointer;
background-color: white;
background-repeat: no-repeat;
background-size: contain; }
html body #burgermenu #closeburgerbutton:hover {
background-color: #f9f9f9; }
html body #burgermenu #wrap-menu > li.panel:last-child {
margin-bottom: 150px;
}
html body #burgermenu #wrap-menu {
min-height: 100%;
padding-bottom: 0;
clear: both;
border-top: 2px solid black; }
html body #burgermenu ul {
margin: 0;
padding: 0;
list-style-type: none; }
html body #burgermenu il {
margin: 0;
padding: 0;
list-style-type: none; }
html body #burgermenu .panel {
border: 0;
position: relative;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0;
padding: 0; }
html body #burgermenu .panel a {
font-size: 15px;;
color: #2b2d32;
font-weight: normal;
text-transform: uppercase;
border-radius: 0;
border: 0;
border-left: 5px solid #000;
padding-left: 20px;
height: 42px; }
html body #burgermenu .panel .list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
border-bottom: 2px solid black;
margin: 0px !important;
border-left: 0px; }
html body #burgermenu .icon-bar {
right: 15px;
position: absolute;
top: 8px;
width: 26px;
height: 26px;
display: block;
padding: 0 0 0 0;
}
html body #burgermenu .icon-bar:before {
position: absolute;
content: "";
background: #000000;
width: 14px;
height: 2px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
top: 50%;
left: 50%;
margin: -1px 0 0 -7px;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s; }
html body #burgermenu .icon-bar:after {
position: absolute;
content: "";
background: #000000;
width: 14px;
height: 2px;
top: 50%;
left: 50%;
margin: -1px 0 0 -7px; }
html body #burgermenu .collapsed .icon-bar:before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s; }
html body #burgermenu .redirectLink {
position: absolute;
border: 0 none !important;
top: 0;
left: 0;
width: 80%;
display: block;
height: 42px;
z-index: 100;
padding: 10px 0 0 25px; }
.collapse {
display: none; }
.collapse-in {
display: block; }
.blue-menu:hover {
background-color: #1885dd !important; }
.yellow-menu:hover {
background-color: #ffc700 !important; }
.pink-menu:hover {
background-color: #ff706a !important; }
.green-menu:hover {
background-color: #25e27b !important; }
html body.menu-mobile-open #burgermenu {
left: 0%; }
.menu-mobile-open #burgermenuwrapper, .newsletter-active #burgermenuwrapper {
display: block;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.65);
z-index: 999999998; }
#burgermenu a:hover {
text-decoration: underline; }
#burgermenu .sub-cat {
background-color: #eaeaea; }
#burgermenu .sub-sub-cat {
background-color: #d4d4d4;
font-family: 'patronlight';
text-transform: initial; }
#burgermenu .sub-sub-cat li a {
text-transform: none !important;
font-size: 14px !important;
padding-left: 30px !important; }
html body.menu-mobile-open {
overflow-y: hidden;
height: 100%; }
@media screen and (max-width: 850px) {
.yellow-newsletter__content form {
display: block !important;
}
.yellow-newsletter__message-container {
display: block;
text-align: center;
padding: 0px 0px 10px 0px;
}
.yellow-newsletter__input-mail {
text-align: center;
}
.flex-1-3.article-custom-1 .image {
height: calc(((100vw - 40px) / 16) * 9) !important;
}
html body header .inner-top-header .inner-top-header-container .inner-top-header-right form.searchform {
display: none; }
html body header .inner-bottom-header {
display: none; }
html body header .inner-top-header .inner-top-header-container {
border-bottom: 2px solid black; }
html body header .inner-top-header .inner-top-header-container .inner-top-header-left {
padding: 0px 5px; }
html body header .inner-top-header .inner-top-header-container .inner-top-header-left .logo {
display: none; }
html body header .inner-top-header .inner-top-header-container .inner-top-header-left .logo-responsive {
width: 110px;
display: block;
padding: 5px 0px; }
html body header .inner-top-header .inner-top-header-container .inner-top-header-right form.searchform {
display: none; }
html body header .inner-top-header .inner-top-header-container .inner-top-header-right .socials {
display: none; }
html body header .inner-top-header .inner-top-header-container .inner-top-header-right .navbar-toggle {
display: inline-block; }
.category-searchform {
display: block !important;
} 
}
@media screen and (max-width: 320px) {
html body #burgermenu {
border-right: 0px solid black; } }
.articles {
max-width: 1040px;  margin: 0px auto;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
a.more-articles {
width: 100%;
max-width: 160px;
margin: 20px auto 35px auto;
display: block;
text-align: center;
text-transform: uppercase;
padding: 10px;
border: 1px solid black;
font-size: 13px;
}
.readmore a {
width: 100%;
max-width: 160px;
margin: 20px auto 35px auto;
display: block;
text-align: center;
text-transform: uppercase;
padding: 10px;
border: 1px solid black;
font-size: 14px;
}
.article {
background-color: white;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display:flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
border: 1px solid #ededed; }
.article .category {
font-family: 'patronlight';
text-transform: uppercase;
border: 1px solid;
padding: 0px 5px;
display: inline-table; }
.article-container {
padding: 10px; }
.flex-1-1 {
width: 100%;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display:flex; }
.flex-1-1 .content {
padding: 20px;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display:flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.flex-1-1 .content .category {
font-size: 12px; }
.flex-1-1 .content h2 {
max-width: 70%;
font-size: 40px;
margin: 10px 0px;
line-height: 50px; }
.flex-1-1 .content .readmore {
width: 100%;
display: block;
border-bottom: 2px solid;
font-size: 16px;
margin-top: 10px;
padding-bottom: 5px; }
.flex-1-2 {
width: 50%;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display:flex; }
.flex-1-3 {
width: 33.333333333333333333333333333%;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display:flex; }
.flex-2-3 {
width: 66.66666666666666666666666%;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display:flex;
}
.flex-1-3 .article {
padding: 10px;
}
.flex-1-3 .content {
padding: 20px 0px 0px 0px;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display:flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.flex-1-3 .content .category {
font-size: 12px; }
.flex-1-3 .content h2 {
font-size: 25px;
margin: 10px 0px 15px 0px; }
.flex-1-3 .content .readmore {
width: 100%;
display: block;
border-bottom: 2px solid;
font-size: 14px;
margin-top: auto;
padding-bottom: 5px; }
.flex-1-3.article-custom-1 .article {
padding: 0px;
}
.flex-1-3.article-custom-1 {
width: 33.333333333333333333333333333%;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display:flex; }
.flex-1-3.article-custom-1 .content {
padding: 15px 15px 10px 15px;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display:flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.flex-1-3.article-custom-1 .content .category {
font-size: 12px;
border: 0px;
padding: 0px; }
.flex-1-3.article-custom-1 .content h2 {
font-size: 25px;
margin: 5px 0px 10px 0px;
font-family: 'patronlight'; }
.flex-1-3.article-custom-1 .content .readmore {
width: 100%;
display: block;
border-bottom: 2px solid;
font-size: 14px;
margin-top: auto;
padding-bottom: 5px; }
.flex-1-4 {
width: 25%; }
.image-article.background-image.no-thumbnail {
display: none;
}
.flex-1-1 .image-article {
width: 100%;
padding-bottom: 45%; }
.flex-1-2 .image-article {
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display:flex; }
.flex-1-2 .image-article .content {
padding: 20px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display:flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.flex-1-2 .image-article .content h2 {
margin: 0px;
font-family: 'patronlight';
font-size: 40px;
line-height: 40px;
margin-bottom: 50px; }
.flex-1-2 .image-article .content .readmore {
margin-top: auto;
border-bottom: 2px solid;
padding-bottom: 5px;
display: block;
font-size: 14px; }
.flex-1-3.article-custom-1 .image-article {
width: 100%;
padding-bottom: 40%; }
.flex-1-3 .image-article {
width: 100%;
padding-bottom: 66%; }
.background-image {
background-position: center;
background-size: cover;
background-color: #bbbbbb; }
.arrow-right {
margin-right: 10px;
-webkit-transition: margin .2s ease;
transition: margin .2s ease; }
a:hover .arrow-right {
margin-left: 10px; }
.padding-10 {
padding: 10px; }
.padding-10 .content {
padding: 20px 5px 0px 5px; }
.hover-pink .content .category {
color: #ff706a; }
.hover-pink .content .readmore {
color: #ff706a;
border-color: #ff706a; }
.hover-pink:hover {
border-color: #ff706a; }
.hover-blue .content .category {
color: #1885dd; }
.hover-blue .content .readmore {
color: #1885dd;
border-color: #1885dd; }
.hover-blue:hover {
border-color: #1885dd; }
.hover-yellow .content .category {
color: #ffc700; }
.hover-yellow .content .readmore {
color: #ffc700;
border-color: #ffc700; }
.hover-yellow:hover {
border-color: #ffc700; }
.hover-green .content .category {
color: #25e27b; }
.hover-green .content .readmore {
color: #25e27b;
border-color: #25e27b; }
.hover-green:hover {
border-color: #25e27b; }
.background-pink {
background-color: rgba(255, 112, 106, 1); }
.background-pink:hover {
background-color: rgba(255, 112, 106, 0.75);
border-color: #ff706a; }
.background-blue {
background-color: rgba(13, 97, 224, 1); }
.background-blue:hover {
background-color: rgba(13, 97, 224, 0.75);
border-color: #1885dd; }
.background-yellow {
background-color: rgba(255, 225, 119, 1); }
.background-yellow:hover {
background-color: rgba(255, 225, 119, 0.75);
border-color: #ffc700; }
.background-green {
background-color: rgba(37, 226, 123, 1); }
.background-green:hover {
background-color: rgba(37, 226, 123, 0.75);
border-color: #25e27b; }
.flex-1-3 .image-element---image {
height: calc(((350px) / 16) * 9) !important;
}
.flex-1-3 .card---imageWrapperHomeInvite2 .image-element---image {
height: 320px !important;
}
@media screen and (max-width: 1000px) {
.flex-1-3 .card---imageWrapperHomeInvite2 .image-element---image {
height: calc(((30vw - 20px)/6 ) * 6) !important;
}
.flex-1-3 .image-element---image {
height: calc(((33vw) / 16) * 9) !important;
}
.image-element---image {
height: calc(((100vw - 20px) / 16) * 9) !important;
}
.article-container {
padding: 5px; } }
@media screen and (max-width: 850px) {
.flex-1-3 .card---imageWrapperHomeInvite2 .image-element---image {
height: calc(((50vw - 20px)/6 ) * 5) !important;
}
.flex-1-3 .image-element---image {
height: calc(((50vw) / 16) * 9) !important;
}
body {
padding-top: 48px;
}
header {
position: fixed;
width: 100%;
top: 0px;
z-index: 99999999999;
}
.flex-1-3 {
width: 50%;
min-height: auto; }
.flex-1-3.article-custom-1 {
width: 100%; }
.flex-1-2 .image-article .content h2 {
width: 100%; } }
@media screen and (max-width: 650px) {
.flex-1-3 .card---imageWrapperHomeInvite2 .image-element---image {
height: calc(((50vw - 20px)/6 ) * 6) !important;
}
.flex-1-2 .image-article .content h2 {
font-size: 35px;
margin-bottom: 15px; }
.flex-1-1 .content h2 {
max-width: 100%;
font-size: 35px;
line-height: 40px; }
.flex-1-1 .content .readmore {
width: 100%;
display: block;
border-bottom: 2px solid;
font-size: 18px;
margin-top: 10px;
padding-bottom: 5px; }
.flex-1-3 .content h2 {
font-size: 20px;
margin: 10px 0px; }
.flex-1-4 {
width: 50%; } }
@media screen and (max-width: 450px) {
.flex-1-3 .card---imageWrapperHomeInvite2 .image-element---image {
height: calc(((50vw - 20px)/6 ) * 7) !important;
}
.articles {
margin: 5px auto; }
.flex-1-1 .content {
padding: 10px; }
.flex-1-1 .content .category  {
font-size: 12px; }
.flex-1-1 .content h2 {
max-width: 100%;
font-size: 25px;
line-height: 30px; }
.flex-1-1 .content .readmore {
font-size: 16px;
margin-top: 0px; }
.flex-1-3 .content h2 {
font-size: 16px;
margin: 10px 0px; }
.flex-1-2 {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.flex-1-3.article-custom-1 .content {
padding: 15px 10px; }
.padding-10 .content {
padding: 20px 0px 0px 0px; } }
@media screen and (max-width: 380px) {
.flex-1-3 .card---imageWrapperHomeInvite2 .image-element---image {
height: calc(((50vw - 20px)/6 ) * 9) !important;
}
.flex-1-3 .image-element---image {
height: calc(((100vw) / 16) * 9) !important;
}
.flex-1-3 {
width: 100%; }
.flex-1-3 .image-article {
width: 100%;
padding-bottom: 40%; }
.flex-1-3 .content h2 {
font-size: 16px;
margin: 5px 0px; }
.padding-10 .content {
padding: 10px 0px 0px 0px; } }
.single-post .article-container {
padding: 0px; }
.single-post .article-container .article {
border: none;
display: block; }
.single-post .article-container .article .image-article {
width: 100%;
height: 420px;
padding-bottom: 0px;
position: relative;
z-index: 1000; }
.single-post .article-container .article .content {
border-bottom: 2px solid; }
.single-post .article-container .article .breadcrumb {
padding: 5px 0px;
background-color: #d8d8d8;
z-index: 1000;
position: relative;
font-size: 16px;
}
.single-post .article-container .article .content .bottom-post {
margin: 25px auto !important;
font-size: 20px;
line-height: 28px;
max-width: 1020px;
}
.single-post .article-container .article .content .bottom-post p {
font-family: 'patronlight';
margin: 0px 0px 20px 0px; }
.single-post .article-container .article .content .bottom-post img {
width: 100% !important;
margin: 10px 0px 0px 0px; }
.single-post .article-container .article .content .bottom-post h2, .single-post .article-container .article .content .bottom-post h3, .single-post .article-container .article .content .bottom-post h4, .single-post .article-container .article .content .bottom-post h5, .single-post .article-container .article .content .bottom-post h6 {
margin: 0px 0px 10px 0px; }
.single-post .article-container .article .content .bottom-post blockquote {
font-family: 'patronmedium';
font-weight: bold;
margin: 0px;
padding: 10px 0px;
font-size: 1.3em; }
p.wp-caption-text {
font-size: 15px;
margin-top: 2px !important;
}
.single-post .article-container .article .content .top-post {
margin-top: 35px;
border-bottom: 2px solid; }
.single-post .article-container .article .content .top-post .post-date {
margin-right: 20px; }
.single-post .article-container .article .content .top-post .share-social {
position: absolute;
left: -80px;
top: 0px;
}
.single-post .article-container .article .content .top-post .share-social .social {
display: inline-block;
width: 18px;
height: 18px;
vertical-align: bottom;
background-size: contain;
background-position: center;
border: 2px solid;
}
.single-post .article-container .article .content .top-post .share-social .social.facebook {
background-image: url(https://le-quotidien-du-patient.fr/wp-content/themes/lqdp/images/facebook.svg); }
.single-post .article-container .article .content .top-post .share-social .social.twitter {
background-image: url(https://le-quotidien-du-patient.fr/wp-content/themes/lqdp/images/twitter.svg); }
.single-post .article-container .article .content .top-post .share-social .social.linkedin {
background-image: url(https://le-quotidien-du-patient.fr/wp-content/themes/lqdp/images/linkedin.svg); }
.single-post .article-container .article .content .top-post h1 {
font-family: 'patronlight';
font-size: 40px;
line-height: 45px;
margin: 0px auto 30px auto;
padding: 0px; }
.single-post .article-container .article .contained-width {
max-width: 1020px;
margin: 0 auto;
padding: 0px 10px;
display: block; }
.single-post .article-container .article .content .contained-sub-width {
max-width: 700px;
margin: 0 auto;
padding: 0px 10px;
display: block;
font-size: 16px;
position: relative; }
.single-post .article-container .article .content .bottom-post .contained-sub-width {
font-size: 18px;
}
.pink .breadcrumb {
background-color: #ff706a !important; }
.blue .breadcrumb {
background-color: #1885dd !important; }
.yellow .breadcrumb  {
background-color: #ffc700 !important; }
.green .breadcrumb {
background-color: #25e27b !important; }
.pink .nav-next {
background: url(https://le-quotidien-du-patient.fr/wp-content/themes/lqdp/images/right-arrow.svg) no-repeat center/20px #ff706a !important; }
.blue .nav-next {
background: url(https://le-quotidien-du-patient.fr/wp-content/themes/lqdp/images/right-arrow.svg) no-repeat center/20px #1885dd !important; }
.yellow .nav-next {
background: url(https://le-quotidien-du-patient.fr/wp-content/themes/lqdp/images/right-arrow.svg) no-repeat center/20px #ffc700 !important; }
.green .nav-next {
background: url(https://le-quotidien-du-patient.fr/wp-content/themes/lqdp/images/right-arrow.svg) no-repeat center/20px #25e27b !important; }
.pink .nav-previous {
background: url(https://le-quotidien-du-patient.fr/wp-content/themes/lqdp/images/left-arrow.svg) no-repeat center/20px #ff706a !important; }
.blue .nav-previous {
background: url(https://le-quotidien-du-patient.fr/wp-content/themes/lqdp/images/left-arrow.svg) no-repeat center/20px #1885dd !important; }
.yellow .nav-previous {
background: url(https://le-quotidien-du-patient.fr/wp-content/themes/lqdp/images/left-arrow.svg) no-repeat center/20px #ffc700 !important; }
.green .nav-previous {
background: url(https://le-quotidien-du-patient.fr/wp-content/themes/lqdp/images/left-arrow.svg) no-repeat center/20px #25e27b !important; }
.pink .top-post, .pink .content, .pink .nutri-values, .pink .fiche-after, .pink .fiche-before  {
border-color: #ff706a !important; }
.green .top-post, .green .content, .green .nutri-values, .green .fiche-after, .green .fiche-before {
border-color: #25e27b !important; }
.blue .top-post, .blue .content, .blue .nutri-values, .blue .fiche-after, .blue .fiche-before {
border-color: #1885dd !important; }
.yellow .top-post, .yellow .content, .yellow .nutri-values, .yellow .fiche-after, .yellow .fiche-before {
border-color: #ffc700 !important; }
.pink .post-date, .pink h2, .pink h3, .pink h4, .pink h5, .pink h6, .pink blockquote {
color: #ff706a !important; }
.blue .post-date, .blue h2, .blue h3, .blue h4, .blue h5, .blue h6, .blue blockquote {
color: #1885dd !important; }
.yellow .post-date, .yellow h2, .yellow h3, .yellow h4, .yellow h5, .yellow h6, .yellow blockquote {
color: #ffc700 !important; }
.green .post-date, .green h2, .green h3, .green h4, .green h5, .green h6, .green blockquote {
color: #25e27b !important; }
@media screen and (max-width: 850px) {
.single-post .article-container .article .image-article {
height: 300px; }
.single-post .article-container .article .content .top-post {
margin-top: 10px; }
.single-post .article-container .article .content .top-post h1 {
font-size: 35px;
margin: 10px auto 15px auto; }
.single-post .article-container .article .content .bottom-post {
margin: 15px auto !important;
font-size: 20px;
} }
@media screen and (max-width: 700px) {
.single-post .article-container .article .image-article {
height: 250px; }
.single-post .article-container .article .breadcrumb {
font-size: 14px; }
.single-post .article-container .article .content .top-post .post-tags {
display: none; }
.single-post .article-container .article .content .top-post h1 {
font-size: 30px; }
.single-post .article-container .article .content .bottom-post {
margin: 15px auto !important;
font-size: 18px; } }
@media screen and (max-width: 500px) {
.single-post .article-container .article .image-article {
height: 180px; }
.single-post .article-container .article .breadcrumb {
font-size: 10px; }
.single-post .article-container .article .content .top-post .post-tags {
display: none; }
.single-post .article-container .article .content .top-post h1 {
font-size: 25px;
margin: 0px auto 10px auto; }
.single-post .article-container .article .content .bottom-post {
margin: 15px auto !important;
font-size: 18px; } }
@media screen and (max-width: 400px) {
.single-post .article-container .article .image-article {
height: 150px; }
.single-post .article-container .article .breadcrumb {
font-size: 10px; }
.single-post .article-container .article .content .top-post .post-tags {
display: none; }
.single-post .article-container .article .content .top-post h1 {
font-size: 23px;
margin: 0px auto 10px auto; }
.single-post .article-container .article .content .bottom-post {
font-size: 16px; } }
.nav-button {
width: 30px;
height: 50px;
background-color: #bbbbbb;
cursor: pointer;
position: fixed;
top: 50%;
margin-top: -25px;
z-index: 100000000;
opacity: 0.35;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease; }
.nav-button:hover {
opacity: 1; }
.nav-next {
right: 0px; }
@media screen and (max-width: 1050px) {
.nav-previous-next-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.nav-previous-next-buttons .nav-button {
width: 50%;
height: 50px;
background-color: #bbbbbb;
cursor: pointer;
position: initial;
z-index: 10;
margin-top: 0px;
opacity: 1; }
.nav-previous-next-buttons .nav-previous {
border-right: 1px solid white; }
.nav-previous-next-buttons .nav-next {
border-left: 1px solid white; } }
@media screen and (max-width: 500px) {
.nav-previous-next-buttons .nav-button {
height: 35px; } }
.nutri-values {
border-top: 2px solid;
padding-top: 10px; }
.nutri-values h2 {
font-size: 1em; }
.nutri-values .nutri-values-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 20px; }
.nutri-values .nutri-values-container .nutri-list {
padding-right: 15px;
width: 33.333333333333333%;
margin-bottom: 40px; }
.nutri-values .nutri-values-container .nutri-list .nutri-list-name {
color: initial !important;
font-size: 0.8em;
margin-bottom: 0px !important; }
.nutri-values .nutri-values-container .nutri-list .nutri-list-values {
font-size: 0.75em; }
@media screen and (max-width: 600px) {
.nutri-values {
border-top: 2px solid;
padding-top: 10px; }
.nutri-values h2 {
font-size: 1em; }
.nutri-values .nutri-values-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 20px; }
.nutri-values .nutri-values-container .nutri-list {
padding-right: 15px;
width: 50%;
margin-bottom: 40px; }
.nutri-values .nutri-values-container .nutri-list .nutri-list-name {
color: initial !important;
font-size: 0.9em;
margin-bottom: 0px !important; }
.nutri-values .nutri-values-container .nutri-list .nutri-list-values {
font-size: 0.85em; } }
@media screen and (max-width: 400px) {
.nutri-values {
border-top: 2px solid;
padding-top: 10px; }
.nutri-values h2 {
font-size: 1em; }
.nutri-values .nutri-values-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 10px; }
.nutri-values .nutri-values-container .nutri-list {
padding-right: 15px;
width: 100%;
margin-bottom: 10px; }
.nutri-values .nutri-values-container .nutri-list .nutri-list-name {
color: initial !important;
font-size: 0.9em;
margin-bottom: 0px !important; }
.nutri-values .nutri-values-container .nutri-list .nutri-list-values {
font-size: 0.85em; } }
h1.category-name {
margin: 0px;
padding: 6px 0px;
text-align: center;
background-color: white;
border-bottom: 2Px solid black;
font-size: 16px;
font-weight: 100;
}
h1.category-name.blue {
background-color: #1885dd;
}
h1.category-name.yellow {
background-color: #ffc700;
}
h1.category-name.pink {
background-color: #ff706a;
}
h1.category-name.green {
background-color: #25e27b;
}
.blue-menu:hover {
background-color: #1885dd !important; }
.yellow-menu:hover {
background-color: #ffe177 !important; }
.pink-menu:hover {
background-color: #ff706a !important; }
.green-menu:hover {
background-color: #25e27b !important; }
.bottom-post a {
border-bottom: 2px solid;
}
.blue .bottom-post a {
border-bottom: 2px solid #0f61e0;
}
.blue .bottom-post a:hover {
color: #0f61e0;
}
.green .bottom-post a:hover {
color: #25e27b;
}
.green .bottom-post a {
border-bottom: 2px solid #25e27b;
}
.yellow .bottom-post a:hover {
color: #ffc700;
}
.yellow .bottom-post a {
border-bottom: 2px solid #ffc700;
}
.pink .bottom-post a:hover {
color: #ff706a;
}
.pink .bottom-post a {  border: none;
}
.flex-1-2 article:hover {
border: 1px solid black;
}
.single-dossier h1 {
font-size: 1.75em;
}
.single-dossier .article-container .article .content article:last-child {
border-bottom: none;
}
.single-dossier .article-container .article .content article {
border-bottom: 2px solid;
}
.type-recette .inner-top-post {
display: flex;
max-width: 1020px;
margin: 0 auto;
}
.left-recette-container {
width: 35%;
padding: 6px 10px;
}
.right-recette-container {
width: 70%;
}
.type-recette .bottom-post {
display: flex;
}
hr {
border: 1px solid black;
}
.pink hr {
border: 1px solid #ff706a;
}
.yellow hr {
border: 1px solid #ffc700;
}
.blue hr {
border: 1px solid #0f61e0;
}
.green hr {
border: 1px solid #ff706a;
}
.recette-container {
max-width: 300px;
width: 100%;
font-family: 'patron';
font-size: 18px;
margin-top: 20px;
}
.recette-header {
padding: 15px;
font-family: 'patron';
border-top: 2px solid black;
border-bottom: 1px solid black;
border-left: 2px solid black;
border-right: 2px solid;
text-align: left;
line-height: 22px;
}
.recette-body {
padding: 10px 15px;
border-bottom: 2px solid;
border-right: 2px solid;
border-left: 2px solid;
border-top: 1px solid black;
}
.blue .recette-header {
background-color: #0f61e0;
color: black;
}
.green .recette-header {
background-color: #25e27b;
color: black;
}
.yellow .recette-header {
background-color: #ffc700;
color: black;
}
.pink .recette-header {
background-color: #ff706a;
color: black;
}
.recette-header {
background-color: black;
color: white;
}
.single-post .article-container .article.type-recette .content .top-post h1 {
margin: 10px 0 30px 0;
padding: 0px 10px;
}
.single-post .article-container .article.type-recette .content .contained-sub-width {
margin: 0 0;
}
.auteur {
text-transform: uppercase;
text-align: left;
font-size: 13px;
}
.pink .auteur {
color : #ff706a;
}
.yellow .auteur {
color : #ffc700;
}
.green .auteur {
color: #6ce37c;
}
.blue .auteur {
color : #0f61e0;
}
.recette-body ul {
margin-bottom: 10px;
font-family: 'patronlight';
font-size: 14px;
line-height: 18px;
}
.plat {
font-family: 'patron';
margin-bottom: 0px;
font-size: 14px;
}
@media screen and (max-width: 900px) {
.top-post .left-recette-container {
width: 0%;
padding: 0%;
}
.single-post .article-container .article .content .contained-sub-width {
max-width: 900px;
margin: 0 auto;
padding: 0px 10px;
display: block;
font-size: 18px;
}
.type-recette .bottom-post {
display: block;
}
.right-recette-container {
width: 100%;
}
.left-recette-container {
width: 100%;
padding: 6px 20px;
}
.recette-container {
max-width: 300px;
float: right;
width: 100%;
margin: 0px 0px 20px 20px;
}
}
@media screen and (max-width: 600px) {
.type-recette .bottom-post {
display: flex;
flex-wrap: wrap-reverse;
}
.recette-container {
max-width: 600px;
float: inherit;
width: 100%;
margin: 0 auto;
}
}
section.section-newsletter-inscription {
background-color: #6ce37c;
text-align: center;
padding: 15px;
border-top: 2px solid black;
border-bottom: 2px solid black;
}
fieldset#newsletter-input {
border: none;
padding: 15px 0px;
}
input#newsletter-email {
border: 0px solid black;
height: 36px;
vertical-align: bottom;
padding: 10px;
font-size: 16px;
}
input#newsletter-submit {
border: 0px solid black;
color: black;
background-color: transparent;
font-size: 17px;
padding: 9px 10px;
cursor: pointer;
}
input#es_txt_button_pg {
border: 0px solid black;
color: black;
background-color: transparent;
font-size: 17px;
padding: 9px 10px;
cursor: pointer;
width: auto !important;
}
input#newsletter-submit:hover {
text-decoration: underline;
}
.article.type-fiche {
background-color: #ededed;
}
.single-post .article-container .article.type-fiche .content .top-post {
margin-top: 50px;
border-bottom: 0px;
margin: 0px;
}
.single-post .article-container .article.type-fiche .content {
max-width: 1000px;
margin: 0 auto;
background-color: white;
background-image: url(https://le-quotidien-du-patient.fr/wp-content/themes/lqdp/images/background-body-fiche.svg);
background-size: 21px;
background-position-x: 30px;
background-position-y: 20px;
background-repeat: repeat-y;
border-bottom: 2px solid white !important;
}
.fiche-before {
height: 140px;
max-width: 1000px;
margin: 50px auto 0px auto;
background-color: white;
background-image: url(https://le-quotidien-du-patient.fr/wp-content/themes/lqdp/images/background-top-fiche.svg);
background-size: 21px;
background-position-x: 30px;
background-position-y: 50px;
background-repeat: no-repeat;
border-top: 2px solid black;
}
.fiche-after {
height: 140px;
max-width: 1000px;
margin: 0px auto 50px auto;
background-color: white;
background-image: url(https://le-quotidien-du-patient.fr/wp-content/themes/lqdp/images/background-bottom-fiche.svg);
background-size: 21px;
background-position-x: 30px;
background-position-y: 0px;
background-repeat: no-repeat;
border-bottom: 2px solid black;
}
@media screen and (max-width: 900px) {
.single-post .article-container .article.type-fiche .content {
background-image: none;
padding-top: 40px;
margin-top: 0px;
margin-bottom: 0px;
}
}
.flex-1-3 .article.citation {
padding: 15px;
background-color: #a4a4a4;
}
.flex-1-3 .article.citation:hover {
background-color: #a6a6a6;
}
.article.citation .category {
font-size: 12px;
border: 0px;
padding: 0px;
}
.citation h1 {
margin: 0px;
font-size: 40px;
font-weight: 100;
color: white;
}
h2 {
font-size: 1.25em;
}
h2 {
font-size: 1.15em;
}
h3 {
font-size: 1.05em;
}
h4 {
font-size: 0.95em;
}
h5 {
font-size: 0.85em;
}
h6 {
font-size: 0.75em;
}
footer {
background-color: white;
}
.inner-footer {
max-width: 1040px;
margin: 0px auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background-color: white;
padding: 10px 0px;
}
.inner-footer .flex-1-4 {
padding: 10px;
}
article.post.post-no-thumbnail {
background-color: white;
border-bottom: 2px solid black;
}
.post-content {
max-width: 700px;
margin: 0 auto;
padding: 20px 0px;
}
@media screen and (max-width: 900px) {
.single-post .article-container .article .content .top-post .share-social {
float: right;
position: initial !important;
left: initial !important;
bottom: initial !important;
}
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
border: 2px solid black;
height: 25px;
width: 100%;
}
textarea.wpcf7-form-control.wpcf7-textarea {
width: 100%;
border: 2px solid black;
}
input.wpcf7-form-control.wpcf7-submit {
width: 100%;
max-width: 200px;
margin: 20px auto 35px auto;
display: block;
text-align: center;
text-transform: uppercase;
padding: 10px;
border: 2px solid black;
background-color: transparent;
}
.flex-1-3 .article-custom-2 {
padding: 0px;
}
.flex-1-3 .article-custom-2 .content {
padding: 15px;
display: -webkit-box;
display: -ms-flexbox;  height: 30%; -webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.flex-1-3 .article-custom-2 .image-article {
padding-bottom: 80%;
}
.newsletters {
position: fixed;
background-color: #6ce37c;
padding: 20px;
max-width: 500px;
width: 100%;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
z-index: 10000000000000000;
display: block;
opacity: 1;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
opacity: 0;
-webkit-transform: translateX(-5000px) translateY(-5000px);
transform: translateX(-5000px) translateY(-5000px);
}
.newsletter-active .newsletters {
display: block;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
opacity: 1;
transition: opacity .3s ease;
-webkit-transition: opacity .3s ease;
}
.sub-title-newsletters {
text-transform: uppercase;
font-size: 12px;
}
#title-newsletters {
font-size: 27px;
font-family: 'patronlight';
margin-bottom: 20px;
}
#close-newsletters {
position: absolute;
top: 8px;
right: 8px;
height: 35px;
width: 35px;
background-image: url(https://le-quotidien-du-patient.fr/wp-content/themes/lqdp/images/close-cross.svg);
border: 0;
color: #000000;
text-shadow: 0 1px 0 #ffffff;
font-size: 0;
cursor: pointer;
background-repeat: no-repeat;
background-size: cover;
}
.flex-1-3 .article-custom-2 h2 {
font-family: 'patronlight';
}
.inner-footer .flex-1-3 {
padding: 2px 44px;
font-size: 14px;
}
@media screen and (max-width: 600px) {
.inner-footer .flex-1-3 {
padding: 2px 5px;
}
}
a.chapo {
font-size: 15px;
font-family: 'patronmedium', sans-serif;
}
@media screen and (max-width: 1000px) {
.article-container.flex-1-3 {
min-height: 0px !important;
}
}
span#es_msg_pg {
color: black;
}
.newsletters input#es_txt_email_pg {
width: 74%;
height: 30px;
margin: 10px 0px 0px 0px;
font-size: 19px;
padding: 20px 10px;
color: black;
border: 0px;
display:inline-block;
}
.newsletter-page input#es_txt_email_pg {
padding: 7px 10px;
border: 1px solid black;
}
body.search.search-no-results h1, body.search.search-no-results .alert {
text-align: center;
}
.es_button {
padding-top: 10px;
padding-bottom: 5px;
width: 25%;
display: inline-block;
}
.readmore {
display: block;
width: 100%;
}
html body #burgermenu .blue-menu-always .icon-bar:before, html body #burgermenu .blue-menu-always .icon-bar:after {
background :#1885dd;
}
html body #burgermenu .sub-cat  .icon-bar:before, html body #burgermenu .sub-cat .icon-bar:after {
background :black !important;
}
#burgermenu .blue-menu-always .sub-cat {
background-color: #1885dd;
}
#burgermenu .blue-menu-always .sub-sub-cat {
background-color: #77c0ff;
}
html body #burgermenu .pink-menu-always .icon-bar:before, html body #burgermenu .pink-menu-always .icon-bar:after {
background :#ff706a;
}
#burgermenu .pink-menu-always .sub-cat {
background-color: #ff706a;
}
#burgermenu .pink-menu-always .sub-sub-cat {
background-color: #ff918d;
}
html body #burgermenu .green-menu-always .icon-bar:before, html body #burgermenu .green-menu-always .icon-bar:after {
background :#25e27b;
}
#burgermenu .green-menu-always .sub-cat {
background-color: #25e27b;
}
#burgermenu .green-menu-always .sub-sub-cat {
background-color: #67f1a5;
}
.category-searchform {
width: 100%;
background-color: white;
border-bottom: 2px solid black;
}
.category-searchform form#searchform {
max-width: 1040px;
margin: 0px auto;
padding: 3px 20px;
}
.category-searchform input.sb-search-submit {
background-image: url(https://le-quotidien-du-patient.fr/wp-content/themes/lqdp/images/search.svg);
border: white;
width: 20px;
height: 20px;
vertical-align: middle; background-color: white;
cursor: pointer;
}
.category-searchform input#search {
padding: 0px 8px;
border: 0px;
width: calc(100% - 40px);
font-size: 14px;
}
.category-searchform {
width: 100%;
background-color: white;
border-bottom: 2px solid black;
display: none;
}
.image-element---image {
display: block;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: .2s ease-in-out;
height: calc(((1020px) / 16) * 9);
}
.yellow-newsletter__content {
background-color: #ff706a;
padding: 15px;
}
.yellow-newsletter__content form {
align-items: center;
display: flex;
flex-shrink: 0;
justify-content: space-between;
}
.yellow-newsletter__input-mail .tnp-email {
padding: 10px;
border: 1px;
border-color: #ddd;
background-color: #f4f4f4;
background-image: none;
text-shadow: none;
color: #444;
font-size: 14px;
}
html body header .inner-top-header .inner-top-header-container .inner-top-header-left .logo {
padding: 20px 0px;
}
html body header .inner-top-header .inner-top-header-container .inner-top-header-left .logo h1 {
width: 400px;
margin: 0px;
}
.memesujet {
display: block; padding-left: 6% !important;
}
.memesujet-arrow {
padding-left: 6%; color: #ff706a; font-size: x-large; font-weight: bold;
}
.memesujet-link {
bottom-border: none; position: relative; top: -5px; border-bottom: 2px solid #ff706a !important;
}
.sources {
border-top: 1px solid #ff706a !important;;
}
@media screen and (min-width: 850px)
{
.searchhh {
display: none !important;
}
}
.searchhh{
background-image: url(https://le-quotidien-du-patient.fr/wp-content/themes/lqdp/images/search.svg);
background-size: 100% 100%;
border: white; vertical-align: middle;
margin-right: 12px;
background-color: white;
cursor: pointer;
margin-top: 15px;
}
.background-image-5min {
background-position: center;
background-size: cover;
background-image: url(https://le-quotidien-du-patient.fr/wp-content/themes/lqdp/images/pasta.svg);
}
.article.article-custom-1 {
padding: 0px;
}
.article-custom-1 .content {
padding: 10px;
}
.flex-1-3 .article-custom-1 .content h2 {
margin: 0px 0px 0px 0px;
}
#comments {
background-color: white;
display: block;
}
.comments-container {
max-width: 700px;
margin: 0 auto;
padding: 10px;
}
.comments-title {
text-align: center;
font-size: 16px;
padding: 0px 10px;
}
.comment-list {
padding: 0px 10px;
}
.comment-body {
background-color: #ffffff;
margin: 0;
overflow: hidden;
margin-top: 10px;
padding-left: 60px;
position: relative;
min-height: 100px;
}
.vcard .avatar {
border-radius: 50%;
position: absolute;
left: 0;
top: 0;
}
.comment-meta.commentmetadata a {
font-size: 12px;
color: #888888;
}
.comment-reply-link {
font-size: 12px;
color: white;
background-color: #7a7a7a;
padding: 2px 4px;
display: inline-block;
border-radius: 2px;
line-height: 14px;
}
.comment-body p {
margin: 5px 0px 0px 0px;
}
.comment-reply-title {
text-align: center;
font-size: 16px;
padding: 0px 10px;
}
.comment-form textarea {
border: 1px solid #000000;
border-radius: 0;
padding: 10px;
margin-bottom: 5px;
min-height: 100px;
width: 100%;
}
.col-sm-4 {
width: 100%;
}
.comment-form input[type="text"] {
border: 1px solid #000000;
border-radius: 0;
height: 35px;
margin-bottom: 10px;
padding: 0 10px;
width: 100%;
}
.form-submit {
margin: 0px;
}
.submit {
height: 35px;
background: #7a7a7a;
border: 0;
border-radius: 0;
padding: 0 20px;
text-transform: uppercase;
width: 100%;
color: white;
font-size: 14px;
}
.flex-1-3.article-custom-1 .image-element---image {
height: calc(((350px) / 16) * 7) !important;
}
.list-group-item.category-searchform form#searchform {
max-width: inherit;
margin: 0px;
padding: 0px;
}