/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}
a{text-decoration:none;
color:#666;}
a:hover{
color:#999;
}
body{
	background:#fff;
	text-align:center;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
}

#conteneur{
width:800px;
margin:0 auto;
padding:50px 0 0 0;
position:relative;
}
#partie-superieure{
background:#000;
height:102px;
overflow:hidden;

}
#partie-inferieure{
background:#000;
height:318px;
padding:40px 0 0 40px;
text-align:center;

}
#partie-inferieure div#gauche{
float:left;
width:200px;

}
#partie-inferieure img{

}


ul#menu li{
margin:0 0 1em 0;
font-weight:bold;

}

dt{
font-size:1.2em;
font-weight:bold;
margin-bottom:1em;
margin-top:60px;
}
dd{
margin-bottom:1em;

}
ul#sous-menu li{

display:inline;
}
ul#sous-menu{
text-align:center;
margin-bottom:40px;
}
#droite{
margin-left:200px;
margin-top:-35px;

}
#droite p{
width:300px;
padding:0 0 1em 0;
}


#partie-superieure a{
display:block;
width:100px;
height:100px;
background-position:0 0;
float:left;
}
#partie-superieure a:hover{
background-position: 100px 0;

}
#bague-1{background-image:url(images/miniatures/bague-1.jpg)}
#bague-2{background-image:url(images/miniatures/bague-2.jpg)}
#bague-3{background-image:url(images/miniatures/bague-3.jpg)}
#bague-4{background-image:url(images/miniatures/bague-4.jpg)}
#bague-5{background-image:url(images/miniatures/bague-5.jpg)}
#bague-6{background-image:url(images/miniatures/bague-6.jpg)}
#bague-7{background-image:url(images/miniatures/bague-7.jpg)}
#bague-8{background-image:url(images/miniatures/bague-8.jpg)}

#bracelet-1{background-image:url(images/miniatures/bracelet-1.jpg)}
#bracelet-2{background-image:url(images/miniatures/bracelet-2.jpg)}
#bracelet-3{background-image:url(images/miniatures/bracelet-3.jpg)}
#bracelet-4{background-image:url(images/miniatures/bracelet-4.jpg)}
#bracelet-5{background-image:url(images/miniatures/bracelet-5.jpg)}
#bracelet-6{background-image:url(images/miniatures/bracelet-6.jpg)}
#bracelet-7{background-image:url(images/miniatures/bracelet-7.jpg)}
#bracelet-8{background-image:url(images/miniatures/bracelet-8.jpg)}

#pendentif-1{background-image:url(images/miniatures/pendentif-1.jpg)}
#pendentif-2{background-image:url(images/miniatures/pendentif-2.jpg)}
#pendentif-3{background-image:url(images/miniatures/pendentif-3.jpg)}
#pendentif-4{background-image:url(images/miniatures/pendentif-4.jpg)}
#pendentif-5{background-image:url(images/miniatures/pendentif-5.jpg)}
#pendentif-6{background-image:url(images/miniatures/pendentif-6.jpg)}
#pendentif-7{background-image:url(images/miniatures/pendentif-7.jpg)}
#pendentif-8{background-image:url(images/miniatures/pendentif-8.jpg)}

#boucles-oreille-1{background-image:url(images/miniatures/boucles-oreille-1.jpg)}
#boucles-oreille-2{background-image:url(images/miniatures/boucles-oreille-2.jpg)}
#boucles-oreille-3{background-image:url(images/miniatures/boucles-oreille-3.jpg)}
#boucles-oreille-4{background-image:url(images/miniatures/boucles-oreille-4.jpg)}
#boucles-oreille-5{background-image:url(images/miniatures/boucles-oreille-5.jpg)}
#boucles-oreille-6{background-image:url(images/miniatures/boucles-oreille-6.jpg)}
#boucles-oreille-7{background-image:url(images/miniatures/boucles-oreille-7.jpg)}
#boucles-oreille-8{background-image:url(images/miniatures/boucles-oreille-8.jpg)}

#partie-superieure a.encours{background-position: 100px 0;
}
a.encours{
color:#fff;
}

em{font-style: italic;}
h2{margin-top:100px;}
p, address{line-height:1.8;padding:1em 0;font-style: normal;}
address{float:right;padding:15px 25px 10px 5px;}
strong{font-weight:bold;}

#index #partie-superieure{
background:url(images/eau.jpg) #000 no-repeat;
}
#garantie #partie-superieure{
background:url(images/herbe.jpg) #000 no-repeat;
}
#contact #partie-superieure{
background:url(images/mer.jpg) #000 no-repeat;
}
#e-novinfo{
width:800px;
margin:0 auto;
padding-left:80px;
color:#000;

}
#e-novinfo a{
color:#000;
text-decoration:underline;
}



/* Form styles */
div.form-container {  }

p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #C00 1px solid; background-color: #111; font-weight:bold;width:120px;}
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container form fieldset { margin: 10px 5px 10px 0; padding: 10px 0; border: #DDD 1px solid; width:370px; }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 70px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #cbdbf4;  border: 2px solid #17195e; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; margin:0;padding:0;}
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 180px; }

#atelier{
background:url(images/atelier.jpg) no-repeat;width:400px; height:300px;
}
.bordure{border-top:1px solid #fff;}
