body { background: url(../images/fond.png) repeat-x #fefefe;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 12px;color: #707173 }
a img { border: 0 }
a { text-decoration: none;color: #707173 }
a:hover { text-decoration: underline;color: #f29400 }
img { vertical-align: middle;border: 0 }
* { margin: 0;padding: 0;font-family: Arial, Helvetica, sans-serif;outline: none }
form { margin: 0;padding: 0 }

#header { position: relative;background: url(../images/logo.png) no-repeat ;width: 1011px;height: 200px;margin: 0 auto }
#header p { position: absolute;top: 157px;left: 0;width: 1011px;text-align: center;color: #fff;font-size: 14px }
#menu { position: absolute;top: 119px;right: 12px;text-align: center;width: 715px;height: 27px;line-height: 27px;padding-left: 20px }
#menu a { display: inline-block;color: #fff;font-size: 14px;height: 27px;line-height: 27px;padding: 0 10px }
#menu a:hover { background: #fff;height: 27px;line-height: 27px;color: #f29400;font-weight: bold }
#menu a.active { background: #fff;height: 27px;line-height: 27px;color: #f29400;font-weight: bold;text-decoration: underline; }

#page { clear: both;background: url(../images/fond-page.png) repeat-y;width: 1011px;margin: 0 auto } 
 
#content { background: url(../images/fond-content.png) no-repeat top;width: 988px;overflow: auto;padding: 0 12px 0 11px }

#menu2 { background: url(../images/coupes.png) no-repeat 25px 0;float: left;width: 207px;padding-top: 108px;overflow: auto }
#menu2 ul { list-style: none }
#menu2 li a { background: url(../images/poissonG.png) no-repeat 6px 5px;display: block;font-size: 14px;width: 177px;line-height: 29px;padding-left: 30px }
#menu2 li a:hover { background: url(../images/poissonR.png) no-repeat 6px 5px;color: #f29400;font-weight: bold }
#menu2 li a.active { background: url(../images/poissonR.png) no-repeat 6px 5px;color: #f29400;font-weight: bold;text-decoration: underline }
#menu2 li a.sm { background: none;width: 162px;display: block;font-size: 12px;font-weight: normal;line-height: 14px;margin: 3px 0;padding-left: 30px;border: 0 }
#menu2 li a.sm:hover { color: #f29400;border: 0;font-weight: bold }
#menu2 li a.sm_active { background: none;width: 162px;display: block;color: #f29400;font-size: 12px;font-weight: bold;line-height: 14px;margin: 3px 0;padding-left: 30px;border: 0 }

#cont { float: right;width: 770px;padding-bottom: 70px;overflow: auto }
#cont h1 { float: right;background: #f29400;color: #fff;padding: 0 15px;height: 29px;line-height: 29px;font-size: 20px;font-weight: normal }
#cont div.centre { width: 750px;padding: 5px 10px;overflow-x: hidden }
#cont div.centre ul { margin-left: 20px;padding: 0 }
#cont div.rech p { margin: 15px 0 0 20px }

#footer {  background: url(../images/fond-bottom.png) no-repeat top;clear: both;width: 1011px;margin: 0 auto;overflow: auto }
#footer #legal { float: right;margin-right: 20px;margin-top: 10px }

/* Galerie */
#galerie { border-collapse: collapse;margin: 0 0 10px 6px }
#galerie td.img { background: #fff;text-align: center;padding: 0 4px;border: 1px solid #f29400;vertical-align: middle;line-height: 130% } 
#galerie td.texte { vertical-align: top;padding: 0 3px 3px 3px }

#galerie2 { border-collapse: separate;margin: 3px 0 }
#galerie2 td.img { background: #fff;text-align: center;padding: 0 4px;border: 1px solid #f29400;vertical-align: middle;line-height: 130% } 
#galerie2 td.texte { vertical-align: middle;padding: 0 3px 3px 3px }
#galerie2 td.separe { height: 5px;line-height: 5px }

#BarreNav { width: 100%;text-align: center;margin: 10px 0 }
#BarreNav a { display: inline-block;border: 1px solid #f29400;text-decoration: none;padding: 0 4px }
#BarreNav a:hover { background: #fff } 

/* Livre d'or */
#livre_form { width: 100%;margin-top: 15px }
#livre_form table { width: 100%;background: #ccc;border: 1px solid #f29400;padding: 5px 10px;margin: 0 auto }
#livre_form td { vertical-align: top }
#livre_form img { margin-bottom: -5px }
#livre_form .right { text-align: right }
#livre_form textarea { width: 350px }

#livre_mess { width: 100%;margin-top: 15px }
#livre_mess table { width: 100%;padding: 5px 10px;border-collapse: collapse }
#livre_mess td { background: #fff;border: 1px solid #f29400;padding: 5px }
#livre_mess td.hr { border: 0;background: transparent;line-height: 5px } 
#livre_mess td div { background: #f29400;width: 100%;overflow: auto;color: #fff  }
#livre_mess .right { text-align: right }
#livre_mess p { padding: 0;margin: 0 }
#livre_mess p.Fright { float: right;padding: 5px }
#livre_mess p.Fleft { float: left;padding: 5px;font-weight: bold }
#livre_mess p.mess { clear: both;margin-top: 5px;padding: 0 5px;border-left: 2px solid #f29400 }

/* Liste categorie */
#listecateg table { width: 100% }
#listecateg td {  }
#listecateg a { text-decoration: none }
#listecateg a:hover { text-decoration: underline }

#listecateg div.categ1 { background: #fff;margin: 0 auto;width: auto;height: auto;text-align: center;font-weight: bold;border: 2px solid #f29400;overflow: auto }
#listecateg div.categ1 a.lien { display: block;width: auto;background: #fff;padding: 10px 3px;border-top: 1px solid #f29400;bottom: 0 }
#listecateg div.categ1 img { background: #fff;clear: both;margin: 5px }

#listecateg div.categ2 { width: auto;margin: 0 auto;height: 100%;border: 2px solid #f29400;text-align: center;font-weight: bold;overflow: auto }
#listecateg div.categ2 a.lien { float: left;display: block;padding: 10px 5px }
#listecateg div.categ2 img { float: right;background: #fff;margin: 5px }

#listecateg div.categ3 { background: #fff;margin: 0 auto;width: auto;height: auto;text-align: center;font-weight: bold;border: 2px solid #f29400;overflow: auto }
#listecateg div.categ3 a.lien { display: block;width: auto;background: #fff;padding: 10px 3px;border-bottom: 1px solid #f29400;bottom: 0 }
#listecateg div.categ3 img { background: #fff;clear: both;margin: 5px }

#listecateg div.categ4 { width: auto;margin: 0 auto;height: 100%;border: 2px solid #f29400;text-align: center;font-weight: bold;overflow: auto }
#listecateg div.categ4 a.lien { float: right;display: block;padding: 10px 5px }
#listecateg div.categ4 img { float: left;background: #fff;margin: 5px }

#listecateg div.categ5 { width: auto;margin: 0 auto;text-align: left;font-weight: bold;overflow: auto }
#listecateg div.categ5 a { display: block;padding: 10px 5px;color: #f033b9 }

/* Liste articles */
#listeart table { width: 100% }
#listeart div.liste { background: #fff;width: 200px;margin: 10px auto;border: 5px solid #f29400;text-align: center;font-weight: bold;overflow: auto }
#listeart div.liste p { background: #5f5d5e;width: 190px;padding: 10px 5px;color: #fff;font-size: 14px;text-align: center }
#listeart div.liste a.lien { clear: both;float: right;display: block;width: 50%;text-align: right;background: #fff;color: #5f5d5e;padding: 0 5px 5px 0 }
#listeart div.liste img { clear: both }

#listeart2 { margin-top: 20px }
#listeart2 p.titre { background: #4e4e4e;color: #fff;width: 661px;padding: 0 15px;height: 30px;line-height: 30px;font-size: 17px;margin: 15px 0 5px 0 }
#listeart2 table { width: 688px;background: #fff;color: #000;border-collapse: collapse;border: 1px solid #f29400;margin: 0 auto }
#listeart2 tr.th { background: #f29400;color: #fff }
#listeart2 tr.th td { font-weight: bold;padding: 5px }
#listeart2 tr.fonce { background: #ECEBEC }
#listeart2 tr.clair { background: #FFFFFF }
#listeart2 td { padding: 3px 5px }
#listeart2 td.img { width: 80px;text-align: center;vertical-align: middle }
#listeart2 a { color: #000 }
#listeart2 td.left { text-align: left }
#listeart2 td.center { text-align: center }

/* Liste des promos */
#Promos { width: 100%;margin: 10px auto }
#Promos p.h2 { width: 100%;padding: 0;height: 30px;line-height: 30px;font-size: 17px;margin: 15px 0 5px 0;border-bottom: 1px solid #fff }
#Promos table { width: 100% }
#Promos td { background: #fff;border: 5px solid #db1b23;width: 33% }
#Promos div.liste { background: #fff;width: 100%;height: 100%;text-align: center;font-weight: bold;overflow: auto }
#Promos div.liste p { color: #5f5d5e;padding: 10px 5px;font-size: 14px;text-align: center }
#Promos div.liste a.lien { clear: both;float: right;display: block;width: 50%;text-align: right;background: #fff;color: #5f5d5e;padding: 5px 5px 5px 0;text-decoration: none }
#Promos div.liste img { clear: both }

/* Fiche article */
#details { width: 750px;background: #fff;color: #000;padding: 10px 5px;margin: 0 10px }
#details table.a { width: 750px }
#details td.img { text-align: center;vertical-align: middle;width: 300px }
#details td.img img { border: 2px solid #f29400 }
#details td.cara { width: 385px;vertical-align: top;padding: 5px 0 0 5px }
#details td.prix { text-align: center;vertical-align: middle }

#texte { margin-top: 10px;overflow-x: hidden }
#texte p.titre { width: 750px;padding: 0 10px;height: 30px;line-height: 30px;font-size: 17px;margin: 15px 0 5px 0;border-bottom: 1px solid #fff }
#texte div.texte { width: 730px;padding: 10px 20px;overflow: auto }
#texte div.texte ul { margin-left: 20px;padding: 0 }

#photos { margin-top: 10px }
#photos p.titre { width: 750px;padding: 0 10px;height: 30px;line-height: 30px;font-size: 17px;margin: 15px 0 5px 0;border-bottom: 1px solid #fff }
#photos div.photo { background: #fff;width: 740px;text-align: center;padding: 10px }
#photos div.photo img { margin: 5px;border: 1px solid #f29400 }

#ArtAss { margin-top: 40px }
#ArtAss p.titre { width: 750px;padding: 0 10px;height: 30px;line-height: 30px;font-size: 17px;margin: 15px 0 5px 0;border-bottom: 1px solid #fff }
#ArtAss table { width: 748px;background: #fff;color: #000;border-collapse: collapse;border: 1px solid #f29400;margin: 0 auto }
#ArtAss tr.th { background: #f29400;color: #fff }
#ArtAss tr.th td { font-weight: bold;padding: 5px }
#ArtAss tr.fonce { background: #ECEBEC }
#ArtAss tr.clair { background: #FFFFFF }
#ArtAss td { padding: 3px 5px }
#ArtAss td.img { width: 80px;text-align: center;vertical-align: middle }
#ArtAss a { color: #000 }
#ArtAss td.left { text-align: left }
#ArtAss td.center { text-align: center }