
div.image div.liste { width: 712px; float: left; overflow: hidden; }
div.image div.liste ul { float: left; padding-top: 0px; }
div.image div.liste ul li { float: left; padding-right: 10px; height: 160px; }
div.image div.liste ul.fiche li { padding-right: 10px; }
div.image div.liste ul li div.preview a { color: #ffffff; text-decoration: none; font-size: 11px; display: block; width: 166px; height: 96px; border: 1px solid #ffffff; text-align: center; background: #cacaca; }
div.image div.liste ul li div.preview a img { border: 3px solid #cacaca; background: #888888; }
div.image div.liste ul li div.info { width: 160px; font-size: 12px; line-height: 14px; padding: 2px 0px 0px 4px; }
div.image div.liste ul li div.info h3 { font-weight: bold; }
div.image div.liste ul li div.info h3 a { color: #9A353B; text-decoration: none; }
div.image div.categories { width: 228px; float: left; background: #ffffff; }

div.categories h2 { background-image: url(../images/image_h2_categorie.gif); height: 25px; font-weight: bold; color: #ffffff; font-size: 11px; padding: 8px 0px 0px 30px; }
div.categories ul { padding: 14px 20px; font-size: 12px; line-height: 18px; font-weight: bold; }
div.categories ul li a { color: #333333; text-decoration: none; }
div.categories ul li a span.nbre { color: #6CB1B4; }
div.categories ul li a:hover { color: #888888; }

div.image div.voir { margin-top: 0.8em; position: relative; border: 1px solid #bbbbbb; width: 640px; text-align: center; background-color: #F5F5F5; margin-bottom: 12px; }
div.image h2 { width: 642px; margin-bottom: 12px; font-family: arial, helvetica, sans-serif; color: #888888; font-weight: bold; font-size: 16px; border-bottom: 1px dotted #4E7E80; padding: 0px 0px 4px 0px;  }
div.image div.commandes { padding-bottom: 12px; }
div.image div.commandes ul li { font-size: 11px; width: 214px; float: left; }
div.image div.commandes ul li.center { text-align: center; }
div.image div.commandes ul li.right { text-align: right }
/*
div.image div.commandes a { color: #9A353B; text-decoration: none; }
div.image div.commandes a:hover { color: #000000; text-decoration: underline; }
*/

div.image div.commandes_float div { float: left; }
div.image div.commandes_images { text-align: center; }
div.image div.commandes_images div { display: inline; }
div.image div.commandes_images div a { text-decoration: none; vertical-align: 115%; }
div.image div.commandes_images div a img { border: 2px solid #9A353B; }
div.image div.commandes_images div a:hover img { border: 2px solid #BBBBBB; }
div.image div.commandes_images .image_courante img { border: 2px solid #666666; }

div.sidebox_large dl { font-size: 11px; line-height: 24px; }
div.sidebox_large dl dt { font-weight: bold; border-bottom: 1px solid #E6D4D5; clear: both; float: left; width: 140px; }
div.sidebox_large dl dd { border-bottom: 1px solid #E6D4D5; float: left; width: 150px; }
div.sidebox_large { font-size: 11px; line-height: 16px; }

div.commentaires { width: 642px; padding-bottom: 32px; }
div.commentaires h2 { font-size: 18px; color: #98353A; font-weight: normal; }
div.commentaires li { margin-bottom: 16px; }
div.commentaires li div.info { font-size: 12px; line-height: 16px; height: 31px; background-image: url(../images/comment2_light_top.gif); }
div.commentaires li.dark div.info { background-image: url(../images/comment2_dark_top.gif); }
div.commentaires li div.info { padding: 0px 0px 0px 60px; }
div.commentaires li div.info span.auteur { font-weight: bold; color: #4E7E80; }
div.commentaires li div.info span.ip { padding-left: 8px; color: red; }
div.commentaires li div.info span.date { color: #888888; padding-left: 8px; }
div.commentaires li div.texte { font-size: 12px; line-height: 16px; padding: 0px 8px; background: #ECF1F1; }
div.commentaires li.dark div.texte { background: #DFE8E8 !important; }
div.commentaires li div.bas { height: 9px; font-size: 1px; background-image: url(../images/comment2_light_bottom.gif); }
div.commentaires li.dark div.bas { background-image: url(../images/comment2_dark_bottom.gif); }
div.commentaires div.more { font-size: 11px; text-align: right; }
div.commentaires blockquote { margin: 0px; font-style: normal; font-family: Tahoma, verdana, arial, helvetica, sans-serif; font-size: 12px; color: #000000; background: #FBF7F7; padding: 4px; border: 1px solid #9A353B; }
div.commentaires div.mnt_quote { font-size: 11px; padding-bottom: 4px; color: #9A353B; }

div.command_add_comment { font-size: 12px; padding: 0px 0px 16px 0px; }
div.command_add_comment a { background-image: url(../images/ariane_sep.gif); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 16px; color:#AA5E35; text-decoration:none; }
div.more a { color:#AA5E35; text-decoration:none; }
div.command_add_comment a:hover, div.more a:hover { color: #000000; text-decoration: underline; }


div.formulaire fieldset { width: 624px; border: 1px solid #cccccc; padding: 20px 8px 8px 8px; margin-bottom: 12px; }
div.formulaire fieldset p { font-size: 11px; padding-left: 14px; line-height: 16px; margin-bottom: 16px; }
div.formulaire fieldset legend { font-size: 11px; color: #963338; margin-left: 6px; padding: 0px 8px; }
div.formulaire fieldset div.line, div.formulaire fieldset div.line_short { clear: both; padding-left: 14px; }
div.formulaire fieldset label { display: block; width: 120px; float: left; font-size: 11px; font-weight: bold; height: 12px; padding-top: 2px; }
div.formulaire fieldset div.line_short label { display: block; width: 120px; float: left; font-size: 11px; font-weight: bold; height: 12px; padding-top: 2px; }
div.formulaire fieldset label span { color: #CC0000; }
div.formulaire fieldset div.captcha { width: 200px; float: left; height: 30px; }
div.formulaire fieldset div.champ { float: left; padding-bottom: 12px; }
div.formulaire fieldset div.champ input { font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 12px; color: #4E7E80; display: block; border: 1px solid #888888; }
div.formulaire fieldset div.champ input.texte { width: 250px; height: 14px; }
div.formulaire fieldset div.champ input.texte_court { width: 100px; height: 14px; }
div.formulaire fieldset div.champ textarea.texte { width: 480px; height: 100px; font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 12px; color: #000000; border: 1px solid #888888; }
div.formulaire fieldset div.champ div.precision { font-size: 10px; color: #AAAAAA; padding-top: 2px; }
div.formulaire div#fin { clear: both; padding: 16px 0px 8px 214px; }
div.boutons { clear: both; padding: 8px 0px 24px 0px; text-align: center; }
div.formulaire ul.erreurs { color: #ff0000; font-size: 11px; margin-bottom: 20px; }
div.formulaire ul.erreurs li { line-height: 16px; font-size: 11px; margin: 0px; }

div.tools { padding-left: 120px; width: 482px; clear: both; }
div.tools div.main li { display: block; float: left; margin: 0px 4px 0px 0px;  }
div.tools div.main ul { margin: 0px; }
div.tools div#smiley { padding-bottom: 8px; clear: both; display: none; }
div.tools div#colors { padding: 8px 0px; clear: both; display: none; }

a#image_prev {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  text-decoration: none;
}

a#image_next {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  text-decoration: none;
}

a#image_prev .cadre, a#image_next .cadre {
  background: #ffffff;
  padding: 8px;
  border: 1px solid #bbbbbb;
  display: block;
}

a#image_prev .triforce, a#image_next .triforce {
  display: block;
  width: 47px;
  height: 90px;
  background-repeat: no-repeat;
}

a#image_prev .triforce {
  background-position: right;
  background-image: url(../images/image_next.png);
  padding-left: 8px;
  float: right;
}

a#image_next .triforce {
  background-position: left;
  background-image: url(../images/image_prev.png);
  padding-right: 8px;
  float: left;
}

a#image_prev .preview {
  display: block;
  width: 160px;
  height: 90px;
  background: #888888;
  float: right;
}

a#image_next .preview {
  display: block;
  width: 160px;
  height: 90px;
  background: #888888;
  float: left;
}

a#image_prev .image, a#image_next .image {
  display: block;
  height: 90px;
}

a#image_prev .titre, a#image_next .titre {
  display: block;
  padding-top: 4px;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  color: #98353A;
}

div.bouton a { float: left; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
