/* imports

*********************/

@import "charte.css";

@import "typographie.css";



/* styles globaux

*********************/

*{

  margin: 0;

  padding: 0;

  }

a img{

  border: none;

  }

a:active,

a:focus{

  outline: none;

  }

.clearer{

  clear: both;

  }

.floatleft{

  float: left;

  }

.semicol{

  width: 262px;

  float: left;

  }

.semicol.first{

  margin: 0 15px 0 0;

  }

.semicol.aligntoh1{

  padding: 36px 0 0;

  }



/* listing produit

*********************/

#contenuTexte h1 option{

  padding: 0 15px 0 0;

  }

#contenuTexte .listing_item{

  float: left;

  width: 250px;

  height: 181px;

  padding: 6px;

  margin: 10px 4px;

  overflow: hidden;

  background: url(../images/charte/listing_bck.png);

  font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;

  text-decoration: none;

  color: #F60;

  }

#contenuTexte .listing_item:hover,

#contenuTexte .listing_item:focus{

  background-position: 0 193px;

  color: #207bb9;

  }

#contenuTexte .listing_item img{ 

  float: left;

  margin: 0 10px 0 6px;

  }

#contenuTexte .listing_item strong{

  display: block;

  margin: 10px 0;

  font-size: 14px;

  font-weight: normal;

  color: #207bb9;

  }

#contenuTexte .listing_item:hover strong,

#contenuTexte .listing_item:focus strong{ 

  color: #f60;

  }

#contenuTexte .listing_item em{

  font-style: normal;

  color: #207bb9;

  }

#contenuTexte .listing_item:hover em,

#contenuTexte .listing_item:focus em{ 

  color: #f60;

  }

#contenuTexte .listing_item del{

  font: 11px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;

  color: #555;

  }



/* actualités

*********************/

#contenuTexte .actu{

  margin: 3px 0 0;

  background: url(../images/charte/actu_bck.png) no-repeat;

  padding: 15px 15px 0;

  }

#contenuTexte .actu:after{ /* clearfix */

  content: "."; 

  display: block; 

  height: 0; 

  clear: both; 

  visibility: hidden;

  }

#contenuTexte .actu h2{

  clear: none;

  }

#contenuTexte .actu .floatleft{

  margin: 0 16px 0 0;

  }



/* école de musique

*********************/

#contenuTexte #encart-ecole{

  width: 520px;

  height: 736px;

  margin: 0 auto 8px;

  background: url(../images/contenu/ema-1c.jpg);

  position: relative;

  }

#contenuTexte #encart-ecole #parag1{

  width: 210px;

  position: absolute;

  top: 125px;

  left: 300px;

  color: #D12D0C;

  }

#contenuTexte #encart-ecole #parag2{

  width: 160px;

  position: absolute;

  top: 250px;

  left: 350px;

  color: #D12D0C;

  }

#contenuTexte #encart-ecole strong{

  color: #222;

  }



/* fiche produit

*********************/

#contenuTexte h2#rail{

  font-size: 12px;

  margin: -8px 0 0;

  }

#contenuTexte .fiche_item{

  display: block;

  width: 262px;

  margin: 10px 0;

  background: url(../images/charte/fiche_prod_bck.png);

  }

#contenuTexte .fiche_item:hover,

#contenuTexte .fiche_item:focus{

  background-position: 262px 0;

  }

#contenuTexte .fiche_item span{

  display: block;

  padding: 6px;

  text-align: center; 

  background: url(../images/charte/fiche_prod_bck_bottom.png) left bottom no-repeat;

  }

#contenuTexte .fiche_item:hover span,

#contenuTexte .fiche_item:focus span{

  background-position: right bottom;

  }