* {
border:0;
margin:0;
padding:0;
list-style:none;
font-size:100%;
outline:none; }

input, textarea, select {
border:1px solid #000;
padding:2px;
vertical-align:middle; }

body {
text-align:justify;
font:100%/1.3 Arial, "Times New Roman", sans-serif; }

/***** Flash & D?co *****/

#menu_flash {
position:absolute;
top:190px;
left:40px;
width:182px;
height:149px;
/*background:url(img/menu_flash.png) no-repeat;*/ }

/***** Stylage contenu *****/

h1 {
position:absolute;
top:0;
left:30px;
width:304px;
height:174px;
text-indent:-9999px;
background:url(img/logo.jpg) no-repeat; }

h1 a {
display:block;
width:100%;
height:100%;
text-indent:-9999px; }

.invis {
position:absolute;
top:-9999px; }

h2 {
height:1;
line-height:0.7;
color:#908bc1;
padding-bottom:15px;
padding-left:20px;}

#news h3{
padding-bottom:15px;
font-weight:bold;
text-transform:uppercase;
color:#908bc1;
letter-spacing:1px;}

#news p{
font-size:75%;
color:#908bc1;}

span#puce{
float:left;
display:block;
width:10px;
height:10px;
background-color:#908bc1;}

#coordonnees dl{
font-size:75%;
color:#908bc1;}

#coordonnees dl dt{
font-weight:bold;
padding-bottom:15px;
text-transform:uppercase;
letter-spacing:1px;
color:#908bc1;}

#coordonnees dl dd#tel{
padding-bottom:15px;}

#illustration{
position:absolute;
top:150px;
right:45px;
width:404px;
height:284px;}

.img_presentation{
background:url(img/illu_presentation.jpg) no-repeat;}

.img_prestations{
background:url(img/illu_prestations.jpg) no-repeat;}

.img_dossier{
background:url(img/illu_dossier.jpg) no-repeat;}

.img_realisations{
background:url(img/illu_realisations.jpg) no-repeat;}

#deco_vignettes{
z-index:5;
position:absolute;
top:658px;
left:60px;
background:url(img/vignettes.png) no-repeat;
width:358px;
height:128px;}

/* Footer */

div#footer p {
text-align:center;}

div#footer p a{
display:block;
padding:10px 0 0;
color:#000;
text-decoration:none;
font-size:70%;}

div#footer ul{
text-align:center;
padding-top:10px;}

div#footer ul li{
margin-left:5px;
color:#000;
display:inline;}

div#footer ul li a{
font-size:70%;
padding-right:5px;
color:#000;
text-decoration:none;}

div#footer ul li a:hover{
color:#333;
text-decoration:underline;}

/***** Layout *****/

#total {
position:relative;
overflow:auto;
margin:0 auto;
width:990px;
background:url(img/fond-repeat.jpg) repeat-y;}

#global{
overflow:auto;
position:relative;
margin:0 auto;
width:990px;
background:url(img/body_fond.jpg) no-repeat;}

#conteneur_centre{
padding-bottom:50px;
overflow:auto;
margin:0 auto;
width:990px;}

#presentation_texte{
line-height:2;
font-size:75%;
color:#908bc1;
width:402px;}

#news{
line-height:1.4;
text-align:left;
position:absolute;
top:370px;
left:0;
padding:15px 40px 0 20px;
width:172px; /* 232*/
height:160px;
overflow:hidden;}

#coordonnees{
line-height:1.5;
padding:15px 30px 0 50px;
text-align:left;
position:absolute;
top:370px;
left:232px;
width:180px; /* 260*/
height:250px;
overflow:hidden;}

div#colonne_gauche{
float:left;
overflow:hidden;
width:492px;
min-height:500px;}

div#colonne_droite{
position:relative;
overflow:auto;
width:402px;/*492*/
padding:435px 45px 0;
min-height:305px;}

#footer{
position:relative;
margin:0 auto;
width:990px;
height:95px;
padding-top:80px;
background:url(img/footer.jpg) no-repeat;}



/*     Formulaire      */
input.champs {
border: solid 1px;
}

textarea.champs {
border: solid 1px;
}

p span.left {
float:left;
width:150px;/* 100px */
font-weight:bold;
margin-right:20px; 
}

.bouton {
border: solid 1px;
margin-left:10px;
}

p.notice {
font-size: 80%;
}



ul#galerie{
text-align:center;
width:420px; 
padding:20px 0;
overflow:hidden; }

ul#galerie li {
text-align:center;
line-height:1;
float:left;
width:100px;
height:130px;
margin-right:30px;}

ul#galerie li img {
padding:3px;
border:1px solid #ccc; /* A modifier */
width:100px;
height:75px;
margin-top:5px;
margin-bottom:3px; }

ul#galerie li img:hover {
background:#ccc; /* A modifier */ }

ul#galerie li span {
display:block;
overflow:hidden;
text-align:center;
width:100px;
height:35px; }

ul#galerie li span a {
text-decoration:none;
color:#333; /* A modifier */
font-weight:bold;
line-height:1.4;}

dl#fiche{
overflow:hidden;
padding-top:10px;
color:#2D2D2D;
width:420px; } 

dl#fiche dt {
padding-bottom:10px;
font-size:110%;
color:#000;
font-weight:bold;
text-transform:uppercase;
width:510px;}

dl#fiche dd#image{
float:left;
padding-right:5px;
margin-right:10px;
margin-bottom:3px;}

dl#fiche dd#image img{
float:left;
border:1px solid #C6C6C6;
padding:3px;
height:75px;
width:100px;}

dl#fiche dd#image img:hover{
background:#C6C6C6;}

dl#fiche dd#description{
text-align:left;
padding-bottom:5px;
letter-spacing:1px;
line-height:1.5;} 

dl#fiche dd#reference {
width:100%;
text-align:right;
padding:0 20px 0 0;}

dl#fiche dd#prix{
padding-left:15px;
padding-bottom:10px;}

dl#fiche dd#poids{
padding-left:15px;
padding-bottom:10px;}

div#ariane {
width:100%;
padding:10px 0; }

div#ariane p {
color:#888; 
padding-bottom:5px; 
border-bottom:1px solid #CFCFCF;}

div#ariane p span {
margin:0 3px;}

div#ariane p span a {
color:#888;
text-decoration:none; }

div#ariane p span.home a {
padding-left:25px;
background:transparent url(img/house.png) no-repeat left center; /* Icone */
color:#888; }

div#ariane p span.courant {
color:#333; }
 
div#ariane p a:hover {
text-decoration:underline; }