/* auteur: Bernard Martin-Rabaud */
/* Date de création: 23/07/2006 */

/* ---------------------------------------
/* Styles généraux 
/* --------------------------------------- */
body {
	margin: 0;
	text-align: center;
	color: #333;
}

a {
	color: #004fcf;
	font-weight: bold;
}

a.on {
	color: #c00000;
}

a:visited {
	color: #777;
}

a:hover {
	color: #f00;
}

.separateur {
	clear: both;
	margin: -10px;
	padding: -10px;
}

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */

#redac-cache {
	position: absolute;
	top: 0;
	left: 0;
}

/* pour être lisible uniquement sans CSS */
#menu-masque {
	display: none;
}

#page {
	width: 780px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0.7em;
	text-align: left;
	font-family: georgia,"times new roman",serif;
	/*font-family: trebuchet MS,verdana, arial, sans-serif;*/
	font-size: 0.8em;
}

#entete {
	width: 100%;
	text-align: center;
}

h1#titre {
	margin: 1.5em 0 1em 0;
	font-size: 1.8em;
	text-align: left;
	color: #777;
}

h3#descro {
	margin: 1em 0 0.7em 0;
	font-size: 1em;
	text-align: left;
	color: #666;
}

.traduction {
	margin-left: 40px;
}

div#traduction a {
	font-style: italic;
}

.traduction-logo {
	float: left;
	width: 100px;
	margin: 15px 0 0 40px;
}

#accessibilite {
	position: absolute;
	top: 0;
	left: 0;
}

#sous-titre {
	float: right;
	width: 200px;
	border: 1px #ccc solid;
	background-color: #eee;
	font-size: 90%;
}

#contenu { 
	float: left;
	width: 600px;
	background-color: transparent;
}

#contenu-seul {
	width: 100%;
	background-color: transparent;
}

#contenu-gauche {
	float: left;
	width: 290px;
	margin-top: -65px;
}

#contenu-droite {
	float: right;
	width: 300px;
}

/* pour test */
#contenu-galerie {
	float: left;
	width: 150px;
}

#contenu-centre {
	float: right;
	width: 470px;
	background-color: transparent;
}

#menu-lateral {
	float: right;
	width: 160px;
	margin-top: 30px;
	/*background-color: #eee;*/
}

/*  ------------------------------------------
/*  Styles de l'en-tête
/*  ------------------------------------------ */

#entete-logo {
	margin-top: 0;
	text-align: center;
}

/* style des menus */

#accueil-menu table {
	width: 100%;
	border: none;
	vertical-align: top;
}

#accueil-menu td {
	margin-top: 0;
}

table#entete-menu {
	margin: 10px 0 0 0;
}

table#entete-menu td {
	width: 125px;
	padding: 0 8px;
	text-align: center;
	vertical-align: top;
}

#entete-menu a {
	text-decoration: none;
	color: #000;
}

#entete-menu a:visited {
	text-decoration: none;
	color: #666;
}

#entete-menu a:hover, #entete-menu a.on, #entete-menu a.on:visited {
	color: #c00000;
}

/*  ------------------------------------------
/* style des menus de droite */
/*  ------------------------------------------ */

#menu-lateral ul {
	margin-left: 0;
}

#menu-lateral li {
	margin: 0 0 10px -30px;
	_margin: 0 0 10px 0;
	list-style-type: none;
}

#menu-lateral a {
	text-decoration: none;
	font-size: 90%;
	color: #080000;
}

#menu-lateral a:visited {
	color: #666;
}

#menu-lateral a:hover,
#menu-lateral a.on,
#menu-lateral a.on:visited {
	color: #c00000;
}

#menu-lateral .titre {
	font-weight: bold;
}

#article-stitre {
	margin: 10px 0 0 10px;
	font-size: 90%;
	/*background-color: #fff79f;*/
}

/* sous-menu de la rubrique */

#menu-rubrique {
	margin-top: 20px;
	border: 1px #ffa800 solid;
	background-color: #fff580;
}

/* menu général (rechercher, accueil, nous contacter, à propos, rédaction) */

#menu-general {
	margin: 10px 0;
}

#menu-general a {
	margin-bottom: 0.5em;
	font-size: 90%;
	text-decoration: none;
	color: #080000;
}

#menu-general a:hover, #menu-general a.on {
	color: #c00000;
}

/* styles du formulaire de recherche */

.rech-saisie {
	float: left;
	width: 80%;
	margin: 8px 4px 0 4px;
	
}

input#recherche {
	width: 100%;
	font-size: 0.8em;
}

.rech-bouton {
	float: left;
	width: 22px;
	margin: 6px 0 0 0;
	
}

#menu-general input.bouton-submit {
	margin-top: 3px;
/*	width: 24px;
	height: 19px;
	background-color: #fff;
	background-image: url(../images/submit.gif);
	background-repeat: no-repeat; */
	border: none;
	/*color: #f00;
    font-size: 1px;
	cursor: pointer;*/
}

/* boutons de langue */

input.bouton-lang-de {
	width: 28px;
	height: 19px;
	background-image: url(../images/drapeau_de.gif);
	background-repeat: no-repeat;
	color: #fff;
    font-size: 0em;
	cursor: pointer;
}

input.bouton-lang-fr {
	width: 28px;
	height: 19px;
	background-image: url(../images/drapeau_fr.gif);
	background-repeat: no-repeat;
	color: #fff;
    font-size: 0em;
	cursor: pointer;
}

.menu-lang {
	margin-bottom: 10px;
}


/*  ------------------------------------------
/* styles des contenus article */
/*  ------------------------------------------ */

/* styles document */

#article-docs {
	margin: auto;
	margin-bottom: 1em;
	padding: 5px;
	border: 1px solid #ddd;
	border-collapse: collapse; 
}

.doc-bloc-pair, .doc-bloc-impair {
	margin-top: 10px;
	font-size: 95%;
}

.doc-bloc-pair {
	background-color: #eee;
}

.doc-infos {
	float: left;
	width: 75%;
}

.doc-titre a {
	text-decoration: none;
}

.doc-descro {
}

.doc-taille {
}

.doc-lang {
	float: right;
	width: 20%;
	margin-top: 10px;
}

/* styles texte */

.article-texte {
	text-align: justify;
}

.article-texte a {
	text-decoration: none;
}

.article-ps {
	margin: 10px 0;
	font-style: italic;
}

.article-notes {
	margin: 20px 0 0 20px;
	padding: 5px;
	border-top: 1px #aaa solid;
	font-size: 90%;
}

.article-info {
	margin: 10px 0;
	font-style: italic;
	font-weight: bold;
}

.article-doc-descro {
	margin-top: 1.5em; 
	margin-bottom: 1em; 
	font-size: 1.25em;
	font-weight: bold; 
}

/* styles texte actus */

#actus-logos {
	margin-bottom: 20px;
}

#actus-logos .article-actus {
	float: left;
	width: 150px;
	text-align: center;
	font-size: 90%;
}

#actus-logos .article-actus a {
	text-decoration: none;
}

.article-lien-groupe {
	margin: 10px 0;
	font-size: 90%;
}	

.article-lien-groupe a {
	text-decoration: none;
}	

.article-pagination {
	margin: 10px 0;
	text-align: center;
}

.article-pagination a {
	text-decoration: none;
	font-size: 12px;
}



/* styles de la liste des lectrices et coordination */
#contenu-gauche .entete, #contenu-gauche .entete {
	margin: 0; 
	font-size: 1.25em;
	font-weight: bold; 
}

#contenu-gauche .sous-titre {
	margin: 0.1em; 
	margin-bottom: 0.5em; 
	font-size: 0.85em;
	font-style: italic; 
}

.lectrice-region {
	margin-top: 1em; 
	margin-bottom: 0.3em; 
	font-size: 1.15em;
	font-weight: bold; 
}

.lectrice-photo {
	float: left;
	width: 80px;
}

.coordination-photo {
	float: left;
	width: 120px;
	margin: 5px 0;
}

.lectrice-adresse {
	float: right;
	width: 210px;
	font-family: arial,helvetica,sans-serif;
	font-size: 0.8em;
	line-height: 100%;
}

.lectrice-nom {
}

.lectrice-nom a, .lectrice-adresse a {
	text-decoration: none;
}

/* style des pages de présentation de lectrice */

#presentation-logo {
	margin: 0 0 0.5em 0; 
	text-align: center;
}

#presentation-photo {
	float: left;
	width: 40%;
}

#presentation-entete {
	float: right;
	width: 50%;
}

#presentation-region {
	margin: 15px 0 10px 10px; 
	font-size: 1.25em;
	font-weight: bold; 
}

#presentation-infos {
	margin: 15px 0 10px 10px; 
	padding: 5px;
	border: 1px #ffa800 solid;
	background-color: #fff580;
	font-size: 100%;
}

#presentation-infos a {
	text-decoration: none; 
	font-size: 95%;
}

/*
#presentation-texte {
	margin-top: 1em; 
	text-align: justify;
	font-size: 13px;
	color: #000080;
}

#presentation-texte i {
	color: #800000;
	font-style: normal;
}
*/

#presentation-texte {
	margin-top: 1em; 
	text-align: justify;
	font-size: 13px;
}

#presentation-ps {
	margin-top: 1em; 
	border: 1px #ddd solid;
	font-size: 0.7em;
}

#presentation-notes {
	margin: 1em 0.3em; 
	font-size: 0.6em;
}

/* styles galerie */

.galerie-vignettes {
	float: left;
	width: 100px;
	font-size: 12px;
}

.galerie-vignettes img {
	margin-bottom: 5px;
}

.galerie-image {
	float: right;
	width: 650px;
	font-size: 12px;
}

.galerie-img-titre {
	margin-top: 5px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}

.galerie-pagination {
	margin: 10px 0;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.galerie-pagination a {
	text-decoration: none;
}

.galerie-pagination .lien-image-cour {
	background-color: #fff580;
	border: 1px #ffa800 solid;
	color: #c00000;
}

.galerie-pagination-liens {
	vertical-align: top;
}


/*  ------------------------------------------
/* styles des formulaires */
/*  ------------------------------------------ */

/* formulaire de contact */

#contenu-form {
	width: 600px;
	margin: 0 auto;
	text-align: center;
}

#form-contact {
	width: 80%;
	text-align: left;
}

.form-label-champ, .form-boutons {
	margin-top: 10px;
}

.form-label-champ input.texte, .form-label-champ textarea {
	width: 95%;
}		

/* autres formulaires */

.spipform-ligne {
	margin: 10px 0;
}

.spipform-ligne label {
	display: block;
	font-weight: bold;
}

input.text-field, textarea.text-field {
	width: 95%;
}

span.obligatoire {
	color: #f00;
	font-weight: bold;
}

span.info-champ {
	color: #000;
	font-weight: normal;
	font-size: 11px;
}

.spipform-masquer {
	display: none;
}	
	

/*  ------------------------------------------
/* styles des contenus rubrique et plan du site */
/*  ------------------------------------------ */

.stitre {
	margin: 20px 0;
	font-size: 120%;
}

ul.secteur > li {
	list-style-type: none;
	font-size: 130%;
}

ul.secteur li a {
	text-decoration: none;
}
ul.srubrique li {
	list-style-type: none;
}

ul.srubrique li a {
	text-decoration: none;
}

ul.srubrique > li {
	margin: 20px 0;
	font-size: 100%;
}

ul.srubrique ul li {
	margin: 10px 20px;
	font-size: 90%;
}

.recherche-echec {
	margin: 20px;
	font-style: italic;
}

/*  ------------------------------------------
/* style du pied de page */
/*  ------------------------------------------ */

#pied {
	clear: both;
	margin-top: 20px;
	text-align: center;
	font-size: 11px;
}

#pied span {
	margin: 0 10px;
}

#pied a {
	text-decoration: none;
}