/* Styles www.abbaye-de-leffe.be - page d'attente */

body { margin: 0px; padding: 0px; background: url("fond.jpg"); text-align: center; font: 11px 'Lucida Grande', Geneva, Arial, sans-serif; color: #000000; }
h1 { font-family: times, sans-serif; padding: 0px; margin: 0px; font-size: 18px; }
h2 { margin: 0px; padding: 0px 0px 5px 0px; font-size: 12px; }
h2.ecrire_a { text-align: right; }
h3 { margin: 0px; padding-top: 10px; padding-bottom:5px; font-size: 12px; }
h4 { margin: 0px; padding-top: 5px; padding-bottom:2px; font-size: 12px; }

p { margin: 0px 0px 5px 0px; }

.en_valeur {}
.ok { border:1px solid #c0c0c0;}
.ok:hover { border:1px solid #c0c0c0;background-color:#acacac;}
.dessous { clear:both; }

form.css { padding : 0px; }
form { padding:0px; margin:0px; }
fieldset.css { width:486px;padding: 20px 0px 10px 0px;border: 0px; }
legend.css { font-size: 12px;font-weight:600;padding: 5px 10px 10px 0px;margin:0px; }
label.css { display: inline;width: 140px;float: left; }
ul.css { float:left;width: 100%;margin:0px;padding:0px;list-style-type:none; }
ul.css li { float:left;width: 100%;padding:0px;margin:0px 0px 3px 0px; }
.texte_rouge { color: #b90000; }
p.texte_rouge { color: #b90000;text-align: center; }
.centre { text-align: center; }
.droite { text-align: right; }
.gauche { text-align: left; }

.spacer {clear:both; height: 1px; overflow: hidden;}

/***************************************** Styles SPIP **********************************************************/

a img { border: none; }
.spip_documents_left { clear: left; float: left; padding-right: 10px; }
.spip_documents_center { clear: both; display: block; text-align: center; padding-left: 10px; padding-right: 10px; }
.spip_documents_right { clear: right; float: right; padding-left: 10px; }
.spip_doc_titre { margin: 0 auto; display: block; font-size: 10px; text-align: center; padding-bottom: 5px; }
.spip_encadrer {
	font-family: helvetica, arial, sans-serif;
	width : 96%;
	padding: 2%;
	border: 1px #c0c0c0 dashed; /*666666*/
}
.spip_surligne { background-color: #ffc79b; }
form#login_atypik { margin-left: auto; margin-right: auto; width : 75%; }
p.spip { text-align: justify; }

.chapo p.spip,
#lettre_info p.spip,
#lesaviezvous p.spip {
	text-align: left;
}

.spip_doc_descriptif {
	text-align: center;
}
p.spip_note { 
	margin: 5px 30px 0px 30px;
	font-size: 95%;
	color: #616161;
}

/****************************************************************************************************************/





/****************************************************************************************************************/

/************/
/* Tableaux */
/************/

table.spip {
	border-collapse:collapse;
	background-color:#eeeeee;
	margin: 5px 10px 0px 10px;
	padding: 0px;
}
p.spip table.spip { /*Pb de gestion des paragraphes par IE*/
	margin: 0px;
}
table.spip tr.row_first {
	background-color: #d7d5d5;
}
table.spip tr.row_odd {
}
table.spip tr.row_even {
}
table.spip td, table.spip th {
	padding: 5px 10px 5px 10px;
	text-align: left;
	border: 1px solid #757474;
	vertical-align: middle;
}
table.spip table td {
	padding: 5px;
	vertical-align: middle;
	border: 0px;
}

/****************************************************************************************************************/



/****************************************************************************************************************/

a, a:link, a:visited { color: #000000; text-decoration: underline; }
a:hover { color: #000000; text-decoration: underline; }

/****************************************************************************************************************/


#global {
	width: 770px;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;	
}

#cartepv {
    width: auto;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 25px;
	padding-right: 10px;
	text-align: left;
}

#newsletter {
	width: 750px;
	margin: 0px auto 15px auto;
	text-align: left;
}

#newsletter h1 {
	color: #0c0c48;
	text-align: center;
	font-size: 18px;
	margin: 30px 0 10px 0;
}

#newsletter h2 {
	text-align: left;
	font-size: 14px;
}

#corps_newsletter {
	float: left;
	width: 720px;
	padding: 0px 15px 15px 15px;
	text-align: left;
	background: #ffffff;
}

#newsletter_evenements {
	width: 100%;
}

#newsletter_evenements p.spip {
	text-align: center;
}

/************************************ Bandeau ****************************************/
#bandeau {
	position: relative;
	width: 770px;
	height: 246px;
    background: url(bandeau-haut-leffe.jpg) no-repeat left top;
}
#zonetitre_infos { position: absolute; float: left; width: 285px; top :199px ; left: 207px; }
#zonetitre_edito { position: absolute; float: right; width: 201px; top :199px ; right: 25px; text-align: right; }
#zonetitre_infos h1, #zonetitre_edito h1 { color: #fff;}
#bandeau_n1 {
	position: relative;
	width: 770px;
	height: 246px;
    background: url(bandeau-haut-n-1.jpg) no-repeat left top;
}

#bandeau #retour_accueil, #bandeau_n1 #retour_accueil { position: absolute; float: left; width: 160px; height: 194px; margin: 42px 0px 0px 10px; padding: 0px; }

#bandeau ul, #bandeau_n1 ul { position: absolute; float: left; margin: 20px 0px 0px 116px; padding: 0px; list-style-type:none; }
#bandeau ul li, #bandeau_n1 ul li { float: left; display: inline; padding-right: 3px; }
#bandeau ul li a, #bandeau_n1 ul li a { float:left; text-decoration:none; color: #ffffff; background: url(fond_menubandeau.png) repeat left top ; font-size: 12px; border: 1px solid; padding: 2px 6px; font-style:italic; }
#bandeau ul li a:hover, #bandeau_n1 ul li a:hover { text-decoration:none; color: #ffffff; background: url(fond_hover_menubandeau.gif) repeat left top ; }

#zonetitre_n1 { position: absolute; float: left; width: 350px; margin: 199px 10px 0px 207px; padding: 0px; }
#zonetitre_n1 h1 { color: #fff; }

ul#langues_bandeau { position: absolute; float: left; width: 100px; margin: 201px 10px 0px 570px; padding: 0px; color: #5b5b5b; list-style-type: none; }
ul#langues_bandeau li { float: left; display: inline; padding-right: 5px; }
ul#langues_bandeau li a { text-decoration: none; color: #ffffff; padding: 1px 3px; font-size: 12px; border: 1px solid; }
ul#langues_bandeau li a:hover { text-decoration: none; color: #ffffff; background-color: #ffc79b; }
/************************************************************************************/





/************************************ Corps *****************************************/
#corps {
	position: relative;
	width: 770px;
	background: url('fond-corps.jpg') repeat-y;
}

#corps_n1 {
	position: relative;
	width: 770px;
	background: url('fond-corps-n-1.jpg') repeat-y;
}

ul#menu {
	position: absolute;
	top: 0; left: 0;
	z-index: 10;
	width: 190px;
	margin: 0px;
	padding: 0px;
	list-style-type:none;
}
ul#menu li {
	display: block;
	width: 158px;
	height: 56px;
	padding: 0px;
	margin: 0px;
	color: #ffffff;
	text-align: right;
	font-size: 12px;
	font-weight: 600;
}
ul#menu li a { display: block; color: #ffffff; width: 158px; height:56px; background: no-repeat left top; text-decoration:none; padding-right: 32px;}
ul#menu li#menu-1 a,
ul#menu li#menu-1 a:link,
ul#menu li#menu-1 a:visited { background-image: url('menu-1-off.png'); }
ul#menu li#menu-1 a:hover { background-image: url('menu-1-on.png'); }
ul#menu li#menu-2 a,
ul#menu li#menu-2 a:link,
ul#menu li#menu-2 a:visited { background-image: url('menu-2-off.png'); }
ul#menu li#menu-2 a:hover { background-image: url('menu-2-on.png'); }
ul#menu li#menu-3 a,
ul#menu li#menu-3 a:link,
ul#menu li#menu-3 a:visited { background-image: url('menu-3-off.png'); }
ul#menu li#menu-3 a:hover { background-image: url('menu-3-on.png'); }
ul#menu li#menu-4 a,
ul#menu li#menu-4 a:link,
ul#menu li#menu-4 a:visited { background-image: url('menu-4-off.png'); }
ul#menu li#menu-4 a:hover { background-image: url('menu-4-on.png'); }
ul#menu li#menu-5 a,
ul#menu li#menu-5 a:link,
ul#menu li#menu-5 a:visited { background-image: url('menu-5-off.png'); }
ul#menu li#menu-5 a:hover { background-image: url('menu-5-on.png'); }
ul#menu li#menu-6 a,
ul#menu li#menu-6 a:link,
ul#menu li#menu-6 a:visited { background-image: url('menu-6-off.png'); }
ul#menu li#menu-6 a:hover { background-image: url('menu-6-on.png'); }

#contenu {
    position: relative;
	z-index: 9;
	padding-left: 190px;
	width: 580px !important;
	width /**/:770px;
	background: url('fond-contenu.jpg') no-repeat top;
}

#contenu_n1 {
    position: relative;
	z-index: 9;
	padding: 13px 50px 15px 207px;
	width: 513px !important;
	width /**/:770px;
	min-height: 330px;
	height: auto !important;
	height /**/:330px;
	background: url('fond-contenu-n-1.jpg') no-repeat top right;
}

#edito {
	float: left;
	padding: 13px 0px 0px 17px;
	width: 268px !important;
	width /**/:285px;
	margin: 0px;
}

#evenements {
	float: right;
	padding: 13px 25px 0px 0px;
	width: 200px !important;
	width /**/:225px;
	margin: 0px;
}

#contenu-milieu {
	clear: both;
    position: relative;
	z-index: 9;
	padding-left: 190px;
	width: 580px !important;
	width /**/:770px;
	background: url('fond-contenu-milieu.jpg') no-repeat top;
	padding-top: 42px;
}

#informations {
	float: left;
	padding: 0px 0px 0px 17px;
	width: 268px !important;
	width /**/:285px;
}

#informations h1 {
	line-height: 34px;
	color: #fff;
}

#informations .bloc {
	padding-top: 30px;
}

#nouveautes {
	float: right;
	padding: 0px 25px 0px 0px;
	width: 200px !important;
	width /**/:225px;
	margin: 0px;
}

#nouveautes h1 {
	line-height: 34px;
	color: #fff;
	text-align: right;
}

#nouveautes .bloc {
	padding-top: 30px;
}

#edito h2, #evenements h2, #informations h2, #nouveautes h2 {font-weight: 600;}



#chemin {
    padding-bottom: 15px;
}

.contenu_ligne_div2 {
    float: left;
	width: 100%;
	padding-bottom: 20px;
}
.contenu_div2 {
	float: left;
	width: 46%;
	margin-right: 3%;
}

.plusgrd { font-size : 14px; }

.gallerie {float:left;padding: 10px 15px 0px 0px;margin: 0px;width: 513px;voice-family: "\"}\"";voice-family: inherit;width:498px;}
.gallerie dl {float:left;padding: 0px 0px 0px 15px;margin: 0px;width:166px;voice-family: "\"}\"";voice-family: inherit;width:151px;}
.gallerie dt, .gallerie dd {width:151px;margin: 0px;padding:0px;text-align:center;}
.gallerie img {float: none;margin: 0px;padding:0px;font-size: 0px;}
.gallerie table {border-collapse:collapse;}
.gallerie td {padding:0px; margin:0px;vertical-align:middle;}

/* plan du site */
.secteuroff { font-weight: bold; font-size: 12px; }
.rubriqueoff { font-weight: bold; }
.articleoff { font-weight: normal; }
.secteur, .rubrique { font-weight: bold; color: #ff3333; }


.decale_gauche {padding-left : 15px;}


#zone_bas {
	float: left;
	width: 770px;
    background: url(repeat-bas-leffe.jpg) repeat-y left top;
}
#zone_bas_n1 {
	float: left;
	width: 770px;
    background: url(repeat-bas-n-1.jpg) repeat-y left top;
}

a.lexique { border-bottom: 1px dashed; text-decoration: none; }
a.lexique:hover { border-bottom: 1px solid; text-decoration: none; }

#bas, #bas_n1 {
    float: left;
	width: 770px;
	background: url(bas-leffe.jpg) no-repeat left top;
	padding-bottom: 10px;
}
#bas #lettre_info { float: left; width: 285px; padding: 45px 0px 0px 207px; margin: 0px; }
#bas #lesaviezvous { float: right; width: 201px; padding: 45px 25px 0px 0px; margin: 0px; }
#bas #lettre_info h1 { float: left; width: 285px; padding: 0px; color: #ffffff; }
#bas #lettre_info p { float: left; width: 285px; padding-top: 15px; }
#bas #lesaviezvous h1 { float: right; width: 201px; padding: 0px; text-align: right; color: #ffffff; }
#bas #lesaviezvous h2 { float: right; width: 201px; padding-top: 15px; }

#bas_n1 {
	background: url(bas-n-1.jpg) no-repeat left top;
}
#bas_n1 #lettre_info { float: left; width: 238px; padding: 45px 0px 0px 207px; margin: 0px; }
#bas_n1 #lesaviezvous { float: right; width: 250px; padding: 45px 45px 0px 25px; margin: 0px; }
#bas_n1 #lettre_info h1 { float: left; width: 238px; padding: 0px; color: #ffffff; }
#bas_n1 #lettre_info p { float: left; width: 238px; padding-top: 15px; }
#bas_n1 #lesaviezvous h1 { float: right; width: 250px; padding: 0px; color: #ffffff; }
#bas_n1 #lesaviezvous h2 { float: right; width: 250px; padding-top: 15px; }

.calendrier * {
	margin: 5px 0;
	padding: 0;
	border: 0;
}

.calendrier dt {
	font-weight: bold;
	display: block;
	float: left;
	padding: 2px 30px 2px 0;
}

.calendrier dd {
	display: block;
	float: left;
	padding: 2px 10px 2px 0;
}

/************************************************************************************/




/************************************* Pied *****************************************/
#pied {
	float: left;
	width: 770px;
	height: 52px;
	background: url(mention-leffe.jpg) no-repeat left top;
	color: #5b5b5b;
	font-size: 10px;
}

#pied p#gauche {
	float: left;
	margin: 0px;
	padding: 14px 0px 0px 25px;
	width: 550px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 525px;
}

html>body #pied p#gauche {
	width: 525px;
}

#pied p#gauche a { color: #5b5b5b; text-decoration: none; }
#pied p#gauche a:hover { text-decoration: underline; }

#pied ul#droite {
	float: right;
	color: #5b5b5b;
	margin: 0px;
	list-style-type: none;
	padding: 14px 40px 0px 0px;
	width: 210px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 170px;
}

html>body #pied ul#droite {
	width: 170px;
}

#pied ul#droite li { float: right; display: inline; margin-left: 5px; }
#pied ul#droite li a { float: left; text-decoration: none; color: #424242; background-color: #A16A6D; padding: 1px 3px; font-size: 12px; border: 1px solid; }
#pied ul#droite li a:hover { text-decoration: none; color: #5b5b5b; background-color: #D48C8F; }

/************************************************************************************/
/*	Highslide
 ***********************************************************************************/

.highslide {
	cursor: url(../../highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(../../highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

/* Controlbar example */
.controlbar {	
	background: url(../../highslide/graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover {
	background-image: url(../../highslide/graphics/controlbar4-hover.gif);
}
.controlbar .previous {
	width: 50px;
}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}


/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}