* {margin:0;padding:0}

html, body {
	height: 100%;
	margin: 15px auto;
	padding: 0px;
	}

body {
	color: #fff;
	text-align: center;
	font-size: 85%;
	FONT-FAMILY: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif;
/*	background-image: url(../img/bg.jpg);  */
}

p {	margin-top: 3px}

a {text-decoration:none}



/*td agenda {
	font-size: .4em;
}
*/
table#doc_csv  {
   width: 90%;
   border: none;
   font-size: 100%;
   margin: 0;
   padding: 0;
}
.horaire font{
	color: #000;
}
.horaire table {
   width: 80px;
   font-size: 50%;
   color: #000;
}

tr#doc_csv {
	font-size: 100%;
   margin: 10px;
   padding: 10px;
}
td#doc_csv {
   margin: 10px;
   vertical-align: top;
}

div#conteneur {
/*	min-height: 100%; */
	position: relative;
	text-align: left;
	width: 900px;
	padding: 0;
	margin: 0 auto;
	background: url(../img/bg_2col_900.gif) center repeat-y;
	}

div#contenu {
/*	min-height: 100%; */
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
	/* background: url(../img/bg_2col_900.png) center repeat-y; */
	}

div#form_auteur table td{
	font-size: 100%;
	color: #333;
	padding: 5px  10px;
}
#enseigne {
	/*display: block;*/
	position: relative;
	width: 900px;
	padding: 0px;
	margin: 0px ;

}
#enseigne .nom-etablissement {
	display: block;
	margin:0;
	padding: 0 5px;
	text-align: center;
	background: #6262A4;
	font-weight: bold;
	font-size: 120%;
	color: #fff;
	border: 1px solid #6262A4;
	}

#bandeau {
	display: block;
	position: relative;
	text-align: left;
	width: 100%;
	height: 112px;
	padding: 0px;
	margin: 0px ;
	background: url(../img/eleves_top_color.jpg) repeat-x;
}

a.bandeau {
	display: block;
	padding-top: 20px;
	padding-left: 5px;
	display: block;
	position: absolute;
}
.gauche {
	/*colonne de gauche*/
	border: 0px;
	width: 180px;
	position: absolute;
	top: 200px;
	left: 0px;
	color: #58682f;
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif;
}

.centre {
	border: 0px;
	padding-left:10px;
	margin-left: 185px; 
	margin-right: 20px;
	background: #fff;
	color: #58682f;
	font-family: Arial,Verdana,Helvetica,sans-serif;

}

.centre3col {
	border: 0px;
	padding-left:10px;
	margin-left: 180px; 
	margin-right: 250px;
	background: #fff;
	color: #58682f;
	font-family: Arial,Verdana,Helvetica,sans-serif;
}

.centregauche {
	float: left; /* for IE only*/
	/*position: absolute;*/
	left: 200px;
	width: 210px;
}
*>.centregauche {position:absolute}  /* for all non IE browsers */

.centredroite {
   float: left;
	/*position: absolute;*/ 
	right: 260px;
	width: 210px;
}
*>.centredroite {position:absolute}  /*astuce: n'est pas reconnu par IE */

.droite {
	float: right;
	/*position: absolute;*/
	border: 0px;
	width: 240px;
	top: 200px;
	color: #58682f;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 10px;
	right: 0px;
	margin-top: 20px;
}
*>.droite {position:absolute}  /*astuce: n'est pas reconnu par IE */

#footer {
	clear: both;
/*	background: url(../img/top_footer.gif) top no-repeat; */
	background-color: #AD820F;
	text-align: left;
	font-size: 12px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	padding: 0px;
}

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

.spip_code {
	display: block;
	border : 1px solid #669999;
	border-left : 8px solid #669999;
	background : #E0F0F0;
	padding : 0px 5px 0px 0px;
	margin: 1em 1em 1em 0em; /*Sarka-SPIP 1.8.2*/
	font-size: 90%;
	overflow: auto;
	max-height: 25em;
}

/* ====================== Blocs principaux, décomposition de la page en 3 colonnes et 1 bandeau ====================== */




.bande-chemin {
	/*bande accrochée au bandeau de titre, contenant le chemin hiérarchique de la page en cours*/
	/*border-top: 2px solid #FFFFFF; */
	background: #fff;
	padding: 4px 10px 10px 0px; 
	margin: 0px 0px 0px 0px;
	text-align: left; 
	font-size: 100%;
	color: #900 ;
	font-weight: bold;
	font-family: Verdana,Helvetica,Arial,sans-serif;
}

.bande-chemin a {color:#900}

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

/* ~~~~~~~~~~~~ articles à la une ~~~~~~~~~~~~ */
.liste-articles-une {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	padding: 10px;
	margin-top: 10px;
	color: #555;
}
/*.clearer {clear: both ;margin: 0 auto;padding: 0;}*/
.clearer {
	clear: both;
	display: block;
	height: 0px;
}

.liste-articles-une p.en-tete {
	font-size: 14px;
	font-weight: bold;
	color: #9C4C1A;     
	letter-spacing: 1.5px;
	border-bottom : 2px solid #9C4C1A;
}
.liste-articles-une p.titre {
	margin-top: 15px;
}
.liste-articles-une a {
	color: #555;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}
.liste-articles-une a:hover {
	color: #900;
	text-decoration: underline;
}
.liste-articles-une p.post-info {
	font-size: 10px;
	margin-top: -3px;
	margin-bottom:0;
}
.liste-articles-une p.introduction {
	font-size: 12px;
	font-style: italic;
	margin-top:0;
}
.liste-articles-une a.suite {
	color: #333;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

/* ~~~~~~~~~~~~ derniers articles ~~~~~~~~~~~~ */

.liste-articles {
/*	background: #6262A4;
	margin: 30px 30px 20px 30px;   */ 
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	padding: 10px;
	margin-top: 20px;
}

.liste-articles a {
	color: #333;
	text-decoration: none;
}

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

.liste-articles a:hover {
	color: #900;
	text-decoration: underline;
}

.liste-articles .en-tete {
	color: #555;
	font-size: 120%;
	font-weight: bold;
	margin: 0px 10px 10px 0px;
}

.liste-articles .en-tete-article {
	border: 1px solid #E0E0E0;
	background: #FFF url(../img/postinfo.png) repeat-x;
	color: inherit;
	height: 30px;
	padding: 0.5ex;
	-moz-border-radius: 5px;
}
.en-tete-article a.titre {
	color: #333;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	padding-top: 2px;
}
p#titre {
	margin: 0px 10px 0px 5px;
	/*float: left;*/
}
p#post-info {
/*	float: right;*/
	font-size: 0.8em;
	color: #333;
	margin: 0px 10px 0px 5px;
/*	padding-top: 5px;*/
}
.liste-articles .en-tete-article p.post-info{
	float: right;
	font-size: 0.8em;
	color: inherit;
}

.liste-articles a.titre:hover {
	color: #333;
	font-size: 100%;
	font-weight: bold;
/*	margin: 0px 10px 0px 10px; */
	text-decoration: underline;
}


.liste-articles .detail {
	color: #6262A4;
	font-size: 85%; 
	font-weight: bold;
	text-align: center;
	margin: 0px 0px 10px 0px; 
	padding: 1px 5px 1px 5px;
	border-left: 1px solid #6262A4;
	border-bottom: 1px solid #6262A4;
	width: 200px;
	float: right;
}

.liste-articles .chemin {
	color: #900;
	font-weight: bold;
	padding: 10px 10px 5px 10px;
}

.liste-articles .introduction {
	color: #333;
	margin: 5px 20px 20px 10px;
}

.liste-articles a.suite {
 /*	text-align: right; 
	display: block; */
}

/* contenu --> rubriques filles */
.contenu .rubrique .filles {
	margin: 20px 0px;
}

.contenu .rubrique .filles a {
	display: block;
	color: #333;
	font-weight: bold;
	list-style-type: none;
/*	background-image: url(../puces/puce0.jpg);*/
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px;
	margin: 5px 0px 5px 0px;
}

.contenu .rubrique .filles a:hover {
	background-image: url(../puces/puce-n0.jpg);
	background-position: left center;
	background-repeat: no-repeat;
}
/* ~~~~~~~~~~~~ article (affichage presque semblable à "derniers articles" ~~~~~~~~~~~~ */

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

.contenu .article {
/*	background: #6262A4;
	margin: 0px 30px 20px 30px;  */
	background: #fff;
	margin: 0px 30px 20px 0px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 120%;
	padding: 10px /*10px 10px 10px 10px*/; 
}

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

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

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

.article .titre, .evenement .titre {
	color: #333;
	font-size: 100%;
	font-weight: bold;
	margin: 0px; 
}

.article .titre-article {
	color: #333;
	font-size: 150%;
	font-weight: bold;
	margin-top: 25px; 
}

.article .contenu {
	background: #fff;
	margin: 10px 0px 0px 0px; 
	padding: 0px 0px 10px 0px; 
}

.article p.post-info{
	text-align: left;
	font-size: 0.8em;
	border: 1px solid #E0E0E0;
	background: #FFF url(../img/postinfo.png) repeat-x;
	color: inherit;
	margin-top: 0.5em;
	margin-bottom: 3em;
	padding: 0.5ex;
	-moz-border-radius: 5px;
}

.article .texte, .evenement .texte {
	color: #333;
	margin: 0px 10px 0px 10px;
}
.evenement .texte {
	color: #333;
	margin: 20px 10px 0px 0px;
}

.article .en-tete {
	color: #FFFFFF;
	font-size: 130%;
	font-weight: bold;
	margin: 10px 0px 10px 0px; /*Sarka-SPIP 1.8.2*/
}

.article h3 {
	color: #555 /*#6262A4*/;
	font-weight: bold;
	font-size: 100%;
	margin: 1.5em 0em 0.5em 0em;
}

.article .texte table.petit {
	font-size: 70%;
	border-color: #FFFFFF;
	background: #bbb/*#808080*/;

}
.article table {
	font-size: 100%;
	border: none;
	border-color: #FFFFFF;
	background: #FFFFFF ;
}
.article tr {
	padding:20px;
	margin: 20px;
}
.article tr.row_first {
	background: #fff/*#808080*/;
	color: #fff;
	text-align: center;
	font-size: 100%;
}

.article tr.row_odd {
	background: #fff /*#E0E0E0*/;
	color: #000000;
}

.article tr.row_even {
	background: #fff /*#E0E0E0*/;
	color: #000000;
}

.article td {
	border: none; /*1px solid #FFFFFF; */
	padding: 1px 5px 1px 5px;
	vertical-align: top;
}
.evenement {
	font-size: 13px;
	margin: 20px 30px 20px 10px;
	padding: 5px 20px 20px 10px;
	border: 2px solid #9C4C1A;
	background-color: #fff /*#F8EFDE*/ ; 
}
.article a.imprimer, .liste-articles a.imprimer, .evenement a.imprimer {
	display: block;
	background-image: url(../puces/printer.gif);
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	float: right;
	margin-right: 10px; 
}

.maj {
	background: #FFFFFF;
	font-size: 11px;
	border: 1px solid #ffcc35;
	width: 85%;
	text-align: center;
	padding: 3px 3px 3px 3px;
	color: #808080;
	margin: 20px 0px 20px 10px;
}

.contenu .rubrique {
    border: 2px solid #fff;
	margin: 0px 30px 20px 20px; 
}
.contenu .rubrique p.titre{
	font-size: 120%; 
	font-weight: bold; 
	color: #900;
}

nav2 {
	/*bloc contenant les liens de navigation*/
	background: #FFFFFF;
	font-size: 11px;
	border: 1px solid #ffcc35;
	width: 85%;
	text-align: center;
	padding: 3px 3px 3px 3px;
	color: #808080;
	margin: 20px 0px 20px 10px;

}

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

.nav2 .texte .bouton {
	margin: 17px 0px 17px 22px;
	text-indent: -20px;
	text-align: left;
	text-indent: 5px;
}

.gauche .auteur {
	margin: 5px;
	font-size: 100%;
	color: #900;
	display: block;
	font-weight: normal;
	font-size: 100%;
	background: #fff;
	text-align:center;
	border: 1px solid #D56F03;
	/*margin:10px 10px 10px 10px;*/
}
.gauche .auteur p.username{
	font-size: 90%;
	text-align: center;
	font-weight: bold;
	margin: 5px;
/*	margin:10px 0px 10px 0px; */
}
.gauche .auteur a.bouton {
	display:block;
	background:#D56F03 /*#6262A4*/;
	color:#fff;
	font-weight: bold;
	text-decoration:none;
	/*border: #366 solid 1px;*/
	text-align:center;
	padding:1px;
	margin:0px;
}

gauche .auteur a.bouton:hover {
	background:#F0F0FA;
	color:#366;
	text-decoration:none;
}
.formulaire_spip fieldset {
	border: 1px solid #D56F03;
	margin: 10px 0px 10px 0px;
	padding: 10px;
}

.formulaire_spip legend {
	color: #366;
	background: #EEEEEE;
	font-weight: bold;
	border: 1px solid #366;
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 5px 0px;
}

.formulaire_spip label {
	font-weight: bold;
}

.form0 {
	/*display:block;*/
	color: #999;
	background: #fff;
	border: 1px solid #D56F03 /*#6262A4*/;
	padding:1px;
}

.saisie-texte, .forml {
	/*display:block;*/
	color: #999;
	background: #fff;
	border: 1px solid #58682f;
	margin:-2px 0px 5px 0px;
	padding:1px;
}
.spip_bouton input {
	display: block;
	float: right;
	background: #366;
	color: #F0F0FA;
	border: 1px solid #366;
	margin:5px 0px 5px 0px;
}

.spip_bouton input:hover {
	background: #F0F0FA;
	color: #366;
	border: 1px solid #366;
	cursor: pointer;
}
.spip_bouton_gauche input {
	/*float: right; */
	background: #6262A4;
	color: #fff;
	border: 1px solid #D56F03 /*#6262A4*/;
	margin:0px 5px 0px 5px;
}

.spip_bouton_gauche input:hover {
	background: #ccc;
	color: #6262A4;
	font-weight: bold;
	border: 1px solid #D56F03 /*#6262A4*/;
	cursor: pointer;
}

.edito {
	font-size: 13px;
	margin: 20px 30px 20px 10px;
/*	border: 2px solid #000000;
	background-color: #ffffe0; */
}

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

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

.edito .image .spip_logos {
	display: block;
	float: right;
	margin: 10px;
	border:0px;
}


.edito .titre {
	color: #000;
	font-size: 180%;
	font-weight: bold;
	margin: 5px 10px 5px 10px;
	padding: 0px;
}

.edito .detail {
	font-size: 80%;
	font-weight: bold;
	text-align: left;
	color: #333;
	padding-left: 10px;
}

.edito .texte {
	color: #333;
	margin: 10px;
	padding: 0px;
}


.edito h3 {
	color: #D56F03 /*#6262A4*/;
	font-weight: bold;
	font-size: 140%;
	margin: 1.5em 0em 0.5em 0em;
}

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

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

.edito tr.row_odd {
	background: #E0E0E0;
	color: #000000;
}

.edito tr.row_even {
	background: #E0E0E0;
	color: #000000;
}

.edito td {
	border: 1px solid #FFFFFF;
	padding: 1px 5px 1px 5px;
}
.clearer {
	clear: both;
	display: block;
	height: 0px;
}

.article table {
	font-size: 90%;
	border-color: #FFFFFF;
	background: #fff;
	border: none
}
.article td {
	color: #333;
	background: #fff;
	padding: 1px 5px 1px 5px;
	margin: 0;
}

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

.agenda {
	margin: 5px;
	/*padding: 0 2px 0 2px;*/
	font-size: 100%;
	color: #808080;
}

.agenda .en-tete {
	display: block;
	background-color: #777;
	font-weight: bold;
	font-size: 200%;
	color: #FFFFFF;
	text-align: center;
	border: 1px solid #D56F03 /*#6262A4*/;
}

.agenda a.en-tete {
	display: block;
	background-color: #D56F03 /*#6262A4*/; /* #808080;*/
	/*margin: 0px 5px;*/
	font-weight: bold;
	font-size: 120%;
	color: #fff;
	text-align: center;
	border: 1px solid #D56F03 /*#6262A4*/;
}

.agenda a.en-tete:hover {
	background-color: #ccc;
	color: #555;
	border: 1px solid #D56F03 /*#6262A4*/;
}
.agenda .contenu {
	border: 1px solid #999;
	margin: 0 ;
	/*padding: 0 2px 0 2px;*/
	font-size: 100%;
	width:168px;
}
.agenda .contenu .mois {
	border-bottom:none; /*1px solid #808080;*/
	margin: 0px 0px 0px 0px;
	padding: 0 2px 0 2px;
	font-size: 100%;
	/*width:150px;*/
	text-align:center;
}

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

.tableau {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#AAAAAA;
	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: #FFFFFF;
}

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

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


/* ~~~~~~~~~~~~ agenda annuel ~~~~~~~~~~~~ */
table#agenda {
  border: none;
  font-size: 90%;
  color: #333;
}
tr#agenda {
/*	font-size: 80%;
	color: #333;*/
	padding: 0px 0px 0px 5px;
}
td#week {
	width: 50px;
	vertical-align: top;
	text-align:center;
 /*   font-size: 80%;*/
}
td#date_event {
    width: 100px;
	vertical-align: top;
/*	margin: 20px;*/
	padding: 0px 10px 0px 0px;
 /*   font-size: 80%;*/
}
td#event {
	vertical-align: top;
	width: 300px;
 /*  font-size: 90%;*/
}
.agenda_annuel {
	font-size: 100%;
	margin: 0px 30px 0px 30px;
}
.agenda_annuel .intitule {
	color: #808080;
	font-size: 100%;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
}

.agenda_annuel a.mois {
	display:block;
	color: #900;
	font-weight:bold;
	padding-left:15px;
	margin: 0.5em 0px 0px 0px;
}

.agenda_annuel a.mois:first-letter {
	text-transform: uppercase;
}

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

.agenda_annuel a.nom-evenement {
	color: #333;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

.agenda_annuel a.nom-evenement:hover {
	/*background-image:url(../puces/puce-n0.gif);
	background-position: left center;
	background-repeat: no-repeat;  */
	color: #900;
	text-decoration: underline;
}

.agenda_annuel .date {
	color: #900;
}

.agenda_annuel ul {
	list-style-type: none;
	padding: 0px 0px 0px 20px; 
	margin: 0px;
	border: 0px;
}

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

/* ~~~~~~~~~~~~ pagination des messages de l'agenda ~~~~~~~~~~~~ */

.bande-pagination {
		margin: 0px 30px 30px 30px;
		text-align: center;
		text-decoration:none;
		font-size: 12px;
}

*>.bande-pagination {margin-right: 220px;}


.bande-pagination span.on {
	display:inline;
	background:#F0F0FA;
	color:#D56F03 /*#6262A4*/;
	border: #D56F03 /*#6262A4*/ solid 1px;
	padding:1px;
	margin:10px 2px 10px 2px;
}
		
.bande-pagination a {
	display:inline;
	background:#F0F0FA;
	color:#D56F03 /*#6262A4*/;
	background:#F8EFDE; 
	color: #9C4C1A;
	border: #9C4C1A /*#6262A4*/ solid 1px;
	padding:1px 3px;
	margin:10px 2px 10px 2px;
}
.bande-pagination a.annee {
    font-size: 150%;
}

.bande-pagination a.classes {
    font-size: 80%;
}

.bande-pagination a:hover {
	background:#9C4C1A /*#6262A4*/;
	color:#fff;
}

/* ~~~~~~~~~~~~ pagination des classes ~~~~~~~~~~~~ */

.bande-pagination-classes {
		margin: 0px 20px 30px 20px;
		text-align: left;
		text-decoration:none;
		font-size: 10px;
}




.bande-pagination-classes span.on {
	display:inline;
	background:#F0F0FA;
	color:#D56F03 /*#6262A4*/;
	border: #D56F03 /*#6262A4*/ solid 1px;
	padding:1px;
	margin:10px 0px 10px 2px;
}
		
.bande-pagination-classes a {
	display:inline;
	background:#F0F0FA;
	color:#D56F03 /*#6262A4*/;
	background:#F8EFDE; 
	color: #9C4C1A;
	border: #9C4C1A /*#6262A4*/ solid 1px;
	padding:1px 1px;
	margin:2px 0px 10px 2px;
}

.bande-pagination-classes a:hover {
	background:#9C4C1A /*#6262A4*/;
	color:#fff;
}

/* ~~~~~~~~~~~~ sites syndiqués ~~~~~~~~~~~~ */

b.rtop{display:block;background: #FFF} 
b.rbottom{display:block;background: #FFF}
b.rtop b{display:block;height: 1px;
    overflow: hidden; background: #D0B439 /*#6262A4*/} /*#CD681A*/
b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #D0B439 /*#6262A4*/}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
.web {
	margin: 5px 25px 5px 5px;
	font-size: 100%;
}
.web a.on-the-web {
	display: block;
	margin:0;
	padding: 0 5px;
	text-align: center;
	background: #D0B439 /*#6262A4*/;
	font-weight: bold;
	font-size: 200%;
	color: #9C4C1A;
}
.web a.on-the-web:hover {
	background-color: #F8EFDE;
	border: 1px solid #D0B439 /*#6262A4*/;
}
.web a.en-tete {
	display: block;
	background-color: #808080;
	font-weight: bold;
	font-size: 200%;
	color: #9C4C1A;
	text-align: center;
	border: 1px solid #808080;
}

.web a.en-tete:hover {
	background-color: #EEEEEE;
	color: #9C4C1A;
	border: 1px solid #808080;
}



.web a.article-synd {
	display: block;
	color: #808080;
	text-decoration: none;
	background-image:url(../puces/puce-n0.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0px 0px 5px 10px;
	margin: 0px 5px 0px 5px;
}

.droite .web a.article-synd:hover {
	color: #808080;
	text-decoration: underline;
}

.centre .web a.article-synd:hover {
	color: #808080;
	text-decoration: none;
	background-image:url(../puces/puce-n0.gif);
	background-position: left top;
	background-repeat: no-repeat;
}


.web .site {
	border: none;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	font-size: 100%;
}
.web a.nom-site {
	display: block;
	border-bottom: 1px solid #D0B439 /*#6262A4*/;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	color: #9C4C1A;
	margin: 0px;
	padding: 1px;
	background: #D0B439 /*#6262A4*/;
	margin-bottom: 10px;
	border: 1px solid #D0B439 /*#6262A4*/;
}

.web a.nom-site:hover {
	background-color: #EEEEEE;
	color: #808080;
	
}
.web .site .descriptif {
	border: 1px solid #D0B439;
	background-color: #EEEEEE;
	margin: 5px 10px 10px 10px;
	padding: 5px;
}

/* ~~~~~~~~~~~~ sites web colonne droite~~~~~~~~~~~~ */
#site-web {
	margin: 5px 25px 5px 5px;
	font-size: 100%;
}
#site-web .titre-site a.nom-site{
	display: block;
	margin:0;
	padding: 0 5px;
	text-align: center;
	background: #D0B439 /*#6262A4*/;
	font-weight: bold;
	font-size: 120%;
	color: #9C4C1A;
	border: 1px solid #D0B439 /*#6262A4*/;
}
#site-web .titre-site a.nom-site:hover {
	background-color: #F8EFDE;
	text-decoration: none;
	color: #D56F03;
}

#site-web .contenu  {
	border:none;
	margin-top: 5px;
	padding: 0;
	color: #888;
}

#site-web .contenu .liste {
	margin: 0;
	padding: 5px;
	font-size: 100%;
	border: 1px solid #D0B439;
}
#site-web .contenu .liste a.article-synd {
	display: block;
	color: #808080;
	text-decoration: none;
	background-image:url(../puces/puce-n0.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0px 0px 5px 10px;
	margin: 0px 5px 0px 5px;
}

#site-web .contenu .liste a.article-synd:hover {
	color: #808080;
	text-decoration: underline;
}

/* ~~~~~~~~~~~~ brèves colonne droite~~~~~~~~~~~~ */

b.browntop{display:block;background: #FFF} 
b.browntop b{display:block;height: 1px;
    overflow: hidden; background: #D56F03 /*#6262A4*/} 
b.browntop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

#breves {
	margin: 5px 25px 5px 5px;
	font-size: 100%;
}
#breves .titre-breve {
	display: block;
	margin:0;
	padding: 0 5px;
	text-align: center;
	background: #D56F03 /*#6262A4*/;
	font-weight: bold;
	font-size: 120%;
	color: #fff;
	border: 1px solid #D56F03 /*#6262A4*/;
}
#breves a.titre-breve:hover {
	background-color: #eee;
	text-decoration: none;
	color: #808080;
}

#breves .contenu  {
	border:none;
	margin-top: 5px;
	padding: 0;
	color: #888;
}
#breves .contenu .texte {
	margin: 0;
	padding: 5px;
	font-size: 100%;
	border: 1px solid #D56F03;
}
#breves .contenu .titre {
	border-bottom: 1px solid #808080;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	color: #888;
	margin: 0px;
	padding: 1px;
	background: #EEEEEE;
}

#breves .contenu .texte h3 {
	margin:0.3em 0em 0.3em 0em;
	padding:0px;
	font-size: 120%;
	line-height: 110%;
}

#breves .contenu .texte p {
	margin:0.7em 0em 0.7em 0em;
	padding:0px;
}

#breves .contenu .texte strong {color: #000000}

#breves .contenu  a {color:#990000}

#breves .contenu a:hover {text-decoration: underline}

#breves .contenu blockquote {margin : 2px}

/* ~~~~~~~~~~~~ mots-clés ~~~~~~~~~~~~ */

.droite .mots-cles {
        margin: 0px 10px 0px 0px;
        font-size: 100%;
        color: #808080;
}

.droite .mots-cles hr {
	border: 0px;
	height: 1px;
	color: #D56F03 /*#6262A4*/;
	background-color: #D56F03 /*#6262A4*/;
	margin-left: 0px;
	margin-right: 0px;
}

.droite .mots-cles a.en-tete {
        display: block;
        background-color: #D56F03 /*#6262A4*/;
        font-weight: bold;
        font-size: 200%;
        color: #fff;
        text-align: center;
        border: 1px solid #D56F03 /*#6262A4*/;
}
/*
.droite .mots-cles a.en-tete:hover {
        background-color: #fff;
        color: #6262A4;
        border: 1px solid #699;
}
*/
.droite .mots-cles .contenu {
        border: 1px solid #9C4C1A /*#6262A4*/;
        margin: 10px 0px 20px 0px;
        padding: 10px;
        font-size: 100%;
		text-align: center;
}

.droite .mots-cles .contenu a {
        /* display: block; */
		
        color: #9C4C1A /*#6262A4*/;
		background: #fff;
        padding: 0px 5px 3px 5px;
        font-size: 110%;
        text-decoration: none;
}

.droite .mots-cles .contenu a:hover {
        text-decoration: underline;
		background: #fff;
}

.droite .mots-cles .contenu span {
        /*display: block;*/
        color: #fff;
		background:#9C4C1A;
        padding: 0px 5px 0px 5px;
        font-size: 110%;
        text-decoration: none;
}

.droite .mots-cles .contenu .nom-groupe {
        display: block;
        padding: 2px 5px 0px 5px;
        font-size: 110%;
        text-decoration: none;
        font-weight: bold;
}

.droite .mots-cles .contenu a.type {
        display: block;
        border-bottom: 1px solid #699;
        font-size: 130%;
        font-weight: bold;
        text-align: center;
        color: #699;
        margin: 0px;
        padding: 1px;
        background: #FFFFFF;
        margin-bottom: 10px;
        text-decoration:none;
}

.droite .mots-cles .contenu a.type:hover {
        color: #FFFFFF;
        background: #699;
}

.spip_surligne { background: #FFFF66; }

/* Style de l'intitulé de chaque page */
.titre-page {
	color: #333;
	font-size: 100%;
	font-weight: bold;
	margin: 20px 30px 20px 0px; 
}

/* ~~~~~~~~~~~~ brèves ~~~~~~~~~~~~ */

.breves {
	margin: 5px 25px 5px 5px;
	font-size: 100%;
	color: #808080;
}

.breves a.en-tete {
	display: block;
	background-color: #808080;
	font-weight: bold;
	font-size: 200%;
	color: #FFFFFF;
	text-align: center;
	border: 1px solid #808080;
}

.breves a.en-tete:hover {
	background-color: #EEEEEE;
	color: #808080;
	border: 1px solid #808080;
}

.breves .contenu .titre {
	border-bottom: 1px solid #808080;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	color: #808080;
	margin: 0px;
	padding: 1px;
	background: #EEEEEE;
}

.breves .contenu {
	border: 1px solid #808080;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	font-size: 100%;
}

.breves .contenu a.nom-breve {
	display: block;
	border-bottom: 1px solid #808080;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
	color: #808080;
	margin: 0px;
	padding: 1px;
	background: #EEEEEE;
}

.breves .contenu a.nom-breve:hover {
	color: #FFFFFF;
	background: #808080;
	text-decoration: none;
}

.breves .contenu .date {
	border-bottom: 1px solid #808080;
	border-left: 1px solid #808080;
	font-size: 90%;
	text-align: center;
	color: #808080;
	margin-left: 40%;
	padding: 1px;
	background: #EEEEEE;
	text-align: center;
}

.breves .contenu .texte {
	margin: 0px;
	padding: 5px;
	font-size: 100%;
	line-height: 110%;
}

.breves .contenu .texte h3 {
	margin:0.3em 0em 0.3em 0em;
	padding:0px;
	font-size: 120%;
	line-height: 110%;
}

.breves .contenu .texte p {
	margin:0.7em 0em 0.7em 0em;
	padding:0px;
}

.breves .contenu .texte strong {
	color: #000000;
}

.breves .contenu  a {
	color:#990000;
}

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

.breves .contenu blockquote {
	margin : 2px;
}

.breves .contenu .notes {
	margin: 0px;
	padding: 5px;
	font-size: 100%;
	line-height: 110%;
	border-top: 1px solid #808080;
}


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

.plan {
	font-size: 18px;
	margin: 30px 20px 0px 20px; 
}

.plan .intitule {
	color: #333;
	font-size: 120%;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
}

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

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

.plan a.rubrique {
	display:block;
	color: #900;
	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: #D56F03 /*#6262A4*/;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	font-size: 11px;
}

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

.plan a.breve {
	color: #808080;
	padding: 0px 0px 0px 10px;
	font-size: 11px;
}

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

.plan .date {
	color: #990000;
}

.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;
}

.plan a.article-syndic {
	display: block;
	color: #000000;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
}

.plan a.article-syndic:hover {
	background-image:url(../puces/puce-n0.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

.plan .date-syndic {
	color: #990000;
	font-weight: bold;
}

.plan .a-propos {
	display: block;
	border: 0px;
	background: #FFFFFF;
	color: #909090;
	font-size: 11px;
	padding: 3px 30px 5px 40px;
}

.plan .a-propos .site-pere {
	font-weight: bold;
}

.plan .a-propos .auteur-pere {
	font-weight: bold;
}

/* Puces générées par un tiret seul en début de ligne */
/* Ces puces ne sont pas incluses dans une balise <ul> et le code obtenu est <li class="spip"> */

p.spip {line-height: 130%;margin-top: 10px}
li.spip {
	/* list-style-image:URL(../puces/puce-n1.gif);
	list-style-position: outside;*/
	padding: 0;
	margin: 5px 0 0 20px;
}

/*  Listes dans les articles */
/* Puces générées par un tiret suivant d'un ou plusieurs asterisques (ex: -* blabla...) */
/* Ces puces sont incluses dans une balise <ul class="spip"> et le code de chaque item est <li class="spip"> */

ul.spip  {
	padding: 0;
	margin: 3px 0 0 10px;
}

ul.spip li.spip {
	list-style-image: URL(../puces/puce-n2.gif);
	padding: 0px;
	margin: 3px 0 0 10px;
}

ul.spip ul.spip li.spip {
	list-style-image:URL(../puces/puce-n0.gif);
}

img {
	border: 0px;
}


/* Ces puces sont incluses dans une balise <ol class="spip"> et le code de chaque item est <li class="spip"> */

ol.spip  {
	padding: 0;
	margin: 5px 0 0 20px;
}

ol.spip li.spip {
	list-style-type: decimal;
	list-style-image: none;
	list-style-position: outside;
	padding: 0px;
	margin: 5px 0 0 0;
}

ol.spip ol.spip li.spip {
	list-style-type: lower-alpha;
}

ol.spip ol.spip ol.spip li.spip {
	list-style-type: lower-roman;
}
blockquote.spip {leftmargin: 40px;}
/* -------------  displayPics ------------------------------*/
ul#galerie_mini{margin:0;padding: 0 ;list-style-type: none ;}
ul#galerie_mini li{float: left ;}
ul#galerie_mini li a img{margin: 2px 1px ;border: 1px solid #dcb ;}
dl#photo{clear: both ;margin: 0 auto;padding: 0;}
dl#photo dt{font: italic 1.5em/2em Georgia, serif ;color: #666 ;}
dl#photo dd{margin: 0 ;}
dl#photo img{border: 1px solid #dcb ;}