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

body
{
margin: 0em; 
padding: 0em; /* Remettre à zéro si nécessaire. */ 
width:100%;
background:#d5d5d5 url("../images/fond.jpg") center top no-repeat;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
/*font-family:Georgia, "Times New Roman", Times, serif; /*"Times New Roman"(Windows), Times(Mac)*/
font-size:.8em;
line-height: 1.4; /* À adapter au design. (4) */ 
color:black;
}
 
/* 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 {
	color:grey;
	text-decoration: none; 
} 
a:link { /*lien normal, non visité*/
	color:grey; 
} 
a:visited { /*lien visité;*/
	color:grey;
} 
a:hover, a:focus, a:active { /*hover : lien quand la souris passe dessus, focus : ?, active : lien au mommant du clic.*/
	color:grey;
} 
/* 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
******************************************/  
em { 
	font-style: italic; 
} 
strong { 
	font-weight: bold; 
} 
 
/* Formulaires
******************************************/  
form, fieldset { 
	margin: 0; 
	padding: 0; 
	border: none; 
} 
input, button, select { 
	vertical-align: middle; /* Solution pb. d'alignement. (9) */ 
}

/* les tableaux
******************************************/ 

table { 
  margin: 0; 
  border: 1px solid gray; /* Pas de bordure = "none". */ 
  border-collapse: collapse; /* Valeur par défaut: "separate". */ 
  border-spacing: 0; 
} 
table td, table th { 
  padding: 4px; /* Pas de retrait autour du texte = "0". */ 
  border: 1px solid #ccc; /* Pas de bordure = "none". */ 
  vertical-align: top; /* Valeur par défaut: "middle" */ 
}
 
/*
page
****************************************************************/
#page
{
width:1030px;
background:transparent;
margin:auto;
overflow:hidden;
}

/*
header
****************************************************************/
#header
{
width:100%;
height:481px;
background:#d4d4d4 url("../images/header.jpg") top left repeat;
margin: 0px 0px 0px 0px;
}
	h1
	{
	margin:0px;
	}

/*
nav
****************************************************************/
#nav
{
width:100%;
height:100px;
background:transparent;
margin: 0px 0px 10px 0px;
}

			#nav  a
			{
			display:block;
			height:60px;
			color:#000000;
			margin:0px 15px 0px 0px;
			float:left;
			}
			
			#nav a:hover
			{
			/*
			color:#ffffff;
			background:#7c7c7c;
			*/
			}
			
			#nav .btn1-nav
			{
			width:220px;
			}
			
			#nav .btn2-nav
			{
			width:220px;
			}
			
			#nav .btn3-nav
			{
			width:180px;
			}
			
			#nav .btn4-nav
			{
			width:190px;
			}
/*
content
****************************************************************/
#content
{
width:100%;
background:transparent url("../images/page.png") repeat;
margin: 0px 0px 0px 0px;
padding: 0px 0px 100px 40px;
overflow:hidden;
}
	#colonne1
	{
	width:713px;
	margin: 0px 20px 0px 0px;
	float:left;
	}
		#slider
		{
		width:713px;
		height:294px;
		background:transparent url("../images/slider.png") no-repeat;
		}
			#slider #text-slider
			{
			width:215px;
			height:294px;
			font-size:15px;
			color:#ffffff;
			/*background:red;*/
			margin:0px 0px 0px 470px;
			padding:25px 0px 0px 0px;
			}
				#slider #text-slider h3
				{
				font-size:22px;
				margin:0px 0px 0px 0px;
				}
				
				#slider #text-slider .date
				{
				font-size:18px;
				}

	#colonne2
	{
	width:220px;
	padding: 64px 0px 0px 0px;
	float:left;
	}

/*
content
****************************************************************/
#content
{
width:100%;
background:transparent url("../images/page.png") repeat;
margin: 0px 0px 0px 0px;
padding: 0px 0px 100px 40px;
overflow:hidden;
}
	#colonne1
	{
	width:713px;
	margin: 0px 20px 0px 0px;
	float:left;
	}
		#slider
		{
		width:713px;
		height:294px;
		background:transparent url("../images/slider.png") no-repeat;
		}
			#slider #text-slider
			{
			width:215px;
			height:294px;
			font-size:15px;
			color:#ffffff;
			/*background:red;*/
			margin:0px 0px 0px 470px;
			padding:25px 0px 0px 0px;
			}
				#slider #text-slider h3
				{
				font-size:22px;
				margin:0px 0px 0px 0px;
				}
				
				#slider #text-slider .date
				{
				font-size:18px;
				}

	#colonne2
	{
	width:220px;
	padding: 64px 0px 0px 0px;
	float:left;
	}
	
	#colonne3
	{
	width:713px;
	margin: 0px 20px 0px 0px;
	float:left;
	}
		#colonne3 .groupe-images		
		{
		overflow:hidden;
		}
		
			#colonne3 .illustre
			{
			width:180px;
			margin: 20px 20px 30px 20px;
			border:1px #eeeded solid;
			float:left;
			}
			#colonne3 .illustre:hover
			{
			border:1px #bebdbd solid;
			}
				
				#colonne3 h3
				{
				font-size:20px;
				margin: 40px 0px 20px 10px;
				}
				
	#colonne4
	{
	width:713px;
	margin: 0px 20px 0px 0px;
	float:left;
	}
		#colonne4 label
		{
		display:block;
		width:150px;
		float:left;
		}
		
		#colonne4 #nom, #colonne4 #mail, #colonne4 #sujet
		{
		width:500px;
		height:25px;
		border:#d4d4d4 1px solid;
		}

		#colonne4 textarea
		{
		width:500px;
		height:100px;
		border:#d4d4d4 1px solid;
		}
		
		.captcha
		{
		margin: 0px 0px 0px 150px;
		}
			.captcha input
			{
			font-size:10px;
			width:100px;
			position:relative;
			top:-15px;
			left:10px;
			}
		#verif_code
		{
		width:150px;
		height:25px;
		border:#d4d4d4 1px solid;
		}
				
				
/*
footer
****************************************************************/
#footer
{
width:100%;
text-align:center;
color:#d4d4d4;
height:107px;
background:#d4d4d4 url("../images/footer.png") no-repeat;
padding:30px 0px 0px 0px;
clear:both;/*pour qui'il soit bien placé en dessous de tout les autres block*/
}

/*
hack
****************************************************************/
/*
IE 6 et inférieurs : *html{}
IE 7 seulement : *+html {}
*/