/*
*
* Feuilles de styles globale
* Charles Vallantin Dulac
* <carlos@crans.org>
* Licence GPL pour le CSS
*
*/


/***********************************************************************
*
* Initialisations de base
*
***********************************************************************/

html{
  font-size: 100%; /*bug IE*/
  height: 100%;
}

body{
  background:#000;
  color:#b5b5b5;
  font-size:12.7px;
  /*font-family:"DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif;*/
  font-family: sans-serif;
}

body, html, fieldset{
  border : 0;
}

h1, h2, h3, h4, h5, h6, pre, code{
  font-size : 1em;
}

h1{
  color: #cccccc;
  font-size: 1em;
}

h1 a{
  color: #e8e8e8;

}

h1 a:hover {
  border-bottom:0;
}

h2, h2 a, h2 a:hover{
  font-size : 1.2em;
  color: #b9520e;
}

h3, h3 a, h3 a:hover{
  font-size : 1.1em;
  color: #808080;
  text-indent: 1em ;
  margin-bottom: 5px;
}

h4, h4 a, h4 a:hover{
  font-size : 1.1em;
  color: #808080;
  text-indent: 2em ;
  margin-bottom: 5px;
}

p{
  text-align: justify;
  /*color: #cccccc;*/
}

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, blockquote, fieldset, input{
  margin : 0;
  padding : 0;
}

ul{
  list-style: none ;
}

a{
  text-decoration : none;
  color : #808080;
}

a:visited{}

a:hover{
  text-decoration: none;
  border-bottom:#fff 1px solid;
}

a:active{
  background: #0c0c0c;
  color : #fff;
}

/* etat "focus" important pour accessibilite web */
a:focus{
  background-color : #000 !important;
  color : #fff !important;
  text-decoration : none !important;
}

img{
  margin: 8px 8px 8px 0px;
  text-indent: 0;
  border: 1px solid #404040;
  padding: 3px;
  }

a img, a:link img, a:hover img, a:visited img{
  vertical-align : middle;
  text-decoration: none;
  border: none;
  margin: 0;
  text-decoration: none;
  display: block;
  border: 1px solid #404040;
}




/***********************************************************************
*
* Classes débiles mais utiles
*
***********************************************************************/

.right{
  text-align:right;}

.floatright{
  float: right;
  }

.center{
  text-align:center;}

.left{
  text-align:left;}

.retrait_gauche{
  margin-left: 15px;
}

.warning{
  color: red;
  margin-left: 20px;
  font-weight: bold;
  letter-spacing:1px;
  }

.errorlist{
  color: red;
  margin-left: 0px;
  font-weight: normal;
  letter-spacing:0px;
  }

.italique{
  font-style: italic;
 }

 .gras{
  font-weight: bold;
  }

 .discret{
  font-weight: normal;
  color: #808080;
  text-decoration : none;
  font-size : 1em;
 }

 .discret a:focus{
  font-weight: normal;
  color: black;
  text-decoration : none;
  font-size : 1em;
 }

 .colorred{
  color: #b9520e;
 }

  .jaune{
  color: #ccaf80;
 }

.text_underline{
  text-decoration: underline;
  }

 .archivesItalic{
  font-style: italic;
  color:#b9520e;
  }

.spacer
{
clear: both;
}

.font_weight_normal{ font-weight: normal;}

.admin{
  font-size: 0.9em;
  margin:0;
  padding:0;
  text-align: right;
  margin-bottom: 20px;
  }


/***********************************************************************
*
* Champs de formulaires
*
***********************************************************************/

textarea, input{
  border: 1px solid #525252;
  background-color: #272727;
  background-attachment: scroll;
  color: #fff;
}

.submit{
  width:7em;
  height:1.8em;
  font-size: 1em;
}


.captcha{
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

inpu #id_captcha_1{
  display: block;
  margin-left: 1em;
  margin-bottom: 10px;
}




/***********************************************************************
*
* Div globaux
*
***********************************************************************/

#page {
  position: relative;
}


#page_bas {
  height: 0.1em;
  clear: both;
}

#wholebody {
  /*border-left: 1px solid #DFCC64 ;*/
  position: relative;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}


/***********************************************************************
*
* Haut de la page
*
***********************************************************************/

/*-------------- Header et Navigation Bar ---------------------*/

#inside{
  background:#000;
  margin-left: auto;
  margin-right: auto;
  height: 80px;
  background:#000;
  position:relative;
}

  #inside .titre{
    width: 50%;
    margin-left: 5%;
    margin-right: auto;
    height: 5em;
    font-size: 1.2em;
    position: relative;

  }

  #enceinte a{
    top: 10px;
    font-size:1.8em;
    padding:0 0.5em 0.25em 0;
    margin-top: 30px;
    margin-left: 50px;
    border-right:1px solid #fff;
    float:left;
    color: #fff;
    font-weight: normal;
  }

  #enceinte a:hover {
    border-bottom:0;
  }

#header {
    width: 100%;
    background:#272727;
    height: 141px;
    position:relative;
}

#header_box{
    position:relative;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border-left: 1px solid #737373;
    border-right: 1px solid #737373;
    border-top: 1px solid #737373;
  }

  #header_left{
    position: relative;
    width: 524px;
    height: 140px;
    background-image: url('../../static/img/enceintesetmusiques.jpg'); /*412x110 px */
    background-repeat: no-repeat;
  }

  /* images banniere */
  #header_right_1{
    height: 140px;
    position: relative;
    width: 127px;
    margin-top: -140px;
    margin-left: 524px;
    background-image: url('../../static/img/banniere_left.jpg'); /*412x110 px */
    background-repeat: no-repeat;
  }

  #header_right_2{
    height: 140px;
    position: relative;
    margin-top: -140px;
    width: 187px;
    margin-left: 651px;
    /*background-image: url('../../static/img/al3.jpg'); /*412x110 px */
    background-repeat: no-repeat;
  }



  #header_right_3{
    height: 140px;
    position: relative;
    margin-top: -140px;
    margin-left: 838px;
    background-image: url('../../static/img/banniere_right.jpg'); /*412x110 px */
    background-repeat: no-repeat;
  }

  #header_right_1 img, #header_right_2 img, #header_right_3 img{
      padding:0;
      border:0;
      margin: 0;
    }


/* ----------- Menu déroulant ---------------------------------------*/



#horizontal_navigation_bar{
  position: relative;
  margin-top: 0;
  height: 22px;
  background:#000;
  /*font-weight: 700;*/
  padding-top: 0.5em;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #737373;
  margin-bottom: 30px;
  z-index: 1000;
}

#menuDeroulant, #menuDeroulant ul{
  position:absolute;
  top: 0px;
  /*height: 22px; /* avec em, ça déconne */
  font-size: 1em;
  width:100%;
  /*left: 12%;*/
  text-align: left;
  padding: 0;
  margin: 0;
  list-style: none;
}

#menuDeroulant a{
  display: block;
  height: 25px; /* avec em, ça déconne */
  color: #FFF;
  margin: 0;
  padding: 0px 0px;
  padding-left: 6px;
  text-decoration: none;
  padding-top: 3px;
  /*border:#000 1px solid;
  /*background-color: #000;*/
}

/* pour gérer la hauteur quand le titre est sur 2 lignes*/
html>body #menuDeroulant ul li a {
height: auto;
min-height: 22px;
}

#menuDeroulant li a:hover{
  color:#fff;
  border-bottom: 1px solid #C0C0C0;
  background-color: #737373;
}

#menuDeroulant li
{
  float: left;
  width: 19%; /* largeur du lien en haut */
  margin: 0;
  padding: 0;
  border: 0;
}


#menuDeroulant li ul{
  position: absolute;
  width: 19%; /*des 90% de largeur d'écran */
  top: 28px; /* avec em, ça déconne */
  left: -999em;
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #737373;
  border-right : 1px solid #737373;
}


#menuDeroulant li:hover ul, #menuDeroulant li.sfhover  ul {
  left: auto;

}

#menuDeroulant li ul li{
  /*float: none;*/
  position: relative;
  margin: 0;
  /*margin-top: -2px;*/
  padding: 0;
  width: 100%;
  display: block;
  color: #fff;
  /*border:#000 1px solid;*/
  background-color: #000;
  z-index: 1000;
  border-right : 1px solid #737373;
  border-left : 1px solid #737373;
  text-align: left;

}
#menuDeroulant li ul li a{
  padding-left: 4px;
  vertical-align:middle;
  border-right : 1px solid black;
  border-left : 1px solid black;
  border-bottom: 1px solid  black;
}

#menuDeroulant li ul li a:hover{
  background-color: #737373;
  border-right : 1px solid #737373;
  border-left : 1px solid #737373;
  border-bottom: 1px solid  #737373;
}

#menuDeroulant li ul .surligne{
  border-top : 1px solid #737373;
}

#menuDeroulant .emphasize{
  color: #b9520e;}


/* ----------- Recherches --------------------------------------------*/

#search{
  float:right;
  width:210px;
  margin-top: 3em;
  margin-right: 10%;
  -moz-opacity:0.8;
}

#search:hover{
  -moz-opacity:1.0;
}


#search .searchimg{
  float:left;
  width:14px;
  height:13px;
  background:url('../../static/img/search.gif') 0 0 no-repeat;
  position:relative;
  top:4px;
  left:0;
}

#search input{
  width:175px;
  font-size: 1em;
  margin-left:4px;
  margin-top:1px;
}

#search input:focus{
  background:#0c0c0c;
  color: #fff;
}

/*------------- dans le menu de gauche ------*/

#lsearch{
  -moz-opacity:0.8;
}

#lsearch:hover{
  -moz-opacity:1.0;
}


#lform input{
  width:150px;
  text-align:left;
}

#lform input:focus{
  background:#0c0c0c;
  color: #fff;
}

#lform .submit{
  width:6em;
  height:1.6em;
  font-size: 1em;
  text-align:center;
}


.recherche{
  margin-left: 1.5em;
  }



/***********************************************************************
*
* Pied de page
*
***********************************************************************/

div#footer {
  position: relative;
  background-color: #0c0c0c;
  width: 100%;
}

#footer_legal{
  position: relative;
  height: 2.5em;
  width: 80%;
  margin-left: auto;
  margin-right:auto;
  padding-top: 5px;
  font-size : 0.9em;
  color: #525252;
  /*border: 1px solid #968f65;*/
}

#footer_legal .right{
  float: right;
  margin-top: -1.2em;
  }

  #footer_legal a {
    font-weight: normal;
    color: #525252;
  }

  #footer_legal .right img{
    padding:0;
    border:0;
    margin: 0;
    }

  #footer_legal a:hover {
    color: #fff;
  }

  a:focus{
    background-color : #fff !important;
    color : #000000 !important;
    text-decoration : none !important;
  }

  #footer_content {
    text-align: center;
    margin-top: 70px;
    margin-bottom: -50px;
    border-top: 1px dotted #b9520e;
    font-size: 0.9em;

  }



/***********************************************************************
*
* Colonnes latérales
*
***********************************************************************/



/*----------- menu lateral ------------------*/


div .menu_lateral{
  font-size: 1.1em;
  margin-top: 30px;
  margin-left: 15px;
  margin-bottom: 30px;
}

div .menu_lateral ul{
  margin-bottom: 20px;
}

div .menu_lateral li{
  padding-left: 8px;
  padding-top : 0px;
  padding-bottom: 0px;
}

div .menu_lateral .first{padding-top: 10px;}

div .menu_lateral li a{ color:#cccccc;}

div .menu_lateral .t1{
  color: #D58DCC; /* #D58DCC;*/
  font-size: 1.3em;
  font-weight: normal;
}

div .menu_lateral .t2{
  color: #CFB542; /* #FFD100;*/
  font-size: 1.3em;
  font-weight: normal;
}

div .menu_lateral .t3{
  color: #CFB542; /* #ADCE37;*/
  font-size: 1.3em;
  font-weight: normal;
}

div .menu_lateral .t4{
  color: #ADCE37; /*  #4184FF;*/
  font-size: 1.3em;
  font-weight: normal;
}


/*------------ Page contact---------*/
.coordonnees h2{
  border: 0;
  font-size: 1.1em;
}

.coordonnees p{
  padding-left: 1em;
  }


/*------------ Mise en page des colonnes de gauche et droite ---------*/

#sub_left_haut,#sub_left_milieu, #sub_left_bas, #sub_right_haut, #sub_right_milieu {
  padding: 0em;
  margin-bottom:1.6em;
  border: 1px solid #737373;
}

.sub_right_titre_boite, .sub_left_titre_boite
{
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-weight: normal;
  font-size: 1.3em;
  text-indent: 0px;
  color: #ccaf80;


  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 1.5em;
  min-height: 21px;
  background-image: url('../../static/img/liste_simple.png');
  background-attachment: scroll;
  background-repeat:no-repeat;
  background-position: 12px 12px;
  border-top: 1px solid black;
  border-bottom: 1px solid #737373;

}

.sub_right_titre_boite a, .sub_left_titre_boite a  {
  color: #ccaf80;
}


.sub_right_content, .sub_left_content{
  padding : 8px;
}


.sub_right_content h2 , .sub_left_content h2,
.sub_right_content h2 a, .sub_left_content h2 a{
  color: white;
  font-size: 1.1em;
  font-weight: normal;
}

.sub_right_content h3 , .sub_left_content h3{
  text-indent:0;
  font-size: 1.2em;
  margin-left:0;
  padding-left:0;
  color: #ADCE37;
  }

.sub_right_content p , .sub_left_content p{
  text-align : left;
  }


.sub_right_content .next, .sub_left_content .next,
.sub_right_content .right_admin, .sub_left_content .left_admin, .left_admin  {
  text-align : right;
  font-size: 0.95em;}

.sub_left_content ul li, .sub_right_content ul li{
  padding-bottom: 5px;
  padding-top: 5px;
  }

.sub_left_content ul li a{
  font-size: 1em;
  color: #cccccc;
  }

.sub_right_content ul li a{
  font-size: 1.2em;
  color: #cccccc;
  font-weight: normal;
  }

.sub_left_content ul li ul li, .sub_right_content ul li{
  padding-bottom: 0px;
  padding-top: 0px;
  margin-left: 15px;
  padding-top: 6px;
  font-size: 0.9em;
  }

.sub_left_content ul li ul li a{font-size: 0.9em;}

.sub_left_content ul li ul li a:hover, .sub_right_content ul li a:hover{}

.listeProduits li a{color:white; font-size:1.2em!important;}
.listeProduits .subtitle a{color:#D58DCC!important; font-weight: bold;}
.listeProduits li ul li a{color: gray;}

.details_produits li a{color:#b5b5b5;}
.details_produits li ul li a{color: gray;}

.detail_compo li ul li{ font-size: 1.1em!important;}
.detail_compo li ul li a{ font-size: 1em!important;}
.detail_compo .gras{color:#b9520e!important;}


.sub_right_content ul a{
  color : white;
  font-weight: bold;
  }





/* ----------- Pour la page produit détail */
.sub_left_content .details_produits li ul li a{ color: #B5B5B5; font-size: 1em!important;}
.sub_left_content .details_produits li { font-weight: bold;}
.sub_left_content .details_produits li ul li { font-weight: normal; font-size: 1.1em!important;}

/* ----------- Colonne de droite -------------------------------------*/

table .composition{
  width: 100%;
}

.composition tr{
  border-bottom: 1px solid gray;
  padding: 5px 0 5px 0;
  }

.composition .c1{
  width: 50%;
  text-align:center;
  }

.composition .c2 a{
  color: white;
  vertical-align:middle;
}

.composition .systeme a{
  font-size: 1.2em;
  color: #b9520e;
  font-weight: bold;
  }

/* ----------- Colonne de gauche -------------------------------------*/





/***********************************************************************
*
* Colonne du milieu - contenu de la page
*
***********************************************************************/


/* ----------- Barre d'adresse ---------------------------------------*/

.barre_adresse{
  font-weight: normal;
  font-size: 0.9em;
  padding-top: 0;
  width: 99%;
  color: gray;
  text-align: right;
  margin-bottom: -5px;
  position: relative;
  min-height: 1.5em;
/*  margin-top: 10px;*/
}

.barre_adresse ul, .barre_adresse a, .barre_adresse a img{
  display: inline!important;
  list-style: none;
  border: 0;
  }

.barre_adresse a:hover,.barre_adresse a:active, .barre_adresse a:focus{
  border: 0;
  text-decoration: none;
  background: black;
  }
  
.contentEtroit .barre_adresse{text-align: left}

.fil_ariane{
  float: left;
  vertical-align: bottom;
  margin-bottom: 0;
  bottom: 0;
  left: 10px;
  position: absolute;
  }
  
.fil_ariane a, .contentEtroit .barre_adresse a{
  color: #808080;
  }

.fil_ariane span, .fil_ariane span a{
  color: #ccaf80;
  font-weight: normal;
  }



/* ----------- barre d'outils-----------------------------------------*/
#outils{
  text-align: right;
  margin-top: 0em;
  }

#outils img{
  border: 0;
  float: right;
  margin: 0;
  }

/* ----------- Titres ------------------------------------------------*/

div#sub_center h1{
  font-family: Georgia,"Times New Roman",Times,serif;
  border-top : 1px solid #737373;
  border-bottom : 1px solid #737373;
  padding-top: 5px;
  min-height: 1.5em;
  padding-left: 20px;
  margin-top: 14px;
  margin-bottom: 20px;
  background-image: url("/static/img/fd_t.jpg");
  background-repeat: repeat-y;
  font-size: 1.9em;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  /*color: #ccaf80;*/
  z-index:0;
}

div#sub_center .pseudoH1{
  font-family: Georgia,"Times New Roman",Times,serif;
  border-top : 1px solid #737373;
  border-bottom : 1px solid #737373;
  padding-top: 5px;
  padding-bottom: 5px;
  min-height: 1em;
  padding-left: 20px;
  margin-top: 14px;
  margin-bottom: 20px;
  background-image: url("/static/img/fd_t.jpg");
  background-repeat: repeat-y;
  font-size: 2.2em;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  color: #cccccc;
  z-index:0;
  line-height: 0.8em;
}

div#sub_center .pseudoH1 .petit{
    font-size: 0.4em;
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: 0.05em;
    }

div#sub_center .h1nonEncadre{
  border-top: 0;
  border-bottom: 0;
  background: none;
  padding-left: 0px;
}

div#sub_center .h1accueil{
  border-top: 0;
  border-bottom: 0;
  background: none;
  padding-left: 0px;
  padding-top:0;
  margin-top: 0;
  font-size: 2em;
  clear: both;
}



div#sub_center h2{
  font-family: Georgia,"Times New Roman",Times,serif;
  margin-top: 4px;
  margin-bottom: 10px;
  padding: 0;
  font-size: 1.7em;
  text-decoration: none;
  font-weight: normal;
  color: #D58DCC;
}

div#sub_center h2 a{
  color: #D58DCC; /*color: #D58DCC; b9520e*/
  text-decoration: underline;
  }

div#sub_center h2 a:hover{
  color: #ccaf80;
  border:0;
  }


div#sub_center h3{
  text-indent:0;
  font-size: 1.2em;
  margin-left:0;
  padding-left:0;
  color: #ADCE37;
  }



/* ----------- Contenu ------------------------------------------------*/

div#sub_center .content_footer{
  margin-top: 20px;
  padding-top: 3px;
  border-top: 1px dotted #fff;
  text-align: right;
  font-size: 0.9em;
  color: gray;
  clear: both;
  }

div#sub_center p{
  text-indent: 0em ;
  margin-top: 1em;
  text-align: left;
  line-height: 1.5em;
}

div#sub_center p a{
  color: #7E7DB0}
  
div#sub_center em{
  color: white;
  }

div#sub_center .accroche_next{
  margin-top: 20px;
  margin-bottom : -10px;
  text-align: right;
  font-size: 0.9em;
  color:  #aaaaaa;
  }

div#sub_center .accroche_next a, div#sub_center .accroche_next a:hover{
  color: #aaaaaa;
}

div#sub_center .accroche_footer{
  margin-top: 10px;  margin-bottom : 20px;
  padding-top: 3px;
  border-top: 1px dotted #343;
  text-align: right;
  font-size: 0.9em;
  color: #aaaaaa;
  }

div#sub_center .accroche_footer a, div#sub_center .accroche_footer a:hover{
  color: #aaaaaa;
}

div#sub_center .page_footer{
  margin-top: 10px;
  margin-bottom : 20px;
  padding-top: 3px;
  text-align: right;
  font-size: 0.9em;
  color: #aaaaaa;
  }

div#sub_center .page_footer a, div#sub_center .page_footer a:hover{
  color: #aaaaaa;
}


/* ----------- Pagination---------------------------------------------*/
div#sub_center .pagination{
  padding-top: 20px;
  padding-bottom : 20px;
  font-size: 1em;
  color: #cccccc;
  width: 100%;
  }

div#sub_center  .pagination a{
    color: #cccccc;
  }

div#sub_center  .pagination a:hover{
    color: #b9520e;
    border: 0;
  }

div#sub_center  .pagination .current{
    text-align: center;
    margin-left: 30%;
    margin-right: 30%;
  }


div#sub_center  .pagination .next{
    float: right;
    width: 30%;
    margin-right: 0px;
    text-align: right;
  }


div#sub_center  .pagination .previous{
    float: left;
    width: 30%;
    margin-left: 0px;
    text-align: left;
  }

/* ----------- Tableau des produits------------------------------------*/


table #products_list{
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 30px;
}

  #products_list td{
    text-align:center;
  }

  #products_list .c1{
    width: 28%;
    height: 50px;
    border-right: 1px dotted #222211;
    border-top: 1px dotted #222211;
    border-bottom: 1px dotted #222211;
  }

  #products_list .c2{
    width: 28%;
    padding-left: 10px;
    border-top: 1px dotted #222211;
    border-right: 1px dotted #222211;
    border-bottom: 1px dotted #222211;
    font-weight: bold;

  }

  #products_list .c2 a, #products_list .c3 a{color: #cccccc;}

  #products_list .c3 {
    width: 28%;
    padding-left: 10px;
    border-top: 1px dotted #222211;
    border-right: 1px dotted #222211;
    border-bottom: 1px dotted #222211;
  }

  #products_list .c4 {
    width: 15%;
    padding-left: 10px;
    border-top: 1px dotted #222211;
    border-right: 1px dotted #222211;
    border-bottom: 1px dotted #222211;
  }

  #products_list .titre_first{
    text-align:left;
    padding-top: 10px;
  }

  #products_list .titre{
    text-align:left;
    padding-top: 100px;
  }

  #products_list .titre h2,
  #products_list .titre h2 a,
  #products_list .titre h2 a:hover,
  #products_list .titre_first h2,
  #products_list .titre_first h2 a,
  #products_list .titre_first h2 a:hover{
    color: white;
    font-size: 1.5em;
    padding: 0;
    margin-left: 0;
  }

  #products_list .titre_second{
    padding-top: 30px;
  }

  #products_list .titre_second h3,
  #products_list .titre_second h3 a,
  #products_list .titre_second h3 a:hover{
    color: #CFB743;
    font-size: 1.8em;
    padding: 0;
    margin-left: 0;
    text-align: left;
    font-weight: normal;
  }

  #products_list .name_c1,
  #products_list .name_c2,
  #products_list .name_c3,
  #products_list .name_c4{
    font-size: 1.5em;
    color: #b9520e;
  }


  #products_list .petit_italique{
    font-style: italic;
    font-size: 0.9em;
    font-weight: normal;
    }



/*------------- page accueil -----------------------------------------*/

.leditorial{
  font-size: 0.6em;
  font-weight: normal;
  font-style: italic;
  }

.accueil_nouveaute li{
  margin-top: 3px;
}

.accueil_nouveaute .nouveaute_gras a{
  color: #ccaf80;
  font-weight: normal;
  }


.date_parution{
  color: #ccaf80;
  font-size: 0.9em; }


/***********************************************************************
*
* Images
*
***********************************************************************/



#sub_left .presentation{
  padding:0;
  border:0;
  margin: 0;
  margin-bottom: 20px;
  width: 100%;
  }

#products_lista img,
#products_list a:link img,
#products_list a:hover img,
#products_list a:visited img
{
  margin-left: auto;
  margin-right: auto;
  }

#sub_center #page_content img{
  float: left;}



.mini_integre{
  float: left;
  display: block;
  margin-right: 10px;
  margin-bottom: 5px;
  width: 50px;

}

.medium_centree{
  display: block;
  margin-bottom: 30px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 200px;
  border: 1px solid #404040;
  padding: 3px;
}

.img_center, p .img_center {
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  text-indent: 0;
  border: 1px solid #404040;
  padding: 3px;

}

.img_left, p .img_left{
  float: left;
  display: block;
}

.img_right, p .img_right, #sub_right_haut a img, #sub_right_haut a:hover img  {
  float:left;
  display: block;
  margin:10px;
  margin-left: 0;
  margin-top:0;
  text-indent: 0;
  border: 1px solid #404040;
  padding: 3px;

}