/*####################### 
MISE EN PAGE GÉNÉRALE 
####################### */

html 
{
font-size: 100%;
}

body 
{
height: 100%;
text-align: center;     /* IE corrige le bug de l'alignement des <div> pour la page du blog*/
margin:  0;
padding: 0;
font-size: small;
font-family: Verdana, sans-serif;
background: #302B1E;   
}


#topheader
{
width: 100%;
height: 25px;
padding: 0;
margin: 0;
background: #1D1A13;  
border-top: 10px solid #13110D;
}


#container
{
width: 970px;
margin: 0 auto 0 auto;
padding: 0;
}

#logo
{
float: left;
width: 300px; 
height: 115px;
padding: 0; 
margin: 0;
}

#logo img
{
float: left;
padding: 0; 
margin: 35px 0 0 0;
}



h2
{
font-family: Georgia, serif;
text-align: left;
font-size: 18px;
font-weight: normal;
color: #C77851;
padding: 30px 0 8px 55px; 
margin: 0;
}



h3
{
text-align: left;
font-family: Georgia, serif;
font-size: 13px;
font-weight: bold;
color: #C77851; 
padding: 0 0 0 20px; 
margin: 0;
}

h4
{
text-align: left;
font-family: Georgia, Times New Roman, serif;
font-size: 16px;
font-weight: bold;
color: #C77851; 
}

p
{
text-align: left;
font-size: 12px;
font-weight: normal;
color: #FDF7E1;   /* F7E9BB */
line-height: 1.8em;
padding: 0 30px 20px 55px; 
margin: 0;
}


#contenu
{
float: left;
width: 966px; 
padding: 0; 
margin: 0;
background: #221F16;   
border-right: 2px solid #1D1A13;
border-left: 2px solid #1D1A13;
}





/*####################### 
topnav
####################### */

#topnav
{
height: 20px;
width: 100%;
padding: 0;
margin: 0 50px 0 0;
}

#topnav p
{
float: right;
padding: 0;
margin: 2px 50px 0 0;
color: #F6BF5E;
}

#topnav a
{
font-weight: 500;
font-size: 10px;
color: #B88E36;    
text-decoration: none;
padding: 0;
margin: 0;
}

#topnav a:hover
{
font-weight: 500;
font-size: 10px;
color: #F6BF5E;
text-decoration: none;
padding: 0;
margin: 0;
}

#topnavselected
{
font-size: 10px;
font-weight: 600;
color: #F6BF5E;     
}




/*####################### 
naviguation principal
####################### */

#menu
{
float: left;
text-align: left;
width: 966px;
padding: 0; 
margin: 0;
}


#menu ul 
{
list-style-type: none;
margin: 0;
padding: 5px 8px 5px 0;
}

#menu ul li
{
display: inline;
padding: 5px 10px 5px 0;
margin: 0;
}


#menu a
{
font-family: Verdana, sans-serif;
font-size: 13px;
font-weight: 500;
color: #fff;
margin: 5px 0 0 0;
margin-bottom: 0;
padding: 5px 8px 5px 8px;
text-decoration: none;
}


#menu a:hover
{
color: #F6BF5E;
margin: 5px 0 0 0;
padding: 5px 8px 5px 8px;
background: #282419;
text-decoration: none;
}

 .selected
{
font-family: Verdana, sans-serif;
font-size: 13px;
font-weight: 500;
color: #F6BF5E;     
padding: 5px 8px 5px 8px;
margin: 5px 0 0 0;
background: #1D1A13;
text-decoration: none;
}


#menu_bottom
{
float: left;
text-align: left;
width: 970px;
height: 30px;
padding: 0; 
margin: 0;
border-bottom: 2px solid #312C1F;
background: #1D1A13; 
}

#menu_bottom p
{
text-align: right;
text-transform: uppercase;
letter-spacing: 0.3em;
font-family: "Times New Roman", serif;
font-size: 9px;
font-weight: 500;
color: #C77851; 
padding: 0; 
margin: 8px 20px 0 0;
}

/*####################### 
PAGE INDEX
####################### */
.vignette_date
{
float: left;
clear: both;
width: 55px;
padding: 0; 
margin: 10px 0 0 30px;
background: transparent url(images/calendrier_bleu-trans.png) no-repeat;
}

.vignette_date p 
{ 
text-align: left;
margin: 0;
padding: 0 30px 0 0;
}


.vignette_date img
{ 
float: left;
margin: 10px 0 0 30px;
padding: 0;
}




#header_intro
{
float: left;
width: 966px;
height: 375px;
padding: 0; 
margin: 0;
border-bottom: 2px solid #312C1F;
}



.moitie_gauche
{
float: left;
width: 467px;
height: 375px;
padding: 0; 
margin: 0;
border-right: 2px solid #312C1F;
}


.moitie_gauche h2
{
margin: 0; 
padding: 50px 0 8px 55px; 
}

.moitie_gauche p
{
margin: 0; 
padding: 0 45px 20px 55px; 
}

.moitie_droite 
{
float: left;
width: 495px;
height: 375px;
padding: 0; 
margin: 0;
background: transparent url(images/tapisserie-trans.png) no-repeat;
}

#imgintro
{
padding: 10px; 
margin: 50px 0 0 0;
border: 2px solid #312C1F;
background: #1D1A13;
}


#container_content   /*container vide par dessur #contenu juste au cas ou on pourrait rajouter quek chose en background */
{
float: left;
width: 966px; 
padding: 0; 
margin: 0;
   }



.blocarticle
{
float: left;
width: 966px;
padding: 0; 
margin: 0;
border-bottom: 2px solid #312C1F;
background: #2A261C;
}

.blocarticle2
{
float: left;
width: 966px;
padding: 0; 
margin: 0;
border-bottom: 2px solid #312C1F;
background: #221F16;
}

.blocarticle h3, .blocarticle2 h3
{
float: left;
text-align: left;
width: 433px;
font-family: Georgia, serif;
font-size: 18px;
font-weight: 500;
color: #9CCD48;
font-style: italic;
padding: 8px 0 8px 35px; 
margin: 0 300px 35px 0;
background: #1D1A13; 
}

.h3highlight
{
font-family: Georgia, serif;
font-size: 18px;
font-weight: 500;
color: #BCE17C;
font-style: italic;
}


#article_e
{
float: left;
width: 880px; 
padding: 0;
margin: 0;
}

#article_e p
{
text-align: left;
font-size: 12px;
font-weight: 500;
line-height: 1.5em;
padding: 0;
margin: 0 0 45px 80px;
}

.article_intro
{
float: left;
width: 880px; 
padding: 0;
margin: 0;
}

.article_intro p
{
text-align: center;
font-size: 13px;
font-weight: 500;
color: #FBD455;
padding: 0;
margin: 0 0 40px 80px;
}



.article
{
float: left;
width: 320px; 
height: 280px;
padding: 0; 
margin: 0;
}


.article3col
{
float: left;
width: 920px; 
padding: 0; 
margin: 0 0 30px 35px;
}


.introarticle
{
font-family: Georgia, serif;
font-size: 14px;
font-weight: 500;
color: #BCE17C;
font-style: italic;
}

 
.article h4, .offres h4, .cours h4, .article3col h4, #bas h4
{
text-align: left;
font-family: Georgia, Times New Roman, serif;
font-size: 15px;
font-weight: bold;
color: #C77851; 
padding: 0 0 5px 0; 
margin: 0 0 0 35px;
}



.offres
{
float: left;
width: 50%; 
padding: 0; 
margin: 0;
}

.offres img
{
float: left;
padding: 0;
margin: 10px 0 30px 0;
border: 10px solid #262218;
}




.texteocre
{
font-size: 12px;
font-weight: 500;
color: #FBD455;
}

.texthighlight
{
font-size: 12px;
font-weight: 500;
color: #F2D780;
}




#container_content a, #sectioncatalogue a
{
text-transform: uppercase;
text-align: left;
font-size: 10px;
font-weight: 500;
color: #C3CF56;
padding: 0 20px 0  0; 
margin: 0;
text-decoration: underline;
background: transparent url(images/arrow.gif) right no-repeat;
}


#container_content a:hover, #sectioncatalogue a:hover
{
text-transform: uppercase;
text-align: left;
font-size: 10px;
font-weight: 500;
color: #E79401;
padding: 0 20px 0  0; 
margin: 0;
text-decoration: underline;
background: transparent url(images/arrow_on.gif) right no-repeat;
}

.highlighted
{
text-transform: uppercase;
text-align: left;
font-size: 11px;
font-weight: 500;
color: #F6BF5E;
padding: 0 20px 0  0; 
margin: 0;
text-decoration: underline;
background: transparent url(images/arrow_on.gif) right no-repeat;
}

.separateur_v
{
float: right;
padding: 0; 
margin: 0;
}

.prix
{
font-family: Times New Roman, serif;
font-size: 25px;
font-weight: 500;
color: #F6AF53;
}

.nouveau
{
font-family: Times New Roman, serif;
font-size: 12px;
letter-spacing: 1px;
font-weight: 500;
color: #fff;
background: #B00007;
padding: 0 5px 0 5px;
}

.bas_content
{
float: left;
width: 320px; 
padding: 0; 
margin: 15px 0 0 0;
}


.article p, .offres p, .article3col p, .bas_content p
{
text-align: left;
font-size: 12px;
font-weight: 500;
line-height: 1.5em;
padding: 0; 
margin: 5px 30px 30px 35px;
}



/*####################### 
PAGE VENTE
####################### */

#topvente
{
float: left;
width: 966px;
height: 400px;
padding: 0; 
margin: 0;
border-bottom: 2px solid #312C1F;
background: transparent url(images/tapisserie2-trans.png) no-repeat;
}

#topvente h2
{
text-align: center;
font-family: Georgia, serif;
font-size: 26px;
font-weight: 500;
color: #C77851;
font-style: italic;
padding: 30px 0 8px 0; 
margin: 0;
}


#topvente p
{
text-align: center;
text-transform: uppercase;
letter-spacing: 0.3em;
font-family: "Times New Roman", serif;
font-size: 10px;
font-weight: 500;
color: #FBD455; 
padding: 0; 
margin: 0;
}



.blocvente
{
float: left;
text-align: center;
width: 320px;
padding: 0; 
margin: 0;
background: transparent;
}

.blocvente h3
{
text-align: center;
width: 350px;
font-family: Georgia, serif;
font-size: 18px;
font-weight: 500;
color: #9CCD48;
padding: 25px 0 25px 0; 
margin:  0;
background: transparent;
}


.blocvente p
{
text-align: center;
font-size: 12px;
font-weight: 500;
color: #F7E9BB;
line-height: 1.8em;
padding: 0 30px 30px 35px; 
margin: 0;
}


.blocvente2
{
float: left;
text-align: left;
width: 966px;
padding: 0; 
margin: 0;
}

.blocvente2 h3
{
width: 825px;
text-align: left;
font-family: Georgia, serif;
font-size: 18px;
font-weight: 500;
color: #9CCD48;
padding: 30px 0 8px 0; 
margin: 0;
background: transparent;
}


.blocvente2 p
{
text-align: left;
font-size: 12px;
font-weight: 500;
color: #F7E9BB;
line-height: 1.8em;
padding: 0 30px 30px 0; 
margin: 0;
}

.blocvente2 img
{
float: left;
margin: 20px 15px 20px 25px; 
}



.blocvente3
{
float: left;
text-align: center;
width: 643px;
padding: 0; 
margin: 0;
background: #221F16;
border-right: 2px solid #312C1F;
}

.blocvente3 h3
{
width: 643px;
text-align: center;
font-family: Georgia, serif;
font-size: 18px;
font-weight: 600;
color: #9CCD48;
padding: 25px 0 25px 0; 
margin: 0;
background: transparent;
}


.blocvente3 p
{
text-align: center;
font-size: 14px;
font-weight: 500;
color: #F7E9BB;
line-height: 1.8em;
padding: 0 0 20px 0; 
margin: 0;
}


.prix2
{
font-family: Times New Roman, serif;
font-size: 20px;
font-weight: 500;
color: #F6AF53;
}


.prix3
{
font-size: 13px;
font-weight: 500;
color: #F6AF53;
}


#blocstampcard
{
float: left;
text-align: center;
width: 320px;
padding: 0; 
margin: 0;
background: #221F16;
}

#blocstampcard h3
{
width: 320px;
text-align: center;
font-family: Georgia, serif;
font-size: 18px;
font-weight: 500;
color: #9CCD48;
padding: 25px 0 25px 0; 
margin:  0;
background: transparent;
}


#blocstampcard p
{
text-align: center;
font-size: 12px;
font-weight: 500;
color: #F7E9BB;
line-height: 1.8em;
padding: 0 30px 20px 30px; 
margin: 0;
}

.blocvente img, .blocvente3 img, #blocstampcard img
{
padding: 0; 
margin:0;
}


/*####################### 
COURS
####################### */


#header_cours
{
float: left;
width: 966px;
height: 375px;
padding: 0; 
margin: 0;
border-bottom: 2px solid #312C1F;
}



#moitie_gauche_cours
{
float: left;
width: 467px;
height: 375px;
padding: 0; 
margin: 0;
border-right: 2px solid #312C1F;
background: transparent url(images/tapisserie-trans.png) no-repeat;
}


#moitie_gauche_cours h2
{
margin: 0; 
padding: 70px 0 8px 55px; 
}

#moitie_gauche_cours p
{
margin: 0; 
padding: 0 45px 20px 55px; 
}

#moitie_droite_cours
{
float: left;
width: 496px;
height: 375px;
padding: 0; 
margin: 0;
background: transparent url(images/tapisserie-trans.png) no-repeat;
}

#imgintro_cours
{
padding: 10px; 
margin: 50px 0 0 0;
border: 2px solid #312C1F;
background: #1D1A13;
}




#container_cours
{
float: left;
width: 966px; 
padding: 0; 
margin: 0;
/*background: transparent url(images/tapisserie_bordure_g.gif) top left repeat-y; */  
}




.bloc_cours h3
{
float: left;
text-align: left;
width: 433px;
font-family: Georgia, serif;
font-size: 18px;
font-weight: 500;
color: #9CCD48;
font-style: italic;
padding: 8px 0 8px 35px; 
margin: 0 300px 35px 0;
background: #1D1A13; 
}



.cours
{
text-align: left;
float: left;
width: 920px; 
padding: 0; 
margin: 0;
}



.cours p
{
padding: 0 40px 30px 35px; 
margin: 0;
}




.imgright_cours
{
float: right;
margin: 0 50px 15px 10px; 
padding: 0;
border: 10px solid #262218;
}





/*####################### 
Page Supplies
####################### */

#container_supplies
{
float: left;
width: 966px; 
padding: 0; 
margin: 0;
/*background: transparent url(images/tapisserie_bordure_g.gif) top left repeat-y;  */ 
}


#sectioncatalogue
{
float: left;
text-align: left;
width: 600px; 
padding: 0; 
margin: 0;
}


#sectioncatalogue h2
{
text-align: left;
width: 433px;
font-family: Georgia, serif;
font-size: 18px;
font-weight: 500;
color: #9CCD48;
font-style: italic;
padding: 8px 0 8px 35px; 
margin: 0 0 35px 0;
background: #1D1A13; 
}




#sectioncatalogue h3
{
text-align: left;
font-size: 16px;
font-weight: 500;
color: #C77851; 
padding: 0 0 0 35px; 
margin: 0;
}

#sectioncatalogue p
{
padding: 0 40px 30px 35px; 
margin: 0;
}

#sectioncatalogue a, #sectioncatalogue a:hover
{
padding: 0 20px 0 0; 
margin: 0;
background: transparent;
}

#sectioncatalogue img
{
border: 5px solid #2A261C;
}

#droite_suppliers
{
float: left;
width: 350px; 
padding: 0; 
margin: 0;
}


#droite_suppliers a
{
text-transform: uppercase;
text-align: left;
font-size: 11px;
font-weight: 500;
color: #B4BF4D;     
padding: 0 20px 0  0; 
margin: 0;
text-decoration: underline;
background: transparent;
}


#droite_suppliers a:hover
{
text-transform: uppercase;
text-align: left;
font-size: 11px;
font-weight: 500;
color: #E79401;
padding: 0 20px 0  0; 
margin: 0;
text-decoration: underline;
background: transparent;
}

#droite_suppliers p
{
text-align: left;
font-size: 11px;
font-weight: 500;
color: #F3DC91;
line-height: 1.9em;
padding: 0 20px 25px  20px; 
margin: 0;
}

#droite_suppliers h3
{
text-align: left;
font-family: Georgia, Times New Roman, serif;
font-size: 16px;
font-weight: 500;
color: #C77851; 
padding: 0 20px 0 20px; 
margin: 0;
}

.encadre_suppliers
{
float: left;
width: 325px; 
padding: 0; 
margin: 0;
background: #2A261C;
}


.pdffile
{
background: url(pdflogo.gif) no-repeat 0 0; 
padding-left: 25px;
}








#bas
{
float: left;
width: 970px; 
height: 150px;
padding: 0; 
margin: 0;
background: #1D1A13;  
}


#bas_content1
{
float: left;
width: 75%; 
height: 150px;
padding: 0; 
margin: 0;
}





/*####################### 
Page Directions
####################### */


#top_directions
{
float: left;
width: 958px;
height: 400px;
padding: 0; 
margin: 0;
background: transparent url(images/map.jpg) top left no-repeat;
border-bottom: 2px solid #312C1F;
}

#top_directions img
{
padding: 0; 
margin: 0;
}



#apropos
{
float: left;
width: 320px; 
padding: 0; 
margin: 0;
}

#apropos2
{
float: left;
width: 280px; 
padding: 0; 
margin: 0;
}

#apropos h4, #apropos2 h4
{
text-align: left;
font-family: Georgia, Times New Roman, serif;
font-size: 16px;
font-weight: 500;
color: #C77851; 
padding: 0; 
margin: 0 0 0 35px;
}

#apropos p, #apropos2 p
{
text-align: left;
font-size: 12px;
font-weight: 500;
line-height: 1.5em;
padding: 0; 
margin: 5px 0 30px 35px;
}

#apropos2 img
{
float: left;
padding: 0; 
margin: 0 5px 0 0;
}

/*####################### 
Footer
####################### */

#footer
{
float: left;
width: 100%;
padding: 0;
margin: 0 auto 0 auto;
}

#footer p
{
text-align: center;
color: #fff;    
font-size: 10px;
font-weight: 500;
padding: 30px 0 30px 0;
margin: 0;
}

#footer a
{
color: #fff;    
font-weight: 500;
text-decoration: underline;
}

#footer a:hover
{
color: #D0A447;    
font-weight: 500;
text-decoration: underline;
}

/*####################### 
Page Contact
####################### */



#box
{
width: 650px;
height: 270px;
padding: 0;
margin: 30px 30px 30px 30px;
border: 1px solid #525252;
background: transparent url(images/enveloppe.gif) bottom left no-repeat;
}

#contactgauche
{
position: relative;
float: left;
text-align: right;
width: 324px;
padding: 0;
margin:  30px 0 0 0;
border-right: 1px solid #525252;
}

#contactgauche p
{
line-height: 2;
text-align: right;
color: #89A568; 
font-size: 11px;
font-weight: 500;
padding:  0; 
margin: 0 20px 0 0;
}

#contactgauche h3
{
color: #89A568; 
font-size: 10px;
font-weight: bold;
text-align: right;
text-decoration: underline;
padding: 0;
margin: 0 20px 15px 0;
}



#contactdroite  
{
position: relative;
float: right;
text-align: left;
width: 325px;
padding: 0;
margin:  30px 0 0 0;
}

#contactdroite p
{
line-height: 2;
text-align: left;
color: #89A568;
font-size: 11px;
font-weight: 500;
padding:  0; 
margin: 0 0 0 20px;
}

#contactdroite h3
{
color: #89A568; 
font-size: 10px;
font-weight: bold;
text-align: left;
text-decoration: underline;
padding: 0;
margin: 0 0 15px 20px;
}


#contactgauche a, #contactdroite a
{
font-weight: 500;
font-size: 1em !important;
font-size: 0.95em;
color: #B88E36;    
text-decoration: none;
padding: 0;
}

#contactgauche a:hover, #contactdroite a:hover
{
font-weight: 500;
font-size: 1em !important;
font-size: 0.95em;
color: #F6BF5E;
text-decoration: none;
padding: 0;
}







/*####################### 
Images
####################### */

.imgleft
{
float: left;
margin: 5px 15px 0 0; 
padding: 0;
}


.imgbottomarticle
{
float: left;
margin: 5px 0 45px 0; 
padding: 0;
border: 5px solid #2A261C;
}

.imgleftarticle
{
float: left;
margin: 5px 15px 0 0; 
padding: 0;
border: 5px solid #2A261C;
}

.imgright
{
float: right;
margin: 0 0 0 10px; 
padding: 0;
}





.imgrightflush
{
float: right;
margin: 0; 
padding: 0;
}


.logo
{
float: left;
margin: 0 10px 0 0; 
padding: 0;
border: 7px solid #0E2A25;
}