@charset "utf-8";

/*
NETTOYAGE
On remet les paramètres par défaut à  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 : 1em;
}
 
p {
margin: 0.2em 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:0.9em ;
background-color:#eee;
background-color: #fff;
background-image:url(images/footer_page.png)  ;
background-repeat:repeat-x ;
background-position:bottom right ;
 
} 

/* 
DEFINITIONS COMMUNES
*/
* html body {  
font-size:  14px  ; 
} 


 

#crdp  ,  #accesibilite {
position:absolute ;
top:-300px;
left:-200px;
}

/* menu haut  */ 
.thrColFixHdr #top_menu {  
width:700px;
height : 25px ;
padding: 0 ;
margin : 0px auto  0 auto ;
font-size: 11px ;
font-weight:bold;
clear:both; 
text-align : left ;
} 

/* hack IE6 */
* html .thrColFixHdr  #top_menu { 
zoom:1;
}

 #top_menu   ul  {

 padding : 0; margin :  0; 
 list-style-type:none ;
 } 
 
 #top_menu li {
float:left;

}

#top_menu   ul a  {
padding :   2px;
text-decoration: none;
margin: 0 0 0  2px ;
color :#60697A;
background-image: url(images/onglet0b.gif); 
background-color: transparent ;
background-position: bottom left ;
background-repeat:no-repeat;	
display:block;
 width : 100px;
  
 text-align: center ;
}


#top_menu   ul a.on   {
background-position:  bottom left    ;
background-image: url(images/onglet0a.gif); 
padding-top: 8px ;
color :#FFF;
}

#top_menu   ul a:hover  {
text-decoration: none; 
color:#CC3300;
}

 
#top_menu   ul  a.on:hover  {
text-decoration: none; 
color:#94B2D4;
}

 
 


/*   CONTAINER      */ 
.thrColFixHdr #container {
position:relative;
width : 950px;
margin: 0px auto 0 auto;
text-align: left; /* ce paramétrage annule le paramètre text-align:center de l'élément body. */
color: #444;
background-image: url(images/bandeau_crdp.gif); 
background-color: transparent ;
background-position: 0  25px;
background-repeat:no-repeat;	
min-height : 500px;

} 


/*       HEADER   
Contient le bandeau  au dessus duquel vient se superposer le fil d'ariane

*/
#header {
height :  160px;
padding: 0;
margin : 0; 
position:relative;  
} 


#bloc_recherche   {
position:absolute  ;
right  :  75px ;
top: 100px ;

}

#bloc_recherche  label {
visibility:hidden;
}

#bloc_recherche  #recherche {
color :#666 ;
border : solid 1px  #aaa ;
background-image:url(images/ombre.png)  ;
background-repeat:repeat-x ;
background-position:top left ;
height :16px ;

}

 

#bloc_recherche  #recherche_ok {
border : solid 1px  #fff ; 
margin :    0 ;
padding:  0 2px ;
color :#FFF ;  
background-color:#94B2D4;
font-size:  10px ;
height : 20px ;
visibility:hidden ;
}



#boutons {
position  : absolute  ; 
right:  0px;
top :0 ;
width : 375px ;
padding:  0 ;
margin : 0px auto  0 auto ;
font-weight:bold;
clear:both; 
text-align : left ;
color : #60697A ;
} 
  

/* hack IE6 */
* html .thrColFixHdr  #boutons { 
zoom:1;
}

#boutons ul  {
padding : 0; 
margin :  0; 
list-style-type:none ;
} 
 
#boutons li {
float:left;
}

#boutons  ul a  {
padding :   5px 2px  8px 2px ;
text-decoration: none;
margin: 0 0 0  2px ;
color :#60697A;
height : 13px;
background-image: url(images/onglet1b.gif); 
background-color: transparent ;
background-position: top left ;
background-repeat:no-repeat;	
display:block;
width : 162px;
font-size: 11px ;
text-align: center ;
}



 

#boutons ul a:hover  {
text-decoration: none;  
color:#fff;
background-image: url(images/onglet1a.gif); 
background-color: transparent ;
background-position: top left ;
background-repeat:no-repeat;	
}

  

 
 








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



.thrColFixHdr #footer p {
margin: 0;
/* la mise à zéro de la marge du premier élément du pied de page
 permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
padding:   0; 
/* l'utilisation d'un remplissage pour cet élément crée 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 côté droit d'un élément dans la page. 
 L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
float: right;
margin-left: 8px;
}

.fltlft { 
/* cette classe permet de rendre flottant le côté gauche d'un élément 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 placée pour un élément div ou break et 
doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
margin : 0;
}


 


a {
color: #000000;
}
  
 


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


h3, h3.spip {
font: normal 100%  arial, helvetica; 
color:#000000 ;
margin: 1em 0 ;
padding: 0 ;
font-weight: bold;
text-align: left ;
clear: both; 

}

.spip_documents { 
width:100%;
}

.spip_documents_center { 
clear: both; 
width: 100%; 
margin: auto; 
}

span.spip_documents_center { 
display: block; 
margin-top:1em;
}

.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 0 0  220px ;
font-size: 0.78em; 
height :  3em ;
}








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

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

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

/*
insertion  d'un filet de séparation entre blocs sémantiques
*/

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

 


/*
insertion  d'un filet de séparation entre blocs sémantiques
*/

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

 



table.spip {
margin-top: 1em;
margin-bottom:1em;
border : 1px solid #ccc;  
width: 99%;
border-collapse: collapse;
border-spacing: 0px;
font-size : 12px;
}

table.spip th, table.spip td  {
text-align: left;
background-color:#eee ;
}

table.spip td  { 
padding : 5px;
} 

table.spip th {
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 ;

}


  
  
  hr.spip {
  margin: 1em 0 ;
  padding:0 ;
  background-color:#FFFFFF ;
  color:#fff ; 
  height:1px;
  
  outline:none ;
 
  }
  
  
  .erreur {
	font-weight: bold;
	color: #CC0000;
}




.thrColFixHdr  #sidebar1 .bloc1 .content_sidebar1 {
margin: 0 ; 
padding : 1em  5px ; 
 
clear: left;  
background-image: url(images/newsletter-body.png); 
background-repeat: no-repeat  ; 
background-position:bottom left;
}

.thrColFixHdr  #sidebar1 .bloc1 #mail   {
 font-size:  10px ;
color :#666 ;
border : solid 1px  #aaa ;
background-image:url(images/ombre.png)  ;
background-repeat:repeat-x ;
background-position:top left ;
height :16px ;
width:210px;
}

.thrColFixHdr  #sidebar1 .bloc1 #bouton_mail   {
	color: #FFFFFF;
	width : 230px ;
	border: 1px solid #000000;
	background-color: #6699CC;
	font-weight: bold;
}
 
 /*
 entêtes des blocs colonne droite
 */
.thrColFixHdr #sidebar1  .bloc1 h3  { 
visibility:hidden ;
}



 
 
.thrColFixHdr  #sidebar1 .bloc1 {
margin:  0   ;
clear: both;
padding:  0px  ;
width: 230px; 
}

  
.thrColFixHdr  #sidebar1 .bloc1 .header_sidebar1 {
 margin:  0   ;
clear: both;
padding:  0px  ;
width: 230px; 
background-image: url(images/newsletter-head.png); 
background-repeat: no-repeat  ; 
height : 60px ;
}

.thrColFixHdr  #sidebar1 .bloc1 .radio_newsletter {
margin:0;
vertical-align:middle;
border: none ;
font-size:10px ;
}


div.bt_commander {
 text-align:left ;
 margin-left:20px ;
}