* { /* a faire */
	margin: 0;
	padding: 0;
}

body{
	background-color : #fff0d1;
	color : white;
	font-family : Verdana,Arial;
	font-size : 9px;
	text-align : center;
}

#entete{
	background-color : #bc683c;
	width : 1002px;
	color : white;
	font-family : Verdana,Arial;
	font-size : 11px;
	text-align : center;
	height : 18px;
	font-weight : bold;
	padding-top : 3px;
}

a:link{
	font-weight : bold;
	text-decoration : none;
	color : #f00;
}

a:hover{
	font-weight : bold;
	text-decoration : none;
	color : #000;
}

a:visited{
	font-weight : bold;
	text-decoration : none;
	color : #f00;
}

.contenu{
	position: relative;
	background-color : #fbdba2;
	width : 1000px;
	border : 1px solid #bc683c;
	border-top : 0px;
	z-index : 1;
	padding-bottom : 40px;
	min-height:650px;
	height:auto !important;
	height:650px;
}

#header{
	position : relative;
	width : 1000px;
	height : 171px;
}

.opacity5{
	filter : alpha(opacity=50);
	-moz-opacity : 0.5;
	opacity : 0.5;
}

.erreur{
	font-size:13px;
	font-weight:bold;
	color : red;
}

#heure{
	margin-left : 365px;
	padding-top : 18px;
	float : left;
}

.jclock{
	float : left;
	margin-left : 16px;
	padding-top : 19px;
}

#jour{
	margin-left : 18px;
	padding-top : 17px;
	float : left;
}

#jour2{
	margin-left : 13px;
	width : 160px;
	padding-top : 19px;
	float : left;
	text-align : center;
}

#visites{
	margin-left : 10px;
	padding-top : 16px;
	float : left;
}

#visites2{
	width : 93px;
	margin-left : 7px;
	margin-top : 19px;
	float : left;
	text-align : center;
}

#firefox{
	position: absolute;
	background-image : url(images/firefox.gif);
	width : 453px;
	height : 33px;
	left : 340px;
	top : 130px;
	clear : left;
	font-size : 12px;
}

#firefox a{
	font-weight : none;
	text-decoration : none;
	font-size : 12px;
	color : #fff;
}

#firefox  a:hover{
	font-weight : bold;
	text-decoration : underline;
	font-size : 12px;
	color : #fce3bc;
}

#menu{
	position : relative;
	margin-top:20px;
}

#menu a{
	font-size : 13px;
	font-weight : bold;
	color : #fce3bc;
	text-decoration : none;
}

#menu a:hover{
	font-size : 13px;
	font-weight : bold;
	color : #fff;
	text-decoration : none;
}

#menu .lien4{
	font-weight : none;
	text-decoration : none;
	font-size : 9px;
	color : #fff;
}

#menu  .lien4:hover{
	font-weight : bold;
	text-decoration : none;
	font-size : 9px;
	color : #fce3bc;
}

.groupi1{
	background-image : url(images/groupi1.png);
	position : absolute;
	width : 175px;
	height : 100px;
	margin-top : 361px;
	margin-left : 30px;
	z-index : 999;
}

#content{
	position : relative;
	background-color : #d19860;
	width : 500px;
	margin-top : 20px;
	margin-left : 20px;
	display : block;
	border : 1px solid #bc683c;
}

#contenyu{
	padding : 20px;
}

#content2{
	position : relative;
	background-color : #d19860;
	width : 960px;
	margin-left : 20px;
	display : block;
	border : 1px solid #bc683c;
	padding : 20px 0 20px 0;
	min-height : 460px;
	height : auto !important;
	height : 460px;
	text-align : center;
}

.titre{
	background-image : url(images/titres/fond_titres.png);
	height : 56px;
}

.font1{
	color : white;
	font-size : 11px;
	text-align : justify;
	line-height : 22px;
}

.font1:first-letter{
	font-size : 16px;
	font-weight : bold;
	color : #bc683c;
}

.font2{
	color : white;
	font-size : 12px;
	font-weight : bold;
}

.font3{
	color : white;
	font-size : 11px;
	line-height : 15px;
	text-align : justify;
}

#content a{
	font-size : 12px;
	font-weight : bold;
	color : white;
	text-decoration : none;
}

#content .lien{
	font-weight : bold;
	text-decoration : none;
	font-size : 10px;
	color : #bc683c;
}

#content .lien:hover{
	font-weight : bold;
	text-decoration : none;
	font-size : 10px;
	color : #fff;
}

#content2 .lien{
	font-weight : bold;
	text-decoration : none;
	font-size : 10px;
	color : #afdb25;
}

#content2 .lien:hover{
	font-weight : bold;
	text-decoration : none;
	font-size : 10px;
	color : #fff;
}

#content .lien2{
	font-weight : bold;
	text-decoration : none;
	font-size : 10px;
	color : #efccaa;
}

#content .lien2:hover{
	font-weight : bold;
	text-decoration : none;
	font-size : 10px;
	color : #fff;
}

#content .lien3{
	font-weight : bold;
	text-decoration : none;
	font-size : 12px;
	color : #efccaa;
}

#content .lien3:hover{
	font-weight : bold;
	text-decoration : none;
	font-size : 12px;
	color : #fff;
}

#content .lien5{
	font-weight : bold;
	text-decoration : none;
	font-size : 11px;
	color : #fff;
}

#content .lien5:hover{
	font-weight : bold;
	text-decoration : none;
	font-size : 11px;
	color : #bc683c;
}

#content .lien6{
	font-weight : bold;
	text-decoration : none;
	font-size : 10px;
	color : #fff;
}

#content .lien6:hover{
	font-weight : bold;
	text-decoration : none;
	font-size : 11px;
	color : #bc683c;
}

#footer{
	position : relative;
	color : #bc683c;
	display : block;
	padding-bottom : 20px;
}

#table_comp, #table_cef{
	font-size : 10px;
}

#table_comp th, #table_cef th{
	background-image : url(http://data.dinorpg.com/img/design/table_header.gif);
	height : 39px;
	padding : 0 10px 0 10px;
	border:1px solid #bb683c;
}

#table_comp tr, #table_cef tr{
	height : 39px;
	padding : 0 10px 0 10px;
}

#table_comp td, #table_cef td{
	padding : 7px 7px 7px 7px;
	color : #771100;
	font-size : 11px;
	border:1px solid #bb683c;
}

.table_ing{
	margin-bottom : 20px;
}

.table_ing th{
	background-image : url(http://data.dinorpg.com/img/design/table_header.gif);
	height : 39px;
	padding : 0 10px 0 10px;
	border:1px solid #bb683c;
	font-size : 14px;
}

.table_ing td{
	padding : 6px 5px 6px 5px;
	color : #771100;
	font-size : 11px;
	border:1px solid #bb683c;
}

.fond_dinoz{
	position : relative;
	background : url(images/dinoz/fond_dinoz.gif) no-repeat;
	width : 460px;
	height : 208px;
}

.fond_image{
	position : relative;
	background : url(images/dinoz/fond_image.gif) no-repeat;
	width : 166px;
	height : 183px;
	margin-left : 25px;
}

.image_dinoz{
	padding-top:4px;
	padding-left:4px;
}

.nom_dinoz{
	position : absolute;
	width : 166px;
	height : 20px;
	font-weight : bold;
	padding-top : 8px;
	font-size : 11px;
	text-align : center;
}

.fond_info{
	position : relative;
	background : url(images/dinoz/fond_info1.gif) no-repeat;
	width : 105px;
	height : 21px;
}

.fond_info2{
	position : relative;
	background : url(images/dinoz/fond_info2.gif) no-repeat;
	width : 105px;
	height : 111px;
	margin-top : 1px;
}

.img_or_dinoz{
	padding-top:5px;
	padding-left:8px;
	float:left;
}

.or_dinoz{
	padding-top:4px;
	width : 80px;
	text-align : center;
	font-size : 11px;
}

.comp_dinoz{
	padding-top:4px;
	width : 100px;
	text-align : center;
	font-size : 11px;
}

.fond_elem{
	padding-top : 7px;
	margin-left : 12px;
}

.debut_elem{
	float : left;
}

.niveau_elem{
	background-color : #a94d21;
	border : 1px solid white;
	width : 50px;
	height : 12px;
	margin-left : 36px;
}

.pourcentage{
	position : absolute;
	width : 48px;
	text-align : center;
	color : black;
}

.niveau_feu{
	background : url(images/dinoz/niv_feu.gif) repeat-x;
}

.niveau_bois{
	background : url(images/dinoz/niv_bois.gif) repeat-x;
}

.niveau_eau{
	background : url(images/dinoz/niv_eau.gif) repeat-x;
}

.niveau_elec{
	background : url(images/dinoz/niv_elec.gif) repeat-x;
}

.niveau_air{
	background : url(images/dinoz/niv_air.gif) repeat-x;
}

.obtention_dinoz{
	position : relative;
	background : url(images/dinoz/fond_obtention.gif) no-repeat;
	width : 129px;
	height : 111px;
}

.obtention_text{
	padding : 8px;
	text-align : left;

}

.mini_dinoz{
	padding-top :5px;
	padding-bottom :5px;
}

.plus_bouton{
	background : url(images/dinoz/fond_plus.gif) no-repeat;
	width : 96px;
	height : 21px;
	margin-top : 7px;
	margin-left : 4px;
}

.plus_fond{
	background-color : #bc683c;
	border-left : 1px solid #f7e47a ;
	border-right : 1px solid #f7e47a ;
	border-bottom : 1px solid #f7e47a ;
	width : 410px;
}

.plus_cont{
	padding : 6px;
}

.popup_map{
	position : relative;
	text-align : center;
	float : left;
}

.popup_infos_haut{
	position : relative;
	background : url(images/map/infos_haut.png) no-repeat;
	width : 242px;
	height : 45px;
	font-weight : bold;
	font-size : 12px;
	text-align : center;
}

.popup_infos_mid{
	background : url(images/map/infos_milieu.png) repeat-y;
	width : 242px;
	height : 45px;
}

.popup_infos_bas{
	background-image : url(images/map/infos_bas.png);
	width : 242px;
	height : 33px;
}

.popup_nom_perso{
	margin : 5px 0 5px 0;
}

.popup_objet{
	background-color : #c97c47;
	border : 1px solid #da9460;
	width : 170px;
	font-size : 10px;
	text-align : left;
	padding : 7px;
	margin-top : 15px;
}

.popup_lieu{
	margin-top:14px;
	text-align:center;
}

#navigation_lieu{
	background-image : url(images/fond_retour.png);
	width : 198px;
	height : 34px;
	text-align : center;
}

#table_marais td{
	background-image : url(images/fond_td.png);
}

.aide_titre{
	padding-left : 20px;
	background : url(images/bg_titre_aide.gif) repeat-x;
}

.aide_titre2{
	padding-left : 20px;
	background : url(images/bg_titre_aide4.gif) repeat-x;
}

.aide_titre3{
	padding-left : 20px;
	background : url(images/bg_titre_aide2.gif) repeat-x;
}

.aide_titre4{
	padding-left : 20px;
	background : url(images/bg_titre_aide4.gif) repeat-x;
}

.aide_content{
	padding-left : 40px;
	padding-right : 30px;
	font-size : 10px;
	background-color : #bc683c;
	margin-bottom : 15px;
}

#tab_demon{
	text-align:center;
}

#tab_demon tr th{
	text-align:center;
	background-color:#89512c;
	height : 20px;
}

#tab_demon tr td{
	text-align:center;
	background-color:#cc8e52;
	height : 20px;
}

/*/////////////////: BOUTIQUE /////////////////*/

#bout_haut{
	margin-top : 2px;
	background-image : url(images/boutique/objet_haut.png);
	width : 173px;
	height : 48px;
}

.bout_milieu{
	background-image : url(images/boutique/objet_milieu.png);
	width : 173px;
	height : 34px;
}

#bout_bas{
	background-image : url(images/boutique/objet_bas.png);
	width : 173px;
	height : 57px;
}

#bout_desc{
	background : url(images/boutique/desc_boutique.png) no-repeat;
	width : 289px;
	height : 346px;
}

#bout_content{
	padding : 17px 16px 30px 24px;
}

.bout_image{
	position : absolute;
	margin : 17px 0px 0px 20px;
	padding : 0px 10px 3px 0px;
}

.quatrieme{
	clear:left;
}

.bout_img{
	float : left;
	padding : 0px 2px 2px 0px;
}

.bout_3{
	float : left;
	padding : 0px 2px 2px 0px;
}

.bout_4{
	float : none;
	padding : 0px 2px 2px 0px;
}

#bout_image_2{
	float : left;
}

#bout_nom{
	font-size : 12px;
	font-weight : bold;
	height : 14px;
	color : #ffee92;
	font-family : Arial;
	text-transform : uppercase;
	margin-left : 40px;
	float : none;
	text-align : left;
}

#bout_prix{
	font-size : 12px;
	font-weight : bold;
	color : #ffee92;
	font-family : Arial;
	margin-left : 5px;
	margin-top : 3px;
	float : left;
	width : 100px;
	text-align : left;
}

.hr{
	color : #ffee92;
	background-color : #ffee92;
	height : 1px;
	border : 0;
	margin : 0;
	padding : 0;
	font-size : 1px;
}

#bout_use{
	margin-left : 65px;
	margin-top : 3px;
	width : 12px;
	height : 12px;
	float : left;
}

#bout_equip{
	margin-left : 5px;
	margin-top : 3px;
	width : 12px;
	height : 12px;
	float : left;
}

#bout_description{
	float : none;
	margin-top : 26px;
	font-size : 11px;
	color : #fbf5d7;
	text-align : justify;
}

#bout_dispo{
	background-color : #9a4029;
	padding : 5px;
	margin-top : 10px;
	font-size : 11px;
	color : #fbf5d7;
	text-align : justify;
}

/*//////////// BESTIAIRE //////////////*/

.content_bestiaire{
	position : relative;
	margin-bottom : 30px;
}

.fond_bestiaire{
	position : relative;
	background : url(images/monstres/fond_monstres.png) repeat-x;
	width : 460px;
	height : 118px;
}

.nom_bestiaire{
	font-size : 13px;
	font-weight : bold;
	text-align : center;
	padding-top : 4px;
}

.titre_comp_bestiaire{
	position : absolute;
	top : 25px;
	left : 195px;
	background-image : url(images/monstres/competence.png);
	width : 127px;
	height : 24px;
	z-index : 99;
}

.comp_bestiaire{
	position : absolute;
	top : 36px;
	left : 172px;
	background-color : #994d25;
	border : 1px solid #d9936f;
	width : 155px;
	height : 52px;
	text-align : left;
	padding-top : 13px;
	padding-left : 15px;
}

.lieu_bestiaire{
	position : absolute;
	top : 105px;
	left : 146px;
	background-color : #994d25;
	border : 1px solid #d9936f;
	width : 220px;
	height : 19px;
	text-align : center;
	font-size : 11px;
	padding-top : 3px;
}

.pv_bestiaire{
	position : absolute;
	top : 30px;
	left : 378px;
	background-color : #994d25;
	border : 1px solid #d9936f;
	width : 65px;
	height : 16px;
	text-align : center;
	padding-top : 2px;
}

.ele_bestiaire{
	position : absolute;
	top : 56px;
	left : 397px;
	background-color : #994d25;
	border : 1px solid #d9936f;
	width : 22px;
	height : 22px;
	padding : 1px;
}

.niv_bestiaire{
	position : absolute;
	top : 88px;
	left : 378px;
	background-color : #994d25;
	border : 1px solid #d9936f;
	width : 65px;
	height : 16px;
	padding-top : 4px;
	text-align : center;
}

.image_bestiaire{
	position : absolute;
	border : 1px solid #d9936f;
	z-index : 999;
}

/*/////////:/// DINOCENTER ////////////*/

.cadre_contact{
	background-color : #994d25;
	padding : 10px;
}

#desc_contact{
	background-color : #bc683c;
	padding : 10px;
	margin-bottom : 10px;
}

/*///////////// OBJETS ///////////*/

.fond_objet{
	position : relative;
	background-color : #bc683c;
	border : 1px solid #994d25;
	width : 460px;
	margin-bottom : 20px;
}

.fond_statut{
	position : relative;
	background-color : #bc683c;
	border : 1px solid #e9b47e;
	width : 460px;
	margin-bottom : 20px;
}

.lieu_objet{
	position : relative;
	background-color : #9f5833;
	border : 1px solid #d9936f;
	padding : 3px;
	width : 200px;
	margin-bottom : 5px;
}

.titre_objet{
	margin : 4px 0 4px 0;
	font-size : 13px;
	font-weight : bold;
}

.image_objet{
	position : relative;
	margin-top : 5px;
	text-align : center;
	background-color : #c97c47;
	border : 1px solid #d9936f;
	width : 32px;
	height : 32px;
}

.desc_objet{
	position : relative;
	margin-top : 5px;
	margin-left : 10px;
	margin-bottom : 5px;
	padding : 6px;
	text-align : justify;
	background-color : #994d25;
	border : 1px solid #d9936f;
	width : 428px;
}

.hr2{
	color : #994d25;
	background-color : #994d25;
	height : 1px;
	border : 0;
	margin : 0;
	padding : 0;
	font-size : 1px;
}

/*/////////// MISSIONS ///////////////*/

.mission_perso{
	width : 104px;
	height : 104px;
	margin-bottom : 5px;
}

.nom_mission{
	margin-bottom : 20px;
	width : 150px;
	padding : 3px;
	background-color : #bc683c;
	border : 1px solid #994d25;
	font-size : 12px;
	font-weight : bold;
}

.fond_mission{
	position : relative;
	background-color : #bc683c;
	width : 430px;
	padding : 10px;
	text-align : justify;
}

.titre_mission{
	padding-left : 10px;
	margin-bottom : 5px;
	margin-top : 5px;
	font-weight : bold;
}

.debloque{
	color : #e3b88e;
	font-style : italic;
}

.desc_mission{
	margin-left : 30px;
	margin-right : 20px;
	padding-left : 10px;
	padding-right : 10px;
	background-color : #994d25;
	border : 1px solid #d9936f;
}

.lieu_mission{
	position : absolute;
	padding : 3px;
	background-color : #bc683c;
	border-bottom : 1px solid #994d25;
	border-right : 1px solid #994d25;
	font-weight : bold;
}

/*///////////// PUBS ///////////////*/

.pub_haut{
	position:absolute;
	top:60px;
	left:345px;
	width:468px;
	height:60px;
	z-index:999;
}

.pub_droite{
	background-image : url(images/pub_droite.gif);
	width:174px;
	height:636px;
	margin-top:20px;
	margin-left:37px;
}

/*///////////// NEWS /////////////////*/

#presentation_dinocenter{
	background-color : #994d25;
	padding : 10px;
	text-align : justify;
	margin-bottom : 20px;
	text-indent : 25px;
	font-size : 11px;
	color : #fff1da;
}

.news{
	background-color : #994d25;
	-moz-border-radius : 8px;
	padding : 10px;
	text-align : justify;
	margin-bottom : 15px;
}

.titre_news{
	font-style : italic;
	color : #fce3bc;
	font-size : 11px;
}

.desc_news{
	font-size : 11px;
	color : #fff1da;
}

/*//////// LIVRE D'OR ///////////*/

.fond_mess{
	background-color : #bc683c;
	padding : 10px;
	margin-top : 5px;
	margin-left : 10px;
}

.date_mess{
	font-style : italic;
	color : #fce3bc;
}

/*/////////// GUERRE ////////////////*/

.gue_nb{
	width : 20px;
	text-align : center;
	background-color :#bc683c;
	color : white;
}

.table_gue{
	margin-bottom : 20px;
}

.table_gue th{
	background-image : url(http://data.dinorpg.com/img/design/table_header.gif);
	height : 39px;
	border:1px solid #bb683c;
	font-size : 12px;
}

.table_gue td{
	color : #771100;
	font-size : 11px;
	border:1px solid #bb683c;
}

.clan_titre{
	background-image:url(images/bg_titre.jpg);
	height:17px;
	padding-top:2px;
}

.clan_text{
	font-size:11px;
	text-align:justify;
	background-color:#bc683c;
	padding:15px;
	border:1px solid #edfe7f;
}

/*/////////////// FORCEBRUT ///////////////////*/

.forcehead{
	background-image:url(images/forcebrut/head.png);
	width:226px;
	height:30px;
}

.forceetage{
	float:left;
	width:33px;
	font-size:18px;
	font-weight:bold;
	color:#b1592b;
	padding-top:4px;
	text-align:center;
	margin-right:5px;
}

.forceinfos{
	padding-top:3px;
	text-align:left;
}

.forcenom{
	font-size:12px;
	color:#f4ee85;
	font-weight:bold;
	line-height:1em;
}

.forcetitre{
	font-size:11px;color:white;
	font-weight:normal;
	font-style:italic;
}

.force1{
	float:left;
}

.forcecompfond{
	background:url(images/forcebrut/titre.png) repeat-x;
	height:14px;
	clear:left;
	text-align:center;
	margin-top:2px;
	font-weight:bold;
	font-size:10px;
	border-bottom:1px solid #f7e47a;
}

.forcecomp{
	background:url(images/forcebrut/comp.png) repeat-y;
	width:226px;
	font-size:11px;
	border-bottom:1px solid #f7e47a;
}

.forcecadre{
	background-image:url(images/forcebrut/cadre.png);
	width:49px;
	height:47px;
}

#forceintro{
	background-color : #bc683c;
	width:450px;
	color : white;
	padding : 10px;
	margin-bottom : 20px;
	text-align : justify;
	font-size : 11px;
}
