/* clean search area */
::-ms-clear {
  display: none;
}

@media screen and (min-width: 1024px) {
    /* STYLES HERE */
.container {
	max-width: 1070px;
}

}

@media screen and (min-width: 1400px) {
    /* STYLES HERE */
.container {
	max-width: 1200px;
}

.table.table-sm td, .table.table-sm th , .table td, .table th {
	padding: .5rem .3rem;
	font-size: 14px;
}


}

@media screen and (min-width: 1600px) {
    /* STYLES HERE */
.container {
	max-width: 1400px;
}

.table.table-sm td, .table.table-sm th , .table td, .table th {
	padding: .5rem .3rem;
	font-size: 15px;
}


}



@media screen and (min-width: 1900px) {
    /* STYLES HERE */
.container {
	max-width: 1500px;
}
 

.table.table-sm td, .table.table-sm th , .table td, .table th {
	padding: .5rem .3rem;
	font-size: 17px;
}


}

/* button invisible */

.invisible-button {
   display : none;
   width:0px;
   height:0px;
}

/* popup img center */ 

.modal-med {
   max-width:900px;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
   
   
}
.img-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}
.img-legend {
    display: block;
    margin-left: 40px;
    margin-right: auto;
    width: 50%;
}

/* texte clignotant */
.ubold {
    text-transform: uppercase;
    font-weight: bold;
   
}
.plop {
    -webkit-animation: 2s linear infinite condemed_blink_effect; 
    animation: 2s linear infinite condemed_blink_effect;
}
@-webkit-keyframes condemed_blink_effect { 
    0% {
        visibility: hidden;
    }
    50% {
        visibility: hidden;
    }
    100% {
        visibility: visible;
    }
}
@keyframes condemed_blink_effect {
    0% {
        visibility: hidden;
    }
    50% {
        visibility: hidden;
    }
    100% {
        visibility: visible;
    }
}


.forceleftalign {
  /* margin-left:0; */
  margin-left:18%;
  margin-top:10%;
}
.forceleftalign2 {
  /* margin-left:0; */
  margin-left:50%;
  text-decoration:underline;
  
}

.concour-area {
    width: 310px;
    position: absolute;
   /* left: 25%; */ 
   left:410px;
   top:75px;
  /* bottom: -25;  */
   
}

.img-1024 {
    width:100%;
   height:inherit;
   
}

.img-event-big {
    width:340px;
   height:inherit;
   
}
@media only screen and (min-width: 1100px) {

.img-event-big {
    width:500px;
   height:inherit;
   
}

}

.img-100 {
    width:100px;
   height:inherit;
   
}

.img-110 {
    width:110px;
   height:inherit;
   
}

.img-120 {
    width:120px;
   height:inherit;
}

.img-130 {
    width:130px;
   height:inherit;
}

.img-140 {
    width:140px;
   height:inherit;
}

.img-150 {
    width:150px;
   height:inherit;
   
}

.img-170 {
    width:150px;
   height:inherit;
}
 
.img-180 {
    width:180px;
   height:inherit;
}
.img-240 {
    width:240px;
   height:inherit;
}
.img-340 {
    width:340px;
   height:inherit;
}



.w-170 {
    width:170px;
    max-width:170px;
    margin: 0 30px;
}


.w-220 {
    width:248px;
}


.w-500 {
    width:500px;
}

.w-600 {
    width:600px;
}

.w-650 {
    width:650px;
}

.w-850 {
    width:900px;
    min-width:900px;
}

.h-34 {
	height:48px;
}

.lh-15 {
	line-height:17px;
}

.lh-25 {
	line-height:33px;
}

/* SUB ELEMENT COTE A COTE */
.flex-container {
	display:flex;
/*	flex-wrap : wrap; */
}

.lien{
   color:red; 
   font-size:0.9rem;
   font-weight:600;
  text-decoration:underline;

}

.concour-lien{
    width: 380px;
  /* line-height:1; */
  text-align: center;
 /* margin-bottom:0;    */
}

.concour-lien-1024{
    width: 380px;
   color:red; 
   padding-left:-20px;
   font-size:0.8rem;
   font-weight:400;
  /* line-height:1; */
  text-align: center;
  text-decoration:underline;
  margin-bottom:10;   
}

.concour-dessus{
       z-index:1;
       left:0px;
       top:20px;

}

.concour-txt {
    width: 380px;
  text-align: center;
  text-shadow: rgba(255,255,255,0.1) 0px 1px 0px;    
  /*  left: 30%; */
    bottom: 0;
  margin-bottom:0;   
   
}

.form-control-clear {
  position: absolute;
    right: 25px;
    top: 5px;
    height: 14px;
    font-size: 16px;
    color: #ccc;
  
  z-index: 91;
  pointer-events: auto;
  cursor: pointer;
}

.txt-lien-black A {
  color:black;
  font-size:0.9 rem;
  font-weight:600;
  text-decoration:underline;
}
/* default button validate cart */
.default-button-handler {
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
  margin: 0;
}
/* fin default button validate cart */

.navbar-chauss {
  z-index:30;

}
/* ruban */
.ribbon-wrapper-img {
  z-index:20;
  width: 300px;
  height: 300px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  left: 15px;
}

.ribbon-img {
  font: bold 15px Sans-Serif;
  color: 	#F0F8FF;
  text-align: center;
  text-shadow: rgba(255,255,255,0.1) 0px 1px 0px;
  -webkit-transform: rotate(-45deg);
  -moz-transform:    rotate(-45deg);
  -ms-transform:     rotate(-45deg);
  -o-transform:      rotate(-45deg);
  position: relative;
  padding: 30px 0;  /*  1px 0;  */
  left: -60px;   /* -105px; */
  top: 95px;    /* 160px; */
  width: 240px;  /* 230px; */
}

.ribbon-img:before, .ribbon-img:after {
  content: "";
  position:absolute;
  bottom: -3px;
}

.ribbon-img:before {
  left: 0;
}
.ribbon-img:after {
  right: 0;
}​

/*  corner ribbon usage 
    <div class="wrapper">
        <div class="ribbon-wrapper-green"><div class="ribbon-green">NEWS</div></div>
    </div>​
    */
.wrapper {
  margin: 50px auto;
  width: 320px;
  height: 370px;
  background: white;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 8px rgba(0,0,0,0.3);
  position: relative;
  z-index: 90;
}

.ribbon-wrapper-blue {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}

.ribbon-blue {
  font: bold 15px Sans-Serif;
  color: 	#F0F8FF;
  text-align: center;
  text-shadow: rgba(255,255,255,0.1) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -35px;
  top: 35px;
  width: 230px;
  background-color: 	#0000CD;
  background-image: -webkit-gradient(linear, left top, left bottom, from(	#0000CD), to(	#4169E1)); 
  background-image: -webkit-linear-gradient(top, 	#0000CD, 	#4169E1); 
  background-image:    -moz-linear-gradient(top, 	#0000CD, 	#4169E1); 
  background-image:     -ms-linear-gradient(top, 	#0000CD, 	#4169E1); 
  background-image:      -o-linear-gradient(top, 	#0000CD, 	#4169E1); 
  color: #F0F8FF;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-blue:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid 	#00008B;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-blue:before {
  left: 0;
}
.ribbon-blue:after {
  right: 0;
}​

/*  ---- fin ruban --- */

.black-font{
   /* utilisé dans le close du form modal d'aide */
  font-color:black;
}

.img-modal{

  display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
 /* width: 1024px;
  align:center;
  */
}

.modal-content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
   
}

.modal-dialog {
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
}

.trsp-btn   {
    border-width:0px;
    padding:0px 0px;
    cursor : pointer;
}

.DEP-NORATTACH  {
   color:darkorange;
}

.imgmarque  {
 max-width:50px;
}

.center  {
  text-align:center;
}

.image-dessous
   {
       z-index:1;
   }
   
.recherche-dessus
   {
       z-index:10;
   }

.recherche-selection
   {
       z-index:10;
   }
.chaussy {
 /* max-width:400px; */
 padding-left:7rem !important;             
}


.inline {
	display:inline;
}

.tblbt {
    transition: all .3s;
    border: 1px solid #ddd;
    padding: 8px 16px;
    text-decoration: none;
    border-radius: 5px;
    font-size: 15px;

}

.infosite {
    font-family: cursive;
    padding: 10px;
}
.tblbt:not(.active) {
    background-color:transparent;
}

.tblbt.active {
    background-color: #ff4d4d;
    color :#fff;
}

.tblbt:hover:not(.active) {
    background-color: #ddd;
}

/* essais à virer 
.TR-RATTACH {
  background-color:#ddd;
}

.TR-DELAIPLUS {
  background-color:#eee;
}

*/


/*   shake img */


.bandeau-left {
   
   z-index:100; position:absolute; left:550px; height:100px; top:220px;
   
}

.shake {
  
   
  animation: shake 8s cubic-bezier(.36,.07,.19,.97) infinite both;
  transform: translate3d(0, 0, 0);
  /* backface-visibility: hidden; */ 
  /* perspective: 1000px; */
}


@keyframes shake {
  1%, 9% {
    transform: rotate(-2deg);
  }
  
  2%, 8% {
    transform: rotate(2deg);
  }

  3%, 5%, 7% {
    transform: rotate(-4deg);
  }

  4%, 6% {
    transform: rotate(-4deg);
  }
  10%, 99% {
    transform: rotate(0deg);
  }
  
}

.shake2 {
  
   
  animation: shake2 8s cubic-bezier(.36,.07,.19,.97) infinite both;
  transform: translate3d(0, 0, 0);
  /* backface-visibility: hidden; */ 
  /* perspective: 1000px; */
}


@keyframes shake2 {
  0%, 90% {
    transform: rotate(0deg);
  }
  91%, 99% {
    transform: rotate(-10deg);
  }
  
  92%, 98% {
    transform: rotate(10deg);
  }

  93%, 95%, 97% {
    transform: rotate(-15deg);
  }

  94%, 96% {
    transform: rotate(-15deg);
  }
  
}

@keyframes shake1 {
  1%, 9% {
    transform: translate3d(-1px, 0, -1px);
  }
  
  2%, 8% {
    transform: translate3d(2px, 2px, 0);
  }

  3%, 5%, 7% {
    transform: translate3d(-4px, 0, -4px);
  }

  4%, 6% {
    transform: translate3d(4px, 4px, 0);
  }
  10%, 99% {
    transform: translate3d(0, 0, 0);
  }
  
}

.img-visa {
	top : -10px;
	margin : -20px 0 -5px 18%;
}

.img-visa-rond {
	top : -10px;
	margin : -30px 0 0 35px;
}

.img-visa-oval {
	top : -10px;
	margin : -20px 0 0 35px;
}

.txt-visa1 {
	margin : -6.2em 0 0 3.5em;
}
.txt-visa2 {
	margin : -7.2em 0 0 3.5em;
}
.txt-visa3 {
	margin : -6.7em 0 0 4em;
}
.txt-visa4 {
	margin : -7.5em 0 0 3.4em;
}

.left-20 { 	margin: 0 0 0 2em; }
.left-40 { 	margin: 0 0 0 4em; }
.left-60 { 	margin: 0 0 0 6em; }
.left-80 { 	margin: 0 0 0 8em; }
.left-100 { 	margin: 0 0 0 10em; }

.mg-x-10 {
	margin : 0 1em ;
}

.p-10 {
	padding : 0.5em;
	
}

.w05 { 	width : 5%; }
.w10 { 	width : 10%; }
.w15 { 	width : 15%; }
.w20 { 	width : 20%; }
.w25 { 	width : 25%; }
.w30 { 	width : 30%; }
.w40 { 	width : 40%; }
.w50 { 	width : 50%; }
.w60 { 	width : 60%; }
.w70 { 	width : 70%; }
.w80 { 	width : 80%; }
.w90 { 	width : 90%; }
.w100 { 	width : 100%; }

.w09em { 	width : 09em; }
.w10em { 	width : 10em; }
.w11em { 	width : 11em; }
.w15em { 	width : 15em; }
.w20em { 	width : 20em; }
.w25em { 	width : 25em; }
.w30em { 	width : 30em; }
.w80em { 	width : 80em; }

/* badges */

.badge {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #777;
	border-radius: 10px;
}

.big-badge {
	font-size: x-large;
}


.bggreylt {
	color: black;
	background-color: gainsboro;
}

.bgred {
	color: white;
	background-color: red;
	text-shadow: 1px 1px 2px black;
}

.bggreen {
	color: black;
	background-color: #73ff73; 
	/* text-shadow: 1px 1px 2px forestgreen; */
	text-shadow: 1px 1px 2px white;
}

.bgorange {
	color: white;
	background-color: orange;
	text-shadow: 1px 1px 2px black;
}

.t-orange {
	color:orange;
}

.t-blue {
	color:mediumblue;
}

.t-green {
	color:green;
}

.t-grey {
	color: rgba(112,112,112,1);
/*	background-color: #73ff73;  */
}

/* ajustement slider */
.img-fluid {
	margin-left:auto;
	margin-right:auto;
	
}


/*  retours neufs   */

.retourstitle h2 {
text-align: center;
	font-family: Segoe UI;
	font-style: normal;
	font-weight: bold;
	font-size: 30px;
	color: rgba(40,53,131,1);	
}

.retourssubtitle {
	text-align: center;
	font-family: Segoe UI;
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	color: rgba(112,112,112,1);
	letter-spacing: -0.2px;
}

.bkgrey {
	
	background-color: rgba(16,16,16,0.078); 
}

.bkdarkgrey {
	
	background-color: rgba(16,16,16,0.378); 
}

.retours-rect-grey {
	background: #10101008 0% 0% no-repeat padding-box;
	border: 1px solid #707070;
	opacity: 1;
}



.retours-ft1 {
   text-align: center;
	font-family: Segoe UI;
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	color: rgba(112,112,112,1);	
}

.retours-ft2 {
   padding-left:15px;
   text-align: left;
	font-family: Segoe UI;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	color: rgba(112,112,112,1);}


.retours-ft3 {
  text-align: center;
  font: normal normal 600 16px/23px Segoe UI;
  letter-spacing: 0px;
  color: #283583;
  opacity: 1;	
}

.retours-ft4 {
  text-align: left;
  font: normal normal bold 16px/23px Segoe UI;
  letter-spacing: 0px;
  color: #E976D6;
  opacity: 1;	
}


.retours-ft5 {
  text-align: center;
  font: normal normal 600 24px/30px Segoe UI;
  letter-spacing: 0px;
  color: #E976D6;
  text-transform: uppercase;
  opacity: 1;	
}

.retours-ft6 {
  text-align: center;
  font: normal normal normal 16px/23px Segoe UI;
  letter-spacing: 0px;
  color: #01030F;
  opacity: 1;
}

.retours-ft7 {
  text-align: left;
  font: normal normal bold 16px/23px Segoe UI;
  letter-spacing: 0px;
  color: #4C026B;
  opacity: 1;	
}

.retours-ft8 {
  text-align: center;
  font: normal normal 600 24px/30px Segoe UI;
  letter-spacing: 0px;
  color: #4C026B;
  text-transform: uppercase;
  opacity: 1;
}

.retours-ft9 {
  text-align: center;
  font: normal normal normal 18px/38px Segoe UI;
  letter-spacing: 0px;
  color: #707070;
  opacity: 1;	
}

.retours-ft10 {
  font: normal normal normal 18px/23px Segoe UI;
	text-align: center;
   letter-spacing: 0px;
   color: #2F9ABB;
   opacity: 1;
}

.brd-10 {
	border: solid 1px  #2F9ABB;
}

.retours-ft11 {
  text-align: center;
  font: normal normal 600 16px/21px Segoe UI;
  letter-spacing: 0px;
  color: #707070;	
}

.retours-ft12 {
  text-align: center;
  font: normal normal 600 14px/18px Segoe UI;
  letter-spacing: 0px;
  color: #707070;	
}

.retours-ft13 {
  font: normal normal normal 18px/23px Segoe UI;
	text-align: center;
   letter-spacing: 0px;
   color: #EEB108;
   opacity: 1;
}

.brd-13 {
	border: solid 1px  #EEB108;
}

.retours-rc1 {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #14131329;
  border: 1px solid #707070;
  border-radius: 5px;
  opacity: 1;	
}

.retours-rc2 {
  background: #10101008 0% 0% no-repeat padding-box;
  border: 1px solid #707070;
  opacity: 1;	
  padding : 15px;
  margin : 2px;
}

.retours-td {
	
	padding:10px;
}
.bggreen-img {
	background-image:url("../img/bouton_vert.png");
   background-repeat: no-repeat;
	background-size: 100%;
	width : 104px;
	height : 43px;
	padding : 0;
	/*margin : -20px 0 0 -10px; */
	margin : 0;
	line-height : 45px;
	vertical-align: text-bottom;
	color : white;
	font-weight: 700;
	font-size:17px;
	text-shadow: -1px -1px 2px darkgreen;
	
}

.bgred-img {
	background-image:url("../img/bouton_rouge.png");
   background-repeat: no-repeat;
	background-size: 100%;
	width : 104px;
	height : 43px;
	padding : 0;
	/*margin : -20px 0 0 -10px; */
	margin : 0;
	line-height : 45px;
	vertical-align: text-bottom;
	color : white;
	font-weight: 700;
	font-size:17px;
	text-shadow: -1px -1px 2px darkred;
	
}

.bgorange-img {
	background-image:url("../img/bouton_orange.png");
   background-repeat: no-repeat;
	background-size: 100%;
	width : 104px;
	height : 43px;
	padding : 0;
	/*margin : -20px 0 0 -10px; */
	margin : 0;
	line-height : 45px;
	vertical-align: text-bottom;
	color : white;
	font-weight: 700;
	font-size:17px;
	text-shadow: -1px -1px 2px darkgoldenrod;
	
}

.bgwhite-img {
   background-color :  rgba(255,255,255,1);
   border : 2px solid rgba(112,112,112,0.5);
   border-radius : 4px;

	width : 104px;
	height : 43px;
	width : 95px;
	height : 39px;
	padding : 0;
	margin :  0px 0px 5px 5px; 
   
  filter: drop-shadow(0px 3px 6px rgba(20, 19, 19, 0.161));	
  line-height : 30px;
  color : rgba(112,112,112,1);
	
	}
	
	
	
/*
.bgwhite-img {
   fill: rgba(255,255,255,1);
	stroke: rgba(112,112,112,1);
	stroke-width: 1px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;

  filter: drop-shadow(0px 3px 6px rgba(20, 19, 19, 0.161));	
	
	}

*/
.max-500 { 	max-width: 500px; margin-left:auto; margin-right:auto; }
.max-550 { 	max-width: 550px; margin-left:auto; margin-right:auto; } 
/*.max-500 { 	max-width: 500px; left:auto; right:auto; background-color: #73ff73; margin-left:auto; margin-right:auto; }
.max-700 { 	max-width: 700px; left:auto; right:auto; background-color: #73ff73; }
.max-800 { 	max-width: 800px; background-color: #73ff73; }
*/


.font-shadow {
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;	
}

.v-top {
	vertical-align: top;
	
}

/*gestion de la table dans le popup infoclient */
.infoclient-label {
	background-color:#281d67;
	color:#f8f9fa;
}

.infoclient-table {
	color:#281d67;
}

.infoclient-formrow {
  margin-left: 3px;
}
/* couleur des toooltips bootstrap-popper */
.tooltip-inner {
  background-color: #281d67;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #281d67;
}

.tooltip.right  .tooltip-arrow {

  border-right-color: #281d67;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #281d67;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #281d67;
}


.infoclient-icon {
  margin-left:6px;
  margin-right:6px;
  margin-top:7px;
}

img.infoclient-icon {
  width: 56px;
  height: 54px;
}

.help-icon {
  margin-left:6px;
  margin-right:0px;
  margin-top:7px;
}

img.help-icon {
  width: 56px;
  height: 54px;
}

.linkdisabled{
  cursor: default;
  pointer-events: none;        
  text-decoration: none;
  color: grey;
}

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

.arrow-down-red {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #f00;
    display: inline-block;
}

.arrow-down-blue {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid blue;
    display: inline-block;
}