/*
 * Gazettebernheim v5
 * Design: 01/03/2006
 * Remi Faure
 */

 
/*
 * body
 */
body {
	background:url(images/fond.gif) repeat-x top center #8ABC2E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
}

a img {
	border:0;
}
/*
 * Contener
 */
.contener {
	width:820px;	margin:0 auto 15px auto;	padding:0;	background: url(images/fond_contener.gif) repeat-y left center;
	text-align:left;
}

/* * Entete de la page
 * Div contenant le logo du site et le menu */.logo {	width:100%;	height:180px;
	margin-left:1px;	background:url(images/logo.gif) no-repeat top left;
	text-align:center;}

/* div plaçant les boutons en haut de la page*/.menu_haut {	padding:143px 0 0 100px;}
/*.menu_haut a {
	display:block;
	float:left;
	background:url(images/boutons_menu3.gif) top left;
	width:112px;
	height:23px;
	font-family: Arial, Helvetica, sans-serif;	font-weight: bold;	font-size: 12px;
	text-decoration:none;	color: #FEF4E5;
}
.menu_haut a:hover {
	background-position:bottom left;
	color: #93EEEE;
}*/


.menu_haut a {
float:left;
background:url(images/boutons_menu3.gif) no-repeat top left;
margin-right:5px;
padding:0 0 0 8px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
text-decoration:none;
color: #FEF4E5;
height:23px;
}
.menu_haut a span {
float:left;
display:block;
background:url(images/boutons_menu3.gif) no-repeat top right;
padding:0 8px 0 0; /*3px 18px 0 13px;*/
color:#FFF;
height:23px;
cursor:hand;
}
.menu_haut a:hover {
background-position:bottom left;
}
.menu_haut a:hover  span{
background-position:bottom right;
color: #93EEEE;
}

/* * Bas de la page avant le copyright */.baspage {	background: url(images/bas.gif) repeat-x top;	height:67px;	width:100%;
	font-size:11px;
	text-align:center;
}
.baspage div {
	padding-top:26px;
	color:#A67319;}

/*
 * Titres
 */
h1 {
	text-align:left;
	background:url(images/h1.gif) no-repeat;
	font-family: Arial, Helvetica, sans-serif;	font-weight: bold;	font-size: 1.1em;
	height:29px;
	padding:1px 0 0 10px;
	margin-left:30px;
	color:#0543F4;
}
h2 {
	font-size: 1em;
	font-weight:normal;
	margin:10px 0 0 0;
}

/*
 * Texte
 */
.text {
	text-align:left;
	padding:0 50px;
}

ul {
	margin-top:5px;
}

.text p {
	margin:10px 0 0 30px;
}

/*
 * anniversaire
 */
.anniversaire {
	float:right;
	width:220px;
	margin-right:20px;
}
.anniversaire h1 {
	background:url(images/h1_200.gif) no-repeat;
	margin-left:0;
}
.anniversaire .text {
	padding-left:10px;
	font-size:0.85em;
}

.w500 {
	text-align:left;
	width:550px;
	margin:0;
	padding:0;
	float:left;
}
.w500 * {
	margin-right:0;
	padding-right:0;
}

/*
 * message des webmasters
 */
.emph {
	color:#DD3333;
	font-weight:bold;
}

/*
 * Mise en page des listes (d'email, d'anniv)
 */
td, th {
	text-align:left;
}
.pair {
	background:#fff;
}
.impair {
	background:#FEF4E5 !important;
}

th.vert {
	writing-mode: tb-rl;
	filter: flipv fliph;
	text-align:center;
}

/*
 * en cas d'erreur
 */
.error {	border:1px solid red;	padding:7px;	width:500px;	margin-bottom:7px;
	margin:0 auto 7px auto;}
.err { /* champ manquant */
	color:#ff0000!important;
}

/*
 * Mise en page des messages
 */
h2.date {
	border-bottom:2px solid #A67319;
	margin-bottom:5px;
}
.message {
	border:1px dashed #A67319;
	background:#fff;
	margin-left:25px;
	padding:5px;
}
.message p {

	margin:7px 0;
}
.image {
	text-align:center;
}
.image img {
	max-width: 100%;
}
.recette {
	border:1px dashed #A67319;
	background:#fff;
	padding:10px;
	margin:0 60px;
}
#region {
	/*margin:0 auto;*/
	background:url(images/carte_indicatifs2.gif) no-repeat top left #fff;
	width:204px;
	height:200px;
	border:1px solid #000;
}