/*
* @subsection   RD Parallax
*
* @description  Describes style declarations for RD Parallax extension
*
* @author       Evgeniy Gusarov
* @link         https://ua.linkedin.com/pub/evgeniy-gusarov/8a/a40/54a
* @version      3.0.0
*/
.rd-parallax-inner {
  /*overflow: hidden;*/
  position: relative;
  min-height: 100%;
}
.rd-parallax-layer[data-type="media"] {
  position: absolute;
  /*top: 0;*/
  /*left: 0;*/
  /*right: 0;*/
  /*bottom: 0;*/
  height: 100%;
  -webkit-backface-visibility: hidden;
}
.rd-parallax-layer[data-type="media"] iframe {
  width: 100%;
  height: 100%;
}
.rd-parallax-layer[data-url] {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.rd-parallax-layer[data-type="html"] {
  position: relative;
}

.lelogopage{width: 150px;position: relative;display: block;margin: 0px auto 10px auto;}

.lelogopage.mentions {position: absolute; left: 50%; transform: translateX(-50%); width: 195px; top: 0px; border: 5px solid #fff; }
.lelogopage.index{position: relative;left: auto;right:auto;transform: translateX(0%);width: 220px;top: 0px;display:block;margin: 0px auto -20px auto;border:none;}
.lelogopage.index img{-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5);}
h1.titre{padding: 20px 0px;border-bottom: 1px solid #f1f0f0;border-top: 1px solid #f1f0f0;margin-bottom: 40px;}
article.d, article.g{    text-align: justify; padding: 50px; display: flex; /* align-items: center; */justify-content: center;flex-direction: column;width:100%;height:100%;}
article.d p, article.g p{line-height: 2.2;}
article.d h2.h3{text-align: left;margin-bottom:0px;}
article.g h2.h3{text-align: right;margin-bottom:0px;}
article.g.guide h2.h3, article.d.guide h2.h3{margin-top:30px;/*position:relative;*/color:#bbb;}
article.d ul li, article.g ul li{list-style: square;padding-bottom:5px;}
article.d ul li a{text-decoration: underline;font-weight:600;}
article.d ul li a{text-decoration: underline;font-weight:600;}
article.d.guide{height:95%;border: 1px solid #eee;background:#fff;-webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);}
article.guide i.ico{position: absolute;background: #bbbb;padding: 9px 8px 4px 11px;top: -17px;color: #fff;border-radius: 50%;
    font-size: 4.5rem;-webkit-box-shadow: 0 5px 4px 0 rgba(0, 0, 0, 0.3);box-shadow: 0 5px 4px 0 rgba(0, 0, 0, 0.4);}
article.guide i.ico.fa-utensils{padding: 11px 11px 6px 12px;font-size: 4.0rem;font-weight: 100;}
article.guide i.ico.fa-paw {padding: 10px 10px 10px 12px;font-size: 4.0rem;font-weight: 100;}
article.guide i.ico.fa-motorcycle {padding: 14px 11px 14px 12px;font-size: 3.7rem;font-weight: 100;}
.guidecontent{margin-bottom:10px;}

img.carre{/*aspect-ratio: 1 / 1;*/}
img.carre:after{content:"";position:absolute;border:1px solid red;height:100%;width:100%;top:0;left:0;}
.separation{height:30px;display:block;}
@media (max-width: 767px) {
.lelogopage {width: 75px;}
	h1.titre {margin-bottom: 10px;}
	.separation {height: 0px;}
article.d, article.g {
     padding: 30px 50px 0px 50px;
}
	
}
@media (max-width: 575px) {
	.lelogopage.index {width: 150px;}
	article.d h2.h3, article.g h2.h3 {margin-bottom: 0px;}
	article.d, article.g {padding: 10px 5px 10px 5px;}

article.d.guide, article.g.guide {text-align: left; padding: 35px 24px 35px 35px;}
	article.guide h2.h3{font-size:28px;text-align:center;}
	article.guide h2.h3 span{font-size:8rem;display:block!important;}
	article.d, article.g {text-align: left;}
	    h1.titre {margin-bottom: 0px;}
}