/* CSS Document */

body {
 font: 12px verdana, sans-serif;
 background-image: url(images/fond.jpg);
 background-repeat:repeat;
 margin:0;
 padding:0;
 text-align:center;
}

#encadrant{
width:960px;
margin-left:auto;
margin-right:auto;
}
#bandeau{
background-image: url(images/entete.jpg);
background-repeat:no-repeat;
width:960px;
height:200px;
float:left;
display:block;
}
#bandeau-stalgue{
background-image: url(images/bandeau-stalgue.jpg);
background-repeat:no-repeat;
width:960px;
height:200px;
float:left;
}
#bandeau-jeanlouisdavid{
background-image: url(images/bandeau-jeanlouisdavid.jpg);
background-repeat:no-repeat;
width:960px;
height:200px;
float:left;
}


#entete{
width:960px;
height:245px;
padding:0px;
margin:0px;
}
/* ------------------------------------------------------------------------------------
Tha Drop-down Menu
------------------------------------------------------------------------------------ */

/* Elements de premier niveau
--------------------------------------*/
#menu
{
	background-image: url(images/menu2.jpg);
	background-repeat:no-repeat;
	width:910px;
	height:30px;
	margin:0;
	padding-left:50px;
	padding-top:15px;
	float:left;
}
#menu ul, #menu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul#menuDeroulant{
	margin: 0;
	padding: 0;
	float:left;
}
#menuDeroulant li
{
	float: left;
	width: 145px;
	margin: 0;
	padding: 0;
	border: 0;
	text-align:center;
	background-image: url(images/puce.jpg);
	background-repeat:no-repeat;

}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	height: 1%;
	color: #FFF;
	margin: 0;
	padding: 4px 8px;
	text-decoration: none;
}
#menuDeroulant li a:hover { color:#0000FF; }
#menuDeroulant li a.onglet-actif{
	color:#0000FF;
	text-decoration:none;
	display: block;
	height: 1%;
	margin: 0;
	padding: 4px 8px;
}
#salons{
}
#services{
}
#produits{
}
#recrutement{
}
#contact{
}
	
#menuDeroulant ul.sousMenu {
	position:inherit !important;
	display:none;
	position:absolute;
	list-style-type: none;
	margin: 0;
	margin-left: 0 !important;
	margin-left: -70px; !important;
	padding: 0;
	border: 0;
	width:100px;
	background-image:none;
}
#menuDeroulant ul.sousMenu li{
	position:relative;
	left:0;
	margin: 0;
	padding: 0;
	border: 0;
	width: 145px;
	background-image:none;
	text-align:left;
}
#menuDeroulant ul.sousMenu li a:link, #menuDeroulant li ul.sousMenu a:visited {
	display: block;
	color: #FFF;
	margin: 0;
	text-decoration: none;
	text-align:left;
	background-image: url(images/fond.png);
}
#menuDeroulant ul.sousMenu li a:hover {
	background-image: none;
	background-color: #FF9966;
	margin: 0;
}

#menuDeroulant li:hover > .sousMenu { display: block; }



/*===========================================================================================================================================================================*/
#annonce{
width:800px;
height:auto;
text-align:center;
color:#FF3300;
font-size:14px;
font-weight:bold;

}

#contenu{
width:960px;

}

div#contenu_h{
background-image: url(images/contenu_h.jpg);
width:960px;
height:54px;
background-repeat:no-repeat;

float:left;

}
div#contenu_m{
	width:890px;
	height:auto;
	padding-left:70px;
	background-image: url(images/contenu_m.jpg);
	background-repeat:repeat-y;
	color:#333333;
	float:left;
	}
	div#presentation{
		width:890px;
		float:left;
		
		}
	/*div#visu1{
		width:325px;
		height:345px;
		background-image: url(images/visu1.jpg);
		background-repeat:no-repeat;
		float:left;
		position: relative;
		
		}*/
	div#texte1{
		width:450px;
		height:auto;
		float:right;
		padding-right:70px;
		text-align:left;
		
	}
	
	div#texte2{
	width:800px;
	height:auto;
	float:left;
	padding-right:70px;
	text-align:left;
	}
	
	
div#contenu_b{
	width:959px;
	height:100px;
	background-image: url(images/contenu_b.jpg);
	background-repeat:no-repeat;
	text-align:center;
	font-size:10px;
	text-align:center;
	padding-top:20px;
	color: #FF6600;
	float:left;
	
	}
	
div#piedepage{
	width:959px;
	text-align:center;
	color:#FFFFFF;
	float:left;
	}
	
a{
color:#FF6600;
}
	
a.blanc{
	color:#FFFFFF;
	text-decoration:none;
	}
a.blanc:hover{
	color: #0000FF;
	}
a.onglet-actif{
	color:#0000FF;
	text-decoration:none;
	}		
	
	
.h1{
	color: #0000CC;
	font-weight:bold;
	font-size:16px;
	padding-left:19px;
	background-image: url(images/puce_h1.jpg);
	background-repeat:no-repeat;
	text-align:left;
	}
	
.h2{
	color: #FF0000;
	font-weight:bold;
	font-size:16px;
	padding-left:19px;
	background-image: url(images/puce_h2.jpg);
	background-repeat:no-repeat;
	text-align:left;
	}
.h3{
	color: #000000;
	font-weight:bold;
	font-size:16px;
	padding-left:19px;
	background-image: url(images/puce_h3.jpg);
	background-repeat:no-repeat;
	text-align:left;
	}	
#gallery {
	position: relative;
	width: 750px;
	height:500px;
	float:left;
}
#thumbs {
	width: 250px;
	float: left;
	bottom:0;
}
#thumbs a {
	display:block;
	float:left;
	margin: 0 0 20px 20px;
	width: 50px;
	height: 50px;
	border: 1px solid #000;
}
#thumbs a img {
	width: 50px;
	height: 50px;
	border: 0;
}
#thumbs a:hover {
	border-color: #ddd;
}
#thumbs a:hover img {
	position:absolute;
	width: auto;
	height: auto;
	left:250px;
	/*top:0;*/
	bottom:0;
	border: 1px solid #333;
	float:left;
}

	
div#mentions{
		width:690px;
		height:auto;
		float:left;
		padding-right:70px;
		text-align:left;
	}	
	
.gras-bleu {
	color: #0033FF;
	font-weight: bold;
}
.gras-orange {
	color: #FF6600;
	font-weight: bold;
}
/* FORMULAIRE */
.form_ident{
	width:700px;
	padding-left:60px;
}
fieldset{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
legend{
	color:#000000;
	font-style:italic;
	font-size:11px;
}