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

/*  ---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
 */

/* CSS qui produit un design dit "fluid" le site occupe la totalité de l'écran */
html, body   { background-position: 0 0; width: 100%; height: 100% }
/* force le retour à la ligne, le plus souvent appliqué à <br> */
/* Utilisable sous la forme <div class="clear">&nbsp;</div> */
.clear {
	clear: both;
}
/* force un retour à la ligne, pour éviter un recouvrement des icônes 50x50 */
/* s'il n'y a pas suffisament de texte en descriptif */
/* Utilisable sous la forme <div class="clearright">&nbsp;</div> */
.clearright {
	clear: right;
}

/* force un retour à la ligne, pour éviter un recouvrement des icônes 50x50 */
/* s'il n'y a pas suffisament de texte en descriptif */
/* Utilisable sous la forme <div class="clearleft">&nbsp;</div> */
.clearleft {
	clear: left;
}
	
/* bien regler la marge (bugs IE) */
body           { color: #222222; font-size: 0.77em; font-family: Arial, Helvetica, sans-serif; line-height: 13pt; background-color: #600; background-position: 1em 0; margin: 0; padding: 0 }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Bloc principal de contenu */
#page   { background-color: #dbc994; margin: 5px auto; padding: 0; width: 99%; height: auto }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.spip_logos {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	padding: 0px;
}
/* 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 }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Entête de la page d'accueil destinée à contenir la bannière principale */
#enteteaccueil        { background-position: left bottom; margin-bottom: 5px; margin-left: 8px }
/* Zone de menu haute */
#contenuhaut     { color: #e9e8ce; background-color: #866d5a; text-align: left; text-indent: 10px; margin: 0; padding: 0 }

/* Les intitulés en haut sont présentés sous forme de liste */
#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;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Zone pour le chemin de progression */
#progression   { background-color: #e5e5e5; text-align: left; text-indent: 10px; margin: 0; padding: 0; height: auto; vertical-align: middle }

/* Les intitulés du chemin de progression sont présentés sous forme de liste */
.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           { margin: 0 190px 0; 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                 }
/* Style pour le texte d'un article */
/* texte doit être une div pour utiliser le javascript de taille des caractères */
#texte     { 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 }

/* Les intitulés en pied de page sont présentés sous forme de liste */
.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
 -------------------------------------------------------------------- */
p { margin: 0; padding: 0 }
/* COULEURS des menus */

.menu ul li {	border-top: 1px solid #eee; } /* separateur : meme couleur que fond de BODY */

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


.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 
  { font-size: 92%; font-weight: normal; line-height: 2px; text-align: left; list-style-type: none; margin: 0; padding: 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; }