* {
margin: 0;
padding: 0;
}

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

body {
padding:0;
margin:0;
background:#CBA6D1 url(images/motif_fond.jpg);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#3F013E;
}

#fond{
padding:0;
margin:0;
background: url(images/fond.jpg) repeat-x top;
}

#general{
position:relative;
margin: 0 auto;
width:969px;
height:576px;
}

h1 a{
position:absolute;
display:block;
width:345px;
height:54px;
background:url(images/logo-guy-dejean.gif) no-repeat right;
text-indent:-5000px;
color:#9A659E;
}

h2 {
display:block;
width:296px;
height:213px;
background:url(images/parapluies-guy-de-jean.gif) no-repeat right bottom;
text-indent:-5000px;
color:#A877AC;
}

/* Menu__________________________________*/ 

#menu {
position:relative;
width:296px;
}

#menu ul#collections {
height:363px;
display:block;
width:130px;
float:left;
list-style:none;
}

#menu ul#collections li{
float:left;
display:block;
height:363px;
}

#menu ul#collections a{
display:block;
height:363px;
text-indent:-5000px;
color:#C9A3CF;
}

#menu #dejean a{
width:39px;
background:url(images/guy-de-jean.gif) 0 0;
}

#menu #dejean_on a{
width:39px;
background:url(images/guy-de-jean_on.gif) 0 0;
}

#menu #thomass a{
width:30px;
background:url(images/chantal-thomass.gif) 0 0;
}

#menu #thomass_on a{
width:30px;
background:url(images/chantal-thomass_on.gif) 0 0;
}

#menu #gaultier a{
width:30px;
background:url(images/jean-paul-gaultier.gif) 0 0;
}

#menu #gaultier_on a{
width:30px;
background:url(images/jean-paul-gaultier_on.gif) 0 0;
}

#menu #publicitaire a{
width:31px;
background:url(images/sur-mesure-publicitaire.gif) 0 0;
}

#menu #publicitaire_on a{
width:31px;
background:url(images/sur-mesure-publicitaire_on.gif) 0 0;
}

#menu ul#collections a:hover{
background-position: 0 -363px;
}

#menu ul#societe {
display:block;
float:right;
width:166px;
height:339px;
background:#3F013E url(images/degrade_menu.jpg) no-repeat bottom;
list-style:none;
}

#menu ul#societe li {
display:block;
height:30px;
width:166px;
background:url(images/couture_menu.gif) repeat-x bottom;
}

#menu ul#societe a {
display:block;
text-decoration:none;
color:#FFF;
margin-left:15px;
padding-top:8px;
}

#menu ul#societe a:hover {
color:#CBA6D1;
}

#menu ul#societe li#france{
display:block;
bottom:-1px;
position:absolute;
width:166px;
height:71px;
background:url(images/fabrique-en-france.jpg);
text-indent:-5000px;
color:#540155;
}

/* Contenu__________________________________*/

#left {
float:left;
}

#contenu {
height:552px;
width:673px;
float:right;
}

#contenu object {
float:right;
}

#texte {
height:462px;
width:673px;
padding-top:91px;
}

h3 {
display:block;
height:35px;
width:290px;
background:url(images/fond_titre.jpg);
padding:15px 0 0 10px;
font-weight:normal;
font-size:18px;
}

#texte p {
padding:10px;
display:block;
width:280px;
text-align:left;
background:#DABBDF;
height:391px;
font-size:10px;
color:#7C407D;
}

#texte p#contact {
height:145px;
padding:10px 10px 5px;
}

#texte img {
margin:10px 0;
float:none;
}

strong.violet {
text-align:left;
color:#3E013D;
font-size:11px;
}

#contenu object.marque {
float:left;
}

#texte_marque {
height:486px;
width:673px;
padding-top:67px;
}

#texte_marque #right {
float:right;
background:#DABBDF url(images/couture_gauche.gif) repeat-y left;
height:461px;
width:300px;
margin-top:24px;
}

#texte_marque #right img{
float:left;
margin:10px
}

#texte_marque #right h3{
height:23px;
width:180px;
background:none;
padding:0;
margin-top:7px;
font-weight:normal;
font-size:14px;
float:left;
}

#texte_marque #right ul{
height:none;
width:180px;
background:none;
padding:0;
font-weight:normal;
float:left;
list-style:none;
}

#texte_marque #right li a.parapluie{
padding-left:3px;
color:#9F529E;
display:block;
height:20px;
font-size:11px;
font-weight:bold;
background:url(images/couture_parapluie.gif) repeat-x bottom;
line-height:18px;
}

#texte_marque #right li a.parapluie_on{
padding-left:3px;
color:#FFF;
display:block;
height:20px;
font-size:11px;
font-weight:bold;
background:#BA87BC url(images/couture_parapluie.gif) repeat-x bottom;
line-height:18px;
}

#texte_marque #right li a:hover.parapluie{
color:#FFF;
background:#BA87BC url(images/couture_parapluie.gif) repeat-x bottom;
}

#texte_marque #right p{
height:75px;
padding:10px;
display:block;
width:280px;
text-align:left;
font-size:11px;
color:#7C407D;
}

#texte_marque #right p#publicitaire{
height:125px;
padding:0 10px;
display:block;
width:280px;
text-align:left;
font-size:10px;
color:#7C407D;
}

#texte_marque #right form{
float:left;
height:241px;
padding:5px 10px 0;
display:block;
width:280px;
background:#BA87BC url(images/detail-chantal-thomass.jpg) no-repeat right top;
}

#texte_marque #right form.gaultier{
background:#BA87BC url(images/detail-jean-paul-gaultier.jpg) no-repeat right top;
}

#texte_marque #right form.guydejean{
background:#BA87BC url(images/detail-guy-de-jean.jpg) no-repeat right top;
padding-right:0;
width:290px;
}

#texte_marque #right form.publicitaire{
background:#BA87BC url(images/detail-publicitaire.jpg) no-repeat right top;
height:211px;
}

#texte_marque #right form.publicitaire h4{
margin-bottom:5px;
}

#texte_marque #right h4{
display:block;
color:#FFF;
font-size:14px;
font-weight:normal;
margin-bottom:10px;
}

form ul{
list-style:none;
}

form ul label{
float:left;
display:block;
width:70px;
list-style:none;
}

form ul input, form ul textarea, form ul select{
font-size:9px;
border: 1px solid #9A589B;
padding:0;
margin:0;
}

form.guydejean ul label{
float:left;
display:block;
width:64px;
list-style:none;
}

form.guydejean ul select{
font-size:9px;
width:112px;
padding:0;
margin:0;
}

#left form {
background:#B4A9B0;
padding:5px 0 5px 10px;
display:block;
height:241px;
width:290px;
float:left;
}

#left form label{
width:150px;
}

form ul a{
text-decoration:none;
color:#FFF;
font-weight:bold;
}

#texte #pright {
float:right;
background:#DABBDF;
height:461px;
width:373px;
}

#pright p{
margin-left:10px;
margin-top:50px;
width:300px;
}

#contenu img.droite {
float:right;
padding:0;
margin:0;
}

#contenu a {
color:#3E013D;
font-size:11px;
text-decoration:none;
}

#contenu a:hover {
color:#9D4DA0;
text-decoration:none;
}

#pright dl{
margin-left:10px;
margin-top:50px;
width:300px;
}

/* Footer__________________________________*/


#footer {
height:24px;
width:673px;
}

#lien {
float:left;
height:24px;
width:579px;
text-align:center;
}

#footer p{
padding-top:5px;
margin: 0 auto;
display:block;
height:19px;
width:292px;
text-align:center;
font-size:9px;
color:#9D4DA0;
background:url(images/couture_bas.gif) repeat-x bottom;
}

#footer p a{
font-size:9px;
height:24px;
color:#9D4DA0;
text-decoration:none;
}

#footer ul{
margin-top:7px;
float:right;
list-style:none;
}

#footer li{
float:left;
display:inline;
}

#footer li a{
display:block;
height:17px;
text-indent:-5000px;
color:#CBA6D1;
}

#footer li#francais a{
width:20px;
background:url(images/francais.gif);
}

#footer li#anglais a{
width:19px;
background:url(images/anglais.gif);
}

#footer li#japonais a{
width:18px;
background:url(images/japonais.gif);
}

#footer li#espagnol a{
width:19px;
background:url(images/espagnol.gif);
}

#footer li#russe a{
width:17px;
background:url(images/russe.gif);
}

