/***************************************************************************************************
    Auteur          :   Isabelle Custeau
    Date creation   :   Avril 2010
    Fichier	        :   style_bolle.css
    Type            :   theme /
    Description     :   Contient toutes les style utilisés pour le site de la bébématernité
***************************************************************************************************/
/* CSS reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;outline:none;margin:0px;padding:0px;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;font-family: Arial,Helvetica, sans-serif;}
td {vertical-align:top;}
a{outline:none;}
/* Fin CSS reset */


body {
  font-family: Arial,Helvetica, sans-serif;
  text-align: center; /* Aligne le contenu du site au centre de la fenêtre */
  margin: 0px;
  color:#000000;
  font-size:14px;
  background-color:#10451f;

}

#div_main_content {
  position: relative;
  margin-left: auto; /* Permet de centrer le div au centre de la fenêtre du browser */
  margin-right: auto; /* Permet de centrer le div au centre de la fenêtre du browser */
  width: 982px;
  background-color: #ffffff;
}

/*contenue des pages des différente section*/
#div_page_content{
  float:left;
  width:976px;  
  border:3px solid #6a812b;
  background-color: #ffffff;
  
}

/*Menu*/

#nav li{
   float:left;
   list-style: none;
   display:inline;
}
#nav a{  
  background: transparent url(../grafx_bolle/menu_haut.jpg) 0px 0px no-repeat;
  display:block;
  width:63px;
  height:21px;
  text-decoration:none;
}

#menu_onglet{background-position: 0px 0px;width:401px;height:21px; }
#menu_accueil a {background-position: -401px 0px;width:63px; }
#menu_accueil a:hover
{background-position: -1110px 0px;width:63px; }

#menu_plansite a {background-position: -464px 0px;width:83px; }
#menu_plansite a:hover
{background-position: -1173px 0px;width:83px; }

#menu_contact a {background-position: -547px 0px;width:104px; }
#menu_contact a:hover
{background-position: -1256px 0px;width:104px; }

#menu_en a {background-position: -651px 0px;width:58px; }
#menu_en a:hover
{background-position: -1360px 0px;width:58px; }

/*****************************************/
#nav_panier {float:left;}
#nav_panier li{
    float:left;
   list-style: none;
   display:inline;
}
#nav_panier a{
  background: transparent url(../grafx_bolle/voir_panier.jpg) 0px 0px no-repeat;
  display:block;
  width:116px;
  height:18px;
  text-decoration:none;
}
#panier a {background-position: 0px 0px;}
#panier a:hover
{background-position: -164px 0px;}

#notes a {background-position: -116px 0px;width:48px;}
#notes a:hover
{background-position: -280px 0px;width:48px;}

/*****************************************/
#nav_achat {float:left;}
#nav_achat li{
    float:left;
   list-style: none;
   display:inline;
}

#nav_achat a{
  background: transparent url(../grafx_bolle/panier_achat.jpg) 0px 0px no-repeat;
  margin:21px 0px 0px 66px;
  display:block;
  width:149px;
  height:24px;
  text-decoration:none;
}
#panier_achat a {background-position: 0px 0px;}
#panier_achat a:hover
  {background-position: -149px 0px;width:149px;}


/*****************************************/
#payez_ici{float:left;}
 #payez_ici li{
   list-style: none;
}

#payez_ici a{
  float:left;
  background: transparent url(../grafx_bolle/payez.jpg) 0px 0px no-repeat;
  margin-top:-32px;
  width:51px;
  height:50px;
  text-decoration:none;  
}

#payez a {background-position: 0px 0px;}
#payez a:hover
  {background-position: -51px 0px;}
/*****************************************/
#menu_site {float:left;width:980px;}
#menu_site li{
    float:left;
   list-style: none;
   display:inline;
}

#menu_site a{
  background: transparent url(../grafx_bolle/menu.jpg) 0px 0px no-repeat; 
  display:block;
  width:175px;
  height:86px;
  text-decoration:none;
}
#menu_apropos a {background-position: 0px 0px;}
#menu_apropos a:hover
  {background-position: -976px 0px;}

#menu_literie a {background-position: -175px 0px;width:157px;}
#menu_literie a:hover
  {background-position: -1151px 0px;width:157px;}

#menu_accessoire a {background-position: -332px 0px;width:155px;}
#menu_accessoire a:hover
  {background-position: -1308px 0px;width:155px;}

#menu_commander a {background-position: -487px 0px;width:156px;}
#menu_commander a:hover
  {background-position: -1463px 0px;width:156px;}

#menu_liens a {background-position: -643px 0px;width:156px;}
#menu_liens a:hover
  {background-position: -1619px 0px;width:156px;}

#menu_conseil a {background-position: -799px 0px;width:177px;}
#menu_conseil a:hover
  {background-position: -1775px 0px;width:177px;}


  /*------------------------------------------------------*/

/*Panier header*/
#panier_bolle{
    float:left;
    width:68px;
    height:60px;
    margin:9px 30px 0px 66px;
    text-align:left;
}
#panier_bolle a {color:#c23c40;font-size:11px;}

/*Div pour les pages*/
.div_page{
    float:left;
    margin-left:29px;
    width:947px;
    text-align:left;
}
#left_column{
    float:left;
    width:367px;
}

#ul_categorie{float:left;margin:13px 0px 31px 0px;}
#ul_categorie li{
    display:inline;
    margin-right:29px;
}
#ul_categorie a{font-weight:bold;color:#c23c40;}

#right_column{
    float:left;
    width:547px;
    text-align:justify;
}
#right_column p{margin:0px 15px 0px 30px;float:left;}

#produit ul {clear:left}
#produit p{margin-left:0px;clear:left;}


#ul_plan_site li{margin:0px 0px 5px 30px;}
#ul_plan_site a{color:#5d5d5d;}
#footer{
    float:left;
    width:976px;
    background-color: #375413;
    color:#ffffff;
}
#footer li{display:inline;}
#footer a {color:#ffffff;font-size:11px;font-weight:bold;}
/**************************************************
	STYLE GÉNÉRAL POUR LA DISPOSITION DU CONTENUE
**************************************************/
.sep_about,.sep_apropos{
  float:left;
  width:940px;
  height:2px;
  line-height:2px;
  margin:5px 0px 5px 0px;
  background-color:#fbefef;
}
.sep_apropos{width:510px;margin:5px 0px 5px 30px;}

.long_desc{
 text-indent:-8000px;
 position:absolute;
 z-index:1;
 width:94px;
    font-family: 'Courier New',Courier,monospace;
}

/*fin du Ul pour le plan du site*/
.fr {float: right;}
.fl {float: left;}
.clear {clear: both;}
.block {display: block;}
.dnone {display: none;}
.bold {font-weight: bold;}
.case_upper{text-transform:uppercase;}
.crouge{color:red;}
.cgris{color:#5d5d5d;}
.crose{color:#c23c40;}
.hide {visibility:hidden;}
.mgr85{margin-right:70px;}
.mgr91{margin-right:60px;}
.mgl38{margin-left:38px;}
.w204{width:208px;}
.f14 {font-size:14px;}
.class_right_column{margin-left:30px;float:left;}
/* Alignement horizontal */
.center {text-align: center;}
.justify {text-align: justify;}
.left {text-align: left;}
.right {text-align: right;}
.nofloat{float:left;}
a{color:#5d5d5d;}