/* stylesheet*/

/*

Squelette Sarka-SPIP
Copyright (C) 2005 Sylvain Bellégo - sylvain.bellego@no-log.org

Ce programme est libre, vous pouvez le redistribuer et/ou le modifier selon les termes
de la Licence Publique Générale GNU publiée par la Free Software Foundation (version 2
ou bien toute autre version ultérieure choisie par vous).

Ce programme est distribué car potentiellement utile, mais SANS AUCUNE GARANTIE, ni
explicite ni implicite, y compris les garanties de commercialisation ou d'adaptation
dans un but spécifique. Reportez-vous à la Licence Publique Générale GNU pour plus de détails.

Vous devez avoir reçu une copie de la Licence Publique Générale GNU en même temps que ce programme
; si ce n'est pas le cas, écrivez à la Free Software Foundation, Inc., 59 Temple Place, Suite 330,
Boston, MA 02111-1307, États-Unis.

*/

body         { background: #f0eaf2 url(../../IMG/pgbkTP.gif) repeat-x left top; text-align: center; padding-top: 20px; border-color: #808080 }
#conteneur           { background: #fcfbfc url(../../IMG/fondTP.jpg) no-repeat left top; text-align: left; margin: 0 auto; padding-right: 0; padding-left: 0; width: 1024px; border: ridge 1px #efe9f1 }
a {
	text-decoration:none;
}

/*---comportement des liens de style bouton---*/

a.bouton  { color: #ffffff; text-decoration: none; background: #674572; text-align: center; display: block; margin: 10px 0; padding: 1px; border: solid 1px #674572 }
a.bouton:hover  { color: #472f4d; text-decoration: none; background: #efe9f1 }

/*---comportement des logos de la colonne de gauche---*/

a.logo-sarka-spip {
	display: block;
	background:URL(../puces/sarka-spip.png);
	background-repeat: no-repeat;
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 85px;
}

a.logo-sarka-spip:hover {
	display: block;
	background:URL(../puces/sarka-spip-hover.png);
	background-repeat: no-repeat;
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 85px;
}

a.logo-spip-powered {
	display: block;
	background:URL(../puces/spip-powered.png);
	background-repeat: no-repeat;
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 85px;
}

a.logo-spip-powered:hover {
	display: block;
	background:URL(../puces/spip-powered-hover.png);
	background-repeat: no-repeat;
	border: 0px;
	margin: 0px;

	padding: 0px;
	width: 85px;
}

/*---comportement des éléments de formulaires---*/

.saisie-texte, .forml    { display: inline; color: #000; font-size: 10px; background: #fff; display: block; margin: 5px 0; padding: 2px; border-style: groove solid solid groove; border-width: 2px 1px 1px 2px; border-color: #221725 }

.spip_bouton  { color: #ffffff; background: #472f4d; display: block; margin: 5px 0; border: solid 1px #bbc3d3 }

.spip_bouton:hover  { color: #472f4d; background: #efe9f1; border: solid 1px }

fieldset {
	margin: 0px;
	padding: 0px;
}

/*---style des info-bulles perso adaptées au contexte (image, plan...)---*/

a.info span {
	display: none;
}

a.info:hover {
	background: none; /* correction d'un bug IE */
}

.images a.info:hover span {
	/* style des infobulles associées aux images */
	display: inline;
	position: absolute;
	z-index: 500;
	margin:0em 0 0 1em;
	background: #EEEEEE;
	text-align: left;
	color: #808080;
	padding: 0px 3px 0px 3px;
	border:1px solid #808080;
	width: 200px;
}

.plan a.info:hover span {
	/* style des infobulles associées aux articles syndiqués (page site.html) */
	display: inline;
	position: absolute;
	z-index: 500;
	margin:0em 0 0 1em;
	background: #EEEEEE;
	text-align: left;
	color: #808080;
	padding: 0px 3px 0px 3px;
	border:1px solid #808080;
}

.recherche a.info:hover span {
	/* style des infobulles associées aux articles syndiqués (page site.html) */
	display: inline;
	position: absolute;
	z-index: 500;
	margin:0em 0 0 1em;
	background: #EEEEEE;
	text-align: left;
	color: #808080;
	padding: 0px 3px 0px 3px;
	border:1px solid #808080;
}

/*---affichage de code (pour afficher en mode texte du code html)---*/

tt {
	display: block;
	border-width: 1px 1px 1px 8px;
	border-style: solid;
	border-color: #669999;
	padding: 1em;
	margin: 1em 0em 1em 0em; /*Sarka-SPIP 1.8.2*/
	font-size: 90%;
	background: #E0F0F0;
	overflow: auto;
	max-height: 25em;
}
/* ====================== Blocs principaux, décomposition de la page en 3 colonnes et 1 bandeau ====================== */
a.bandeau          { color: #bbc3d3; font-size: 14pt; font-family: Verdana, Helvetica, Arial, sans-serif; font-style: italic; font-weight: 100; background-color: transparent; background-image: none; background-repeat: no-repeat; background-position: 0 0; text-align: left; display: block; margin: 0; padding: 0 20px 130px 10px; height: 0 }
a.bandeau:hover {
	color: #EEEEEE;
	text-decoration: none;
}

.bande-chemin        { color: #ffffff; font-size: 10px; font-family: Verdana, Arial, sans-serif; font-weight: bold; background: #221725; text-align: left; margin: 0 0 7px; padding-right: 10px; padding-bottom: 1px; padding-left: 10px; position: relative; bottom: 5px; border-top: medium none #ffffff }

.bande-chemin a  { color: #fff; font-weight: bold }

.bande-chemin a:hover  { color: #fff; text-decoration: underline }

.gauche   { font-family: Arial, Verdana, Helvetica, sans-serif; padding-top: 10px; padding-left: 10px; width: 180px; float: left; border: 0 }


.centre {
	/*colonne centrale*/
	border: 0px;
	margin-left: 180px; /*Sarka-SPIP 1.8.2*/
	margin-right: 170px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
}

.droite   { font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; padding-top: 10px; padding-right: 10px; width: 170px; float: right; border: 0 }

.footer  { color: #221725; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: center; padding: 20px; clear: both }

/* ================================ Formatage des éléments du bandeau =============================== */

a.bandeau .spip_logos {
	float: left;
}

a.bandeau .nom-site {
	margin: 0px;
	padding: 0px;
}


/* ================================ Formatage des éléments du pied de page =============================== */

.footer a {
	color: #221725;
	text-decoration: none;
}

.footer a:hover {
	text-decoration: underline;
}

/* ================================ Formatage des éléments de la colonne de gauche =============================== */

/* bloc contenant la date de dernière mise à jour */

.maj  { color: #808080; font-size: 11px; background: #ffffff; text-align: center; margin: 20px 0; padding: 3px 0; width: 100%; border-width: 1px; border-color: #808080 }


/* bloc de navigation 2 --> contact + admin + formulaire + s'inscrire */

.nav2   { background: #ffffff; margin-top: 10px; width: 100%; border: solid 1px #472f4d }

.nav2 .texte {
	margin:10px;
	font-size: 10px;
}

.nav2 .saisie-texte {
	width:90%;
}

.nav2 .forml{
	width:90%;
}

/* ================================== Formatage des éléments de la colonne centrale ============================== */


/* ~~~~~~~~~~~~ sommaire ~~~~~~~~~~~~ */
/* Le bloc sommaire contient l'édito et les annonces */
/* des derniers articles et des secteurs */

.sommaire  { font-size: 12px; margin: 0; width: 100% }

/* edito */

.edito   { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #fdfdfe; text-align: justify; margin: 20px 30px; padding: 5px; border: solid 1px #bbc3d3 }

.edito a {
	color: #990000;
	text-decoration: none;
}

.edito a:hover {
	color: #990000;
	text-decoration: underline;
}

/* annonce des rubriques-secteurs */
/* ~~~~~~~~~~~~ contenu ~~~~~~~~~~~~ */
/* Le bloc contenu contient les rubriques, */
/* les articles, et leurs objets associés */
/* in extenso */

.contenu {
	font-size: 13px;
	margin: 0px; /*Sarka-SPIP 1.8.2*/
	width: 100%; /*Sarka-SPIP 1.8.2*/
}

/* contenu --> rubriques */

/* contenu --> rubriques filles */
/* mise en forme des documents insérés dans le texte de la rubrique*/
/* contenu --> documents joints (aux articles et aux rubriques) */

.contenu .doc {
	padding: 10px; /*Sarka-SPIP 1.8.2*/
	color: #990000;
	background: #FFFFFF;
	margin: 0px; /*Sarka-SPIP 1.8.2*/
}

.contenu .doc .en-tete {
	font-size: 110%;
	font-weight:bold;
	margin: 5px 0px 5px 0px; /*Sarka-SPIP 1.8.2*/
}

.contenu .doc .spip_logos {
	margin: 5px 0px 0px 30px;
}

.contenu .doc a {
	display:block;
	text-decoration: none;
	color: #990000;
	margin: 0px 0px 5px 0px;
}

.contenu .doc a:hover {
	text-decoration: underline;
}

.contenu .vignette a:hover {
	text-decoration: none;
}

/* contenu --> images jointes (aux articles et aux rubriques) */

.contenu .images {
	margin: 0px; /*Sarka-SPIP 1.8.2*/
	padding: 10px;
	background: #FFFFFF;
}

.contenu .images .en-tete {
	font-size: 110%;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
	color: #990000;
}

.contenu .images .vignette {
	font-size: 80%;
	margin: 10px;
	padding: 10px 0px 10px 0px;
}

.contenu .images ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	color: #000000;
}

/* ~~~~~~~~~~~~ derniers articles ~~~~~~~~~~~~ */
/* La classes "derniers articles" est mal nommée : */
/* elle correspond aux annonces d'articles, dans les */
/* pages sommaire, plan, recherche, auteur, etc. */

.derniers-articles      { color: #6262a4; font-size: 10px; font-family: Arial, Verdana, sans-serif; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin: 5px 30px 20px; padding: 1px 10px 10px; border-color: #bbc3d3 }

.derniers-articles a {
	color: #221725;
	text-decoration: none;
}

.derniers-articles .image .spip_logos {
	display: block;
	float: left;
	margin: 10px;
}

.derniers-articles a:hover {
	color: #990000;
	text-decoration: underline;
}

.derniers-articles .en-tete    { color: #ffffff; font-size: 130%; font-weight: bold; background-color: #472f4d; margin: 0 10px 10px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; border-top: medium none #472f4d; border-right: medium none #472f4d; border-bottom: medium none #472f4d }

.derniers-articles .annonce   { background: #fbfbfc; margin: 10px; padding: 3pt; border: solid 1pt #472f4d }

.derniers-articles .surtitre {
	color: #6262A4;
	font-weight: bold;
	margin: 0px 10px 0px 10px;
	padding-top: 5px;
}

.derniers-articles a.titre  { color: #472f4d; font-size: 110%; font-weight: bold; text-decoration: none; display: block; margin: 0 10px; padding-top: 5px }

.derniers-articles a.titre:hover  { color: #efe9f1; font-size: 110%; font-weight: bold; text-decoration: underline; margin: 0 10px }

.derniers-articles .soustitre   { color: #000; font-style: italic; font-weight: bold; margin: 0 10px; padding-top: 5px }
.derniers-articles .chapo  { color: #000; font-size: 95%; text-align: left; margin-top: 0; margin-bottom: 0; margin-left: 10px }
.derniers-articles .detail    { color: #221725; font-size: 85%; font-weight: bold; text-align: right; margin: 0 0 10px; padding-top: 0; padding-right: 0; padding-bottom: 1px; float: right; border-color: #472f4d #472f4d }

.derniers-articles .chemin    { color: #221725; font-weight: bold; margin-left: 10px; padding: 10px 10px 5px 0; width: 200px; border-top: 1px none #900 }

.derniers-articles .introduction {
	color: #000000;
	margin: 10px 10px 0px 10px;
}

.derniers-articles a.suite   { text-align: right; display: block; padding-bottom: 5px; border-bottom: #996 }

/* ~~~~~~~~~~~~ article (affichage presque semblable à "derniers articles" ~~~~~~~~~~~~ */

/* contenu de l'article "proprement dit" */

.contenu .article   { color: #221725; font-size: 11px; font-family: Arial, Verdana, sans-serif; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin: 0 30px 20px; padding: 10px }

.article a {
	color: #674572;
	text-decoration: none;
}

.article a:hover {
	color: #221725;
	text-decoration: underline;
}

.article .image .spip_logos {
	display: block;
	float: left;
	margin: 10px;
}

.article .surtitre {
	color: #FFFFFF;
	font-size: 120%;
	font-weight: bold;
	margin: 0px; /*Sarka-SPIP 1.8.2*/
}

.article .titre     { color: #221725; font-size: 180%; font-weight: bold; background-image: url(../../IMG/griffe_titreTP.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; margin-top: 10px; margin-right: 0; margin-bottom: 10px; padding-top: 20px; padding-bottom: 10px; padding-left: 30px }

.article .soustitre   { color: #674572; font-size: 130%; font-style: italic; font-weight: bold; margin: 0; padding-left: 30px }

.article .contenu  { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin: 10px 0 0; padding: 0 0 10px }

.article .detail      { color: #221725; font-size: 85%; text-align: center; margin: 20px 0 10px; padding: 1px 5px; float: right; border-style: solid solid solid none; border-width: 1px 0; border-color: #bbc3d3 }

.article .texte  { color: #000000; text-align: justify; margin: 0 10px }

.article .chapo  { color: #472f4d; font-size: 100%; margin: 10px 50% 0 10px }
.article .post-scriptum   { color: #221725; font-size: 80%; margin: 10px 50% 10px 0; padding-top: 10px; border-top: 2px solid #221725; border-right: none; border-bottom: none; border-left: none }

.article .post-scriptum .annonce {
	font-weight: bold;
	color:#472f4d;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

.article .notes   { color: #000000; font-size: 90%; margin: 10px 0; padding: 0 10px; border-top: 2px none #005447 }

.article .en-tete  { color: #900; font-size: 130%; margin: 10px 0 }

.article h3 {
	color: #472f4d;
	font-weight: bold;
	font-size: 140%;
	margin: 1.5em 0em 0.5em 0em;
}

.article blockquote {
	border: 1px solid #808080;
	background: #EEEEEE;
	padding: 0px 15px 0px 15px;
}

.article table {
	font-size: 90%;
	border-color: #FFFFFF;
}

.article tr.row_first {
	background: #808080;
	color: #FFFFFF;
	text-align: center;
	font-size: 100%;
}

.article tr.row_odd {
	background: #DDDDDD;
	color: #000000;
}

.article tr.row_even {
	background: #DDDDDD;
	color: #000000;
}

.article td {
	border: 1px solid #FFFFFF;
	padding: 1px 5px 1px 5px;
}

/* mise en forme des documents insérés dans le texte de l'article */

.article .spip_documents   { font-size: 95%; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: center; display: block; padding: 5px; border-color: #6262a4 }

.article .spip_documents_center {
	margin-left: auto;
	margin-right: auto;
}

.article .spip_doc_titre {
	font-size: 140%;
	font-weight: bold ;
	text-align: left;
	padding: 5px 0px 0px 0px;
	text-align: center;
}

.article .spip_doc_descriptif {
	font-size: 130%;
	color: #080808;
	text-align: left;
	padding: 5px 0px 5px 0px;
	text-align: center;
}


/* ~~~~~~~~~~~~ plan du site et sites référencés ~~~~~~~~~~~~ */

.plan {
	font-size: 24px;
	margin: 0px 30px 0px 30px; /*Sarka-SPIP 1.8.2*/
}

.plan .intitule {
	color: #221725;
	font-size: 100%;
	font-weight: bold;
	margin: 0px 0px 20px 0px; /*Sarka-SPIP 1.8.2*/
}

.plan a.rubrique {
	display:block;
	color: #221725;
	font-weight:bold;
	padding-left:15px;
	margin: 0.5em 0px 0px 0px;
}

.plan a.rubrique:hover {
	background-image:url(../puces/puce0.jpg);
	background-position: left center;
	background-repeat: no-repeat;
}

.plan a.article {
	color: #472f4d;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	font-size: 11px;
}

.plan a.article:hover {
	background-image:url(../puces/puce.gif);
	background-position: left center;
	background-repeat: no-repeat;
	text-decoration: underline;
}

.plan .date {
	color: #221725;
}

.plan ul {
	list-style-type: none;
	padding: 0px 0px 0px 20px; /*Sarka-SPIP 1.8.2*/
	margin: 0px;
	border: 0px;
}

.plan li {
	font-size: 80%;
	padding:0px;
	margin:0px;
	border: 0px;
}

.plan hr {
	margin: 10px 20px 10px 20px;
	border: 1px solid #990000;
}



/* ~~~~~~~~~~~~ recherche ~~~~~~~~~~~~ */

.recherche {
	margin: 0px 30px 20px 30px;  /*Sarka-SPIP 1.8.2*/
}

.recherche .intitule   { color: #221725; font-size: 200%; font-weight: bold; margin: 0 0 20px; padding: 1px 10px 1px 0; border: 2px }

.recherche .elements-trouves {
	color: #472f4d;
	font-size: 150%;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	text-decoration: underline;
}

.recherche .derniers-articles {
	margin: 0px; /* Sarka-SPIP 1.8.2 */
}

.indentation {
	padding-left: 40px;
}

.redimensionnement {
	font-size: 11px; /* Sarka-SPIP 1.8.2 */
}



/* ====================== Formatage des éléments de la colonne de droite ====================== */


/* ~~~~~~~~~~~~ Mini-agenda ~~~~~~~~~~~~ */

.agenda {
	margin: 0px 0px 0px 0px;
	color: #221725;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
}

.agenda .en-tete {
	display: block;
	background-color: #472f4d;
	font-weight: bold;
	font-size: 150%;
	color: #FFFFFF;
	text-align: left;
	border: 1px solid #472f4d;
}

.agenda a.en-tete {
	color: #ffffff;
	font-size: 150%;
	font-weight: bold;
	background-color: #472f4d;
	display: block;
	border: solid 1px #472f4d}

.agenda a.en-tete:hover {
	background-color: #ffffff;
	color: #472f4d;
	border: 1px solid #472f4d;
}
.agenda .contenu  { font-size: 100%; margin: 10px 0; padding: 0; border: solid 1px #472f4d }
.agenda .contenu .mois {
	border-bottom:1px solid #808080;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 100%;
	/*width:150px;*/
	text-align:center;
}

.agenda .contenu .mois a { color: #c30; font-size: 100%; font-weight: bold; text-decoration: none }
.agenda .contenu .mois a:hover { color: #c30; font-weight: bold; text-decoration: underline }

.tableau {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	text-align:center;
	font-style:normal;
}

.calendar_this_day {  /* surligne le jour d'aujourd'hui */
    background: #990000;
	font-weight:bold;
	color :#FFFFFF;
}

.calendar_this_month {  /* couleur des cases appartenant au mois en cours */
	background-color: #FEFEFE;
}

.calendar_not_this_month {  /* couleur des cases n'appartenant pas au mois en cours => début et fin de mois */
	background: #ECECEC;
	color:#AAAAAA;
}

.calendar_head_mini {    /* corespond à la ligne des jours : lu ma me je ve sa di*/
	background-color: #472f4d;
	text-align: center;
	font-size: 10px;
	color: #ffffff;
	font-family: Verdana, Arial, Helvatica, sans-serif;
	font-style:normal;
}




/*  Portfolio
---------------------------------------------- */
#documents_portfolio {
        clear: both;
        margin-top: 1.4em;
        padding-top: 2px;
        /*border-top: 2px solid #CCC; */}
#documents_portfolio h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }

#document_actif { margin-top: 1em; }

cadre {
		/*border: 1px #000000 solid;*/
		background-color:#FFFFFF;
	        text-align: justify;
	        width:500px;
	        padding: 10px;
	        margin-left: auto;
	        margin-right: auto;
	        margin-bottom: 10px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		font-size: 10px
	}