/**************************************************************

	Image Menu
	v 2.2

**************************************************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}


body {
	color: #646464;
	font-family: Arial;
}


#main {
	position:relative;
	width: 815px;
	height :686px;
	margin: auto;
}

#banner
{
width:815px;
height:170px;
background: url(imagesmenu/banniere1.jpg);
}

#menu
{
z-index:10;
width:815px;
height:80px;
background: url(imagesmenu/menu.jpg);
}

#menu li
{
list-style : none;
}

#menu #rollover
{
width:530px;
height:52px;
position:absolute;
right:0;
}

 #rollover
{
position:absolute;
right:0;
width:700px;
height:109px;
}

#rollover li
{
margin:0;
padding:0;
display:inline;
}

#rollover ul .histoire a 
{
display:block;
float:left;
width:106px;
height:52px;
background: url(imagesmenu/hist.jpg) no-repeat left top;

}

#rollover ul .histoire a:hover
{
float:left;
width:106px;
height:52px;
background: url(imagesmenu/hist.jpg) no-repeat right bottom;
}

#rollover ul .industrie a
{display:block;
float:left;
width:106px;
height:52px;
background: url(imagesmenu/indus.jpg) no-repeat left top;

}

#rollover ul .industrie a:hover
{
float:left;
width:106px;
height:52px;
background: url(imagesmenu/indus.jpg) no-repeat right bottom;
}

#rollover ul .pointsdevente a
{display:block;
float:left;
width:106px;
height:52px;
background: url(imagesmenu/pdv.jpg) no-repeat left top;

}

#rollover ul .pointsdevente a:hover
{
float:left;
width:106px;
height:52px;
background: url(imagesmenu/pdv.jpg) no-repeat right bottom;
}

#rollover ul .contact a
{display:block;
float:left;
width:106px;
height:52px;
background: url(imagesmenu/contfr.jpg) no-repeat left top;

}

#rollover ul .contact a:hover
{
float:left;
width:106px;
height:52px;
background: url(imagesmenu/contfr.jpg) no-repeat right bottom;
}

#rollover ul .english a
{display:block;
float:left;
width:106px;
height:52px;
background: url(imagesmenu/uk.jpg) no-repeat left top;

}

#rollover ul .english a:hover
{
float:left;
width:106px;
height:52px;
background: url(imagesmenu/uk.jpg) no-repeat right bottom;
}


#imageMenu {
width: 700px;
height: 314px;
overflow: hidden;
margin:auto;

}



#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 314px;
	width: 800px;
	
	}

#imageMenu ul li {
	float: left;
}

#imageMenu ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:125px;
	height: 314px;
}

#imageMenu ul li.accueil a {
	background: url(imagesmenu/accueil.jpg) repeat scroll 0%;
}

#imageMenu ul li.empty 
{
width:0;
height:0;
}

#imageMenu ul li.histoire a {
	background: url(imagesmenu/histoire.jpg) repeat scroll 0%;
}

#imageMenu ul li.loft a {
	background: url(imagesmenu/loft.jpg) repeat scroll 0%;
}

#imageMenu ul li.signal a {
	background: url(imagesmenu/signal.jpg) repeat scroll 0%;
}

#imageMenu ul li.augustin a {
	background: url(imagesmenu/augustin.jpg) repeat scroll 0%;
	width: 310px;
}

.clear {
	clear: both;
}

#foot {
position:relative;
	bottom:0;
	width:815px;
	height:93px;
	background:url(imagesmenu/footer.jpg);
}

#menu_bas
{
color : #696969;
top:56px;
position:absolute;
right:230px;
}

#menu_bas a
{
text-decoration:none;
color:#696969;
font-size: 10px;
}

/**********************galerie image************************/
#myGallery
{

width:413px !important;
height:500px !important;
}

.content
{
position:relative;

}

.content #myGallery
{
position:absolute;
top:20px;
margin-left:200px;
}

#text
{

width : 170px;
text-align:justify;
padding-top:400px;
font-family:Arial;
font-size:15px;
color: #696969;
}

#text2
{

text-align:justify;
font-family:Arial;
font-size:13px;
color: #696969;
}

#text .augustin
{
margin-top:-130px;
}

#text1 
{
top:20px;
font-size:20px;
font-family:Trebuchet MS;
border-bottom:solid 2px #7b0404;
color: black;
width : 190px;
position:absolute;
}

#text1technique
{
top:18px;
margin-bottom:20px;
font-size:18px;
font-family:Trebuchet MS;
border-bottom:solid 2px #7b0404;
color: black;
}

#p_d_v
{

font-size:14px;
font-family:Trebuchet MS;
color: #636363;
}

.content  #option
{
top:20px;
position:absolute;
width:150px;
right:20px;
}



.content  #optionconf
{
position:absolute;
width:170px;
right:0;

}

.content  #optionconf a
{
font-family:Arial;
font-size:13px;
color: #696969;
text-decoration:none;
}


.content  #optiontechnique
{
top:8px;
position:absolute;
width:150px;
right:0;
}



.content  #optionconftechnique
{
top:-5px;
position:absolute;
right:0;
width:200px;
}

.content  #optionconftechnique a
{
font-family:Arial;
font-size:15px;
color: #696969;
text-decoration:none;
font-weight:bold;

}

.content  #optionconf a:hover
{
font-family:Arial;
font-size:13px;
color: black;
text-decoration:none;

}

#myGallery .imageElement p
{
border:solid 2px red;
font-family:Arial;
color:white;
font-size:11px;
}

#loftcoll
{
margin:auto;
width:600px;
height:320px;
}

.content #techniqueaugustin
{
width:420px;
margin:auto;
}

.content #textaugustin li
{
list-style:none;
font-family:Arial;
font-size:14px;
color: #696969;
}

/**********************************************/

table
{
margin:auto;
width:770px;
}

td
{
width:385px;

}

/**********************industrie************************/

#indus{
margin:auto;
width:650px;
}

#indus td
{
text-align:center;
}

#indus td a
{
margin:10px;
font-family:Arial;
font-size:13px;
color: #646464;
font-weight:bold;
text-decoration:none;
}

#indus td a:hover
{
margin:10px;
font-family:Arial;
font-weight:bold;
font-size:13px;
color: #000;
text-decoration:none;
}

#stand
{margin:auto;
width:815px;
border-collapse: collapse;
}

caption
{

font-family:Arial;
font-size:18px;
color:white;
background-color:black;
border-bottom:solid 20px white;

}

th
{
margin:0;
padding:0;
text-align:center;
font-size:11px;
font-family:Arial;
color:black;
border:solid 1px gray;
}

#stand1
{
width:815px;
border-collapse: collapse;
}

#stand tr
{width:133px;
height:75px;}

#stand td
{border:solid 1px black;
vertical-align:middle;
text-align:left;
font-size:11px;
margin:0;
padding:5px;
}

#stand1 tr
{width:133px;
height:75px;}

#stand1 td
{border:solid 1px black;
vertical-align:middle;
text-align:left;
font-size:11px;
margin:0;
padding:5px;
}


#plansite h3
{

font-family:Arial;
color:#626262;
}

#plansite p 
{
text-decoration:none;
font-size:13px;
font-family:Arial;
color:#505050;
}

#plansite p a
{
text-decoration:none;
font-size:13px;
font-family:Arial;
color:black;
}

#plansite p a:hover
{
text-decoration:none;
font-size:13px;
font-family:Arial;
color:#626262;
}

#entete_tableau1
{
font-family:Arial; font-size:20px; color:white; padding:10px; background-color:black; text-align:center;
}

#entete_tableau
{
font-family:Arial; font-size:20px; color:black; padding:20px; text-align:center;
}

#captionP47
{
font-family:Arial; font-size:20px; color:white; padding:10px; border:0px;
}