/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";
@import "typographie.css";



#filter{
	list-style-image:url(../images/charte/box.gif);
	list-style-position:outside;
	list-style-type:disc;
}

/* styles globaux
*********************/
*{
  margin: 0;
  padding: 0;
  }
.floatleft{
  float: left;
  }
.floatright{
  float: right;
  }
.clearer{
  clear: both;
  }
.inlinepic{
  vertical-align: middle;
  }
a img{
  border: none;
  }
a:active, a:focus{
  outline: none;
  }
#contenuTexte .full_size{
  padding: 0 30px 0 0;
  }

/* listing
*********************/
#contenuTexte h1#rail{
  font: 10px Arial, Helvetica, sans-serif;
  margin: -15px 0 0 15px;
  }
#contenuTexte .prod{
  width: 140px;
  float: left;
  margin: 30px 5px -10px;
  text-align: center;
  }
#contenuTexte .prod p{
  text-align: center;
  margin: 0 0 5px;
  }
#contenuTexte .prod img{
  border: 1px solid #999;
  padding: 1px;
  }
#contenuTexte #pagination{
  clear: both;
  border-top: 1px solid #999;
  margin: 15px 65px 0 0;
  padding: 5px;
  text-align: center;
  }

/* fiche prod
*********************/
#contenuTexte #pic_prod{
  float: left;
  margin: 30px 5px;
  }
#contenuTexte #pic_prod img{
  border: 1px solid #999;
  padding: 1px;
  }
#contenuTexte #desc_prod{
  float: left;
  width: 340px;
  margin: 30px 0 0 10px;
  }
#contenuTexte #desc_prod .picto{
  margin: 5px 10px 5px 0;
  }
#contenuTexte #desc_prod #commande_prod{
  display: block;
  background: url(../images/charte/point.gif) left bottom repeat-x;
  padding: 0 0 10px;
  margin: 0 0 10px;
  }
#contenuTexte #desc_prod #commande_prod label{
  font: 12px Arial, Helvetica, sans-serif;
  color: #F9A12E;
  display: block;
  }
#contenuTexte #desc_prod #commande_prod select{
  width: 160px;
  margin: 5px 0 10px;
  font: 11px Arial, Helvetica, sans-serif;
  display: block;
  }

#envoyerAmi, #divReservation{
	text-align:left;
	position:absolute;
	top:300px;
	left:300px;
	cursor:move;
	border-top:1px solid #DEDEE6;
	border-left:1px solid #DEDEE6;
	border-right:1px solid #040404;
	border-bottom:1px solid #040404;
	display:none;
	padding:10px;
	background-color:#000000;
	font: 10px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}