@charset "utf-8";
/* GABARIT TROIS COLONNES 
colonne gauche : sidebar 1
	menu
	
colonne droite :  sidebar 2
	informations contextuelles, sous menus ...
	
colonne centrale : mainContent
	corps des articles et par fois 
		navigation (articles même rubrique)
		portfolio
		doc joints...
*/




/*        COLONNE CENTRALE           */

.thrColFixHdr #mainContent {
margin:   0px 285px 0 265px;
padding: 0 ;
font-size: 0.9em ;
line-height: normal ;
width : 400px;
} 


 /*
 Hack pour IE 6  qui a des problèmes de calcul
  */
 
* html .thrColFixHdr #mainContent {
width : 400px; 
margin:   0px 275px 0 255px;
} 
 
 

/*       
Colonne de gauche #sidebar1    
La colonne est décalée vers le bas pour se placer sous le logo.
 */
#sidebar1 {
float: left; 
width: 230px; 
padding: 0;
margin :  80px  0 0 0;
font-size: 0.90em;
line-height: normal;
font-family:  arial, helvetica, sans-serif;
	color:#515F66;
}

* html  #sidebar1 {
 font-size: 12px ;
 }
 
 
#sidebar1   #menu   .menu_ouvert  {
	background-image:url(images/fond_menu_ouvert.png) ;
	background-repeat:no-repeat ; 
	 
}
 
 
 #sidebar1  #menu    .btop   {
 border-top: 1px solid #f0f0f0; 
 }


/* entêtes des menu */ 
#sidebar1 #menu  h3 { 
background-image: url(images/fond_menu_1.png); 
background-repeat:no-repeat ;
 
border:none; 
margin: 0px ;
padding: 0 0 0 1px  ;
text-transform:uppercase ;
font-weight:bold; 
}


#sidebar1  #menu  h3 a {
	padding : 0.5em  0   0.5em  1px;
	margin: 0;
	text-transform:uppercase;
	text-decoration: none;
	color:#CC3300;
	display : block;
	border-bottom: 1px solid #eee ;
}

#sidebar1 #menu   h3 a:hover {
	color:#CC3300;
	background-image: url(images/fond_menu_hover.png); 
background-repeat:no-repeat ; 
}

/*  lliens normaux dans le menu*/
#sidebar1  p   { 
margin :   0 ;
padding: 0 ;
}


/*  lliens normaux dans le menu*/
#sidebar1 #menu   p a {
font-size: 0.8em;
	border-bottom: 1px solid #f0f0f0;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	color:#515F66;
	display:block;
	padding : 0.5em 1px  0.5em  1px;
}

#sidebar1 #menu  p a:hover {
color:#CC3300;
background-image: url(images/fond_menu_hover.png); 
background-repeat:no-repeat ; 
}
 

#sidebar1  #menu  ul a  {
	padding : 0.3em 0;
	text-decoration: none;
	/*border-bottom: 1px solid #eee; */
     margin: 0;
	display : block;
	color:#515F66;
}

#sidebar1  #menu  ul a:hover  {
	text-decoration: underline;
	/*background-color:  #eee ; */
color:#CC3300;
}



#sidebar1 #menu  ul { 
padding : 0 0 0  25px ;
margin: 0;
list-style-type: square;
color:#515F66;
}

 

#sidebar1 #menu  li { 
padding : 0 ;
margin:0;  
}








 

/*
SIDEBAR 2
Contenu de la colonne de droite  : informations connexes ou contextuelles.
Un bloc2 contien généralement : 
	- un header_sidebar2  
	- un content_sidebar2 
NB. le footer_sidebar2 se situe en dessous de bloc2 (et non dedans).
Iil sert à afficher une image de fermeture du bloc voire à mettre un lien de type "lire la suite".
Pas d'informations longues dans le footer.
*/
 

.thrColFixHdr #sidebar2 {
float: right; 
width: 260px;  
margin:   1em 0 0 0 ; 
padding: 0  ;  
font-size: 0.80em; 
}
 
 
 
.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  .bloclogo2 {
margin :  0  0 20px 0  ; 
padding:  0px  ;
 width: 260px;  
}



.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  .logo_art_bloc2  {
margin:   0 ;   
padding:  0;
text-align:center ;
background-color:#fff;
}

.thrColFixHdr  #sidebar2  .logo_art_bloc2  img {
padding :  5px ;
margin :  0px ;
background-color:#fff;
background-image: url(images/fond_logo1.png); 
background-repeat:repeat ; 
}

 .thrColFixHdr  #sidebar2   .logo_article img {
}

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




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

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

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

 
 /*
 entêtes 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 ;
}


#sidebar2   .soustitre { 
color: #333;
font-weight: bold; 
  
}
 

/* */
.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 opéra 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.3em; 
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 réduit 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 1em  "Trebuchet MS",  arial, helvetica;
	padding:  0.5em 0 0.5em 0;
	margin : 0;
	color:#000;
	color:#6699CC ;
		color:#000;
	float:left;
	width : 400px; /* pour ie7 qui réduit la colonne sinon*/
	font-variant:small-caps ;
}


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

.thrColFixHdr #container #mainContent div.bloccentral  .soustitre,
{
font: normal  1em   arial, helvetica;
padding:  0.5em 0 ;
margin: 0;
color: #000;
font-weight: bold; 
float:left;
width : 400px ; /* pour ie7 qui réduit la colonne sinon*/ 
display:inline;
}



.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: bold;
color: #6699CC;
 
font-size:110%;
}

 



.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  .listearticles  .soustitre {
font-weight: bold; 
color: #333; 
display:block;
font-style:italic;
}


.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 modèle '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 général.
 */
#documents_portfolio {
clear: none;
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  ;
}