* {padding: 0; margin: 0; font-family: Trebuchet MS, Arial, sans-serif; font-size: 13px; }
body {text-align: center;}
h1 {font-size: 26px;}
h2 {font-size:18px;}
a {color: #2184AD; outline: none;}
a:visited {color: #46B6E5;}
ul {padding-left: 35px;}

#menuHaut a.underline {
    text-decoration: underline;
}
.titre {font-size: 36px;}
.artiste {color:#4d0944;}
.gallerie {color:#4d0944;}
.techniques, .technique {color:#983515;}

#marge {margin-left: 50px;}

#page {width: 960px; min-height: 600px; margin: 0 auto; text-align: left;}
#menuHaut {float: right; padding: 15px 15px 0 0; color: #FFF;}
#menuHaut a {color: #FFF; margin-right: 4px; margin-left: 4px; text-decoration: none;}
#menuHaut a:hover {text-decoration: underline;}

/**************************/
/* Spécifique à l'accueil */
/**************************/
#bandeTop {width: 100%; height: 50px; background-color: #3c3030;}

#leftSide {
    width: 480px;
    border-right: black 1px solid;
    float: left;
}
#leftSide h2 {
    color: #7da745;
    font-size: 24px;
    margin-bottom: 20px;
}
#leftSide p span, #rightSide p span {
    margin-right: 5px;
}
#leftSide p span a, #rightSide p span a {
    color: #169bae;
    text-decoration: none;
}
#leftSide p span.dot, #rightSide p span.dot {
    color: #916562;
}

#rightSide {
    float: right;
}
#rightSide h2 {
    color: #6e4042;
    font-size: 24px;
    margin-bottom: 20px;
}

/***********************************
 *          Footer
/***********************************/
#footer {
    width: 960px;
    border-top: #3c3030 1px solid;
    margin: 0 auto;
    text-align: left;
}
#footer>div {
    margin-left: 40px;
}
#footer div {
    width: 280px;
    margin-top: 15px;
    float: left;
}
#footer ul {
    margin-bottom: 25px;
}
#footer ul li {
    list-style-type: none;
    margin-bottom: 3px;
    margin-left: -33px;
}
#footer ul li a {
    text-decoration: none;
}
#footer p {
    color: #000;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 15px;
}
#bandeBas {
    width: 960px;
    height: 50px;
    background-color: #3c3030;
    text-align: left;
    margin: 0 auto;
}

/* Positionne le texte "Pour nous joindre" à droite de la page */
#bandeTop span {margin-left: 620px; padding-top: 10px;}
#bandeTop span a {color: #FFF; text-decoration: none;}

/***************************************/
/* Spécifique page Galerie */
/***************************************/
#flashContent {margin-top: 20px; padding: 0px;}
#EnteteGalerie {width: 960px; height: 365px; background: url('/images/ceramique/Entete_Galerie.jpg') no-repeat;}
#contentGalerie {margin: 20px 50px 20px 50px;}
#contentGalerie img {padding: 10px;}
#contentGalerie td {vertical-align: top;}
#contentGalerie .texte {padding-top: 10px;}

#contentGalerie .vignette {width: 200px; height: 200px; float: left;}
#contentGalerie #horloge, #contentGalerie #horloge_en {background: url('/images/ceramique/galerie/vignettes/Horloges.jpg') no-repeat;}
#contentGalerie #horloge:hover {background: url('/images/ceramique/galerie/vignettes/Horloges_hover.jpg') no-repeat;}
#contentGalerie #horloge_en:hover {background: url('/images/ceramique/galerie/vignettes/Horloges_hover_en.jpg') no-repeat;}

#contentGalerie #allumettes, #contentGalerie #allumettes_en {background: url('/images/ceramique/galerie/vignettes/Allumettes.jpg') no-repeat;}
#contentGalerie #allumettes:hover {background: url('/images/ceramique/galerie/vignettes/Allumettes_hover.jpg') no-repeat;}
#contentGalerie #allumettes_en:hover {background: url('/images/ceramique/galerie/vignettes/Allumettes_hover_en.jpg') no-repeat;}

#contentGalerie #murales, #contentGalerie #murales_en {background: url('/images/ceramique/galerie/vignettes/Murales.jpg') no-repeat;}
#contentGalerie #murales:hover {background: url('/images/ceramique/galerie/vignettes/Murales_hover.jpg') no-repeat;}
#contentGalerie #murales_en:hover {background: url('/images/ceramique/galerie/vignettes/Murales_hover_en.jpg') no-repeat;}

#contentGalerie #vases, #contentGalerie #vases_en {background: url('/images/ceramique/galerie/vignettes/Vases.jpg') no-repeat;}
#contentGalerie #vases:hover {background: url('/images/ceramique/galerie/vignettes/Vases_hover.jpg') no-repeat;}
#contentGalerie #vases_en:hover {background: url('/images/ceramique/galerie/vignettes/Vases_hover_en.jpg') no-repeat;}

#contentGalerie #lanternes, #contentGalerie #lanternes_en {background: url('/images/ceramique/galerie/vignettes/Lanternes.jpg') no-repeat;}
#contentGalerie #lanternes:hover {background: url('/images/ceramique/galerie/vignettes/Lanternes_hover.jpg') no-repeat;}
#contentGalerie #lanternes_en:hover {background: url('/images/ceramique/galerie/vignettes/Lanternes_hover_en.jpg') no-repeat;}

#contentGalerie #assiettes, #contentGalerie #assiettes_en {background: url('/images/ceramique/galerie/vignettes/Assiettes.jpg') no-repeat;}
#contentGalerie #assiettes:hover {background: url('/images/ceramique/galerie/vignettes/Assiettes_hover.jpg') no-repeat;}
#contentGalerie #assiettes_en:hover {background: url('/images/ceramique/galerie/vignettes/Assiettes_hover_en.jpg') no-repeat;}

#contentGalerie #sabliers, #contentGalerie #sabliers_en {background: url('/images/ceramique/galerie/vignettes/Sabliers.jpg') no-repeat;}
#contentGalerie #sabliers:hover {background: url('/images/ceramique/galerie/vignettes/Sabliers_hover.jpg') no-repeat;}
#contentGalerie #sabliers_en:hover {background: url('/images/ceramique/galerie/vignettes/Sabliers_hover_en.jpg') no-repeat;}

#contentGalerie #boitiers, #contentGalerie #boitiers_en {background: url('/images/ceramique/galerie/vignettes/Boitiers.jpg') no-repeat;}
#contentGalerie #boitiers:hover {background: url('/images/ceramique/galerie/vignettes/Boitiers_hover.jpg') no-repeat;}
#contentGalerie #boitiers_en:hover {background: url('/images/ceramique/galerie/vignettes/Boitiers_hover_en.jpg') no-repeat;}

/***************************************/
/* Spécifique page Technique */
/***************************************/
#EnteteTechnique {width: 960px; height: 365px; background: url('/images/ceramique/techniques.jpg') no-repeat;}
#contentTechniques {margin: 20px 100px 20px 100px;}

/*******************************************/
/* Spécifique page Technique (coutellerie) */
/*******************************************/
#EnteteTechniqueCoutellerie {width: 960px; height: 365px; background: url('/images/coutellerie/Entete_Techniques.jpg') no-repeat;}
#contentTechniquesCoutellerie {margin: 20px 100px 20px 100px;}
#contentTechniquesCoutellerie img {margin-left: 30px;}

/***************************************/
/* Spécifique page Artiste */
/***************************************/
#EnteteArtiste {width: 960px; height: 365px; background: url('/images/ceramique/atelier4_2.jpg') no-repeat;}
#contentArtiste {margin: 20px 100px 20px 100px;}
#contentArtiste img {margin-left: 30px;}


/*******************************************/
/* Spécifique page Artiste  ( Coutellerie) */
/*******************************************/
#EnteteArtisteCoutellerie {width: 960px; height: 365px; background: url('/images/coutellerie/Entete_Artiste.jpg') no-repeat;}
#contentArtisteCoutellerie {margin: 20px 100px 20px 100px;}
#contentArtisteCoutellerie img {margin-left: 30px;}

/*******************************************/
/* Spécifique page Galerie  ( Coutellerie) */
/*******************************************/
.vignette {display: block; width: 200px; height: 200px; float: left;}
#EnteteGalerieCoutellerie {width: 960px; height: 365px; background: url('/images/coutellerie/Entete_Galerie.jpg') no-repeat;}
#contentGalerieCoutellerie {margin: 20px 100px 20px 100px;}
#contentGalerieCoutellerie img {margin-left: 30px;}

#contentGalerieCoutellerie div {text-align: center;}

#contentGalerieCoutellerie #coupePapiers, #contentGalerieCoutellerie #coupePapiers_en {background: url('/images/coutellerie/galerie/vignettes/Coupe-papiers.jpg') no-repeat;}
#contentGalerieCoutellerie #coupePapiers:hover {background: url('/images/coutellerie/galerie/vignettes/Coupe-papiers_hover.jpg') no-repeat;}
#contentGalerieCoutellerie #coupePapiers_en:hover {background: url('/images/coutellerie/galerie/vignettes/Coupe-papiers_hover_en.jpg') no-repeat;}

#contentGalerieCoutellerie #couteaux, #contentGalerieCoutellerie #couteaux_en {background: url('/images/coutellerie/galerie/vignettes/Couteaux.jpg') no-repeat;}
#contentGalerieCoutellerie #couteaux:hover {background: url('/images/coutellerie/galerie/vignettes/Couteaux_hover.jpg') no-repeat;}
#contentGalerieCoutellerie #couteaux_en:hover {background: url('/images/coutellerie/galerie/vignettes/Couteaux_hover_en.jpg') no-repeat;}




/***************************************/
/* Spécifique page Contact */
/***************************************/
#Entetecontact {width: 960px; height: 365px; background: url('/images/maison-de-campagne.jpg') no-repeat;}
#contentContact {margin: 20px;}


/***************************************/
/* Spécifique page interne avec onglet */
/***************************************/
#headerInt {width: 960px;  background: url('../images/Bande_top.gif') repeat;}

#logoInt {width: 121px; height: 90px; margin-left: 45px; background: url('/images/logo_interieur.gif') no-repeat; position: absolute; top: 0;}
#slogan {color: #FFF; margin: 15px 0 0 190px; float: left;}