/*@import url(common-tags.css);

@import url(dynamic-content.css);

@import url(form.css);
jaune : #f4da62
-----temp common files----*/

body{
background:#fff url("images/background.jpg") repeat-x 0 0;
}

#page{
  margin-top:20px;
  font-size:12px;
  font-family:arial, san serif;
  color:#353535;
  width:760px;
  position:absolute;
  left:-380px;
  margin-left:50%;
  border:1px solid grey;
}

body.popup{
background:#f4da62;
}

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

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

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

#text{
  padding:15px 10px 10px 10px;
  width:520px;
  min-height:350px;
}

#text p{
line-height:15px;
font-size: 11px;
color:#666;
text-align:justify;
}

#text div.flash{
float:left;
padding:0 15px 5px 0;
}

#text img{
padding:10px;
}

#text hr{
border:#65541b solid 1px;
clear:both;
}

#text a{
color:#CC0000;
}
#text a:hover{
color:#000;
}

/*formulaires*/
fieldset{
padding:20px;
border:0;
}

label{
float:left;
display:block;
width:150px;
}

input{
border:1px solid black;
}

textarea{
border:1px solid black;
}

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

h1{
color:#CC0000;
font-size:16px;
background:url("images/fond-titre.gif") no-repeat 0 5px;
margin:12px 0 10px 0;
padding:2px 0 10px 25px;
}

h2{
padding:0;
color:#4c4015;
font-size:14px;
}

h3{
text-decoration:underline;
padding:10px 0 0 25px;
color:#4c4015;
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;
}

.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;
}




/*liens*/


ul.horizontale{
  width:500px;
  text-align:left;
}

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

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

ul.liens li{
  list-style-type:none;
  margin:10px 0 10px 0;
  padding:0 5px 0 5px;
  background:#fcf794;
  min-height:100px;
}

ul.liens li a img{
  height:100px;
  padding:0;
}







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

#banner{
background:white url("images/bandeau.jpg") no-repeat 0 0;
width:760px;
height:103px;
margin-bottom:20px;
}
#banner img{
float:left;
}

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

#bloc{
background:#fff url("images/fond.jpg") no-repeat top left;
}

*html #bloc{
margin:0px;
}

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

#menu{
float:left;
width:172px;
}

#menu dl{
width:163px;
border-right:1px solid #CCCCCC;
padding:10px 0 0 8px;
margin:0px;
}

#menu div.menu_bas{
width:172px;
height:32px;
background:#fff url("images/bord_bas_menu.gif") no-repeat top right;
margin-top:-12px;
padding:0;
}
#menu div.adresse{
width:172px;
height:32px;
margin-top:12px;
padding:0;
text-align:center;
color:#737373;
font:10px verdana bold;
padding-bottom:20px;
}

#menu ul{
padding:0;
margin:0;
}

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

#menu ul li a{
height:27px;
width:154px;
padding-top:6px;
display:block;
text-decoration:none;
font-size:9px;
font-weight:bold;
color:#FFCC00;
padding-left:27px;
background:url("images/fond-lien-menu.gif") no-repeat 0 0;
}

#menu ul li a:hover{
background:url("images/fond-lien-menu-hover.gif") no-repeat 0 0;
color:#cc0000;
}

#menu ul li a.on{
background:url("images/fond-lien-menu-hover.gif") no-repeat 0 0;
color:#cc0000;
}

#menu ul li a:active{}

#menu dd ul li a{
margin-left:-20px;
padding:0 0 5px 0;
height:15px;
background:none;
color:#CC0000;
width:130px;
}
#menu dd ul li a:hover{
background:none;
color:#FFCC00;
}

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

#contents{
float:left;
width:500px;
}


/*#contents ul li{
list-style-image:url("images/liste.gif");
}*/

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

#tools{
width:760px;
height:21px;
position:absolute;
top:102px;
text-align:right;
background:white url(images/fond_menu_haut.jpg) top left no-repeat;
}

#tools ul li{
display:inline;
}

#tools ul{
margin:0;
padding:3px 10px 0 0;
}

#tools ul li a{
font-size:11px;
text-decoration:none;
color:#FFD400;
padding:0 28px 0 28px;
letter-spacing:2px;
}

#tools ul li a:hover{
color:#FFF;
text-decoration:underline;
}


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

#footer{
clear:both;
height:20px;
background:#CC0000;
}

#footer ul{
text-align:center;
padding:0;
margin:0;
list-style-type:none;
}

#footer ul li{
display:inline;
list-style-type:none;
}

#footer ul li a{
padding-left:20px;
text-decoration:none;
font-size:11px;
color:#FFD400;
letter-spacing:1px;
}

#footer ul li a:hover{
color:#FFF;
}

/*sert pour les formulaires pas bien remplis, met en évidence le champ vide*/
.focus {
  background-color: #ffcc00;
}

.message{
color:#CC0000;
font-weight:bold;
}



.Bold
{
	font-weight: bold;
}

.Title
{
	font-weight: bold;
	font-size: 18px;
	color: #cc3300;
}

.Code
{
	border: #8b4513 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	color: #000066;
	font-family: 'Courier New' , Monospace;
	background-color: #ff9933;
}