/***************** STYLE GLOBAUX *****************/
a img{ border:none;}
a:active, a:focus{ outline:none;}
/***************** STYLE contenuTexte *****************/
#contenuTexte h1{
  background: url(../images/charte/h1-box.jpg) left top no-repeat;
  font:bold 15px Arial, Helvetica, sans-serif;
  line-height:1em;
  color: #046eac;
  /*text-transform:uppercase;*/
  text-decoration: underline;
  text-indent: 30px;
  /*letter-spacing:-.05em;*/
  position:relative;	/* impotratnt pour le degradé */
  margin-bottom:5px;
  padding-bottom: 10px;
}
#contenuTexte h2{
  font:bold 16px Arial, Helvetica, sans-serif;
  color:#0079b6;
  letter-spacing:-.05em;
  position:relative;
  margin:.6em 0;
  padding-top:1px; /* use top padding to adjust the start of the gradient  */
  width:100%;
}
#contenuTexte h1 span, #contenuTexte h2 span{
  position:absolute;
  display:block;
  top:0;
  left:0;
  height:100%;
  width:100%;
  background:url(../images/charte/gradient_1.png) repeat-x;
}
/*#contenuTexte h1 span{background:url(../images/charte/gradient_2.png) repeat-x;}*/
#contenuTexte p{
  font:11px/1.2em Arial, Helvetica, sans-serif;
  text-align:justify;
  color:#666;
  /*margin-bottom:1.2em;*/
}
#contenuTexte p em{
  font-weight:bold;
  font-size:12px;
  line-height:1.3em;
}
#contenuTexte p.couleur, span.couleur{
  font-weight:bold;
  color: #FF9900;
}
#contenuTexte a:link, #contenuTexte a:visited{ font-weight:bold; text-decoration:underline; color:#ff9900;}
#contenuTexte a:hover, #contenuTexte a:active{ color:#006699;}
/******* vignette ****/
#colRight{
  width:218px;
  height:150px;
  float:left;
  padding:10px 0 0 12px;
}
.encart{
  width:208px;
  height:158px;
  display:block;
  background:#fff;
  margin-bottom:10px;
  border:1px solid #ff9900;
}
.encart .top{
  background:#ff9900 url(../images/charte/bg-top.jpg) left top repeat-x;
  font:bold 16px Arial, Helvetica, sans-serif;
  text-align:center;
  color:#fff;
  line-height:30px; /* pour centrer en hauteur le titre */
  height:30px;
  width:208px;
}
.encart .left{
  height:123px;
  width:104px;
  float:left;
  padding:5px 0 0 2px;
}
.encart .left img{
  border:1px solid #ff9900;
  padding:2px;
  background:#fff;
}
.encart .right{
  height:128px;
  width:88px;
  float:left;
}
.encart .right .text{
  height:90px;
  font:11px Arial, Helvetica, sans-serif;
  color:#000;
  text-align:justify;
  padding:5px;
  width:88px;
  overflow:hidden;
}
.encart .right .bt{ height:28px; display:block;}
.encart .right .bt img{ border:none;float:right;}
/***************** STYLE FOOTER *****************/
#footer p{
  font:10px Arial, Helvetica, sans-serif;
  color:#006699;
  text-align:right;
  letter-spacing:1px;
  padding:0 20px 0 0;
}
#footer a:link, #footer a:visited{ text-decoration:none; color:#006699;}
#footer a:hover, #footer a:active{ text-decoration:underline; color:#333;}
/***************** END FOOTER *******************/
.invisible{ display: none;}
.left{ float: left;}
.right{ float: right;}
#contenuTexte ul.list{ float:left; font:11px/1.2em Arial, Helvetica, sans-serif; color: #666;}
#contenuTexte .list li{
	list-style-type:none;
	background-image:url(../images/charte/pointer.jpg);
	background-position: 3px 2px;
	background-repeat:no-repeat;
	/*line-height:20px;*/
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 20px;
}
#contenuTexte ul.list1{ float:left; font:11px/1.2em Arial, Helvetica, sans-serif; color: #666;}
#contenuTexte .list1 li{
	list-style-type:none;
	background-image:url(../images/charte/pointer1.jpg);
	background-position: 3px 0px;
	background-repeat:no-repeat;
	/*line-height:20px;*/
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
}
.separator{
  background: url(../images/charte/separator.gif) left top no-repeat;
  float: left;
  width: 530px;
  height: 25px;
  clear: both;
}
.separator2{
  background: url(../images/charte/separator2.gif) left top no-repeat;
  float: left;
  width: 530px;
  height: 15px;
  clear: both;
}
.paragraph1{
  background: url(../images/accueil/paragraph-01.jpg) left top no-repeat;
  float: left;
  width: 422px;
  height: 52px;
  margin-bottom: 5px;
}
.box_horaires{
  background: url(../images/accueil/box-horaires.jpg) left top no-repeat;
  float: left;
  width: 178px;
  height: 129px;
}
.box_title{ color: #e63c00;}
.color_b{ color: #007295;}
.color_b1{ text-transform: uppercase;}
.logos{ background: url(../images/accueil/logos.jpg) left top no-repeat; width: 530px; height: 37px;}
.logo_box{ width: 75px; text-align: center; margin-top: 7px; float: left;}
#prestations table{ background: #E7E7E7; border-collapse: collapse; color: #666666; width: 100%; border: 1px solid #666;}
#prestations td{ padding: 0 4px 0 4px;}
#prestations td.title{ color: #ff9e02; font-size: 12px; font-weight: bold;}
#prestations td.center{ text-align: center; border-bottom: 1px solid #666;}
#prestations tbody tr{ background: #EBF8FE; text-align: left;}
#prestations tbody tr td{ height: 25px; background: #EBF8FE;}
#prestations tbody tr:hover td {	color: #046eac;	background-color: white;}
.nouveautes_box_top{ background: url(../images/nouveautes/nouveautes-box-top.gif) left top no-repeat; width: 530px; height: 29px; margin-top: 10px;}
.nouveautes_box_top .title{ font-size: 14px; font-weight: bold; text-transform: uppercase; color: #fff; padding: 5px 0 0 5px;}
.nouveautes_box_middle{ background: url(../images/nouveautes/nouveautes-box-middle.gif) left top repeat-y; width: 530px; display: table;}
.nouveautes_box_bottom{ background: url(../images/nouveautes/nouveautes-box-bottom.gif) left top repeat-y; width: 530px; height: 10px; font-size: 0px;}
/****************  configurations  **************************/
#btn0{ float: left;}
#btn1{ float: left;}
#btn2{ float: left;}
.bureau{	background: url(../images/nos-configurations/bureau.jpg) no-repeat;	width: 170px;	height: 25px;	float: left; cursor: pointer;}
.bureauOver{	background: url(../images/nos-configurations/bureau-over.jpg) no-repeat; width: 170px; height: 25px; float: left;	cursor: pointer;}
.familiale{	background: url(../images/nos-configurations/familiale.jpg) no-repeat;	width: 170px;	height: 25px;	float: left; cursor: pointer;}
.familialeOver{	background: url(../images/nos-configurations/familiale-over.jpg) no-repeat; width: 170px; height: 25px; float: left;	cursor: pointer;}
.jeux{	background: url(../images/nos-configurations/jeux.jpg) no-repeat;	width: 170px;	height: 25px;	float: left; cursor: pointer;}
.jeuxOver{	background: url(../images/nos-configurations/jeux-over.jpg) no-repeat; width: 170px; height: 25px; float: left;	cursor: pointer;}
/**************** end configurations  **************************/
.catalogue_produit_box{ background-color: #fff; float: left; width: 260px; height: 220px; margin: 10px 0 0 2px;}
/*.catalogue_produit_box_top{ width: 100%; float: left; color: #0079b6; height: 50px;}*/
.catalogue_produit_box_middle{ width: 100%; clear: both; height: 150px;}
.catalogue_produit_box_middle .image{ width: 110px; height: 100px; text-align: center; float: left;}
.prix_box{ background: url(../images/catalogue-produit/prix-box.jpg) left top no-repeat; width: 120px; height: 25px; color: #fff; margin-left: 5px;}
.catalogue_produit_image img{/* width: 280px; height: 280px;*/ float: left; border: 1px solid #666; background-color: #fff; margin-right: 10px;}
.detailx_prix{
  background: url(../images/catalogue-produit/prix.gif) left top no-repeat;
  width: 80px;
  height: 30px;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  float: right;
}
.box_ami{ width: 320px; float: left;}
.fermer_ami{
  background: url(../images/charte/fermer-ami.jpg) no-repeat;
  width: 80px;
  height: 20px;
  float: left;
  cursor: pointer;
}
.fermer_amiOver{
  background: url(../images/charte/fermer-ami-over.jpg) no-repeat;
  width: 80px;
  height: 20px;
  float: left;
  cursor: pointer;
}
/*
	Clean and crisp table styles
	written by Mats Lindblad http://blogs.su.se/matlin/
*/

#divRecommander table { border-collapse: collapse; width: 300px;}
#divRecommander tbody td {
	padding: 5px;
  color: #666666;
  font-size: 12px;
  font-family: arial;
	background: #7fc2dd;
	color: #000;
}