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

	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: #797979;
	font-family: Verdana, Arial;
	font-size: 75%;
}


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

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

#menu
{

width:815px;
height:80px;
background: url(imagesmenu/menu.jpg);
}

#menu li
{
list-style : none;
}

#menu #rollover
{
width:533px;
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/histuk.jpg) no-repeat left top;

}

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

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

}

#rollover ul .industrie: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/pdvuk.jpg) no-repeat left top;

}

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

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

}

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

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

}

#rollover ul .english a:hover
{
float:left;
width:106px;
height:52px;
background: url(imagesmenu/fr.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/home.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:435px;
font-family:Arial;
font-size:15px;
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:20px;
margin-bottom:20px;
font-size:18px;
font-family:Trebuchet MS;
border-bottom:solid 2px #7b0404;
color: black;
}

.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
{
position:absolute;
right:0;
width:180px;
top:-5px;
}

.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;
}

#loftcoll2
{
margin:auto;
width:391px;
height:480px;
}
.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;

}

#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;
}