/* CSS Document */

* {
margin: 0;
padding: 0;
}

.spacer{
display:block;
clear:both;
border: none;
font-size:1px;
height:0;
line-height:0;
}


body {
padding:0;
margin:0;
background:#FFF;
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:11px;
color:#000;
}

#general-home {
position:relative;
width:1000px;
display:block;
padding:0;
margin:0 auto;
height:825px;
}

#general-contact{
position:relative;
width:1000px;
display:block;
padding:0;
margin:0 auto;
height:825px;
background:url(../images/fond-collection.jpg) no-repeat right 84px;
}

#general-collection{
position:relative;
width:1000px;
display:block;
padding:0;
margin:0 auto;
height:825px;
background:url(../images/fond-collection.jpg) no-repeat right 84px;
}

#general-pointdevente{
position:relative;
width:1000px;
display:block;
padding:0;
margin:0 auto;
height:825px;
background:url(../images/fond-pointdevente.jpg) no-repeat right 84px;
}

#general-catalogue{
position:relative;
width:1000px;
display:block;
padding:0;
margin:0 auto;
height:825px;
background:url(../images/fond-collection.jpg) no-repeat right 84px;
}

#general-collection object {
float:right;
margin-top:10px;
}

object {
float:left;


}


h1 a {
display:block;
width:196px;
height:156px;
background:url(../images/logo.gif) no-repeat bottom left;
text-indent:-5000px;
float:left;
}

ul {
list-style:none;
float:left;
display:block;
width:789px;
background:url(../images/fond-menu.gif) no-repeat top right;
}

ul li{
display:block;
height:84px;
float:left;
}

ul li a{

}

ul li#accueil a{
width:122px;
background:url(../images/accueil.gif) no-repeat 0 0;
text-indent:-5000px;
display:block;
height:84px;
}

ul li#accueil a:hover{
background:url(../images/accueil.gif) no-repeat 0 -84px;
}

ul li#collection a{
width:102px;
background:url(../images/collection.gif) no-repeat 0 0;
text-indent:-5000px;
display:block;
height:84px;
}

ul li#collection a:hover{
background:url(../images/collection.gif) no-repeat 0 -84px;
}

ul li#point-vente a{
width:132px;
background:url(../images/point-vente.gif) no-repeat 0 0;
text-indent:-5000px;
display:block;
height:84px;
}

ul li#point-vente a:hover{
background:url(../images/point-vente.gif) no-repeat 0 -84px;
}

ul li#catalogue a{
width:101px;
background:url(../images/catalogue.gif) no-repeat 0 0;
text-indent:-5000px;
display:block;
height:84px;
}

ul li#catalogue a:hover{
background:url(../images/catalogue.gif) no-repeat 0 -84px;
}

ul li#contact a{
width:129px;
background:url(../images/contact.gif) no-repeat 0 0;
text-indent:-5000px;
display:block;
height:84px;
}

ul li#contact a:hover{
background:url(../images/contact.gif) no-repeat 0 -84px;
}

#img1-home {
display:block;
width:196px;
height:176px;
background:url(../images/img1.jpg);
position:absolute;
top:280px;
left:0px;
}

#img2-home {
display:block;
width:852px;
height:106px;
background:url(../images/img2.jpg);
position:absolute;
top:720px;
left:0px;
}

#img2 {
display:block;
width:852px;
height:106px;
background:url(../images/img2.jpg);
position:absolute;
top:720px;
left:0px;
}

h2 {
color:#EB30BF;
margin-left:245px;
font-size:24px;
margin-top:10px;
font-weight:normal;
}

#general-contact p {
display:block;
margin-left:245px;
}

#footer{
width:965px;
height:20px;
margin:0 auto;
text-align:left;
padding-left:45px;
font:11px Arial, Helvetica, sans-serif;
color:#333;
}

#footer a{
font:11px Arial, Helvetica, sans-serif;
color:#333;
text-decoration:none;
}

#footer a:hover{
font:11px Arial, Helvetica, sans-serif;
color:#000;
text-decoration:underline;
}

#footer-pt{
width:965px;
height:20px;
margin:0 auto;
text-align:left;
padding-left:45px;
font:10px Arial, Helvetica, sans-serif;
color:#999;
}

#footer-pt a{
font:10px Arial, Helvetica, sans-serif;
color:#999;
text-decoration:none;
}
#footer-pt a:hover{
font:10px Arial, Helvetica, sans-serif;
color:#000;
text-decoration:underline;
}


/*********   F O R M U L A I R E   ************/

form{

}

form ul{
display:block;
width:400px;
position:relative;
float:left;
font:12px Arial, Helvetica, sans-serif;
color:#FFF;
background:#000;
margin-left:245px;
padding:20px;
height:450px;
clear:both;
}

form li{
width:400px;
height:30px;
list-style:none;
margin:0;
}

label.champs-txt{
float:left;
width:180px;
display:block;}
input.champs-normal{
float:left;
width:200px;}
input.champs-txt{
width:400px;
}


a#bt-envoyer{
position:absolute;
border:0;
clear:both;
margin:20px;
width:146px;
height:20px;
display:block;
color:#000;
background:#ea3bc6;
bottom:-10px;
left:220px;
text-decoration:none;
text-align:center;
padding:5px;
}



.erreur{
border:1px solid #FF0000;
color:#CC0000;
}
.error{
margin-left:0px;
display:block;
width:400px;
color:#CC0000;
}