body {
/*font: 10pt tahoma;*/
/*font: 9pt verdana;*/
/*font: 10pt Trebuchet MS;*/ /* A ETUDIER 07.09.2009*/
font: 9pt verdana; /* maj 30.03.2009*/
font-stretch: wider; /* espace entre caractères maj 30.03.2009*/
margin: 0;
padding: 0;
}
img
{
border:none;
}
#conteneur
{
width: 940px;
/*margin-left: -470px; 
margin-top: -275px;*/
margin-left: auto;
margin-right: auto; 
/*top: 50%; 
left: 50%;*/ 
/*position: absolute;*/
border: 1px dotted #D4BBAB;    
}
#haut
{
  height:90px;
  overflow: auto;
  background:#A1946A;
}
#haut_logo
{
  position:absolute;
  margin-left:5px;
  margin-top:5px;
}
#haut_banniere
{
  position:absolute;
  margin-left:250px;  
  margin-top:10px;
  height: 60px;
  width:468px; 
  text-align:center;
}
#haut_droite
{
  position:absolute;
  margin-left:730px;
  margin-top:20px;
  font-size:8pt; /*30.03.09 : attention réduire la police */
  text-align:center;
}

/*travaux menu 30.12.2008 http://css.alsacreations.com/Construction-de-menus-en-CSS/Creer-des-menus-simples-en-CSS#menuhorizontal*/
#menu
{
margin: 0 ;
	padding: 0 ;
	list-style: none ;
	text-align: center ;
	background: #A1946A;
	height:25px;
}
#menu li {
display: inline ;
	margin-right: 1px ;
	/*color: green ;*/
	/*background: white ;*/
	}
#menu li a {
	padding: 2px 10px ; /* ~auteur case, ~largeur case: */
	background: #A1946A ;
	color: #fff ;
	/*border: 1px solid #600 ;*/
	border:none;
	text-align: center ;
	text-decoration: none ;
	}
#menu li a:hover {
	background: #D4BBAB ;
	text-decoration: none;
	color: #A1946A;
}
#menu li #navigation li a:focus, #navigation li a:active {
	background: #D4BBAB ;
	text-decoration: none ;
	}	
/*travaux menu 30.12.2008 http://css.alsacreations.com/Construction-de-menus-en-CSS/Creer-des-menus-simples-en-CSS#menuhorizontal*/

dt
{
font-size: 8pt;
color: orange;
}
.titre_colonne
{
font-weight: bold;
color:green;
} 
.colonne {
float: left;
width: 30%;
margin: 1em 0;
padding: 10px;
}
.colonne_un_tiers 
{
float: left;
width: 25%; 
margin: 1em 0;
padding: 5px;
}
.colonne_deux_tiers  
{
float: left;
width: 55%; 
margin: 1em 0;
padding: 5px;
}
.album
{
overflow: none;
}
td
{
font: 9pt verdana; /* maj 30.03.2009*/
font-stretch: wider; /* espace entre caractères maj 30.03.2009*/
font-weight: bold;
color:#A1946A;
} 
.note
{
border: 1px solid red;
padding:10px;
}
a:link {
	color: #A1946A;
	text-decoration: none;
}
a:visited {
	color: #A1946A;
	text-decoration: none;
}
a:hover {
	color: green;
	text-decoration: underline;
}
a:active {
	color: green;
	text-decoration: none;
}
#conteneur_quizz
  {
  position:absolute;
  margin-left:250px;  
  margin-top:100px;
  width:468px;
  padding:5px;
  border: 1px dashed #A1946A; /*bordure */
  background:#C4D4AB; /*03.10.07 pour le quizz => meme couleur que album 5 étoiles*/
  }

#bas /*ajouté 14.12.07 => maj 09.01.08*/
{
padding:5px;
height:20px;  
/*background-color:#A1946A;*/
background-color:#D4BBAB; /*meme color que menu pour faire ressortir les liens*/
}
.bas_interieur_tiers /*ajouté 09.01.08*/
{
float:left;
width: 33%;
}
hr /*ajouté 14.12.07*/
{
/*<hr style="height: 2px; color: #839D2D; background-color: #839D2D; width: 50%; border: none;">
http://romy.tetue.net/spip.php?article239*/
height: 1px;
color: #A1946A;
background-color: #A1946A;
border: none;
}

/* ********************** test menu 08.09.2009***************************************************/
/* http://www.tuto-fr.com/tutoriaux/tutorial-menu-deroulant-css-suite.php  */
#menuder {
margin: 0 ;
	padding: 0 ;
	list-style: none ;
	text-align: center ;
	background: #A1946A;
	/*height:25px;*/
}
div#menuder a {color:white} /*couleur de police du menu*/
div#menuder ul {padding: 0; margin:0px; background: white; text-align:center}
div#menuder li {background:#A1946A} /*couleur du menu niveau 1 si pas de sousmenu*/
div#menuder li:hover {background: orange} /*couleur hover du menu niveau 1 si pas de sousmenu*/
div#menuder li.sousmenuder:hover {background: orange;} /*couleur hover du menu niveau 1 avec sousmenu*/
/* rejout couleur de fond */
div#menuder li.sousmenuder {background-color:#A1946A} /*couleur du menu niveau 2*/

/* une petite bordure en top*/
/*div#menuder ul li {position:relative; list-style: none; float:left; border-top:1px dotted #D4BBAB}*/
div#menuder ul li {position:relative; list-style: none; float:left; border-top:none #D4BBAB;}

div#menuder ul ul {position: absolute;display:none; width:100px}
div#menuder li a {text-decoration: none; padding: 4px 0 4px; display:block;width:100px}
div#menuder ul.niveau1 li.sousmenuder:hover ul.niveau2, 
div#menuder ul.niveau2 li.sousmenuder:hover ul.niveau3 {display:block;}
div#menuder ul.niveau3 {top:-1px; left: 100px;}

/* rajout de couleur de fond et de survol */
div#menuder ul.niveau3 li { background: green}
div#menuder ul.niveau3 li:hover { background: green}

/* test menu 20.10.2009 */
#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;  
}                          
#nav a {
display: block;
width: 10em;
  color: white;
  text-decoration: none;
  /*background: green; écrase celui du li*/
}
#nav li {
float: left;
width: 10em;
  background:#A1946A;
  
}
#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em; 
	/*background: green ne sert à rien*/
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto; 
}

/*ajout 04.10.2009 pour les annonces en pages d'accueil voeux 2010*/
.annonce
{
background: #C4D4AB; /*comme le fd des 5 etoiles*/
}
/* 25.03.2010 ajout de fluideglacial.php*/
div#fluide_img_txt p{
  /*margin:0;*/
  padding:1px;
  text-align:justify;
}
div#fluide_img_txt img{
  float:left;
/*  background-color:#fafbfc;
  border:1px solid #b0b0b0;
  margin:0 0 10px 10px;*/
  padding:5px;
}
/*
hr{
  clear:left;
}
*/
/* fluideglacial */

/* 03.08.2011 pour BDzoom */
#vignbdz /* visuel */
{
float: left;
padding: 5px;
}
#blabdz /* texte */
{
/* rien */
}
#clsbdz /* pour annuler le float qd plusieurs blocs NE FONCTIONNE PAS DANS LA LISTE !!! */
{
clear:left
}

/* BDzoom */