/* TEXTE GENERALITES INDEX - TOUT BLOC */

#pavet {
	float: left;
	height: auto;
	width: 318px;
	margin-bottom: 20px;
	border: #E6E6E6 1px solid;
	font-family:'dinpro-light';
	text-decoration: none;
}
.margin_right_20px {
	margin-right: 20px;
}

/* SLIDER PAGE INDEX */
#wowslider-container1 .readmore {
	margin-top:10px;
	color:#333333;
	background:#FFFFFF;
	line-height:14px; 
	text-shadow: 0px 0px 0 #000000;
    opacity: 1.0;    
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-webkit-transition: background 0.3s linear;
    -moz-transition: background 0.3s linear;
    -ms-transition: background 0.3s linear;
    -o-transition: background 0.3s linear;
    transition: background 0.3s linear;
}
#wowslider-container1:hover .readmore {
	margin-top:10px;
	color:#FFFFFF;
	line-height:14px; 
	background:#333333;
	text-shadow: 0px 0px 0 #000000;
    opacity: 1.0;    
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

/* PAGE INDEX - BLOC BLEU > INFORMATION */
#bloc_bleu {
	padding: 10px;
}
#bloc_bleu div#img { /*
	display:block; margin: 0 auto; 
	background-image: url('../_images/_index/test1.jpg'); background-repeat: no-repeat; text-decoration: none; width:100%; height:168px;
	opacity:0.4;
	filter:alpha(opacity=40);*/ /* For IE8 and earlier */
}
#bloc_bleu img{
	text-decoration: none; 
	width:100%; 
	border: 0px;
}
#bloc_bleu:hover{
	background: #3399FF;
}
#bloc_bleu:hover div#img {
	/*opacity:1.0;s
	filter:alpha(opacity=100);*/ /* For IE8 and earlier */
}
#bloc_bleu:hover .blanc {
	color:#FFFFFF;
}
#bloc_bleu .readmore {
	background:#999999;
}
#bloc_bleu:hover .readmore {
	color:#3399FF;
	background:#FFFFFF;
}

/* PAGE INDEX - BLOC ROUGE > PROGRAMME */
#bloc_rouge {
	padding: 10px;
}
#bloc_rouge img{
	text-decoration: none; 
	width:100%; 
	border: 0px;
}
#bloc_rouge:hover{
background: #FF0066;
}

#bloc_rouge .readmore {
	background:#999999;
}
#bloc_rouge:hover .readmore {
	color:#FF0066;
	background:#FFFFFF;
}
#bloc_rouge:hover .blanc {
	color:#FFFFFF;
}

/* PAGE INDEX - BLOC ORANGE > CATALOGUE */
#bloc_orange {
	padding: 10px;
}
#bloc_orange img{
	text-decoration: none; 
	width:100%; 
	border: 0px;
}
#bloc_orange:hover{
	background: #FF7A04;
}
#bloc_orange .readmore {
	background:#999999;
}
#bloc_orange:hover .readmore {
	color:#FF7A04;
	background:#FFFFFF;
}
#bloc_orange:hover .blanc {
	color:#FFFFFF;
}

/* PAGE INDEX - BLOC VERT > COLLABORATION */
#bloc_vert {
	display:inline-block;
	padding: 10px;
}
#bloc_vert img{
	text-decoration: none; 
	width:100%; 
	border: 0px;
}
#bloc_vert:hover{
	background: #33CC99;
}
#bloc_vert .readmore {
	background:#999999;
}
#bloc_vert:hover .readmore {
	color:#33CC99;
	background:#FFFFFF;
}
#bloc_vert:hover .blanc {
	color:#FFFFFF;
}

/* PAGE INDEX - BLOC MAUVE > IMAGE LAB */
#bloc_mauve {
	padding: 10px;
}
#bloc_mauve img{
	text-decoration: none; 
	width:100%; 
	border: 0px;
}
#bloc_mauve:hover{
	background: #C935CB;
}
#bloc_mauve .readmore {
	background:#999999;
}
#bloc_mauve:hover .readmore {
	color:#C935CB;
	background:#FFFFFF;
}
#bloc_mauve:hover .blanc {
	color:#FFFFFF;
}


/* PAGE INDEX - BLOCK NEWSFEED*/
#blocknewsfeed  {
	position:relative;
	float:left;
	height: 320px;
	width: 301px;
	margin-bottom: 20px;
	margin-right: 20px;
	background-color: #f0f0f0;	
	border: 0px;
	font-family:'dinpro-light';
	text-decoration: none;
	padding: 10px;
}
#blocknewsfeed:hover{
	background: #666666;
}
#blocknewsfeed .readmore2 {
	display: none;
	visibility:hidden;
	background:#666666;
}
#blocknewsfeed:hover .readmore2 {
    display:inline;
	visibility:visible;
	color:#666666;
	background:#FFFFFF;
}
#displaynewsfeed {
	z-index: 499;
	position:absolute;
	top:7px;
	left: 13px;
	width: 290px;
	height: 300px;
	overflow:auto;
		hyphens: none;
		-webkit-hyphens: none;
		-moz-hyphens: none;
		-ms-hyphens: none;
		-o-hyphens: none;
}

#blocknewsfeed:hover #displaynewsfeed {
	z-index: 499;
	display: none;
	visibility:hidden;
}
#blocknewsfeed .popmesg {
   z-index: 500;
   display: none;
   font-family:'dinpro-light';
   font-size: 45px;
   line-height:40px; 
   color: #FFFFFF;
}
#blocknewsfeed .popmesg A {
   z-index: 500;
   color: #FFFFFF;
}
#blocknewsfeed:hover .popmesg {
   z-index: 500;
	display:inline;
	visibility:visible;
}

/*
#displaynewsfeed::-webkit-scrollbar { 
    display: none; 
}
*/

#blocknewsfeed .titre_news_med {
	color:#333333;
	font-size: 30px;
	line-height: 32px;
}

#blocknewsfeed .titre_news {
display:none;
}

#blocknewsfeed .date_news {
display:none;
font-family: "dinpro-medium";
font-size: 12px;
line-height: 25px;
color: #666;
background-color: #ccc;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 3px;
padding-right: 3px;
}
	
#blocknewsfeed .model3_img	{
display:none;
}

#blocknewsfeed #labatxt {
color:#333333;
line-height: 22px;
}

#blocknewsfeed .readmore_news{
display:none;
}

/* PAGE INDEX - BLOCK FACEBOOK */
#blockfb  {
	z-index:500;
	position:relative;
	float:left;
	height: 320px;
	width: 301px;
	margin-bottom: 20px;
	margin-right: 20px;
	background-color: #f0f0f0;	
	border: 0px;
	font-family:'dinpro-light';
	text-decoration: none;
	padding: 10px;
}
#blockfb:hover{
	z-index:500;
	background: #666666;
}
#blockfb .readmore2 {
	display: none;
	visibility:hidden;
	background:#666666;
}
#blockfb:hover .readmore2 {
    display:inline;
	visibility:visible;
	color:#666666;
	background:#FFFFFF;
}
#showfb{
		z-index:500;

	position: absolute;
	top:5px;
	left:5px;
}
#blockfb:hover #showfb{
	display: none;
	visibility:hidden;
}
#blockfb .popmesg {
   display: none;
   font-family:'dinpro-light';
   font-size: 45px;
   line-height:40px; 
   color: #FFFFFF;
}
#blockfb .popmesg A {
   color: #FFFFFF;
}
#blockfb:hover .popmesg {
	display:inline;
	visibility:visible;
}
/*#blockfb:hover #fb-root{
	display: none;
	visibility:collapse;
}
#blockfb:hover .fb-like-box{
	display: none;
	visibility:collapse;
}*/

/* PAGE INDEX - BLOCK TWITTER */
#blocktwitter {
	position:relative;
	float:left;
	height: 320px;
	width: 301px;
	margin-bottom: 20px;
	margin-right: 0px;
	background-color: #f0f0f0;	
	border: 0px;
	font-family:'dinpro-light';
	text-decoration: none;
	padding: 8px;
}
#blocktwitter:hover{
	background: #666666;
}
/*#blockfb .readmore2 {
	background:#666666;
}
#blockfb:hover .readmore2 {
	color:#666666;
	background:#FFFFFF;
}*/
#showtwitter {
	position:absolute;
	z-index: 101;
	float: left;
	top:10px;
	height: auto;
	width: 298px;
	margin-bottom: 20px;
	margin-right: 20px;
	padding: 0px;
	/*[if IE]>
	visibility:hidden;
	<![endif]*/
}

#showimgIE9twitter {
	z-index: 100;
	position:absolute;
	height: 300px;
	width: 280px;
}
#blocktwitter:hover #showimgIE9twitter  {
	display: none;
	visibility:hidden;
}

#showimghackfacebook {
	z-index: 100;
	position:relative;
	height: 300px;
	width: 280px;
}
#blockfb:hover #showimghackfacebook  {
	display: none;
	visibility:hidden;
}

/*
[if !IE]>
#showimgIE9twitter{
   	display: none;
	visibility:hidden;
}
<![endif]

/*#showimgIE9twitter img{
	[if !IE]> display: none; visibility:hidden;<![endif]
}*/
#blocktwitterlink {
	display: none;
	position:absolute;
	float: left;
	top:2px;
	height: auto;
	width: 298px;
	margin-bottom: 20px;
	margin-right: 20px;
	padding: 0px;
}
/*
#showtwitterlink:hover{
	display: inline;
}

#showtwitter A{
	position:absolute;
	float: left;
	top:2px;
	height: auto;
	width: 298px;
	margin-bottom: 20px;
	margin-right: 20px;
	padding: 0px;
}
#showtwitterlink A{
	display: none;
}
#blocktwitter:hover A{
	display: inline;
}

#showtwitterlink:hover {
	display: inline;
}
*/
#blocktwitter #showtwitter {
	display:inline;
	visibility:visible;
}
#blocktwitter #showtwitter {
	display:inline;
	visibility:visible;
}
#blocktwitter:hover #showtwitter{
	display: none;
	visibility:hidden;
}
#blocktwitter:hover #showtwitter {
	display: none;
	visibility:hidden;
}
#blocktwitter .popmesg {
   display: none;
   font-family:'dinpro-light';
   font-size: 45px;
   line-height:40px; 
   color: #FFFFFF;
}
#blocktwitter .popmesg  A {
   color: #FFFFFF;
}
#blocktwitter:hover .popmesg  {
   display:inline;
}
#blocktwitter .readmore2 {
	display: none;
	background:#666666;
}
#blocktwitter:hover .readmore2 {
    display:inline;
	color:#666666;
	background:#FFFFFF;
}

/* PAGE INDEX - VIDEO AU HASARD */
#blocvideo1 {
	position:relative;
	float:left;
	height: auto;
	width: 960px;
	margin-bottom: 20px;
	margin-right: 0px;
	background-color: #CCCCCC;	
	border: 0px;
	font-family:'dinpro-light';
	text-decoration: none;
	padding: 20px;

}
#blocvideo2 {
	position:relative;
	float:left;
	overflow:hidden;
	vertical-align:middle;
	height: 172px;
	width: 306px;
	background-color: #CCCCCC;	
	border: 0px;
	font-family:'dinpro-light';
	text-decoration: none;
}
.indexvideo16 {
	position:absolute;
	float:left;
	top: 125px;
	left: 53px;	
	width:245px;
	height: 45px;
	font-size: 16px;
	color: #E6E6E6;
	/* insère '...' si le texte excède le bloc */
	white-space: nowrap;
	word-wrap: normal;
	overflow:hidden; 
		hyphens: none;
		-webkit-hyphens: none;
		-moz-hyphens: none;
		-ms-hyphens: none;
		-o-hyphens: none;
			text-overflow:ellipsis;	
			-o-text-overflow: ellipsis;
			-ms-text-overflow: ellipsis;
			-moz-text-overflow: ellipsis;
			-webkit-text-overflow: ellipsis;
	
	/* ombre texte */
	text-shadow: 1px 1px 0 #333333;
    opacity: 1.0;    
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

/*.stripbackground {
	position:absolute;
	float:left;
	top: 120px;
	left:0px;
	width:306px;
	height:53px;
	color:#333333;
	font-family:'dinpro-light';
	font-size: 15px;
	padding: 0px;
	/* transition */
/*	opacity: 0.0;    
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=00);
	-webkit-transition: opacity 0.5s linear;
    -moz-transition: opacity 0.5s linear;
    -ms-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
}
#blocvideo2:hover .stripbackground {
	z-index: 200;
    display:inline;
	visibility:visible;
	background:#000000;
	opacity: 0.3;    
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
}*/
#blocvideo2 img{
	position: relative;
	text-decoration: none; 
	width:100%; 
	border: 0px;
	opacity: 0.99;    
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99);
	-webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}
#blocvideo2:hover img{
	text-decoration: none; 
	width:100%; 
	border: 0px;
	opacity: 0.8;    
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
.readmoreplay {
	position:absolute;
	float:left;
	top: 134px;
	left: 10px;
	/*vertical-align:middle;*/
	-moz-height: 20px;
	font-family:'dinpro-medium';
	font-size: 20px;
	text-transform: uppercase; 
	padding-right: 8px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	/* rounded corners */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* transition */
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}
@-moz-document url-prefix(){
	.readmoreplay {height: 21px;}
}
#blocvideo2 .readmoreplay {
	color:#333333;
	background:#FFFFFF;
	opacity: 0.5;    
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}
#blocvideo2:hover .readmoreplay {
	color:#FFFFFF;
	background:#CCCCCC;
	opacity: 1.0;    
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
#blocvideo2:hover .indexvideo16 {
	color: #FFFFFF;
}

/* PAGE INDEX - AVANTAGE MEMBRES */
#blocexclumembre1 {
	position:relative;
	float:left;
	height: auto;
	width: 960px;
	margin-bottom: 60px;
	margin-right: 0px;
	background-color: #CCCCCC;	
	border: 0px;
	font-family:'dinpro-light';
	text-decoration: none;
	padding: 20px;
}
#blocexclumembre2 {
	position:relative;
	float:left;
	overflow:hidden;
	height: auto;
	width: 306px;
	background-color: #CCCCCC;	
	border: 0px;
	font-family:'dinpro-light';
	text-decoration: none;
	vertical-align:middle;
}
#blocexclumembre2 img{
	text-decoration: none; 
	width:100%; 
	border: 0px;
	opacity: 0.99;    
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99);
	-webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}
#blocexclumembre2:hover img{
	text-decoration: none; 
	width:100%; 
	border: 0px;
	opacity: 0.8;    
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
#blocexclumembre2 .readmoreplay {
	z-index: 201;
	background:#FFFFFF;
	opacity: 0.5;    
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.indexeclu16 {
	position:absolute;
	float:left;
	top: 125px;
	left: 10px;	
	width: 200px;
	height: 45px;
	font-size: 16px;
	color: #E6E6E6;
	/* ombre texte */
	text-shadow: 1px 1px 0 #333333;
    opacity: 1.0;    
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
/*#blocexclumembre2:hover .readmoreplay {
	color:#FFFFFF;
	background:#CCCCCC;
	opacity: 1.0;    
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}*/
#blocexclumembre2:hover .indexeclu16 {
	color: #FFFFFF;
}
#blocexclumembre2:hover .stripbackground {
    display:inline;
	visibility:visible;
	background:#000000;
	opacity: 0.3;    
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
}
.readmore3 {
	position:absolute;
	float: left;
	top: 142px;	
	left:220px;
	color:#333333;
	font-family:'dinpro-medium';
	font-size: 10px;
	text-transform: uppercase; 
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#blocexclumembre2 .readmore3 {
	background:#FFFFFF;
	opacity: 0.5;    
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;

}
#blocexclumembre2:hover .readmore3 {
	color:#000000;
	background:#FFFFFF;
	opacity: 1.0;    
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.stickertopleft {
z-index:300;
	position:absolute;
	float:left;
	color:#FFFFFF;
	background-color: #000000;
	font-family:'dinpro-medium';
	font-size: 12px;
	text-transform: uppercase; 
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	top: 0px;
	left: 0px;
}