/*----------------------------------------
 Style pour : 
	-Menu en haut de page
	-largeur fixe a 750px
	-hauteur extensible selon le contenu 
-----------------------------------------*/

body 
{
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 		0.8em;
	margin: 		0;
	padding: 		0;
	background-color: 	#000;
}



#global 
{
     	position:		absolute;
    	left: 			50%;
	width: 			800px;
	margin-left: 		-400px; /* moitie de la largeur */
	height:			600px;
	margin-top:		-300px;
    	top: 			50%;	
	background: 		#fff url(/media/img/front/logo.png) no-repeat top right;
}



#pied
{
	position:		relative;
	margin-top:		20px;
	color:			#ddd;
	text-align:		center;
	font-size:		0.7em;
}

/* ---- PAGE D'ACCEUIL ---- */

#conteneur
{
	height:			600px;
}

#titre_grand
{
	position:		relative;
	top:			300px;
	height:			40px;
	text-align:		center;	
}

#slogan_grand
{
	position:		relative;
	top:			370px;
	height:			22px;
	text-align:		center;	
}

#lien_contact
{
	position:		relative;
	top:			470px;
	text-align:		center;
	font-size:		xx-small;
	color:			black;
}

#lien_contact a 
{ 
	color:			black; 
	text-decoration: 	none;	
}

#lien_contact a:hover 
{ 
	color:			black;	
	text-decoration: 	underline;
}


/* ---- PAGE PRINCIPALE DU SITE ---- */



#header
{
	height: 		175px;
	width:			500px;
	margin-top:		40px;
	margin-left:		40px;
}

#contenu
{
	top:			0;
	padding-left:		40px;
	padding-top:		0;
	margin-top:		0;
	width: 			760px;
	min-height:		430px;
	background: 		#fff;
}



#menu
{
	margin:			0;
	position:		absolute;
	top:			130px;
	left:			50px;
	width:			440px;
	border-top:		1px solid #ddd;
	border-bottom:		1px solid #ddd;
	text-align:		left;
	padding:		5px;
	padding-right:		100px;
}

#menu a
{
	color:			black;	
	text-decoration:	none;
}

#menu a:hover
{
	color:			red;
	text-decoration:	none;	
}

#menu a.active
{
	text-decoration:	underline;
}

#titre_petit
{
	position:		relative;
	margin-bottom:		20px;
	height:			40px;
	border:	0px solid #fff;
}

a img { border:	0px; }

#slogan_petit
{
	position:		relative;
	margin-top:		10px;
	height:			22px;
}


h1
{
//	font-size:		1.6em;
	margin-bottom:		40px;
}


#references a
{
	color:			black;
}

#references a:hover
{
	color:			black;
}


#references .site a
{
	color:			red;
}

#references .site a:hover
{
	color:			black;
}


#references h2
{
	font-size:		1.2em;
	padding-top:		0;
	margin-top:		0;
	padding-bottom:		0;
	margin-bottom:		0;
}

#references h2 a
{
	text-decoration:	none;
}




#references td
{
	padding-left:		10px;
	padding-bottom:		10px;
	vertical-align: 	top;
	border-top:		1px solid #ddd;
}

#references img
{
	width:			100px;
	height:			100px;
}

.site
{
	font-style:		italic;
	padding:		0;
	margin:			0;
}

.rea
{
	font-style:		italic;
	font-size:		0.8em;
	padding:		0;
	margin:			0;
}

/* ---- FORMULAIRE DE CONTACT ---- */

.erreur
{
	font-size:		0.8em;
	color:			red;
	font-style:		italic;	
}

.help
{
	font-weight:		normal; 
	font-style:		italic;	
	font-size:		0.8em;
	padding-right: 		50px; 
	margin:			0; 
	padding:		0;
}

.oblig
{
	font-style:		italic;	
	font-size:		0.8em;
}

#contact td:first-child
{
	width:			80px;
}


ul.errorlist
{
	padding:		0;
	margin:			0;
	text-decoration:	none;
}

ul.errorlist li
{
	padding:		0;
	margin:			0;
	text-decoration:	none;
	list-style:		none;
}


.zoom 
{
	margin:			auto;
}
.zoom p {}

.zoom img 
{
	width:			100px;
	height:			100px;
	border:			1px solid #ddd;
}

.zoom img:hover 
{
	position:		absolute;
	width:			400px;
	height:			300px;
	z-index:		100;
}