/* Eric Meyers Reset CSS */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1.5;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	}

body {
    font: 100% Arial, Helvetica, sans-serif;
	background-color: #d87e7e;
	}
	
/* ----------------------------| GENERIQUES |------------------------------- */

hr, .cache {
	position: absolute;
	left: -5000px;
	top: -5000px;
	font-size: .1em;
	width:1px;
	height:1px;
	overflow: hidden;
	}
strong { font-weight: bold; }
em { font-style: italic; }
acronym { border-bottom: 1px solid #ccc; cursor: help; }
img { border: none; }
a img, :link img, :visited img { border: 0 none; }
	
/* ----------------------------| STRUCTURE GLOBALE |------------------------------- */

#global {
	margin: 0 auto;
	width: 770px;
	background-color: #d87e7e;
    font: .75em Arial, Helvetica, sans-serif;
	}
	
/* ----------------------------| ENTETE |------------------------------- */

#flags   { 
	 position: absolute; 
	 width: 83px;
	 height: 19px; 
	 left: 50%; 
	 margin-left: 300px; 
	 top: 59px;
	}

#logo, #stras, #image, #doc, #base { 
	 width: 770px; 
	}

#logo  { 
	 height: 79px;  
	background-color: white;
	}
	
#stras  { 
	 height: 23px; 
	}
	
#image  { 
	 height: 176px; 
	}

/* ----------------------------| MENU |------------------------------- */

#menu {
	background: url(../images/fondMenu.jpg) no-repeat;
	height: 40px;
	font: 1.4em/40px Georgia, "Times new roman", Times, serif; 
	text-align: center;
	}
	
#menu ul {
	list-style-type: none;
	text-align: center;
	padding-top: 3px;
	}
	
#menu li {
	list-style-type: none;
	text-align: center;
	display: inline;
	}
	
#menu a {
	color: #ECBFBF;
	text-decoration: none;
	padding: 7px 10px;
	}
	
#menu a:hover, #menu a:focus {
	background-color: #9F3838;
	color: white;
	}

/* ----------------------------| DOCUMENT |------------------------------- */

#doc  { 
	 background: url(../images/fondPage.gif);
	}

#base { 
	 background: url(../images/fondBase.gif) no-repeat;
	 padding:30px 0;
	}
	
#base, #base a { 
	 text-align: center;
	 text-decoration: none;
	 color: white;
	}

/*----------------------------------------| PAGE |---------------------------------------------*/

#page  {  
	 width: 595px;
	 margin-left: 94px;
	 padding-top: 15px;
	}
	
#accueil {
	width:420px;
	}
		
object {
		margin: 15px 0;
		}
	
/* Colonne droite */
	
#coeur {
		position:absolute; 
		left:50%; 
		margin-top:-30px;
		margin-left:155px;
		width:164px; 
		background:transparent url(../images/coup-de-coeur.gif) no-repeat;  
		height:100px;
		z-index: 10;
		}
		
#news {
		position:absolute; 
		left:50%; 
		margin-top:20px;
		margin-left:155px;
		width:143px; 
		background-color: white;  
		text-align: center !important;
		}
		
#news h3 {
		width:143px; 
		background-color: #c54746;  
		padding: 3px 0;
		margin: 5px 0;
		color: white;
		text-align: center !important;
		}
		
#news p {
		width:137px !important;
		padding:  6px 3px;
		background-color: #f5f5f5;  
		font: 1.2em/1.2 Georgia, "Times new roman", Times, serif;
		text-align: center !important;
		}
		
#news p#promo { 
		padding-top:20px;  
		font-weight: bold;
		color: #c54746;
		}
		
/* Autres */

table  {  
	 width: 100%;
	}

td  {  
	 padding: 5px;	
	text-align: center !important;  
	}
	
.coul, input, textarea  { 
	 background-color: rgb(250,240,240); 
	}

#plan-vide {
	margin:0 50px; text-align:center;
	}
	
#plan-vide  div {
	text-align:center;
	}
	
#plan-vide  a {
	color: #999;
	outline: none;
	}
	
#plan-vide  a:hover, #plan-vide  a:focus {
	color: black;
	}
	
.plan {
	position:absolute;top:434px;left:50%;margin-left:-235px;
	}
	
.hide {
	display:none;
	}
	
/* ----------------------------| CHARTE GRAPHIQUE |------------------------------- */
	
h1  { 
	font: 2.6em Georgia, "Times new roman", Times, serif; 
	color: rgb(157,44,44);
	margin-bottom:20px;
	}

h2 { 
	 font: 1.8em Arial, Helvetica, sans-serif; 
	 color:black; 
	}
	
h3 { 
	 font: 1.3em Arial, Helvetica, sans-serif; 
	 font-weight: bold; 
	 color: #666; 
	}
	
h3 a  { 
	 color: #444; 
	}
	
h3 a:hover  { 
	 color: #888; 
	}
	
p { 
	 color: #444; 
	}

p a { 
	 color: #888; 
	}