/*    start  video responsive   */
/* https://clic-en-berry.com/comment-rendre-vos-integrations-iframe-youtube-responsive/   */
/* https://developer.mozilla.org/fr/docs/Astuces_CSS/Couleurs_et_fonds    */
/* https://informatux.com/news/article/33/ligne-horizontale-a-gauche-et-a-droite-d-un-texte  */
/* https://forum.alsacreations.com/topic-4-43663-1-Ligne-horizontale-de-part-et-dautre-dun-titre-ou-texte.html  */

/*
.traitCenterTitle {
  max-height:2px;
  text-align:center;
  background-color:black;
}
.traitCenterTitle span{
  padding:5px;
  position:relative;
  top:-5px;
  background-color:white;
  text-transform: uppercase;
  font-name:Brandon Grotesque;
}
*/

.fondtranslucide{
	position: absolute;
	top:0px;
	left: 0px;
	background: transparent; /*   yellow   */
/*	opacity:.5;  */
/*	opacity:.5; */
/*	z-index:-2;  */
}

.video-container {
	position: absolute;
  top:30px;
	background: transparent;/* green  transparent    */
/*	padding-bottom: 56.25%;
	padding-top: 30px; */
	height: 450px;  
 	width: 500px;  
	min-height: 100%;
  min-width:100%;
	overflow: hidden;
	//*z-index:2;**/
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	/*opacity:inherit;*/
	position: absolute;
	margin:20px;
	top:30px;
	left: 20px;
	width: 100%;
	height: 100%;
}

.video-wrapper {
	width: 280px;
	max-width: 100%;
}

/*    end  video responsive   */

/*    start  scrollbar vertical de div   */
/* https://stackoverflow.com/questions/48960404/how-to-change-overflow-y-scrollbar-styles   */
.customWelcomeProducts{
    float:left;
    border:solid 0px grey; /* blue */
/*    box-shadow: inset 0 0 5px #ddd;*/
    border-radius: 10px;
    text-align:center;
 /*  background:#feeae3; */
}

.customWelcomeProducts #welcome_products .large-2 {
    /*float:center;*/
    position: relative;
    border:solid 2px grey; /* blue */
/*    box-shadow: inset 0 0 5px #ddd;  */
    border-radius: 10px;
    height: 545px;
    overflow-y: scroll;
    overflow-x: hidden;
   /* background:#feeae3;*/
}

.large-2 {
    margin:10px;
   margin-left:30px;
  height: 300px;
  overflow-y: scroll;
  margin-bottom: 25px; 
  width: 280px;
    background-repeat:no-repeat;
    background-size:100% 100%;
 /*   background-image:url(/appRes/wiw/app/img/s-l300.jpg); */
  /*   margin-left: 30px;  */
  /* float: left;*/
/*  overflow-x: hidden;  */
 /* background: #ccc; */
    /*  #404040  couleur quand on est dessus la barre*/
/* border-radius: 20px; */
}

.force-overflow {
  min-height: 545px;  /*   450px   */
}

/*    start  scrollbar vertical de div   */
/* ne concerne que le scrolling des overflows   */
body::-webkit-scrollbar-track,
.large-2::-webkit-scrollbar-track {
  border: 1px solid #000;
  background-color: #404040;  /*  #404040  couleur de fond  */
  /* padding: 2px 0; */
}
body::-webkit-scrollbar,
.large-2::-webkit-scrollbar {
  width: 10px;/* 10px */
}

body::-webkit-scrollbar-thumb,
.large-2::-webkit-scrollbar-thumb{
  border-radius: 10px;/* 10px */
  box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: red;  /* red    #ddd #737272    */
  border: 1px solid #000;
}



::-webkit-scrollbar {
width: 10px;  /* 10px */
}

::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px #ddd; 
border-radius: 10px;
}

::-webkit-scrollbar-thumb {
background:black; 
border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
background:green;   /* green #aaa#404040 rgb(54, 56, 58) couleur quand on est dessus la barre*/
}
/* ne concerne que le scrolling des overflows   */




	.link-list li {
		padding: 0.2em 0 0.2em 0;
	}

		.link-list li:first-child {
			padding-top: 0 !important;
			border-top: 0 !important;
		}

		.link-list li:last-child {
			padding-bottom: 0 !important;
			border-bottom: 0 !important;
		}


	#content .link-list li {
		border-bottom: solid 1px #e2e6e8;
	}


			.link-list li {
				padding: 0.75em 0 0.75em 0;
			}

	.\-9u {
		margin-left: 75%;
	}
/* ok  ci-dessous  */	   
	.footerIcone{
		margin-right: 5px;
		width:40px;
		vertical-align: middle;
	}