/*-=-=-=-=-=-=-=-=-=-=-=
     Style LFDSH
-=-=-=-=-=-=-=-=-=-=-=*/

*
{
    margin: 0px;
    padding: 0px;
}

body 
{
    background: #f6e9c6;
}

a 
{
    text-decoration: none;
}

a:hover 
{
    text-decoration: none;
}

a img
{
    border: 0px;
}


#body
{
    width: 987px;
    margin: auto;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
}


#header 
{
    width: 981px;
    height: 184px;
    background: url('images/header.jpg') no-repeat;
}

#header a 
{
    display: block;
    width: 100%;
    height: 100%;
    
}

#menu
{
    background: url('images/content.jpg') repeat-y;

}

#menubar 
{
    height: 20px;
    background: black;
    margin: 0px 16px 0px 9px;
    width: 962px;
    
}

#menubar a 
{
    display: block;
    color: white;
    text-decoration: none;
}



#menubar a img 
{
    margin-right: 10px;
}	


#menubar ul 
{
    padding-top: 2px;
    padding-left: 30px;
}

#menubar ul li 
{
    float: left;
    padding-left: 3px;
    margin-right: 31px;
    padding-right: 15px;
    border-right: 1px solid white;
    list-style-image: url('images/puce_blanche.jpg');   
}

#menubar ul li:hover
{
    list-style-image: url('images/puce_jaune.jpg');
    color: #feed00;  
}

#menubar ul li:hover a
{
    color: #feed00;
}

#menubar a:hover
{
    color: #feed00;
}

#menubar li a 
{
    color: white;
    margin-left: -5px;
}

#menubar li.selected
{
    list-style-image: url('images/puce_jaune.jpg');   
}

#menubar li.selected a
{
    color: #feed00;
}

#menubar .panier
{
    width: 20px;
    height: 16px;
    float: right;
    margin-right: 7px;
    background: url("images/caddie_blanc.jpg");
}
#menubar .panier a
{
    display: block;
    width: 100%;
    height: 100%;
}

#menubar .panier:hover
{
    background: url("images/caddie_jaune.jpg");
}



/********************************
Content
********************************/

#content 
{
    background: url('images/content.jpg') repeat-y;
    padding: 8px 25px 0px 20px;
    
}

#content p 
{
    padding: 6px 0px 10px 0px;
    text-align: justify;
    color: #888;
    font-size: 1em;
}

#content hr
{
    border: none;
    border-bottom: 1px dotted #9e7966;
}

#content ul, #content ol
{
    margin: 0px 0px 0px 10px;
}


#content p img 
{
    border: solid 1px #BBB;
    padding: 5px 5px 6px 5px;
}

#content p img.left 
{
    float: left;	    
}

#content p img.right 
{
    float: right;	    
    margin-right: 20px;
}

#content h1
{
    font-size: 1.7em;
    font-weight: normal;
    text-transform: uppercase;
    color: #9e7966;
    border-bottom: 1px dotted #9e7966;
}


#content h2
{
    font-size: 1.3em;
    font-weight: normal;
    text-transform: captialize;
    color: #9e7966;
    border-bottom: 0px dotted #9e7966;
    margin-bottom: 5px;
}

#content h3
{
    font-weight: normal;
    font-size: 1.3em;
    margin: 0px 25px 10px 20px;
    color: #9e7966;
    padding-left: 10px;
}

#content h4
{
    font-weight: bold;
    font-size: 1.1em;
    margin: 10px 0px 10px 0px;
    color: #888;
    padding-left: 10px;
}

#content div.pagination {
    width: 100%;
    text-align: center;
}

#footer 
{
    height: 49px;
    background: url('images/footer.jpg') no-repeat;
    font-size: 0.65em;
    padding-top: 30px;
    color: white;
}

#footer p
{
    margin-left: 30px;
    text-align: left;
    margin-top: 7px;
}

#footer .menuLiens
{
    float: right;
    margin-right: 30px;
}

#footer a 
{
    color: white;
}

.button
{
    display: block;
    margin: auto;
    width: 130px;
    min-height: 16px;
    margin-top: 20px;
    padding: 5px 10px 5px 10px;
    background: black;
    color: white;
    font-size: 0.9em;
    text-align: center;
}

.button:hover
{
    color: #FEED00;
}

/********************************
      Accueil
********************************/
#content .titreAccueil
{
    margin: 0px 0px 10px 0px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #9e7966;
    
}

#content .titreAccueil h1
{
    font-size: 1.4em;
    color: white;
    background: #EDCC77;
    text-transform: uppercase;
    margin: 0px 25px 0px 20px;
    padding: 5px;
    text-align: center;
    border-bottom: 0px dotted #9e7966;
    font-weight: bold;
}

#content .tableauAccueil
{
    border-collapse: collapse;
    width: 100%;
}

#content .tableauAccueil td
{

    border-collapse: collapse;
    width: 33%;
    padding: 15px 20px 0px 20px;
    vertical-align: top;
}

#content .tableauAccueil td.border
{
    border-left: 1px dotted #9e7966;
    border-right: 1px dotted #9e7966;
    
}

#content ul {
    margin-left: 30px;
    padding: 2px;
}

#content a.selected
{
font-weight: bold;
}

.tableauAccueil img
{
    max-width: 250px;
    max-height: 200px;
    border: solid 1px #BBB;
    padding: 5px 5px 6px 5px;
}

.center
{
    text-align: center;
}

.lire_suite
{
    text-align: right;
}

    .lire_suite a
    {
	color: black;
    }

.rubrique_content
{
    padding: 10px 10px 5px 10px;
}

/********************************
      Actualité
********************************/

.newsLeft, .newsRight
{
    border-top: 1px dotted #9e7966;
    padding-top: 10px;
}

.newsLeft:hover, .newsRight:hover
{
    background: #EFEFEF;
}

.newsLeft h3, .newsRight h3
{
    font-size: 1.4em;
    text-transform: uppercase;
    margin: 0px 25px 0px 20px;
    padding: 5px;
    border-bottom: 0px dotted #9e7966;
    font-weight: bold;
}

.newsLeft h3 a, .newsRight h3 a
{
    color: #9e7966;
}

.newsLeft h6, .newsRight h6
{
    color: #9e7966;
    text-align: right;
}

.newsRight .newsVignette
{
    float: right;
}

.newsLeft .newsVignette
{
    float: left;  
}

.newsLeft .newsVignette, .newsRight .newsVignette
{
    margin: 0px 25px 15px 25px; 
}

.newsLeft a, .newsRight a
{
    display: block;
    width: 100%;
    height: 100%;
}


.newsVignette img
{
    height: 200px;
    border: solid 1px #BBB;
    padding: 5px 5px 6px 5px;
}

.newsLeft .newsIntro, .newsRight .newsIntro
{
    margin: 20px 25px 0px 25px;
}

.nouvelleContent
{
    width: 55%;
    padding: 10px 10px 10px 10px;
}

.nouvelleImg
{
    float: right;
}

.nouvelleImg img
{
    float: right;
    max-width: 400px;
    max-height: 400px;
    margin: 0px 20px 20px 20px;
}

/********************************
Catalogue et fiche produit
********************************/

/* 
 * Le catalogue ne sert qu'à limiter la définition du style
 * qui suit à son contenu.
 */
#catalogue
{
    padding: 5px;
}


/*
 * La classe "produit" définit le contour d'un produit du catalogue.
 * Elle est nécessaire pour faire flotter les produits les un derrière les autres.
 * Le produit peut ainsi contenir et afficher le bouton d'admin a son origine.
 */
#catalogue .produit
{
    border: #BBB solid 1px;
    margin: 5px;
    padding: 0px;
    width: 200px;
    float: left;
}


/*
 * Coloration du produit au survol.
 */
#catalogue .produit:hover
{
    background: #EFEFEF;
}


/*
 * Concerne la balise <a> directement contenu dans "widget"
 * lui même contenu dans "produit".
 * Le lien est étendu à toute le produit grâce au display.
 */
#catalogue .produit .widget > a
{
    /*border: orange solid 1px;*/
    display: block;
    min-height: 200px;
    padding: 5px;
}

#catalogue .produit h3
{
    margin: auto;
    padding: 5px;
    text-align: center;
    font-size: 1.3em;
}

#catalogue .produit img
{
    /*border: solid 1px #BBB;*/
    padding: 5px 5px 6px 5px;
}

#catalogue .description_produit_fiche
{
    margin: 0px;
    padding: 10px;
}


.description_produit
{
    float: left;
    width: 50%;
    margin: 20px 0px 0px 10px;

}

.image_produit
{
    float: left;
    width: 46%;
    text-align: center;
    margin: 20px 10px 40px 0px;
    border-right:  1px dotted #9e7966;
}

.description_produit table
{
    margin: auto;
}

.description_produit table td
{
    padding: 5px;
}

#fiche_produit .add_button
{
    display: block;
    width: 130px;
    background: black;
    color: white;
    font-size: 0.9em;
    text-align: center;
    min-height: 16px;
    padding: 3px 5px;
}

#fiche_produit .add_button:hover
{
    color:#FEED00;
}


/********************************
* PANIER
********************************/

#panier
{
    padding: 10px;
}

#panier table.bon_livraison
{
    margin: auto;
    border-collapse: collapse;
    /*empty-cells: collapse;*/
}

    #panier table.bon_livraison td, th
    {
	padding: 10px;
	border: solid grey 1px;
    }

    #panier table.bon_livraison td
    {
	text-align: center;
    }

    #panier table.bon_livraison td.invisible
    {
	border: none;
    }


#panier .message
{
    width: 600px;
    background-color: #9e7966;
    margin: auto;
    margin-bottom: 10px;
}
  
#panier .message p
{
    text-align: center;
    color: white;
}

#panier .bandeau_validation
{
    padding: 15px;
    text-align: center;
}

  #panier .bandeau_validation form
  {
      display: inline;
  }


#panier form.form_validation table
{
    width: 600px;
    margin: auto;
}

    #panier form.form_validation th,td
    {
	border: none;
	padding: 10px;
    }

    #panier form.form_validation label
    {
	font-weight: bold;
    }

    #panier tr.help td
    {
	/*border: solid 1px red;*/
	padding: 0px 0px 10px 10px;
	margin: 0px 0px 0px 0px;
    }
    #panier tr.help p
    {
	padding: 0px 0px 0px 0px;
	margin: 0px;
    }



#panier .obligatoire
{
    color: red;
    font-weight: bold;
}

#panier .errorlist
{
    color: red;
}

#panier .center
{
    text-align: center;
}

#panier h4
{
   text-align: center;
   font-size: 1.5em;
}

#panier div.adresse
{
    border: grey dotted 2px;
    width: 400px;
    margin: auto;
}
    #panier .adresse p
    {
	text-align: center;
    }
/********************************
Galeries
********************************/

/*
#galerie
{
    //border: solid green 1px;

    width: 117px;
    min-height: 401px;

    float: right;
    background: url('images/bandeau_lat.jpg') no-repeat;

    margin: 20px -9px 0px 0px;
    padding: 0px;
}

    #menuAlbums p
    {
	text-align: center;
    }

    #menuAlbums a
    {
	color: black;
    }
    
    #menuAlbums ul
    {
	//border: green solid 1px;
	list-style: url("images/puce_menu_lat.png");
	padding: 0px 0px 0px 20px;
    }
    
    #menuAlbums li
    {
	margin: 10px 0px 0px 0px;
    }

    #menuAlbums li:hover
    {
	font-weight: bold;
    }

#galerie
{
    //border:orange solid 1px;
    // 940px (largeur de base) - 117px (largeur menu)
    width: 823px;
}

.lien_retour
{
    color: black;
    font-size: small;
}

.lien_retour:hover
{
    text-decoration: underline;
*/

#galerie
{
    padding: 10px 20px 10px 20px;
}

#galerie .album
{
    float: left;
    border: solid 1px #9e7966;
    padding: 5px;
    margin: 0px 8px 8px 0px;
}

#galerie .album:hover
{
    background: #EFEFEF;
}

#galerie .album h5
{
    text-align: right;
    color: #CCC;
}

#galerie .album:hover h5
{
    color: black;
}


#album
{
    padding: 10px 20px 10px 20px;
}

#contentAlbum
{
    margin-top: 10px;
    /*border: blue solid 1px;*/
}

.elementAlbum
{
    //border: solid red 1px;
    width: 19%;
    float: left;
    margin: 0px 8px 8px 0px;
}

.elementAlbum p
{

}


/*-=-=-=-=-=-=-=-=
     Contact
-=-=-=-=-=-=-=-=*/
#contact_form
{
    width: 60%;
    margin: 20px 0px 0px 10px;
    padding: 0px 0px 0px 10px;
    margin-bottom: 20px;
    float: right;
    border-left:  1px dotted #9e7966;
}

#contact_content
{
    margin: 0px 10px 0px 0px;
    padding: 0px 10px 0px 10px;
}


#contact_form label
{
    display: block;
    margin: 2px 0px 5px 0px;
}
/*-=-=-=-=-=-=-=-=
     MAPS
-=-=-=-=-=-=-=-=*/

.tableauMaps hr
{
    border-top: 1px dotted #9e7966;
    border-bottom: 1px dotted #9e7966;
    margin: 15px 0px 15px 0px;
}


/*-=-=-=-=-=-=-=-=
     ADMIN
-=-=-=-=-=-=-=-=*/

.widget
{
    /*border: red solid 1px;*/
}

.widget .boutons
{
    display: none;    
}

.widget:hover .boutons
{
    /*border: solid blue 1px;*/
    background: url("images/fond_rond_70.png") no-repeat;
    width: 23px;
    height: 20px;
    color: white;
    display: block;
    position: absolute;
    padding-top: 3px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: -12px;    
}

.widget .boutons a
{
    display: block;
    width: 15px;
    height: 12px;
    background: url("images/edit.png") no-repeat;
    margin: auto;
}