* {
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; }

html, body {
height:100%; }

html {
background:transparent url(img/body_motif_1.png) repeat; }

body {
width:100%;
background:transparent url(img/body_motif_2.png) repeat-x top;
text-align:justify;
font:100%/1.3 Arial, "Times New Roman", sans-serif; }

/***** Liste laine *****/

ul#liste_laine {
padding-top:10px;
width:853px;
overflow:hidden; }

ul#liste_laine li {
width:406px;
height:90px;
margin:0 10px;
float:left; }

ul#liste_laine li dl {
font-size:95%;
line-height:1;
width:306px; /*406*/
position:relative;
padding-left:100px; }

ul#liste_laine li dl dt {
font-weight:bold;
padding-bottom:5px; }

ul#liste_laine li dl dd.photo img {
position:absolute;
top:0;
left:0;
width:90px;
border:1px solid #F9C876; }

ul#liste_laine li dl dd span {
font-weight:bold; }

ul#liste_laine li dl dd p {
margin-bottom:5px; }

/***** Flash & Déco *****/

div#logo_flash {
width:455px;
height:161px;
position:absolute;
bottom:42px;
left:25px;
/*background:transparent url(img/logo_flash.png) no-repeat;*/ }

div#menu_flash {
margin:0 auto;
width:900px;
height:78px;
/*background:transparent url(img/menu_flash.png) no-repeat;*/ }

div#diapo_flash {
width:300px;
height:172px;
margin:0 auto;
/*background:transparent url(img/diapo_flash.jpg) no-repeat;*/ }

div#diapo {
position:absolute;
top:0;
right:45px;
width:348px;
height:195px;
background:transparent url(img/dispo_fond.png) no-repeat; }

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

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

h2 {
text-indent:-9999px;
height:90px;
position:absolute;
top:20px;
left:35px; }

h2.presentation {
width:254px;
background:transparent url(img/h2_presentation.png) no-repeat; }

h2.contact {
width:173px;
background:transparent url(img/h2_contact.png) no-repeat; }

h2.retouche {
width:197px;
background:transparent url(img/h2_retouche.png) no-repeat; }

h2.creatif {
width:165px;
background:transparent url(img/h2_creatif.png) no-repeat; }

h2.mercerie {
width:196px;
background:transparent url(img/h2_mercerie.png) no-repeat; }

h2.laine {
width:132px;
background:transparent url(img/h2_laine.png) no-repeat; }

h2.broderie {
width:179px;
background:transparent url(img/h2_broderie.png) no-repeat; }

h2.plan {
width:253px;
background:transparent url(img/h2_plan.png) no-repeat; }

div#contenu p {
margin-bottom:10px;
text-align:justify;
font-size:110%; }

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

div#hauteur_max {
width:100%;
min-height:100%;
position:relative; }

div#global {
width:913px; /*977*/
padding:0 32px;
margin:0 auto;
background:transparent url(img/global_fond.png) repeat-y; }

div#entete {
position:relative;
width:100%;
height:247px;
background:transparent url(img/entete_fond.png) no-repeat; }

div#menu {
width:100%;
height:78px;
position:absolute;
top:187px;
left:0;
background:transparent url(img/menu_fond.png) repeat-x; }

div#conteneur_centre {
position:relative;
padding-bottom:500px; /*hauteur #pied_fluide + hauteur #pied*/
padding-top:160px;
width:100%; }

div#contenu {
color:#8456A1;
min-height:380px;
font-size:75%;
width:853px; /*913*/
padding:0 30px; }

div#diapo_crea {
width:300px;
height:250px;
float:left;
margin-right:20px;
margin-bottom:10px; }

#mercerie {
margin-left:150px;
margin-top:50px;
}

#mercerie li{
float:left;
margin-right:10px;
border: 2px dashed  #8456A1;
}

#photo {
float:left;
margin-right:20px;
}

#photo  li, #droite  li {
border: 2px dashed  #8456A1;
margin-bottom:5px;
}

#droite {
float:right;
margin-left:20px;
}

.image {
border: 2px dashed #8456A1;
float:right;
margin-left:20px;

}

.plan_acces {
border: 2px dashed #8456A1;
}

div#pied {
text-align:center;
position:absolute;
bottom:177px;
left:0;
width:913px;
height:299px;
z-index:1;
background:transparent url(img/big_footer.jpg) no-repeat center bottom; }

div#pied_fluide {
width:100%;
height:188px;
background:transparent url(img/pied_fond.png) repeat-x;
position:absolute;
left:0;
bottom:0;
z-index:2; }

/***** #entete *****/

div#coordonnees {
position:absolute;
bottom:147px;
left:70px;
text-align:right;
width:300px;
font-size:75%;
color:#86C7CE;
font-weight:bold; }

/***** #conteneur_centre *****/

div#news {
text-align:left;
font-weight:bold;
width:500px;
position:absolute;
top:30px;
right:0;
font-size:75%;
line-height:1.2; }

div#news h4 {
position:absolute;
top:30px;
left:15px;
width:53px;
height:26px;
text-indent:-9999px;
background:transparent url(img/h4_news.png) no-repeat; }

div#news dl {
padding-top:5px;
position:relative;
width:240px; /*500*/
margin-left:100px;
padding-left:130px; }

div#news dl dt {
color:#723C95; }

div#news dl dd.date {
color:#723C95;
font-size:90%;
font-weight:normal;
padding-bottom:3px; }

div#news dl dd.description {
padding-bottom:2px;
line-height:1;
color:#F19CBF; }

div#news dl dd.photo img {
border:1px solid #F19CBF;
position:absolute;
top:5px;
left:0; }

div#news dl dd.lien a {
font-size:90%;
font-weight:normal;
color:#8456A1; }

div#news dl dd.lien a:hover {
text-decoration:none; }

div#titre {
position:absolute;
top:0;
left:0;
height:150px;
width:400px;
background:transparent url(img/h2_fond.png) no-repeat left bottom; }

div#deco_titre {
position:absolute;
left:20px;
top:20px;
width:16px;
height:73px;
background:transparent url(img/h2_puce.png) no-repeat; }

/***** #pied *****/

div#pied dl {
width:100%;
font-weight:bold;
position:absolute;
bottom:10px;
left:0;
font-size:75%;
color:#834E78; }

div#pied dl a {
color:#834E78; }

div#pied dl a:hover {
text-decoration:none; }

div#pied_fluide {
font-size:65%;
color:#fff;
text-align:center; }

div#pied_fluide ul {
padding-top:30px; }

div#pied_fluide ul li {
display:inline; }

div#pied_fluide ul li a {
letter-spacing:1px;
color:#fff;
margin:0 2px;
text-decoration:none; }

div#pied_fluide ul li a:hover {
text-decoration:underline; }

div#pied_fluide ul li.imnalys {
display:block;
font-size:105%;
padding-top:5px; }

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

textarea.champs {
border: solid 1px;
}

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

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

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