.BannerContenue {
	font-family: 'BodoniFLF';
}
.textSince {
    font-family: 'Befindisa';
}
 .Link a{
 
	font-family: 'Arsenal', sans-serif;
 }
 .ContenuBanner{font-family: 'Arsenal', sans-serif;
 }
@media screen   and (max-width:767px)  {
.leftarrow.large.round  {
    width: 47px !important;
    /* top: inherit !important; */
    bottom: 4px;
    /* left:calc(50% - 52px) !important; */
    margin: 0px !important;
}
  .rightarrow.large.round {
    /* width: 47px !important; */
    /* top: inherit !important; */
    /* bottom: 4px; */
    /* left:calc(50% + 68px) !important; */
}

.rightarrow.large.round {
    background:url(../Images/SuivSlider.png)  50% 50%  no-repeat !important;
    /* margin-right: -67px  !important; */
    visibility: visible !important;
    opacity: 1 !important;
    width: 20px;
    margin: 0px !important;
}
.rightarrow.large.round:hover{
    background:url(../Images/SuivSlider.png)  50% 50%  no-repeat !important;
       opacity: 0.5 !important;
}
.leftarrow.large.round {
    margin-left: 0px  !important;
    background:url(../Images/PrecSlider.png)  50% 50%  no-repeat !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.leftarrow.large.round:hover{
     background:url(../Images/PrecSlider.png)  50% 50%  no-repeat !important;
           opacity: 0.5 !important;
}


.responsive .arrows{display:block !important;}
.bannercontainer img {
    height: 400px !important;
    min-width: 100% !important;
}
  .banner {
    height: 400px !important;
}
.BannerContent  {
	width: 100vw !important;
	height: 100% !important;
}
 .BannerContent1 {display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;line-height:auto !important;width: calc(100vw - 30px)!important;height: 80% !important;flex-direction:column;margin-left: 15px;justify-content: center;}

.BannerContenue {
	width:100%;
	padding:0px 15px;
	color: #fff;
 
	font-size: 12em;
	text-transform: uppercase;
	line-height: initial;
	text-align: center;
	position: absolute;
	bottom: 80px;
line-height: 1em;
}
}
@media screen   and (min-width:768px)  {

.textSince {
 
    color: #2b2b2b;
    font-size: 100px;
    height: auto;
    display: block;
    transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-133px);
    -webkit-transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-133px);
    -moz-transform:rotate(353deg) scale(0.701) skew(-180deg) translate(-133px);
    -o-transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-133px);
    -ms-transform:rotate(353deg) scale(0.701) skew(-180deg) translate(-133px);
    margin-bottom:40px;
}
.ContenuBanner{ color: #8c5e3e;font-size: 60px;font-weight: 700;display: block;line-height: 70px;margin-top: 50px;}
.ContenuBanner span{    color: #234e9f;}
.Link{
	display:block;
	margin-top:45px;
}
 .Link a:hover{
	    background: #234e9f; 
 }
 .Link a{
	-webkit-border-radius: 50px;
	-moz-border-radius:  50px;
	border-radius: 50px;
	padding: 10px 40px;
 
	background: #dc2726;
	-webkit-transition: 0.500s linear;
	-ms-transition: 0.500s linear;
	-moz-transition: 0.500s linear;
	-o-transition: 0.500s linear;
	transition: 0.500s linear;
	text-decoration:none;
	color:#fff;
	font-size: 17px;
	font-weight:700;
	}
	.titreRexim {
 
    color: #000c54;
    font-size: 100px;
    height: auto;
    display: block;
    transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-133px);
    -webkit-transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-133px);
    -moz-transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-133px);
    -o-transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-133px);
    -ms-transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-133px);
    margin-bottom: 40px;
   
    font-weight: 700;
    font-style: italic;
}
.TextleFixeur{
     color: #2b2b2b;
     font-size: 40px;
     height: auto;
     display: block;
     transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-133px);
     -webkit-transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-133px);
     -moz-transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-133px);
     -o-transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-133px);
     -ms-transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-133px);
     margin-bottom: 40px;
   
     font-weight: 700;
     font-style: italic;
     line-height: 35px;
}
.lerepeaterbanner{
      color: #234e9f;
      font-size: 26px;
      height: auto;
      display: block;
      transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-133px);
      -webkit-transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-133px);
      -moz-transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-133px);
      -o-transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-133px);
      -ms-transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-133px);
      margin-bottom: 40px;
  
      font-weight: 700;
      font-style: italic;
      line-height: 28px;
}
.Repbanner{
	    background:url(../Images/PuceValidation.png)  00% 50%  no-repeat !important;
		    padding-left: 40px;
 
}

.BannerContent  {
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -ms-flex-align: center;
 -webkit-align-items: center;
 -webkit-box-align: center;
 align-items: center;
 height: 100% !important;
 width:100% !important;
 line-height:auto !important; 
 
 line-height: 3em !important;
}
.BannerContent2 {
    display: table;
    margin: auto;
}
.rightarrow.large.round {
    background:url(../Images/SuivSlider.png)  50% 50%  no-repeat !important;
    margin-left:  -65px  !important;
 
    visibility: visible !important;
    opacity: 1 !important;


}
.rightarrow.large.round:hover{
    background:url(../Images/SuivSlider.png)  50% 50%  no-repeat !important;
       opacity: 0.5 !important;
}
.leftarrow.large.round {
    margin-left:65px  !important;
    background:url(../Images/PrecSlider.png)  50% 50%  no-repeat !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.leftarrow.large.round:hover{
    background:url(../Images/PrecSlider.png)  50% 50%  no-repeat !important;
           opacity: 0.5 !important;
}

.BannerContent  {
 
}
.BannerHomeScroll{
    position: relative;
    height: 100vh;
}
 .bannercontainer {
    position: relative;
    height: 100vh;
}
.bannercontainer img {
    height: 100vh !important;
    max-height: 100vh !important;
    min-width: 100% !important;
}
 .BannerContent1 {
position: absolute;
right: 5vw;
line-height: 50px!important;
}


 
}
.leftarrow.large.round, .rightarrow.large.round{/* width: 47px !important; */}
.bannercontainer{position:relative}










@media screen   and (max-width:767px)  {
	.ContenuBanner2 {
    width: calc(100vw - 30px) !important;
    margin-left: 15px;
}
.textSince {
    font-family: 'Befindisa';
    color: #2b2b2b;
    font-size: 83px;
    height: auto;
    display: block;
    transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-44px);
    -webkit-transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-44px);
    -moz-transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-44px);
    -o-transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-44px);
    -ms-transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-44px);
    /* margin-bottom:40px; */
}
.ContenuBanner{font-family: 'Arsenal', sans-serif;color: #8c5e3e;font-size: 25px;font-weight: 700;display: block;line-height: 25px;margin-top: 50px;width: 100%;text-align: center;}
.ContenuBanner span{    color: #234e9f;}
.Link{
	display:block;
	margin-top:45px;
	text-align: center;
}
 .Link a:hover{
	    background: #234e9f; 
 }
 .Link a{
	-webkit-border-radius: 50px;
	-moz-border-radius:  50px;
	border-radius: 50px;
	padding: 6px 20px;
	font-family: 'Arsenal', sans-serif;
	background: #dc2726;
	-webkit-transition: 0.500s linear;
	-ms-transition: 0.500s linear;
	-moz-transition: 0.500s linear;
	-o-transition: 0.500s linear;
	transition: 0.500s linear;
	text-decoration:none;
	color:#fff;
	font-size: 15px;
	font-weight:700;
	/* display: table; */
	/* margin: auto; */
	float: none;
	}
	.titreRexim {
 color: #000c54;
 font-size: 100px;
 height: auto;
 display: block;
 transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-133px);
 -webkit-transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-133px);
 -moz-transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-133px);
 -o-transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-133px);
 -ms-transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-133px);
 margin-bottom: 40px;
 font-family: 'Arimo', sans-serif;
 font-weight: 700;
 font-style: italic;
 display: none;
}
.TextleFixeur{
     color: #2b2b2b;
     font-size: 40px;
     height: auto;
     display: block;
     transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-133px);
     -webkit-transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-133px);
     -moz-transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-133px);
     -o-transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-133px);
     -ms-transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-133px);
     margin-bottom: 40px;
     font-family: 'Arimo', sans-serif;
     font-weight: 700;
     font-style: italic;
     display: none;
     line-height: 35px;
}
.lerepeaterbanner{
      color: #234e9f;
      font-size: 26px;
      height: auto;
      display: block;
      transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-44px);
      -webkit-transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-44px);
      -moz-transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-44px);
      -o-transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-44px);
      -ms-transform: rotate(353deg) scale(0.701) skew(-180deg) translate(-44px);
      /* margin-bottom: 40px; */
      font-family: 'Arimo', sans-serif;
      font-weight: 700;
      font-style: italic;
      line-height: 28px;
}
.Repbanner{
	    background:url(../Images/PuceValidation.png)  00% 50%  no-repeat !important;
		    padding-left: 40px;
 
}

.BannerContent  {
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -ms-flex-align: center;
 -webkit-align-items: center;
 -webkit-box-align: center;
 align-items: center;
 height: 100% !important;
 width:100% !important;
 line-height:auto !important; 
 
 line-height: 3em !important;
}
.BannerContent2 {
    /* text-align: center; */
}
}