/**** PageShopping Cascading StyleSheet ****/

/*
 * Pour modifier le CSS des thèmes pageshopping, se rendre directement en bdd, dans la table "themes".
 * Cette feuille CSS n'est utilisée que pour la page d'accueil de PS et l'interface d'administration des boutiques.
 */


*
{
	margin:0px;
	padding:0px;
}

div.notice
{
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  background: url(../images/ok.png) no-repeat;
  background-position: 15px 5px;
  padding-left: 40px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #99dd88;
}

body
{
  font-family:verdana, tahoma, arial;
  font-size:13px;
}

#container 
{ 
  margin : 0 auto;
  width: 1000px;
  border: 1px solid #DDDDDD;
  padding-bottom: 20px;
}

ul#menu_header
{
  list-style:none;
  background: url(../images/stretch-onglets.gif) repeat-x;
  width: 100%;
  height: 30px;
}

ul#menu_header li
{
  border-right: solid 2px #FFFFFF;
  height: 26px;
  background: url(../images/stretch-onglets.gif) repeat-x;
  float:left;
  padding-top: 4px;
  padding-right: 5px;
  padding-left: 5px;
  font-weight: bold;
  color: #FFFFFF;
}

ul#menu_header li a
{
  color: #FFFFFF;
}

ul#menu_header li a:visited
{
  color: #FFFFFF;
}

ul#menu_header li.current
{
  background: url(../images/stretch-onglets-violet.gif) repeat-x;
}

img.maison
{
  margin:2px;
}

div#sub_header
{
  background: url(../images/stretch-grenat.gif) repeat-x;
  width:980;
  clear:both;
  height: 50px;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  position:relative;
}

div#sub_header a
{
  color: #FFFFFF;
}

div#sub_header a.lien_boutique
{
  color: #FFFFFF;
  /*color: #009FDD;*/
  text-decoration: underline;
}

div#top_left_column 
{
  bottom: 0;
  left: 10px;
  position:absolute;
  width: 260px;
  height: 14px;
  background: url(../images/top_left_column.png) no-repeat;
}

div#top_right_column 
{
  bottom:0;
  left: 280px;
  position: absolute;
  width: 700px;
  height: 14px;
  background: url(../images/top_right_column.png) no-repeat;
}

div.bottom_left_column 
{
  width: 100%;
  height: 14px;
  background: url(../images/bottom_left_column.png) no-repeat;
}

div.top_left_column 
{
  width: 100%;
  height: 14px;
  background: url(../images/top_left_column2.png) no-repeat;
}

div.bloc_left
{
  margin-bottom: 10px;
  background: url(../images/left_column.png) repeat-y;
  text-align: center;
}

div.bloc_left > p, div.bloc_right > p
{
  margin-left: 20px;
  margin-right: 20px;
  text-align: justify;
}

div.bloc_left > div > div.bloc_bleu
{
  background-color: #009FDD;
  width: 180px;
  /*height: 70px;*/
  text-align: left;
  margin: 0 auto;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  padding: 15px;
  padding-left: 40px;
  margin-bottom: 15px;
}

div.bloc_left > h2
{
  text-align: left;
  padding-left: 10px;
}

div.bloc_left > div > div#bloc_un
{
  background: #009FDD url(../images/un.gif) no-repeat;
  background-position: 10px 70%;
}

div.bloc_left > div > div#bloc_deux
{
  background: #009FDD url(../images/deux.gif) no-repeat;
  background-position: 10px 60%;
}

div.bloc_left > div > div#bloc_trois
{
  background: #009FDD url(../images/trois.gif) no-repeat;
  background-position: 10px 60%;
}

div.bloc_left > div > div.bloc_bleu > strong
{
  font-size: 15px;
  display: block;
}

div.bottom_right_column 
{
  width: 100%;
  height: 14px;
  background: url(../images/bottom_right_column.png) no-repeat;
}

div#sub_header form
{
  display: inline;
  font-weight: normal;
}

div#content h2
{
  font-size: 18px;
  color: #009FDD;
  font-weight: bold;
  margin-bottom: 10px;
  margin-left: 10px;
}

div#content h3
{
  font-size: 14px;
  color: #656565;
  font-weight: bold;
  margin-bottom: 10px;
}



div#content
{
  padding-left: 10px;
  padding-right: 10px;
}

div#content div#home_left p
{
  margin-bottom: 15px;
  font-size: 12px;
  color: #656565;
  text-align: justify;
}

a, a:hover, a:visited, div#content div#home_left p a, div#content div#home_left p a:hover, div#content div#home_left p a:visited
{
  color: #009FDD
}

form#create_shop_form input#boutique_nom,form#create_shop_form input#boutique_slogan
{
  width: 300px;
}

form#create_shop_form label
{
  font-size: 14px;
  font-weight: bold;
  color: #656565;
  width: 270px;
  display: inline-block;
  margin-bottom: 3px;
}

form#create_shop_form p.sub_label
{
  font-size: 12px;
  font-weight: normal;
  color: #656565;
  margin-bottom: 15px;
}

form#create_shop_form textarea
{
  margin: 10px 0;
}

input#login
{
  background: url(../images/bouton-valider.gif) no-repeat;
  border: 0px none;
  height: 24px;
  width: 108px;
  cursor: pointer;
  color: transparent;
}

input#login_min
{
  background: url(../images/bouton-ok.gif) no-repeat;
  border: 0px none;
  height: 17px;
  width: 31px;
  cursor: pointer;
  color: transparent;
}

input#create_shop
{
  background: url(../images/bouton-creer-boutique.gif) no-repeat;
  border: 0px none;
  height: 24px;
  width: 308px;
  cursor: pointer;
  color: transparent;
}

input#save
{
  background: url(../images/bouton-sauver.gif) no-repeat;
  border: 0px none;
  height: 24px;
  width: 118px;
  cursor: pointer;
  color: transparent;
}

input#delete
{
  background: url(../images/bouton-supprimer.gif) no-repeat;
  border: 0px none;
  height: 24px;
  width: 118px;
  cursor: pointer;
  color: transparent;
}

div#bloc_themes div
{
  text-align: center;
  float: left;
}

div#bloc_themes h3
{
  margin-bottom: 0px;
  margin-top: 5px;
}

div#bloc_themes div img
{
  border: 4px solid #FFFFFF;
  margin: 4px;
}

div#bloc_themes div img:hover
{
  border: 4px solid #009FDD ;
}

div#bloc_themes div img.selected
{
  border: 4px solid #009FDD ;
}

input, textarea, select
{
  border: 1px solid #009FDD;
}

span.form_error
{
  color: red;
  display: block;
}

img
{
  border: none;
}

a, a:visited, a:hover
{
  text-decoration: none;
}

div#left_column
{
  float:left;
  width: 260px;
  margin-right: 10px;
}

div#right_column
{
  float:left;
  width: 700px;
  background: url(../images/right_column.png) repeat-y;
}

div.clear
{
  clear: both;
}

ul.left_menu
{
  list-style: none;
  width: 200px;
  margin-bottom: 10px;
  margin-left: 20px;
  text-align: left;
  position: relative;
}

ul.left_menu > li
{
  list-style: none;
  padding: 3px;
}

ul.left_menu > li > a
{
  color: #656565;
}

ul.left_menu > li.selected > a
{
  font-weight: bold;
  color: #A30069;
}

ul.left_menu > li.parent
{
  background: url(../images/petite-fleche-rouge.gif) no-repeat scroll 100% 9px;
}

ul.left_menu > li.parent_opened
{
  background: url(../images/petite-fleche-rouge-bas.gif) no-repeat scroll 100% 9px;
}

ul.left_menu > li > ul
{
  list-style:none;
  padding-left: 5px;
}

ul.left_menu > li > ul > li
{
  font-weight: normal;
  background: #FFFFFF;
  padding: 3px;
}

ul.left_menu > li > ul > li > a
{
  color: #656565;
}

ul.left_menu > li > ul > li.selected
{
  font-weight: bold;
  color: #656565;
}

div#images > div.image
{
  margin: 5px 15px;
}

div#images > div.image > input
{
  width: 620px;
}

div#produits > div.produit
{
  float: left;
  margin: 10px;
  padding: 10px;
  border: 4px solid #ffffff;
  width: 170px;
  height: 200px;
  text-align: center;
}

div#produits > div.produit:hover
{
  border: 4px solid #009FDD;
  cursor: pointer;
}

div#produits > div.produit_selected
{
  border: 4px solid #009FDD;
  float: left;
  margin: 10px;
  padding: 10px;
  width: 170px;
  height: 200px;
  text-align: center;
}

div#produits > div.produit > h4, div#produits > div.produit_selected > h4
{
  color: #656565;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 10px;
}

div#produits > div.produit > p.prix, div#produits > div.produit_selected > p.prix
{
  color: #656565;
  font-size: 14px;
  font-weight: bold;
  margin-top: 3px;
}

div#produits > div.produit > p.rubrique_produit, div#produits > div.produit_selected > p.rubrique_produit
{
  color: #656565;
  font-size:12px;
  font-weight: bold;
  margin-top: 3px;
}

div#produits > div.produit > p.rubrique_produit > span, div#produits > div.produit_selected > p.rubrique_produit > span
{
  color: #009FDD;
}

div#produits > div.produit > input, div#produits > div.produit_selected > input
{
  display: block;
}

h3.rubrique
{
  text-align: left;
  color: #009FDD !important;
  margin-left: 24px;
}

span.nb_produits_rubrique
{
  position: absolute;
  left: 200px;
  color: #009FDD;
  margin-top:1px;
}

div.add_products
{
  text-align: center;
  margin-top: 10px;
  clear: both;
}

div.add_products > input
{
  background: url(../images/bouton-ajout-produit.gif) no-repeat;
  border: 0px none;
  height: 24px;
  width: 198px;
  cursor: pointer;
  color: transparent;
}

/***********************/
/* Page de recherche produits */
/***********************/

div#left_column div#recherche_produits form
{
  padding: 0px;
  margin: 0px;
}

div#left_column div#recherche_produits
{
  background-color: #F7F7F7;
  border: 1px solid #EBEBEB;
  padding: 10px;
  color: #656565;
}

div#left_column div#recherche_produits form label
{
  margin-bottom: 10px;
}

div#left_column div#recherche_produits form input
{
  display: inline;
}

div#left_column div#recherche_produits form input#ok
{
  background: url(../images/bouton-ok.gif) no-repeat;
  border: 0px none;
  height: 17px;
  width: 31px;
  cursor: pointer;
  color: transparent;
  display: inline;
  margin-left: 10px;
}

div#right_column > p
{
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
}

div#right_column div#recherche_produits form
{
  margin: 0px;
  padding-left: 10px;
  text-align: left;
}

div#right_column div#recherche_produits form input#ok
{
  background: url(../images/bouton-ok.gif) no-repeat;
  border: 0px none;
  height: 17px;
  width: 31px;
  cursor: pointer;
  color: transparent;
  display: inline;
  margin-left: 10px;
}


div#right_column > p.explication
{
  margin-bottom: 20px;
}


div#right_column h3.search_products
{
  font-size: 12px;
  color: #A30069;
  padding-left: 10px;
  padding-right: 10px; 
}

div#pagination_liste_produits_pager span
{
  color: #009FDD;
}

hr
{
  margin-top: 10px;
  margin-bottom: 10px;
}

img.img_create_shop
{
  width: 679px;
  border-left: 1px solid #CCCCCC;
}

span.nb_boutiques
{
  color: #F58416;
  font-weight: bold;
  font-size: 18px;
  text-align: right;
  margin-left: 150px;
}

div#bloc_creer_boutique:hover
{
  cursor: pointer;
}

ul#liste_boutiques
{
  list-style: none;
  margin-top: 10px;
  margin-left: 20px;
}

ul#liste_boutiques > li
{
  margin-bottom: 5px;
}

ul#liste_boutiques a, ul#liste_boutiques a:hover, ul#liste_boutiques a:visited
{
  color: #009FDD;
}

div.boutique_recente
{
  width: 200px;
  border: 1px solid #CCCCCC;
  margin-right: 20px;
  margin-bottom: 20px;
  height: 150px;
  float: left;
  padding: 10px;
  color: #656565;
}

div.boutique_recente > span.date_boutique
{
  color: #F58416;
  margin-bottom: 10px;
  margin-left: 10px;
  display: block;
}

div.boutique_recente > a
{
  display: block;
  font-size: 15px;
  font-weight: bold;
}


/*************/
/* EBUYCLUB */
/************/

#comphg 
{
  background:transparent url(../images/coin-gh-comp.gif);
}

#comphg, #comphd, #comph, #comp_unih 
{
  float:left;
}
#comphg, #comphd, #compbg, #compbd 
{
  background-repeat:no-repeat;
  height:10px;
  width:10px;
}

#comph, #compb, #comp, #comp_unih, #comp_unib, #comp_uni, .comp_uni 
{
  background-color:#F7F7F7;
  color:#656565;
}

#comp_unih, #comp_unib 
{
  height:9px;
  width:650px;
}

#comph, #comp_unih 
{
  border-top:1px solid #EBEBEB;
}

#comphd 
{
  background:transparent url(../images/coin-dh-comp.gif);
}

#comp, #comp_uni, .comp_uni 
{
  text-align: right;
  border-left:1px solid #EBEBEB;
  border-right:1px solid #EBEBEB;
  clear:both;
  font-family:verdana,arial,sans-serif;
  font-size:12px;
  font-weight:bold;
  width:668px;
}

#compbd 
{
  background:transparent url(../images/coin-db-comp.gif);
}

#compbg
{
  background:transparent url(../images/coin-gb-comp.gif);
}

#compbg, #compbd, #compb, #comp_unib 
{
  float:left;
}

#compb, #comp_unib 
{
  border-bottom: 1px solid #EBEBEB;
}

.comp_unicadre, #comp_uni
{
  margin-left: 10px;
}

/****** Gestion des rubriques *******/
div#admin_liste_rubriques
{
  border: 1px solid #CCCCCC;
  margin-right: 20px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  margin-top: 20px;
}

div#pagination_liste_produits_pager, div#admin_liste_rubriques
{
  font-weight: 14px;
  margin-left: 10px;
}

div#pagination_liste_produits_pager a, div#admin_liste_rubriques a
{
  color: #656565 ;
}

div#pagination_liste_produits_pager a:hover, div#admin_liste_rubriques a:hover
{
  color: #A30069  ;
}

div.header_admin_rubriques
{
  background-color: #E4E5E7;
  padding: 5px;
}

div.header_admin_rubriques > span
{
  display: block;
  float: left;
}

div.header_admin_rubriques > span.categories
{
  width: 330px;
}

div.top_rubrique
{
  margin-top: 10px;
  margin: 5px;
  height: 20px;
  color: #656565;
  clear: both;
}

div.sub_rubrique
{
  margin-top: 10px;
  margin: 5px;
  height: 20px;
  color: #656565;
  clear: both;
}

div.top_rubrique > div, div.sub_rubrique > div
{
  padding-left: 5px;
  margin-left: 5px;
}

div.top_rubrique > div.nom_rubrique, div.sub_rubrique > div.nom_rubrique
{
  width: 320px;
}

div.top_rubrique > div.supprimer, div.sub_rubrique > div.supprimer
{
  background-image: url('../images/croix.gif');
  background-repeat: no-repeat;
  background-position: 0 3px;
  padding-left: 15px;
}

div.top_rubrique > div.editer, div.sub_rubrique > div.editer
{
  background-image: url('../images/crayon.gif');
  background-repeat: no-repeat;
  background-position: 0 3px;
  padding-left: 15px;
}

div.top_rubrique > div.monter, div.sub_rubrique > div.monter
{
  background-image: url('../images/arrow_up.png');
  background-repeat: no-repeat;
  padding-left: 15px;
}

div.top_rubrique > div.monter_off, div.sub_rubrique > div.monter_off
{
  width: 55px;
}

div.top_rubrique > div.descendre_off, div.sub_rubrique > div.descendre_off
{
  width: 90px;
}

div.top_rubrique > div.descendre, div.sub_rubrique > div.descendre
{
  background-image: url('../images/arrow_down.png');
  background-repeat: no-repeat;
  padding-left: 15px;
  width: 80px;
}

div.sub_rubrique > div.nom_rubrique
{
  text-indent: 25px;
}


div.top_rubrique > div, div.sub_rubrique > div
{
  display: block;
  float: left;
  height: 20px;
}

div.top_rubrique > div
{
  background-color: #EFF4D7;
}

div.sub_rubrique > div
{
  background-color: #EFF4F7;
}

/***** Messages recus *****/

div.message_contact
{
  color: #656565;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;
  border-top: 1px solid #656565;
  padding-top: 10px;
}

.infobulle{
	display:none;
	margin-top:-10px;
	position:absolute;
	width:250px;
	border:1px solid #009FDD;
	padding: 2px;
	font-size:11px;
	background-color:white;
}

.infobulleLeft{
    display:none;
	margin-top:18px;
	margin-left:-200px;
    position:absolute;
    width:250px;
    border:1px solid red;
    padding: 2px;
    font-size:11px;
    background-color:white;
	color:red;
}