/****************************/
/* Mise en forme de la page */
/****************************/
body{
	background: #EDEDED;
	color: #000000;
	margin: 0px auto 2px auto;
	padding: 0px 0px 0px 0px;
	border: 2px none Red;
}

/*Bloc contenu de la bannière*/
#xbanniere{
	width: 980px;
	height: 191px;
	background: transparent url(../IMG/headerLabenne.jpg) no-repeat top;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	border: 2px none Red;
}
/*Bloc contenu du contenu principal*/
#xconteneur{
	width: 980px;
	background: transparent url(../IMG/bgTexte.jpg) repeat-y;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	/*height: 20em;*/
	border: 2px none blue;
	color:Red;
	
}
/*Bloc contenu du pied de page*/
#xpied{
	background: transparent url(../IMG/footer.jpg) no-repeat bottom;
	color: #000000;
	width: 980px;
	height: 70px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	border: 2px none red;
}
/*Bloc contenu du contenu de la rubrique et des articles*/
#xcontenu{
	background: transparent;
	color: #000000; /*float: right;*/
	float: left;
	width: 650px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	height: 100%;
	min-height: 18em;
	border: 2px none black;
}
/*Blocs contenus sur la page sommaire*/
#xcontenu_accueil{
	background: transparent;
	color: #000000; 
	float: right;
	width: 520px;
	height: 140px;
	margin: 0px 60px 0px 0px;
	padding: 5px 2px 0px 2px;
	border: 2px none Lime;
}
#xcontenu_horaires{
	background: transparent;
	color: #000000; /*float: right;*/
	float: left;
	width: 520px;
	height: 140px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 2px none Lime;
}
#xcontenu_recents{
	background: transparent;
	color: #000000; 
	float: right;
	width: 600px;
	/*height: 170px;*/
	min-height: 10em;
	margin: 0px 60px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 2px none Lime;
}
/*Bloc contenu de l'image de la page sommaire*/
#xcontenu_image{
	background: transparent;
	color: #000000;
	float: right;
	width: 125px;
	height: 125px;
	margin: 5px 0px 0px 10px;
	border: 2px none Fuchsia;
}
/*Bloc contenu du menu*/
#xmenu{
	width: 174px;
	margin: 0px 10px 0px 60px;
	padding: 0;
	float: left;
	border: 2px none blue;
}
/* Permet de faire descendre le bas de page selon la longueur du menu et/ou du contenu */
.xspacer{
  clear: both;
}

/*lien pour accéder à pronote web dans le bloc menu*/
#xlien{
	border: 2px groove Silver;
	width: 174px;
	height: 70px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: Black;

}

/*lien pour accéder à la rubrique cantine*/
#xcantine{
	/*background: transparent url(../IMG/menuBg_cl.gif) repeat-y;*/
	border: 2px solid Red;
	width: 174px;
	height: 30px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #828490;
}
/****************************************************/
/* Positionnement des images habillant les articles */
/****************************************************/
.ximageadroite{
	float: right;
	margin: 6px 60px 0px 0px;
	/*margin-left: 6px;
	margin-bottom: 6px;
	margin-top: 6px;*/
	border: 2px none Fuchsia;
	
}

.ximageagauche{
	float: left;
	color: #000000;
	margin: 6px 0px 0px 0px;
	/*margin-right: 6px;
	margin-bottom: 6px;
	margin-top: 6px;*/
	border: 2px none Fuchsia;
}

/********************************/
/* Mise en forme pour les liens */
/********************************/
a:link{
	background: transparent;
	color: #1955A3;
	/*text-decoration: underline;*/
	
	
}

a:visited{
	background: transparent;
	color: #1955A3;
	/*text-decoration: underline;*/
}

a:hover{
	background: transparent;
	color: #1955A3;
	text-decoration: none;
}
/*************************************/
/* Mise en forme des articles récents*/
/*************************************/
li.xrecents{
	/*
	
	font-weight: bold;
	background: transparent;
	color: #1955A3;
	text-decoration: none;
	clear: both;
	 border: 1px dashed #CCC; */
	width:90%; 
	/*padding: 6px;*/
	/*margin: 0;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;*/
	
}

/*************************/
/* Mise en forme du menu */
/*************************/
ul{
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
	
}

li{
	margin: 0;
	padding:0;
	
}

li.xsubrub{
	background: transparent url(../IMG/menuBg_cl.gif) repeat-y;
	color: #000000;
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 0px 1em 0px 1em;
	font-weight: lighter;
	text-align: left;
   /*height: auto;*/
	
	
	/*text-indent:1em;*/
	
	/*list-style: url(../IMG/menuFleche2.gif);*/
	/*border: 1px solid Aqua;*/
}

li.xsep{
	background: transparent url(../IMG/menuSeparateur_cl.gif) no-repeat;
	color: #000000;
	line-height: 3px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 3em;
	list-style: none;
	/*border: 1px solid Fuchsia;*/
}

li.xsepsubrub{
	background: transparent url(../IMG/menuSeparateur_cl.gif) no-repeat;
	color: #000000;
	line-height: 3px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	/*border: 1px solid Fuchsia;*/
}

/*mise en forme du titre du menu*/
.xtitre{
	
	background: transparent url(../IMG/menuTop_cl.gif) no-repeat top left;
	line-height: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #828490;
	margin: 0px 0px 0px 0px;
	list-style: none;
	text-align: left;
	text-indent: 1em;
	/*border: 1px solid Yellow;*/
}

.xend{
	background: transparent url(../IMG/menuBg_cl.gif) repeat-y;
	color: #000000;
	padding: 0px 0px 0px 0px;
	list-style: url(../IMG/menuFleche2.gif);
}

.xtitre a:link{
	text-decoration: none;
	background: transparent;
	color: #1955A3;
	
}

.xtitre a:visited{
	text-decoration: none;
	background: transparent;
	color: #1955A3;
	
}

.xtitre a:hover{
	text-decoration: none;
	background: transparent;
	color: #000000;
	
}

.xsubrub a:link,.xend a:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: lighter;
	background: transparent;
	color: #1955A3;
	text-decoration: none;
	text-align: left;
	text-indent:2em
	
	
}

.xsubrub a:visited,.xend a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: lighter;
	background: transparent;
	color: #1955A3;
	text-decoration: none;
	text-align: left;
	width: 174px;
	text-indent: 2em;
	
	
	
	
}

.xsubrub a:hover,.xend a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: lighter;
	background: transparent;
	color: #000000;
	text-decoration: none;
	/*border: 2px solid Red;*/
}

/**************************/
/* Mise en forme du texte */
/**************************/
.xinvisible{
	display: none;
}

p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 1em 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:justify;
	background: transparent;
	color: #646464;
	word-spacing: 2px;
	line-height: 2em;
	border: 2px none red;
	
}
 p.accueil {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #828490;
	margin: 0px 0px 0px 0px;
	line-height: 2em;
	
	
}


h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: transparent;
	color: #1955A3;
	text-align: left;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0.5em 0px 1em 0px;
}

h1.titre{
	float: left;
	margin-left: 1em;
}

h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: transparent;
	color: #646464;
	text-align: left;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0.5em 0px 1em 0px;
}

h3{
	
}

h4{
	
}

h5{
	
}

h6{
	
}

/* A ne pas confondre avec l'élément html <hr>...</hr> */
.xhr{
	width: 100%;
	height: 150px; /*background: url(../IMG/bgFoot.gif) repeat-x top;*/
	margin: 1em 20px 0px 0px;
	padding: 0px 0px 0px 0px; /*text-align: right;*/
/* Si on supprime le float: right de .up */
	border: 2px solid Fuchsia;
}

.xup{
	float: right; /* Aligne le bouton à droite */
	margin: 3em 55px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*border: 2px solid Red;*/
}

.xfoot{
	vertical-align: super;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
	color: #545A6F;
	margin: -2em 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent;
	/*border: 2px solid Red*/
}



/****************************************************/
/* Style  des articles */
/****************************************************/
.xarticle, .xliste-articles{
	min-height: 10em;
	text-align: justify;
	border: 2px none Blue;
}

.xliste-articles ul { 
	margin: 20px; 
	padding: 0; 
	list-style: none; 
}
.xliste-articles li {
	
	clear: both;
	list-style-image: url(../IMG/menuFleche2.gif);
	list-style-position: inside;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #828490;
	margin: 0px 0px 20px 0px;
	/* list-style: url(../IMG/menuFleche2.gif);	line-height: 30px;*/
 }

.tete_article{
	width: 100%;
	float: left;
	min-height: 3em;
	margin-bottom: 1em;
}
/*  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; }

/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_joints h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }
#documents_joints li { margin-bottom: 0.4em; }
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre small { font-weight: normal; }
#documents_joints li .spip_doc_descriptif {}