* {
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;
background: #fff url(img/bg_body.jpg) repeat-x top; }

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



div#logo_flash {
height:250px;
width:188px;
position:absolute;
top:40px;
left:65px;
/*background:url(img/logo_flash.png) no-repeat;*/}

div#deco_flash {
height:214px;
width:270px;
position:absolute;
top:30px;
right:10px;
/*background:url(img/deco_flash.png)*/}

div#menu_flash {
position:absolute;
bottom:20px;
right:60px;
height:24px;
width:870px;
/*background:url(img/menu_fond.png)*/}


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

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

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

div#extra_header{
width:100%;
background:url(img/extra_header_fond.jpg)  no-repeat center top ; }

div#haut{
position:relative;
margin:0 auto;
height:465px;
width:990px; }

div#coordonnees {
position:absolute;
top:268px;
left:270px;}

div#coordonnees dd {
letter-spacing:1px;
font-size:80%;
font-weight:bold;
display:inline;
color:#999;}

div#newsletter {
position:absolute;
bottom:100px;
right:60px;
width:202px;
height:58px;
background:url(img/newsletter_fond.png) no-repeat;}

div#newsletter form{
padding-top:25px;
padding-left:14px;
height:60px;
position:relative;}

div#newsletter h3{
text-indent:-99999px;
height:11px;
width:81px;
position:absolute;
top:7px;
right:16px;
background:url(img/newsletter_dt.png) no-repeat;}

div#newsletter input.txt {
background-color:#F4F4F4;
border:1px solid #CCCCCC;
color:#ccc;
width:140px;
height:15px;}

div#newsletter input.sub{
font-size:70%;
font-weight:bold;
color:#ccc;
background-color:#F4F4F4;
border:1px solid #CCCCCC;
width:26px;
height:22px;}

div#global{
z-index:5;
width:900px;
margin:0 auto;}

div#ss_global{
background-color:#fff;}


div#titre{
background-color:#F4F4F4;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
width:900px;
height:44px;}

div#titre h2{
color:#666;
letter-spacing:1px;
font-size:110%;
line-height:2.5;
padding-left:20px;}

div#contenu {
float:left;
width:590px;
overflow:hidden;
padding-top:20px;
padding-bottom:10px;}

div#presentation_texte{
color:#666;
line-height:1.7;
letter-spacing:1px;
font-size:80%;
min-height:120px;
padding-bottom:20px;
border-bottom:1px solid #8CC63F;}

div#presentation_texte img{
padding:5px;
border:1px solid #ccc;
float:left;
margin-right:15px;}

div#presentation_texte p{
padding-bottom:10px;}

div#diaporama {
border-bottom:1px solid #8CC63F;
padding-bottom:20px;}

div#diaporama h3{
color:#666;
letter-spacing:1px;
font-size:110%;
line-height:2.5;
padding-left:20px;}

/* Colonne droite */

div#colonne_droite{
margin-left:590px;
padding:20px 20px 30px;
width:270px;/* 310 */ }

div#colonne_droite h3{
font-size:90%;
line-height:1.6;
padding-left:10px;
color:#fff;
letter-spacing:1px;
width:270px;
height:22px;
background:url(img/cold_h3_fond.jpg) no-repeat;
margin-bottom:10px;}

div#colonne_droite div.block{
margin-bottom:20px;
padding:10px;
background-color:#F9F9F9;
border:1px solid #E0E0E0;}

dl#actualite{
position:relative;}

dl#actualite dt{
font-size:80%;
padding-left:5px;
border-left:1px solid #fff;
position:absolute;
color:#fff;
top:-39px;
right:90px;}

dl#actualite dd.image img{
width:55px;
height:49px;
margin-right:10px;
float:left;}

dl#actualite dd.description{
color:#999;
font-size:80%;}

dl#actualite dd.suite{
text-align:right;}

dl#actualite dd.suite a{
color:#999;
font-size:80%;}

div#galerie{
overflow:hidden;
padding-left:4px;
width:244px;
padding-bottom:10px;}

div#galerie ul li{
float:left;}

div#galerie ul li img{
width:72px;
height:72px;
border:1px solid #D4D4D4;
margin:3px;}

div#infos_produits{
text-align:left;
color:#999999;
width:230px;
margin:0px auto 20px;}

div#infos_produits img{
margin-right:10px;
float:left;}

div#extra_footer{
padding-bottom:200px;
width:100%;
background:url(img/footer_repeat.jpg)  repeat-x bottom ;}

div#footer{

position:relative;
width:900px;
margin:0 auto;
padding-top:35px;
overflow:visible;
border-top:1px solid #B1B1B1;}

div#footer ul{
position:relative;
z-index:20;
text-align:center;
width:550px;
overflow:hidden;
margin:0 auto;}

div#footer ul li{
float:left;
margin:0 auto;}

div#footer ul li a{
line-height:1;
text-decoration:none;
float:left;
margin-right:10px;
display:block;
font-size:75%;
color:#999;
font-weight:bold;}

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

div#footer ul li span.etoile {
margin-right:10px;
display:block;
float:left;
width:10px;
height:10px;
background:url(img/footer_etoile.jpg)  no-repeat ;}

div#deco_footer_left{
width:220px;
height:181px;
background:url(img/deco_footer_left.png) no-repeat;
position:absolute;
top:40px;
left:0px;}

div#deco_footer_right{
z-index:5;
width:341px;
height:194px;
background:url(img/deco_footer_right.png) no-repeat;
position:absolute;
top:-33px;
right:0px;}

/*

***** Boite à outils *****
Home >  Galeries >>> Sites vitrines 

*/

 /* Petit Reset */  
 div.conteneur_galerie *,  
 div.conteneur_galerie {  
 margin:0;  
 padding:0;  
 border:0;  
 list-style:none;  
 font-size:100%; }  
 /* Fin Reset */  
   
 div.conteneur_galerie {  
 margin:0 auto; /* INUTILE en production, sert juste à la présentation dans ce cas d'exemple */  
 width:600px; /* largeur conteneur */  
 overflow:hidden; }  
   
 ul.modele_1 {  
 padding-top:20px;  
 overflow:hidden;  
 width:660px; /* largeur conteneur + margin-right */ }  
   
 ul.modele_1 li {  
 width:160px; /* largeur zone image */  
 float:left;  
 margin-right:40px; /* (largeur conteneur - (largeur zone image * nb élément par ligne)) / (nb élément par ligne - 1) */  
 margin-bottom:10px; }  
   
 ul.modele_1 li dl .photo {  
 padding:2px;  
 border:1px solid #ccc; }  
   
 ul.modele_1 li dl .photo span {  
 display:block;  
 position:relative;  
 width:100%;  
 height:120px; /* hauteur zone image */  
 overflow:hidden; }  
   
 ul.modele_1 li dl .photo span a {  
 display:block;  
 width:100%;  
 height:100%; }  
   
 ul.modele_1 li dl .photo img {  

}  
   
 ul.modele_1 li dl .titre{  
 padding-top:5px;  
 height:2.4em; /* height = line-height x nb de ligne */  
 line-height:1.2em;  
 text-align:center;  
 font-weight:bold;  
 font-size:80%; }  
   
 ul.modele_1 li dl .titre a {  
 color:#333;  
 text-decoration:none; }