a:link {
color:#C6BE00;
text-decoration:none;
}

a:hover {
text-decoration:none;
color:#FFC;
}

a:visited,a:active {
text-decoration:none;
color:#C6BE00;
}

body {
font-size:12px;
background-color:#503832;
background:url(../images/fond1.jpg);
margin:0;
padding:0;
}

.gauche {
background-repeat:repeat-y;
position:absolute;
background:url(../images/surjetg.gif);
width:10px;
top:2px;
height:697px;
left:-6px;
}

.haut {
background-repeat:repeat-x;
position:absolute;
background:url(../images/surjeth.gif);
width:799px;
top:-6px;
height:10px;
left:2px;
}

.droite {
background-repeat:repeat-y;
position:absolute;
background:url(../images/surjetd.gif);
width:10px;
top:2px;
height:697px;
left:797px;
}

.bas {
background-repeat:repeat-x;
position:absolute;
background:url(../images/surjetb.gif);
width:799px;
top:696px;
height:10px;
left:2px;
}

a.opacity img {
filter:alpha(opacity=80);
opacity:0.8;
}

a.opacity:hover img {
filter:alpha(opacity=100);
opacity:3.0;
}

.contact {
width:55px;
height:55px;
position:absolute;
left:690px;
top:108px;
}

.logo {
width:214px;
height:87px;
position:absolute;
left:23px;
top:7px;
}

.logo2 {
width:330px;
height:52px;
position:absolute;
left:40px;
top:61px;
}

.logo3 {
width:111px;
height:101px;
position:absolute;
left:654px;
top:5px;
}

.droits {
width:800px;
height:17px;
margin-left:-400px;
position:absolute;
left:50%;
top:680px;
color:#FFF;
font-family:"Tahoma", Courier, monospace;
text-align:center;
font-size:10px;
}

.accueil {
width:650px;
height:26px;
margin-left:-140px;
position:absolute;
margin-top:-300px;
color:#FFC;
left:184px;
top:431px;
text-align:center;
}

.ensemble {
width:800px;
height:700px;
left:50%;
position:absolute;
background-color:#444;
border:3px solid #242424;
top:20px;
background:url(../images/html.png);
margin:0 auto 0 -400px;
}

.contenu_index_image1 {
width:239px;
height:198px;
margin-left:-214px;
position:absolute;
margin-top:-165px;
color:#FFC;
top:407px;
left:718px;
}

.contenu_index_image2 {
width:239px;
height:198px;
margin-left:-214px;
position:absolute;
margin-top:-165px;
color:#FFC;
top:402px;
left:275px;
}

.contenu_index_image3 {
width:239px;
height:198px;
margin-left:-214px;
position:absolute;
margin-top:-165px;
color:#FFC;
top:629px;
left:362px;
}

.contenu_index_image4 {
width:239px;
height:198px;
margin-left:-214px;
position:absolute;
margin-top:-165px;
color:#FFC;
top:629px;
left:624px;
}

.contenu_index_image5 {
width:196px;
height:198px;
margin-left:-214px;
position:absolute;
margin-top:-165px;
color:#FFC;
top:390px;
left:518px;
}

.historique_image {
width:245px;
position:absolute;
margin-top:-165px;
color:#FFF;
top:544px;
margin-left:-214px;
left:711px;
}

.historique_image1 {
width:124px;
position:absolute;
margin-top:-165px;
color:#FFF;
top:495px;
margin-left:-214px;
left:267px;
height:117px;
}

.historique_contenu {
width:600px;
height:136px;
margin-left:-300px;
position:absolute;
margin-top:-165px;
color:#FFF;
top:370px;
left:50%;
font-family:Tahoma, Arial, Geneva, sans-serif;
font-size:12px;
}

.historique_nos_marques {
font-weight:700;
text-align:center;
font-size:18px;
font-family:Tahoma, Arial, Geneva, sans-serif;
position:absolute;
left:35px;
top:306px;
width:172px;
color:#FF0;
}

.historique_contenu_marques {
width:300px;
height:348px;
margin-left:-214px;
position:absolute;
margin-top:-165px;
color:#FFF;
top:492px;
left:405px;
font-family:Tahoma, Arial, Geneva, sans-serif;
font-size:12px;
}

.label_image1 {
width:124px;
position:absolute;
margin-top:-165px;
color:#FFF;
top:408px;
margin-left:-214px;
left:267px;
height:117px;
}

.label_contenu {
width:484px;
height:410px;
margin-left:-300px;
position:absolute;
margin-top:-165px;
color:#FFF;
top:411px;
left:577px;
font-family:Tahoma, Arial, Geneva, sans-serif;
font-size:12px;
text-align:justify;
}

.erreur_contenu {

width:600px;
height:410px;
margin-left:-300px;
position:absolute;
margin-top:-165px;
color:#FFF;
top:411px;
left:50%;
font-family:Tahoma, Arial, Geneva, sans-serif;
font-size:12px;
text-align:justify;
}

.collection_personnalisee_contenu {
width:600px;
height:410px;
margin-left:-300px;
position:absolute;
margin-top:-165px;
color:#FFF;
top:380px;
left:50%;
font-family:Tahoma, Arial, Geneva, sans-serif;
font-size:12px;
text-align:justify;
}

.collection_contenu_nos_references {
width:264px;
height:140px;
margin-left:-214px;
position:absolute;
margin-top:-165px;
color:#FFF;
top:690px;
left:623px;
font-family:Tahoma, Arial, Geneva, sans-serif;
font-size:14px;
text-align:center;
background-color:#666;
border:2px solid #242424;
}

.contact_contenu {
width:600px;
height:410px;
margin-left:-300px;
position:absolute;
margin-top:-165px;
color:#FFF;
top:365px;
left:50%;
font-family:Tahoma, Arial, Geneva, sans-serif;
font-size:12px;
text-align:justify;
}

.collection_perrin_contenu {
width:730px;
height:410px;
margin-left:-365px;
position:absolute;
margin-top:-165px;
color:#FFF;
top:360px;
left:406px;
font-family:Tahoma, Arial, Geneva, sans-serif;
font-size:12px;
text-align:justify;
}

.collection_perrin_image1 {
width:89px;
height:110px;
position:absolute;
top:380px;
left:380px;
}

.collection_perrin_image2 {
width:305px;
height:110px;
position:absolute;
top:380px;
left:46px;
}

.collection_perrin_image3 {
width:133px;
height:110px;
position:absolute;
top:380px;
left:500px;
}

a:hover.info8 span {
display:inline;
position:absolute;
margin-top:-280px;
left:-71px;
z-index:20;
background:#666;
border:1px solid #000;
width:auto;
text-align:center;
line-height:12px;
padding:2px 4px;
}

a:hover.info7 span {
display:inline;
position:absolute;
margin-top:-376px;
left:-185px;
z-index:20;
background:#666;
border:1px solid #000;
width:auto;
text-align:center;
line-height:12px;
padding:2px 4px;
}

a:hover.info6 span {
display:inline;
position:absolute;
margin-top:-380px;
left:-390px;
z-index:20;
background:#666;
border:1px solid #000;
width:auto;
text-align:center;
line-height:12px;
padding:2px 4px;
}

.loginname {
padding-left:20px;
vertical-align:middle;
background:url(../images/icon_user.gif) #fff no-repeat 1px 1px;
}

.loginpass {
background:url(../images/password.gif) #fff no-repeat 1px 1px;
padding-left:20px;
vertical-align:middle;
}

.connexion {
width:547px;
height:265px;
margin-left:-140px;
position:absolute;
margin-top:-300px;
color:#FFC;
left:143px;
text-align:center;
top:424px;
}

.boutons {
background:#fff;
}

.infos1 {
width:129px;
height:27px;
position:absolute;
margin-top:0;
color:#FFF;
left:469px;
top:46px;
font-weight:700;
font-family:Tahoma, Arial, Geneva, sans-serif;
}

.infos2 {
width:129px;
height:27px;
position:absolute;
margin-top:0;
color:#FFF;
left:469px;
top:78px;
font-weight:700;
font-family:Tahoma, Arial, Geneva, sans-serif;
}

.infos3 {
width:125px;
height:28px;
position:absolute;
margin-top:0;
color:#FFF;
left:299px;
top:81px;
font-weight:700;
font-family:Tahoma, Arial, Geneva, sans-serif;
}

.infos3_box {
width:263px;
height:25px;
position:absolute;
margin-top:0;
color:#000;
left:295px;
top:103px;
font-weight:700;
font-size:9px;
text-align:center;
}

.infos4 {
width:129px;
height:27px;
position:absolute;
margin-top:0;
color:#FFF;
left:299px;
top:50px;
font-weight:700;
font-family:Tahoma, Arial, Geneva, sans-serif;
}

.nom {
width:153px;
height:42px;
position:absolute;
color:#FFF;
left:288px;
top:140px;
font-weight:700;
font-family:Tahoma, Arial, Geneva, sans-serif;
}

.prenom {
width:164px;
height:42px;
position:absolute;
color:#FFF;
left:477px;
top:140px;
font-weight:700;
font-family:Tahoma, Arial, Geneva, sans-serif;
}

.email {
width:161px;
height:44px;
position:absolute;
margin-top:0;
color:#FFF;
left:288px;
top:184px;
font-weight:700;
font-family:Tahoma, Arial, Geneva, sans-serif;
}

.telephone {
width:145px;
height:44px;
position:absolute;
margin-top:0;
color:#FFF;
left:507px;
top:184px;
font-weight:700;
}

.portable {
width:145px;
height:44px;
position:absolute;
margin-top:0;
color:#FFF;
left:507px;
top:223px;
font-weight:700;
}

.adresse {
width:146px;
height:87px;
position:absolute;
color:#FFF;
left:288px;
top:270px;
font-weight:700;
}

.validation {
width:10px;
height:10px;
position:absolute;
color:#FFC;
left:389px;
top:320px;
}

.message {
width:158px;
height:88px;
position:absolute;
color:#FFF;
left:469px;
top:270px;
padding-left:5px;
font-weight:700;
}

.envoyer {
width:144px;
height:26px;
position:absolute;
color:#FFC;
left:395px;
top:377px;
}

.oubli {
position:absolute;
color:#333;
background:#FFF;
width:420px;
text-align:center;
font-weight:700;
font-size:12px;
left:50%;
top:142px;
height:120px;
margin-left:-210px;
padding:5px;
}

.merci {
position:absolute;
color:#fff;
width:420px;
text-align:center;
font-weight:700;
font-size:12px;
left:50%;
top:130px;
height:69px;
margin-left:-210px;
}

.design {
color:#000;
background:#AFAFAF;
border-color:#666;
}

.boutonsR {
background:#333;
color:#FFF;
}

.infobulle {
position:absolute;
left:397px;
top:385px;
}

.traitgauche {
border-left:1px solid #FFF;
position:absolute;
left:273px;
top:17px;
height:440px;
}

.carte {
position:absolute;
left:-59px;
width:320px;
top:35px;
height:450px;
}

.titre_formulaire_contact {
position:absolute;
left:356px;
top:13px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:700;
font-size:14px;
color:#FF0;
}

.annuaires {
font-size:8px;
position:absolute;
left:50%;
top:684px;
color:#CCC;
width:500px;
text-align:center;
margin-left:-250px;
font-family:Arial, Helvetica, sans-serif;
}

a.info8,a.info7,a.info6 {
position:relative;
text-decoration:none;
font-weight:700;
top:0;
}

a:hover.info8,a:hover.info7,a:hover.info6 {
text-decoration:none;
background:none;
}

a.info8 span,a.info7 span,a.info6 span {
display:none;
text-decoration:none;
}