:root{
--vert: #63AF57;
--vertclair: #92d687;
--orange: #f06221;
--noir: rgb( 60,60,60 );
--blanc : rgb( 255,255,255 );
--hover: rgb(180,180,180);
--hoverfooter: rgb(220,220,220);
--grisclair: rgb(240,240,240);
--grismedium : rgb(175, 175, 185);
--fondpage : rgb(245,245,245);
}
@font-face {
font-family: 'Poppins';
src: url(//www.paysagiste-dreamis.fr/wp-content/themes/dreamis/fonts/Poppins-Bold.eot);
src: url(//www.paysagiste-dreamis.fr/wp-content/themes/dreamis/fonts/Poppins-Bold.eot?#iefix) format('embedded-opentype'),
url(//www.paysagiste-dreamis.fr/wp-content/themes/dreamis/fonts/Poppins-Bold.woff2) format('woff2'),
url(//www.paysagiste-dreamis.fr/wp-content/themes/dreamis/fonts/Poppins-Bold.woff) format('woff'),
url(//www.paysagiste-dreamis.fr/wp-content/themes/dreamis/fonts/Poppins-Bold.ttf) format('truetype'),
url(//www.paysagiste-dreamis.fr/wp-content/themes/dreamis/fonts/Poppins-Bold.svg#Poppins-Bold) format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url(//www.paysagiste-dreamis.fr/wp-content/themes/dreamis/fonts/Poppins-Medium.eot);
src: url(//www.paysagiste-dreamis.fr/wp-content/themes/dreamis/fonts/Poppins-Medium.eot?#iefix) format('embedded-opentype'),
url(//www.paysagiste-dreamis.fr/wp-content/themes/dreamis/fonts/Poppins-Medium.woff2) format('woff2'),
url(//www.paysagiste-dreamis.fr/wp-content/themes/dreamis/fonts/Poppins-Medium.woff) format('woff'),
url(//www.paysagiste-dreamis.fr/wp-content/themes/dreamis/fonts/Poppins-Medium.ttf) format('truetype'),
url(//www.paysagiste-dreamis.fr/wp-content/themes/dreamis/fonts/Poppins-Medium.svg#Poppins-Medium) format('svg');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url(//www.paysagiste-dreamis.fr/wp-content/themes/dreamis/fonts/Poppins-Light.eot);
src: url(//www.paysagiste-dreamis.fr/wp-content/themes/dreamis/fonts/Poppins-Light.eot?#iefix) format('embedded-opentype'),
url(//www.paysagiste-dreamis.fr/wp-content/themes/dreamis/fonts/Poppins-Light.woff2) format('woff2'),
url(//www.paysagiste-dreamis.fr/wp-content/themes/dreamis/fonts/Poppins-Light.woff) format('woff'),
url(//www.paysagiste-dreamis.fr/wp-content/themes/dreamis/fonts/Poppins-Light.ttf) format('truetype'),
url(//www.paysagiste-dreamis.fr/wp-content/themes/dreamis/fonts/Poppins-Light.svg#Poppins-Light) format('svg');
font-weight: 300;
font-style: normal;
font-display: swap;
}
[data-ratio] {display: block; max-width: 100%; position: relative}
[data-ratio]:before {content: ''; display: block;}
[data-ratio] > * {display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
[data-ratio='20:9']::before { padding-top: 47.5%; }
[data-ratio='16:9']::before { padding-top: 56.25%; }
[data-ratio='4:3']::before { padding-top: 75%; }
[data-ratio='3:4']::before { padding-top: 133.33%; }
[data-ratio='1:1']::before { padding-top: 100%; }
[data-ratio='carte']::before { padding-top: 65%; }
*{
position:relative;
}
.is-layout-flex{
display:flex;
flex-wrap: wrap
}
.wp-block-columns.is-layout-flex{gap: 2em;}
html{
font-size:16px;
}
body{
font-family: 'Poppins', sans-serif; font-size:1rem; font-weight:300; color: var(--noir);
margin:0;
}
a{
text-decoration:none;
-webkit-transition:all 0.2s ease; transition:all 0.2s ease;
color: var(--vert)
}
a:hover{
color: var(--hover); color: var(--grismedium)
}
a.btn{
display:inline-block;
padding:0.5rem 1rem; border:1px solid;
border-radius:1px;
overflow:hidden;
}
a.btn.vert{
background-color: var(--vert); color: var(--blanc);
border-color: inherit
}
a.btn .back{
position:absolute;
top:50%; left:50%;
background-color: rgba(0,0,0,.4);
width:2px;
opacity:0;
border-radius: 50%;
-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
-webkit-transition: all 0.4s ease-in; transition: all 0.4s ease-in; 
}
a.btn:hover{
background-color: var(--jaune); color: var(--bleu);
border-color: var(--bleu);
}
a.btn:hover .back{
width:110%; opacity:1;
}
img{
height:auto; vertical-align:middle;
}
h1, h2{
font-weight:bold; margin:0.75em 0;
color: var(--vert); text-align:left;
margin:0.75em 0;
}
h3, h4, h5, h6{
font-weight:500; margin:0.75em 0;text-align:left;
color: var(--vert);
}
h1{
font-size:2.2rem;
}
h2{
font-size:1.5rem
}
h3{
font-size:1.25rem
}
h4,h5,h6{
font-size:1.15rem;
}
p, ul{
line-height:150%;
}
.alignwide{
margin-left:-10%; margin-right:-10%;
}
.alignfull {
margin: 0 calc(50% - 50vw);
max-width: 100vw;
width: 100vw;
}
.alignfull.has-background {
padding: 1.5rem calc(-50% - -50vw) 1.5rem calc(-50% - -50vw);
}
.wrapper{
overflow:hidden;
}
.content{
min-height:500px;
padding:0 7.5%
}
.content-home{
padding:0 5%;
}
.has-blanc-background-color{
background-color: var(--blanc);
}
.has-noir-background-color{
background-color: var(--noir);
}
.has-vert-background-color{
background-color: var(--vert);
}
.has-vertclair-background-color{
background-color: var(--vert);
}
.has-orange-background-color{
background-color: var(--orange);
}
.has-grisclair-background-color{
background-color: var(--grisclair);
}
.has-grismedium-background-color{
background-color: var(--grismedium);
}
.has-blanc-color{
color: var(--blanc);
}
.has-vert-color{
color: var(--vert);
}
.has-orange-color{
color: var(--orange);
}
.has-grisclair-color{
color: var(--grisclair);
}
.has-grismedium-color{
color: var(--grismedium);
}
a.wp-block-button__link{
-webkit-transition:all 0.2s ease;transition:all 0.2s ease;
}
a.wp-block-button__link:hover{
background-color: var(--hover); color: inherit;
}
.has-small-font-size{
font-size:0.8rem !important;
}
.has-medium-font-size{
font-size:1.25rem;
}
.has-large-font-size{
font-size:1.5rem;
}
.has-x-large-font-size{
font-size:1.85rem;
}
.swiper-pagination-bullet{
width:11px; height:11px; opacity:1; background-color: var(--blanc);
vertical-align:middle;
}
.swiper-pagination-bullet-active{
background-color: var(--orange);
width:17px; height:16px;
}
.cover{
background-size:cover; background-repeat: no-repeat;  background-position:center;
}
.nopadding{
padding-left:0; padding-right:0;
}
.wp-block-button a:hover{
background-color: var(--noir); color: var(--blanc);
}
.wp-block-quote {
border-left: none;
margin:1rem 0; padding-left:0;
font-size:1.35rem;
font-weight:500
}
#map, #mapPage{
width:100%; height:100%;
}
.leaflet-top, .leaflet-bottom {
z-index: 990 !important;
}
@media screen and (min-width:992px){
h1{
font-size:3rem;
}
h2{
font-size:2rem
}
h3{
font-size:1.5rem
}
h4,h5,h6{
font-size:1.25rem;
}
.content{
min-height:500px;
padding:0 15%
}
}
@media screen and (min-width:1200px){
.content{
padding:0 15%
}
.alignfull.has-background {
padding: 3em calc(-50% - -50vw) 3rem calc(-50% - -50vw);
}
.bloc-centre{
padding:0 7.5%;
}
}
@media screen and (min-width:1921px){
.content-home{
padding-left:15%; padding-right:15%;
}
html{
font-size:18px;
}
}