/* MODULE VIDEOS ET A LA UNE */

.module_main {
	width:650px;
	height:256px;
	padding:0 0 0 8px;
}

.clr {
	clear:both;
}

.module_inner {
	height:236px;
	padding:10px;
	font-family:verdana;
}

.module_products {
	height:211px;
	width:645px;
	position:relative;
	overflow:hidden;
}

.module_scroll {
	width:200000px;
	height:211px;
	position:absolute;
	overflow:hidden;
}

.module_prdt {
	height:211px;
	width:640px;
	float:left;
	position:static;
}

.module_prdt_box {
	float:left;
	margin:0 2px 0 0;
	text-align:center;
}
.prdt_hover .modprdt_area_vid{
	background:url(hover.gif) repeat-x;
	cursor:pointer;
}
.prdt_hover .modprdt_area {
	background:url(hover2.gif) repeat-x;
	cursor:pointer;
}

.modprdt_area {
	height:210px;
	width:200px;
	text-align:left;
	font-size:12px;
	padding:0 5px;
	margin:0 10px 0 0;
}

.prdt_ttl {
	text-transform:uppercase;
	color:#062E85;
	padding:2px 0;
}

.prdt_ttl h3 {
	margin:0px;
	font-size:12px;
}

.prdt_img {
	height:113px;
	width:200px;
}

.prdt_img a {
	color:#FFFFFF;
}

.prdt_img img {
	border:none;	
}

.prdt_lnk {
	padding:2px 0;
}

.prdt_dcp {
	padding:2px 0;
}
.prdt_dcp p {
	padding:0px;
	margin:0px;
}

.space {
	float:left;
	height:10px;
}
.prev,
.next {
	color:#FFFFFF;
	display:block;
	height:23px;
	width:30px;
	float:left;
}

.navi {
	display:block;
	height:12px;
	padding:3px 3px;
	float:left;
	font-size:0px;
}

.navi a {
	display:block;
	float:left;
	height:11px;
	width:11px;
	margin:0 3px 0 0;
	background:url(./images/deg4.gif);
	color:#FFFFFF;
}

.navi a.active {
	background:url(./images/deg3.gif);
}

.navi a:last-child {
	margin:0px;
}

.module_main_vid {
	height:185px;
	width:318px;
	
}

.module_inner_vid {
	padding:10px 0 0 3px;
	height:145px;
}

.module_products_vid {
	overflow:hidden;
	position:relative;
	height:145px;
	width:315px;
}

.module_scroll_vid {
	overflow:hidden;
	position:absolute;
	height:145px;
	width:20000px;
}

.module_prdt_vid {
	height:145px;
	width:315px;
	float:left;
	position:static;
}

.module_prdt_box_vid {
	float:left;
	margin:0 4px 0 0;
	text-align:center;	
}

.modprdt_area_vid {
	font-size:11px;
	height:145px;
	margin:0 2px 0 0;
	padding:0 3px;
	text-align:left;
}

.prdt_img_vid {
	height:75px;
}

.prdt_img_vid a {
	color:#FFFFFF;
}

.prdt_img_vid img {
	border:none;
	width:100%;
}

.prdt_lnk_vid a {
	color:#C9000B;
	text-decoration:none;
}

.prdt_dcp_vid a {
	color:#002B5E;
}

/* FIN DU MODULE VIDEOS ET A LA UNE */


body {
	background-color: #505050;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Verdana, Arial, Helvetica;
	font-size:12px; 
	color:#072563; 
}
.menu {
	font-family:Verdana, Arial, Helvetica;
	color:#FFF;
	font-size:10px;
	font-weight:bold;
}
.menu2 {
	font-family:Verdana, Arial, Helvetica;
	color:#072563;
	font-size:12px;
	font-weight:bold;
}
.menu_h {
	font-family:Verdana, Arial, Helvetica;
	color:#d8dada;
	font-size:9px;
	font-weight:bold;
}
.separateur{
	PADDING-BOTTOM: 0px; PADDING-LEFT: 16px; PADDING-RIGHT: 15px; COLOR: #999; FONT-SIZE: 12px; TOP: -1px; PADDING-TOP: 0px;	
}
.bodycontainer {background:#eee;padding-top:5px;}
.mainsection , .rightsection {background:#eee;}
.titre_rub
{	 
	background-color:#dce4e7;
	font-family:Verdana, Arial, Helvetica; 
	color:#072563; 
	font-size:16px; 
	font-weight:bold; 
	padding-left:17px;
	padding-bottom:6px;
	padding-top:6px;	
}
.titre_rub3
{	 
	 
	font-family:Verdana, Arial, Helvetica; 
	color:#fff; 
	font-size:16px; 
	font-weight:bold; 
	padding-left:17px;
	padding-bottom:6px;
	padding-top:6px;	
}
.div_rech
{	 
	font-family:Verdana, Arial, Helvetica;
	background-image:url(images/fond_rech.gif);
	color:#ffffff; 
	font-size:16px; 
	font-weight:bold; 
	height:36px;	
	border:#dddddd 1px solid;
}
.titre_rub_art
{	 	 
	font-family:Verdana, Arial, Helvetica; 
	color:#000000; 
	font-size:16px; 
	font-weight:bold; 		
}
.titre_rub_art2
{	 	 
	font-family:Verdana, Arial, Helvetica; 
	color:#445d89; 
	font-size:20px; 
	font-weight:bold;
	letter-spacing:1px;
	padding-left:10px;
	padding-top:5px;	
}
.titre_news
{	 	 
	font-family:Verdana, Arial, Helvetica; 
	color:#072563; 
	font-size:20px; 
	font-weight:bold; 
	padding-left:17px;
	padding-right:17px;
	padding-bottom:6px;
	padding-top:15px;	
}
.titre_selec
{	 
	background-color:#dce4e7; 
	font-family:Verdana, Arial, Helvetica; 
	color:#072563; 
	font-size:14px; 
	font-weight:bold; 
	padding-left:13px;
	padding-bottom:4px;
	padding-top:4px;
	text-align:left;
}
.heure
{
	font-family:Verdana, Arial, Helvetica; 
	width:40px; 
	padding-left:8px; 	
	font-size:12px; 
	padding-top:6px;
	color:#FFFFFF; 
	font-weight:bold;	
}
.news
{
	font-family:Verdana, Arial, Helvetica; 
	padding-right:8px;	
	font-size:12px; 
	color:#072563; 	
}
.txt_tv
{
	font-family:Verdana, Arial, Helvetica; 		
	font-size:12px; 
	color:#072563; 	
}
.txt_art_j
{
	font-family:Verdana, Arial, Helvetica; 		
	font-size:11px; 	
	line-height:14px; 
	color:#072563; 	
}
.txt_t_art
{
	font-family:Verdana, Arial, Helvetica; 		
	font-size:24px; 	 
	color:#3366CC;
	font-weight:bold;
}
.txt_t_art_j
{
	font-family:Verdana, Arial, Helvetica; 		
	font-size:14px;
	font-weight:bold;		
	color:#3366CC; 	
}
.txt_meteo
{
	font-family:Verdana, Arial, Helvetica; 		
	font-size:12px; 
	color:#ffffff;
	font-weight:bold;
}
.titre_une
{
	font-family:Arial, Helvetica; 		
	font-size:11px;
	line-height:17px;	
	color:#3366CC;
	font-weight:bold;
	text-decoration:none;	
}
.titre_une2
{
	font-family:Verdana, Arial, Helvetica; 		
	font-size:12px; 
	color:#072563;
	font-weight:bold;
	text-decoration:none;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
a img
{
	border:none;
}

/* PUBLICITE CARRE */
#homead{
	z-index:1000;
	position:relative;
	width:320px;
	height:auto; /*position:absolute; left:667px;overflow:hidden;*/
	background:#eee;
}
	#homead .captop, #homead .capbot{ display:none; }
	
	#homead .container{
	width:320px; height:auto; /*overflow:hidden;*/
	background:#eee;
	text-align:center;
	}
		#homead .container .ad{
		padding-top:5px; margin-left:15px;
		width:300px;
		}
	#homead .container .label{
	position:absolute;
	top:80px;
	left:2px;
	width:15px;
	height:100px;
	background:url(images/label-advertisement_fr.png) no-repeat;
	}	
/* PUBLICITE FIN CARRE */

div.scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 325px;	
	height:250px;	
	
	
	/* custom decorations */
			
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
	
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	
	/* custom decoration */
	text-align:center;
	width:325px;	
	-moz-border-radius:5px;
}

/* active item */
div.scrollable div.items div.active {			
	
}

.connection
{
	padding-left:17px;	
	padding-right:17px; 
	font-family:Verdana, Arial, Helvetica; 
	font-size:12px; 
	color:#3ca2ff; 
	text-decoration:none
}
.deconnection
{	
	font-family:Verdana, Arial, Helvetica; 
	font-size:9px; 
	color:#84ccff; 
	text-decoration:none
}

/* PARTAGEZ */
.toolbox{
position:relative;width:605px; padding-right:10px; clear:both; margin:15px 0;
background:url(./images/bg-toolbox_right.gif) right -17px no-repeat; line-height:normal;
}
.toolbox .label{
float:left; width:250px; padding:2px 0 0 3px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555; line-height:normal; font-weight:normal; font-style:italic;
}
.toolbox .share{
clear:both;
/*border:1px solid #ccc;*/ height:26px; padding:4px 10px 4px 5px;border-top:1px solid #e8e8e8;border-left:1px solid #e8e8e8;/*border-bottom:1px solid #ccc;border-right:1px solid #ccc;*/
background:url(./images/bg-toolbox_bot.gif) 0 -36px repeat-x; line-height:normal;
}
.toolbox .tool{
position:relative;
float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555; line-height:normal; cursor:pointer;
}
	.toolbox .tool a{ text-decoration:none;color:#555;}

.toolbox .utility{
clear:both; float:right; width:260px; height:15px; position:relative;
margin-right:0; /*border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc;*/
}
	.toolbox .utility .tool{
	background:#e8e8e8; float:right; padding:3px 10px 1px 10px;
	font-size:11px; line-height:normal;
	}
	.toolbox .utility .tool .email{
	padding-left:18px;
	background:transparent url(./images/icon-email.gif) no-repeat scroll 2px -2px
	}
	.toolbox .utility .tool .rss{
	padding-left:18px;
	background:transparent url(./images/icon-rss_sm.gif) no-repeat scroll 2px 0
	}
	.toolbox .utility .tool .print{
	padding-left:18px;
	background:transparent url(./images/icon-print.gif) no-repeat scroll 2px -1px
	}
.toolbox .share .tool{
padding:1px 0 0 24px;height:15px; width:70px;
background:url(./images/sprite-list.gif) 0 -1368px no-repeat;
}	
	.toolbox .share .face .tool{
	background-position:0 -269px;width:70px;
	}
	.toolbox .share .yoolink .tool{
	background-position:0 -5px;width:70px;
	}
	.toolbox .share .wikio .tool{
	background-position:0 -46px;width:70px;
	}
	.toolbox .share .live .tool{
	background-position:0 -389px;width:70px;
	}
	.toolbox .share .twit .tool{
	background-position:0 -709px;width:55px;
	}
	.toolbox .share .stum .tool{
	background-position:0 -140px;width:95px;
	}
	.toolbox .share .scoopeo .tool{
	background-position:0 -25px;width:95px;
	}
	.toolbox .share .more .tool{
	background-position:0 -1248px;width:45px;
	}
/* FIN PARTAGEZ */

/* ALERTE DE CONNEXION */
#alert {
	WIDTH: 400px; HEIGHT: 400px
}
#alert DIV.close {
	TOP: 0px; RIGHT: 0px
}
#alert H2 {
	PADDING-BOTTOM: 10px; MARGIN-TOP: -10px; PADDING-LEFT: 60px; PADDING-RIGHT: 0px; 6px center; PADDING-TOP: 10px
}
:focus {
  -moz-outline-style:none;
}
/* FIN ALERTE DE CONNEXION */

/* ARTICLE DU JOUR ABC */
.freeform {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 12px; PADDING-TOP: 0px
}
.wi-item {
	LINE-HEIGHT: 1.3em; MARGIN: 0px 0px 0px; WIDTH: 296px; FLOAT: left; FONT-SIZE: 12px; BORDER-TOP: #ccc 1px dotted; PADDING-TOP: 10px; _margin: 15px 6px 0
}
.wi-list {
	LINE-HEIGHT: 1.3em; MARGIN: 0px 0px 0px; WIDTH: 296px; FLOAT: left; FONT-SIZE: 12px; BORDER-TOP: #ccc 1px dotted; PADDING-TOP: 10px; _margin: 15px 6px 0
}
.ffPos-0 {
	BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; MARGIN-TOP: 10px !important; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none; PADDING-TOP: 0px !important
}
.ihop .pr-item {
	POSITION: relative
}

.ihop A {
	TEXT-DECORATION: none
}
.ihop A:hover {
	TEXT-DECORATION: none
}
.ihop .pr-item A.overlay {
	COLOR: #fff; CURSOR: pointer; TEXT-DECORATION: underline
}

A:hover .pr-overlay-text {
	COLOR: #fff; CURSOR: pointer; TEXT-DECORATION: underline
}
.ihop .pr-item .pr-desc IMG {
	BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; MARGIN: 0px; BORDER-TOP-STYLE: none; FLOAT: none; BORDER-LEFT-STYLE: none
}

.ihop .pr-overlay {
	POSITION: absolute; FILTER: alpha(opacity=75); PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.4em; PADDING-LEFT: 10px; WIDTH: 280px; PADDING-RIGHT: 10px; HEIGHT: 20px; TOP: 144px; FONT-WEIGHT: bold; PADDING-TOP: 5px; opacity: .75; -moz-opacity: .75
}

BODY:unknown .ihop .pr-overlay {
	HEIGHT: 19px; PADDING-TOP: 6px
}

.ihop .pr-overlay-text {
	Z-INDEX: 500; POSITION: absolute; TEXT-ALIGN: left; PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.4em; PADDING-LEFT: 10px; WIDTH: 280px; PADDING-RIGHT: 10px; FONT-FAMILY: arial, verdana, sans-serif; HEIGHT: 20px; COLOR: #fff; FONT-SIZE: 12px; OVERFLOW: hidden; TOP: 143px; FONT-WEIGHT: bold; PADDING-TOP: 5px
}

.ihop .default {
	BACKGROUND: #369
}

.ihop .default-b {
	BACKGROUND: #eaeaea; COLOR: #369
}

.ihop .content-label {
	PADDING-LEFT: 1px; COLOR: #fff; FONT-SIZE: 12px
}
.noBorder {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px
}
/* FIN ARTICLE DU JOUR ABC */