﻿/* Box Datas */

/* Bons plans du moment */

.BPmoment {
	background:url(../images/fonds-de-blocs/bgBPmoment.gif) no-repeat 5px 0;
	/*height:240px;*/
}
.BPmoment h2, .spots-moment h2 {
	float:left;
}
.BPmoment .lien, .spots-moment .lien {
	float:right;
	margin-right:17px;
	margin-top:22px;
}
.groupeBox {
	padding-top:12px;
	padding-left:15px;
}

/* Les spots des Expr */

.spots-expr {
	background:url(../images/fonds-de-blocs/bgSpotsExpr.gif) no-repeat 0 0;
	width:480px;
	height:444px;
	margin-top:30px;
	float:left;
}
.spots-expr h2 {
	float:left;
}
.spots-expr .lien {
	float:right;
	margin-right:14px;
	margin-top:20px;
}
.spots-expr .groupeBox .clear.space {
	clear:both;
	height:15px;
}

/* Les reportages des Expr */

.reportages-expr {
	background:url(../images/fonds-de-blocs/bgReportagesExpr.gif) no-repeat 0 0;
	width:250px;
	height:447px;
	margin-top:30px;
	float:left;
	margin-left:2px;
}
.reportages-expr .groupeBox .clear.space {
	clear:both;
	height:15px;
}

/* Les Boxs, qui contiennent des donnes dynamiques */

.box {
	float:left;
	position:relative;
	width:232px;
}
.box h4 {
	margin:0;
	padding:0 0 0 40px;
	font-size:14px;
	font-weight:bold;
	height:20px;
}
.box h4 span  
{
	float:left;
	/*height:11px;*/
	margin-left:7px;
	margin-top:3px;
}
.box h4 img {
	/*height:11px;*/
	margin-left:7px;
	margin-top:4px;
}
/*.sporturbain, .sport, .look, .image {
	width:232px;
}*/
.sporturbain .box .datas, .sporturbain .box .datas-rollover {
	background:url(../images/fonds-de-blocs/bgBPsportsUrbains.gif) no-repeat 0 0;
}
.sport .box .datas, .sport .box .datas-rollover {
	background:url(../images/fonds-de-blocs/bgBPsport.gif) no-repeat 0 0;
}
.look .box .datas, .look .box .datas-rollover {
	background:url(../images/fonds-de-blocs/bgBPlook.gif) no-repeat 0 0;
}
.image .box .datas, .image .box .datas-rollover {
	background:url(../images/fonds-de-blocs/bgBPimage.gif) no-repeat 0 0;
}
.bd .box .datas, .bd .box .datas-rollover {
	background:url(../images/fonds-de-blocs/bgBPbd.gif) no-repeat 0 0;
}
.musique .box .datas, .musique .box .datas-rollover {
	background:url(../images/fonds-de-blocs/bgBPmusique.gif) no-repeat 0 0;
}
.box .datas, .box .datas-rollover {
	width:211px;
	height:165px;
	margin-left:10px;
}
.box .datas img {
	width:197px;
	height:126px;
	margin-left:7px;
	margin-top:7px;
}
.box .datas p {
	margin-left:20px;
	margin-top:4px;
	font-size:10px;
	color:#ffffff;
}
.box .datas p.petit {
	background:url("../images/common/puce-jeux.png") no-repeat scroll left top transparent;
    font-size:9px;
    padding:0 0 0 15px;
    margin-left:13px;
    margin-right:3px;
}
.box .datas-rollover {
	padding-top:7px;
	padding-left:7px;
	display:none;
	height:158px;
	width:204px;
}
.box .datas-rollover .texte {
	width:187px;
	background-color:#000000;
	padding-top:10px;
	padding-left:10px;
	font-size:9px;
	text-align:justify;
	color:#ffffff;
}
.box .datas-rollover .texte .padding {
    padding-right:10px;
}
.box .datas-rollover .texte .notation p {
	float:left;
}
.box .datas-rollover .texte .notation .etoiles {
	float:left;
	margin-left:6px;
	margin-top:2px;
}
.box .datas-rollover .texte .en-savoir-plus {
	float:right;
	width:90px;
	padding-left:5px;
	margin-top:5px;
	padding-top:2px;
}
.box .datas-rollover .texte .en-savoir-plus.vert {
	background-color:#4b9d27;
}
.box .datas-rollover .texte .en-savoir-plus.violet {
	background-color:#985abe;
}
.box .datas-rollover .texte .en-savoir-plus.bleu {
	background-color:#3db2cf;
}
.box .datas-rollover .texte .en-savoir-plus.orange {
	background-color:#f38803;
}
.box .datas-rollover .texte .en-savoir-plus.rose {
	background-color:#ce0083;
}
.box .datas-rollover .texte .en-savoir-plus a {
	display:block;
	background:url(../images/common/chevron-blanc.png) no-repeat 0px 3px;
	font-size:10px;
	color:#ffffff;
	padding-left:10px;
	line-height:13px;
}
.box .datas-rollover .texte .en-savoir-plus a:hover {
	text-decoration:underline;
}


