@import url("reset.css");

html{
height:100%;	
}

body {
	background: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height:100%;
}


a:link {
color:#fff;text-decoration:none;
}
a:visited {
color:#fff;
}
a:hover {
color:#fff;
}
a:active {
color:#fff;
}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

p {}

ul {}
li {}

table {}
th {}
td {}

form {}
input {}
textarea {}
label {}
fieldset {}
legend {}


#page {
width: 800px;
height:600px;
margin:0 auto;
}

.produits{
background:url(/images/bgPage_produits.jpg) right top no-repeat;
}

.coordonnees{
background:url(/images/bgPage_coordonnees.jpg) right top no-repeat;
}

.presentation{
background:url(/images/bgPage_presentation.jpg) right top no-repeat;
}

/* Header
--------------------------------------------------------------------------------------- */

#logo{
float:left;
}


#menu{
float:left;
margin:82px 0 0 76px;

}

#menu img{
float:left;
}


/* Content
--------------------------------------------------------------------------------------- */

#content {clear:both;padding-top:50px;margin-left:30px;color:#fff;}

#content ul{
float:left;
color:#fff;
font-family:"Myriad Pro", Arial, Helvetica, sans-serif, "Century Gothic";
font-size:15px;
}

#content ul li{
padding-bottom:3px;
}

#content p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#fff;
	margin-bottom:10px;
	width:405px;
	text-align:justify;
}

p#coordonnees{

font-size:17px;
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
color:#fff;
text-align:center;
letter-spacing:3px;
margin-bottom:12px;

}

p#coordonnees span{
color:#fff887;	
}


#gMap{
padding:0 10px 10px 0;
background:url(/images/bgMap.jpg) no-repeat;
margin-left:12px;
}


/* Le Footer
--------------------------------------------------------------------------------------- */

#footer {
clear: both;

}

#menuBottom{
margin:0 auto;text-align:right;font-size:12px;width:800px;margin-top:10px;
color:#444;
}
#menuBottom a{
text-decoration:none;
color:#444;
}
#menuBottom a:hover{
text-decoration:underline;
}


/* Classes diverses
------------------------------------- */

.clear {clear: both;}
.flt-right {float: right;}
.flt-left {float: left;}
.txt-right {text-align: right;}
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.img-left {
	float: left; 
	margin: 0 10px 4px 0; 
}
.img-right {
	float: right; 
	margin: 0 0 4px 10px;
}
.noborder {border: none;}
.alt {background: #f0f0f0;}