@IMPORT url("saisie.css");
@IMPORT url("cadres.css");
@IMPORT url("menu.css?maj=1");


body {
	background-color	: rgb(179, 132, 79);
	text-align		: center;
	font-family		: trebuchet MS, Verdana, Arial;
	font-size		: 14px;
	margin		: 0px;
	padding		: 0px;
	width		: 100%;
	color	: rgb(93, 57, 22);
}

img {
border:0;
}

/* Division exterieure haut gauche */
#headerg {
	background-image	: url(../img/cadre/div_ext_hg.png);
	background-position	: right top;
	background-repeat	: no-repeat;
}

/* Division exterieure haut droite */
#headerd	{ background: url(../img/cadre/div_ext_hd.png) no-repeat; background-position: left top;  }
#body_g		{ background: url(../img/cadre/div_ext_cg.png) repeat-y;  background-position: top right; width: 10px; }
#body_d		{ background: url(../img/cadre/div_ext_cd.png) repeat-y;  background-position: top left;  width: 10px; }
#bottom_g	{ background: url(../img/cadre/div_ext_bg.png) no-repeat; background-position: right top; }
#bottom_c	{ background: url(../img/cadre/div_ext_bc.png) no-repeat; background-position: top;       width: 760px;	height: 91px; }
#bottom_d	{ background: url(../img/cadre/div_ext_bd.png) no-repeat; background-position: left top;  }


#site {
	background-color	: rgb(254, 231, 204);
	margin-left		: auto;
	margin-right	: auto;
	margin-top		: 0px;
	position	: relative;
	width		: 740px;
}

#main {
}

#principale {
	position	: relative;
	margin	: 0px;
	width	: 100%;
	height	: 300px;
	padding	: 0px;
}

#gauche {
	width	: 100px;
	height	: 100%;
}

#main_top {
	border: 0px solid #823;
}

#cadre_message {
	background-color	:  rgb(179, 132, 79);
	background-repeat	: no-repeat;
	position: absolute;
	z-index	: 2000;
	top		: 0px;
	left	: 0px;
	margin	: 0px;
	width	: 665px;
	height	: 123px;
	border	: 0px solid #000;
	overflow: auto;
	visibility:hidden;
	display	: none;
}

#cadre_message2 {
	background:url(../img/cadre/c_message.png) ;
	background-repeat: no-repeat;
	position:absolute;
	z-index:1000;
	top:0px;
	left:0px;
	margin:0px;
	width:665px;
	height:123px;
	overflow: auto;
	border:0px solid #000000;
	visibility:hidden;
	display:none;
}

#main_message {
	position:relative;
	border: 0px solid #FFFFFF;
	top:-1px;
	left:40px;
	width:576px;
	height:60px;
	text-align:justify;
	margin:10px;
	color:#562314;
	font-weight:bold;
	font-size:15px;
}

#main_main {
}
#submain_top {
}
#submain_main {
}
#submain_bottom {
	height:62px;
}


#smallbox {
	background-color	: rgb(224, 236, 178);
	font-weight	: bold;
	border		: 0px #000000 solid;
}
#smallbox_top {
	background			: url(../img/cadre/c_smallbox_top2.png);
	background-repeat	: no-repeat;
	height	: 25px;
}
#smallbox_title {
	position	: relative;
	text-align	: center;
	top			: 35px;
}
#smallbox_text {
	padding-left	: 30px;
	text-align		: left;
	border	: none;
}

#smallbox_text2 {
	padding-left	: 8px;
	margin-bottom	: 5px;
	text-align	: left;
	border	: none;
}

#smallbox_text3 {
	padding-left:3px;
	border: 0px #000000 solid;
	text-align:left;
	margin-bottom:5px;
}

#smallbox_font {
	margin-bottom:5px;
}

#smallbox_bottom {
	width:180px;
	height:30px;
	text-align:center;	
}


/** Tooltips **/
.tooltiptitle	{ font-family: trebuchet MS; font-size: 11pt; font-weight: bold; }
.tooltipdesc	{ font-family: trebuchet MS; font-size: 8pt;  font-style: italic; text-align: justify;	padding : 7px 5px -5px 5px; }




.prix {
	font-family: trebuchet MS; font-size: 12pt;	color: #e0b17a;
}
	

.fiche {
	float:left;
	background:url(../img/fiche.png) no-repeat;
	width:205px;
	height:240px;
	text-align:left;
	border:0px solid #000000;
	margin:2px;
	z-index:1;
}

.fiche2 {
	float:left;
	background:url(../img/smallfiche.png) no-repeat;
	width:205px;
	height:154px;
	text-align:left;
	border:0px solid #000000;
	margin:2px;
	z-index:1;
}

#fiche_image {
	float:left;
	position:relative;
	top:22px;
	left:16px;
	width:104px;
	height:99px;
	text-align:left;
	border:0px solid #000000;
	z-index:3;
}

#fiche_prix {
	position:relative;
	top:-3px;
	left:-3px;
	font-size: 18px;
	font-weight:bold;
}

#liste_carac {
	float:left;
	position:relative;
	top:25px;
	left:20px;
	width:70px;
	text-align:left;
	border:0px solid #000000;
}

#progress_fond {
	background:url(../img/barre_fond.png) no-repeat;
	float:left;
	position:relative;
	top:30px;
	left:45px;
	width:104px;
	height:20px;
	text-align:left;
	border:0px solid #000000;
}

#progress_fond2 {
	background:url(../img/barre_fond.png) no-repeat;
	float:left;
	position:relative;
	top:24px;
	left:50px;
	width:104px;
	height:20px;
	text-align:left;
	border:0px solid #000000;
}

#progress_fond3 {
	background:url(../img/barre_fond.png) no-repeat;
	float:left;
	position:relative;
	margin-left:5px;
	top:4px;
	width:104px;
	height:20px;
	text-align:left;
	border:0px solid #000000;
}

#progress_fond4 {
	background:url(../img/barre_fond.png) no-repeat;
	float:left;
	position:relative;
	margin-left:5px;
	top:4px;
	left:6px;
	width:104px;
	height:20px;
	text-align:left;
	border:0px solid #000000;
}

#minifiche_titre {
	background:url(../img/fiche_nom.png) no-repeat;
	position:relative;
	top:23px;
	left:5px;
	width:185px;
	height:30px;
}

#minifiche_titre2 {
	background:url(../img/fiche_nom.png) no-repeat;
	position:relative;
	top:15px;
	left:5px;
	width:185px;
	height:30px;
}
#minifiche_placetitre
{
	position:relative;
	top:5px;
	left:30px;
}
#minifiche_placetitre2
{
	position:relative;
	top:1px;
	left:30px;
}
#minifiche_input
{
	background-color: #ffcc66;
	text-align: center;
	border: 1px dashed #663300;
}
#minifiche_sante
{
	position:relative;
	top:30px;
	left:40px;
	float:left;
}
#minifiche_sante2
{
	position:relative;
	top:24px;
	left:40px;
	float:left;
}
#minifiche_texte
{
	position:relative;
	top:26px;
	left:35px;
}

#minifiche_texte2
{
	position:relative;
	top:26px;
	left:25px;
	width:160px;
	border:0px solid #000000;
}
#minifiche_description
{
	text-align:justify;
}

#quetes_font
{
	font-weight: normal;
	font-size: 14px;
}

#cadre_plot {
	background:url(../img/cadre/plot_repeat.png) repeat-x;
}

#mini_menu
{
	float:right;
	position:relative;
	top:13px;
	z-index:10;
}
#mini_menu2
{
	z-index:10;
}

#collection
{
	position:relative;
	top:0px;
	height:104px;
	left:0px;
	z-index:100;
}
#collection_no
{
	background:url(../img/collection_no.png) no-repeat;
	position:relative;
	top:0px;
	left:0px;
	width:109px;
	height:104px;
	z-index:100;
}


input, textarea, select {
	border		: 1px solid;
	border-left-color	: #693615; 
	border-top-color	: #693615;
	border-bottom-color	: #d0a46d; 
	border-right-color	: #d0a46d;
	background-color: #704925; 
	font-family	: trebuchet MS; 
	text-align	: justify; 
	font-style	: italic;
	color	: #f8d8b2;
}
input[type=submit], input[type=button] {
	border		: 1px solid;
	border-left-color	: #d0a46d;
	border-top-color	: #d0a46d; 
	border-bottom-color	: #693615;
	border-right-color	: #693615;
}


a, a:link, a:visited, a:active {
	text-decoration: none;
	border	: 0px;
	color	: rgb(108, 62, 18);
	cursor	: pointer;
}
a:hover {
	color	: #FFF0E0;
}



#haut{
	width:760px;
	height:91px;
	text-align:right;
	background-position: 11px;
	margin:auto;
}
#logo{
	position:relative;
	top:0px;
	left:0px;
	width:146px;
	height:91px;
	float:left;
}
#menu{
	position:relative;
	top:0px;
	left:0px;
}


#menuh{
	position:relative;
	top:0px;
	left:0px;
}
#menuhg{
	width:18px;
	height:42px;
}
#menuhd{
	width:17px;
	height:42px;
}
#menuhm{
	width:589px;
	height:42px;
	text-transform:uppercase;
	text-align:center;
	vertical-align:middle;
}




#menuhm a{
	margin-right:10px;
}
#ssmenuh{
	position:absolute;
	top:42px;
	left:190px;
	margin:auto;
}
#ssmenuhg{
	position:relative;
	top:0px;
	left:0px;
	width:13px;
	height:29px;
}
#ssmenuhd{
	position:relative;
	top:0px;
	left:0px;
	width:12px;
	height:29px;
}
#ssmenuhm{
	position:relative;
	top:0px;
	left:0px;
	width:500px;
	height:42px;
	text-align:center;
	vertical-align:top;
}
#ssmenuhm a{
	margin-right:10px;
}
#pub{
	background-position:right;
	padding-left:5px;
	text-align:right;
}
#footer{
	background-position:right;
	text-align:center;
}
#sepfooter
{
	width:640px;
	height:30px;
}

#gauche{
	width:150px;
	height:300px;
	float:left;
}
html>body #gauche {
height: auto;
min-height: 300px;
} 
html>body #principale {
height: auto;
min-height: 300px;
}
.menug{
	margin-bottom:10px;
}
.menugh{
	position:relative;
	background-position: 2px;
	text-align:center;
	vertical-align:middle;
	width:146px;
	/* bug sous ff, hack : les 2 suivants doivent faire 37 :s */
	height:27px;
	padding-top:10px;
	text-transform:uppercase;
	font-weight:bold;
	color:#006600;
}
.menugm{
	position:relative;
	background-position: 12px;
	text-align:center;
	width:146px;
}
.menugb{
	position:relative;
	background-position: 12px;
	text-align:justify;
	width:146px;
	height:18px;
}
#ph{
	position:relative;
	background-position: 0px;
	text-align:justify;
	width:611px;
	height:13px;
}
#pm{
	position:relative;
	background-position: 0px;
	text-align:justify;
	width:581px;
	height:500px;
	padding-left:10px;
	padding-right:30px;
	padding-top:15px;
}
html>body #pm {
height: auto;
min-height: 500px;
}
#pb{
	position:relative;
	background-position: 0px;
	text-align:justify;
	width:611px;
	height:22px;
}
#ssmenuhm div{
	visibility:hidden;
	display:none;
}

h1, h2, h3 {
	color: rgb(93, 57, 22);
}


/** Dragoncity **/
.city_title td {
	text-align	: left;
	font-weight	: bold;
	padding-bottom	: 5px;
	padding-top		: 10px; 
}
.city_desc td {
	vertical-align	: top;
	font-size	: x-small; 
	font-style	: italic; 
	text-align	: left;
}
.city_desc img {
	width	: 52px;
	height	: 50px;
	background-image	: url("../img/cadre/icone_village.png");
	background-repeat	: no-repeat;
	border	: none;
	padding-right: 5px;
}




.yTitle {
	font-weight	: bold;
}
.yDesc {
	font-size	: x-small;
	font-style	: italic;
}

tr.smallline {
	text-align	: left;
	font-size: x-small;
	text-align: center;
}
	
#fiche h3{
display:inline;
}

#teaser
{
	color:#661100;
	font-size:13px;
	font-weight:bold;
}

#title_guide
{
	background-color:#cc9933;
	width:100%;
	border-top:2px solid #000000;
	border-bottom:1px solid #000000;
	padding:7px;
}

#title_liste
{
	background-color:#ae6026;
}



#banniere
{
	text-align:center;	
}


.message{
	border:1px solid #663300;
	width:90%;
	padding:3px;
	background-color:#ce6f30;
	color:#FFFFFF;
	text-align:center;
	width:98%;
	
}
.message a{
	color:#000000;
}


/** Balises de lien <a>...</a> **/
a.info{
    position:relative;
    z-index:10000;
    text-decoration:none;}

a.info:hover{z-index:10000;}

a.info span{display: none}

a.info:hover span{
	z-index:10000;
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #a36334;
    background-color:#f6e0d0; 
	color:#a36334;
    text-align: center
}
a.info2 {
    position:relative;
    z-index:10000;
    text-decoration:none;
}
a.info2:hover {
	z-index:10000; 
	background-color:#cccccc
}
a.info2 div {
	display: none;
}
a.info2:hover div {
	z-index:10000;
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #a36334;
    background-color:#f6e0d0; 
	color:#a36334;
    text-align: center
}


/** Balises images <img /> **/
img {
	border: none;
}

img.icon30 {
	width	: 30px;
	height	: 30px;
}


.txtlittle {
	font-size	: xx-small;
	font-style	: italic;
}


#fiche input{
	width:120px;
}



/* EuD v2 */
.jaune {
	color: #fffb82;
}
.sstitre {
	font-size	: 12pt;
	color		: rgb(98, 139, 35);
}

.value {
	color: #2a69d2;
	font-weight: bold;
}

table.popupmsg {
	border: 1px solid #2a69d2;
	width: 300px;
}

ul.quete {
	list-style: url("img/list_puce.jpg");
}

a.quete {
	color: #2a69d2;
	font-variant: small-caps;
	font-size: 10pt;
}

td.popupmsgtitle {
	font-variant: small-caps;
	font-weight: bold;
	text-align: center;
	font-size: 12pt;
}

input.quest {
	color: #2a69d2;
	font-variant: small-caps;
	font-style: italic;
	border: 1px solid #2a69d2; 
	background-color: #C8CACE;
}

.debug {
	border: 2px solid red;
}

a.btmlnk:HOVER { text-decoration: underline; color: rgb(108, 62, 18); }

.pointer {
	cursor:pointer;
}