/* CSS Document */
html { overflow-y: scroll;  }

body{
  padding-top: 95px;  
	margin: 0;
	height:100%;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1rem;
	line-height:19px;
  background:#eeeeee; 		
	}
	
h1,h3{
	font-family:Arial, Helvetica, sans-serif;
	color:#BF1E2E;
	font-size: calc(1rem + 1.5vw);
	font-weight: bold;	
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
  /*border-bottom:1px solid #606060;*/
	line-height:normal;
	width:100%;
	}
h2{
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	color:#FFFFFF;
	line-height:normal;
	}
h4{
	margin:0;
	padding:0.5em v0px 0px 0px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.25rem;
	color:#BF1E2E;
	border:1px solid transparent;
	}	
/**		
h3{
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#BF1E2E;
  font-size:1rem;
  font-weight: bold;
}		
h3.h1 {
  font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    border-bottom: none;
    font-size: calc(1.375rem + 1.5vw);
}**/
h5{font:15px Tahoma, Arial, Helvetica, sans-serif; color:#BF1E2E; font-weight:bold; padding:5px 10px 5px 10px; border-bottom:2px solid #606060; margin:20px 0px 5px 0px; background-color:#e8e8e8; }
h6{font:18px Tahoma, Arial, Helvetica, sans-serif; color:#BF1E2E; font-weight:bold; padding:0px 0px 5px 0px; margin:0px 0px 10px 0px;}
ul
{
  margin: 0em;
  list-style-image: url(images/12x9arrow.png);
}

.break
{
  margin:0.4em 0px 0px 0px;
}
a.main
{
  text-align: center;
	color:#404040 !important;
	font-family:Arial, Helvetica, sans-serif; 
  text-decoration:none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	webkit-border-radius: 5px;	
}
.main:hover{
	color:#000000 !important;
}

a.current
{
  text-align: center;
	color:#FFFFFF !important;
	font-family:Arial, Helvetica, sans-serif;  
  text-decoration:none;
  background: #BF1E2E;
	border-radius: 5px;
	-moz-border-radius: 5px;
	webkit-border-radius: 5px;	  
}
.current:hover{
background:#991019;
}

a.mainlang
{
	color:#505050;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1rem !important;	  
  text-decoration:none;
  padding: 3px 6px 3px 6px;
	border-radius: 5px;
	-moz-border-radius: 5px;
  webkit-border-radius: 5px;	    
  

  padding: 0px !important;

}

a.mainlang:hover
{
	color:#BF1E2E;
  background: #d0d0d0;	
}

img.test_arrow
{
  margin:20px 5px 0px 5px; 
  opacity:0.5 ;
}


img.test_arrow:hover
{
	opacity:1;
	cursor: pointer;
}

a.currentlang
{
	color:#FFFFFF !important;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1rem;	  
  text-decoration:none;
  background: #BF1E2E;
  padding: 3px 6px 3px 6px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	webkit-border-radius: 5px;	  
}

a.mail
{
  color:#000000 !important;
  text-decoration:none;
}	
.icone-linkedin{
	margin-right:32px;
}
.icone-linkedin svg.bi.bi-linkedin {
    top: -2px;
    position: relative;
}
a.domain:hover
{
	cursor: pointer;
}
img.domain:hover
{
	cursor: pointer;
}

a.mail:hover
{
	color:#BF1E2E !important;
}

.tn{
	max-width: 92%;   
	width: 30em;   
	margin:auto;
  margin-top: 1.2em;
  margin-bottom: 0.5em;   
	padding:0em;
  background:#FFFFFF;
  border-radius: 1.2em;
  box-shadow: 0rem 0.25rem 0.5rem 0rem #555555;
}

.tn:hover
{
  box-shadow: 0rem 0.25rem 0.75rem 0.25rem #444444;  
}

.tn_title
{
	font-size:1.1em;	  
  margin-top: 0.15em; 	
  margin-bottom: 0.1em; 
  color: black;
}
	
.body-part{
	height:auto;
	max-height: 1000000px;	/*fix for chrome on mobile resizing font*/
	max-width: 1600px;
	font-size:1rem;	
	margin:auto;
	padding:1.5em 3em 1.5em 3em;
  background:#FFFFFF;
  margin-top: 1.75em;   
  border-radius: 0.75em;
  box-shadow: 0rem 0.35rem 0.6rem 0rem #cccccc;
  
	}
.body-part a{
	color:#BF1E2E;
	}	
.body-part p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:1rem;
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	line-height:22px;
	}
	.body-part{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:1rem;
	line-height:22px;
	}
#footer{
	width:100%;	
	max-width: 1540px;		
	margin:auto;
  color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75rem;
	padding:1.5em 0px 5px 0px;	
	
	text-align: center;		
	}
	
div.contact{
	font-size:1rem;
	line-height: 20px;
	color:#000000;
	color:black;
	text-decoration: bold;	
	margin: 5px 0px 0px 0px;
	}	
	
a{ color:#BF1E2E; text-decoration:underline}
a:hover{text-decoration:none;}

.btn-envoyer-contact{
  width: 30%;
  float: right;
  border-radius: 7px;
	-moz-border-radius: 7px;
	webkit-border-radius: 7px;
  color:#fff;
  background: #BF1E2E;
  font:bold 1rem Arial, Helvetica, sans-serif;
  text-decoration:none;
  padding:8px 8px;
  margin:0px;	
  border:none;
}
.btn-envoyer-contact:hover{cursor:pointer; color:#fff; background:#DF565E;}


input.button{
	border-radius: 7px;
	-moz-border-radius: 7px;
	webkit-border-radius: 7px;
  color:#fff;
  background: #BF1E2E;
  font:bold 1.1rem Arial, Helvetica, sans-serif;
  text-decoration:none;
  padding:0.75rem 1rem;
  margin:0px;	
  border:none;
}


input.button:hover{cursor:pointer; color:#fff; background:#991019;}

input.button:disabled
{
  background-color:#EF766E;  
  cursor:not-allowed; 
}

.buttontrial
{
  color:#fff;
  background:#BF1E2E;
  font:bold 1.2rem Arial, Helvetica, sans-serif;
  text-decoration:bold;
  padding:0.75rem 2rem;
  border:none;
	border-radius: 7px;
	-moz-border-radius: 7px;
	webkit-border-radius: 7px;
}
.buttontrial:hover{cursor:pointer; color:#fff; background:#DF565E;}

.buttontrial_contact
{
color:#fff;
background:#BF1E2E;
font:bold 20px Arial, Helvetica, sans-serif;
text-decoration:bold;
padding:15px 32px;
border:none;
	border-radius: 7px;
	-moz-border-radius: 7px;
	webkit-border-radius: 7px;
}
.buttontrial_contact:hover{cursor:pointer; color:#fff; background:#DF565E;}

div.clear{ clear:both}

div.contact_column1_wrap
{
  width: 50%;
  max-width:640px;
  min-width:500px;
  float:left;	
}

div.contact_column1
{
  width: 500px;
  float:right;	
}
                
div.middle_space
{
  width: 15%;
  min-width:20px;
  float:left;	
}

div.righttext
{
  position:absolute;
  left:60%;
  width:40%;
  top: 0px;
  height:100%;
  padding: 15px 6% 15px 40px ;  
}

div.righttext_back
{
  position:absolute;
  left:60%;
  width:40%;
  top: 0px;
  height:100%;
  background:#333333;
  opacity:0.83 ;
}

div.righttext_inner
{
  position: relative;
  top: 50%;
  top: 5%\9;  
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform:  translateY(-50%);
  -moz-transform: translateY(-50%);
  text-align: left;
  color: white;
	font-family: Germand;
	font-size:26px;
	line-height:1.3; 	
  padding: 0px 0px 10px 0px ;  	
}

div.lefttext
{
  position:absolute;
  right:60%;
  width:40%;
  top: 0px;
  height:100%;
  padding: 15px 40px 15px 6% ;  
}

div.lefttext_back
{
  position:absolute;
  right:60%;
  width:40%;
  top: 0px;
  height:100%;
  background:#333333;
  opacity:0.83 ;
  padding: 15px 40px 15px 6% ;  
}

div.leftttext_inner
{
  position: relative;
  top: 53%;
  top: 5%\9;  
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform:  translateY(-50%);  
  -moz-transform: translateY(-50%);  
  text-align: right;
  color: white;
	font-family: Germand;
	font-size:26px;
	line-height:1.3; 	
  padding: 0px 0px 10px 0px ;  		
}

.testicell
{
  text-align: center;
  padding : 0.75rem 1rem;
}

span.slidetitle
{
  font-size:45px;
	line-height:1.1;
  font-style:bold;	
}

.flag{
  width: 35px;  
  height: 20px;
}


div.slideshow_wrap2
{
  width:100%;
	max-width:1340px;
	margin:auto;
	padding:0px;  
  background-color:#333333 ;
}

div.tn_wrap
{
  width:100%;
	max-width:1600px;	
	margin:auto;
	padding:0px;  
}

div.slideshow_wrap1
{
  width:100%;
  background:#333333 ;
	padding:0px 0px 0px 0px;
}

table {  border-collapse: collapse;}

#myparallaxslider,.banner
{ /* CSS for specific carousel container called #myparallaxslider. */
  width:100%;
  height:620px;
}
.banner
{
   overflow: hidden;
    display: block;
    position: relative;
}

.banner .bgoverlay{
background-image: url(./images/happy-xl.jpg);
}
/* ######### Shared CSS for various parts of slider (in the event of multiple sliders) ######### */

div.parallaxslider{ /* shared CSS for main carousel container */
/*background: black url(images/ajaxload.gif) center center no-repeat;  loading gif while caoursel is loading */
}

div.parallaxslider img.navbutton{ /* CSS for the nav buttons */

}

div.parallaxslider *{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

div.parallaxslider div.slide{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: none;
}

div.parallaxslider div.slide div.bgoverlay,.banner div.slide div.bgoverlay{ /* CSS for each image's DIV container within main container */
position: absolute;
z-index: 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: black;
background-position: center center; /* center image within carousel */
background-repeat: no-repeat;
background-size: cover; /* CSS3 property to scale image within container? "cover" or "contain" */
}

div.parallaxslider div.selectedslide{ /* CSS for currently selected slide */
}

div.parallaxslider div.slide div.desc{ /* DIV that contains the textual description inside .slide */
position: absolute;
color: white;
padding: 8px;
text-shadow: 0 -1px 1px #8a8a8a; /* CSS3 text shadow */
z-index:5;
pointer-events: none; /* keep this property intact. Disable pointer events on desc divs themselves */
}

div.parallaxslider div.slide div.desc *{
pointer-events: auto; /* keep this property intact. Enable pointer events on individual elements within desc divs, such as links */
}

div.parallaxslider div.selectedslide div.desc{ /* CSS for currently selected slide's desc div */
}

div.parallaxslider div.slide div.desc a{
color:yellow;
text-decoration:none;
}

td.price
{
  padding:  4px;
  border-style: solid;
  border-width: 2px;
  border-color: #000000;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
}

td.price_title
{
  padding:  4px;
  border-style: solid;
  border-width: 2px;
  border-color: #000000;
  background-color: #BF1E2E;
  color: white;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
}

td.price_title_dark
{
  padding:  4px;
  border-style: solid;
  border-width: 2px;
  border-color: #000000;
  background-color: #111111;
  color: white;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
}

.navbar{
  padding: 0px !important;
}

.align-right{
  text-align: right;
  /* padding-left: 155px; */
}

/* The sidebar menu */
.sidebar {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 100; /* Stay on top */
  top: 0;
  /* left: 0; */
  right: 0px;         /* Put sidebar on the right side */
  background-color: #F8F9FA; 
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidebar */
}

/* The sidebar links */
.sidebar a {
  text-decoration: none;
  color: #818181;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidebar a:hover {
  color: #f1f1f1;
}

.navbar-static-top {
  position:fixed !important;
  top:0;
  right:0;
  left:0;
  z-index: 998;
  width: 100%;
 box-shadow: 0rem 0.25rem 0.5rem 0rem #555555;
}
  
/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-right .5s; /* If you want a transition effect */
  padding: 20px;
}

.header-main{
  margin-left: 20px;
  margin-right: 20px;
}

.navbar-toggler{
  border-color: rgba(0,0,0,0) !important;
  font-size: 1.5rem;
}


.input-demo{
  padding-top: 0.3rem;  
  padding-bottom: 0.7rem;
}

.check{
  padding-top: 5px;  
  padding-bottom:5px;
}

.text-area-demo-form{
  max-width: 100% ;
}


.accordion-button
{
  border-radius: 0.5em; 
  font-size: 1.25rem; 
  padding: 6px 1em 6px 1em;
}

.container-fluid{
  max-width: 1440px;
}

.demo-file-input{
  margin-bottom: 15px;
  max-width: 530px;
}

.label-check{
  padding-top: 3px ;
}

.form-check
{
  margin: 0.25em ;
}

.navbar-brand{
  padding-top: 0px;
}

.link{
  color:#BF1E2E !important; 
  text-decoration:underline !important;
}
.link:hover{
  text-decoration:none !important;
}

.header-nav{
  padding-right: 0.6em;
  padding-left: 0.6em;
}

.btnclose-index{
  color: #60010F;
  text-decoration: none;
  font-size: 2.25rem;
}

.nav-link-sidebar{
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(191, 30, 46, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}

#lang{
  padding-bottom: 50px !important;
}

.custom-file-input ~ .custom-file-label::after {
  content: "Parcourir";
}

.navbar-nav{
  margin-top: 6px !important;
}

.is-invalid{
  border-color: #dc3545 !important;
}


/*to hide a honeypot feild in form*/
.dispnon{display: none}


::placeholder {
  font-style: italic;  
  font-size:0.8em
}

/*bootstrop 4 was like this ?*/
.form-group
{
  margin-bottom: 1em;
}

.acc-part{
padding: 0em;
margin-right: 0.5em;
margin-left: 0.5em;
margin-bottom: 0.25em;
background:#FFE9E9;
border-radius: 1em;
	
}
.accordion {
--bs-accordion-color: #BF1E2E;
--bs-accordion-bg: #eeeeee;
--bs-accordion-transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out,border-color 0.2s ease-in-out,box-shadow 0.2s ease-in-out,border-radius 0.2s ease;
--bs-accordion-border-color: #BF1E2E;
--bs-accordion-border-width: 1px;
--bs-accordion-border-radius: 0.5em;
--bs-accordion-inner-border-radius: calc(0.5rem - 1px);
--bs-accordion-btn-padding-x: 1rem;
--bs-accordion-btn-padding-y: 0.8rem;
--bs-accordion-btn-color: #222222;
--bs-accordion-btn-bg: var(--bs-accordion-bg);
--bs-accordion-btn-icon-width: 1.5rem;
--bs-accordion-btn-icon-transform: rotate(-180deg);
--bs-accordion-btn-icon-transition: transform 0.4s ease-in-out;
--bs-accordion-btn-focus-border-color: #006600;
/*--bs-accordion-btn-focus-box-shadow: 0rem 0.2rem 0.2rem 0rem #555555;*/
--bs-accordion-btn-focus-box-shadow: 0rem;
--bs-accordion-body-padding-x: 1.25rem;
--bs-accordion-body-padding-y: 0.6rem;
--bs-accordion-active-color: #ffffff;
--bs-accordion-active-bg: #BF1E2E;
--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23666666'%3e%3cpath fill-rule='evenodd' stroke='%23666666'  stroke-width='2px' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' stroke='%23ffffff'  stroke-width='2px' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:hover 
{
  box-shadow: 0rem 0.1rem 0.3rem 0.3rem #999999;  
}

.dropdown:hover>.dropdown-menu {
  display: block;
}

/*because we don't use class dropdown-toggle in order to display menu on hover*/
.droparrow::after {
    display: inline-block;
    margin-left: 0.35em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.nav-link
{
    font-size: 1.25rem;
    font-weight: 400;
    padding: 5px 1.25em 5px 1.25em !important;    
}


.dropdown-item
{
  font-weight: 550;
  color : #454545 !important;  
  padding: 7px 2.5em 7px 1.2em;
}

.dropdown-menu
{
 box-shadow: 0rem 0.25rem 0.5rem 0rem #555555;
}

/*Return to top button */
div.topBtn 
{
 border-top-left-radius: 9px;
 border-bottom-left-radius: 9px;
 background-color: #BF1E2E;
 display: none;
 position: fixed;
 z-index: 99;  
 right: -1px; bottom: 3em; 
 width: 3em;
 height: 3em;
 opacity: 70%;
 box-shadow: 0rem 0.25rem 0.5rem 0rem #555555;
}

/* Show only icon on web*/
.go_to_top_img
{
  margin: 15% 10% 20% 10%;  
  width: 80%;
  height: 65%;
}

.topBtn:hover
{
	opacity:1;
	cursor: pointer;
}

.staff_pics
{
  margin: 1em 5% 0.25em 5%;
  width : 300px;
  max-width: 90%;
  border-radius: 30%;  
}

.staff_pics_div
{
  text-align: center;  
  color: #BF1E2E;
  font-weight:600;
}

.tn_div
{
  text-align: center;  
  color: #BF1E2E;
  font-weight:600;  
}

  .img-brand{
    height: 95px;    
    width: 275px;
  }

/* **********  SIZE SPECIFIC TWEAKS ******************** */


@media screen and (max-width: 1400px){
  #myparallaxslider,.banner
  {
    height: 620px;
  }
  div.righttext_inner
  {
    font-size:24px;
  }
  div.leftttext_inner
  {
    font-size:24px;
  }
  span.slidetitle
  {
    font-size:40px;
  }
}

@media screen and (max-width: 1300px)
{
  #myparallaxslider,.banner
  {
    height: 580px; 
  }
}

@media screen and (max-width: 1200px)
{ 
  #myparallaxslider,.banner
  {
  height: 480px;
  }
  div.righttext_inner
  {
    font-size:18px;
  }
  div.leftttext_inner
  {
    font-size:18px;
  }
  span.slidetitle
  {
    font-size:32px;
  }

  #num_mail_lang
  {
    display: none;
  }  

}

@media screen and (max-width: 1140px){
  .navbar-brand{
    width: 170px ;
  }
  .img-brand{
    width: 180px;
    height: 62px;    
  }
  
  #meet_button
  {
    display: none;
  }    
  
  body {padding-top: 69px;}  
}


@media screen and (max-width: 992px) {        /* Style for sizebar elements */
  .lang{
    font-size: 1rem;
    padding: 0px;
    text-align: center;
  }
  
  .center{
    padding-left: 27px;
    padding-bottom: 5px;
    text-align: center;
  }
  
  .center-telephone{
    text-align: center;
  }

  .avis_client{
    text-align: center !important;
  }

  body {padding-top: 51px;}
  
  .navbar-brand{
    width: 50px ;
  }
  .img-brand{
    width: 115px;
    height: 40px;    
  }
    
  .nav-item
  {
    padding: 0.5em;
  }  
  @media screen and (max-height: 500px) {
    .sidebar {font-size:1rem;}
    .dropdown-item {font-size: 1rem; padding-top: 0.1em; padding-bottom: 0.1em;} 
    .nav-item {font-size: 1rem; padding-top: 0.2em; padding-bottom: 0.2em;} 
  }  

}

@media screen and (min-width: 993px) {          /* Remove sidebar if resize */
  .sidebar{
    width: 0px !important;
  }
  .btn-sidebar{
    margin-right: 0px !important;
    padding: 5px !important;
  }
}


@media screen and (max-width: 840px) {          /* Change buttons size of caroussel */
  .buttontrial
  {
    /* font-size: 13px !important; */
    padding:15px 10px !important;
  }
  #myparallaxslider,.banner
  {
  height: 310px;
  }  

  .slide-text{
    font-size: 16px !important;
  }
   span.slidetitle{                                  /* For slider, change size of text to fit for smaller screen */
    font-size: 1.2rem !important;
    line-height: 1rem;
  }
}


@media screen and (max-width: 768px) {

  .tutodiv
  {
    font-size: 1em ;
  }

  img.navbutton{
    top: 50% !important;
    width: 20px;
  }

  .body-part{
    margin-top: 0.75em;       
    padding:0.75em 1.5em 0.8em 1.5em;
  }
  
 .btn-caroussel{
    display: none;
  }
  
  .hide_when_small{
    display: none;
  }
  
  h1,h3{
	font-size:1.6em;
	margin:0px 0px 8px 0px;
	}
	
  .accordion-button
  {
    font-size: 1rem;
  }
}

@media screen and (max-width: 600px) {
  .img-brand{
    height: 36px;    
    width: 100px;
  }
  span.slidetitle{                                  
    font-size: 1rem !important;
    line-height: 1rem;
  }
  .parallaxslider,.banner{
    height: 280px !important;
  }
}
@media screen and (max-width: 560px) {
  .pan.slidetitle{                                  
    font-size: 0.9rem !important;
    line-height: 0.9rem;
  }
}
/* Correct slider on mobile :  */
@media screen and (max-width: 449px) {
  .righttext{
    left:52% !important;
    width:48% !important;
    padding-left: 1em !important;
    padding-right: 1.8em !important;    
    margin-top: 0.8em !important;
  }
  
  .righttext_back{
    left:52% !important;
    width:48% !important;
  }

  .lefttext{
    right:52% !important;
    width:48% !important;
    padding-right: 1em !important;
    padding-left: 1.2em !important;    

  }
  .lefttext_back{
    right:52% !important;
    width:48% !important;
  }
  
  
  .buttontrial{
    white-space: normal;
    width: 128px !important;
    font-size: 1rem !important;
    margin-top: 10px;
  }

  .menuwhite{
    font-size: 0.75rem !important;
  }

  .parallaxslider,.banner{
    height: 200px !important;
  }

  .slide-text{
    font-size: 15px !important;
  }

  #puissancebtn{                        /* Fixing accueil slider for small screen */
    margin-top: -15px !important;
  }
  #feuillebtn{
    margin-top: -15px !important;
  }
}


.dropdown-menu 
{
--bs-dropdown-link-active-bg: #aaaaaa;
}

.custom-bottom-modal 
{
  position: fixed;
  bottom: 1.5em;
  left: 5%;
  z-index: 10040;
  width: 90%;
  max-width: 62em;
  
}
.red{
  color:#BF1E2E;
}
.white{
  color:#fff;
}