<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Positionnement Frise Header */

/*//////////////////////////////////////////////////////////////////////////////////////////////////
// BANDEAU
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.body-bandeau #bandeau {
    position: relative;
}
.body-bandeau .ul-layers {
	height: 100%;
    margin: auto;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}
.body-bandeau .ul-layer-top {
   position: absolute;
   width: 50%;
   top: -5px;
   right: 0;
   opacity: 0.3;
}
.ul-layer{
  position: absolute;

}
.ul-layer-text {
   position: relative;
   top: 0;
}
.ul-layer-text p {
   font-family: 'Roboto';
   font-weight: 200;
   color: #fff;
}
.ul-post-thumbnail-bottom {
    height: 50px;
    width: 100%;
    position: relative;
    bottom: 50px;
    opacity: 0.2;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////
// IMG
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.body-img #bandeau {
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
}
.body-img #bandeau &gt; img {
    z-index: -1;
    width: 100%;
}
.body-img #bandeau &gt; .ul-post-thumbnail-bottom {
    margin-bottom: -50px;
    padding: 0;
}
.body-img .ul-layers {
    overflow: hidden;
    position: relative;
    top: 0;
    width: 100%;
    margin: 40px 0;
}
.body-img .ul-layer-top {
   position: absolute;
   width: 50%;
   top: -5px;
   right: 0;
   opacity: 0.3;
}
.ul-clear-backimg {
    margin-top: 20px;
}

/*ul-element-banner*/
.ul-element-banner {
    position: relative;
}
.ul-overflow {
	overflow: hidden;
	height: 340px;
}
.ul-post-thumbnail-back {
    position: absolute;
    top: 0;
    width: 100%;
}
.ul-post-thumbnail {
	/*margin: auto;
	 text-align: center;
    background-attachment: scroll;
    background-position: 50% -100px;
    background-repeat: no-repeat;*/
    background-size: cover;
}
.ul-element-banner .ul-layers.top{
    position: absolute;
    top: 0px;
    width: 100%;
    padding: 20px;
}
.ul-element-banner .ul-layers.bottom{
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding: 20px 0 50px 0;
}
.ul-element-banner .ul-layers .frise {
    margin-top: 20px;
}

/**
 * CONTROLS
 */
.carousel-control {
  width: 10%;
  opacity: 0.3;
}
.carousel-control &gt; i {
  display: inline-block;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  z-index: 5;
  height: 30px;
  width: 30px;
}
.carousel-control.right &gt; i {
  margin-right: -10px;
  right: 50%;
}
.carousel-control.left &gt; i {
  margin-left: -10px;
  left: 50%;
}
</pre></body></html>