/*  ----------------------------------------------------------- */
/*                            taille typo                       */
/*  ----------------------------------------------------------- */
/*
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible
 * en texte le plus petit sur Internet Explorer
 */
html, body {
	width: 100%;
	height: 100%;
	text-align: center;
}
/* bien regler la marge (bugs IE) */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #222222;
	background-color: #ffffff;
	padding: 0px;
	margin: 0px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* force le retour à la ligne */
/* Utilisé pour forcer des éléments flottants  */
/* Utilisable sous le forme <div class="clear">&nbsp;</div> */
.clear {
	clear: both;
}
/* Utilisé pour eventuellement pousser en dessous des éléments flottants  */	
.clearleft {
	clear: left;
}
/* Utilisé pour eventuellement pousser en dessous des éléments flottants  */	
.clearright {
	clear: right;
}
/* Utilisé pour eventuellement pousser en dessous des éléments flottants  */	
.clearnone {
	clear: none;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
/* Voir aussi la CSS styleaffichage_ie.css */	
/* la classe .spip_logos est générée automatiquement par spip lors de l'affichage de logo  */
.spip_logos {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	padding: 0px;
}				
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Blocs principaux de contenu */
/* Deux pages identiques superposées pour mettre en place deux colonnes fictives */
/* à droite et à gauche */
#pagedroite {
	text-align: left;
	width: 900px;
	padding: 0px;
	margin-top: 2px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	border-top: 0px solid #162983;
	border-right: 0px solid #162983;
	border-bottom: 0px solid #162983;
	border-left: 0px solid #162983;
/* Colonne factice pour remplir la colonne de droite vers le bas*/
	background: transparent url(../images/repetedroite.gif) right top repeat-y;
}
/* pour les articles la colonne fictive est blanche à droite */
#pagedroitearticle {
	text-align: left;
	width: 900px;
	padding: 0px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	border-top: 0px solid #162983;
	border-right: 0px solid #162983;
	border-bottom: 0px solid #162983;
	border-left: 0px solid #162983;
/* Colonne factice pour remplir la colonne de droite vers le bas */
	background: #ffffff;
}

#pagegauche {
	text-align: left;
	width: 900px;
	padding: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	border-top: 0px solid #162983;
	border-right: 0px solid #162983;
	border-bottom: 0px solid #162983;
	border-left: 0px solid #162983;
/* Colonne factice pour remplir la colonne de gauche vers le bas*/
	background: transparent url(../images/repetegauche.gif) left top repeat-y;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Zone d'accessibilité */
#accessibilite {
	width: 900px;
/* la couleur de fond est la même que celle du body */
	padding: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0em;
	border-right: 0px solid;
	border-bottom: 0px solid;
}
.accessibilite {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 0.88em;
	text-align: center;
	color: #aaaaaa;
}

.accessibilite a {
	color: #aaaaaa;
	text-decoration: none;
}
.accessibilite a:visited {
	color: #aaaaaa;
	text-decoration: none;
}
.accessibilite a:hover {
	color: #666666;
	text-decoration: none;
}
.accessibilite a:active {
	color: #333333;
}	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Entête de la page d'accueil destinée à contenir la bannière principale */
#enteteaccueil {
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;	
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Entête des autres pages destinée à contenir une bannière plus étroite */
#enteteautre {
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;	
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Zone de boutons horizontaux */
/* Voir aussi la CSS styleaffichage_ie.css */
#boutonshorizontaux {
	height: 30px;
	background : #aaaa87 url(../images/fondzoneboutons.gif);
	background-repeat: no-repeat;
/* Ligne éventuelle de séparation */
/*	border-top-width: 1px; */
/*	border-top-style: solid; */
/*	border-top-color: #99ccff; */
}
/* Les boutons horizontaux sont présentés sous forme de liste */
.boutonshorizontaux {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: left;
}
.boutonshorizontaux li {
	display: inline;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Zone de menu haute */
#menuhaut {
	height: 30px;
	background : #99cccc;
/* background : #aaaa87 url(../images/fondzonehaute.gif);  */
/* 	background-repeat: no-repeat;  */
}
/* Les intitulés du menu haut sont présentés sous forme de liste */
.menuhaut {
	list-style-type: none;
	padding-top: 10px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	font-size: 85%;
	color: #000000;
	text-align: right;
}
.menuhaut li {
	display: inline;
}
/* aspect des liens du menu haut */
.menuhaut a {
	color: #000000;
	text-decoration: none;
}
.menuhaut a:visited {
	color: #000000;
}
.menuhaut a:hover {
	color: #ffffff;
}
.menuhaut a:active {
	color: #ffffff;
	text-decoration: underline;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Zone du chemin de progression */
#cheminprogression {
	height: 1.3em;
	line-height: 1.3em;
	background-color:#99cccc;
	padding: 0px;
	margin: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #99cccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #006666;
}
/* Les intitulés du chemin de progression sont présentés sous forme de liste */
.cheminprogression {
	text-align: left;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 85%;
	color: #000000;
}
.cheminprogression li {
	display: inline;
}
/* aspect des liens du chemin de progression */
.cheminprogression a {
	color: #000000;
	text-decoration: none;
}
.cheminprogression a:visited {
	color: #000000;
}
.cheminprogression a:hover {
	color: #ffffff;
}
.cheminprogression a:active {
	color: #ffffff;
	text-decoration: underline;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* popup d'accès direct aux rubriques */
.popup {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 180px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
}
/* ******************************************************** */
/* Zone a gauche de l'écran */
/* Zone qui va contenir le contenu menu gauche */
/* Note : cette zone peut contenir une image en background */
#gauche {
	float: left;
	width: 190px;
/* si le bloc contient une image en background */
/* background : #162983  url(../images/fondzonegauche.png) top left no-repeat; */
	background : #99cccc;
/* attention la valeur du width intervient aussi dans */
/* la class popup et dans la class carrelogo */
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	border-top: 0px solid #006666;
	border-right: 0px solid #006666;
	border-bottom: 0px solid #006666;
	border-left: 0px solid #006666;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 	*/
/* Style recherche, cette div est utilisé pour la recherche */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 	*/
#recherche {
	text-align: center;
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* le cadre du bloc qui s'encadre dans la zone gauche */
/* c'est une class car elle est ouverte plusieurs fois dans la zone gauche */
.cadregauche {
	width: 180px;
/* le padding top sert pour Firefox */
	padding-top: 1px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 4px;
	margin-right: 5px;
	margin-bottom: 10px;
	background:  #ffffff url(../images/cadregauchehaut.gif) top left no-repeat;
	border-top: 0px solid #d9d9d9;
	border-right: 0px solid #d9d9d9;
	border-bottom: 3px solid #d9d9d9;
	border-left: 0px solid #d9d9d9;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Intitulés des rubrique présentées */
/* Les intitulés des rubriques sont présentés sous forme de liste */
.rubriques {
	padding-left: 20px;
	padding-right: 20px;
/* La margin top permet de déplacer le contenu par rapport  au cadrehaut*/
	margin-top: 2px;
	margin-left: 0px;
	margin-right: 0px;
/* La marge bottom permet de pousser le cadre bas vers le bas */
	margin-bottom: 8px;
}
/* aspect des liens sur les rubriques */
.rubriques li 
{
/* Le padding left décale l'intitulé dans le cadre */
	padding-left: 10px;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	border: 1px solid #000000;
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
/* La marge bottom permet de laisser un espace après chaque intitulé de liste */
	margin-bottom: 1px;
	list-style-type: none;
	text-align: left;
}
/* aspect des liens des rubriques */
.rubriques a {
	color: #000000;
	text-decoration: none;
}
.rubriques a:visited {
	color: #000000;
}
.rubriques a:hover {
	color: #333333;
}
.rubriques a:active {
	color: #cccccc;
}
/* *************************************************** */
/* Aspect du titre s'il y en a un dans le bloc */
.titregauche {
	padding: 0px;
/* La margin top permet de déplacer le contenu par rapport au cadre haut */
	margin-top: 0px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
	font-size: 100%;
	font-weight: bold;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color: #ffffff;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
	text-align: center;
}
/* *************************************************** */
/* Les liens à gauche avec puces courtes sont placés dans le cadre gauche */
.liensgauche {
	padding: 0px;
/* La margin top permet de déplacer le contenu par rapport au cadre haut */
	margin-top: 2px;
	margin-left: 0px;
	margin-right: 0px;
/* La marge bottom permet de pousser le cadre bas vers le bas */
	margin-bottom: 10px;
	/* background-color: #ebebeb; */
	/* border: 1px solid #000000; */
}
/* aspect des liens avec puces courtes */
.liensgauche li 
{	
	padding-left: 5px;
	padding-right: 5px;
	font-size: 0.85em;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
/* La marge bottom permet de laisser un espace après chaque intitulé de liste */
	margin-bottom: 2px;
	list-style-image:  url(../images/pucecourte.gif);
/* La puce est fixée à l'intérieur - sinon Firefox la place à l'extérieur */
	list-style-position: inside;
}

/* aspect des liens à gauche */
.liensgauche a {
	color: #333333;
	text-decoration: none;
}
.liensgauche a:visited {
	color: #333333;
}
.liensgauche a:hover {
	color: #333333;
	text-decoration: underline;
}
.liensgauche a:active {
	color: #cccccc;
}

/* *************************************************** */
/* Les liens à droite sans puce sont placés dans le cadre droit */
.liensgauchenopuce {
	padding: 0px;
/* La marge top permet de déplacer le contenu par rapport au cadre haut */
	margin-top: 2px;
	margin-left: 0px;
	margin-right: 0px;
/* La marge bottom permet de pousser le cadre bas vers le bas */
	margin-bottom: 5px;
	/* background-color: #ebebeb; */
	/* border: 1px solid #000000; */
}
/* aspect des liens avec puces courtes */
.liensgauchenopuce li 
{	
	padding-left: 5px;
	padding-right: 5px;
	font-size: 0.85em;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
/* La marge bottom permet de laisser un espace après chaque intitulé de liste */
	margin-bottom: 10px;
	list-style-type: none;
}
/* Aspect des liens du menu droit */
.liensgauchenopuce a {
	color: #000000;
	text-decoration: none;
}
.liensgauchenopuce a:visited {
	color: #000000;
}
.liensgauchenopuce a:hover {
	color: #162983;
	text-decoration: underline;
}
.liensgauchenopuce a:active {
	color: #aaaaaa;
}


/* *********************************************************************************** */
/* Pour le squelette rubrique, les intitulés du menu gauche sont présentés */ 
/* sous forme de liste avec puce longue */
.liensgaucheplongue {
	padding: 0px;
/* La marge top permet de déplacer le contenu par rapport au cadrehaut */
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
/* La marge bottom permet de pousser le cadre bas vers le bas */
	margin-bottom: 10px;
	/* background-color: #ebebeb; */
	/* border: 1px solid #000000; */
}
/* aspect des liens avec puces courtes */
.liensgaucheplongue li 
{	
	padding-left: 10px;
	padding-right: 10px;
	font-size: 0.85em;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
/* La marge bottom permet de laisser un espace après chaque intitulé de liste */
	margin-bottom: 2px;
	list-style-image:  url(../images/pucelongue.gif);
/* La puce est fixée à l'intérieur - sinon Firefox la place à l'extérieur */
	list-style-position: inside;
}

/* aspect des liens à gauche */
.liensgaucheplongue a {
	color: #ffffff;
	text-decoration: none;
}
.liensgaucheplongue a:visited {
	color: #ffffff;
}
.liensgaucheplongue a:hover {
	color: #333333;
}
.liensgaucheplongue a:active {
	color: #aaaaaa;
}
/* ********************************************************** */
/* Zone à droite de l'écran */
/* Zone qui va contenir le contenu menu droit */
/* Note : cette zone peut contenir une image en background */
#droite {
	float: right;
	width: 190px;
/* background-color: #ffffff; */
/* border: 1px solid #ff0000; */
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
/* si le bloc contient une image en background */
/* background : #ffffff  url(../images/fondzonedroit.png) top left no-repeat; */
	background : #99cccc;
	border-top: 0px solid #99cccc;
	border-right: 1px solid #99cccc;
	border-bottom: 1px solid #99cccc;
	border-left: 1px solid #99cccc;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* le cadre du bloc qui s'encadre dans la zone droite */
/* c'est une class car elle est ouverte plusieurs fois dans la zone droite */
.cadredroite {
	width: 180px;
	padding-top: 1px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
/* Encadrement dans la zone de droite */
	margin-top: 5px;
	margin-left: 4px;
	margin-right: 5px;	
	margin-bottom: 5px;
	background: #ffffff url(../images/cadredroitehaut.gif) top right no-repeat;
	border-top: 0px solid #d9d9d9;
	border-right: 0px solid #d9d9d9;
	border-bottom: 3px solid #d9d9d9;
	border-left: 0px solid #d9d9d9;
}

/* ********************************************************** */
/* Zone à droite de l'écran pour les article */
/* Zone qui va contenir le contenu menu droit */
#droitearticle {
	float: right;
	width: 190px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background : #ffffff;
	border-top: 0px solid #162983;
	border-right: 0px solid #162983;
	border-bottom: 0px solid #162983;
	border-left: 0px solid #162983;
	background: #ffffff url(../images/onglet_page.gif) bottom right no-repeat;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* le cadre du bloc qui s'encadre dans la zone droite */
/* c'est une class car elle est ouverte plusieurs fois dans la zone droite */
.cadredroitearticle {
	width: 180px;
	padding-top: 1px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
/* Encadrement dans la zone de droite */
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;	
	margin-bottom: 20px;
	border-top: 0px solid #d3d3d3;
	border-right: 0px solid #d3d3d3;
	border-bottom: 0px solid #d3d3d3;
	border-left: 1px solid #d9d9d9;
}

/* *************************************************** */
/* Aspect du titre s'il y en a un dans le bloc */
.titredroit {
	padding: 0px;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 100%;
	font-weight: bold;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
/* La couleur du texte est la même que celle de la bordure */
	color: #ffffff;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
	text-align: center;
}
/* *************************************************** */

/* *************************************************** */
/* Aspect du titre s'il y en a un dans le bloc */
.titredroitarticle {
	padding: 0px;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 100%;
	font-weight: bold;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
/* La couleur du texte est la même que celle de la bordure */
	color: #333333;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
	text-align: center;
}
/* *************************************************** */
/* Les liens à droite avec puces sont placés dans le cadre droit */
.liensdroit {
	padding: 0px;
/* La marge top permet de déplacer le contenu par rapport au cadre haut */
	margin-top: 2px;
	margin-left: 0px;
	margin-right: 0px;
/* La marge bottom permet de pousser le cadre bas vers le bas */
	margin-bottom: 5px;
	/* background-color: #ebebeb; */
	/* border: 1px solid #000000; */
}
/* aspect des liens avec puces courtes */
.liensdroit li 
{	
	padding-left: 5px;
	padding-right: 5px;
	font-size: 0.85em;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
/* La marge bottom permet de laisser un espace après chaque intitulé de liste */
	margin-bottom: 2px;
	list-style-image:  url(../images/pucecourte.gif);
/* La puce est fixée à l'intérieur - sinon Firefox la place à l'extérieur */
	list-style-position: inside;
}
/* Aspect des liens du menu droit */
.liensdroit a {
	color: #000000;
	text-decoration: none;
}
.liensdroit a:visited {
	color: #000000;
}
.liensdroit a:hover {
	color: #162983;
	text-decoration: underline;
}
.liensdroit a:active {
	color: #aaaaaa;
}
/* *************************************************** */
/* Les liens à droite sans puce sont placés dans le cadre droit */
.liensdroitnopuce {
	padding: 0px;
/* La marge top permet de déplacer le contenu par rapport au cadre haut */
	margin-top: 2px;
	margin-left: 0px;
	margin-right: 0px;
/* La marge bottom permet de pousser le cadre bas vers le bas */
	margin-bottom: 5px;
	/* background-color: #ebebeb; */
	/* border: 1px solid #000000; */
}
/* aspect des liens avec puces courtes */
.liensdroitnopuce li 
{	
	padding-left: 5px;
	padding-right: 5px;
	font-size: 0.85em;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
/* La marge bottom permet de laisser un espace après chaque intitulé de liste */
	margin-bottom: 10px;
	list-style-type: none;
}
/* Aspect des liens du menu droit */
.liensdroitnopuce a {
	color: #000000;
	text-decoration: none;
}
.liensdroitnopuce a:visited {
	color: #000000;
}
.liensdroitnopuce a:hover {
	color: #162983;
	text-decoration: underline;
}
.liensdroitnopuce a:active {
	color: #aaaaaa;
}
/* ****************************************************** */
/* Les intitulés du menu droit sont présentés sous forme de liste sans puce */
/* A priori inutile */
.menudroitnopuce {
	padding: 0px;
	margin-top: 0px;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 0px;
}
.menudroitnopuce li {
	list-style-type: none;
	margin: 0px;
}
/* Les intitulés du menu droit sont présentés sous forme de liste avec puce */
.menudroit {
	padding: 0px;
	list-style-type: none;
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 0px;
}
.menudroit li {
	margin: 0px;
	background-image:   url(../images/pucecourte.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Conteneur de l'ensemble de la page */
/* zoom:1.0 est reconnue par IE */
/* elle permet de régler les problèmes des disparitions fantômes de texte */
#conteneurcentral {
	background: #ffffff;
	margin-left: 192px;
	margin-right: 192px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 0px;
	zoom: 1.0;
}

/* Les intitulés du conteneur global sont présentés sous forme de liste sans puce*/
.conteneurcentralnopuce {
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.conteneurcentralnopuce li {
	margin-bottom: 1px;
	list-style-type: none;
}
/* aspect des liens dans la partie centrale sans puce */
.conteneurcentralnopuce a {
	color: #162983;
	text-decoration: none;
}
.conteneurcentralnopuce a:visited {
	color: #162983;
}
.conteneurcentralnopuce a:hover {
	color: #162983;
	text-decoration: underline;
}
.conteneurcentralnopuce a:active {
	color: #000000;
}
/* Style pour les liens vers les articles ou les rubriques dans une page rubrique */
.liensartrub {
	font-size: 90%;
	color: #333333;
}

.liensartrub li {
	list-style-type: none;
	display: inline;
}

/* aspect des liens */
.liensartrub a {
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}
.liensartrub a:visited {
	color: #333333;
}

.liensartrub a:hover {
	color: #333333;
	text-decoration: underline;
}
.liensartrub a:active {
	color: #333333;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Style pour le texte d'un article */
/* Attention #texte doit être un id sinon le js de changement de taille des caractères ne fonctionne pas */
#texte {
	text-align: left;
/* mise en place d'un contexte de formatage pour éviter que le clear left */
/* pousse la suite sous le float left du cadre gauche avec firefox */
/* voir http://www.blog-and-blues.org/articles/Float,_clear_et_contextes_de_formatage */
	overflow: auto;
}

/* Décalage du descriptif à droite du logo d'article */
/* Evite de modifier la class spip.logo */
.descriptif {
	margin-left: 47px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 0px;
/* 	background:  #ffffff url(../images/pucerepeat_contenu.gif) top left repeat-x; retiré le 17 09 2008 */
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Dans la partie centrale encart gauche */
#encartgauche {
	float: left;
	text-align: left;
	width: 500px;
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#ffffff;
	border: 0px solid #000000;
	background: #ffffff url(../images/cadreencartgauche.gif) top left no-repeat;
}

.encartgauche {
  	margin-top: 40px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
/* marge intérieure dans le bloc */
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	background-color: #f6f6f6;
	border-top: 1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
	border-bottom: 1px solid #c7c7c7;
	border-left: 1px solid #c7c7c7;
}

/* aspect des liens avec puces courtes */
.encartgauche li {	
	font-size: 0.85em;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
/* La marge bottom permet de laisser un espace après chaque intitulé de liste */
	margin-bottom: 10px;
	list-style-image:  url(../images/pucecourte.gif);
/* La puce est fixée à l'intérieur - sinon Firefox la place à l'extérieur */
	list-style-position: inside;
}
/* Aspect des liens du menu droit */
.encartgauche a {
	color: #000000;
	text-decoration: none;
}
.encartgauche a:visited {
	color: #000000;
}
.encartgauche a:hover {
	color: #162983;
	text-decoration: underline;
}
.encartgauche a:active {
	color: #aaaaaa;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Dans la partie centrale encart droit */
#encartdroit {
	float: left;
	text-align: left;
	width: 500px;
	padding: 0px;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#ffffff;
	border: 0px solid #000000;
	background: #ffffff url(../images/cadreencartdroite.gif) top left no-repeat;
}

.encartdroit {
  	margin-top: 40px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
/* marge intérieure dans le bloc */
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	background-color: #f6f6f6;
	border-top: 1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
	border-bottom: 1px solid #c7c7c7;
	border-left: 1px solid #c7c7c7;
}

/* aspect des liens avec puces courtes */
.encartdroit li {	
	font-size: 0.85em;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
/* La marge bottom permet de laisser un espace après chaque intitulé de liste */
	margin-bottom: 5px;
	list-style-image:  url(../images/pucecourte.gif);
/* La puce est fixée à l'intérieur - sinon Firefox la place à l'extérieur */
	list-style-position: inside;
}
/* Aspect des liens du menu droit */
.encartdroit a {
	color: #000000;
	text-decoration: none;
}
.encartdroit a:visited {
	color: #000000;
}
.encartdroit a:hover {
	color: #162983;
	text-decoration: underline;
}
.encartdroit a:active {
	color: #aaaaaa;
}

/* *************************************************** */
/* titre des encart sera à supprimer*/
.titreencart {
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 100%;
	font-weight: bold;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	line-height: 40px;
/* La couleur du texte */
	color: #ffffff;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
}
/* *************************************************** */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Style pour le plan du site et la page résumé */
/* définition de paragraphe principal */
/* Attention #plan doit être un id sinon le js de changement de taille des caractères ne fonctionne pas */
#plan {
	font-size: 0.85em;
}
#plan p {
	font-weight: normal;
	margin: 0px 10px 0px 20px;
}
/* aspect des liens dans la partie centrale */
#plan a {
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
#plan a:visited {
	color: #800080;
}
#plan a:hover {
	color: #999900;
}
#plan a:active {
	color: #cccccc;
}
/* Les intitulés du conteneur global sont présentés sous forme de liste avec puce courte */
.plan {
	font-weight: normal;
	list-style-type: none;
	padding: 0px;
	margin: 0 10px 0px;
}
.plan li {
	font-weight: normal;
	margin: 0px 0px 3px;
	list-style-image:   url(../images/pucecourte.gif);
	list-style-position: inside;
}
/* Les intitulés du conteneur global sont présentés sous forme de liste avec puce longue*/
.planpucelongue {
	font-weight: normal;
	list-style-type: none;
	padding: 0px;
	margin: 0 10px 0px;
}
.planpucelongue li {
	font-weight: normal;
	list-style-type: none;
	margin: 0px 0px 3px;
	list-style-image:   url(../images/pucelongue.gif);
	list-style-position: inside;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Pied de la page qui contient les articles de service */
#pieddepage {
	height: 1.5em;
	line-height: 1.5em;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
	color: #333333;
	border-top: 1px solid #006666;
}
/* Les intitulés du pied de page sont présentés sous forme de liste */
.pieddepage {
	text-align:center;
	font-size: 0.85em;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.pieddepage li {
	display: inline;
}
/* aspect des liens du pied de page */
.pieddepage a {
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}
.pieddepage a:visited {
	color: #333333;
}
.pieddepage a:hover {
	color: #000000;
	text-decoration: underline;
}
.pieddepage a:active {
	color: #aaaaaa;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Styles de contenu */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* paragraphes */
h1, h2, h3 {
	font-weight: bold;
	margin: 0em 1em 1em;
}
h1 {
	font-size: 1.4em;
	line-height: 1.6em;
}
h2 {
	font-size: 1.3em;
	line-height: 1.8em;
}
h3 {
	font-size: 1.1em;
}
h4 {
	font-size: 1.4em;
	font-weight: bold;
	margin: 1px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Style d'impression */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#imprime {
	background-color: #ffffff;
	text-align: left;
	color: #000000;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* style pour le portfolio de photos */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
table.docjoints {
  border: none;
  margin-top: 10px;
  margin-right: 5px;
  margin-bottom: 10px;
  margin-left: 5px;
}

table.docjoints td {
  border: none;
  padding-top: 0px;
  padding-right: 3px;
  padding-bottom: 0px;
  padding-left: 3px;
  width: 150px;
  text-align: center;
  vertical-align: top;
} 

table.docjoints p,
.spip_doc_titre,
.spip_doc_descriptif { 
  font-size: 0.71em;
  margin: 0;
}

table.docjoints p.titredoc,
.spip_doc_titre { 
  font-weight: bold;
}