/*
bleu-vert foncé :#4BB4AF;
vert : #669933;
vert clair :#a2c239;
rose pale : #FFB36A;
orange : FF9933;
jaune pale : #EFF6BD

*/

body{
background-color:#EEEEFF;
}

/*----bloc contents----*/
#page{
font-size:12px;
font-family:verdana, arial;
width:960px;
position:absolute;
top:0;
left:-480px;
margin-left:50%;
  background:transparent url("images/fond_bloc.gif") repeat-y;
}

#bloc{
}

html #bloc{
margin-top:0px;
}

/*----contents----*/

#contents{
float:left;
width:600px;
margin-left:60px;
margin-top:-60px;
z-index:1000;
}

#contents a{
font-weight:bold;
color:#FF0000;
}

#contents a:hover{
font-weight:bold;
color:#ff9933;
}

/*----contents texte----*/
div#texte p, ul, li{
color:#444;
}

#text{
line-height:22px;
padding:0 15px 15px 5px;
}

#text p.intro{
line-height:15px;
font-size: 11px;
color:#000099;
}

/*----banner----*/

#banner{
background:transparent url("images/haut.gif") no-repeat 0 0;
width:960px;
height:190px;
padding-top:10px;
z-index:0;
}

#sous_banner{
  background:transparent url("images/bandeau.jpg") no-repeat 0 0;
  width:960px;
  height:190px;
  padding-top:10px;
  z-index:0;
}



form#recherche{
float:right;
}

form#recherche fieldset{
  width:260px;
  border:1px solid #ff9933;
  background-color:#FFEEFF;
  padding: 5px;
	margin: 3px;
	overflow: hidden;
}
form#recherche fieldset span.titre{
  color:#ff9933;
  font-size:11px;
  font-weight:bold;  
  border: 1px solid #FF6600;
	background-color: #FFEE88;
	overflow: hidden;
	position: absolute;
	margin-top: -16px;
	padding: 3px;
}
form#recherche fieldset p
{
	display: block;
	color: black;
	overflow: hidden;
}

form#recherche label{
float:left;
display:block;
width:90px;
text-align:right;
padding-right:5px;
}

form#recherche select.field{
float:left;
display:block;
width:150px;
}

form#recherche input.envoyer{
margin:20px 30% 0 70%;
}

input{
border:1px solid black;
}

textarea{
border:1px solid black;
}

hr.clear{
visibility:hidden;
padding:0;
margin:0;
clear:both;
}

h1{
  color:#000;
  font-size:18px;
  background:url("images/fond-titre.gif") no-repeat 0 12px;
  margin:15px 0 5px -30px;
  padding:30px 0 0 25px;
  height:45px;
}

h2{
padding:5px 0 5px 0px;
color:#a2c239;
font-size:16px;
}

h3{
padding:10px 0 0 25px;
color:#4BB4AF;
font-size:14px;
}

h4{
padding:10px 0 0 25px;
color:#4c4015;
font-size:12px;
}

h5{
font-size:11px;
padding:10px 0 0 25px;
color:#4c4015;
font-size:16px;
}

img{
border:0;
}

/*-----styles des pages----*/


/*----produits.php-----*/

.nom_jeu{
font-size:18px;
font-weight:bold;
color:#cc5522;
text-decoration:none;
padding:5px;
}

#text img{
padding:10px;
}

#text hr{
border:#a2c239 dotted 1px;
clear:both;
}

.prix{
font-size:18px;
font-weight:bold;
color:#cc5522;
}

ul.validateurs li{
clear:both;
list-style-type:none;
display: inline;
}

span.question{
}

/*----accueil.php-----*/

.bouton_accueil{
text-align:center;
padding:10px;
}

.bouton_accueil a img{
padding:0!important;
margin:0!important;
}

.right{
float:right;
}

.right img{
padding:10px;
}

.bt_services{
}

.bt_services a{
margin:3px;
font-size:11px;
text-decoration:none;
font-weight:bold;
color:#f4da61;
width:100px;
border:1px solid #322a0e;
padding:5px;
background:#ccab39;
}

.bt_services a:hover{
background:#65541b;
}

/*.graphique a.1{
background:white url("images/espace-pro/1.gif") no-repeat 0 0;
}

.graphique a.2{
background:white url("images/espace-pro/2.gif") no-repeat 0 0;
}

.graphique a.3{
background:white url("images/espace-pro/3.gif") no-repeat 0 0;
}

.graphique a.4{
background:white url("images/espace-pro/4.gif") no-repeat 0 0;
}

.graphique a.5{
background:white url("images/espace-pro/5.gif") no-repeat 0 0;
}*/

ul.points_de_vente{
list-style-type:none;
padding:0;
margin:0;
}

ul.points_de_vente li{
list-style-type:none;
margin:10px 0 10px 0;
padding:5px;
border: 2px dotted #fcf794;
min-height:60px;
}

ul.points_de_vente li div.image{
height:56px;
width:64px;
margin:0 15px 0 5px;
float:left;
border:1px solid #CCC;
}

div.ville{
margin:10px 0 10px 0;
padding:0px 0 0 25px;
background:#334b6d url("images/magasin_small.gif") no-repeat 0 0;
font-size: 15px;
color : white;
font-variant: small-caps;
}

div.salon{
margin:10px 0 10px 0;
padding:0px 0 0 25px;
background:#334b6d url("images/evenement.gif") no-repeat 0 0;
font-size: 15px;
color : white;
font-variant: small-caps;
}

.nom{
font-weight: bold;
}

a.lien_ext{
text-align: right;
font-size: 9px;
}


/*----evenements.php-----*/

.horizontale li{
padding:0 10px 0 10px;
display:inline;
}


/*----presse.php-----*/

img.left{
float:left;
}

ul.presse li{
clear:both;
list-style-type:none;
}


span.texte{
width:350px!important;
}

.evenements ul.horizontale li{
padding:10px;
background:#fcf794;
}






a.savoir_plus{
padding:5px;
color:#65541b;
font-size:11px;
font-weight:bold;
display:block;
background:transparent url("images/en-savoir-plus.gif") no-repeat 70px 7px;
}

a.savoir_plus:hover{}



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

#menu{
padding-top:5px;
float:left;
}
#menu dl{
width:242px;
padding:10px 0 0 8px;
margin:0px;
}
#menu ul{
padding:0;
margin:0;
}

#menu ul li{
list-style-type:none;
}

#menu ul li a{
height:30px;
width:220px;
padding:5px 0 0 30px;
display:block;
text-decoration:none;
color:#555;
font-family: verdana, sans-serif; 
font-size:14px;
font-weight:bold;
background:url("images/puce-menu.gif") no-repeat 10px 8px;
}

#menu ul li a:hover{
color:#000;
background:url("images/puce-menu-hover.gif") no-repeat 10px 8px;
}
#menu ul li a.on{
background:url("images/puce-menu-hover.gif") no-repeat 10px 8px;
color:#000;
}

#menu ul li a:active{}

#menu dd{
  padding-bottom:5px;
}
#menu dd ul li{
  list-style-type:square;
  color:#888;
}
#menu dd ul li a{
  font-size:12px;
  padding:0 0 0 0;
  height:15px;
  background:none;
  font-weight:normal;
}
#menu dd ul li a:hover{
background:none;
color:#ff0000;
font-weight:bold;
}
#menu dd ul li a.on{
background:none;
color:#ff0000;
}

#menu dd ul li a.etablissements{
  padding:0 0 0 0;
  height:15px;
  background:none;
  font-weight:normal;
  font-size:10px;
}

#menu div.menu_bas{
background:transparent url("images/bord_bas_menu.gif") no-repeat top right;
padding:0;
}
#menu div.adresse{
  width:190px;
  height:112px;
  padding:20px 0 0 20px;
  text-align:center;
  color:#737373;
  font-size: 10px; 
  font-family: verdana; 
  font-weight: bold;
}


/*#contents ul li{
list-style-image:url("images/liste.gif");
}*/
#sous_rub{
  margin-top:-30px;
  margin-left:20px;
  padding-left:20px;
  background:transparent url("images/fleche.jpg") no-repeat 2px 0px;
}
#sous_rub a{
padding:5px;
text-decoration:none;
color:#888;
font-family: verdana, sans-serif; 
font-size:11px;
font-weight:bold;
}
#sous_rub a:hover{
color:#ff9933;
}
#sous_rub a.ok{
color:#ff9933;
}

/*----tools----*/

#tools{
width:324px;
height:30px;
position:absolute;
top:160px;
left:436px;
background:white url("images/fond-tools.gif") no-repeat 0 0;
}

#tools ul li{
display:inline;
}

#tools ul{
margin:0;
padding:12px 0 0 148px;
}

li.tools_pro a{
font-size:11px;
text-decoration:none;
font-weight:bold;
color:#77641c;
}

li.tools_pro a:hover{
color:#af932a;
}

li.tools_particulier a{
font-size:11px;
text-decoration:none;
font-weight:bold;
color:#39547a;
padding-left:10px;
}

li.tools_particulier a:hover{
color:#4c70a3;
}


/*----footer----*/

#footer{
clear:both;
height:170px;
background:#FFF url("images/footer.gif") no-repeat top left;
text-align:center;
}

#footer ul{
padding-top:85px;
text-align:center;
margin:0;
}

#footer ul li{
display:inline;
}

#footer ul li a{
font-weight:bold;
padding-left:10px;
text-decoration:none;
font-size:11px;
color:#ff9933;
}

#footer ul li a:hover{
color:#d3b13b;
}
#footer span a{
padding-top:5px;
text-decoration:none;
font-size:10px;
color:#ff9933;
}
/*sert pour les formulaires pas bien remplis, met en évidence le champ vide*/
.focus {
  background-color: #ffcc00;
}

.message{
color:#ff9933;
font-size:10px;
line-height:10px;
}