@charset "utf-8";

/*
NETTOYAGE
On remet les paramtres par dfaut   0.
*/
body, table, tr, td, p, dl, dt, dd, div, span, h1, h2, h3, h4, h5, h6, form, blockquote{
margin:0;
padding:0;
}
 
h1, h2, h3, h4, h5, h6, ul, li {
font-size : 11pt;
}
 
p {
margin: 2pt 0 0 0 ;
}

img {
border:none;
}


/* 
DEFINITIONS COMMUNES
*/
 body {
margin: 0;
padding: 0;
text-align: center; 
color: #333333;
font: normal 100% arial, sans-serif;
font-size: 10pt ; 
background-color: #fff;  
} 

/* 
DEFINITIONS COMMUNES
*/
* html body {  
font-size:  10pt  ; 
} 


 #accesibilite, #boutons, #footer  .liens, #bloc_recherche  {
 display:none;
visibility:hidden;
font-size : 0pt ;
margin : 0 ;
padding : 0 ;
width : 0 ;
height : 0 ;
}


 #top_menu {  
display:none;
visibility:hidden;
} 

   

 
#container {
position:relative;
width : 680px;
margin: 0px auto 0 auto;
text-align: left; /* ce paramtrage annule le paramtre text-align:center de l'lment body. */
color: #333;
   
 
} 

/*       HEADER   
 

*/
#header {
 width: 100%;
} 

#crdp  {
width: 100%;
padding : 10pt ;
border-bottom : 1px solid #ddd ;
margin  : 10pt  0;
}


#crdp .t1 {
 font-family:"Trebuchet MS";
 text-transform:uppercase ;
 font-size:medium ;
 color:#000 ;
 float : right ;
 text-align:right;
}

 



/*  pied de page   */ 
.thrColFixHdr #footer { 
font-size: 10pt ;
padding: 10pt  0   ;  
text-align:center ; 
 
} 



.thrColFixHdr #footer p {
margin: 0;
/* la mise  zro de la marge du premier lment du pied de page
 permet d'viter une possible disparition de la marge (espace entre les lments div) */
padding:   0; 
/* l'utilisation d'un remplissage pour cet lment cre un espace, 
tout comme une marge l'aurait fait, mais en vitant le risque de disparition de la marge */
}


 


.fltrt {
 /* cette classe permet de rendre flottant le ct droit d'un lment dans la page. 
 L'lment flottant doit prcder l'lment  ct duquel il doit se trouver dans la page. */
float: right;
margin-left: 8px;
}

.fltlft { 
/* cette classe permet de rendre flottant le ct gauche d'un lment dans la page */
float: left;
margin-right: 8px;
}

/*   outils pour nettoyage  des div flottantes    */
.clear:after {
content : "." ;
display:block ;
height:0;
font-size:0;
clear :both ;
visibility:hidden;
}

.clear { 
min-height:1px;
}

/*  pour IE6 */
* html .clear { 
height:1px;
}

/* cette classe doit tre place pour un lment div ou break et 
doit tre l'lment final avant la balise de fin d'un conteneur qui doit contenir entirement un lment flottant */
.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
margin : 0;
}


 


a {
color: #000000;
text-decoration:underline;
}
  







/*  REDEFINITION DES CLASSES SPIP */
  
p.spip { 
}


h3, h3.spip {
font: normal 95%  arial, helvetica; 
color:#000000 ;
margin: 16pt 0 ;
padding: 0;
font-weight: bold;
text-align:left ;
}

.spip_documents { 
width:100%;
}
.spip_documents_center { 
clear: both; 
width: 100%; 
margin: auto; 
}
span.spip_documents_center { 
display: block; 
margin-top: 15px ;
}
.spip_documents_left { 
float: left; 
margin-right: 15px; 
margin-bottom: 5px; 
}
.spip_documents_right { 
float: right; 
margin-left: 15px; 
margin-bottom: 5px; 
}
.spip_doc_titre { 
font-weight: bold;  
}
.spip_doc_descriptif { 
clear: both;  
}


/*  
le padding de gache sert  caler  le fil d'ariane sous le bandeau.
*/
#hierarchie {
padding: 0   ;
font-size: 9pt ; 
margin : 12pt 0; 
}








/* 
enttes  de rubriques du type "coup  de coeur"  "A l'affiche"...
deux niveau  bloc1, bloc2.
la largeur devra tre surcharge dans les gabarits 2 cols - 3cols.
 */
.entete_bloc {
color:#666 ; 
font-weight: bold ;
font-family:"Trebuchet MS", arial , helvetica ;
text-transform:uppercase ;
margin :  0.5em 0 1em   0   ; 
color:#CC3300 ; 
width : 100%;
}

/*  titre des blocs */
.entete_bloc1{
font-size : 16pt ;
color:#CC3300 ; 
}

/*  titre des blocs */
.entete_bloc2{
font-size : 14pt ; 
color:#CC3300 ; 
}
 

/*
insertion  d'un filet de sparation entre blocs smantiques
*/

#mainContent   div.separator {
padding:  0 ; 
margin :     0 ;    
} 

 


/*
insertion  d'un filet de sparation entre blocs smantiques
*/

#mainContent   div.separateur{
width:100%;
padding:    1em 0 0 0 ;    
margin :       0 ;    
} 

 


table.spip 

{

margin-top: auto;
margin-right: auto;
margin-left: auto;
margin-bottom: 1em;
border : 1px solid #aaa;  

width: 95%;
border-collapse: collapse;
border-spacing: 0px;
}

/*  tableaux */
 table.spip th, table.spip td  {
padding : 3px;
text-align: left;
vertical-align: middle;

}
table.spip td  { 
 font-size : 80%;
} 
 table.spip th {
  font-size :90%;
 background-color:#ddd ;
  }
  
  .row_first{
 background-color:#000 ;
  }
  
 .row_even{
 background-color:#fff ;
  }
  
 .row_odd{
 background-color:#eee ;
  }
  
  
  hr.spip {
  margin: 1em 0 ;
  padding:0 ;
  background-color:#FFFFFF ;
  color:#fff ; 
  height:1px;
  
  outline:none ;
 
  }
  
  
  
  
   
/ 




/*        COLONNE CENTRALE           */

.thrColFixHdr #mainContent {
margin:  0;
padding: 0 ;
font-size: 10pt ;
line-height: normal ;
width : 400px;
} 

 
#sidebar1 { visibility:hidden;display:none;}
  
 
 



 

 
.thrColFixHdr #sidebar2 {
float: right; 
width: 260px;  
margin:    0 ; 
padding: 0  ;  
font-size: 9pt; 
}
 
 
 
.thrColFixHdr  #sidebar2 .bloc2 {
margin:  0;
clear: both;
padding:  0px  ;
width: 260px; 
background-image: url(images/header_right_1.png); 
background-repeat: no-repeat  ;
 
}

.thrColFixHdr  #sidebar2   .logo_article {
background-color:#fff; 
margin:  0px 0px  10px 0;
border:1px solid #DDE0E4 ;
width:248px; 
padding:  5px ;
background-image: none ;
text-align:center ;
}
 

.thrColFixHdr  #sidebar2 .content_sidebar2 {
margin: 0 ; 
padding : 1em  5px ; 
width: 248px;
clear: left;  
 
}

.thrColFixHdr  #sidebar2  .logo_art_bloc2  {
background-color:#fff; 
margin:  25px 0px  10px 0;  
width:248px; 
padding:  5px ;
background-image: none ;
text-align:center ;
}


.thrColFixHdr  #sidebar2  .footer_sidebar2 {
background-image: url(images/footer_right_1.png); 
 
background-repeat: no-repeat  ;
background-position:bottom left ; 
margin :  0 0 10px 0 ;
padding : 0  ; 
color:#000; 
width: 260px;
height: 15px ;
}

.thrColFixHdr  #sidebar2  .header_sidebar2  a{
text-decoration:none ;
}

.thrColFixHdr  #sidebar2  .header_sidebar2 { 
margin :  0  ;
padding :  0em  5px  ;
font-weight:bold;
color:#000;  
width: 248px;
}

 
 /*
 enttes des blocs colonne droite
 */
.thrColFixHdr #sidebar2 h3  { 
margin:0;
padding :  3%  1px   0  1px ;
font-weight:bold; 
line-height:normal ;
}





.thrColFixHdr    #sidebar2  .content_sidebar2 h4 {
font-weight: bold;
color: #000000;
}

/* 
listes de la colonne droite 
*/
.thrColFixHdr    #sidebar2     ul  {
margin : 0;
padding :  0 ;

}
.thrColFixHdr    #sidebar2    li  {
list-style-position:inside ;
margin :  0  ;
padding :  0  ;
}


/*  les pioctogrammes dans la barre de gauche*/

.thrColFixHdr #container #sidebar2    div.image  {
float : left;
margin : 0  5px 0 0;
padding :0;
}

.thrColFixHdr #container #sidebar2   .listearticles div.image  img  {
border: 1px solid #ddd ;	 
padding : 1px ;
}


 
.thrColFixHdr #container   #sidebar2  .entete_bloc {
float : left ; 
width : 260px ;
}


 

/* */
.thrColFixHdr #container #mainContent  .entete_bloc {
float : left ; 
width : 400px ;
}





* html  .entete_bloc {
 float : none ;
 width:auto;
}



/*         
COEUR DE L INFO    : blocune

 */
.thrColFixHdr #container #mainContent  .blocune {
padding: 10px  0px;
margin : 0 0 20px 0;  
background-image: url(images/header_1.png); 
background-repeat: no-repeat  ;
background-position:  0px  0px  ; 

/*  oblig de caler  gauche et de fiixer la largeur pour opra et firefox */
width : 400px ; 
float : left ;
}
  

/*
bloc pour la titraille de  la  Une
 */
.thrColFixHdr #container #mainContent .blocune div.header {  
padding: 0.5em 1px 0.5em 1px;
margin : 0; 
color:#000;
width : 400px ;
float:left;
zoom : 1; 
}

.thrColFixHdr #container #mainContent  .blocune  .header  h1{ 
padding: 0.5em  5px ;
margin : 0;  
text-decoration:none  !important ;
color:#5b6a7c ;
color:#6699CC ;
font-size: 1.5em; 
line-height:120%;

}


/* pas de soulign sur les titres-lien */
.blocune  h1 a, .blocune  h2 a , .blocune  h3 a{ 
text-decoration:none !important   ;
}

 
 
.thrColFixHdr #container #mainContent .blocune h4.soustitre, 
.thrColFixHdr #container #mainContent .blocune  .soustitre  { 
margin: 0;  padding: 0;
font-weight: bold;
color:#000000 ;
}

 .thrColFixHdr #container #mainContent .blocune div.content {
 background-color:#FFF;
padding: 0.5em  2px;
margin : 0 ; 
color:#333 ;
width : 396px ;
float:left;
}

/*
On ne met pas de contenu  dans le footer.
On affiche seulement l'image de fermeture de bloc.
*/
 .thrColFixHdr #container #mainContent .blocune div.footer {
background-image: url(images/footer_1_1.png); 
z-index : 10;
background-repeat: no-repeat  ;
background-position: bottom  left  ;  
padding: 0px  0  20px 0  ; /*  juste pour qu'on puisse voir l'image */
margin : 0; 
float : left ;
width : 400px ;
}

.thrColFixHdr #container #mainContent  .blocune ul{ 
list-style-position:inside ;
}
.thrColFixHdr #container #mainContent  .blocune li{ 
list-style-position:inside ;
}

.thrColFixHdr #container #mainContent .blocune .lirelasuite {
text-align:right ;
padding-right:  5px;  
}
/*
.thrColFixHdr #container #mainContent .blocune   .lirelasuite a {
color: #FFFFFF;
text-decoration :none;
display : block;   
}

.thrColFixHdr #container #mainContent .blocune   .lirelasuite a:hover {
text-decoration: underline ;
}*/


.thrColFixHdr #container #mainContent .blocune div.image {
margin : 0px 10px  5px  0px   ;  
}

 

/*  
CORPS DES ARTICLES
mise en forme pour le contenu central :
corps de l'article colonne centrale
*/
.thrColFixHdr #container #mainContent div.bloccentral {
padding: 5px;
margin : 0 0 20px 0;
float:left;
width : 400px ; /* pour ie7 qui rduit la colonne sinon*/ 
/*background-image: url(images/header_1.png); 
background-repeat: no-repeat  ;
background-position: top left ; 
background-position: -5px  0px  ; */
}



.thrColFixHdr #container #mainContent   div.surtitre {
	font: normal 1.2em  "Trebuchet MS",  arial, helvetica;
	padding:  1em 0 0.5em 0;
	margin : 0;
	color:#333;
	float:left;
	width : 400px; /* pour ie7 qui rduit la colonne sinon*/
}


/*
  le titre 
*/
.thrColFixHdr #container #mainContent div.bloccentral   h1{
margin :0 ;
font-weight: normal;
padding: 0.5em 0 0 0  ;
color:#CC3300 ;
color:#6699CC ;
font: normal  1.8em  "Trebuchet MS", arial, helvetica; 	 
}


.thrColFixHdr #container #mainContent div.bloccentral  .soustitre {
font: normal  1.5em  "Trebuchet MS", arial, helvetica;
padding: 0 0 0.5em 0 ;
margin: 0;
color: #333;
font-weight: normal; 
float:left;
width : 400px ; /* pour ie7 qui rduit la colonne sinon*/ 
}



.thrColFixHdr #container #mainContent div.bloccentral   h2 ,
.thrColFixHdr #container #mainContent div.bloccentral   h3 ,
.thrColFixHdr #container #mainContent div.bloccentral   h3.spip {
margin :  0  0 0 0  ;
padding:  0.5em  0   0 0 ;
font-weight: normal;
color: #6699CC;
font: normal 1.3em "Trebuchet MS", arial, helvetica; 	 
 
}

 


.thrColFixHdr #container #mainContent div.bloccentral div.texte {
padding: 0 0 10px 0;
margin : 0;  
color :#333 ;
font-weight: normal; 
width: 400px;   
}

.thrColFixHdr #container #mainContent div.bloccentral div.chapo {
color:#000000 ;
font-weight: bold; 
}
 


.thrColFixHdr #container #mainContent div.bloccentral div.footer { 
background-repeat: no-repeat;
background-position:bottom left;
padding: 0.5em 0 ;
margin : 0;
float:left;
}

/*
Mise en forme pour les listes d'articles, ou rubriques
*/


.thrColFixHdr #container #mainContent div.listearticles {
padding: 0 ;
margin : 0 0 10px 0 ; 
width: 400px; 
float:left ; 
color:#444 ; 
}

 
/* 
le cartouche contient surtitre / titre / sous-titre 
*/
.thrColFixHdr #container #mainContent div.listearticles .cartouche{
padding: 1px ;
margin : 0 ; 
width: 398px;
float:left;
}
 
* html .thrColFixHdr #container #mainContent div.listearticles .cartouche{
width: 398px;
}



.thrColFixHdr #container #mainContent div.listearticles  .cartouche .surtitre { 
padding : 0.2em 0;
margin : 0; 
color:#999999 ;
text-transform:uppercase ;
}


.thrColFixHdr #container #mainContent div.listearticles .cartouche .soustitre {
color: #333; 
margin: 0;
padding: 0.3em 0 ; 
}


.thrColFixHdr #container #mainContent div.listearticles .cartouche .titre {
margin: 0;
padding: 0.3em 0 ;  
font-weight: bold ;
color:#333 ; 	 
}




.thrColFixHdr #container #mainContent div.listearticles .contenu{
padding:  1px ;
margin : 0 ; 
width:398px;
float:left;
}

* html .thrColFixHdr #container #mainContent div.listearticles .contenu{
width: 388px;
}

.thrColFixHdr #container #mainContent div.listearticles div.texte {
padding: 0;
margin : 0; 
color:#000000 ;
font-weight: normal; 
}
 

.thrColFixHdr #container #mainContent div.listearticles div.footer { 
padding: 1px;
margin : 0; 
float:left;
}

/* hack pour IE 6 */
* html .thrColFixHdr #container #mainContent div.listearticles div.footer {
background-position:bottom left;
}

.thrColFixHdr #container #mainContent div.listearticles div.chapo {
padding: 1px;
margin : 0; 
color:#000000 ;
font-weight: bold;
float:left; 
}


 

.thrColFixHdr #container #mainContent div.listearticles div.introduction {
padding: 1px;
margin : 0;  
float:left; 
width : 300px ;
}


.thrColFixHdr #container #mainContent  .listearticles  .contenu  div.image  {
float : left;
margin : 0 10px 0 0;
}

.thrColFixHdr #container #mainContent   .listearticles div.image  img  {
border: 1px solid #ddd ;	 
padding : 1px ;
}

 .thrColFixHdr #container #mainContent div.listearticles     a {
text-decoration :none;
}

.thrColFixHdr #container #mainContent div.listearticles     a :hover{
text-decoration:underline ; 
}









/*  styles pour le modele document en remplacement du modle 'doc' */

.thrColFixHdr #container #mainContent .blocdocuments {
background-color: #eee;
padding: 1px;
margin:  0 0 0 0;
border: none;
width: 400px;
float: left; 
}

* html  .thrColFixHdr #container #mainContent .blocdocuments {
width: 380px;
}



.thrColFixHdr #container #mainContent   .document  {
padding: 5px;
margin : 1em 0  1em  0;
border: 1px dotted  #ddd ; 
background-color: #f0f0f0; 
width: 390px;
float:left;
font-size: 90%;
color:#666 ;  
clear: both ;
}



.thrColFixHdr #container #mainContent   .document  .logo {
padding: 5px;
margin :  0 5px 0 0 ;
/*background-color: #fff;*/
width:  20px;
height: 20px;
float:left;
/*border: 1px solid #ddd ;*/
color:#444 ;  
}

.thrColFixHdr #container #mainContent   .document  .format { 	 
color:#666 ;
}

.thrColFixHdr #container #mainContent   .document   .descriptif  {
clear: both ;
padding-left: 35px;
color:#666 ;
}


/* 
 VIGNETTES POUR LES GALERIES D IMAGES 
 Permet l'affichage des vignettes des images zoomables 
 Plac sous un article en gnral.
 */
#documents_portfolio {
clear: both;
margin-top: 1.4em;
padding-top: 2px;
/*border-top: 2px solid #CCC;*/
}

/*   image vignette  */
.thrColFixHdr #container #documents_portfolio   img  {
padding : 1px ;
border: 1px solid #ddd ;
}









#mainContent   div.separator {
padding:  0 ; 
margin :    10px 0  0 0 ;    
width : 400px ;
float : none  ;
}