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

html, body{
	font-family: Verdana, Arial, sans-serif;
	width:100%;
	font-size:12px;
	line-height:16px;
	text-align:center;  
}





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{
  
	position:relative;
	
}

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:none ! important;
}
.gras13
{
	font-size:13px;
	font-weight:bold;
}

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

img.float-right{
  float:none ! important;
  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;
}


p.spip
{
width:90%;
  margin: 12px 0px;
}

h3.spip
{
	color:#65594E;
}
.pad10
{
	padding:10px;
}
.pad23
{
	padding-left:23px;
	padding-top:5px;
}
.p13
{
	font-size:13px;
}
.p10
{
	font-size:10px;
}
/*
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
      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:100%;
  text-align:left
}
#main_accueil {
  width:100%;
  text-align:left
}

.bg_alpha {
display:none;

}
.align_top
{
	vertical-align:top;
}

/*___________________________________________________________

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

#header {
	display:none;
}
#header_accueil {
display:none;
}
#menu {
display:none;
}



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


/*___________________________________________________________

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



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

.col_left{
   float:none ! important;
  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:none ! important;
  width:214px;
}





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

div#menu_section {
  font:Arial, Helvetica, sans-serif;
   float:none ! important;
  width:214px;
  border-right:1px solid #FFFFFF;
  background-color: #9a000a;
	height: 268px;
display:none;
}


#shadow_menu{
display:none;
  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;
   

  
  width:100%;
}
#centre_accueil
{
  z-index:2;
  
  min-height: 268px;
  height: 268px;
  height:auto !important;

  
  width:100%;
}

#media {
  float:none ! important;
}


#content {
  float:none ! important;
  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:none ! important;
  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%;
}

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

#flash_legende {
  width: 50%;
}


#splash {
display:none;
}


#flash_show {
display:none;
}


#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: none;
  
}

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

.show_card {
 float:none ! important;
  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:320px;
}

#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 ;
  */
}


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

a#logo_home:hover {
  background: none;
}


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

.show_vedette div.texte{
 float:none ! important;
  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:none ! important;
  text-align:left;
  width: 750px;
  margin-top:5px;
  border-top: dotted 1px #9a8b7d ;
  margin-left: 10px;
  /*height: 118px;*/
  
}

#texte_article {
  
  padding: 10px;
  width:100%
}

#footer, #footer_accueil{
    
  text-align:right;
    
  width: 100%;
  clear:both;
  font:normal 9px Arial;

  
}