/**************body ******************/

body
{
margin: 0;
padding: 0;
background: black;
font: 80% verdana, arial, sans-serif;
scrollbar-face-color: white; 
scrollbar-shadow-color: whitesnow;
scrollbar-highlight-color: dimgray;
scrollbar-3dlight-color: lightgrey; 
scrollbar-darkshadow-color: lightgray; 
scrollbar-track-color: gainsboro; 
scrollbar-arrow-color: black;
}

#bande 
{
background-color: white;
position:absolute;
left: 60px;
width:179px;
height:700px;
top: 3px;
border-width: 1px;
border-style: solid;
border-color: white black white white;
}

#lignehr
{
position: absolute;
left: 250px;
top: 680px;
width: 840px;
}

#copyright
{
position: absolute;
left: 250px;
top: 689px;
font-size: 3mm;
font-family: arial;
color: black;
}

#cadre_droite
{
background: url(images/plans/cadredroite.jpg);
position:absolute;
left: 239px;
width:870px;
height:700px;
top: 3px;
border-width: 1px;
border-style: solid;
border-color:white white white white; /* Définit les couleurs des quatre bordures*/
}

#cadre_gauche
{
background: url(images/plans/cadregauche.jpg);
position:absolute;
left: 3px;
width:58px;
height:700px;
top: 3px;
border-width: 1px;
border-style: solid;
border-color: white white white white; /* Définit les couleurs des quatre bordures*/
}
/***************** logo Interieur****************** */
#logo1
{
position: absolute;
top:80px;
left:36px;
color:black; 
height: 100px;
/*font-weight:0;*/
font-family:Arial;
font-size:30;
}

#logo2
{
position: absolute;
top:120px;
left:160px;
color:black; 
height: 100px;
/*font-weight:0;*/
font-family:Arial;
font-size:20;
}

/******************* index*******************/


#frame2
{
border: 1px solid black;
position: absolute;
top:135px;
left:270px;
}


#texte_accueil
{
position: absolute;
top:50px;
left:700px;
color:black; 
width: 365px;
/*font-weight:0;*/
font-family:Arial;
font-size:28;
}

#texte_accueil2
{
position: absolute;
top:560px;
left:280px;
color:brown; 
width: 790px;
/*font-weight:0;*/
font-family:Arial;
font-size:19;
}



/********************Showroom*********************/

#texte_showroom
{
position: absolute;
top:80px;
left:270px;
color:black; 
width: 790px;
/*font-weight:0;*/
font-family:Arial;
font-size:19;
text-align: justify;
}

#photo_miniature
{
position: absolute;
top:243px;
left:260px; 
width: 790px;
/*font-weight:0;*/
}


#liensshowroom a
{
background-color: ;
text-decoration: none;
color: black;
font-size: 16;
}


#liensshowroom a:hover 
{
background-color:black ;   
color: white;
}


#liensshowroom a:active
{
background-color:black ;   
color: white;
}

#liensshowroom a:link
{
background-color:white ;  
color: black;
}


#cps1
{
background-color:; 
position:absolute;
left: 972px;
width:4mm;
height:27px;
top: 435px;
border-width: 1px;
border-style: solid;
border-color: dimgray dimgray dimgray dimgray; /* Définit les couleurs des quatre bordures*/
}

#cps2
{
background-color:; 
position:absolute;
left: 1001px;
width:4mm;
height:27px;
top: 435px;
border-width: 1px;
border-style: solid;
border-color: dimgray dimgray dimgray dimgray; /* Définit les couleurs des quatre bordures*/
}

#cps3
{
background-color:; 
position:absolute;
left: 1030px;
width:4mm;
height:27px;
top: 435px;
border-width: 1px;
border-style: solid;
border-color: dimgray dimgray dimgray dimgray; /* Définit les couleurs des quatre bordures*/
}

/******************Aménagements********************/

#cpa1
{
background-color:; 
position:absolute;
left: 988px;
width:4mm;
height:27px;
top: 623px;
border-width: 1px;
border-style: solid;
border-color: dimgray dimgray dimgray dimgray; /* Définit les couleurs des quatre bordures*/
}

#cpa2
{
background-color:; 
position:absolute;
left: 917px;
width:4mm;
height:27px;
top: 618px;
border-width: 1px;
border-style: solid;
border-color: dimgray dimgray dimgray dimgray; /* Définit les couleurs des quatre bordures*/
}



/**************** Evénements ************************/

#frame
{
border: 1px solid black;
position: absolute;
top:50px;
left:900px;
}

#photo_ev
{
position: absolute;
top:50px;
left:270px;
color:black; 
width: 790px;
/*font-weight:0;*/
font-family:Arial;
text-align: left;
font-size:14;

/*
line-height: 15px;
letter-spacing: 1px;
word-spacing: 2px;
text-indent: 3%;
*/
}

#texte_evenement
{
position: absolute;
top:40px;
left:270px;
color:black; 
width: 600px;
/*font-weight:0;*/
font-family:Arial;
font-size:19;
text-align: justify;
}


/**************************liens************************/
/*********editeurs***********/

#liens
{
position:absolute;
left: 450px;
width:586px;
height:660px;
top: 60px;

}

#liens li a
{
background-color: white;
text-decoration: none;
color: black;
font-size: 16;
}

#liens a:link 
{
background-color:white ;  
color: black;
}

#liens li a :hover 
{
background-color:black ;   
color: white;
}

#liens  a:visited 
{
background-color:white ;  
color: black;
}

#liens li a:active
{
background-color:black ;   
color: white;
}

#mobilier
{
position: absolute;
top:50px;
left:400px;
color:black; 
height: 58px;
/*font-weight:0;*/
font-family:arial;
font-size:18;
color: gray;
}

#objets
{
position: absolute;
top:335px;
left:400px;
color:black; 
height: 58px;
/*font-weight:0;*/
font-family:arial;
font-size:18;
color: gray;
}

#luminaires
{
position: absolute;
top:435px;
left:400px;
color:black; 
height: 58px;
/*font-weight:0;*/
font-family:arial;
font-size:18;
color: gray;
}

#literie
{
position: absolute;
top:570px;
left:400px;
color:black; 
height: 58px;
/*font-weight:0;*/
font-family:arial;
font-size:18;
color: gray;
}

#ligne_mobilier
{
position: absolute;
top:5px;
left:0px;
width: 500px;
}

#ligne_objets
{
position: absolute;
top:289px;
left:0px;
width: 500px;
}

#ligne_luminaires
{
position: absolute;
top:390px;
left:0px;
width: 500px;
}

#ligne_literie
{
position: absolute;
top:525px;
left:0px;
width: 500px;
}

/*************créateurs****************/

#liens
{
position:absolute;
left: 450px;
width:586px;
height:660px;
top: 60px;

}

#liens a
{
background-color: white;
text-decoration: none;
color: black;
font-size: 16;
}


#liens li a:hover 
{
background-color:black ;   
color: white;
}

#liens a:visited 
{
background-color:white ;  
color: black;
}

#liens a:active
{
background-color:black ;   
color: white;
}

#liens a:link
{
background-color:white ;  
color: black;
}

#d1
{
position: absolute;
top:50px;
left:400px;
color:black; 
height: 58px;
/*font-weight:0;*/
font-family:arial;
font-size:18;
color: gray;
}

#ligne_designers
{
position: absolute;
top:5px;
left:0px;
width: 500px;
}



/****************** contact_informations ************/
#facultatif
{
position: absolute;
top:590px;
left:370px;
color:red; 
height: 58px;
/*font-weight:0;*/
font-family:arial;
font-size:12;
}

#formulaire
{
position:absolute;
left: 370px;
width:586px;
height:670px;
top: 40px;
/*border-width: 1px;
border-style: solid;
border-color: black black black black; /* Définit les couleurs des quatre bordures*/
}


/*

input 
{
border:1px solid black;
background-color:white;
font-family:"trebuchet ms",sans-serif;
color:gray;
}

textarea 
{
border:1px solid black;
background-color:white;
font-family:"trebuchet ms",sans-serif;
color:gray;
}


{
border:1px solid black;
}
*/

/***************Contact_accés***************/

#liencontact
{
width:100px;
color:blue;
text-decoration: none;
}

#liencontact a:visited
{
color: blue;
text-decoration: none;
}

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

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



 
#ligne_rondpoint
{
position: absolute;
left: 162mm;
top: 633px;
width: 430px;
}

#ligne_rondpoint2
{
background-color: gray;
position:absolute;
left: 1040px;
width:2px;
height:44px;
top: 158mm;
}

#ligne_rondpoint3
{
background-color: gray;
position:absolute;
left: 162mm;
width:2px;
height:34px;
top: 607px;
}

#adresse
{
position: absolute;
top:205px;
left:907px;
color:black; 
height: 58px;
/*font-weight:0;*/
font-family:arial;
font-size:20;
width: 8em;
}
#adresse2
{
position: absolute;
top:295px;
left:907px;
color:black; 
height: 58px;
/*font-weight:0;*/
font-family:arial;
font-size:20;
width: 9em;
}
#adresse3
{
position: absolute;
top:365px;
left:907px;
color:black; 
height: 58px;
/*font-weight:0;*/
font-family:arial;
font-size:15;
width: 12em ;
}

#adresse4
{
position: absolute;
top:645px;
left:897px;
color:black; 
height: 58px;
/*font-weight:0;*/
font-family:arial;
font-size:12;
width: 12em;
}
#photo_facade
{
background: url(images/fonds/facade.jpg);
position:absolute;
left:907px;
width:180px;
height:140px;
top: 15px;
border-width: 1px;
border-style: solid;
border-color:black black black black; /* Définit les couleurs des quatre bordures*/
}


#photo_rondpoint
{
background: url(images/fonds/rond_point.jpg);
position:absolute;
left:907px;
width:180px;
height:140px;
top: 460px;
border-width: 1px;
border-style: solid;
border-color:black black black black; /* Définit les couleurs des quatre bordures*/
}

#cadre_plan
{
background: url(images/plans/plan.jpg);
position:absolute;
left: 300px;
width:585px;
height:597px;
top: 15px;
border-width: 1px;
border-style: solid;
border-color:  black black black black; /* Définit les couleurs des quatre bordures*/
}


/******************************* Code du menu ***********************************/
#menu dl, dt, dd, ul, li
{
margin: 0;
padding: 0;
list-style-type: none;
}

#menu 
{
position: absolute;
top: 250px;
left: 30px;
margin: 0;
padding: 0;
}
dl#menu 
{
width: 180px;
}
dl#menu dt 
{
/*cursor: pointer;			*/	/* pointeur de sourris en forme de main */
margin: 2px;
height: 20px;
line-height: 20px;
text-align: center;
background-color: dimgray;
color: red;
border: 1px solid black;				/* (gris) change la couleur des rubriques*/
/*border-width:4px;				/* pour avoir les 4 bordures en relief*/
/*border-style:solid;				/*pour avoir un effet "outset" avec IE :*/
text-decoration: none;
/*border-color: blue yellow yellow blue; /* Définit les couleurs des quatre bordures*/
}

dl#menu dt a:hover 
{
background-color:black ;   /* couleur d'une rubrique quand passe le pointeur de la sourris dessus*/
color: white;
}

dl#menu dt a:active
{
margin: 1px;
height: 20px;
line-height: 20px;
background-color: black; 
color: white;
/*border-width:4px;				/* pour avoir les 4 bordures en relief*/
/*border-style:solid;				/*pour avoir un effet "outset" avec IE :*/
text-decoration: none;
/*border-color:  red; /* Définit les couleurs des quatre bordures*/
}

dl#menu dt a:link, dl#menu dt a:visited
{
margin: 0;
border: 0;
text-decoration: none;
}


dl#menu dd 
{
border: 1px solid lightgrey; /* la largeur de la bordure entourant le sous menu */
}
dl#menu li 
{
text-align: left;
background: whitesmoke; 			/* Change COMPLETEMENT la couleur de l'arrière plan du sous menu*/
}

dl#menu li a:hover
{
background-color: lightgrey; /* (gris) change la couleur d'un arrière plan d'une ligne d'un sous menu */
}

dl#menu li a:active
{
background-color: lightgrey; /* (gris) change la couleur d'un arrière plan d'une ligne d'un sous menu */
text-decoration: none;
}

dl#menu li a 
{
color: black;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menu dt a 
{
color: white;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}