/*########################################################
 *                                style.css
 *                            -------------------
 *   begin                : Fevrier 2012
 *   copyright            : (C) 2012 TVCloud.fr
 *   email                : contact@tvcloud.fr
 *
 *
#########################################################
 *
 *   Ce script appartient à TVCloud.
 *   Reproduction interdite sans autorisation.
 *
#########################################################
 *
 *   Fichier de style
 *
#########################################################*/

/* ----------------------------------------------------- 
*
*	Initialisation du la page
*
*  ----------------------------------------------------- */
* {
    outline: 0;
}

body, h1, h2, h3, h4, h5, h6, img, fieldset {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    font-family: "Myriad Pro", Helvetica ,"Droid Sans", Arial, serif;
    font-size: 13px;
    color: #4d5154;
   
    
    
}
body{padding:38px 0px 0 0; background: #1a1a1a;}

img {
    margin: 0;
    padding: 0;
    border: 0;
}
a {
    text-decoration: none;
    color: #058bf5;
}
h1 {
	font-size: 15px;
	padding: 0px;
    margin: 0 auto;
    color: #fff;
	font-family: 'Oxygen';
	font-weight: normal;
	padding-left:10px;
    
}

.h1-wrapper h1{
	width: 960px;
	color:#423c3c;
	font-family: 'Oxygen';
}

h1 .more{
	float:right;
	font-weight:normal;
	background-color:#f9f6f1;
	border-radius: 4px;
	padding:5px;
	margin-right:12px;
	font-size: 12px;
	margin-top:-5px;
}
h2 {
	color:#058bf5;
	font-size:16px;
	
}

.popin h1 {
	margin-left: -10px;
  font-family: inherit;
  font-weight: bold;
  color: inherit;
  text-rendering: optimizelegibility;
  font-size: 30px;
  line-height: 36px;
  font-weight: normal;
    
}

.error-caution, .error-neutre{
	font-size: 15px;
	background: rgba(120,0,0,0.5);
	padding: 10px;
	border-radius: 4px;
	text-shadow: 0px -1px 1px #000;
	color: #fff;
	-webkit-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.3);
	text-transform: uppercase;
	margin:10px;
}
.error-neutre{
	font-size: 15px;
	background: rgba(0,0,0,0.3);
	-webkit-box-shadow: none;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.3);
	}
.error-empty{
	background: url(../images/icons/icons-no-statut.gif) no-repeat;
	height: 100px;
	width: 300px;
	padding-left: 110px;
	font-size: 40px;
	color: #666;
	margin: auto;
	text-align: center;
	text-shadow: 1px -1px 0px rgba(255,255,255,1);
    filter: dropshadow(color=#ffffff, offx=1, offy=-1);
    opacity: 0.3;
}
.error-empty a{
	text-decoration: underline;
	color: #666;
}
.lion-texture .error-empty{
	text-shadow: 1px -1px 0px rgba(0,0,0,1);
    filter: dropshadow(color=#000000, offx=1, offy=-1);
    color: #999;
}

.error-empty span{
	font-size: 26px;
	display: block;
}

.error-empty.serie{
	background-position: 0px -100px;
}
.error-empty.calendar{
	background-position: 0px -200px;
}
.error-empty.news{
	background-position: 0px -300px;
}
.error-empty.challenge{
	background-position: 0px -500px;
}
.lion-texture .error-caution{color:#ccc;}
sub { vertical-align: sub; font-size: 70%; color:#999 } 
sup { vertical-align: super }

/* ----------------------------------------------------- 
*
*	Mise en place de la structure principale
*
*  ----------------------------------------------------- */

@media screen{
    body>div#header{
    	position:fixed;
    }
    
body>div#right-sidebar{
    	position:fixed;
    }
}
* html body{
    overflow:hidden;
} 

* html div#content, * html div#content-serie{
    height:100%;
    margin-top:40px;
    overflow:auto; 
    
}

.content,.content-serie{
    width: 960px;
    margin: 0 auto;
}


/*------------------------ HEADER -----------------------*/
div#header{
	position:absolute;
    top:0;
    left:0;
    width:100%;
    height:74px;
    background: #423c3c;
    border-bottom: solid 1px #222;
    -webkit-box-shadow: 0 5px 5px -2px rgba(68,68,68,0.2);
	-moz-box-shadow: 0 5px 5px -2px rgba(68,68,68,0.2);
	box-shadow: 0 5px 5px -2px rgba(68,68,68,0.2);
	font-family: 'Oxygen';
	z-index: 999;
}
   
   
    
div#header-top{

    height: 38px;
    background-color: #8ec72b;
    background-image: -moz-linear-gradient(top, #8ec72b, #57a423); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #8ec72b),color-stop(1, #57a423)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#8ec72b, #57a423); /* Chrome 10+, Saf6 */
    background-image: linear-gradient(top, #8ec72b, #57a423);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8ec72b', EndColorStr='#57a423'); /* IE6–IE9 */
    border-bottom: solid 1px #2b2e30;
    
	text-shadow: 1px 1px 1px #777;
	font-size:15px;
	line-height: 38px;
	color: #ffffff;
	
}


#header-top  ul li  a, #header-top .signed-in  a, #header-top .signed-in-notice  a {
    color: #ffffff;
    margin-left: 5px;
    display: block;
    float: left;
    padding: 0 10px;
}
#header-top  ul  li:hover {
}
#header-top  ul  li  a.current {
    background-color: #000;
    color: #fbfbfb;
}

#header-top .main-pages {
    margin-left: 10px;
    float: left;
    position: relative;
}

#header-top ul {
    list-style: none;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 900;
}
#header-top ul li {
    position: relative;
    float: left;
}

#header #search, #right-sidebar #sidebar-search{
	position:relative;
	padding-left:24px;
	padding-right:10px;
	color:#7bb917;
	background:#e3e3e3 url(../images/icons/search-small.png) no-repeat 5px 5px;
	border-bottom:solid 1px #fff;
	height:22px;
	border: none;
	z-index:3;
}

#header #recherche a {
	color: #4D5154;
}

#header #recherche ul{
	padding-bottom: 4px;
}
#header #search {
	margin-top:4px;
	padding-top:2px;
	float:right;
	border-radius: 4px;
	width:300px;  
	margin-right:10px;
}

#header-title{
	width:500px;
	color:#b3afa7;
	float:left;
	font-size:20px;
	margin-top:6px;
	margin-left:-120px;
	text-shadow: 1px 1px 1px #333;
}
#header-title a{color:#7BB917;}

#header #right-icons{
	float:right;
	padding-right:5px;
	position: relative;
}

#header #right-icons #notifs, #header #right-icons #settings, #header #right-icons #help {
	float:right;
	list-style: none;
	margin:4px;
	height:28px;
	width:28px;
	background-image:url(/template/images/icons/icons-menu.png);
	cursor: pointer;
}
#header #right-icons #notifs{
	background-position: 0px 0px;
}
#header #right-icons #help{
	background-position: 28px 0px;
}
#header #right-icons #settings{
	background-position: 56px 0px;
}

#header #right-icons #notifs:hover, #header #right-icons #notifs.current{
	background-position: 0px 28px;
}
#header #right-icons #help:hover, #header #right-icons #help.current{
	background-position: 28px 28px;
}

#header #right-icons #settings:hover, #header #right-icons #settings.current{
	background-position: 56px 28px;
}

#header #right-icons #icons:hover,#header #right-icons .current{background-position-y: -28px;}
#notif-box, #settings-box{
	width:320px;
	position:absolute;
	background:#FFF;
	top:43px;right:30px;
	z-index:100;
	border-radius: 5px;
	border:1px solid #e0e0e0;
	-webkit-box-shadow: 0px 0px 10px 2px rgba(000, 000, 000, 0.3);
	box-shadow: 0px 0px 15px 2px rgba(000, 000, 000, 0.3);
	display:none;
}
#settings-box{
	right:-10px;	
}
#notif-box #pointe, #settings-box #pointe{position:absolute;right:18px;top:-12px;}
#notif-box #title, #settings-box #title{
	font-size:14px;margin-left:10px;color:#666;text-shadow:none ;
}
#notif-box li, #settings-box li{
	width:320px; 
	padding-top:5px;
	min-height:23px;
	border-top:1px solid #efeff0;
	font-size:12px;
	text-shadow: none;
	color: #000;
	line-height: normal;
	list-style: none;
	color:#878D95;
	position:relative;
	cursor: pointer;
}
#header #notif-box li{
	min-height:55px;
}
 #settings-box li{
	min-height:20px;
	padding-left:20px;
	width:300px; 
}

#statutForm #notif-box span, #statut #settings-box span{float:left;margin:-4px 3px;}
#notif-box .new, #settings-box .new{
	background-color:#e5f2ff;
	border-top:1px solid #e0e0e0;
}
#notif-box li:hover , #settings-box li:hover{
	background-color:#0588f5;
	background-image: -moz-linear-gradient(top, #058bf5, #015ce6); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #058bf5),color-stop(1, #015ce6)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#058bf5, #015ce6); /* Chrome 10+, Saf6 */
    background-image: linear-gradient(top, #058bf5, #015ce6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#058bf5', EndColorStr='#015ce6'); /* IE6–IE9 */
    color:#bbb;
}

#notif-box li.hover, #settings-box li.hover{
	background-color:#0588f5;
	background-image: -moz-linear-gradient(top, #058bf5, #015ce6); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #058bf5),color-stop(1, #015ce6)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#058bf5, #015ce6); /* Chrome 10+, Saf6 */
    background-image: linear-gradient(top, #058bf5, #015ce6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#058bf5', EndColorStr='#015ce6'); /* IE6–IE9 */
    color:#bbb;
}

#statutForm #notif-box li:hover, #settings-box li:hover{color:#fff;}
#notif-box li img , #settings-box li img{
	float:left;
	height:50px;
	border-radius: 5px;
	margin:5px;
	margin-top:0px;}

#header #notif-box li span, #settings-box li span{
	color:#4D5154; 
	display: block;
	position: absolute;
	bottom:4px;
	left:60px;
}

#header #notif-box li strong, #settings-box li strong{color:#058bf5;font-weight: normal}

#header #notif-box li:hover span, #header #notif-box li:hover a, #header #notif-box li:hover strong{
color:#fff;
}


/*----------------------- SIDEBAR -----------------------*/
div#right-sidebar{
    position:absolute;
    top:38px;
    right:0;
    width:200px;
    height:100%;
    background-color: #ecebe8;
    -webkit-box-shadow: 0 8px 6px 2px rgba(68,68,68,0.3);
	-moz-box-shadow: 0 8px 6px 2px rgba(68,68,68,0.3);
	box-shadow: 0 8px 6px 2px rgba(68,68,68,0.3);
	display:none;
	z-index: 1000;

}

.slide-sidebar{
	height:100px;
	list-style: none;
	padding: 0px;
	margin:0px;
	
}

.slide-sidebar a{
	height:100%;
}

.slide-sidebar li{
	clear:both;
	height:35px;
	line-height: 10px;
	padding-top: 4px;
	line-height: 13px;
	font-size: 13px;
	border-bottom: solid 1px #efeff0;
	margin-right:-12px;
}

.slide-sidebar li:hover{
	background: #fff;
}


.slide-sidebar li.hover{
	background: #fff;
}

.slide-sidebar li:hover span.item-bubble{
	color:#333;
}

.text-sidebar small {
	color:#888d95;
	font-family: 'Oxygen';
}

.text-sidebar{
	padding-top:2px;
	margin-left:38px;
}
.text-sidebar, .text-sidebar a, .text-sidebar a:visited{
	color: #4d5154;
	font-family: 'Oxygen';
}

#right-sidebar #sidebar-search{
	position:fixed;
	bottom:0;
	right:0;
	width:170px;
	height:24px;
	background-color:#fff;
	border-top:solid 1px #9b9b9b;
	padding-right:5px; 
}

.title-sidebar{
	color:#b3afa7;
	height:18px;
	background-color: #423c3c;
	padding:9px;
	font-size: 14px;
	border-bottom:solid 1px #33373d;
	font-family: 'Oxygen';
    
}

.title-sidebar .sidebar-logo{	
	position: absolute; 
	margin-left:-32px;
	margin-top: -12px;
}

.title-bubble{
	
	float:right;color:#423c3c;
	padding:3px 6px;
	background:#b3afa7; 
	font-size:12px;
	margin-top:-2px;border-radius:10px;
	text-shadow: none;

	
}

.item-bubble{
	
	float:right;color:#fff;padding:1px 5px 0px 5px; font-size:10px;margin-top:-3px;border-radius:10px;
	position:absolute;
	right:10px;
	margin-top:13px;
	border:solid 1px #efeff0;
	color: #aaa;
	background: #fff;
	
}

#user{
	position:absolute;
	top:0;
	right:0;
	width:201px;
	margin-top:3px;
	display: none;
}
#user p{
	float:left;margin-top:-3px;margin-left:5px;
}




/*----------------------- CONTENT -----------------------*/
#content, #content-serie {
	margin-top:37px;
}

#content-serie {
	padding-right:200px;
}


/* ----------------------------------------------------- 
*
*	Wrappers
*
*  ----------------------------------------------------- */
.main-wrapper, .main-wrapper-translucide {
    min-width: 980px;
   	background: #f9f6f1;
   	padding-top: 20px;
   	padding-bottom:20px;
    -webkit-box-shadow: 0 8px 6px -2px rgba(68,68,68,1);
	-moz-box-shadow: 0 8px 6px -2px rgba(68,68,68,1);
	box-shadow: 0 8px 6px -20px rgba(68,68,68,1);

}
.main-wrapper-translucide {
	padding:10px;
	width:960px;
	min-width:960px;
	background:none;
}

.serie-wrapper {
    background-color: #e8e8dc;
    min-width: 980px;
   	padding-top: 20px;
    padding-bottom:20px;
    height:226px;
    background: #fcfcfc url(../images/background/black.jpeg) repeat;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 18% 20%;
    position:relative;
    
}

.h1-wrapper {
    /*background-color: #058bf5;*/
    background: #ecebe8;
	-webkit-box-shadow: 0 5px 5px -2px rgba(68,68,68,0.2);
	-moz-box-shadow: 0 5px 5px -2px rgba(68,68,68,0.2);
	box-shadow: 0 5px 5px -2px rgba(68,68,68,0.2);
   	padding-top: 10px;
    padding-bottom:7px;
    height: 19px;
}
.header-episode {
	background-repeat: repeat;
	background-size: auto;
	height: 270px;
    
}

#topResume {
	position:fixed;top:74px;z-index:99;width:100%;
}

/*----------------------- TEXTURES ----------------------*/
.lion-texture {
	background: #f1f1f1 url(../images/background/black.jpeg) repeat;
	border: none;

}

/* ----------------------------------------------------- 
*
*	Images (rounded, shadows ...)
*
*  ----------------------------------------------------- */
.rounded-img2 {
	background-color: #ddd;
	display: inline-block;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .2), 0 -1px 0 rgba(0, 0, 0, .6);
	-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .2), 0 -1px 0 rgba(0, 0, 0, .6);
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .2), 0 -1px 0 rgba(0, 0, 0, .6);
	margin:auto;
}
.avatar-sidebar{
	display: inline-block;
	overflow: hidden;
	border-radius: 4px;
	float:left;
	margin-left:4px;
	height:30px;
	width:30px;
	
}
#user a{
	color: #fff;
}
.image-preview{
	padding:4px;
	border-radius: 4px;
	display: inline-block;
	margin-right:1px;
	padding-bottom:1px;
	margin-bottom:10px;
	position:relative;
}
.image-preview .small{
	width:130px;
	height:130px;
}
.vu, .image-preview .add{
	position:absolute;
	height:61px;
	width:35px;
	background:url(../images/icons/bandeau.png) no-repeat 0px -1px;
	right:10px;
	top:-1px;
}

.image-preview .add{
	background-position: -35px -1px;
}
.image-preview, .image-preview a, .image-preview a:visited{
	color:#b3afa7;
	-webkit-transition: background 0.1s linear;
	-moz-transition: background 0.1s linear;
	-o-transition: background 0.1s linear;
	transition: background 0.1s linear;
}
.image-preview:hover a {
	color:#FFF;
}
.lion-texture .image-preview{
	color:#aaaaaa;
}
.image-preview:hover, .image-preview:hover .image-preview{
	background-color:#0588f5;
    cursor: pointer;
    color: #ffffff;
    
}
.image-preview:active, .image-preview:active .image-preview{
	background-color: #8ec72b;
	color:white;
}


.mini-preview{
	width:109px;
	height:80px;
	float:left;
	background-color: #f9f6f1;
	background-size:auto 100%;
	margin: 1px;
	position: relative;
	background-position: center center;
	color:#ccc;
}
.mini-preview:hover{
	color:#fff;
	width:105px;
	height:76px;
	border: solid 2px #058bf5; 
	background-size:auto 80px;
	background-position: center center;
	
}
.mini-preview:hover span{
	background: rgba(0,0,0,0.5);
	position: absolute;
	bottom:-2px;
	left:-2px;
	padding: 3px;
	display: block;
	
}

.mini-preview .vu{
	position:absolute;
	height:37px;
	width:21px;
	background:url(../images/icons/bandeau.png) no-repeat 0px -1px;
	background-size: 200% 100%;
	right:10px;
	top:-1px;
	
}

.mini-preview span{
	background: rgba(0,0,0,0.5);
	position: absolute;
	bottom:0px;
	padding: 3px;
	display: block;
	
}



/* ----------------------------------------------------- 
*
*	Mur
*
*  ----------------------------------------------------- */
.invisible-input{border:none;background:none;width:100%;box-shadow: none;}
#wall{
margin-top:-15px;
margin-bottom:30px;
}

#wall #left{
	width: 475px;
	float:left;
		
}
#wall #right{
	position:relative;
	float:right;
	width: 475px;
	padding-left:10px;
	
}

#wall #center {
	margin-top:110px;
	margin-left:auto;
	margin-right:auto;
	float:none;
	width: 475px;
}

#wall #right #separator{
	background-color: #ffffff;
	height:100%;
	position: absolute;
	width:5px;
	border-radius:3px;
	margin-left:-15px;
	margin-top:20px;
}

#wall .statutDyn {
	width:473px;
}


#pagination
{
	margin-bottom: 20px; 
	width: 90px; 
	margin-left: auto; 
	margin-right: auto; 
	font-size: 16px; 
	display: block; 
	opacity: 1;
}
.statut{
	padding: 13px; margin: 0px; 
	position: relative; 
	margin-top:6px; 
	width:447px;
	border:1px solid #ecebe8;
	
	-webkit-border-radius: 1px;
	border-radius: 2px;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05);
	background: #fff;
	
	-webkit-box-shadow: 0 5px 5px -2px rgba(68,68,68,0.2);
	-moz-box-shadow: 0 5px 5px -2px rgba(68,68,68,0.2);
	box-shadow: 0 5px 5px -2px rgba(68,68,68,0.2);
}

#actionCard .statut {
	border: solid 2px #8ec72b;
} 

.statut:hover{
	background: #fff;
}

.statut-mini{
	margin-top:6px;
	background:#f9f6f1;
	border:1px solid #ecebe8;
	padding:10px;
	
	-webkit-border-radius: 1px;
	border-radius: 2px;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05);
	background: #fff;
	
	-webkit-box-shadow: 0 5px 5px -2px rgba(68,68,68,0.2);
	-moz-box-shadow: 0 5px 5px -2px rgba(68,68,68,0.2);
	box-shadow: 0 5px 5px -2px rgba(68,68,68,0.2);
}
.statut-mini img{
	margin-right:8px;
	margin-left:8px;
	margin-top:-8px;
}

#actionCard .statut-mini {
	border: solid 2px #8ec72b;
} 

.statut .delete
{
	top:5px;
	right:6px;
	position:absolute;
}

.statut .critique{
	word-wrap: break-word;
	font-family: "Oxygen";
	font-size: 18px;
	color: #423c3c;
	zoom: 1;
	margin:0px;
	
}
.statut .description, .statut .suggest{
	font-size:12px;
	
	color: #b3afa7;
	font-family: arial;
	display: inherit;
	line-height:12px;
	margin-top:2px;
}

.statut .suggest{
	font-size: 15px;
	padding:7px;
	padding-right:0px;
	line-height: 17px;
	background: rgba(228, 242, 255, 0.2);
	-webkit-box-shadow: inset 0px 0px 40px 0px rgba(228, 242, 255, 1);
box-shadow: inset 0px 0px 40px 0px rgba(228, 242, 255, 1);
	
}

.statut-footer{
	height:60px;
	margin-top:10px;
	/*background: url(../images/background/statut-shadow.png) no-repeat 0px 45px;*/
	margin-bottom:-29px;
	margin-left:-10px;
	padding-left:10px;
	margin-right:-20px;
	padding-right:20px;
	z-index:0;
}
.statut .multi-bar { 
	background: #ecebeb; 
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f3f2f2,endColorstr=#ecebeb);  
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f3f2f2,endColorstr=#ecebeb)";  
	background: -moz-linear-gradient(top, #f3f2f2, #ecebeb) ; 
	background: -webkit-gradient(linear,left top, left bottom,from( #f3f2f2),to( #ecebeb)); 
	background:-o-linear-gradient(top,  #f3f2f2, #ecebeb);
	border-radius: 4px;  
	color: #666; 
	display: inline-block; 
	height: 26px; 
	font-size: 11px; 
	text-shadow: 0 1px 0 #fafafa; 
	border-bottom: 1px solid #e2e1e1; 
	float:right;
	}
.commentaires .multi-bar {
	line-height:26px;height:30px;border-bottom:solid 1px #fff;
}
.statut .author{
	float:left;
}	
.statut .author a{
	font-size:15px;
}
.multi-bar span { 
	float: left;
	 line-height: 25px;
	  margin: 0 6px 0 0;
}
.multi-bar .all-icons { 
	  margin-top: 4px;
	  cursor: pointer;
}
.statut .multi-bar .icon { 
	width:10px;
	height:15px;
}
.ruban-share{
	position: absolute;
	top:-15px;
	left:-13px;
}

.share-icons-cloud, .share-icons-challenge{
	width:15px;
	height:10px;
	opacity: 0.8;
	background: url(../images/icons/share.gif) no-repeat;
}
.share-icons-challenge{
	background-position: 0px -10px;
}
.author small{
	font-size: 0.8em;
	color:#b3afa7
}

.author{
	color:#b3afa7;	
	line-height:15px;
}

.bloc_commentaires{
	min-height:50px;
	background:#f1f1f1;
	margin-left:20px;
	background: #f1f1f1 url(http://tvcloud.fr/images/gris_grain.png) repeat-x;
	border: 1px solid #ccc;
	border-top: none;
	display:none;
	z-index:2;
	width:450px;
}
.bloc_commentaires p{
	margin:4px;
}
.bloc_commentaires input{
	height:22px;
	width:405px;
	margin:10px;
	border: 1px solid #999;
	color:#888;
	font-size:13px;
	padding-left:25px;
	background:#fff url(http://tvcloud.fr/template/images/forward.png) no-repeat 4px 4px;
	opacity:0.4;
}
.commentaires{
	padding-top:15px;
	margin-left:10px;
}
.commentaires li{
	list-style:none;
	border-bottom:solid #fff 1px;
	margin-top:5px;
	color:#999;
	min-height: 25px;
	padding-right:10px;
					
}
.commentaires .suppr_com{float:right;margin:4px;opacity:0.32;width:8px;height:8px;}
.commentaires li:hover .suppr_com {float:right;margin:4px;opacity:0.8;width:8px;height:8px;}

.box-reponses{background:#f6f6f6;height:100px;width:430px;color:#666666;padding:8px;margin-top:10px;}
.reponses{font-size:14px;height:17px;padding:8px;text-align:left; cursor: pointer;}

.saison, .date{margin-left:6px;padding:4px 8px ;background:#423c3c;font-size:15px;bottom:15px;left:5px;z-index:2;position:absolute;float:left;}
.saison span{font-size: 10px;display: block;}
.date{margin-left:0px;margin-right: 6px;right:0px;left: auto;}

.image-preview .titre{height:27px;background:rgba(0, 0, 0, 0.5);width:222px;position:absolute;color:#fff; font-size:13px;padding:4px;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);}
.ticket{height:91px;width:220px;background:url(../images/icons/semaines.png) no-repeat 0px -110px;float:left;margin:9px;padding-top:19px;text-align:center;color:#015ce6;cursor:pointer;}
.ticket-active, .ticket:hover {background-position:0px 0px;color:#48881c;}
.ticket li{
	list-style: none;
	font-size:20px;
	line-height: 35px;
}
/* ----------------------------------------------------- 
*
*	Fiche série
*
*  ----------------------------------------------------- */
.translucide{
	background: #423c3c;
	position:absolute;
	top:95px;
	padding-top:15px;
	height:120px;
	width:100%;
	border-top: 1px solid #fff;
	color: #fff;
	font-size: 14px;
	opacity: 0;
}
#stars{background:url(../images/icons/stars.png) left bottom; height:25px; width:125px;float:left;text-align: left;}
#stars div{display: block; height:25px;background:url(../images/icons/stars.png);background-position: left top;}

#series-header #droite{float:right;width:390px;padding-top:8px;}
#serie-header #gauche{
	float:left;
	width:960px;
	color:#fff;
	font-size:12px;
	position: relative;
}

#description {
	height:40px;
	overflow:hidden;
	width:960px;
	float:left;
}


#serie-header #gauche span{
	font-size:22px;
}

.translucide #header{
	height:36px;
	background-position:0px 0px;top:87px;z-index:1;
	background: none;
	margin-top:10px;
}

.translucide #header li{
	height:17px;
	background: url(/template/images/others/items-menu.png);
	float:left;
	text-decoration: none;
	list-style: none;
	padding:10px 20px;
	border-right: 1px solid #292c2d;
	border-left: 1px solid #414648;
	color: #d8d8d8;
	text-shadow: 0 -1px 0 #000;
	cursor: pointer;

}

.translucide #header li:hover{
	background-position: 0px -36px;
	color: #e0e0e0;
}

.translucide #header li.current{
	background-position: 0px -72px;
	color:#f0f0f0;
}

.infoSerie {
	color: #ffffff;
	text-shadow: 1px 1px 1px #555;
	font-family: 'Oxygen';
	font-size:14px;
	padding-top:10px;
}

.infoSerie .glyphicon {
	margin-left:20px;
}

#statut-bar{
	border-top: 1px solid #bdd2e3;
	background-color:#f2f9ff;
	height: 70px;
	background-image: -moz-linear-gradient(top, #f2f9ff, #cce2f4); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f2f9ff),color-stop(1, #cce2f4)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#f2f9ff, #cce2f4); /* Chrome 10+, Saf6 */
    background-image: linear-gradient(top, #f2f9ff, #cce2f4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f2f9ff', EndColorStr='#cce2f4'); /* IE6–IE9 */
    
}


#statut-bar .btn{
	padding:7px;
}
#statut-bar #statut {
	width:535px;
	margin-top: 5px;
	padding-top:10px;
	height:40px;
	background:url(../images/others/separator.png) no-repeat;
	background-position: right -2px;
	position: relative;
}
#statut-bar #statut p {
	float:left;
	margin:0px;
	font-size:18px;
}
#statut-bar #statut #img{
	-webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.4);
	box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.4);
	margin-right:10px;
	background-size:100%;
	background-repeat:  no-repeat;
	width:40px;height:40px;
	float:left;
}
#statut-bar #statut input{
	border:none;
	margin-top:3px;
	width:370px;
	height:25px;
	float:left;
	margin-right:10px;
	padding:4px;
	
}

#statut-bar #actions{
	float:right;
	width:415px;
	height:100px;
	margin-top:12px;
}

#statut-bar #stats{
	height:37px;
}

#statut-bar #stats li{
	list-style: none;
	font-size: 27px;
	line-height: 20px;
	text-align: center;
	float:left;
	height:26px;
	margin-right:25px;
}
#statut-bar #stats li span{
	font-size: 10px;
	text-transform: uppercase;
	display: block;
}
#statut-bar #stats img{
	margin-top: 2px;
}

/* ABONNEMENT BAR */
#abo-bar{
	border-top: 1px solid #bdd2e3;
	background: #f9f6f1;
	height: 110px;
    
}


#abo-bar #profil {
	width:33%;
	margin-top: 10px;
	padding-top:10px;
	height:80px;
	background-position: right -2px;
	position: relative;
	float:left;
}
#abo-bar #profil p {
	float:left;
	margin:0px;
	font-size:18px;
}
#abo-bar #profil #img{
	-webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.4);
	box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.4);
	margin-right:10px;
	background-size:100%;
	background-repeat:  no-repeat;
	width:70px;height:70px;
	float:left;
}

#abo-bar #abo {
	width:30%;
	margin-top: 5px;
	height:80px;
	background-position: right -2px;
	position: relative;
	float:left;
	font-size:18px;
	color: #4d5154;
	padding:10px;
	padding-left:20px;
}

#abo-bar .abonne {
	background:url(../images/others/separator.png) no-repeat;
}

#abo-bar #abo #membres {
	margin-top:5px;
}

/* ----------------------------------------------------- 
*
*	Boutons, UI
*
*  ----------------------------------------------------- */
input, textarea{
border: 1px solid #CCC;
-webkit-box-shadow: inset 0 1px 0 #EEE,white 0 1px 0;
-moz-box-shadow: inset 0 1px 0 #EEE,white 0 1px 0;
box-shadow: inset 0 1px 0 #EEE,white 0 1px 0;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05),0 1px 0 rgba(255, 255, 255, .075);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05),0 1px 0 rgba(255, 255, 255, .075);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05),0 1px 0 rgba(255, 255, 255, .075);
-webkit-transition: .2s linear background;
-moz-transition: .2s linear background;
transition: .2s linear background;
background-color: white;
border: 1px solid #CCC;
border-radius: 3px;
background-color: white;
border : #ccc solid 1px;
box-shadow: #EEE 0px 1px 0px 0px inset, white 0px 1px 0px 0px;
color: #333;
}

textarea{
	font-size:14px;
	padding:6px;
}

#puce{
	background: url(../images/icons/puce.png);
	height:11px;
	width:11px;
	display: block;
	float:right;
	margin-right:12px;
	margin-top:-3px;
}

#puce.blue{ background-position: left bottom;}
#puce.green{ background-position: left top;}

.radius{border-radius: 4px;}


/*icons*/
/* decalage de 199px entre les zone hover et focus
/* incones de taille 20px et espacées de 16px en largeur et hauteur */
/*4e icone en partant du haut et 4e icone en partant de gauche : x=36*3 et y=36*3*/

.all-icons{
	height: 17px;
	width: 0px;
	background-image:url(../images/icons/all-icons.png);
	display: block;
	padding-left:20px;
	padding-top:2px;
}
.image-preview .all-icons{
	float:left;
}
/*like*/
.all-icons#like{
	background-position: -108px -72px;
}
a:hover .all-icons#like, .all-icons#like:hover{
	background-position: -108px -272px;
}
a:active .all-icons#like, .all-icons#like:active{
	background-position: -108px -472px;
}
/*notlike*/
.all-icons#notlike{
	background-position: -144px -72px;
}
a:hover .all-icons#notlike, .all-icons#notlike:hover{
	background-position: -144px -272px;
}
a:active .all-icons#notlike, .all-icons#notlike:active{
	background-position: -144px -472px;
}

/*see*/
.all-icons#see{
	background-position: -36px -36px;
}
a:hover .all-icons#see, .all-icons#see:hover{
	background-position: -36px -236px;
}
a:active .all-icons#see, .all-icons#see:active{
	background-position: -36px -435px;
}


/*seeing*/
.all-icons#seeing{
	background-position: -216px -144px;
}
a:hover .all-icons#seeing, .all-icons#seeing:hover{
	background-position: -216px -344px;
}
a:active .all-icons#seeing, .all-icons#seeing:active{
	background-position: -216px -543px;
}


/*share*/
.all-icons#share{
	background-position: 0px -109px;
}
.all-icons#shareon{
	background-position: 0px -309px;
}
a:hover .all-icons#share, .all-icons#share:hover{
	background-position: 0px -309px;
}
a:active .all-icons#share, .all-icons#share:active{
	background-position: 0px -508px;
}

/*statut*/
.all-icons#statut{
	background-position: -144px 0px;
}
a:hover .all-icons#statut, .all-icons#statut:hover{
	background-position: -144px -200px;
}
a:active .all-icons#statut, .all-icons#statut:active{
	background-position: -144px -399px;
}

/*commennt*/
.all-icons#comment{
	background-position: -252px -36px;
}
.all-icons#commenton{
	background-position: -252px -236px;
}
a:hover .all-icons#comment, .all-icons#comment:hover{
	background-position: -252px -236px;
}
a:active .all-icons#comment, .all-icons#comment:active{
	background-position: -252px -435px;
}

/*staroff*/
.all-icons#staroff{
	background-position: -288px -73px;
	opacity: 0.8;
}
a:hover .all-icons#staroff, .all-icons#staroff:hover{
	background-position: -288px -273px;
	opacity: 1;
}
a:active .all-icons#staroff, .all-icons#staroff:active{
	background-position: -288px -472px;
	opacity: 1;
}

/*star*/
.all-icons#star{
	background-position: -324px -273px;
}
a:hover .all-icons#star, .all-icons#star:hover{
	background-position: -324px -273px;
}
a:active .all-icons#star, .all-icons#star:active{
	background-position: -324px -472px;
}

/*star*/
.all-icons#tv{
	background-position: 0px -72px;
}
a:hover .all-icons#tv, .all-icons#tv:hover{
	background-position: 0px -272px;
}
a:active .all-icons#tv, .all-icons#tv:active{
	background-position: 0px -171px;
}


/*male*/
.all-icons#male{
	background-position: -144px -144px;
}
a:hover .all-icons#male, .all-icons#male:hover{
	background-position: -144px -344px;
}
a:active .all-icons#male, .all-icons#male:active{
	background-position: -144px -543px;
}

/*plus*/
.all-icons#add{
	background-position: -36px -180px;
}
a:hover .all-icons#add, .all-icons#add:hover{
	background-position: -36px -380px;
}
a:active .all-icons#add, .all-icons#add:active{
	background-position: -36px -579px;
}


/* Generic Button */
.btn {
    cursor: pointer; display: inline-block; padding: 5px 10px 6px; color: #333; font-size: 13px; line-height: normal; border: 1px solid #ccc; border-bottom-color: #bbb;
    background-color: #e6e6e6; background-repeat: no-repeat; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6); background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -webkit-transition: 0.1s linear all; -moz-transition: 0.1s linear all; -ms-transition: 0.1s linear all; -o-transition: 0.1s linear all; transition: 0.1s linear all; outline: none;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 1); border-color: #FFFFFF #FFFFFF #FFFFFF; border-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1) rgba(255, 255, 255, 1);
}
.btn.success {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #57a957 #57a957 #3d773d; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    background-color: #8ec72b;
    background-image: -moz-linear-gradient(top, #8ec72b, #57a423); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #8ec72b),color-stop(1, #57a423)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#8ec72b, #57a423); /* Chrome 10+, Saf6 */
    background-image: linear-gradient(top, #8ec72b, #57a423);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8ec72b', EndColorStr='#57a423'); /* IE6–IE9 */
   color: white;
}

.btn.blue {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #57a957 #57a957 #3d773d; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   background-color:#0588f5;
	background-image: -moz-linear-gradient(top, #058bf5, #015ce6); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #058bf5),color-stop(1, #015ce6)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#058bf5, #015ce6); /* Chrome 10+, Saf6 */
    background-image: linear-gradient(top, #058bf5, #015ce6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#058bf5', EndColorStr='#015ce6'); /* IE6–IE9 */
   color: white;
}
.btn.red, #nbrNotifs, #Verif, #News {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #57a957 #57a957 #3d773d; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   background-color:#c73240;
	background-image: -moz-linear-gradient(top, #c73240, #ae1914); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #c73240),color-stop(1, #ae1914)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#c73240, #ae1914); /* Chrome 10+, Saf6 */
    background-image: linear-gradient(top, #c73240, #ae1914);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#c73240', EndColorStr='#ae1914'); /* IE6–IE9 */
   color: white;
}
.c_btn.primary {
    background-color: #3c5b9e; background-image: -moz-linear-gradient(top, #5972aa, #3c5b9e); background-image: -ms-linear-gradient(top, #5972aa, #3c5b9e); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5972aa), to(#3c5b9e));
    background-image: -webkit-linear-gradient(top, #5972aa, #3c5b9e); background-image: -o-linear-gradient(top, #5972aa, #3c5b9e); background-image: linear-gradient(top, #5972aa, #3c5b9e); background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5972aa', endColorstr='#3c5b9e', GradientType=0); border-color: #3c5b9e #3c5b9e #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.c_btn.error {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #c43c35 #c43c35 #882a25; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    background-color: #c43c35; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35)); background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(top, #ee5f5b, #c43c35);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
}
.c_btn.disabled {
    cursor: default; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: alpha(opacity=65);
    -khtml-opacity: 0.65; -moz-opacity: 0.65; opacity: 0.65; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}
.c_btn.external {
    color: #b46415; font-weight: bold; background-color: #ffe633; text-shadow: 0 -1px 0 #fee57d; border-color: #57a957 #57a957 #3d773d; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    background-repeat: repeat-x;  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffe633), to(#f9ba45)); background-image: -moz-linear-gradient(top, #ffe633, #f9ba45); background-image: -ms-linear-gradient(top, #ffe633, #f9ba45);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe633), color-stop(100%, #f9ba45)); background-image: -webkit-linear-gradient(top, #ffe633, #f9ba45); background-image: -o-linear-gradient(top, #ffe633, #f9ba45); background-image: linear-gradient(top, #ffe633, #f9ba45);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe633', endColorstr='#f9ba45', GradientType=0);
}

.btn.big{
	padding:8px;height:40px;font-size:16px;width:300px;
}

.btn.medium{
	padding:10px;height:18px;font-size:16px;width:200px;margin-bottom:5px;
	
	 
}

.btn_fb{
	padding: 12px 40px;
	font-size: 22px;
	margin: 0 7px;
	color:white;
	background-color: #3C5B9E;
	background-image: -moz-linear-gradient(top, #5972AA, #3C5B9E);
	background-image: -ms-linear-gradient(top, #5972AA, #3C5B9E);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5972AA), to(#3C5B9E));
	background-image: -webkit-linear-gradient(top, #5972AA, #3C5B9E);
	background-image: -o-linear-gradient(top, #5972AA, #3C5B9E);
	background-image: linear-gradient(top, #5972AA, #3C5B9E);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5972AA', endColorstr='#3C5B9E', GradientType=0);
	border-color: #3C5B9E #3C5B9E #002A80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.btn_fb:hover{
	background: #3C5B9E;
}

#nbrNotifs, #Verif, #News{
	height: 12px;
	padding:2px;
	padding-top: 0px;
	float:right;
	margin:0px;
}



/* ----------------------------------------------------- 
*
*	Loader Centrale (avec fond gris)
*
*  ----------------------------------------------------- */

#ContLoader { 
	position : fixed;
	z-index:50;
	top:0;
	left:0;
	width:100%;
	height:100%;
	clear:both;
}

#ContLoader #ContAplat {
	background:#000;
	opacity:0.3;
	width:100%;
	height:100%;
}

#ContLoader #ContLoaderImg {
	background:url(../images/loader.png) no-repeat left top;
	position:absolute;
	height:40px;
	width:40px;
	cursor:pointer;
	top:50%;
	left:50%;
	margin:-20px 0 0 -20px;
	z-index:110;
}

#loader{
	position: relative;
	display:none;
	
}
#loader img{
	width:24px;
	margin-top:6px;
	margin-bottom: -6px;
}

#chargement
{
	height:20px;
	min-height: 20px;
}
#chargement img
{
	margin-left:150px;
	height:16px;
	width:16px;
}

#loaderFB
{
	text-align:center;
	position: absolute;
	right: 2px;
	top: 6px;
	z-index:10;
}
/* ----------------------------------------------------- 
*
*	RECHERCHE
*
*  ----------------------------------------------------- */

#recherche {
	position:relative;
	display: block;
    width: 332px;
    z-index: 2;
	float:right;
	top:10px;
	right:21px;
	
	margin: 0;
    outline: 0 none;
    padding: 0;
	
}

#recherche ul {
	list-style: none outside none;
	margin:0px;
	padding:0px;
	background-color: #fff;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.25);
    font-size: 12px;

	-moz-border-bottom-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	
	-moz-border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	
	-webkit-box-shadow: 0px 1px 6px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 6px rgba(0,0,0,0.3);
}

#recherche ul li {
}

#recherche ul li .title {
	border-top: 1px solid #DDDDDD;
    color: #999999;
    float: left;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    width: 60px;
	padding-right:5px;
	padding-top:5px;
	
	-moz-border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	
	float:left;
}

#recherche ul li .result {
	border-left: 1px solid #DDDDDD;
    display: inline-block;
    padding: 6px 8px;
    text-shadow: 0 1px 0 #FFFFFF;
    width: 250px;
	cursor:pointer;
	float:left;
}

#recherche ul li .result.PLUS {
	margin-left:65px;
}

#recherche ul li .result:hover {
	background-color:#E3E3E3;
	
	-moz-border-bottom-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}

#recherche ul li .result img {
	float:left;
}

#recherche ul li .result .text {
	float:left;
	margin-left:10px;
	font-family: Arial,sans-serif;
	margin-top:8px;
}


.ui-autocomplete {
    padding: 3px 0;
	padding-top:12px;
    position: absolute;
	
	background-color: #fff;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.25);
    font-size: 12px;

    z-index:30 !important;

	-moz-border-bottom-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	
	-moz-border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	
	-webkit-box-shadow: 0px 1px 6px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 6px rgba(0,0,0,0.3);
}

.ui-menu-item {
	line-height: 16px;
	list-style: none outside none;
	padding: 1px;
}

.ui-corner-all.ui-menu-item:hover, .ui-corner-all.ui-state-hover {
	background: none repeat scroll 0 0 #EEEEEE;
    cursor: pointer;
	width:300px;
}

.ui-corner-all a {
	color: #058BF5;
    text-decoration: none;
	display: table;
    padding: 4px 15px;
	/*width:302px;*/
	width:300px;
}


.avatar-big, .avatar{
	-webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.4);
	box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.4);
	margin-bottom:2px;
	background-size:100%;
	background-repeat:  no-repeat;
	width:50px;height:50px;
	float:left;
}

.avatar-big{
	width:140px;height:140px;
	margin:2px;
}



/*-------------------------------*/
/*----------- ACCUEIL -----------*/
/*-------------------------------*/

#accueil{background:#347deb;height:600px;}
#accueil .content{padding-top:70px;}
#slide-container{top: 50%;height: 350px;width: 838px;position:relative}
#slogan{background:rgba(0, 0, 0, 0.5);position:absolute;top:240px;width:500px;padding:5px 15px 3px 25px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
#slogan img{background:none;}
#slide{
	background:#1e3d66; width:540px; height:340px;-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .2),0 0 125px rgba(255, 255, 255, .35);-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .2),0 0 135px rgba(255, 255, 255, .40);box-shadow: 0 1px 0 rgba(0, 0, 0, .2),0 0 135px rgba(255, 255, 255, .40);border-radius: 5px;line-height: 0px;
	overflow:hidden; 
}

#slide img {width:100%; margin:0px;}

.panel {
	float: left;
	width: 90px;
	height: 90px;
	position: relative;
	background:#11233f;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
			
}
.panel img{width:90px;}


.panel2 {
	float: left;
	width: 90px;
	height: 90px;
	position: relative;
	background:#11233f;
			
}
.panel2 img{width:90px;}
.panel .front {
	float: none;
			
	width: inherit;
	height: inherit;
			
	text-align: center;
	background:#6b7077 url(../images/tv-snow3.gif);
			
	-webkit-transform: rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;

	-moz-transform: rotateY(0deg);
	-moz-transform-style: preserve-3d;
	-moz-backface-visibility: hidden;

	/* -- transition is the magic sauce for animation -- */
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.panel.flip .front {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
			
}


.panel .front:hover, .panel .back:hover{opacity: 0.6;}
		
.panel .back {
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	width: inherit;
	height: inherit;
	background:#6b7077 url(../images/tv-snow3.gif);
	-webkit-transform: rotateY(-180deg);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;

	-moz-transform: rotateY(-180deg);
	-moz-transform-style: preserve-3d;
	-moz-backface-visibility: hidden;

	/* -- transition is the magic sauce for animation -- */
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
		
.panel.flip .back {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);

}

#signup{
	background: white;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,white),color-stop(100%,#DDD));
	background: -webkit-linear-gradient(top,white 0,#DDD 100%);
	background: -moz-linear-gradient(top,white 0,#DDD 100%);
	background: -ms-linear-gradient(top,white 0,#DDD 100%);
	background: -o-linear-gradient(top,white 0,#DDD 100%);
	background: linear-gradient(top,white 0,#DDD 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe',endColorstr='#e0e0e0',GradientType=0);
	border-left: solid 1px #EEE;
	border-right: solid 1px #EEE;
	border-bottom: solid 1px #CCC;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
	border-radius: 5px;
	position: absolute;
	top: 0;
	left: 568px;
	width: 360px;
	height:50px;
	padding:10px;
}

#signup input, #connect input, input.connect {

	width: 266px;
	height: 20px;
	border: 1px solid #CCC;
	-webkit-box-shadow: inset 0 1px 0 #EEE,white 0 1px 0;
	-moz-box-shadow: inset 0 1px 0 #EEE,white 0 1px 0;
	box-shadow: inset 0 1px 0 #EEE,white 0 1px 0;
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05),0 1px 0 rgba(255, 255, 255, .075);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05),0 1px 0 rgba(255, 255, 255, .075);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05),0 1px 0 rgba(255, 255, 255, .075);
	-webkit-transition: .2s linear background;
	-moz-transition: .2s linear background;
	transition: .2s linear background;
	display: inline-block;
	width: 350px;
	padding: 4px;
	margin: 0;
	outline: none;
	background-color: white;
	border: 1px solid #CCC;
	border-radius: 3px;
	background-color: white;
	box-shadow: #EEE 0px 1px 0px 0px inset, white 0px 1px 0px 0px;
	color: black;
	margin-bottom:10px;

}
#connect input{
	width: 290px;
}

#register .titre{
height:26px;
border-bottom: white solid 1px;
font-size: 16px;
color: #333;
margin-bottom:4px;
}

#register .titre span {
	color: #666;
	font-size: 14px;
}


/*FB BLOC*/
		
#fb_bloc {
	background: url("../images/social-network/facebook_bg.png");
	width:291px;
	height:89px;
	float:left;
	text-align:center;
	padding-top:240px;
}
		
#fb_bloc .btn{
	font-size:24px;
			
}



 #sky-slideshow {
    z-index:0;
    height: 675px; width:100%; position: absolute;top: 0px; left: 0; overflow: hidden;}

    #sky-slideshow > div {
        height: 700px;
        width: 3924px;
        background: url(../images/others/clouds.png);
        position: absolute;
        top: 0px;
        left: 0;
        height: 100%;
    
        /* Slow */
        -webkit-animation: moveSlideshow 70s linear infinite;
        -moz-animation:    moveSlideshow 70s linear infinite;
        -ms-animation:    moveSlideshow 70s linear infinite;
        -o-animation:    moveSlideshow 70s linear infinite;
        animation:    moveSlideshow 70s linear infinite;
        
        -webkit-transform: translate3d(0,0,0); /* Performance */
        -moz-transform: translate(0,0); 
        transform: translate3d(0,0,0); 
    
    }
    #sky-slideshow #sky-slideshow-1 {
        /* Sprite */
        background-position: 0 -200px;
background-repeat:no-repeat;
        
        /* Fast */
        -webkit-animation: moveSlideshow 20s linear infinite;
        -moz-animation:    moveSlideshow 20s linear infinite;
        -ms-animation:    moveSlideshow 20s linear infinite;
        -o-animation:    moveSlideshow 20s linear infinite;
        animation:    moveSlideshow 20s linear infinite;
    }
    #sky-slideshow #sky-slideshow-2 {
        /* Sprite */
        background-position: 0 160px;
background-repeat:no-repeat;
        
    }

    
    @-webkit-keyframes moveSlideshow {
        0%   { 
            -webkit-transform: translateX(0); 
            -moz-transform:    translateX(0); 
            -ms-transform:     translateX(0); 
            -o-transform:      translateX(0); 
            transform:         translateX(0); 
        }    
        100% { 
            -webkit-transform: translateX(-2000px); 
            -moz-transform:    translateX(-2000px); 
            -ms-transform:     translateX(-2000px); 
            -o-transform:      translateX(-2000px); 
            transform:         translateX(-2000px); 
        }
    }
    @-moz-keyframes moveSlideshow {
        0%   { 
            -webkit-transform: translateX(0); 
            -moz-transform:    translateX(0); 
            -ms-transform:     translateX(0); 
            -o-transform:      translateX(0); 
            transform:         translateX(0); 
        }    
        100% { 
            -webkit-transform: translateX(-2000px); 
            -moz-transform:    translateX(-2000px); 
            -ms-transform:     translateX(-2000px); 
            -o-transform:      translateX(-2000px); 
            transform:         translateX(-2000px); 
        }
    }



#home-description-home,#home-description{
		width: 962px;
		height:81px;
		top:540px;
		position:absolute;
		
}
#home-description{
position: inherit;

}


#flat-page-menu
{
	background:#f9f6f1; 
	border:none;
	padding:0px;
	position:relative;
	/*
	position:fixed;	
	z-index:100;
width:100%;
height:180px;
*/

}

#flat-page-menu .content 
{
	color: #b3afa7;
}

#flat-page-menu #follow-grey-bar
{
	height:50px;
	background:#423c3c;
	width:100%;
	}
#flat-page-menu #follow-grey-bar .flat-link
{
	height:24px;
	min-width: 20px;
	background: #777777;
	display: inline-block;
	color:#fff;
	font-size: 18px;
	padding: 13px;
	text-align: center;
	background:#7bb917;
	font-family: "Oxygen";
	letter-spacing: 1px;
}

#flat-page-menu #follow-grey-bar .flat-link.grey
{
	background: #666;
}
#flat-page-menu #follow-grey-bar #follow
{
	width:154px;
	margin-left:180px;
	float:left
}
#flat-page-menu #follow-grey-bar  .flat-link:hover
{ 
	background-color: #058bf5;
}

#flat-page-menu #follow-grey-bar  .flat-link.grey:hover
{ 
	background-color: #058bf5;
}

#flat-page-menu #avatar
{
	height:180px;width:180px;position:absolute;
}

#flat-page-menu #counter
{
	float:left;
	padding:10px;
	font-size:30px;
	font-family:'Myriad Pro';
}

#flat-page-menu #counter span
{
	font-size:12px;
	text-transform: uppercase;
	margin:4px;
}
#flat-page-menu ul
{
	left:180px;
	width:160px;
	padding-left:20px;
}

#flat-page-menu ul li
{
	list-style: none;
	font-family: "Myriad Pro";
	font-size: 14px;
	line-height: 21px;
}

#flat-page-menu ul li span
{
	color: #7bb917;
	font-weight: bold;
	display: inline-block;
	min-width: 30px;
}

#flat-page-menu #table-menu
{
	height:130px;
	margin-left:180px;	
}

#flat-page-menu #table-menu .cell
{
	width:298px;height:130px;border-right:solid 1px #ecebe8;float:left;
}

#flat-page-menu #table-menu .cell a
{
	display: block;
	width:240px;
	height:24px;
	padding: 20px;
	padding-right: 40px;
	font-size: 22px;
	float:left;border-bottom:solid 1px #ecebe8;
	background: url(/template/images/icons/puce-table-menu.jpg) 250px no-repeat;
	text-align: center;
	color: #b3afa7;
	font-weight: normal;
	font-family: "Oxygen";
}


#flat-page-menu #table-menu .cell a:hover
{
	background: #ecebe8 url(/template/images/icons/puce-table-menu-on.jpg) 250px no-repeat;
}


/*--------- CHECKBOX EPISODES -----------*/
.checkbox-ep input[type=checkbox] {
	visibility: hidden;
}

/* SQUARED TWO */
.checkbox-ep {
	width: 28px;
	height: 28px;
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: absolute;
	top:95px;
	z-index:10;
	right:14px;
}

.checkbox-ep label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	right:4px;
	top: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.checkbox-ep label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.checkbox-ep label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.checkbox-ep input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.image-preview .closeButton {
	width: 8px;
	height: 13px;
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: absolute;
	top:10px;
	z-index:10;
	right:10px;
	opacity:0.5;
	padding:4px;
	padding-top:0px;
}

.image-preview:hover .closeButton {
	opacity:1;
}

/*-----------------------------------------------------------------------------------*/
/*  9.  Footer Styles
/*-----------------------------------------------------------------------------------*/


#footer-wrap {
    background: #212121;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.17), 0 1px 0 rgba(255,255,255,.14) inset;
       -moz-box-shadow: 0 1px 0 rgba(255,255,255,.17), 0 1px 0 rgba(255,255,255,.14) inset;
         -o-box-shadow: 0 1px 0 rgba(255,255,255,.17), 0 1px 0 rgba(255,255,255,.14) inset;
            box-shadow: 0 1px 0 rgba(255,255,255,.17), 0 1px 0 rgba(255,255,255,.14) inset;
    overflow: hidden;
}


#footer {
    padding: 40px 20px 5px 20px;
    font-size: 14px;
    line-height: 21px;
    margin: auto;
    width: 960px;
    height:60px;
	margin-bottom:0px;
}


.footer-title {
    color: #fff;
    font-size: 24px;
    margin-bottom: 20px;
    padding-bottom: 12px;
}

.footer-col-1,
.footer-col-2,
.footer-col-3 {
    float: left;
    margin-right: 20px;
    width: 306px;
}
.footer-col-3 { margin-right: 0px; text-align: right;}
.footer-col-2{ text-align: center;}
#footer-copyright{
	background: #1a1a1a;
}
#copyright{
	color:#bbb;
}


.fb-container {
    width: 291px;
    height: 270px;
    overflow: hidden;
    border:solid 1px #444444;
    border-radius: 6px;
    margin-left: 20px;
}

.fb-container > div {
     margin: -1px 0px 0px -1px;  
}


.tooltip-icons a, .tooltip-icons a:visited {
	color:white;
	font-size:10px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	vertical-align:middle;
}		

.effetAddSerie{
	position: absolute;
	left:0px;
	right: 0px;
	z-index: 10000;
	background-color:#0588f5;
	background-image: -moz-linear-gradient(top, #058bf5, #015ce6); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #058bf5),color-stop(1, #015ce6)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#058bf5, #015ce6); /* Chrome 10+, Saf6 */
    background-image: linear-gradient(top, #058bf5, #015ce6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#058bf5', EndColorStr='#015ce6'); /* IE6–IE9 */
    padding:4px;
	border-radius: 4px;
	padding-bottom:2px;
	display: inline-block;
	width:50px;
}


#noContentMenu {
	
	background: #FCFCFC url(../images/background/grain-texture.jpg) repeat-x;
	margin-top:-3px;
	width:200px;
	height:100%;
	text-align: center;
	padding:0px;
	font-size: 17px;
	color: #666;
	text-shadow: 1px -1px 0px rgba(255,255,255,1);
    filter: dropshadow(color=#ffffff, offx=1, offy=-1);
    opacity: 0.5;
    margin-bottom: -40px;
}

#noContentMenu #text {
	padding:20px;
}

#noContentMenu:hover {
	opacity:0.7;
}

/* TABLEAU */
.table th {
	background-color: #B8BCBF;
	font-size: 13px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color: white;
	line-height: 19px;
	-moz-text-shadow: #a4a39f 0px 1px 0px;
	-webkit-text-shadow: #a4a39f 0px 1px 0px;
	text-shadow: #a4a39f 0px 1px 0px;
	padding: 0 7px 0 13px;
	font-weight: normal;
	text-align: left;
	height: 30px;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 1px solid #a4a3a0;
}
.table td {
	font-size: 13px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color: #737577;
	line-height: 19px;
	padding: 0 7px 0 13px;
	font-weight: normal;
	text-align: left;
	height: 30px;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 0;
	border-bottom: 1px solid #e7e7e7;
}
.table td img {
	padding: 1px 6px 0 0;
	float: left;
}
.table .gray-row td {
	background-color: #fbf9f8;
}
.table .last td {
	border-bottom: 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}


/* PAGE ABONNEMENT */

.blocAbo {
	margin-top: 7px;
	background-color: #ffffff;
	border: 1px solid #d6d5d2;
	margin-right: 9px;
	border-radius: 3px;
	width:228px;
	height:100px;
	float:left;
}

.blocAbo img {
	width:70px;
	height:70px;
	float:left;
	margin-right:10px;
}

.blocAbo #up {
	height:70px;
}

.blocAbo .gras {
	font-weight:bold;
	font-weight:700;
	color: #333;
	text-shadow: white 0 1px 0;
	font-size: 14px;
}

.blocAbo #down {
	border-top:1px solid #d6d5d2;
	text-align:center;
	padding-top:7px;
	height:22px;
}

.blocAbo #down.delete:hover {
	background-color:#c73240;
	background-image: -moz-linear-gradient(top, #c73240, #ae1914); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #c73240),color-stop(1, #ae1914)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#c73240, #ae1914); /* Chrome 10+, Saf6 */
    background-image: linear-gradient(top, #c73240, #ae1914);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#c73240', EndColorStr='#ae1914'); /* IE6–IE9 */
    color:white;
	cursor:pointer;
}

.blocAbo #down.new:hover{
	background-color: #8ec72b;
    background-image: -moz-linear-gradient(top, #8ec72b, #57a423); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #8ec72b),color-stop(1, #57a423)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#8ec72b, #57a423); /* Chrome 10+, Saf6 */
    background-image: linear-gradient(top, #8ec72b, #57a423);
    color:#fff;
    text-shadow: grey 0 1px 0;
    cursor:pointer;
}

.blocBleu {
	background-color:#0588f5;
	background-image: -moz-linear-gradient(top, #058bf5, #015ce6); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #058bf5),color-stop(1, #015ce6)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#058bf5, #015ce6); /* Chrome 10+, Saf6 */
    background-image: linear-gradient(top, #058bf5, #015ce6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#058bf5', EndColorStr='#015ce6'); /* IE6–IE9 */
    color: #ffffff;
    font-size:30px;
    padding-top:8px;
    padding-left:17px;
    width: 33px;
	height: 42px;
	text-shadow: 1px 1px 1px #555;
	font-family: 'Oxygen';
	margin:4px;
}

#actionCard{
	position:absolute;
	top:0px;
	left:0px;
	width:483px;
}

#triangle{
	font-size: 0px; line-height: 0%; width: 0px;
	border-top: 4px solid transparent;/* couleur du triangle*/
	border-left: 8px solid #FFF; 
	border-bottom: 4px solid transparent;
	position:relative;
	right:0px;
	top:15px;
	float:right;
}




/*A RANGER*/ 

.infosPreview{
	padding-left:4px;
	padding-right:5px;
	margin-top:-5px;
	margin-bottom:20px;
}

.infosPreview .glyphicon {
	margin-left:5px;
	line-height: 20px;
}

.infosPreview .glyphicon:hover {
	color:rgba(0, 0, 0, 0.5);
}

.progress {
overflow: hidden;
height: 20px;
background-color: #b3afa7;
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
float:left;
}

.progress .bar{padding-top:4px;width:0%;height:100%;color:#ffffff;float:left;font-size:12px;text-align:center;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
background:#423c3c;
-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width 0.6s ease;-moz-transition:width 0.6s ease;-o-transition:width 0.6s ease;transition:width 0.6s ease;}
.progress .bar {
    color: #fff;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0),inset -1px -1px 1px rgba(0, 0, 0, 0);
    -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0),inset -1px -1px 1px rgba(0, 0, 0, 0);
    -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0),inset -1px -1px 1px rgba(0, 0, 0, 0);
    background: #423c3c;
}


.description-style
{
	word-wrap: break-word;
	font-family: "Oxygen";
	font-size: 15px;
}


.feedback{
	position:fixed;
	top:50%;
	width:30px;
	height:160px;
	margin-top:-80px;
	padding-left:10px;
	padding-top:6px;
	
	cursor:pointer;
	
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;

	/* Anciens navigateurs */
	background-color: #8ec72b;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Navigateurs récents */
	background: -webkit-gradient(
		linear,
		left top, right top,
		from(#57a423),
		to(#8ec72b)
	);
	background: -webkit-linear-gradient(
		left,
		#57a423,
		#8ec72b
	);
	background: -moz-linear-gradient(
		left,
		#57a423,
		#8ec72b
	);
	background: -o-linear-gradient(
		left,
		#57a423,
		#8ec72b
	);
	background: linear-gradient(
		left,
		#57a423,
		#8ec72b
	);
}