body{ 
height: 100%; 
} 

body { 
margin: 0; 
padding: 0; 
background-color : #fff; 
text-align :left; 
font-family : arial; 
font-size : 10px ; 
color : #000; 


scrollbar-base-color:#ccc;
scrollbar-arrow-color:#FFF;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#ccc;
scrollbar-highlight-color:#ccc;
scrollbar-track-color:#ccc;
} 


/* MAIN PAGE */ 

#main { 
position:absolute; 
left: 50%; 
top: 50%; 
width: 820px; 
height: 590px; 
margin-top: -300px; 
margin-left: -450px; 
/*background :#fff url(images/background.jpg) ;*/
background :#fff; 
text-align : left; 
border : 1px solid #fff ; }


/* CONTENU */ 

#contenu {
background : transparent ; 
width : 820px ;
height : 440px;  
text-align : left; 
float : left ; 
overflow : visible; }

#contenu img{
margin : 0 0 0 0;
border : 0px solid #fff ;
 }

/* #contenu p{ */
/* margin : 0 0 0 10px ; padding : 0} */

/* .englobe_texte { */
/* margin-top : 10px; */
/* background : #fff ; */
/*  color : #000 ; */
/*  -moz-opacity:0.8; */
/* opacity: 0.8; */
/* filter:alpha(opacity=80); } */

/* BANNER */
 
#banner {
background : transparent ; 
width : 820px ;
height : 67px;  
text-align : left; 
float : left ; 
overflow : visible; }

#contenu img{
margin : 0 0 0 0;
border : 0px solid #fff ;
 }

/* PRELOAD */

#preloadcache object {
position:absolute; 
left: 50%; 
top: 50%;
margin-top: -120px; 
margin-left: -120px;
}

/* ENGINE */
 
#engine {
background : transparent ; 
width : 820px ;
height : 373px;  
text-align : left; 
float : left ; 
overflow : visible; }

/* MENU */

#menu {
padding : 0; 
margin : 0 ; 
list-style : none ; 
margin-left : 0px ; 
float : right ; 
height : 150px;}

#menu li a span{
position: absolute;
left: -5000px;
}

li {
float : left; 
display : block;
} 

li a {
float : left; 
padding : 0 0 0 0; 
margin : 0 ;
width : 102px ; 
height : 150px ; 
display : block;
background : #fff ; 
/*-moz-opacity:0.8;*/
/*opacity: 0.8;*/
/*filter:alpha(opacity=80); */
} 

li a:hover {
background : #fff ;  
} 

a.accueil{
background: url(menu/btn-accueil.jpg); 
background-position : 0 0}
a.accueil:hover {
background: url(menu/btn-accueil-o.jpg); 
background-position : 0 0 ;}

a.agence{
background: url(menu/btn-agence.jpg); 
background-position : 0 0}
a.agence:hover {
background: url(menu/btn-agence-o.jpg); 
background-position : 0 0 ;}

a.contact{
background: url(menu/btn-contact.jpg); 
background-position : 0 0}
a.contact:hover {
background: url(menu/btn-contact-o.jpg); 
background-position : 0 0 ;}

a.creartsevents{
background: url(menu/btn-crearts-events.jpg); 
background-position : 0 0}
a.creartsevents:hover {
background: url(menu/btn-crearts-events-o.jpg); 
background-position : 0 0 ;}

a.evenementiel{
background: url(menu/btn-evenementiel.jpg); 
background-position : 0 0}
a.evenementiel:hover {
background: url(menu/btn-evenementiel-o.jpg); 
background-position : 0 0 ;}

a.merchandising{
background: url(menu/btn-merchandising.jpg); 
background-position : 0 0}
a.merchandising:hover {
background: url(menu/btn-merchandising-o.jpg); 
background-position : 0 0 ;}

a.references{
background: url(menu/btn-references.jpg); 
background-position : 0 0}
a.references:hover {
background: url(menu/btn-references-o.jpg); 
background-position : 0 0 ;}

a.vitrines{
background: url(menu/btn-vitrines.jpg); 
background-position : 0 0}
a.vitrines:hover {
background: url(menu/btn-vitrines-o.jpg); 
background-position : 0 0 ;}

/* CONTACT */ 

#contact {
background : #fff url(contenu/contact.jpg); ; 
height : 100%; 
width : 100%; 
margin-left : 0px ;
overflow : auto;
color : #fff;
}

input {
width : 275px ; 
margin : 0 310px 5px 180px; 
}

textarea { 
width : 275px ; 
margin : 0 310px 10px 180px ;
}

h1{
margin: 90px 0 5px 180px;
color : #E496D8; 
font-size : 15px; 
}

h2 {
margin : 5px 0 5px 180px ; 
color : #454545 ;
font-size : 12px ; 
}





/* Titres */

h3 {
margin : 10px 10px 10px 0 ; 
padding : 0 ; 
font-size : 10px ; 
border-bottom : 1px dotted #454545 ; 
padding-bottom : 5px;
color : #454545 ;
text-align : right; 
text-transform : uppercase}

h4{
margin : 10px 10px 0 0 ; 
padding : 0 ; 
font-size : 12px ; 
border-bottom : 1px dotted #603900 ; 
padding-bottom : 5px;
color : #603900 ;}

/* paragraphes */ 
p { padding : 0 ; margin-top : 5px ; margin-bottom : 0 ; margin-right : 20px}

.para_top2 {margin : 5px 0 0 0}
.notop{margin : 0}


/* iLiens */ 
a {color : #454545 }  
a:hover {color : #454545 } 

a.class1 {text-decoration : none ; text-transform : uppercase ; font-weight : bold}
a:hover.class1 {text-decoration : none ; text-transform : uppercase; }
a.blanc {text-decoration : none ; font-weight : bold ; color : #ffffff}

/* #centre { */
/* background : transparent ; */
/* float : left ; */
/* margin-left : 0px ; */
/* border-left :10px solid #fff; */
/* height : 450px; */
/* width : 293px; */
/* overflow : auto;} */

#footer {position : absolute ;  text-align : center ; bottom : 20px ; left : 0 ; width : 100% ; color : #fff;} 
#footer a {color : #fff; text-decoration : none ; } 
#footer p {margin : 0 ; padding : 0 } 
#footer a:hover {color : #fff ; text-decoration : underline ; }