@charset "utf-8";

/* ---------------------------   PAGE D'ACCUEIL  ------------------------------------*/


/* HOME (Bloc UNE) */

#homeUne {
    width: 412px;
	height: 400px;
	overflow:hidden;
	margin-right:10px;
	float:left;
}

#homeUne #cadreSlideShow  {
	width: 412px;
	height: 400px;
}

/*Navigation*/	

#homeUne #navigation {
	height: 30px;
	width:396px;
	cursor:pointer;
	position:relative;
	left:6px;
	top: -130px;
	z-index:1;
	overflow:hidden;
}

#homeUne #navigation div {
	height: 30px;
	width:25px;
	margin:0px 2px 0px 5px;
	overflow:hidden;
}

#homeUne #navigation .gauche{
	float:left;
}

#homeUne #navigation .droite {
	float:right;
}

#homeUne #navigation img:hover {
    margin-left:-35px;
	
}

/*Slide*/

#homeUne #contenuUne {
	width:396px;
	height:72px;
	position:relative;
	z-index:1;
	top:-117px;
	left:8px;
	overflow: hidden;
	
}
#homeUne .SlidingPanels {
	/*width: 100%;
	height: 72px;
	padding: 0px;*/
}

#homeUne .SlidingPanelsAnimating  {
	overflow: hidden !important;
}


#homeUne .SlidingPanelsFocused .blocImage{
	
}

#homeUne #contenuUne .SlidingPanelsContentGroup  {
	float:left;
	width: 1200px;
	position: relative;
	/*filter: alpha (opacity=80);
	-moz-opacity : 0.8;*/
	
}

#homeUne #contenuUne .SlidingPanelsContent {
	float: left;
	margin: 0px 4px 0px 0px;
	list-style: none;
	-moz-user-select: none;
	cursor: pointer;
	font-size: 0.7em;
	width:94px;
	height:70px;
	overflow:hidden;
	border: solid 1px #666666;
	background-color: #CCCCCC;
	color:#FFFFFF;
    text-align:center;
}

#homeUne #contenuUne .selected {
	background-color: #000000;
	border: solid 1px #FDC700;
}

#homeUne #contenuUne .SlidingPanelsContent img{
	
}


/* HOME (Focus) */

#homeFocus {
	font-family: 'Arial', sans-serif;
	font-size: 12px;
	width: 320px;
	height:400px;
	overflow:hidden;
	float:left;
}

#homeFocus .AccordionPanel {
	margin: 0px;
	padding: 0px;
}

#homeFocus .AccordionPanelTab {
	margin: 0px;
	padding:2px 3px;
	cursor: pointer;
	-moz-user-select:none;
	color: #FFFFFF;
	background:url(../images/ongletHomeFocus.png) no-repeat top right #9B2B2F;
	font-weight:bold;
	margin-bottom:3px;
}

#homeFocus .AccordionPanelOpen .AccordionPanelTab {
	background-position: bottom right;
	background-color: #FFFFFF;
	color: #9B2B2F;
	border-top: solid 1px #9B2B2F;
	border-left: solid 1px #9B2B2F;
	border-right: solid 1px #9B2B2F;
}

#homeFocus .AccordionPanelTabHover {
	background-position: center right;
	background-color: #000000;
}

#homeFocus .AccordionPanelOpen .AccordionPanelTabHover {
    background-position: bottom right;
	background-color: #FFFFFF;
	color: #9B2B2F;
}

#homeFocus .AccordionFocused .AccordionPanelTab {
}

#homeFocus .AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
}


#homeFocus .AccordionPanelContent {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	height: 270px;
	background-color:#FFFFFF;
	font-size: 11px;
	color: #000000;
}

#homeFocus .AccordionPanelContent a {
	color: #1F6894;
	text-decoration: none;
}

#homeFocus .AccordionPanelContent a:hover  {
    color:#EB7106;
}

#homeFocus .blocImage {
	width:320px;
	height:180px;
	overflow:hidden;
	background-color:#000000;
	margin-bottom:3px;
}

#homeFocus .blocImage img {
	width:320px;
	border:none;
}

#homeFocus .AccordionPanelContent .contenu {
	border-bottom: solid 1px #9B2B2F;
	border-left: solid 1px #9B2B2F;
	border-right: solid 1px #9B2B2F;
	height:83px;
}

#homeFocus .AccordionPanelContent .titre {
	font-size:13px;
	height:1.1em;
	overflow:hidden;
	font-weight:bold;
	color: #000000;
	padding:0px 5px;
	margin-bottom:5px;
	margin-top:2px;
}

#homeFocus .AccordionPanelContent .titre a{
	color: #000000;
	text-decoration:none;
}

#homeFocus .AccordionPanelContent .titre a:hover{
	color: #9B2B2F;
}

#homeFocus .AccordionPanelContent .intro {
	padding: 0px 5px;
	height: 2.4em;
	overflow: hidden;
	line-height:1.2em;
	margin-bottom:9px;
	font-size:11px;
}

#homeFocus .AccordionPanelContent .date {
	height: 1em;
	padding: 0px 5px;
	float: left;
	font-size:11px;
}

#homeFocus .AccordionPanelContent .suite {
	height: 1em;
	padding: 2px 5px;
	float: right;
	font-size:11px;
}

/* HOME (fil de l'actu)  */

#homeNews {
	width: 220px;
	font-family: 'Arial', sans-serif;
    font-size:11px;
    float:left;
	margin-right:10px;
	margin-bottom:10px;
	border-left:solid 2px #E31B22;
}

#homeNews .entete {
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	width:220px;
	padding:5px 0px;
	background-color:#E31B22;
}

#homeNews .entete a{
	text-decoration:none;
	color:#FFFFFF;
}

#homeNews .dateNews {
	color: #000000;
	padding:0.6em;
	font-size: 10px;
	margin-bottom:10px;
}

#homeNews #ligne {
	text-decoration: none;
	color: #000000;
	display:block;
	height:1.5em;
    padding-left: 0.5em;
	padding-top:0.4em;
}

#homeNews #ligne.gris {
	background-color: #EEEEEE;
}

#homeNews #ligne.blanc {
	background-color: #FFFFFF;	
}

#homeNews a#ligne:hover {
	color: #FFFFFF;
	background-color:#000000;
}

#homeNews #ligne.importance_1, #homeNews #ligne.importance_2 {
	color: #E31B22;
}

#homeNews #ligne.importance_3 {
	color: #E31B22;
	font-weight:bold;
}

#homeNews .voirLeReste  {
	background-color: #000000;
	height: 1.3em;
	text-align: right;
	padding-right: 1em;
	padding-top:0.2em;
	padding-bottom:0.2em;
	font-size:12px;
	margin-top:10px;
	
}
#homeNews .voirLeReste a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bold;
}

#homeNews .voirLeReste a:hover {
	color: #EB7106;
}

/* HOME (meilleur du Web)  */

#homeMeilleurDuWeb {
    width:220px;
	font-family: 'Arial', sans-serif;
    font-size:11px;
	margin-right:10px;
	float:left;
	margin-bottom:10px;
	border-left:solid 2px #CCA8CC;
}

#homeMeilleurDuWeb .entete {
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	width:220px;
	padding:5px 0px 3px 0px;
	background-color:#CCA8CC;
}

#homeMeilleurDuWeb .entete a{
	text-decoration:none;
	color:#000000;
}

#homeMeilleurDuWeb .ligne {
	width:210px;
	padding:1em 5px;
	border-top:solid 2px #CCA8CC;
	overflow:hidden;
}

#homeMeilleurDuWeb a.ligne {
	display:block;
	text-decoration:none;
	color:#000000;
}

#homeMeilleurDuWeb a.ligne:hover {
	background-color:#F2EDF5;
}

#homeMeilleurDuWeb .ligne .titre {
	font-size:12px;
	font-weight:600; 
	margin-bottom:5px;
}

#homeMeilleurDuWeb .ligne .titre {
	color:#000000;
}

#homeMeilleurDuWeb a.ligne:hover .titre{
	color:#904890;
}

#homeMeilleurDuWeb .ligne .anglais {
	font-size:11px;
	font-style:italic;	
	color:#904890;
}

#homeMeilleurDuWeb .ligne .contenu {
    
}

#homeMeilleurDuWeb .ligne .contenu .blocImage{
	width:80px;
	overflow:hidden;
	border:solid 1px #CCA8CC;
	margin-right:5px;
	float:left;
}

#homeMeilleurDuWeb .ligne .contenu img{
	height: 60px;
	border:none;
}

#homeMeilleurDuWeb .ligne .contenu .texte {
    height:67px;
	line-height:1.2em;
	overflow:hidden;
}

#homeMeilleurDuWeb .ligne .contenu .intitule {
    color:#904890;
	margin-top:5px;
	text-align:right;
}

#homeMeilleurDuWeb .ligne .contenu .intitule span{
	font-weight:bold;
}

#homeMeilleurDuWeb #voirLeReste  {
	background-color: #000000;
	height: 1.3em;
	text-align:right;
	padding-right: 1em;
	padding-top:0.2em;
	padding-bottom:0.2em;
	font-size:12px;
}

#homeMeilleurDuWeb #voirLeReste a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bold;
}

#homeMeilleurDuWeb #voirLeReste a:hover {
	color: #EB7106;
}


/* HOME (zapping test)  */

#homeTest {
    width:180px;
	font-family: 'Arial', sans-serif;
    font-size:12px;
	float:left;
	overflow:hidden;
	margin-bottom:10px;
	margin-right:10px;
}

#homeTest .entete {
    font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	width:180px;
	padding:5px 0px;
	background-color:#009179;
}

#homeTest .entete a{
	text-decoration:none;
	color:#FFFFFF;
}

/* Slide */
#homeTest #zappingTest{
	font-family:'Arial', sans-serif;
	font-size:12px;
	width: 180px;
	height: 185px;
	overflow:hidden;
}

#homeTest  #zappingTest .SlidingPanels {
	width: 180px;
	height: 185px;
	overflow: hidden;
	position: relative;
	float:left;
}

#homeTest  #zappingTest .SlidingPanelsContainer {
	position: absolute;
	float:left;
	width: 8000em;/* Si on enlève la largeur, le slide sera vertical vers le BAS*/
}

#homeTest  #zappingTest .SlidingPanelsContent {
	width: 162px;
	padding:6px;
	border: solid 3px;
	float: left;/* Si on enlève la largeur, le slide sera vertical vers le HAUT*/
}

#homeTest #zappingTest #p_noir {
    background-color:#000000;
	border-color:#000000;
	color:#FFFFFF;
}

#homeTest #zappingTest #p_blanc {
    background:#FFFFFF;
	border-color:#000000;
	
}

#homeTest #zappingTest .content{
	width:162px;
	height:122px;
	overflow:hidden;

}

#homeTest #zappingTest .content .blocImage{
	overflow:hidden;
	position:relative;
	width:160px;
	height:120px;
	border:solid 1px;
	z-index:0;
}

#homeTest #zappingTest #p_noir .content .blocImage{
	border-color: #FFFFFF;
}

#homeTest #zappingTest #p_blanc .content .blocImage{
	border-color: #000000;
}

#homeTest #zappingTest .content img{
	height: 120px;
	border:none;
}

#homeTest #zappingTest .content .divRubrique {
	 font-family:'Arial', sans-serif;
	 font-size:11px;
	 text-transform: uppercase;
	 text-align:center;
	 color:#FFFFFF;
	 font-weight:bold;
	 background:url(../images/transparentVert65.png) repeat;
	 width:35px;
	 padding:1px 0px;
	 position: relative; 
	 top:-121px;
	 left:126px;
	 z-index:1;
}

#homeTest #zappingTest .content .divTitre {
	font-family:'Arial', sans-serif;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
    text-align:center;
	background:url(../images/transparentNoir50.png) repeat;
	width:158px;
	height:26px;
	padding:1px 1px 0px 1px;
	line-height:1em;
	position: relative;
	top:-44px;
	left:1px;
	z-index:1;
}

#homeTest #zappingTest #sousIllustration {
	clear:left;
	margin-top:5px;
	height:40px;
	overflow:hidden;

}

#homeTest #zappingTest #nav{
	float:left;
	width:20px;
	overflow:hidden;
	padding-top:5px;
}

#homeTest #zappingTest #nav img:hover{
	margin-left:-30px;
	cursor:pointer;
}

#homeTest #zappingTest #infosSup {
	float:left;
	width:122px;
	font-size:10px;
	text-align:center;
}

/* bas home test */

#homeTest #voirLeReste  {
	background-color: #000000;
	height: 1.3em;
	text-align: right;
	padding-right: 1em;
	padding-top:0.2em;
	padding-bottom:0.2em;
	font-size:12px;
}

#homeTest #voirLeReste a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bold;
}

#homeTest #voirLeReste a:hover {
	color: #EB7106;
}

/* HOME (sorties) */

#homeSortie {
    width:178px;
	font-family: 'Arial', sans-serif;
    font-size:12px;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
	border-right:solid 2px #009EE0;
}

#homeSortie .entete {
    font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	width:178px;
	padding:5px 0px;
	background-color:#009EE0;
	margin-bottom:8px;
}

#homeSortie .entete a{
	text-decoration:none;
	color:#FFFFFF;
}

#homeSortie .ligne {
	width:172px;
	height:47px;
	padding:5px 3px;
	display:block;
}

#homeSortie a.ligne {
    text-decoration:none;
}

#homeSortie .ligne .blocImage{
	width:60px;
	height:45px;
	overflow:hidden;
	margin-right:2px;
	float:left;
	border:solid 1px #009EE0;
}

#homeSortie .ligne img{
	height: 45px;
	border:none;
}

#homeSortie .ligne .titre {
	 height:2.2em;
	 overflow:hidden;
	 line-height:1.1em;
	 text-align:left;
	 font-size:11px;
	 color:#000000;
	 margin-bottom:8px;
}

#homeSortie a.ligne:hover .titre{
	color:#009EE0;
}

#homeSortie #ligne .decompte {
     font-size:11px;
	 text-align:left;
}

#homeSortie .ligne .decompte span {
     font-size:11px;
	 padding:1px 4px;
	 background-color:#FFE400;
     color:#000000;
	 font-weight:bold;
}

#homeSortie #voirLeReste a:hover {
	color: #EB7106;
}

#homeSortie #voirLeReste  {
	background-color: #000000;
	height: 1.3em;
	text-align: right;
	padding-right: 1em;
	padding-top:0.2em;
	padding-bottom:0.2em;
	font-size:12px;
	margin-top:8px;
}

#homeSortie #voirLeReste a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bold;
}

#homeSortie #voirLeReste a:hover {
	color: #EB7106;
}

/* HOME (astuces) */

#homeAstuces {
     width:178px;
	 font-family: 'Arial', sans-serif;
     font-size:12px;
	 margin-right:10px;
	 margin-bottom:10px;
	 float:left;
	 border-right:solid 2px #0B6694;
}

#homeAstuces .entete {
    font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	width:178px;
	padding:5px 0px;
	background-color:#0B6694;
}

#homeAstuces .entete a{
	text-decoration:none;
	color:#FFFFFF;
}

#homeAstuces #dernieres {
    background-color:#FFFFFF;
	margin:10px 0px;
}

#homeAstuces #consultees {
    background-color:#FFFFFF;
	margin:10px 0px;
}

#homeAstuces #separation {
    background-color:#FFFFFF;
	height:1px;
	width:60%;
	margin:0px 20%;
	background-color:#0B6694;
}

#homeAstuces .intitule { 
	font-weight:bold;
	padding:2px;
	color:#000000;
	font-size:13px;
	margin-bottom:5px;
	border-bottom:solid 1px #0B6694;
}

#homeAstuces .ligne {
	padding:2px 2px 2px 9px;
	font-size:11px;
}

#homeAstuces .ligne a{
	text-decoration:none;
	color:#000000;
}

#homeAstuces .ligne a.importance_1, #homeAstuces .ligne a.importance_2 {
	text-decoration:none;
	color:#1F6894;
}

#homeAstuces .ligne a.importance_3 {
	text-decoration:none;
	color:#1F6894;
	font-weight:bold;
}

#homeAstuces .ligne a:hover, #homeAstuces .ligne a.importance_1:hover, #homeAstuces .ligne a.importance_2:hover, #homeAstuces .ligne a.importance_3:hover{
	color:#EB7106;
}

#homeAstuces #voirLeReste {
	background-color: #000000;
	height: 1.3em;
	text-align: right;
	padding-right: 1em;
	padding-top:0.2em;
	padding-bottom:0.2em;
	font-size:12px;
}

#homeAstuces #voirLeReste a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bold;
}

#homeAstuces #voirLeReste a:hover {
	color: #EB7106;
}

/* HOME (bloc pub ) */
#blocPubHome {
	width:320px;
	margin-bottom:10px;
}

/* HOME (articles) */

#homeArticles {
    width:320px;
	font-family: 'Arial', sans-serif;
    font-size:12px;
	margin-bottom:10px;
	background-color:#FFFFFF;
}

#homeArticles .liste{
	border: solid 2px #000000;
	width:312px;
	float:left;
	padding:2px;
}

#homeArticles a#bloc {
	width:98px;
	margin:2px;
	float:left;
	overflow:hidden;
	display:block;
	text-decoration:none;
	cursor:pointer;
}

#homeArticles a#bloc:hover {
	background-color:#FDC700;
	border: solid 1px #000000;
	color:#EB7106;
}

#homeArticles #bloc.noir {
	background-color:#000000;
	border: solid 1px #000000;
}

#homeArticles #bloc.blanc {
	background-color:#FFFFFF;
	border: solid 1px #000000;
}

#homeArticles #bloc .angle {
	margin:2px 4px;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	clear:left;
}

#homeArticles #bloc.noir .angle {
	color:#FDC700;
}

#homeArticles #bloc.blanc .angle {
	color: #FDC700;
}

#homeArticles a#bloc:hover .angle {
	color:#000000;
}

#homeArticles #bloc .blocImage {
	width:90px;
	height:67.5px;
	overflow:hidden;
	margin-left:4px;
	margin-right:4px;
	margin-bottom:1px;
}

#homeArticles #bloc img{
	height: 67.5px;
	border:none;
}

#homeArticles #bloc .sujet {
	height:2em;
	line-height:1em;
	margin-bottom:2px;
	text-align:center;
	padding:0px 1px;
	font-size:11px;
}

#homeArticles #bloc.noir .sujet {
	color:#FFFFFF;
}

#homeArticles #bloc.blanc .sujet {
	color:#000000;
}

#homeArticles a#bloc:hover .sujet {
	color:#000000;
}

#homeArticles #voirLeReste {
	background-color: #000000;
	height: 1.3em;
	text-align: right;
	padding-right: 1em;
	padding-top:0.2em;
	padding-bottom:0.2em;
	font-size:12px;
	clear:left;
}

#homeArticles #voirLeReste a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bold;
}

#homeArticles #voirLeReste a:hover {
	color: #EB7106;
}

/* HOME (videos) */

#homeVideos {
    width:320px;
	font-family: 'Arial', sans-serif;
    font-size:12px;
	margin-bottom:10px;
	cleat:left;
}

#homeVideos .entete {
    font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	width:320px;
	padding:5px 0px;
	background-color:#C7C5DD;
}

#homeVideos .entete a{
	text-decoration:none;
	color:#000000;
}

#homeVideos #lecteurHome {
    width:320px;
    height:240px;
    margin-bottom:5px;
	background-color:#000000;
	clear:left;
}

#homeVideos #liste {
	border-right:double 3px #C7C5DD;
	width:317px;
	float:left;
}

#homeVideos a#bloc {
	width:317px;
	padding:5px 0px;
	float:left;
	text-decoration:none;
	cursor:pointer;
	background-color:#FFFFFF;
	color:#333333;
	border-bottom:double 3px #C7C5DD;
}

#homeVideos a#bloc:hover {
	background-color:#E8E7F1;
	color:#8C91C3;
}

#homeVideos #bloc .blocImage {
	width:128px;
	height: 72px;
	overflow:hidden;
	float:left;
	border:solid 1px #8C91C3;
	margin-right:10px;
}

#homeVideos #bloc img{
	width:128px;
	border:none;
}

#homeVideos #bloc .sujet{
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	margin:5px 5px 5px 0px;
	height:3.3em;
	overflow:hidden;
	line-height:1.3em;
	text-align:left;
	
}

#homeVideos #bloc .typeVideo{
	font-weight:bold;
}


#homeVideos #voirLeReste {
	background-color: #000000;
	height: 1.3em;
	text-align: right;
	padding-right: 1em;
	padding-top:0.2em;
	padding-bottom:0.2em;
	font-size:12px;
	clear:left;
}

#homeVideos #voirLeReste a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bold;
}

#homeVideos #voirLeReste a:hover {
	color: #EB7106;
}

/* HOME (citation) */

#homeCitation {
    font-family:'Arial', sans serif;
	font-size:12px;
    width:742px;
	margin-bottom:10px;
}

#homeCitation .entete {
	font-size:16px;
	color:#000000;
	font-weight:bold;
	width:732px;
	height:1em;
	padding-left:10px;
	position:relative;
	z-index:1;
}

#homeCitation a#bloc {
	text-decoration:none;
	color:#000000;
	padding:10px;
	display:block;
	position:relative;
	z-index:0;
	top:-2px;
	left:0px;
	border:solid 3px #D0D6E2;
}

#homeCitation .citation {
    font-size:12px;
	line-height:1.5em;
	padding:0.6em 1em 1em 1em;
	font-weight:bold;
}

#homeCitation .auteur {
	font-size:11px;
	padding-right:1em;
	margin-bottom:0.3em;
	text-align:right;
	font-weight:bold;
}

#homeCitation .titre {
	font-size:12px;
	color:#1F6895;
}