* {margin:0; padding:0;}

body, html 
{
background: #f6cc9c;
background-image: url(IMG/test0.jpg);
background-position: top center;
background-repeat: no-repeat;
margin:auto; text-align:center;
border:0;
font: 0.9em Verdana, Arial, Helvetica, sans-serif;
}

img{padding:0;vertical-align: text-bottom;}
h1, h2, h3 {color: #5D360F;}
h1{text-align: center;background: url(IMG/h1.gif) bottom center no-repeat;}
strong{color:#5D360F;}

table{margin:auto;}
#tarifs table{font-size:2em;}
#thierry table{font-size:2em;}

a {color: #5D360F;}
a:hover {color: #B0D9EB;}

/* Container principal du site -- Tout le site est à l'intérieur de ce bloc */
#container
{
	margin:auto;
	text-align:center;
	width:800px;
	margin-top:0px;
}

/* En-tete du site  */
#header
{
	width:800px;
	height:270px;
	background: url("IMG/header.jpg") top left no-repeat;
}

#menus
{
	width:160px;
	min-height:420px;
}

#menu 
{
	width: 160px;
	float:left;
	position:absolute; 
	color:#6C480A;
	margin-top:0px;
}

dl#menu
{}

dl#menu dt 
{
	cursor: pointer;
	height: 28px;
	top:150px;
	line-height: 20px;
	text-align: center;
	font-weight: bold;
	/* border-bottom: 1px solid cyan; 
	border-top:0px;*/
	border-left:0px;
	background: url("IMG/testo.gif");
}

dl#menu dd {border: 0px solid gray;}

dl#menu li {text-align: center; height: 26px; background: white;}

dl#menu li a, dl#menu dt a 
{
	color: #6C480A;
	text-decoration: none;
	font-weight:bold;
	display: block;
	border: 0 none;
	height: 100%;
}

dl#menu li a:hover, dl#menu dt a:hover 
{/* background: #B35231 */;color:#A0FEE4;}


/* Zone d'affichage principale du site... C'est la grande zone où les pages s'affichent  */
#contenu 
{
	float: right; 
	width: 640px;
	min-height: 420px;
	text-align: left;
	margin-left: 160px;
	background: #E8C8CD repeat;
	background-position: top left;
	background-image: url(IMG/tile.png);
	background-repeat: repeat;
	margin-top:0px;
}

/* Propriétes des différentes pages  */
#accueil
{display:block;}

#presentation
{text-align: left;padding: 0px 5px 5px 8px;}

#relais
{text-align: justify;padding: 0 5px 5px 8px;}


#graphistes
{}

#entreprises
{}

#stand
{}

#contact
{text-align:center; width:620px;/* clear:left; position:absolute;*/}

#plan
{margin:auto; text-align:center;}

#map
{height: 350px;width: 475px;border: 1px solid #B35231;}


/* Container de la partie principale du site --> "menu" et "contenue"  */
#main {
	width: 800px;
	padding: 0px;
	background:#E8C8CD;
	background: url("./IMG/tile.jpg") repeat-y;
	background-position: top left;
}

/* Style de la galerie */
#gallery {width:540px;text-align:center;margin:auto;}

/* Style du formulaire */
#formulaire {padding:0px;text-align:left;width: 520px;overflow:hidden;margin:auto;}

img{margin:0; padding:0; border:0}

/* Pied de Page */
#footer 
{
	width: 790px;
	height: 30px;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 6px;
	background-image: url("./IMG/footer.jpg");
	background-position: bottom left;
	display:block;
}

#bottom {margin:auto; text-align:center; color:#5D360F; font-size:0.8em;}

.clear{width:100%; height:0%;line-height:0%;clear:both;}
.list {padding-left: 15px; list-style-image:url("./IMG/puce.gif"); margin-left:10px;}
.welcome{color:#F6C3A4; text-decoration:none; border:black;}
.welcome:hover{color:#F6C3A4; text-decoration:underline;}
.flash{margin-top:0px;border:3px solid black;}
.flag{text-align:center; margin:auto;}
.redtext {color:red;}
.diapo{padding:7px;}
.centeredtext{text-align:center;}
.clear{width:800px; height:0px; border:0;clear:both;}
.nopadding{padding: 0px;margin-bottom:-5px; display:block;}
.nostyle{list-style: none;}
.left{float:left;} .right{float:right;}
.tabtarifs {font-size:2em;}
.title{font-size:3.5em;margin:0;text-align:center; font-family: georgia, "times new roman", serif; font-weight:bold; color:#7A4A22;}


/* ----------- Container dans lesquels on mets les différents miniatures pour les diapo ------------------ */

.container_ {width:600px; background:#F6C3A4; border:1px solid #a49188; margin:5px auto; padding-top: 10px; padding-bottom:10px; margin-bottom:5px;}
.container_ img {border:1px solid #a49188;}
.container_ h1 {margin:0;text-align:center; font-family: georgia, "times new roman", serif; font-size:2em; font-weight:normal; color:#6C4A0D;}
.container_ h1 em {font-size:2em; color:#A0FEE4;}


/* -------------------------------Pleins de conneries plus ou moins inutiles ------------------------------*/
td, select, input 
{font-family: arial, helvetica, sans-serif;font-size: 11px; text-align:justify;}

#entreprises td{text-align:center;}

#tarifs td {font-size:18px;}
#thierry td {font-size:12px; padding-left:10px;}
#gabrielle td {font-size:12px;}
#thierry ul, li {margin-left:10px;}
#anais img{margin:5px;}
#anais td{font-size:13px;}
		
.hRule {	border-top: 1px solid #cdcdcd;margin: 0px 0px 10px 0px;}
		
.nextPrevious {font-size: 18px;color: #cdcdcd;padding-bottom: 15px;}

img.diapo{border: 2px solid #B0D9EB;margin-top:3px;padding :0px;}

a.diapo{text-decoration: none;font-style:normal;}