/*
 * Correction des styles HTML par defaut
 */
ul {
list-style: none;
margin-left: 4px;
}
.structure {
   display: none;
}
h1,h2,h3,h4 {
   margin: 0em;
   font-size: 100%;
   font-weight: normal;
}
/*
 * Styles generaux
 */

/* bien regler la marge (bugs IE) */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
margin: 0px;
margin-bottom: 10px;
padding: 0px;
border: 0px;
background: #FFF;
}
a.article-une { text-decoration: none; color: #FFFFFF; font-size: 90%; background: #FF0000; }
a.blanc { color: #fff; }
a:hover { text-decoration: none; background: #FDB; }
a.menu:hover { text-decoration: none; color: #FFFF00; background: #e8e8e8; }
a.barre:hover { text-decoration: none; color: #1a6e9e; background: #e8e8e8; }
a.spip_out { text-decoration: none; }
a.spip_in, a.spip_url { text-decoration: none;}
a.spip_glossaire { text-decoration: none; color: #00575a; }

a.image { /* d&egrave;finition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 100px; /* largeur de l'image r&egrave;active */
     height: 100px; /* hauteur de l'image r&egrave;active */
     background-image: url(image1.gif); /* source de l'image de d&egrave;part */
     background-repeat: no-repeat;
     }

.chapo {
   font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
   font-weight: bold;
   text-align: left;
   color: #257;
   font-size: 100%;
   margin-top: 10px;
   margin-bottom: 20px;
}
.nouveau {
   font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
   font-weight: bold;
   text-align: left;
   color: #D00;
   font-size: 80%;
   margin-top: 5px;
   margin-bottom: 10px;
}
.soustitre {
   font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
   font-weight: normal;
   text-align: left;
   color: #234;
   font-size: 90%;
   margin-top: 5px;
   margin-bottom: 10px;
}

.date {
   font-size: 70%;
   font-weight: normal;
   text-align: right;
   margin-right: 10px;
   margin-bottom: 20px;
}
li.date {
   font-size: 70%;
   line-height: 30%;
   color: #066;
   font-weight: normal;
   text-align: right;
   margin-right: 10px;
   margin-bottom: 0px;
}
a.date {
	display: block;
   font-size: 70%;
   font-weight: bold;
   color: #C30;
   text-align: left;
   margin-left: 10px;
   margin-top: 20px;
   margin-bottom: 10px;
}
a.plansoustitre {
	display: block;
	line-height: 30%;
   font-size: 70%;
   font-weight: bold;
   color: #C30;
   text-align: left;
   margin-top: 12px;
   margin-bottom: 0px;
}
a.plantitre {
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
   text-align: justify;
   line-height: 100%;
   font-size: 78%;
   padding: 0px;
   margin-left: 10px;
   color: #000;
}
.edito {
   font-family: Arial, Helvetica, sans-serif;
   text-align: left;
   color: #060;
   font-size: 80%;
   margin-top: 10px;
   margin-bottom: 10px;
}
.imprim {
   font-size: 70%;
   font-weight: normal;
   text-align: left;
   margin-left: 10px;
   margin-bottom: 5px;
}
.notes {
   font-size: 80%;
}
.ps {
   font-family: Georgia, Garamond, Times, serif;
   text-align: justify;
   font-size: 85%;
}
.surtitre {
   font-size: 100%;
   font-weight: normal;
   font-variant: small-caps;
   color: #ed5200;
   margin-top: 10px;
   margin-bottom: 10px;
}
.texte { 
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
   font-weight: normal;
   text-align: justify;
   letter-spacing: -0.01em;
   word-spacing: -0.02em;
   line-height: 120%;
   font-size: 78%;
   padding: 0px;
   margin-left: 2%;
   margin-right: 2%;
   margin-top: 0px;
   margin-bottom: 0px;
   color: #000;
}
.texte.p{ 
}
p.texte { 
}
h1,h2.titre-extrait {
   font-size: 105%;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #00575A;
   margin: 10px;
   font-weight: normal;
}


/*
 * Ici les styles pour le contenu
 */
 
.conteneur h1,h2 {
   font-size: 120%;
   font-weight: bold;
}
.conteneur h1,h2.titre-extrait {
   font-size: 110%;
   font-weight: normal;
}
.conteneur h1,h2.titre-texte {
   font-size: 190%;
   font-weight: bold;
}
.conteneur .detail {
   font-size: 80%;
   color: #303030;
}
.extrait {
   padding: 14px;
   font-size: 85%;
}
.gras {
   font-weight: bold;
   font-size: 70%;
}
.fin {
   font-weight: normal;
   font-size: 70%;
}
/*
 * Styles pour les menus
 */
 
 .menu-titre {
   font-size: 80%;
   font-weight: bold;
   text-decoration: none;
   color: #066;
}
 .menu-item {
   font-size: 80%;
}
 
 /*
 * Styles pour le plan
 */
.plan-secteur {
   font-size: 80%;
}
.plan-rubriques {
   font-size: 80%;
}
.plan-articles {
   font-size: 80%;
}

 
/*
 * Styles particulier pour secteurs protection sociale, travail emploi, et autres
 */

.Protection_Sociale {
color: #FFFFFF;
display: block;
background: #F60; 
font-size: 80%;
font-weight: bold;
padding-left: 1%;
}
.Travail_Emploi {
color: #FFF;
display: block;
background: #C30; 
font-size: 80%;
font-weight: bold;
padding-left: 1%;
}
.Autres {
color: #FFF;
background: #066; 
font-size: 80%;
font-weight: bold;
padding-left: 1%;
}
li.fd {
background: #CFC;
border-bottom: 8px solid white; 
}
li.prs {
background: #FEC; 
border-bottom: 8px solid white; 
}
li.protection {
background: #FEC; 
}
li.te {
background: #FDC; 
border-bottom: 8px solid white; 
}
li.travail {
background: #FDC; 
}
.Sans {
color: #066;
font-size: 80%;
font-weight: bold;
padding-left: 1%;
}
h1.Protection_Sociale {
color: #F60;
text-align: center;
background: #FFF; 
font-size: 120%;
font-weight: bold;
margin: 0px;
padding: 0px;
}
h1.Travail_Emploi {
color: #C30;
text-align: center;
background: #FFF; 
font-size: 120%;
font-weight: bold;
margin: 0px;
padding: 0px;
}
h1.Autres {
color: #066;
text-align: center;
background: #FFF; 
font-size: 120%;
font-weight: bold;
margin: 0px;
padding: 0px;
}

#pied {
color: #FFF;
font-size: 70%;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#pied a {
color: #FFF;
}