/*--------------------CSS COMMUN à tout le site BOUDDHISMELILLE.ORG */

/*------------import fichier css menus déroulants */
@import url("menu.css");

/*-------------debug préliminaire------------*/

/*corrections calage des blocs*/
* {margin:0; padding:0}
/* correction calage des listes */
li {margin:0;padding:0;}


/*---------------------fond de page-------------*/
body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.7pc;
	color: #555;
/*	background:#fffdd8	url(images/arr_plan_body_1x50_voile.png) repeat-x;*/
	background:#fffee6	url(images/arr_plan_body_1x50_voile.png) repeat-x;
/*	background:#fffee6	url(images/arr_plan_body_1x50.png) repeat-x;*/
/*	background:#fffee6	url(images/arr_plan_body_1x100.png) repeat-x;*/
/*  background:#fefaeb	url(images/arr_plan_deg_vertic_1x50_orange1.png) repeat-x;*/
/*	background:#fefaeb	url(images/arr_plan_deg_vertic_1x100_orange1.png) repeat-x;*/
	
 	/* pour corriger le bug de centrage IE (version 5)*/
	text-align: center;
	}

/*---------CONTENEUR GENERAL CENTRE AVEC MARGES AUTO---------------*/
#main {
	position:relative;
	width:700px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	top:10px;
	/* pour rétablir le calage du texte et des éléments suite au hack spécial IE présent dans body*/
	text-align:left;
	}


/*-------------------------zone header-----------------------------*/
#header {
	position:absolute;
	width:100%;
	height:200px;
	top:0px;
	left:0px;
	margin:0 0 0 0;
	/*background: url(images/fleur_header_small_v2.gif) no-repeat bottom left;*/
	/*background: url(images/fleur_frise_header.gif) no-repeat bottom left;*/

  }
#titre_head {
	position:absolute;
	top:10px;
	width:455px;
	height:46px;
	left:30px;
	background-image:url(images/titre_head_seul_hansa_v5.gif);
	z-index:100;

 }
#soustitre_head {
	position:absolute;
	top:60px;
	width:320px;
	height:29px;
	background:url(images/soustitre_head_seul_hansa_v3.gif);
	left:160px;
	z-index:101;
}
	
/* photo bouddha header */
#photo_head {
	position:absolute;
    width:184px;
	height:200px;
	top:0px;
	left:510px;
}
/* image fleurs frise pour header */
#fleur_head {
	position:absolute;
	width:213px;
	height:153px;
	left:0px;
	background:url(images/flower_rocks_head_medium_v3.jpg);
/*	background-image:url(images/fleur_frise_header_03.gif);*/
	top:50px;
	z-index:99;
   }

/*-------------------------------------------zone nav bar ---------------------------------------------------------------------------*/
	
/*--------------------------------------conteneur nav bar----------------------*/
#nav {
	position:absolute;
	width:100%;
 	height:40px;
	top:205px;
	left:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#fffee6;
	z-index:500;

  }

 
/*------------------------------------conteneur central pour content (textes et photos) et zone plus (avec arr plan zone plus pour remplissage auto)*/
#central {
	position:absolute;
	width:700px;
	top:245px;
	left:0px;
	background: url(images/arr_plan_zoneplus_halo_v6.png) top right repeat-y;
	height:auto;
	}


/*----------------------------------------------------------------------zone contenu articles-------------------------------------*/
#content {
	position:relative;
	width:513px;
	height:auto;
	min-height:570px;
	top:0px;
	left:0px;
	right:187px;
	margin: 0px 0px 0 5px;
	padding: 0px 0px 0px 0px;
	/* position du calque au dessus de tous les autres pour résoudre problème affichage footer par rapport au bckgbas zoneplus */
	/* le footer étant inclus dans ce calque (height: 100%) pour permettre le calage correct qq soit la hauteur du contenu */
	z-index:200;
  }
/* hack min-height pour explorer pour le div content*/
	/*\*/
	* html #content {
	height:570px;
	}
	/**/
	
/* formatage général du texte */
#txt_content {
	text-align:justify;
	line-height:1.1pc;
	padding: 0 15px 30px 0;
	}
/* style pour listes zone texte */
#txt_content ul li {
	list-style:inside;
/*	text-indent:10px;*/
	}
#txt_content ul {
	text-indent:-3px;
	}
/*-----------style pour titres zone texte */

/* titre haut de page sans marge supérieure */
#txt_content h1 {
	font-size:1.2pc;
	line-height:1.2pc;
	color:#d1001f;
	font-weight:normal;
	margin:0px 0px 10px 0px;
}

/* titres corps de texte avec marge supérieure pour espacement paragraphe (plusieures tailles de texte)*/
#txt_content h2 {
	font-size:1.2pc;
	color:#d1001f;
	line-height:1.2pc;
	font-weight:normal;
	margin:10px 0px 6px 0px;
}
#txt_content h3 {
	font-size:1pc;
	color:#d1001f;
	line-height:1.2pc;
	font-weight:bold;
	margin:10px 0px 6px 0px;
}
#txt_content h4 {
	font-size:0.9pc;
	color:#d1001f;
	line-height:1.2pc;
	font-weight:bold;
	margin:10px 0px 6px 0px;
}
/* style pour paragraphe */
#txt_content p {
	padding: 0px 0px 0px 0px;
} 

/* style pour paragraphe à fond coloré orange (marquage alterné des divers articles) */
.flip_txt {
/*	background:#feedb9;*/
/*	background:#fef3c4;*/
/*	background:#ffdea4;*/
	background:#feeebb;
	padding:0px 7px 12px 7px;
	} 
/* style pour paragraphe sans fond coloré (pour calage des fonds flip_txt)*/
.flop_txt {
	padding:5px 5px 15px 5px;
	} 
/*--------------------------------------contenu page acc--*/

/*conteneur diaporama acc*/
#diaporama_accueil {
	width:310px;
	height:212px;
	margin:0 4px 0 0;
	list-style:none;
	z-index:10;
}
  
  
/*------------------------------------------------zone nav latérale (zoneplus)---------------------------------------------------- */
/* à noter la hauteur de l'arr plan s'adapte à la hauteur du contenu de la page (articles et/ou contenu zoneplus)
/* en mettant les éléments image d'arr plan dans le conteneur central (dont la hauteur s'adapte au contenu)
/* plutôt que dans le conteneur de la zoneplus

/*---------------conteneur zoneplus */
#zoneplus {
	position:absolute;
	width:170px;
	height:100%;
	top:0%;
	left:515px;
	height:100%;
	margin: 0px 0px 0px 0px;
	padding:20px 7px 10px 7px;
	text-align:center;
	z-index:100;
	/*background: url(images/arr_plan_zoneplus_halo.png) top right repeat-y;*/
	}


/*-----------bckg et images zoneplus (positionnés dans conteneur central)*/

/* arr plan zoneplus haut, inclus dans conteneur central (coin haut droit) pour finition arrondie de l'arr plan zoneplus */
#zoneplus_bckg_haut {
	position:absolute;
	width:187px;
	height:52px;
	top:0px;
	left:513px;
	background:url(images/zoneplus_bckg_haut_halo_v6.png) top center no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

/* arr plan zoneplus bas, inclus dans footer (pour calage auto qq soit la hauteur du contenu et eviter chevauchement footer et zone plus) */
#zoneplus_bckg_bas {
	position:absolute;
	width:187px;
	height:135px;
	right:5px;
	top:-117%;
	margin: 0px 0px 0px 0px;
	background: #fffee6 url(images/zoneplus_bckg_fleur_medium_v6.jpg) bottom center no-repeat;
	padding: 0px 0px 0px 0px;
	z-index:0;
	}

/*-------styles pour textes zoneplus */
/*titres*/
#zoneplus .titre {
	font-size:0.75pc;
	color:#75776c;
	font-weight:bold;
	line-height:1.05pc;
	text-align:left;
	margin-top:15px;
	margin-bottom:10px;
	}
/* paragraphe */
#zoneplus p {
	font-size:0.7pc;
	color:#555;
	text-align:left;
	line-height:1pc;
	margin-top:5px;
	margin-bottom:8px;
	}
/*----------------listes */
#zoneplus ul li {
	list-style:none;
	margin:0px 0px 30px 0px;
	font-size:0.7pc;
	color:#555;
	line-height:1pc;
	text-align:left;
}

/* interligne mini */
#zoneplus p.line_mini {
	line-height:0.5pc;
	}



/*------------zone footer inclus dans le div content (position 100%) pour calage auto qq soit la hauteur------------------------*/	
#footer {
	position:absolute;
	width:700px;
	height:115px;
	top:100%;
	left:0px;
    background: url(images/arr_plan_footer_700x100_v6.png) top center no-repeat;
	margin:0px 0 0px 0;
	z-index:100;
  }
#footer_content {
	padding: 27px 0px 0px 0px;
	text-align:center;
	line-height:0.8pc;
	font-size:0.6pc;
	}
.logo_phone {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 22px;
	background-image: url(images/logo_phone_v4.gif);
	background-position: center left;
	background-repeat: no-repeat;
	}
#logo_mail {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 20px;
	background-image: url(images/logo_letter.gif);
	background-position: center left;
	background-repeat: no-repeat;
	}



/*------------------------------------styles supplémentaires----------------*/

/*-------------styles pour textes */

.bordeaux {color:#d1001f}
.gris {color:#75776c}

.lineheight_micro {line-height:0.1pc}
.lineheight_mini {line-height:0.7pc}
.lineheight_small {line-height:0.8pc}
.lineheight_medium {line-height:1pc}
.lineheight_medium_2 {line-height:1.2pc}

.center {text-align:center;}

.size_05 {font-size:0.5pc}

.size_06 {font-size:0.6pc}

.size_07 {font-size:0.7pc}

.size_08 {font-size:0.8pc}

.size_09 {font-size:0.9pc}

.size_10 {font-size:1.0pc}

.underl {text-decoration:underline}

.indent5 {text-indent:5px}

.margin_l_5 {margin-left:5px}


/*----------conteneurs pour images */

/* styles pour images articles avec calage et marge */

.image_left {
	float: left;
	margin: 5px 10px 5px 0px;
	}

.image_right {
	float: right;
	margin: 5px 0px 5px 10px;
	}
/* styles pour miniatures page photos */
.miniat {
	margin:0 10px 10px 0px;
	border:solid #ffe0a8;
	}

/*----------styles de liens */

/* liens rouges, over orange, visited rouge sombre */
.link a{
	color:#d1001f;
	text-decoration:underline;
	}
.link a:hover {
	color:#f87001;
	}
.link a:visited {
	color:#b3001b;
	}



	
/*-----------------------------------------éléments pour debug---------------*/

/*   styles float */
.float_left {float:left;}

.float_right {float:right;}

.clear_float {float:none;}