body { background-color: #F5F5DC; } 

/*TEXTE*/ h1 { font-family:times new roman, arial, serif; font-size:26px; color:#996633; background-color:transparent; text-align:center; } 
h2 { clear:both;font-family:arial, verdana, sans-serif; font-size:100%; color:#996633;text-align:center; } 
h3 { clear:both;font-family:arial, verdana, sans-serif; font-size:100%; color:#996633;text-align:left; } 
li { font-family:verdana, arial, times new roman; font-size:100%; color:#000000; background-color:transparent; text-align:left;margin:0px; } 
.li3 { font-family:verdana, arial, times new roman; color:#996633; font-size:100%; padding-left:18px; background-image: url(./images/next.gif); background-position:5px; background-repeat:no-repeat;text-decoration:none; } 
.li3:hover { font-family:verdana, arial, times new roman; color:#0000CC; font-size:100%; padding-left:18px; background-image: url(./images/next.gif); background-position:5px; background-repeat:no-repeat; text-decoration:underline; } 
.li5 {padding:2px;width:auto;color:#996633;font-family:verdana, arial, times new roman; color:#996633; font-size:80%;text-decoration:none} 
.li5:hover {color:#996633;font-family:verdana, arial, times new roman;font-size:80%;text-decoration:underline} 
.refli { font-family:verdana, arial, times new roman; color:#996633; font-size:80%; text-decoration:none; margin-left:30px; } 
.refli:hover { font-family:verdana, arial, times new roman; color:#003399; font-size:80%; text-decoration:underline; } 
.li4 { font-family:verdana, arial, times new roman; font-size:100%;} 
.lientexte {font-family:times new roman, arial, verdana; color:#996633; font-weight:bold; text-decoration:none; } 
.lientexte:hover {font-family:times new roman, arial, verdana; color:#0000CC; font-weight:bold; text-decoration:underline; } 
.lienhome {height:1.5em;font-family:verdana, arial, times new roman; color:#996633; font-size:100%;padding-left:30px;background-image: url(./images/home.gif); background-position:5px; background-repeat:no-repeat;text-decoration:none}
.lienhome:hover {height:1.5em;font-family:verdana, arial, times new roman; color:#996633; font-size:100%;padding-left:30px;background-image: url(./images/home.gif); background-position:5px; background-repeat:no-repeat;text-decoration:none;text-decoration:underline}
p {font-family:times new roman, arial, verdana;font-size:90%; color:#222; margin-left:5px; margin-right:5px; } 
.centre{ clear:both;font-family:times new roman, arial, verdana; text-align:center; font-size:90%; color:#222; margin-left:25px; margin-right:30px; } 
.justifie{padding-top:5px;padding-bottom:5px;font-family:times new roman, arial, verdana; text-align:justify; font-size:90%; color:#222; margin-left:25px; margin-right:30px; } 
.droite{ font-family:times new roman, arial, verdana; text-align:right; font-size:90%; color:#222; margin-left:30px; margin-right:30px; } 
table { width:500px; border-color:#A9A9A9; border-style:solid; border-width:1px; background-color:#FFFFFF;} 
td { font-family:verdana, sans-serif; font-size:80%; color:black; text-align:center; background-color:transparent; }

/*CANEVAS*/ 
.structure { position: absolute; width:750px; left: 50%; margin-left:-375px; text-align: center;margin-top:10px; } 

.conteneurheader { background-image:url(./images/entete2.jpg); width:750px; height:100px; } 
.conteneurheaderuk { background-image:url(./images/entete3.jpg); width:750px; height:100px; } 

.localisation { border-top:solid 1px #000000;border-right:solid 1px #000000;padding-top:3px;border-left:solid 1px #000000;padding-top:3px; padding-bottom:3px; font-family:arial, times new roman, verdana;font-size:11px; color:#FFFFFF; text-align:left;background-color:#993333}

.conteneurcorps { background-image:url(./images/bg.gif); background-repeat: repeat-y; border-left: 1px solid #000000; border-right: 1px solid #000000; } 
.corpsdroit { float:right;width:560px;padding-top:20px;padding-bottom:20px;} 

.drapeaux { margin: 2px auto 2px auto; text-align:center; } 
.article { width:500px; text-align:justify; } .art_centre { width:550px; text-align:center; }

/* MISE EN FORME DU SOMMAIRE */ 
.sommaire ul { margin:0px; padding:0px;list-style-type:none;}
.sommaire { float:left;width:175px; background-color:#996633; border-right: 1px solid #000000; border-top: 1px solid #000000; text-align: center; } 
.sommaire li a:link, .sommaire li a:hover {font-size:70%;text-decoration:none;color:#FFF;}

/*BARRE NAV*/
.li1{font-family:verdana, arial;font-size:100%;display:block;font-weight:bold;height:1.4em;border-top:solid 1px #000000;border-bottom:solid 1px #000000;padding:0.5em;padding-left:15px;background-image: url(./images/fleshw.gif);background-position:5px;background-repeat:no-repeat;background-color:#993333}
.li1:hover{display:block;border-top:solid 1px #FFFFFF;border-bottom:solid 1px #FFFFFF;background-color:#0000CC;background-image: url(./images/fleshw.gif);background-position:5px;background-repeat:no-repeat;}
.li1:visited {font-size:70%;text-decoration:none;color:#FFFFFF;display:block;background-image: url(./images/fleshw.gif);background-position:5px;background-repeat:no-repeat;}

.liacc{font-family:verdana, arial;font-size:100%;display:block;font-weight:bold;height:1.4em;border-top:solid 1px #000000;border-bottom:solid 1px #000000;padding:0.5em;padding-left:15px;background-image: url(./images/fleshw.gif);background-position:5px;background-repeat:no-repeat;background-color:#993333}
.liacc:hover{display:block;border-top:solid 1px #FFFFFF;border-bottom:solid 1px #FFFFFF;background-color:#0000CC}
.liacc:visited {font-size:70%;text-decoration:none;color:#FFFFFF;display:block}

.li2 {font-family:verdana, arial;font-size:90%;display:block;border-bottom:solid 1px #996633;border-top:solid 1px #996633;height:1.4em;padding:0.5em;padding-left:35px;background-image: url(./images/fleshw.gif);background-position:20px;background-repeat:no-repeat;}
.li2:hover {display:block;border-bottom:solid 1px #FFFFFF;border-top:solid 1px #FFFFFF;background-color:#996633;background-image: url(./images/fleshw.gif);background-position:26px;background-repeat:no-repeat;}
.li2:visited {font-size:70%;text-decoration:none;color:#A9A9A9;}

.li1a{font-family:verdana, arial;font-size:100%;display:block;font-weight:bold;height:1.4em;border-top:solid 1px #000000;border-bottom:solid 1px #000000;padding:0.5em;padding-left:15px;background-image: url(./images/fleshw.gif);background-position:5px;background-repeat:no-repeat;background-color:#993333}
.li1a:hover{display:block;border-top:solid 1px #FFFFFF;border-bottom:solid 1px #FFFFFF;background-color:#0000CC;background-image: url(./images/fleshw.gif);background-position:5px;background-repeat:no-repeat;}
.li1a:visited {font-size:70%;text-decoration:none;color:#FFFFFF;display:block;background-image: url(./images/fleshw.gif);background-position:5px;background-repeat:no-repeat;}

.li1b{font-family:verdana, arial;font-size:100%;display:block;font-weight:bold;height:1.4em;border-top:solid 1px #000000;border-bottom:solid 1px #000000;padding:0.5em;padding-left:15px;background-image: url(./images/fleshw.gif);background-position:5px;background-repeat:no-repeat;background-color:#993333}
.li1b:hover{display:block;border-top:solid 1px #FFFFFF;border-bottom:solid 1px #FFFFFF;background-color:#0000CC;background-image: url(./images/fleshw.gif);background-position:5px;background-repeat:no-repeat;}
.li1b:visited {font-size:70%;text-decoration:none;color:#FFFFFF;display:block;background-image: url(./images/fleshw.gif);background-position:5px;background-repeat:no-repeat;}

.li1c{font-family:verdana, arial;font-size:100%;display:block;font-weight:bold;height:1.4em;border-top:solid 1px #000000;border-bottom:solid 1px #000000;padding:0.5em;padding-left:15px;background-image: url(./images/fleshw.gif);background-position:5px;background-repeat:no-repeat;background-color:#993333}
.li1c:hover{display:block;border-top:solid 1px #FFFFFF;border-bottom:solid 1px #FFFFFF;background-color:#0000CC;background-image: url(./images/fleshw.gif);background-position:5px;background-repeat:no-repeat;}
.li1c:visited {font-size:70%;text-decoration:none;color:#FFFFFF;display:block;background-image: url(./images/fleshw.gif);background-position:5px;background-repeat:no-repeat;}

.li1d{font-family:verdana, arial;font-size:100%;display:block;font-weight:bold;height:1.4em;border-top:solid 1px #000000;border-bottom:solid 1px #000000;padding:0.5em;padding-left:15px;background-image: url(./images/fleshw.gif);background-position:5px;background-repeat:no-repeat;background-color:#993333}
.li1d:hover{display:block;border-top:solid 1px #FFFFFF;border-bottom:solid 1px #FFFFFF;background-color:#0000CC;background-image: url(./images/fleshw.gif);background-position:5px;background-repeat:no-repeat;}
.li1d:visited {font-size:70%;text-decoration:none;color:#FFFFFF;display:block;background-image: url(./images/fleshw.gif);background-position:5px;background-repeat:no-repeat;}

.li1e{font-family:verdana, arial;font-size:100%;display:block;font-weight:bold;height:1.4em;border-top:solid 1px #000000;border-bottom:solid 1px #000000;padding:0.5em;padding-left:15px;background-image: url(./images/fleshw.gif);background-position:5px;background-repeat:no-repeat;background-color:#993333}
.li1e:hover{display:block;border-top:solid 1px #FFFFFF;border-bottom:solid 1px #FFFFFF;background-color:#0000CC;background-image: url(./images/fleshw.gif);background-position:5px;background-repeat:no-repeat;}
.li1e:visited {font-size:70%;text-decoration:none;color:#FFFFFF;display:block;background-image: url(./images/fleshw.gif);background-position:5px;background-repeat:no-repeat;}

.li1f{font-family:verdana, arial;font-size:100%;display:block;font-weight:bold;height:1.4em;border-top:solid 1px #000000;border-bottom:solid 1px #000000;padding:0.5em;padding-left:15px;background-image: url(./images/fleshw.gif);background-position:5px;background-repeat:no-repeat;background-color:#993333}
.li1f:hover{display:block;border-top:solid 1px #FFFFFF;border-bottom:solid 1px #FFFFFF;background-color:#0000CC;background-image: url(./images/fleshw.gif);background-position:5px;background-repeat:no-repeat;}
.li1f:visited {font-size:70%;text-decoration:none;color:#FFFFFF;display:block;background-image: url(./images/fleshw.gif);background-position:5px;background-repeat:no-repeat;}

/*VISUELS*/ 
.logo_artisan {border:solid 0px; background-image: url(./images/artisan.jpg); height: 62px; width: 90px; margin: 10px auto 10px auto; } 
.imgdroite {float:right;margin-left:10px;margin-right:10px}
.imgproduit{float:right}
.imggauche {float:left;margin-left:0px;margin-right:5px}

/*FORMULAIRES*/ form { margin-left:auto; margin-right:auto; } label { font-family:arial, sans-serif; } select, option { background-color:white; color:black; } textarea { border:1px solid black; background-color:white; font-family:trebuchet ms,sans-serif; color:#000000; } 
/*MENU DEROULANT*/ .menu { width:400px; height:100px; background-image: url(./images/produits.gif);margin-left:auto; margin-right:auto; background-repeat:no-repeat;}
 
 /*CNIL*/
 .cnil {text-align:center;font-size:90%;color:#222;margin-left:30px;margin-right:30px;font-family:times new roman, arial, verdana;background-color:#FFFFFF;border:solid 1px;color:#999999}
/*pied de page*/ 
.footer { border-bottom:solid 1px #000000;border-top:solid 1px #000000;font-family:Arial, Helvetica, sans-serif;clear:both; background-color:#000000; color:#FFFFFF; font-size:70%; text-align:center;padding:5px } 
  
/*reservation form*/ 
.resa { width:250px; background-image:url(./images/bg.gif); border:solid 1px #996600; text-align:center; }
/*fiche prod*/ .conteneur_entete { width:750px; border:solid 1px red; } .description { border:solid 1px #996633; margin:5px; }
.cadre {margin-bottom:10px;clear:both;width:500px;border:solid 1px #996633;background-color:#FFFFFF}
.entete {background:#996633;color:white;font-size:20px;font-family:arial, verdana;}
.photo {float:right;border:solid 1px #996633;}
.box {width:400px;text-align:justify;font-family:arial;font-size:12px;background-color:#FFFFFF;border: solid 1px #000000;margin-right:3px}
.cadre2 {clear:both;width:300px;border:solid 1px #996633;background-color:#FFFFFF}
.entete2 {background:#996633;color:white;font-size:20px;font-family:arial, verdana;}

.select { background-color: #FFFFFF; color:#996633; font-weight:bold; font-family:Arial, Helvetica, sans-serif; border: solid 1px #996633; margin:0px 2px}
.noindex { width:50%;margin-top:2px; padding: 2px 4px 2px } .noindex a, .tdn { text-decoration: none }

.num {font-weight:bold;font-family:Arial, Helvetica, sans-serif; color:#000000; margin:0px 2px;border: solid 1px #FFFFFF}
.num:hover { background-color: #FFFFFF; color:#996633; font-weight:bold; border: solid 1px #996633; margin:0px 2px}
#lienfooter p{margin:0px;text-align:right;font-family:Arial, Helvetica, sans-serif;font-size:x-small;font-weight:bold}
#lienfooter a{color:black;text-decoration:none}
#lienfooter a:hover{text-decoration:underline}