@CHARSET "UTF-8";

body {
  margin: 0px;
  padding: 0px;
  padding-bottom: 100px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-image: url(/images/site/fond.jpg);
  background-repeat: repeat-x;
  background-color: #DEDED6;
}
h1 { color: #666; font-size: 20px; margin: 0px; padding-top: 10px; padding-left: 5px; }
h2 { font-size: 16px; margin: 2px; }
h3 { color: #666; }
hr {
  color: #666;
  background-color: #666;
  height: 1px;
  border: 0;
}
form { display: inline; }
legend { color: #000; font-weight: bold; }
.lecture{ background-color: #DDDDDD; color: #000000; }

.bold {  font-weight: bold; }
.center {  text-align: center; }
.no-puce { list-style-type: none; }
.clearall { clear: both; }
.italic { font-style: italic;}

.fg-button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fg-button .ui-icon { }

a.fg-button { float:left; }

/* remove extra button width in IE */
button.fg-button { width:auto; overflow:visible; }

.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }

.ui-icon {width: 16px; height: 16px; background-image: url(image.png); clear: right; float: left; }

.ui-state-default-light {border: 1px solid #aeb0b2; background: #d6d9db url(images/ui-bg_glass_85_d6d9db_1x400.png) 50% 50% repeat-x; color: #272727; outline: none; cursor:pointer;}
.ui-state-hover-light { border: 1px solid #aeb0b2; background: #e4e9ec url(images/ui-bg_glass_75_e4e9ec_1x400.png) 50% 50% repeat-x; color: #2278b9; outline: none; cursor:pointer;}

.ui-progressbar-value { background-image: url(/css/images/pbar-ani.gif); }

a { color: #333; }
a:hover { color: #565656; text-decoration: none; }

.link { color: #333; text-decoration: underline; cursor: pointer; }
.link:hover { color: #565656; text-decoration: none; }

.fond_bandeau {
  background-image: url('/images/site/bandeau.png');
}

.texte_petit {
  font-size: 10px;
}

.logo_ce_miniature {
  height: 100px;
}

.navigation_recherche {
  float: right;
  padding-right: 5px;
}

.navigation_devis {
  float: right;
  padding-right: 15px;
}

.table_content {
  width: 987px;
}
.fond_cadre_haut_accueil {
  line-height: 0px;
  height: 10px;
  width: 987px;
  background-image: url(/images/site/cadre_offre_accueil_haut.png);
}
.fond_cadre_milieu_accueil {
  background-image: url(/images/site/cadre_offre_accueil_milieu.png);
}
.fond_cadre_bas_accueil {
  line-height: 0px;
  height: 6px;
  width: 987px;
  background-image: url(/images/site/cadre_offre_accueil_bas.png);
}

.fond_cadre_haut {
  line-height: 0px;
  height: 10px;
  width: 987px;
  background-image: url(/images/site/cadre_haut.png);
}
.fond_cadre_milieu {
  background-image: url(/images/site/cadre_milieu.png);
}
.fond_cadre_bas {
  line-height: 0px;
  height: 6px;
  width: 987px;
  background-image: url(/images/site/cadre_bas.png);
}

.table_footer {
  width: 987px;
  text-align: left;
  height: 30px;
}

.column_left {
  /*padding-left: 15px;*/
  text-align: center;
  width: 228px;
}
.column_content {
  padding-top: 5px;
  text-align: left;
  /*width: 456px;*/
}
.column_right {
  width: 228px;
  /*text-align: center;*/
}

.content_header {
  width: 974px;
  padding-left:5px;
}
.header_content_panier {
  width: 974px;
  height: 35px;
  position: absolute;
  z-index: 2;
}
.header_panier {
  background-image: url(/images/site/champ.png);
  width: 220px;
  height: 35px;
  float: right;
  color: #fff;
  text-align: right;
}
.header_panier a {
  color: #fff;
  text-decoration: none;
  position: relative;
}
.header_panier a:hover {
  color: #fff;
  text-decoration: underline;
  position: relative;
}

.header_panier2 {
  background-image: url(/images/site/champ2.png);
  width: 320px;
  height: 35px;
  float: right;
  color: #fff;
  text-align: right;
}
.header_panier2 a {
  color: #fff;
  text-decoration: none;
  position: relative;
}
.header_panier2 a:hover {
  color: #fff;
  text-decoration: underline;
  position: relative;
}

.header_panier a {
  color: #fff;
  text-decoration: none;
  position: relative;
}
.header_panier a:hover {
  color: #fff;
  text-decoration: underline;
  position: relative;
}

.logo_ce {
  width: 974px;
  height: 158px;
  position: absolute;

  background-position: bottom right;
  background-repeat: no-repeat;
}

.content_recherche {
  border: 1px solid #666;
}
.content_menu {
  padding-left:5px;
}

.content_footer {
  padding-left: 15px;
  font-size: 10px;
  color: #4F4F4F;
}
.content_footer a {
  text-decoration: none;
  color: #4F4F4F;
}
.content_footer a:hover {
  text-decoration: underline;
}

.liste_sousfamille {
  line-height: 20px;

}
.liste_sousfamille a {
  text-decoration: none;
}
.liste_sousfamille a:hover {
  text-decoration: underline;
}

/* BREADCRUMBS */
.table_breadcrumbs {
  height: 27px;
  width: 485px;
}
.content_breadcrumbs {
  padding: 5px;
  font-size: 12px;
  height: 16px;
}
.content_breadcrumbs a {
  text-decoration: none;
}
.content_breadcrumbs_sousfamille {
  color: #fff;
  width: 505px;
  height: 27px;
  font-weight: bold;
  font-size: 14px;
  background-repeat: no-repeat;
  vertical-align: middle;
  padding-left: 10px;
}
.content_breadcrumbs_sousfamille a {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.content_breadcrumbs_sousfamille a:hover {
  text-decoration: underline;
  color: #fff;
}

.content_breadcrumbs_panier {
  color: #fff;
  width: 720px;
  height: 27px;
  font-weight: bold;
  font-size: 14px;
  background-repeat: no-repeat;
  vertical-align: middle;
  padding-left: 20px;
}
.content_breadcrumbs_panier a {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.content_breadcrumbs_panier a:hover {
  text-decoration: underline;
  color: #fff;
}

.navigation_retour {
  text-align: right;
  font-size: 12px;
}

.menu_compte {
  line-height: 20px;
}


.content_box_faq {
  width: 180px;
  padding-left: 20px;
}
.liste_faq {
  line-height: 30px;
  list-style-type: none;
}
.liste_faq span {
  text-decoration: none;
  cursor: pointer;
}
.liste_faq span:hover {
  text-decoration: underline;
}
.box_faq {
  list-style-type: none;
  line-height: 20px;
  margin: 0px;
  padding: 0px;
}
.box_faq strong {
  color: #666;
}
.box_faq ul{
  margin: 0px;
  padding: 0px;
  padding-left: 15px;
}
.box_faq li {
  cursor: pointer;
}
.box_faq li ul li {
  padding-left: 5px;
}
.box_faq li ul li:hover {
  text-decoration: underline;
}


.content_sitemap {
  font-size: 10px;
  height: 20px;
  text-align: left;
}
.content_sitemap a {
  font-size: 10px;
  color: #4F4F4F;
  text-decoration: none;
}
.content_sitemap a:hover {
  text-decoration: underline;
}
.content_sitemap li {
  float: left;
  display: inline;
  font-weight: bold;
  padding: 10px;
  list-style-type: none;
}
.content_sitemap ul {
  padding: 0px;
  margin: 0px;
}
.content_sitemap li li {
  float: none;
  display: block;
  font-weight: normal;
  padding: 0px;
}

.separator_box {
  line-height: 0px;
  height: 5px;
}

/* BOX MENU */
.box_menu {
  border: 1px solid #666;
}
.box_menu li {
  font-size: 12px;
}
.box_menu ul {
  font-size: 12px;
  padding: 0px;
  padding-left: 20px;
  margin: 0px;
}

/* BOX CATEGORIE */
.box_categorie {
  width: 200px;
  text-align: left;
  /*padding-left: 6px;*/
}
.box_categorie li,
.box_categorie ul {
   list-style-type: none;
   padding: 0px;
   margin: 0px;
}
.box_categorie li {
}
.box_categorie ul div {
  display: inline;
  height: 18px;
  width: 20px;
}
.box_categorie a {
  text-decoration: none;
}
.box_categorie a:hover {
  text-decoration: underline;
}
.box_categorie_entete {
  padding-top: 2px;
  height: 20px;
  color: #fff;
  font-weight: bold;
  font-size:14px;
}


.box_nouveautes {
  width: 213px;
  background-color: #efefef;
}
.box_choixregion {
  width: 213px;
  background-color: #efefef;
}
.box_historique_produit {
  border: 1px solid #666;
}
.box_promotion {
  border: 1px solid #666;
}
.box_meilleures_ventes {
  border: 1px solid #666;
}

.box_identification {
  width: 213px;
  padding-left: 5px;
}
.input_identification {
  width: 140px;
}
.input_password {
  width: 100px;
}

.box_newsletter {
  width: 213px;
  background-color: #efefef;
}

.box_panier {
  border: 1px solid #666;
  background-color: #efefef;
}

.box_recherche {
  background-image: url(/images/site/fond_box_recherche.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 228px;
  height: 70px;
}
.box_recherche input {
  position: relative;
}
.box_recherche input {
  position: relative;
}
.box_recherche table {
  width: 213px;
  height: 49px;
}
.box_pub {
  width: 100%;
  text-align: center;
}

.input_recherche {
  /*position: relative;
  left: 50px;
  top: 5px;*/
  width: 100px;
}
.submit_recherche {
  /*position: relative;
  left: 50px;
  top: 12px;*/
}

.box_tableaudebord {
  width: 213px;
}

/* FORM */
.errors {
  color: red;
  font-size: 12px;
}
.succes {
  color: green;
  font-size: 12px;
}
.form_note {
  font-size: 12px;
  text-align: center;
  padding-bottom: 10px;
}
.form_submit {
  text-align: center;
}
.form_submit input {
  font-weight: bold;
  font-size: 12px;
}


form p {
  margin: 1em 0;
}
form p.double {
  /* Empêcher le dépassement des flottants */
  overflow: hidden;
  /* Idem pour IE6 */
  width: 100%;
}
form p.double label {
  float: left;
  width: 150px;
  text-align: left;
  font-weight: bold;
  cursor: pointer;
}
/*
form p.double label span.info {
  display: block;
  margin-top: .2em;
  font-size: .8em;
  font-weight: normal;
  cursor: default;
}
form p.double input,
form p.double textarea {
  width: 250px;
  margin-left: 12px;
  padding: 2px 4px;
}
form p.double textarea {
  padding: 2px 0 0 4px;
  width: 320px;
  height: 6em;
}*/
form p.simple {
  margin-left: 160px;
}

/* TREEVIEW */
.buttontreeview {
  cursor: pointer;
  padding-bottom: 2px;
}
ul.treeview, ul.treeview ul {
  list-style-type: none;
}


/* DATEPICKER */
.ui-datepicker-trigger {
  cursor: pointer;
}

/* TABLEAU */
.border-right {
  border-right: 1px solid #000;
}
.border-left {
  border-left: 1px solid #000;
}
.border-bottom {
  border-bottom: 1px solid #000;
}
.border-top {
  border-top: 1px solid #000;
}
.odd {
  background-color: #efefef;
}
div .odd-line {
  border-bottom: 1px solid #efefef;
}
.even {
  background-color: #fff;
}
.tableau_liste th {
  background-color: #dfdfdf;
  text-align: center;
}

/* IDENTIFICATION */
.haut_identification {
  background-image: url(/images/site/identification/haut.png);
  background-repeat: no-repeat;
  background-position: center top;
  height: 230px;
  width: 730px;
}
.haut_identification a {
  position: relative;
}
.haut_identification input {
  position: relative;
}
.milieu_identification {
  background-image: url(/images/site/identification/milieu.png);
  background-position: center;
  height: 6px;
  width: 730px;
}
.milieu_identification a {
  position: relative;
}
.milieu_identification input {
  position: relative;
}
.bas_identification {
  background-image: url(/images/site/identification/bas.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  height: 180px;
  width: 730px;
}

.fond_creation {
  background-image: url(/images/site/identification/fond_creation.png);
  background-repeat: no-repeat;
  background-position: center top;
  height: 743px;
  width: 950px;
}
.fond_creation a {
  position: relative;
}
.fond_creation input {
  position: relative;
}

.haut_contact_identification {
  background-image: url(/images/site/identification/haut_contact.png);
  background-repeat: no-repeat;
  background-position: center top;
  height: 230px;
  width: 730px;
}
.haut_contact_identification a {
  position: relative;
}
.haut_contact_identification input {
  position: relative;
}

.col110px{
  width:110px;
  float:left;
}
.col220px{
  width:220px;
  float:left;
}

/* PLAN DU SITE */
ul.plandusite, ul.plandusite ul  {
  list-style-type: none;
  padding-left: 0px;
  line-height: 20px;
}
.plandusite a {
  text-decoration: none;
}
.plandusite a:hover {
  text-decoration: underline;
}
.plandusite div a {
  font-weight: bold;
  color: #fff;
  padding: 5px;
}

.lien_rech_avance a{
  text-decoration: none;
  font-size:9px;
  color:#6D6D6D;
  padding-right:2px;
}
.lien_rech_avance a:hover {
  text-decoration: underline;
  color:#000;
}
.lien_affiner_rech a{
  text-decoration: none;
  color:#6D6D6D;
  padding-right:2px;
}
.lien_affiner_rech a:hover {
  text-decoration: underline;
  color:#000;
}

/* SUPER ADMIN */
ul.superadmin  {
  list-style-type: none;
  padding-left: 20px;
  line-height: 20px;
}
.superadmin a {
  text-decoration: none;
}
.superadmin a:hover {
  text-decoration: underline;
}
#superadmin_sortable { list-style-type: none; margin: 0; padding: 0; }
#superadmin_sortable li { margin: 0 3px 3px 3px; padding: 0.4em; font-size: 1em; height: 18px; cursor: pointer; }

.espace_elu_nmr {
  width: 290px;
  height: 70px;
  background-image: url(/images/site/espace_meyclub.png);
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}

/* PUBLICITES */
.pub_colonne {
  width: 213px;
  margin-left: auto;
  margin-right: auto;
  overflow:hidden;
}
.pub_bonplan {
  width: 725px;
  text-align: center;
}
.box_pub_vignette {
  width: 113px;
  height: 113px;
  background-image: url(/images/site/box/pubs/pastille.png);
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: 65px;
  z-index: 100;
}
.prix_barre {
  background-image: url(/images/site/prix_barre.png);
  background-repeat: no-repeat;
  color: #000;
}
.fond_pub {
  height: 100%;
}
