@font-face {
font-family: "Parisienne";
src: url(//www.danaelle-voyance.com/wp-content/themes/danaelle-mh-magazine/fonts/Parisienne-Regular.ttf);
}
@font-face {
font-family: "MochiyPop";
src: url(//www.danaelle-voyance.com/wp-content/themes/danaelle-mh-magazine/fonts/MochiyPopPOne-Regular.ttf);
}
body .mh-container .mh-wrapper {
background-image: url(//www.danaelle-voyance.com/wp-content/themes/danaelle-mh-magazine/img/danaelle-papierpeint.png);
background-repeat: repeat;
}
.mh-copyright {
text-align: center;
}
.mh-loop-thumb {
display: none;
}
.mh-main-nav li a {
padding: 10px 10px;
font-size: 170%;
}
.mh-content {
width: 72%;
}
.mh-sidebar {
width: 25%;
}
input[type=text].fixedfieldwidth, input[type=email].fixedfieldwidth, input[type=tel].fixedfieldwidth, input[type=url].fixedfieldwidth {
width: auto;
max-width: 88%;
}
.dernierpost {
background-color: #dca3aa;
background-image: linear-gradient( to bottom, #dca3aa, #FFF);
background-image: -webkit-gradient(linear, 0% 0%, 0% 99%, from(#dca3aa), to(#FFF));
background-image: -moz-linear-gradient(90deg, #FFF, #dca3aa);
list-style-type: none;
border-radius: 0.5em;
margin:0 auto 15px auto;
padding: 0 5px 1px 5px;
}
#poldp {
font-size: 20px;
}
.dernierpost p::after {
content: "";
display: block;
clear: both;
}
.artgrey {
background-color: #FBD4E4;
background-image: linear-gradient( to bottom, #FBD4E4, #FFF);
background-image: -webkit-gradient(linear, 0% 0%, 0% 99%, from(#FBD4E4), to(#FFF));
background-image: -moz-linear-gradient(90deg, #FFF, #FBD4E4);
border-radius: 0.5em;
padding: 1px 5px 0 5px;
}
.artgrey a {
color: black;
font-weight: bold;
padding-left: 0;
} .redimimg {
height: 50px;
text-align:left;
padding-top:4px;
margin-right: 10px;
}
.redimimg2 {
height: 50px;
Float:Left;
margin-right: 10px;
}
.mh-site-logo { padding-bottom: 0; }
.mh-site-logo .logo-img {
display: block;
max-width: 20%;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
padding-right: 15px;
}
.mh-site-text-logo {
font-family: Parisienne, 'Open Sans', Helvetica, Arial, sans-serif;
display: block;
width: 100%;
position: absolute;
top: 0px;
float: left;
}
.mh-site-left-header {
float: left;
width: 40%;
margin-left: -16px;
text-align: center;
overflow: hidden;
}
.mh-site-right-header {
float: right;
margin-right: 32px;
width: 40%;
text-align: center;
}
.mh-half-header-title {
display: block;
padding-bottom: 20px;
font-size : 4rem;
font-weight: bold;
height: 90px;
overflow: hidden;
}
.mh-half-header-description {
line-height: 1.1em;
font-size : 2.2rem;
height: 70px;
overflow: hidden;
}
.mh-header-title, .mh-header-tagline {
text-align: center;
display: block;
padding-top: 0;
}
.mh-header-tagline {
padding-bottom: 20px;
font-weight: 700;
border-top: 0;
}
.mh-header-phonenumber {
float: right;
text-align: right;
margin-left: -30%;
margin-right: -10%;
width: 120%;
font-size: 22px;
}
.mh-header-phonenumber small {
font-size: 10px;
}
.mh-header-phonenumber a {
color: white;
}
.mh-header-phonenumber a:hover {
color: #dca3aa;
}
blockquote { border-left: #dca3aa; }
a { color: #550b6d; }
a:hover { color: #8c55af; }
.mh-main-nav {
font-family: Parisienne, 'Open Sans', Helvetica, Arial, sans-serif;
text-transform: none; border-bottom-color: #dca3aa; }
.mh-main-nav li:hover { background: #dca3aa; }
.widget_nav_menu li a { color: black;}
.widget_nav_menu li a:hover { color: #dca3aa;}
.mh-main-nav .menu > .current-menu-item { background: #dca3aa; }
.slicknav_btn { background: #dca3aa; }
.slicknav_menu { background: #dca3aa; }
.slicknav_nav .slicknav_item:hover, .slicknav_nav a:hover { background: #dca3aa; }
.mh-main-nav-wrap .slicknav_nav ul {
font-family: Parisienne, 'Open Sans', Helvetica, Arial, sans-serif; border-top: #dca3aa;
}
.mh-meta a:hover { color: #dca3aa; }
.entry-content a { color: #550b6d; text-decoration: underline; }
.entry-content a:hover { color: #8c55af; }
.entry-tags li:hover { background: #dca3aa; }
.entry-tags .fa { background: #dca3aa; }
.page-numbers:hover, .mh-loop-pagination .current, .mh-comments-pagination .current, a:hover .pagelink { background: #dca3aa; }
.pagelink { background: #dca3aa; }
.bypostauthor .mh-comment-meta-author:after { color: #dca3aa; }
.mh-comment-meta-links .comment-reply-link:before { color: #dca3aa; }
.mh-comment-info { color: #dca3aa; }
#respond #cancel-comment-reply-link:before { color: #dca3aa; }
.required { color: #dca3aa; }
input[type=text]:hover, input[type=email]:hover, input[type=tel]:hover, input[type=url]:hover, textarea:hover { border-color: #dca3aa; }
input[type=submit] { background: #dca3aa; }
.mh-widget-title { border-bottom-color: #dca3aa; }
.mh-slider-widget .flex-control-paging li a.flex-active { background: #dca3aa; }
.mh-slider-caption { border-bottom-color: #dca3aa; }
.mh-posts-large-caption { background: #dca3aa; }
.mh-posts-large-caption { background: #dca3aa; }
.mh-posts-stacked-meta { background: #dca3aa; }
.mh-tabbed-widget a:hover { color: #dca3aa; }
.mh-tab-buttons { border-bottom-color: #dca3aa; }
.mh-tab-button.active, .mh-tab-button.active:hover { background: #dca3aa; }
.mh-footer-widget .mh-tab-button.active { background: #dca3aa; }
.tagcloud a:hover, .mh-widget .tagcloud a:hover, .mh-footer-widget .tagcloud a:hover { background: #dca3aa; }
@media screen and (max-width: 900px) {
.mh-site-logo .logo-img {
max-width: 20%;
}
.mh-half-header-title {
height: 70px;
padding-bottom: 30px;
font-size : 3.5rem;
}
.mh-half-header-description {
height: 50px;
font-size : 1.7rem;
}
.mh-header-title {
font-size: 1.8rem;
}
.mh-header-tagline {
font-size: 0.9rem;
padding-bottom: 10px;
}
.mh-header-phonenumber {
margin-left: -30%;
margin-right: -10%;
width: 120%;
font-size: 18px;
}
.mh-header-phonenumber small {
font-size: 9px;
}
}
@media screen and (max-width: 767px) {
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, menu, nav, output, ruby, section, summary, time, mark, audio, video { font-size: 103%; }
.slicknav_nav a { font-size: 140% }
.max-half { max-width: 50%; }
.mh-content, .mh-sidebar {
width: 100%;
}
.mh-site-logo .logo-img {
margin-top: 10px;
max-width: 70px;
}
.mh-half-header-title {
height: 15px;
font-size : 1.8rem;
}
.mh-half-header-description {
height: 50px;
font-size : 1.2rem;
}
.mh-header-title {
font-size: 1.4rem;
}
.mh-header-tagline {
font-size: 1rem;
padding-bottom: 10px;
}
.mh-main-nav-wrap {
border-top: 2px solid black;
}
.mh-header-phonenumber {
margin-left: -30%;
margin-right: -30%;
width: 180%;
font-size: 12px;
}
.mh-header-phonenumber small {
font-size: 8px;
}
}
@media screen and (max-width: 620px) {
input[type=text].fixedfieldwidth, input[type=email].fixedfieldwidth, input[type=tel].fixedfieldwidth, input[type=url].fixedfieldwidth {
width: 88%;
}
} .danaelle-voyants-item {
margin-top: 0;
padding-bottom: 5px;
border-bottom: 1px dotted #ebebeb;
}
.danaelle-voyants-item p {
margin-bottom: 10px;
}
.danaelle-voyants-thumb {
position: relative;
margin: 0 10px 10px 0;
float: left;
}
.danaelle-voyants-thumb img { width: 100px; }
.danaelle-voyants-title {
text-align: center;
margin-bottom: 5px;
}
.danaelle-voyants-specialities {
text-align: center;
font-weight: bold;
color: blue;
}
.entry-content .danaelle-voyants-call {
margin-top: 0;
margin-bottom: 5px;
}
.mh-custom-header {
background-image: url(https://www.danaelle-voyance.com/wp-content/themes/danaelle-mh-magazine/img/header.png);
background-size: auto 100%;
background-repeat: repeat-x;
color: white;
}
.text-deco {
max-width: 90%;
background-color: #dca3aa;
margin-left: auto;
margin-right: auto;
margin-bottom: 14px;
padding: 15px;
border-radius: 5px;
box-shadow: 5px 5px 4px #888888;
}
.colombe-left {
float: left;
padding-left: 30px;
}
.colombe-right {
float: right;
padding-right: 5%;
}
.img-voyant {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
a.bouton-voyants {
display:block;
width:280px;
line-height:50px;
border-radius: 25px;
margin-left: auto;
margin-right: auto;
vertical-align:middle;
background:url(//www.danaelle-voyance.com/wp-content/themes/danaelle-mh-magazine/img/header.png) repeat-x;
color:white;
text-decoration:none;
}
a:hover.bouton-voyants {
background:url(//www.danaelle-voyance.com/wp-content/themes/danaelle-mh-magazine/img/header2.png) repeat-x;
color: #dca3aa;
}
a.btn-mt {
display:inline-block;
border-radius: 25px;
padding: 2px 15px 2px 15px;
vertical-align:middle;
background:url(//www.danaelle-voyance.com/wp-content/themes/danaelle-mh-magazine/img/header.png) repeat-x;
color:white;
text-decoration:none;
}
a:hover.btn-mt {
background:url(//www.danaelle-voyance.com/wp-content/themes/danaelle-mh-magazine/img/header2.png) repeat-x;
color: #dca3aa;
}
@media screen and (max-width: 1200px) {
.colombe-left, .colombe-right {
max-width : 20%;
}
}
@media screen and (max-width: 900px) {
.colombe-left, .colombe-right {
max-width : 15%;
}
}
@media screen and (max-width: 620px) {
.colombe-left, .colombe-right {
display: none;
}
} @media screen and (min-width:800px)
{
.consultant-photo {
padding-left:5px;
padding-bottom:3px;
padding-top:5px;
padding-right:5px;
display:inline-block;
position: relative;
width: 100px; cursor:pointer;
}
.consultant-name {
display: none;
}
.consultant-description{
vertical-align: top;
display:inline-block;
padding-left:10px;
padding-bottom:3px;
padding-top:5px;
padding-right:5px;
width:80%;
color: black;
font-size: 1.3rem;
}
.description-courte{ margin-top: 20px;
margin-bottom: 20px;
padding-right: 10px;
}
.description-header{ vertical-align: top;
margin-top: 10px;
border-bottom: 1px solid;
padding-bottom: 6px;
}
.header-star{
display:inline-block;
width:34%;
text-align: right;
}
.header-state{
display:inline-block;
width:65%;
}
.description-more{
background-color: rgb(203, 198, 210);
width: 130px;
padding-left: 10px;
padding-bottom: 2px;
border-radius: 5px;
padding-right: 3px;
color : black;
margin-top: 10px;
margin-bottom: 5px;
}
}
@media screen and (max-width:800px)
{
.consultant-photo {
padding-left:5px;
padding-bottom:3px;
padding-top:5px;
padding-right:5px;
position: relative;
margin-right:auto;
margin-left:auto;
max-width: 150px; cursor:pointer;
}
.consultant-name {
display: none;
}
.consultant-description{
padding-left:5px;
padding-bottom:3px;
padding-top:5px;
padding-right:5px;
}
.description-courte{
display:none;
}
.description-header{
text-align: center;
}
.header-star{
width:34%;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.header-state{
width:65%;
margin-left: auto;
margin-right: auto;
}
.description-more{
display: none;
}
}
a:link {
text-decoration:none;
}
.absent{
background-color:rgb(240,220,50);
}
.present{
background-color:rgb(50,240,50);
}
.occupe{
background-color:rgb(240,50,50);
}
.absent,.present,.occupe{
border-radius: 40px;
border: 0.05px solid rgb(204, 186, 186) ;
color:transparent;
}
.absent:before{
content: ' Absent pour l\'instant ';
color:black;
padding-left: 10px;
}
.present:before{
content: ' Disponible ';
color:black;
padding-left: 10px;
}
.occupe:before{
content: ' En consultation ';
color:white;
padding-left: 10px;
}
.container-consultant{
margin-right: 10px;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
background: rgba(220,163,170,0.5);
text-align: center;
}
.consultant-name {
display: none;
}
.photo {
width: 100%;
height:100%;
}
.name {
color: rgb(50,50,50);
font-size: 16px;
opacity: 1;
padding-bottom: 3px;
padding-top: 2px;
}
.frame-consultant{
display:inline-block;
padding-left: 15px;
padding-right: 15px;
padding-top: 20px;
}
.more-cross {
background: rgb(50,50,50);
height: 10px;
position: relative;
width: 2px;
display: inline-block;
}
.more-cross:after {
background: rgb(50,50,50);
content: "";
height: 2px;
left: -4px;
position: absolute;
top: 4px;
width: 10px;
}
.more-text{
display: inline-block;
font-size: 12px;
margin-left: 4px;
} .consultant-photo-fixe {
padding-left:5px;
padding-bottom:3px;
padding-top:5px;
padding-right:5px;
display:inline-block;
position: relative;
width: 130px;
cursor:pointer;
}
.consultant-photo-fixe img {
border-radius: 10px;
}
.consultant-description-fixe{
vertical-align: top;
display:inline-block;
padding-left:10px;
padding-bottom:3px;
padding-top:5px;
padding-right:5px; color:black;
font-size: 1rem;
text-align: justify;
}
.description-courte-fixe{  padding-top:25px;
padding-left:10px;
padding-bottom:10px;
padding-right: 10px;
}
.description-longue-fixe{  padding: 10px;
}
.description-header-fixe{
vertical-align: top;
margin-top: 0;
border-bottom: 1px solid;
padding-bottom: 6px;
}
.header-star-fixe{
display: none;
}
.header-state-fixe{
display:inline-block;
width: 100%;
text-align: center;
}
.header-state-fixe>span:first-child {
display: none;
} .menu-nav{
margin: 0px;
margin-top: 5px;
padding: 0px;
text-align: center;
display: none;
}
.nav-button{
display: inline-block;
text-align: center;
margin: 5px;
padding: 5px 20px;
}
.nav-button:hover{
background: rgb(220, 213, 245);
}
.active{
background: rgb(220, 213, 245);
} .mt-well {
min-height: 24px;
padding: 10px;
margin-left: 1%;
} .planning-jour{
width: 80px;
white-space: nowrap;
overflow: hidden; color: black;
}
#table-planning{
font-size: 10px;
}
#table-planning th.horaire{ border-left: 1px solid #aaa;
margin: 0 1px 0 0;
}
#table-planning td.disponibilite
{
padding: 0px;
}
#table-planning thead tr th.horaire {
padding: 0.75em 5px;
}
#table-planning th.horaire,
#table-planning td.disponibilite
{
vertical-align: middle;
text-align : left;
color: black;
}
#table-planning td.disponibilite:hover{
cursor: help;
}
#table-planning-legende {
width: 30%;
}
.table-planning-legende {
font-size: 14px;
}
td.disponibilite span.dispo{ background-color: green;
}
td.disponibilite span.indispo{ background-color: rgba(0, 123, 255, 0.5);
}
td.disponibilite span.now{ background-color: #e033c3;
}
#table-planning td.disponibilite span.space{ }
#table-planning td.planning-jour{
min-width: 25px;
}
td.disponibilite span.now,
td.disponibilite span.indispo,
td.disponibilite span.dispo{ width: 25%;
max-width: 20px;
height: 30px;
display: inline-block;
position: relative;
}
td.disponibilite space > span:hover {
filter: brightness(1.2);
}
td.disponibilite span span.toolip {
background:#F8F8F8;
border: 1px solid gray;
color: #717171;
font-size: 12px;
line-height: 14px;
width: 120px;
height: 35px;
letter-spacing: 1px;
position: absolute;
text-align: center;
top: -44px;
left:-63px;
display:none;
padding:0 10px;
}
td.disponibilite span span.toolip:after {
content:'';
position:absolute;
bottom:-6px;
width:10px;
height:10px;
border-bottom:1px solid gray;
border-right:1px solid gray;
background:#f8f8f8;
left:50%;
margin-left:-10px;
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
td.disponibilite span:hover span.toolip {
display: block;
}
.table-planning-overflow  {
overflow-x: auto;
}
#table-planning-legende  {
font-size: 10px;
padding: 0px;
} table {
max-width: 100%; border-collapse: collapse;
border-spacing: 0;
}
.table {
width: 100%;
margin-bottom: 20px;
margin-top: 20px;
}
.table th,
.table td {
padding: 8px;
line-height: 20px;
text-align: left;
vertical-align: top;
border-top: 1px solid grey;
}
.table th {
font-weight: bold;
}
.table thead th {
vertical-align: bottom;
}
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
border-top: 0;
}
.table tbody + tbody {
border-top: 2px solid grey;
}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th { }
table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
display: table-cell;
float: none;
margin-left: 0;
}
.table tbody tr.success td {
background-color: #dff0d8;
}
.table tbody tr.error td {
background-color: #f2dede;
}
.table tbody tr.warning td {
background-color: #fcf8e3;
}
.table tbody tr.info td {
background-color: #d9edf7;
} .tab_button{
display: inline-block;
border: none; background-color: rgb(200,200,200);
width: 100%;
padding: 1px 0px;
margin: 1px 0px;
margin-left: 7px;
}
.affichage{
display: inline-block;
vertical-align: top;
width: 84%;
min-height: 480px;
background-color: rgb(230,230,230);
margin-left: 0;
}
.commande{
width: 15%;
display: inline-block;
}
.active_btn_planning{
border-right: 1px solid rgb(230,230,230);
background-color: rgb(230,230,230);
margin-left: 0px;
}
.wp-block-image.legende-actu figcaption {
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
max-width: 640px;
margin: auto;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}