/* --- STYLES DE BASE --- */ 
 
/* Page */ 
html {
  font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ 
} 
body {

  padding: 0em; /* Remettre à zéro si nécessaire. */ 
  /* Pensez à utiliser une collection de polices (2), par ex: */
  font-family: Arial, Helvetica, FreeSans, sans-serif;
  font-size: 1.0em; /* À adapter pour la police choisie. (3) *text/ 
  line-height: 1.4; /* À adapter au design. (4) */ 
  color:#212121;
background-color:#613a24;
padding:0px;
margin:0px;


} 
#conteneur {
  margin-left: auto;
  margin-right: auto;
 

  width:900px;
}
#tete {
width:900px;
/*background:#1f0905;*/ 
color:#fff;
/* À adapter pour la police choisie. (3) */ 
line-height: 4;
}

			#menu {
				list-style: none ;
				border:0px solid;
				margin: 0 ;
				padding: 10px 0 5px 0px ;
				text-align:center;
				}
			#menu li {
				display: inline ;
				margin-right: 0px ;
				/*color: #fff ;
				 background: #c00 ; */
				}
			#menu li a {
				background: #fff ; 
				color:#1f0703;
				border:2px solid #deb887;
				font-size:16px;
				font:Georgia, "Times New Roman", Times, serif;
				font-stretch:wider;
				line-height: 1em ;
				padding: 4px 10px ;
				font-weight:bold;
				text-align: center ;
				text-decoration: none ;
				}
			#menu li a:hover, #menu li a:focus, #menu li a:active {
				 background: #1f0703 ;
				color:#fff;
				}
#corp {
margin:auto;
padding-left:17px;
padding-right:17px;
margin-top:0px;
border:2px solid #deb887;
background:#ffffff;
color:#222;
}
#corp li {
margin : 5px;
background:#ddd;
color:#333;
font-weight:700;
border:1px solid #888;
}
#corp li a {
color:#333;
}
/*#corp p {
margin : 5px;
background:#ddd;
color:#333;
font-weight:700;
border:1px solid #888;
}
#corp p a {
color:#333;
}*/
#pied {
margin:0;
text-align:center;
height:35px;
padding:5px;
color:#deb887;
}
.erreur {
text-align:center;
color:#F00;
}
#messages a {
color:#555;
text-decoration:none;
}
p {
color:#000;
text-decoration:none;
}
#connect p {
margin : 5px;
background:#ddd;
color:#fff;
font-weight:700;
border:1px solid #888;
}
/* Titres */ 
h1, h2, h3, h4, h5, h6, h7{ 
  font-weight: bold; /* Valeur par défaut. (6) */ 
  font-style: normal; 
} 
h1 { 

}
h2 { 
  font-size: 1.5em; 
} 
h3 { 
padding:2px;
text-align:center;
border:1px solid #bbb;
  font-size: 1.25em;
  background:#ccc;
  width:100% 
} 
h4 { 
  font-size: 1em; 
} 
h5 { 
  font-size: 0.9em; 
  background:#eee;
  font-weight:500;
} 
h6 { 
  font-size: 0.7em; 
  background:#ddd;
} 
h7 { 
padding:2px;
text-align:center;
  font-size: 1em; 
  background:#ddd;
  border:1px solid #bbb;
  width:100%;
} 
 
/* Listes */ 
#titre{
background:#555;
color:#eee;
text-align:center;
margin:0;
padding:0;
font-weight:bold;
text-transform:uppercase;
}

 

 
/* Paragraphes */ 
p { 
  margin: .75em 0; /* Marges plus faibles que par défaut. (7) */ 
} 
address { 
  margin: .75em 0; 
  font-style: normal; 
} 
 
/* Liens */ 
a { 
  text-decoration: underline; 
} 
a:link { 
  color: #A00; 
} 
a:visited { 
  color: #A00; 
} 
a:hover, a:focus, a:active { 
  color: #700; 
} 
 
/* Pas de bordure autour des images dans les liens */ 
a img { 
  border: none; 
} 
 
/* Divers éléments de type en-ligne (8) */ 
em { 
  font-style: italic; 
} 
strong { 
  font-weight: bold; 
} 
legend {
margin:auto;
width:700px;
}
/* Formulaires */ 
form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 
input, button, select { 
  vertical-align: middle; /* Solution pb. d'alignement. (9) */ 
   border:1px solid black;
 background-color:#fff;
 text-align:center;
 margin:2px;
}
textarea {
  vertical-align: middle; /* Solution pb. d'alignement. (9) */ 
   border:1px solid black;
 background-color:#fff;
 margin:2px;
 width:150px;
}
/* Met en évidence les abréviations (ayant un attribut title) */ 
abbr[title] { 
  border-bottom: 1px dotted; 
  cursor: help; 
} 
 
/* Met en évidence les citations */ 
blockquote { 
  margin: .75em 0 .75em 20px; 
  padding: 0 0 0 10px; 
  border-left: solid 2px #ddd; 
} 
q, cite { 
  font-style: italic; 
} 
q cite, q q { 
  font-style: normal 
} 
 
/* Supprime les guillemets automatiques (citations courtes) */ 
q { 
  quotes: none; 
} 
q:before, q:after { 
  content: ""; /* Nécessaire pour Safari/Chrome */ 
} 
 
/* Rapproche les paragraphes dans les listes et citations */ 
blockquote p, li p { 
  margin: .5em 0; 
} 
 
/* Styles de base pour les listes de définition */ 
dl { 
  margin: .75em 0; 
} 
dt { 
  margin: .75em 0 0 0; 
  font-weight: bold; 
} 
dd { 
  margin: .25em 0 .25em 32px; 
} 
 
/* Mise en forme simple pour les tableaux */ 
table { 
  margin: 0; 
  border: none; /* Pas de bordure = "none". */ 
  border-collapse: collapse; /* Valeur par défaut: "separate". */ 
  border-spacing: 0; 
} 
table td, table th { 
  padding: 10px; /* Pas de retrait autour du texte = "0". */ 
  border: none; /* Pas de bordure = "none". */ 
  vertical-align: top; /* Valeur par défaut: "middle" */ 
} 
 
/* Conteneurs sémantiques de HTML 5 */ 
article, aside, dialog, figure, footer, header, 
hgroup, menu, nav, section { 
  display: block; 
}
  .imgContainer{ 
  overflow:hidden; 
  width:180px; 
  height: 120px; 
  } 
  .imgContainer img{ 
  width:180px;
  } 
    .imgContainer2{ 
  overflow:hidden; 
  width:120px; 
  height: 70px; 
  } 
  .imgContainer2 img{ 
  width:120px;
  }