body
{
	margin: 0px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 10px "Arial", helvetica, sans-serif ;
	background: #fff url(images/background.gif) repeat-x fixed top left;
}

div#conteneur
{
	width: 900px ;
	margin: 0 auto ;
	text-align: left ;
	border: 2px solid #E6E6E6 ;
	background: #fff ;
}

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

#skyline {
width : 900px ;
height : 199px ;
background : url(images/bandeau_haut1.jpg) no-repeat left top;
margin: 0 auto;
padding: 0;
position: relative;
}
#skyline li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 122px;
}

#skyline li, #skyline a {
	height: 77px;
	display: block;
}

#panel1b {
	left: 0px;
	top: 140px;
	width: 23px;
	height: 70px;
} 
#panel2b {
	left: 27px;
	top: 140px;
	width: 88px;
	height: 70px;
}
#panel3b {
	left: 118px;
	top: 140px;
	width: 112px;
	height: 70px;
}
#panel4b {
	left: 236px;
	top: 140px;
	width: 114px;
	height: 70px;
}
#panel5b {
	left: 354px;
	top: 140px;
	width: 107px;
	height: 70px;
}
#panel6b {
	left: 468px;
	top: 140px;
	width: 112px;
	height: 70px;
}
#panel7b {
	left: 586px;
	top: 140px;
	width: 110px;
	height: 70px;
}
#panel8b {
	left: 702px;
	top: 140px;
	width: 99px;
	height: 20px;
}
#panel9b {
	left: 809px;
	top: 170px;
	width: 64px;
	height: 20px;
}
#panel10b {
	left: 877px;
	top: 170px;
	width: 23px;
	height: 20px;
}

#skylinenormand {
width : 900px ;
height : 199px ;
background : url(images/bandeau_hautnormands.jpg) no-repeat left top;
margin: 0 auto;
padding: 0;
position: relative;
}
#skylinenormand li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 122px;
}

#skylinenormand li, #skylinenormand a {
	height: 77px;
	display: block;
}

#skylinebonbons {
width : 900px ;
height : 199px ;
background : url(images/bandeau_bonbons.jpg) no-repeat left top;
margin: 0 auto;
padding: 0;
position: relative;
}
#skylinebonbons li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 122px;
}

#skylinebonbons li, #skylinebonbons a {
	height: 77px;
	display: block;
}

#skylinesanssucre {
width : 900px ;
height : 199px ;
background : url(images/bandeau_sans_sucre.jpg) no-repeat left top;
margin: 0 auto;
padding: 0;
position: relative;
}
#skylinesanssucre li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 122px;
}

#skylinesanssucre li, #skylinesanssucre a {
	height: 77px;
	display: block;
}
#skylinemagasin {
width : 900px ;
height : 199px ;
background : url(images/bandeau_magasin.jpg) no-repeat left top;
margin: 0 auto;
padding: 0;
position: relative;
}
#skylinemagasin li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 122px;
}

#skylinemagasin li, #skylinemagasin a {
	height: 77px;
	display: block;
}
#skylinegateaux {
width : 900px ;
height : 199px ;
background : url(images/bandeau_gateaux.jpg) no-repeat left top;
margin: 0 auto;
padding: 0;
position: relative;
}
#skylinegateaux li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 123px;
}

#skylinegateaux li, #skylinegateaux a {
	height: 77px;
	display: block;
}
#skylinechocolat {
width : 900px ;
height : 199px ;
background : url(images/bandeau_chocolat.jpg) no-repeat left top;
margin: 0 auto;
padding: 0;
position: relative;
}
#skylinechocolat li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 123px;
}

#skylinechocolat li, #skylinechocolat a {
	height: 77px;
	display: block;
}
#skylinedivers {
width : 900px ;
height : 199px ;
background : url(images/bandeau_divers.jpg) no-repeat left top;
margin: 0 auto;
padding: 0;
position: relative;
}
#skylinedivers li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 123px;
}

#skylinedivers li, #skylinedivers a {
	height: 77px;
	display: block;
}

h1#header
{
	height: 218px ;
	background: url(images/bandeau_haut1.jpg) no-repeat left top ;
	margin: 0 ;
}

div#contenu
{
	padding: 0 0px 0 0px ;
}

div#contenu h2
{
	padding-left: 10px ;
	line-height: 17px ;
	font-size: 14px ;
	color: #000 ;
	text-align: left ;
}
div#contenu h2contact
{
	
	padding-left: 10px;
	line-height: 15px ;
	font-size: 10px ;
	color: #000 ;
	
}
div#contenu h3
{
	margin-left: 0px ;
	padding-left: 10px ;
	color: #24d928 ;
	font-size: 16px ;
	text-align: left;
}
div#contenu h5
{
	padding-left: 0px ;
	line-height: 17px ;
	font-size: 14px ;
	color: #000 ;
	text-align: left ;
}
div#contenu h4
{
	margin-left: 0px ;
	padding-left: 10px ;
	color: #e61b49 ;
	font-size: 16px ;
	text-align: left;
}
div#contenu p
{
    margin-left: 10px;
	text-align: left ;
	font: 12px "Arial", helvetica, sans-serif ;
	text-indent: 0em ;
	line-height: 15px ;
}
div#contenu h10
{
	text-indent: 30em ;
	font: 15px "Arial", helvetica, sans-serif ;
	line-height: 15px ;
}

div#contenu p#bleu
{
	text-align: left ;
	font: 12px "Arial", helvetica, sans-serif ;
	color: #ccc ;
	text-indent: 0em ;
	line-height: 15px ;
}

div#contenu a
{
	color: #ff4820 ;
}

div#contenu a:hover
{
	color: #999 ;
}

div#contenumentions p
{
    margin-right: 10px;
	text-align: left ;
	text-indent: 2.5em ;
	line-height: 1.2em ;
}

div#contenumentions a
{
	color: #ff4820 ;
}

div#contenumentions a:hover
{
	color: #999 ;
}

p#footer
{
	margin-bottom: 0px;
	background: url(images/minimini.gif) repeat-x left bottom;
	background-color: #fff ;
	margin: 0 ;
	line-height: 30px ;
	text-align: center ;
	color: #000 ;
	
}

p#footer a
{
color : #000;
}

p#footer a:hover
{
color : #000;
}

table#footer a
{
color : #666;
}

table#footer a:hover
{
color : #666;
}

pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}


pre span
{
	color: #560 ;
}

pre span.comment
{
	color: #b30000 ;
}

div#cadre {
margin-left: 15.5em;
margin-top: 1em;
width: 60px;
padding-top: 0.1em;
background:url(images/haut.gif) top left no-repeat;
}

div#bloccadre {
background: url(images/bas.gif) bottom left no-repeat;
padding-bottom: 0.1em;
}

div#bloccadre p{
margin: 0 5px 0 5px;
color:#FFFFFF;
}

div#cadre1 {
margin-left: 50em;
margin-top: 2em;
width: 200px;

background: url(images/haut.gif) top left no-repeat;
}

div#bloccadre1 {
background: url(images/bas.gif) bottom left no-repeat;
margin-bottom: 1em;
}

div#bloccadre1 p{
margin: 0 30px 0 20px;
color:#000000;
}

.bloc1 {
height: 460px;
width: 315px;
float: left;
margin-top: 15px;
}
.bloc2 {
background: url(images/sitetexte.jpg) top left no-repeat;
padding-top : 5px;
height: 460px;
width: 330px;
float: left;
margin-left: 2px;
margin-top: 15px;
text-align:center;
}
.bloc3 {

height: 460px;
width: 220px;
float: left;
margin-top: 15px;
margin-left: 2px;
}
.bloc1contact {
height: 540px;
width: 390px;
float: left;
margin-top: 15px;
}
.bloc2contact {
height: 540px;
width: 490px;
float: right;
margin-top: 15px;
}
.bloc1magasin {
height: 680px;
width: 450px;
float: left;
margin-top: 15px;
margin-left: 15px;
}
.bloc3magasin {
height: 680px;
width: 60px;
float: left;
margin-top: 15px;
margin-left: 0px;
}
.bloc2magasin {
height: 680px;
width: 325px;
float: right;
margin-top: 15px;
margin-right: 30px;
}
.bloc1divers {
height: 440px;
width: 898px;
float: left;
margin-top: 0px;
margin-left: 0px;
}
.bloc2divers {
height: 350px;
width: 555px;
float: left;
margin-top: 15px;
margin-left: 170px;
}
.bloc3divers {
height: 650px;
width: 90px;
float: right;
margin-top: 0px;
margin-right: 0px;
}
.bloc1chocolat {
height: 440px;
width: 309px;
float: left;
margin-top: 15px;
}
.bloc2chocolat {
height: 440px;
width: 282px;
float: left;
margin-top: 15px;
}
.bloc3chocolat {
height: 440px;
width: 309px;
float: left;
margin-top: 15px;
}



div#contenu li {
 font-family: Arial, Helvetica, Geneva, sans-serif;
 font-size: 100%;
 color: black;
 list-style-type:none;
 background-image:url(images/puce.gif);
 background-repeat:no-repeat;
 background-position:0% 65%;
 padding-left:20px;
} 

.conteneur {
width: 35%;
}

.image {
margin-top: -1px;
margin-left: 0em;
float: left;
}
.image2 {
margin-top: 1.3em;
margin-left: 3em;

}
.imageoffre {
margin-top: 1.3em;
margin-left: 0.5em;

}
.image5 {
margin-top: -3px;
margin-bottom: 0px;
margin-left: 0px;
float: left;

}
.image6 {
margin-top: 0.1em;
margin-left: 0.7em;
float: left;
}
.image7 {
margin-top: 15px;
margin-left: 0em;
float: left;
}
.imagenormand {
margin-top: 15px;
margin-left: 0em;
margin-bottom: 30px;
float: left;
}
.image3 {
margin-top: 3em;
margin-right: 0.6em;
float: right;
}
.image4 {
margin-top: 0em;
margin-right: 0em;
float: right;
}
.image9 {
margin-top: 0em;
margin-right: 0em;
margin-bottom: 0.5em;
float: right;
}
.image8 {
margin-top: 10px;
margin-bottom: 0px;
margin-left: 10px;
float: left;

}
.imagecontact {
margin-top: 10px;
margin-bottom: 0px;
margin-left: 7px;
float: left;

}
.imagemagasin {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;


}
.imagedivers {
margin-top: 10px;
margin-left: 170px;
float: left;
}

.Style2 {color: #0066FF}
.Style2bis {color: #0066FF;
font-size: 16px ;
line-height: 17px ;
}
.Style3 {color: #FF3366}

fieldset {
  margin-left:0em;
  padding-bottom:1.5em;
  width:43em;
  padding-top:3em;
}

select {
  margin-left:8em;
  margin-bottom:0;
}

fieldset#coordonnees {
  background: #fff url(images/formulairedegrade.jpg) top left;
  border:0px;
}

#coordonnees label {
	position:absolute;
	font-size:90%;
	padding-top:.2em;
	padding-left:0em;
	
}

#coordonnees input {
  margin-left:8em;
  line-height:1.4em;
  margin-bottom:.2em;
}

fieldset#message {
  background: #fff url(images/formulairedegrade.jpg) top left;
  border:0px;
}

textarea {
  font:1.2em "Trebuchet MS", Verdana, sans-serif;
  width:37em;
  padding:.2em;
}
input[type="submit"], input[type="reset"] {
  
  font:1.2em "Trebuchet MS", Verdana, sans-serif;
  color:#345071;
}

p#buttons {
  text-align:center;
  padding-left:6em;
}

p.titre {
  background: #fff url(images/degradecontact.jpg) top left;
  color:#000;
  padding:.2em .3em;
  font-size:1.2em;
  border:1px outset #000;
  position:relative;
  margin-bottom:-1em;
  width:10em;
  margin-left:1em;
  margin-top:1em;
}