/* Normalise les marges et le remplissage */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin: 0; padding: 0; }

/* Normalise les tailles de police pour les en-têtes */
h1, h2, h3, h4, h5, h6
{ font-size: 100%; }

/* Supprime list-style pour les listes */
ul, ol
{ list-style: none; }

/* Normalise les styles et graisses de fontes: font-style et font-weight sont "normal" */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style: normal; font-weight: normal; }

/* Supprime les bordures dans les tableaux */
table
{ border-collapse: collapse; border-spacing: 0; }

/* Supprime les bordures dans les éléments fieldset et img */
fieldset, img
{ border: 0; }

/* Aligne le texte à gauche dans caption et th */
caption, th
{ text-align: left; }

/* Supprime les apostrophes doubles (guillemets anglais) autour de q */
q: before, q: after
{ content: ''; }

html
{ text-align: center; }

 
body  {
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #000000;
	background : transparent url(images/background.jpg) repeat 0 0;
}

#container { 
	width: 1024px;  /* ce paramétrage crée un conteneur dont la largeur est de 1024. Si on met 80%, ça prend 80% de la largeur du navigateur de l'internaute */
	height: 768px;
	background-image: url(images/fontdusiterouge.jpg);
	padding: 0 0 0 0;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	border: 1px solid #000000;
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
} 

#branding { 
	float: left;
	width: 340px;
	height: 675px;
	background : transparent url(images/menufond.png) no-repeat 0 0;
} 

#contenu { 
	float: left;
	left: 340px;
	width: 684px;
	height: 675px;
} 

#nav_main { 
	position: relative;
	width: 100%;
	height: 150px;
} 

ul#nav_features { 
	position: absolute;
	text-align: right;
	padding: 5px 5px 0 0;
	top: 15px;
	width: 650px;
	height: 120px;
} 

ul#nav_features li{ 
	display: inline;
	margin: 0 0 0 10px;
	top: 25px;
} 

#text{ 
	float: left;
	width: 434px;
	color: #CCC;
	padding-top: 10px;
	font: "Arial", Trebuchet MS, Helvetica, sans-serif;
	font-size: 80%;
} 

#text p { 
margin: 10px 10px 10px 10px; 
text-align: justify;
}

#text h1 { 
margin: 10px 10px 10px 10px; 
text-align: justify;
}

#text a {
color: #CE7206;
text-decoration: none;
}

#text a:hover {
color: pink;
}

#column{ 
	float: right;
	width: 250px;
	height: 500px;
	text-align: center;
} 

p#interview { 
font-size: 85%;
font-style:italic;
}

.image { 
padding-top: 10px;
}

#titre { 
	margin: 0px 0px 0px 7px;
} 

#bandeau { 
	float: left;
	width: 954px;
	height: 65px;
	background-color: yellow;
	padding-left: 40px;
	background: transparent url(images/Bandeau02.png) no-repeat 0 0;
} 

#ours { 
	position: relative;
	height: 50px;
	padding-left: 250px;
	padding-top: 35px;

} 

ul#ours li{ 
	display: inline;
	margin: 0 20px 0 20px;
}