#banniere {
	width: 100%;
	height: 241px;
	margin-bottom: 10px;
}
#banniere #anim{
	width: 682px;
	height: 239px;
	border: 1px solid #111562;
}
#banniere #anim #banniereGrand {
	width: 682px;
	height: 169px;
	background-color: #000;
}
#banniere #anim #banniereMini{
	width: 666px;
	height: 70px;
	padding-left: 16px;
	background: #f6f6f6 url(../../files/interface/news_fond.jpg) repeat-x left bottom;
}
#banniere #anim #banniereMini img{
	border: 2px solid white;
	margin: 6px 2px auto 2px;
}
#banniere #bannVideo{
	width: 300px;
	margin: 7px 0px auto 10px;
}
#banniere #bannVideo #titreDuCadre{
	width: 300px;
	height: 30px;
}
#banniere #bannVideo #vid{
	width: 298px;
	height: 160px;
	padding: auto 2px auto 2px;
	text-align: center;
	vertical-align: middle;
	background: #f6f6f6 url(../../files/interface/news_fond.jpg) repeat-x left 125px;
}
#banniere #bannVideo #vidTitre{
	width: 300px;
	height: 26px;
	vertical-align: middle;
	text-align: center;
	line-height: 26px;
	font-size: 12px;
	font-weight: bold;
	color: #eee;
	background: #6f6f6f url(../../files/interface/voir_tous_fond.jpg) repeat-x left bottom;
}

#breakingNews {
	width: 994px;
	height: 28px;
	margin: 0 0 10px 0;
	line-height: 28px;
	vertical-align: middle;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	background: transparent url(../../files/interface/breaking_news_fond.png) no-repeat;
}

#cadreGauche {
	width: 684px;
	margin-right: 10px;
	margin-bottom: 10px;
}


#cadreGauche #newsList li{
	width: 100%;
	border-bottom: 1px solid #888;
	background: #f6f6f6 url(../../files/interface/news_fond.jpg) repeat-x left bottom;
	padding: 10px 0 10px;
}

#cadreGauche #newsList li ul{
	
}

#cadreGauche #newsList li ul{
	display: inline;
}

#cadreGauche #newsList li img{
	border: 1px solid #888;
}

#cadreGauche #newsList li span.newsImage {
	width: 70px;
}
#cadreGauche #newsList li span.newsImage a img {
	width: 70px;
	max-width: 100%;
	max-height: 90%;
	margin: 2px 7px auto 4px;
	float: left;
}

#cadreGauche #newsList li span.newsImageGrand {
	width: 120px;
}
#cadreGauche #newsList li span.newsImageGrand a img {
	width: 120px;
	max-width: 120px;
	max-height: 90%;
	margin: 2px 7px auto 4px;
	float: left;
}

#cadreGauche #newsList li span.newsImagePetit {
	width: 50px;
	
}
#cadreGauche #newsList li span.newsImagePetit a img {
	width: 50px;
	max-width: 50px;
	max-height: 90%;
	margin: 2px 7px auto 4px;
	float: left;
}

#cadreGauche #newsList li div.titreLien a{
	line-height: 14px;
	font-size: 14px;
	color: #084cbc;
	font-weight: bold;
}
#cadreGauche #newsList li div.titreLien a:hover{
	text-decoration: underline;
}

#cadreGauche #newsList li div.titreLienGrand a{
	line-height: 24px;
	font-size: 22px;
	color: #084cbc;
	font-weight: bold;
}
#cadreGauche #newsList li div.titreLienGrand a:hover{
	text-decoration: underline;
}

#cadreGauche #newsList li div.newsChapeau{
	margin: 5px 10px auto 10px;
 	text-align: justify;
 	font-size: 11px;
	line-height: 11px;
	color: #888;
}

#cadreGauche #newsList li div.newsChapeauGrand{
	margin: 8px 10px auto 10px;
 	text-align: justify;
 	font-size: 13px;
	line-height: 13px;
	color: #888;
}

#cadreGauche #newsList li div.newsContenuGrand{
	margin: 12px 10px auto 10px;
	font-family: "Georgia";
 	text-align: justify;
 	color: #333;
	font-size: 14px;
	line-height: 15px;
}

#cadreGauche #newsList li div.lireLaSuite {
	padding-right: 2px;
	width: 458px;
	text-align: right;
 	margin: 5px auto 5px; 
	font-size: 11px;
}
#cadreGauche #newsList li div.lireLaSuiteGrand {
	padding-right: 2px;
	width: 680px;
	text-align: right;
	margin-bottom: 5px;
}

#cadreGauche #newsList li span.newsDate {
	float: left;
	line-height: 15px;
	font-size: 10px;
	color: #888;
	font-style: italic;
	text-align: right;
	padding-right: 2px;
	width: 458px;
}

#cadreGauche #newsList li span.newsDateGrand {
	float: left;
	line-height: 10px;
	font-size: 10px;
	color: #888;
	font-style: italic;
	text-align: right;
	padding-right: 2px;
	width: 680px;
}

#cadreGauche #newsList ul.actuPetit{
	width: 460px;
	border-right: 1px solid #888;
	float: left;
}

#cadreGauche #newsList ul.actuDroite{
	float: right;
	width: 221px;
}
#cadreGauche #newsList ul.actuDroite li{
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
	font-size: 11px;
	line-height: 11px;
	float: left;
	width: 221px;
	background: transparent none;
	border: 0px;
}
#cadreGauche #newsList ul.actuDroite li.lire{
	padding-right: 2px;
	width: 219px;
	text-align: right;
}

/* !Cadre droit */
#cadreDroit {
	width: 300px;
	float: right;
}

#cadreDroit #sorties{
	width: 300px;
	margin-bottom: 10px;
}
#cadreDroit #sorties #sortiesTitre{
	width: 300px;
}
#cadreDroit #sorties #sortiesContenu{
	width: 298px;
	font-size: 11px;
	line-height: 16px;
	background: #f6f6f6 url(../../files/interface/news_fond.jpg) repeat-x left bottom;
}
#cadreDroit #sorties #sortiesContenu ul{
	list-style-type: disc;
	padding-left: 20px;
}
#cadreDroit #sorties #sortiesContenu ul li{
	list-style-type: disc;
	margin: 15px auto 15px;
}

#cadreDroit #populariteJeux{
	width: 300px;
	margin-bottom: 20px;
}
#cadreDroit #populariteJeux #populariteJeuxTitre{
	width: 300px;
}
#cadreDroit #populariteJeux #populariteJeuxContenu{
	width: 298px;
	font-size: 11px;
	line-height: 16px;
	background: #f6f6f6 url(../../files/interface/news_fond.jpg) repeat-x left bottom;
}
#cadreDroit #populariteJeux #populariteJeuxContenu ul{
	padding-left: 30px;
}
#cadreDroit #populariteJeux #populariteJeuxContenu ul li{
	list-style-type: decimal;
	margin: 15px auto 15px;
}


/* classes */
.dateJour{
	width: 100%;
	line-height: 26px;
	vertical-align: middle;
	font-size: 20px;
	font-weight: bolder;
}
.dateMois{
	width: 100%;
	line-height: 28px;
	vertical-align: middle;
	font-size: 22px;
	font-weight: bolder;
}
.dateHeure{
	width: 100%;
	line-height: 18px;
	vertical-align: middle;
	font-size: 16px;
	font-weight: normal;
	font-family: times;
}

.blocCadre {
	border-right: 1px solid #888;
	border-left: 1px solid #888;
	border-bottom: 1px solid #888;
}

.blocTous{
	width: 100%;
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	text-align: right;
	background: #666 url(../../files/interface/voir_tous_fond.jpg) repeat-x;
}
.blocTous a{
	color: white;
	font-size: 12px;
	padding-right: 7px;
}
.blocTous a:hover{
	text-decoration: underline;
}


.rss a{
	float: right;
	background: transparent url(../../files/interface/rss.png) no-repeat 0px 7px;
	margin-right: 4px;
	width: 33px;
	line-height: 30px;
}


/* ! Galerie :*/
.clear {
	clear:both
}

#gallery {
	position:relative;
	height:169px
}
#gallery a {
    float:left;
    position:absolute;
}

#gallery a img {
    border:none;
}

#gallery a.show {
    z-index:500
}

#gallery .caption {
    z-index:600; 
    background-color:#000; 
    color:#ffffff; 
    height:30px; 
    width:100%; 
    position:absolute;
    bottom:0;
}

#gallery .caption .content {
    margin:5px
    width: 100%;
}

#gallery .caption .content h3 {
    margin:7px;
    padding:0;
    color:#29d425;
}

/* !Fin de galerie */


/* !scroll liste */
.tickercontainer { /* the outer div with the black border */
width: 980px; 
height: 22px; 
overflow: hidden; 
margin-left: 5px;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
width: 978px;
overflow: hidden;

}
ul.newsticker { /* that's your list */
position: relative;
left: 730px;
font-weight: bold;
list-style-type: none;
margin: 0;
padding: 0;
 
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
color: #fefb00;
font-size: 10px;
display: inline;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: white;
font: bold 10px Verdana;
margin: 0 50px 0 5px;
}
/* fin de scroll liste */

#test{
	display: inline;
	width: 980px;
	height: 20px;
	overflow: hidden;
	float: left;
	margin-left: 6px;
}
#test span{
	margin-right: 10px;
}
#mask {
	left: 980px;
	
}
#mask ul{
	display: inline;
	position: relative;
	left: 990px;
	float: left;
	
}
#mask ul li{
	display: inline;
	float: left;
	
}