/* --- STYLES DE BASE --- */


/* Page */
html, body  {
	height: 100%; /* Voir -> Note 1 ci-dessous */
}

html { 
  font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ 
} 
body {
	margin: 0px;
	padding: 0px; /* Remettre à zéro si nécessaire. */
	/* Pensez à utiliser une collection de polices (2), par ex: */
    font-family: Arial, Helvetica, FreeSans, sans-serif;
	font-size: 0.6em; /* À adapter pour la police choisie. (3) */
	line-height: 1.4; /* À adapter au design. (4) */
	color: black;
	background-color: #FFFFFF;


	
} 
 
/* Titres */
h1, h2, h3, h4, h5, h6 { 
  margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */ 
  line-height: 1.2; 
  font-weight: bold; /* Valeur par défaut. (6) */ 
  font-style: normal; 
} 
h1 { 
  font-size: 1.75em; 
} 
h2 { 
  font-size: 1.5em; 
} 
h3 { 
  font-size: 1.25em; 
} 
h4 { 
  font-size: 1em; 
} 
 
/* Listes */ 
ul, ol { 
  margin: .75em 0 .75em 32px; 
  padding: 0; 
} 
 
/* 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: #11C; 
} 
a:visited { 
  color: #339; 
} 
a:hover, a:focus, a:active { 
  color: #00F; 
} 
/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:active {
	outline: none;
} 
/* 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; 
} 
 
/* Formulaires */ 
#monForm
{
	width: 100%;
}

#monForm p
{
	margin: 0px 17px 0px 17px;
}

/* fieldset , legend */
#monForm fieldset
{
	margin-bottom: 20px;
	margin-left: 7px;
	margin-top: 20px;
}

#monForm fieldset:hover
{

}

#monForm fieldset legend
{
	font-size: 1.2em;
}

/* Label */
#monForm label
{
	display: block;
	width: 13%;
	float: left;
	text-align: left;
	letter-spacing: 1px;
	color: #948977;
	font-weight: bold;
}

#monForm .form_label_nostyle
{
	background: none;
}

/* Input */
#monForm input, #monForm select
{
	border: #CCC 1px solid;
	width: 80%;
    color: #FDD16C;
    background-color: #948877;
}
#monForm textarea {
	width: 93%;
	border: #CCC 1px solid;
    color: #FDD16C;
    background-color: #948877;
}
#monForm input:hover, #monForm select:hover, #monForm input:focus, #monForm select:focus, #monForm textarea:hover, #monForm textarea:focus
{
	border: #999 1px solid;
	background-color: #978E82;
}

/* button submit */
#monForm input[type="submit"]
{
	border: #DDEEFF 1px solid;
	width: 27%;
	color: FDD16C;
    background-color: #948877;
}

#monForm input[type="submit"]:hover
{
	background-color: #FDD16C;
	cursor: pointer;
	color: #948877;
}

/* Page */
body {
	
}
#global {
	width: 1024px;

	min-height: 100%;
}


/* En-tête */
#entete {
	padding: 14px 28px 5px 28px;

}
#entete2 {
	padding: 14px 28px 5px 28px;

}

/* Bloc central */
.centre {
	width: 100%;
	overflow: hidden;

}


/* Menu de navigation */
.navigation {
	float: left;
	width: 276px;
	margin-top: 5px;
		
}
.navigation p{
	margin: 0 0 0 30px;
	font-size: 1.2em;
	color: #70685D;
	line-height: 1.1;
}
.navigation ul {
	margin: 0;
	padding: 20px 0px 20px 0px;
	list-style: none;
}
.navigation a {
	display: block;
	height: 1%;
	padding: 2px 10px 3px 28px;
	line-height: 1.3;
	font-size: 1.8em;
	text-decoration: none;
	color: #70685D;
	font-weight: bold;
}
.navigation ul li a.selection {
	color:#FDD16C;
}
.navigation a:hover, a:focus {
	color: #978E82;
}
.navigation a:active {
	color: #FDD16C;
}

/* Contenu principal */
.principal {
	float: left;
	padding: 12px 0px 0px 0px;
	width: 472px;
}



.contact {
	margin-left: 17px;
	line-height: 1.5;
	color: #948977;
	font-weight: bold;
	font-size: 1.4em;
}
.contenu {
	margin-left: 17px;
	margin-right: 17px;
	line-height: 1.5;
	font-size: 1.2em;
	color: #70685D;
}
/* Contenu secondaire */
.secondaire {
	margin-left: 748px;
	margin-right: 0px;
	padding: 12px 0;
		
}
.secondaire p{
	margin: 0 0 0 30px;
	font-size: 1.2em;
	color: #70685D;
}
.secondaire a {
	line-height: 1.4;
	font-size: 1.2em;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
.secondaire a.selection {
	color:#000000;
}
.secondaire a:hover, a:focus {
	color: #000000;
}
.secondaire a:active {
	color: #000000;
}