@charset "utf-8";
/* CSS Document */

html, body{
	font-family: Verdana, Arial, sans-serif;
	height:100%;
	width:100%;
	font-size:11px;
	line-height:15px;
	color:#65594e;
	text-align:center;
  background: #FFFFFF url(../images/bg_body.jpg) top left repeat-x fixed;
  
}





html, body, h1, h2, h3, h4, h5, h6, img, div, table, tbody, td, ul, li, dl, dt, dd, p, a, form, input
{
  border:none;
	padding:0px;
	margin:0px;
}

div{
  display:block;
	position:relative;
	overflow:hidden;
}

ul, li {
  /* list-style: square url(); */
  list-style: none;
}

table, tbody{
  border-collapse:collapse;
}

.h_img {
  display: block;
  position: relative;
  line-height: 4px;
  font-size: 4px;
  overflow: hidden;
}

.h_img img { 
  position: relative;
  z-index: 2;
  /*
  top:0px;
  left: 0px;
  */
  /* left:0%; */
  /* left:0px;  is not indicated to allow float block relative positioning */
}
 
.h_img span{
  position: absolute;
  left: 100%;
  top: 100%;
  z-index: 1;
}

.fleft
{
	float:left;
}
.gras13
{
	font-size:13px;
	font-weight:bold;
}

img.float-left{
  float:left;
  padding:0px 5px 2px 0px;
}

img.float-right{
  float:right;
  padding:0px 2px 2px 5px;
}

h1{
  font-size:13px;
  margin-bottom:15px;
}

h2, h3 {
  font-size:13px;
  color: #FFFFFF;
}
h4, h5 {
  font-size:12px;
  color: #65594E;
  margin: 2px 0px;
}

h6{
  color: #9a000a;
  font-weight:bold;
}



a {
 	color: #65594e;
  text-decoration: none; 
}
a:hover {
 	font-weight: bold;
  /*
    background-color: #948475;
    color: #FFFFFF; 
  */
}

a.spip_out, a.spip_ancre{
  /* text-decoration:underline;
 
  font-weight:bold;
   */
   color: #9a000a;
}

a.suite{
  /* text-align:left; */
  font-weight:normal;
  margin: 0px 10px;
  padding: 1px 3px 2px 3px ;
}

a.suite:hover{
	/*font-weight: bold;*/
  background-color: #948475;
  color: #FFFFFF;
}

p.spip
{
	/*clear:both;*/
  margin: 12px 0px;
}

hr.spip
{
	clear:both;
 /* display: block;
  height: 40px;
  background-image: url('image.jpg');
  background-repeat: no-repeat;
  background-position: center center;  
 clear: both;*/
visibility: hidden;
}

h3.spip
{
	margin-top:20px;
	margin-bottom:18px;
	color:#65594E;
}
.pad10
{
	padding:10px;
}
.pad23
{
	padding-left:23px;
	padding-top:5px;
}
.p13
{
	font-size:13px;
}
.p10
{
	font-size:10px; line-height:13px;
}
/*
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
      COLOR DEFINITION
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
*/

.rouge{       color: #b8000d;   }
.bordeau{     color: #9a000a;   }
.brun_dark{   color: #65594E;   }
.brun{        color: #948475;   }
.brun_light{  color: #BBAA9A;   } 

.bg_rouge{       color: #b8000d;   }
.bg_bordeau{     background-color: #9a000a;   }
.bg_brun_dark{   background-color: #65594E;   }
.bg_brun{        background-color: #948475;   }
.bg_brun_light{  background-color: #BBAA9A;   }


/*
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
      COLOR DEFINITION
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/

#main {
  width:984px;
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  /*border-top:none;
  border-bottom:none;*/
  width/**/:/**/982px;
  margin-right:auto; 
  margin-left:auto;
  text-align:left
}
#main_accueil {
  width:984px;
  border: 0px solid #FFFFFF;
  border-top:none;
  border-bottom:none;
  width/**/:/**/982px;
  margin-right:auto; 
  margin-left:auto;
  text-align:left
}

.bg_alpha {
  position:absolute;
  top:120px;
  left:0px;
  width:100%;
  height:2000px	;
  background: #F6F2F1;
 /*
  opacity:0.15; 
  filter:alpha(opacity=15);
  -moz-opacity:0.15; 
  */
  z-index:0;
}
.bg_alpha img{
  width:100%;
  height:800px;
}

.align_top
{
	vertical-align:top;
}

/*___________________________________________________________

>>>  H E A D E R    
_____________________________________________________________*/

#header {
  width: 982px; 
  /* width:987px; Pour SAFARI */
  height: 134px;
  background: url(../images/bg_header.jpg) top left no-repeat;
  border-bottom: 1px solid #FFFFFF;
  z-index:1;
}
#header_accueil {
  width: 982px; 
  /* width:987px; Pour SAFARI */
  height: 134px;
  background: url(../images/bg_header.jpg) top left no-repeat;
 
  
  border-bottom: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  z-index:1;
}
#menu {
	position: absolute;
	bottom: 0px;
	left: 0px;
  height: 29px;
  width: 100%;
  text-align: left;
}


#menu a, #menu img {
  float:left;
  display:block;
  /*  padding: 0px 10px 0px 10px;
  height:29px; 
  background: url(../images/menu_separateur.gif) no-repeat;
  background-position:  top; */
  /* display:block; */
}

#menu a {
  height: inherit;
}
#menu a:hover {
  height: inherit;
  background: none;
}

/*
#menu a img {
  position: relative;
  top: 0px;
}
*/

#menu a:hover img {
  /*  padding: 0px 10px 0px 10px;
  height:29px; 
  background: url(../images/menu_separateur.gif) no-repeat;
  background-position:  top; */
  position: relative;
  top: -29px; 
}
#menu a.actif:hover img {
  /*  padding: 0px 10px 0px 10px;
  height:29px; 
  background: url(../images/menu_separateur.gif) no-repeat;
  background-position:  top; */
  position: relative;
  top: 0px; 
}

#menu_haut {
  border:0px;
  height:26px;
  position:absolute;
  top:0px;
  right:13px;
}

#menu_haut img {
  display:block;
  float:left;
}

#menu_haut a {
  display:block;
  float:left;
  height:100%;  /* un element en float left ne considere pas 'height:100%' */
  padding: 0px 10px;
  margin: 0px 10px;
}

#menu_haut a:hover, #menu_haut a.actif {
  background-color: #9A000A;
}

#menu_haut a img {
  float:none;
  position:relative;
}

form#search {
  display: inline-table;
}

#menu_haut input {
  margin: 3px 0px;
}

input#recherche {
  /* top:0px; */
  padding: 0px 3px;
  vertical-align:top;
  height:17px;
  font-size:12px;
  font-weight:bold;
  color:#65594e;
}

/*___________________________________________________________

>>>       C O N T E N U         D U      S I T E
_____________________________________________________________*/

.plus{
  position: absolute;
  bottom: 0px;
}


/*___________________________________________________________

>>>  C E N T R E    H A U T 
_____________________________________________________________*/



/*-----------------------
>>>  COLONNE  GAUCHE 
------------------------- */

.col_left{
  float:left;
  width:214px;
  height:inherit; /* un element en float left il ne peut pas avoitrune auteur de 100% */
  border-right:1px solid #FFFFFF;
}

.col_right{
  float:right;
  width:214px;
}





/*-----------------------
>>>  MENU SECTION 
------------------------- */

div#menu_section {
  font-family:Arial, Helvetica, sans-serif;
  float:left;
  width:214px;
  border-right:1px solid #FFFFFF;
  background-color: #9a000a;
	height: 268px;
  /*min-height:268px;
  
  height: auto !important;*/
}

#main_accueil #menu_section { background: #9a000a url(../images/top_menu_section.gif) no-repeat top left; }

#menu_section h2, #menu_section h3{
  margin: 20px 0px 10px 25px;
  color: #FFFFFF;
}

#menu_section ul, #menu_section .titre_rubrique{
  margin: 6px 0px 0px 0px;
}
#menu_section li{
  width: 214px;color:#FFFFFF;
}
#menu_section li a{
  display:block;
  /* background-color: #9a000a; */
  color:#FFFFFF;
  
  width: auto;
  padding: 5px 5px 4px 25px ;
  /*width 184px; 184 = 214 - 25 - 5 */
  
  opacity: 0.80;
  filter:alpha(opacity=80); 
  -moz-opacity: 0.8 ;
  
  font-family: Arial;
  font-size: 11px;
}

#menu_section li a:hover{
  background-color: #b8000d; 
  font-weight: normal;
  opacity: 1;
  -moz-opacity: 1 ;
  filter:alpha(opacity=100); 
  
}

#menu_section li a.selected{
  background-color: #500004; /* #3c0003;  #150001;  */
  
  opacity: 1;
  -moz-opacity: 1 ;
  filter:alpha(opacity=100); 
  font-weight: normal;
}

#menu_section li a.selected:hover{
  background-color: #500004; /* #3c0003;  #150001;  */
}

/*
ul.selection li, ul.selection li a{
  width: auto;
  padding: 4px 10px; 
}
#menu_section ul.selection li a.selected{
  background-color: none; 
}
#menu_section ul.selection li a.selected:hover{
  background-color: none;
}
*/

#menu_section .titre_rubrique{
  padding: 3px 0px 5px 25px ;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 11px;
}

#shadow_menu{
  height:268px;
  width:11px;
  position:absolute;
  left: 203px; /* 203 = 214 - 11 */
  top:0px;
}

#intro_rubrique{
  margin: 16px 20px;
  color:#FFFFFF;
  height: 228px;
}
#intro_rubrique h1{
  color:#FFFFFF;
  margin-bottom: 2px;
}
#intro_rubrique p{
  text-align:left;
}
#menu_section a.plus{
  display:block;
  width:100%;
  text-align: center;
  padding: 10px 0px 16px 0px;
}

/* -----------------------
<<<  MENU SECTION 
------------------------- */



/* -----------------------
>>> CONTENT 
------------------------- */

#centre
{
  z-index:2;
  
  min-height: 268px;
  height: 268px;
  height:auto !important;
   
/*  overflow:visible; */
    
  background: #f5f2f0 url(../images/bg_content.jpg) repeat-x top left;
  
  width:100%;
}
#centre_accueil
{
  z-index:2;
  
  min-height: 268px;
  height: 268px;
  height:auto !important;
  
  border-bottom: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
/*  overflow:visible; */
    
  background: #f5f2f0 url(../images/bg_content.jpg) repeat-x top left;
  
  width:100%;
}

#media {
  float:left;
}


#content {
  float:left; 
  width: 766px; /* 552 + 214 = 766 */
  border-left:1px solid #FFFFFF;
  left: -1px; /* supperpose les border de '.col_left' et '#content' */
}

.bloc_contenu {
  padding: 16px 20px 24px 20px;
}

.bloc_contenu h2, .bloc_contenu h3 {
  
}

.bloc_contenu.distinction h2 {
  color: #9a000a;
  font-weight:bold;
}


.year {
  margin: 0px 0px 20px 0px;
}

.prix {
  margin: 5px 0px;
}

.bloc_contenu.distinction h3{
  color: #65594E;
  font-weight:bold;
}


#logo_article, .document_article {
  float:right;
  clear:left;
  border: #FFFFFF 1px solid;
}

.spip_documents_left{
  margin-right:10px;
  margin-bottom:4px;
}

.spip_documents_right{
  margin-left:10px;margin-bottom:4px;
}

#flash {
  width: 100%;
  height: 268px;
  background: transparent url(../images/fond_flash.jpg) no-repeat top left;
}

#flash_legende .plus {
bottom:10px;
left:100px;
}

#flash_legende {
  float: right;
  width: 214px;
  height: 268px;
  color: #FFFFFF;
  padding: 16px 20px;
  border-left:1px solid #FFFFFF;
  width/**/:/**/ 173px;
  height/**/:/**/ 236px;
  background-color: #BBAA9A;
}


#splash {
  height: 268px;
  width: 552px;
  position: absolute;
  z-index: 20;
}


#flash_show {
  height: 327px;
  width: 552px;
  position: absolute;
  left: 215px;
  top: 135px;
  z-index: 20;
  background: transparent url(../images/fond_flash.jpg) no-repeat top left;
}


#flash_text {
  
  background: #948475;
  color: #FFFFFF;
  height: 100%;
  border-left: 1px solid #FFFFFF;
  width: auto;
  padding: 18px 20px;
}


/* -----------------------
>>>  CONTENU 
------------------------- */






/*___________________________________________________________

>>>  C E N T R E     B A S      D U      S I T E    
_____________________________________________________________*/



#centre_bas {
  z-index: 4;
}


/* 
<<<<<<<<<<<<<<<<<<<<<<<
   MENU RUBRIQUE
*/

ul#menu_rubrique {
  display: block;
  float:left;
  /*width:215px;*/
  width:210px;
  
  /*background: url(../images/dotted_line_v.gif) top right repeat-y;*/

  min-height: 268px;
  height: 268px;
  height: auto !important;
  
  padding: 13px 0px;
}

#menu_rubrique li {
  width: 210px;
}
#menu_rubrique li a {
  display:block;
  
  color:#65594e;
  
  width: 210px;
  padding: 3px 5px 5px 25px ;
  width/**/:/**/ 180px; /* 184 = 214 - 25 - 5 */
  
  text-decoration:none;
  background:none;
}

#menu_rubrique li a:hover {
  font-weight: normal;
  text-decoration: underline;
  background:none;
}

#menu_rubrique li a.selected, #menu_rubrique li a.selected:hover {
  font-weight: bold;

}


/*    MENU RUBRIQUE
>>>>>>>>>>>>>>>>>>>>>>>
*/




/*
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
           A C C U E I L
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
*/

.show_card {
  float: left;
  margin-right: 12px;
  width: 240px;
  height: 304px;
}

.show_card h3 {
  margin-bottom: 1px;
  padding: 2px 7px 3px 7px;
  height: 20px;
  height/**/:/**/ 15px;
  font-family: 'Arial Narrow'; 
  font-weight: bold;
}

.show_card h3 span {
  position: absolute;
  z-index: 1;
  top:100%;
  left:100%;
}
.show_card .h_img {
  padding: 0px;
  height: 20px;
}

.show_card div.texte {
  border-left: dotted 1px #9a8b7d;
  margin-top: 2px;
  padding: 7px 10px 20px 10px;
  height: 300px;
  height/**/:/**/267px; /* 137 = 164 - 7 -20 */
  overflow: hidden;
}

.show_card .plus {
  left: 7px;
}


/*-------------
   NOUVELLES
-------------*/

#news {
  border-left: dotted 1px #9a8b7d ;
  height:302px;
}

#news div, #news .h_img {
  padding: 0px 20px;
}

.short_news {
  margin-top:10px;
}

.nouvelle {
  margin-bottom:20px;
}

.date {
  color: #9a000a;
  font-weight:bold;
  margin-bottom: 2px;
  font-size:10px;
  font-weight:bold;
}

h4 a:hover {
  padding: 1px 0px 2px 0px;
/*
  padding-left: 3px ;
  padding-right: 3px ;
  */
}

/*
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
           A C C U E I L
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 
*/


#vedette_accueil{
  padding: 13px 0px;
  z-index:3;
  
}

#logo_home{ 
  position:absolute;
  display:block;
  top: 0px;
  left: 0px;
  width: 250px;
  height:100px;;
}

a#logo_home:hover {
  background: none;
}

/*
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
      NOUVELLES - RECHERCHES
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
*/

.searched_keyword {
  display:block;
  font-weight:bold;
  color:#FFFFFF;
  padding: 3px 0px 15px 25px ;
}

.pagination {
  margin: 16px 0px;
}

.pagination .on {
  font-weight:bold;
}

.lien_pagination {
  width: 20px;
  text-align: center;
}


.liste-articles ul li{
  display:block;
  position:relative;
  
  height:46px;
  min-height: 46px;
  height: auto !important;
  overflow: hidden;
  
  margin: 16px 0px;
}

/* .liste-articles ul li img.spip_logos { */
a.logo_document {
  display: block;
  float: left;
  margin: 0px 10px 10px 0px;
  /*
  position: absolute;
  top: 25px;
  left: 0px; 
  */
  border: #FFFFFF 1px solid;
    
}

a.logo_document img{
  border: #FFFFFF 1px solid;  
}

a.logo_document:hover{
  border: #65594e 1px solid;  
}

.liste-articles ul li p {
  /* margin: 0px 0px 0px 94px; */ /* 82 + 12 */
}



.encart{
  float: right;
  background-color: #BBAA9A;
  /* background-color: #948475; */
  border: 1px solid #FFFFFF;
}
.encart h2, .encart h3, .encart h4 {
  color:#FFFFFF;
  padding: 0px 25px;
  margin: 6px 0px;
}

.encart ul {
  margin: 8px 0px;
}

.encart li a{
  font-weight: bold;
  display: block;
  padding: 3px 25px 4px 25px ;
}

.contre-encart h2, .contre-encart h3{
  color: #65594E;
  margin: 0px 0px 3px 0px;
}

h2 a:hover, h3 a:hover, h4 a:hover{
  text-decoration: underline;
}
/*
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
      NOUVELLES - RECHERCHES
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/



/*
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
      T V   -  S P E C T A C L E 
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< 
*/

#vedette{
  padding: 13px 22px;
  z-index:3;
  
}

.show_vedette{
  width: 100%;
  /*height: 118px;*/
  margin-bottom:10px;
}

.show_vedette div.texte{
  float:right;
  text-align:left;
  width: 485px;
  border-top: dotted 1px #9a8b7d ;
  margin-left: 10px;
  padding: 12px 0px;
  /*height: 118px;*/
  height/**/:/**/93px; /* 94 = 118px - ( 12 *2 ) -1 */
  overflow:hidden;
}

.show_vedette div.later{
  float:right;
  text-align:left;
  width: 750px;
  margin-top:5px;
  border-top: dotted 1px #9a8b7d ;
  margin-left: 10px;
  /*height: 118px;*/
  
}

.bloc_logo_show{
  float:right;
  width:266px; /* 240 + ( 13*2 ) */
  height:119px;
}

.shadow_logo_show{
  z-index:1;
  height:119px;
}



.logo_show {
  z-index:2;
  height:116px;
  border: #FFFFFF solid 1px;
  background: #BBAA9A;
  margin: 0px 13px; /* 12px + 1px (border) */
  float: right;
}

.bloc_logo_show .logo_show{
  width:242px; /* border 1px solid */
  width/**/:/**/240px;
  float: none;
}

.shadow_logo_show {
  position: absolute;
  top:0px;
  left:0px;
}

.show_vedette .plus
{
  position: absolute;
  bottom: 0px; 
  left: 0px;
}

#ssmenu_TV{

}


h3.red
{
	color: #9a000a;
	font-weight:bold;
}

/*
   O-
 '()'
  ^^
  
*/


/*
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
      T V   -  S P E C T A C L E 
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/




/*
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
      E M I S S I O N 
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
*/

#texte_article {
  clear:none;
  padding: 75px 15px 30px 15px;
  /* border-left:1px dotted #948475; */
  margin-left: 3px;
  background: url(../images/dotted_line_v.gif) top left repeat-y;

}

/*
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
     E M I S S I O N 
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/



/*___________________________________________________________

>>>  F O O T E R    
_____________________________________________________________*/

#footer {
  z-index:4;
  
  background-color: #BBAA9A;
  text-align:right;
  color:#FFFFFF;  
  height: 32px;
  padding: 10px 20px;
  height/**/:/**/ 12px;
  clear:both;
  font:normal 9px Arial;

  
}
#footer_accueil {
  z-index:4;
  
  
  text-align:right;
  color:#AAAAAA;  
  /* width: 100%; */
  height: 20px;
  font:normal 9px Arial;

  
}