/*  ---Abbaye de Port du Salut--------- */

html, body   { background-position: 0 0; width: 100%; height: 100% }

.clear {
	clear: both;
	}

.clearright {
	clear: right;
	}

.clearleft {
	clear: left;
	}

body { 
	color: #222222; 
	font-size: 0.77em; 
	font-family: Arial, Helvetica, sans-serif; 
	line-height: 13pt; 
	background-color: #600; 
	background-position: 1em 0; 
	list-style-type: none; 
	margin: 0; 
	padding: 0 
	}
	
/* ----------------------------------------- */
/* Bloc principal de contenu */
#page   { 
	background-color: #dbc994; 
	margin: 5px auto; 
	padding: 0; 
	width: 99%; 
	height: auto 
	}
	
/* ------------------------------------------ */
.spip_logos  { 
	margin: 3px; 
	padding: 0 
	}
	
/* Aspect des liens */
a  { color: #195486; text-decoration: none }
a:visited    { color: #866d5a }
a:hover   { color: #195486; text-decoration: underline }
a:active  { color: #195486; text-decoration: none }
a.Textbleugras { color: #265775; font-weight: 500 }
a.Textbleugras:hover  { color: #265775; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }
a.Textbleugras:active { color: #265775; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
a.TextjauneS { color: #fc3 }
a.TextjauneS:hover { color: #dcdcdc }
a.Textpaille { color: #ffc }
a.Textpaille:hover { color: #dcdcdc }
a.Textpaille:active { color: #ffc }
a.TextgrisCL { color: #dce2e3 }
a.TextgrisCL:hover { color: #fe9900 }
a.TextgrisM { color: #65797e }
a.TextgrisM:hover { color: #fe9900 }
a.TextbleuS { color: #3a5075; text-decoration: underline }
a.TextbleuS:hover { color: #df0c00; text-decoration: underline }
a.TextbleuF { color: #3a5075 }
a.TextbleuF:hover { color: #dcdcdc }
a.Textnoir { color: #000 }
a.Textnoir:hover { color: #fff }
a.TextnoirS { color: #000 }
a.TextnoirS:hover { color: #000; text-decoration: underline }
a.Textblanc { color: #fff }
a.Textblanc:hover { color: #cacaca }
/* ------ACCUEIL-------------- */

#enteteaccueil { 
	background-position: left bottom; 
	margin-bottom: 5px; 
	margin-left: 8px 
	}
	

#contenuhaut { 
	color: #e9e8ce; 
	background-color: #866d5a; 
	text-align: left; 
	text-indent: 10px; 
	margin: 0; 
	padding: 0 
	}

#zonehaute { 
	color: #ffffff; 
	background-color: #cd853f; 
	text-align: right; 
	margin: 0; 
	padding: 0 10px 0 0 
	}
	
.zonehaute {
	list-style-type: none;
	padding:0px;
	font-size: 1 em;
	}
	
.zonehaute li {
	display: inline;
	}
	
.pave-1  {
	background-color: #c7b075;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	padding: 6px;
	width: 350px;
	float: left;
	height: 136px;
	}

.pave-2 {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	padding: 6px;
	width: 90%;
	float: left;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	border-color: #c7b075;
	
	}
.pave-3 { 
	margin-top: 5px; 
	margin-right: 10px; 
	margin-bottom: 5px; 
	padding: 6px; 
	width: 350px; 
	float: left; 
	border-style: solid; 
	border-width: 1px 2px 2px 1px; 
	border-color: #c7b075 
	}
	
.lire-suite { 
	color: #047daa; 
	background-repeat: no-repeat; 
	background-attachment: scroll; 
	background-position: 0 0; 
	display: block; 
	margin-left: 250px; 
	width: 300px; 
	height: 15px; 
	float: left; 
	border: 0 
	}
	
.fleche { 
	background-image: url(../images/fleche.png); 
	background-repeat: no-repeat; 
	background-attachment: scroll; 
	background-position: 0 0; 
	text-indent: 18px; 
	display: block; 
	position: relative; 
	top: 2px; 
	width: 20px; 
	height: 15px; 
	float: left; 
	border: 0 
	}
	
.art8 { 
	margin-top: 10px; 
	padding: 8px; 
	border-color: #c7b075 
	}
	
/* ----------------------------------*/

#progression   { 
	background-color: #e5e5e5; 
	text-align: left; 
	text-indent: 10px; 
	margin: 0; 
	padding: 0; 
	height: auto; 
	vertical-align: middle 
	}


.progression  { 
	font-size: 0.85em; 
	list-style-type: none; 
	padding: 0 
	}
	
.progression li {
	display: inline;
	}

/* -------Zone a gauche de l'écran-------------- */
#gauche { 
	background-repeat: repeat; 
	background-attachment: scroll; 
	background-position: 0 0; 
	margin-top: 5px; 
	margin-right: 5px; 
	margin-left: 5px; 
	padding: 0; 
	width: 170px; 
	height: auto; 
	float: left; 
	border-width: 1px 
	}
	

/* La partie gauche est placée dans la zone gauche*/
#partiegauche  { padding: 0 }

/* Conteneur centre et droit de la page */
#contenucentral  { 
	list-style-type: none; 
	margin: 0 190px; 
	padding: 0; 
	zoom: 1.0 
	}
	
#contenucentrallogin  { 
	margin-top: 0; 
	margin-right: auto; 
	margin-bottom: 0; 
	padding: 0; 
	float: left; 
	zoom: 1.0 
	}
	
#contenu_login   { 
	font-size: 12px; 
	font-family: Arial; 
	background-position: center; 
	text-align: center; 
	margin-top: 0; 
	margin-left: 100px; 
	padding: 15px; 
	position: relative; 
	top: 30px; 
	width: 250px; 
	border: dotted 1px #eb6700; 
	zoom: 1.0 
	}
	



#texte  { 
	list-style-type: none; 
	overflow: auto; 
	zoom: 1.0  
	}
	
.texte { 
	font-size: 1em; 
	text-align: justify 
	}
	
/* Zone à droite de l'écran */
#droite { 
	background-color: transparent; 
	background-attachment: scroll; 
	background-position: 0 0; 
	text-align: right; 
	margin-right: 5px; 
	padding: 0; 
	width: 170px; 
	height: auto; 
	float: right 
	}
	
/* La partie droite est placée dans la zone droite*/
#partiedroite { padding: 0 }


/* Pied de la page*/
#pieddepage { 
	color: #e9e8ce; 
	background-color: #866d5a; 
	text-align: center; 
	margin-right: 0; 
	margin-left: 0; 
	padding: 0 
	}
	
.pieddepage  { 
	font-size: 0.85em; 
	list-style-type: none; 
	padding: 0 
	}
	
.pieddepage li {
	display: inline;
}
/* Styles des paragraphes */
h1, h2, h3  { color: #b91515; font-weight: bold; margin: 0; padding: 0 }
h1   { font-size: 1.6em; line-height: 1em }
h2    { font-size: 1.4em; line-height: 1em }
h3   { font-size: 1.2em; line-height: 1em }
h4    { font-size: 1em }
/* ------------------------------------------------------------------
 	NAVIGATION et MENUS
 -------------------------------------------------------------------- */
/* COULEURS des menus */
/* separateur : meme couleur que fond de BODY */
.menu ul li  { border-top: 1px solid #eee }
.menu ul li a:hover { text-decoration: none; }

/* text : color */
.menu ul li a, 
.menu ul li a:visited,
.menu ul li b 				{ color: white;}

.menu ul li li a, 
.menu ul li li a:visited 			 { color: #0a74a6 }

.menu li span 				{ color: #444;}


.menu ul li a:hover,
.menu ul li li a:hover,
.menu ul li li a.lienon 	 { color: #cb1027 }


/* background */
.menu ul li a, .menu ul li b 				  { background-color: #866d5a; list-style-type: none }
.menu ul li li a, 
.menu ul li li a:visited,
.menu li span 				 { background-color: #dbc994 }

.menu ul li a:hover,
.menu ul li li a:hover { background-color: #EDFBFF; }
.menu ul li li a.lienon 	{ background-color: #ffd; }


.menu ul li li a.article  { background-color: #dbc994 }
.menu ul li li a.article:hover  { background-color: #e9e8ce }

/* TYPO et ESPACEMENT des menus */

.menu ul 
   { color: #ffd; font-size: 1em; font-weight: normal; line-height: normal; background-color: #866d5a; text-align: left; text-indent: 2px; list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0 }

.menu ul ul  { font-size: 1em; margin: 0 }
.menu ul li { margin: 0; }

.menu ul li a, .menu ul li b
 { line-height: 0.8; text-decoration: none; text-align: left; display: block; padding: 3px }

.menu ul li li a { padding-left: 4px; font-weight: normal;}
.menu ul li li li a { padding-left: 6px;}
.menu ul li li li li a { padding-left: 12px;}
.menu ul li li li li li a { padding-left: 18px;}
.menu ul li li li li li li a { padding-left: 24px;}

.menu li span
{
	display: block;	
	font-style: italic;
	font-size: 92%;	
}
.menu li li address a
{
	padding: 0px 0 4px 4px;
	font-style: italic;
	font-size: 92%;	
}

/*  ANNONCE dans #encart */
.annonce
{
	background-color: #DDD;
	/* overflow: hidden; */
	text-align: center;
}
.menu li.annonce a { padding: 0; }
.menu li.annonce .spip_logos,
.menu li.annonce a img { margin: 0; }

#menu-principal {
	position: absolute;
	top: -1.4em;
	margin-top: 0px;
	margin-left: 0px;
	width: 780px;
}

#menu-principal li a
{
	padding: .2em 1em .2em 1em;
	margin: 0 1px 0 0;
} 

#menu-principal ul li 
{ float: left; }

/* #menu-recherche {  position: absolute; top: 185px; width: 148px;} */
#menu-recherche { width: 100px; }
#menu-recherche.menu ul li  { border-top: 0 none #e9e8ce; border-right: #e9e8ce; border-bottom: #e9e8ce; border-left: #e9e8ce }

#menu-rubriques    { }

.menu-item { font-size: 85%; }

.menu-item,
.menu-titre-special, 
.menu-titre { background-color: #86abce; }