#btn_voir_programmes {
	color: #fff; 
	text-align: center; 
	font-size: 90%; 
	background-color: #089b21; 
	padding: 4px 0px; 
	border-radius: 5px; 
	margin-right: 5px; 
}

#btn_voir_programmes:hover {
	background-color: #e2ba0c;
	text-decoration: none;
}

.stretchHolder {width:1200px; height:50px; margin:auto; position:relative; z-index:100; box-shadow:0 2px 2px rgba(0,0,0,0.8); font-family:arial, sans-serif; }
.stretchMenu {position:absolute; width:1200px; overflow:hidden; }
.stretchDrop {padding:0; margin:0;  list-style:none; width:1200px; position:relative;}
.stretchDrop > li.slide {float:left; width:187px; 
-moz-transition: 0.25s 0.25s;
-ms-transition: 0.25s;
-o-transition: 0.25s;
-webkit-transition: 0.25s;
transition: 0.25s;
}
.stretchDrop > li.last {width:150px; float:left;}
.stretchDrop > li > a {display:block;  line-height:50px; padding-left:10px; color:#ffffff; text-decoration:none; font-size:13px;  }
.stretchDrop > li.slide > a {border-right:1px solid #949ba6;}
.stretchDrop > li.p1 > a {background:#646c79;}
.stretchDrop > li.p2 > a {background:#646c79;}
.stretchDrop > li.p3 > a {background:#646c79;}
.stretchDrop > li.p4 > a {background:#646c79;}
.stretchDrop > li.p5 > a {background:#646c79;}
.stretchDrop > li.p6 > a {background:#646c79;}
.stretchDrop > li.p7 > a {background:#646c79;} 
.stretchDrop > li.p8 > a {background:#646c79;}

.stretchDrop > li.p1 > a,
.stretchDrop > li.p2 > a,
.stretchDrop > li.p3 > a,
.stretchDrop > li.p4 > a,
.stretchDrop > li.p5 > a,
.stretchDrop > li.p6 > a,
.stretchDrop > li.p7 > a,
.stretchDrop > li.p8 > a { /*
background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, rgba(255, 255, 255, 0.7)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, transparent), to(rgba(255, 255, 255, 0.3)));
background-image:-moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:-ms-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:-o-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
-webkit-box-shadow:inset -1px 0 1px rgba(255, 255, 255, 0.4), inset 1px 0 1px rgba(255, 255, 255, 0.4), inset 0 0 10px rgba(255, 255, 255, 0.4);
-moz-box-shadow:inset -1px 0 1px rgba(255, 255, 255, 0.4), inset 1px 0 1px rgba(255, 255, 255, 0.4), inset 0 0 10px rgba(255, 255, 255, 0.4);
box-shadow: inset -1px 0 1px rgba(255, 255, 255, 0.4), inset 1px 0 1px rgba(255, 255, 255, 0.4), inset 0 0 10px rgba(255, 255, 255, 0.4); */
 }

.stretchDrop > li > div {height:0; width:185px; overflow:hidden; position:relative; border-radius:0 0 20px 20px; margin-left:1px;
-moz-transition: height 0.25s;
-ms-transition: height 0.25s;
-o-transition: height 0.25s;
-webkit-transition: height 0.25s;
transition: height 0.25s;
}
.stretchDrop > li.p1 > div {background:#c2542c;}
.stretchDrop > li.p2 > div {background:#c2542c;}
.stretchDrop > li.p3 > div {background:#c2542c;}
.stretchDrop > li.p4 > div {background:#c2542c;}
.stretchDrop > li.p5 > div {background:#c2542c;}
.stretchDrop > li.p6 > div {background:#c2542c;}
.stretchDrop > li.p7 > div {background:#c2542c;}
.stretchDrop > li.p8 > div {background:#c2542c;}

.stretchDrop > li.p1 > div,
.stretchDrop > li.p2 > div,
.stretchDrop > li.p3 > div,
.stretchDrop > li.p4 > div,
.stretchDrop > li.p5 > div,
.stretchDrop > li.p6 > div,
.stretchDrop > li.p7 > div,
.stretchDrop > li.p8 > div {
background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255,0.3), rgba(255, 255, 255,0));
background-image: -webkit-linear-gradient(900deg, rgba(255, 255, 255,0.3), rgba(255, 255, 255,0));
background-image: -ms-linear-gradient(90deg, rgba(255, 255, 255,0.3), rgba(255, 255, 255,0));
background-image: -o-linear-gradient(90deg, rgba(255, 255, 255,0.3), rgba(255, 255, 255,0));
background-image: linear-gradient(90deg, rgba(255, 255, 255,0.3), rgba(255, 255, 255,0));
}
/*
.stretchDrop:hover {direction:ltr;}
.stretchDrop:hover > li.slide {width:145px;
-moz-transition: 0.25s 0.25s;
-ms-transition: 0.25s; 
-o-transition: 0.25s;
-webkit-transition: 0.25s;
transition: 0.25s;
}
.stretchDrop:hover > li.slide:hover {width:185px;
-moz-transition: 0.25s 0.25s;
-ms-transition: 0.25s;
-o-transition: 0.25s;
-webkit-transition: 0.25s;
transition: 0.25s;
}
*/
.stretchDrop:hover > li:hover > div {height:70px; /*
-moz-transition: 0.25s 0.5s;
-ms-transition: 0.25s 1s;
-o-transition: 0.25s 1s;
-webkit-transition: 0.25s 1s;
transition: 0.25s 1s; */
}


.stretchDrop > li > div b {display:block; width:185px; height:50px; background:#888; margin-top:-50px; box-shadow:0 2px 5px rgba(0,0,0,0.8);}
.stretchDrop > li > div dl {width:145px; float:left; padding:5px 10px; margin:12px; font-weight:bold;}
.stretchDrop > li > div dl dt {padding-left:10px; margin-bottom:5px; font-size:13px; line-height:25px; border-bottom:1px dotted #000; }
.stretchDrop > li.p1 > div dl dt {color:#036;}
.stretchDrop > li.p2 > div dl dt {color:#036;}
.stretchDrop > li.p3 > div dl dt {color:#036;}
.stretchDrop > li.p4 > div dl dt {color:#036;}
.stretchDrop > li.p5 > div dl dt {color:#036;}
.stretchDrop > li.p6 > div dl dt {color:#036;}
.stretchDrop > li.p7 > div dl dt {color:#036;}
.stretchDrop > li.p8 > div dl dt {color:#036;}
.stretchDrop > li > div dl dd {padding:0; margin:0;}
.stretchDrop > li > div dl dd a {display:block; color:#273034; font-size:11px; line-height:20px; text-decoration:none; padding-left:10px;}
.stretchDrop > li > div dl dd a:hover {color:#fff; background:rgba(0,0,0,0.3); border-radius:5px;}
#info  {background:#646c79;}
#info .stretchDrop > li > div p {width:145px; height:30px; background:#eee; position:absolute; bottom:5px; left:12px; padding:0 20px; line-height:30px; font-size:12px; margin:0; border-radius:30px;}

/* début rajout */
.stretchDrop:hover > li:hover > a {
	color:#ffffff;
	font-size:100%;
}
.stretchDrop > li.p1:hover > a {background:#c2542d;}
.stretchDrop > li.p2:hover > a {background:#c2542d;}
.stretchDrop > li.p3:hover > a {background:#c2542d;}
.stretchDrop > li.p4:hover > a {background:#c2542d;}
.stretchDrop > li.p5:hover > a {background:#c2542d;}
.stretchDrop > li.p6:hover > a {background:#c2542d;}
.stretchDrop > li.p7:hover > a {background:#c2542d;}
.stretchDrop > li.p8:hover > a {background:#c2542d;}

.slide {
	text-align:center;
}
/* fin rajout*/