@import url("fond.php");
/* © Ligevum 2006 2007 2008 toute reproduction totale ou partielle est interdite */
/* Ligevum est developpe par Hugo Roy et Benjamin Herbomez membres de l'association nainwak */

/* Style général */

html {

  height:100%;
}

body {
	/*text-align:center;*/
	font-family: Georgia,"Times New Roman", Times, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FBFBC8;
	margin: 0;
	padding: 0;
}

a:link, a:visited {
  color: #DCC253;
  text-decoration: none;
}
a:hover {
  color: #6D8CA9;
}
a:active {
  color: #B22222;
}

img {border:0;}

p {font-size:1em;margin:2px 0px;padding:3px 0px;}
p p {padding: 0px 10px;font-size:0.9em;}

ul li { 
	background: url(img/puce.png) top left no-repeat; 
	list-style-type:none; 
	line-height:17px; 
	margin-left:-15px;padding-left:20px; 
}

input {background:#1B2E41;border:1px solid #2B4966;color: #FFFFFF;}
textarea {background:#1B2E41;border:1px solid #2B4966;color: #FFFFFF;}
select {background:#1B2E41;border:1px solid #2B4966;color: #FFFFFF;}

h1 {
  font-size:2em;
  font-weight:500;
  line-height: 60px;
  color: #DCC253;
  margin:0;padding:0;
}
h2 {
  font-size:1.5em;
  font-weight:500;
  line-height: 40px;
  color: #6D8CA9;
  margin:0;padding:0;
}
h3 {
  font-size:1em;
  line-height: 30px;
  margin:0;padding:0;
}
hr {
border:0px;
border-top: 1px solid #2B4966;
margin:12px 1px 7px 1px;
}

#conteneur {
	margin-left: auto;
	margin-right: auto;
	width: 85%;
	text-align:left;
}
	
#logo, #logo img {
  text-align: center;
  position:relative;
}
#logo img {
  border:0;
  margin-bottom:-30px;
}

#nav {
  width: 143px;
  position:absolute;
  padding:0px;
  margin: 35px -1px;
}
	
#titre {
  margin: 0px 7% 0px 135px;
  padding-right:73px;
  height:55px;
  min-width:698px;
  background: transparent url(img/hd2.png) no-repeat top right;
}
#titre h1 {
  position:absolute;
  padding:0px 0px 0px 80px;
  margin: 0px;
  margin-left:3px;
  height:55px;
  background: transparent url(img/hg2.png) no-repeat top left;
}

#page {
  background-color: #152534;
  background-image: url(img/bgdroite.jpg);
  background-position: top right;
  background-repeat: repeat-y;
  margin: 0px 7% 0px 139px;
  padding:0px;
  min-height: 300px;
  height:100%;
  min-width:767px;
}

#bordhaut {
  margin: 0px 10px 0px 10px;
  min-width:698px;
  height:55px;
  width:100%;
}

#bordgauche{
  background: transparent url(img/bggauche.jpg) repeat-y top left;
  margin: 0px;
  padding: 5px 20px 20px 20px;
  height:100%;
  min-height:300px;
}

#bordbas{
  background: transparent url(img/bgbas.jpg) repeat-x top center;
  margin: 0px 7% 0px 139px;
  padding: 0px;
  min-width:766px;
  position:relative;
}

#bgbg {
  background: transparent url(img/bgbg.jpg) no-repeat top left;
  margin: -19px 7% 0px 135px;
  padding: 0px;
  min-width:766px;
  position:relative;
}
#bgbd {
  background: transparent url(img/bgbd.jpg) no-repeat top right;
  margin: -19px 7% 50px 140px;
  padding: 0px;
  min-width:766px;
  position:relative;
}

#page a {
border-width:0px 0px 1px 0px;
border-color:#2B4966; 
}
#page a:link, #page a:visited { 
border-style:solid; 
}
#page a:hover, #page a:active { 
border-style:dotted; 
}



.agauche {text-align:left;}
.adroite {text-align:right;}
.aucentre {text-align:center;}
.justifie {text-align:justify;}
.centrer {display:block;margin:auto auto;}
.fleft {float:left;margin-right:5px;}
.fright {float:right;margin-left:5px;}
.info { 
  font-size:0.8em;
  width:490px;
  background:#182835;
  margin:10px 20px; padding: 5px;
  border: 1px solid #2d4350;
  text-align: justify;
}
.tableau { border:0px; background: #2b4966;}
.tableau th { background-color: #111d29; height: 25px; }
.tableau td { background-color: #1b2e41; padding: 5px; }
.on  { background: url(img/on.png)  no-repeat; list-style-type:none; margin-left:-15px;padding-left:20px; }
.off { background: url(img/off.png) no-repeat; list-style-type:none; margin-left:-15px;padding-left:20px; }


#connexion {
  width:100%;
  margin: 0px;
  border-bottom: 1px solid #2B4966;
  background: #1B2E41;
  text-align:center;
}
#connexion input {
    background: #152432;
    font-weight: bold;
    font-size:1em;
}

#credits {
  margin:0px auto;
  width: 750px;
  font-size:0.7em;
  color:#555;
}
#credits a{color:#FFF;}
 
#pub {
  text-align: center;
  width:100%;
  margin:20px 0px 30px 0px;
  height: 40px;
}


#index-droite {
  width:212px;
  padding:5px;
  font-size:0.7em;
  background:#182835;
  border:1px solid #2d4350;
  border-left:2px solid #2d4350;
  border-bottom:2px solid #2d4350;
}
#index-droite a{border:0px;}

.date {text-align:right;color: #6D8CA9; font-size: 0.8em;}

 /* menuh
 igation */
      #menu {
      margin:0px;
      padding: 0px;
      width: 130px !important;
      width:142px;
      list-style-type: none;
      font-size:0.8em;
      }
      #menu dt {
      padding: 0px 0px 0px 10px;
      margin-bottom: 2px;
      background: transparent url(img/dtv2.gif) no-repeat;
      height: 30px;
      width: 130px !important;
      width:142px;
      cursor: pointer;
      color: #dcc253;
      font-size: 1.2em;
      line-height: 32px;
      font-family:"Times New Roman", Times, serif;
      text-transform: uppercase;
      }
      #menu dt a {
      height: 30px;
      display:block;
      width: 130px !important;
      width:142px;
      }
      #menu dt:hover {
      background: transparent url(img/dtv2b.gif) no-repeat;
      }
      #menu dd {
      margin: 0px 0px 4px 4px;
      border-bottom:1px solid #333;
      width:133px;
      display: none;
      }
      #menu ul {
      font-size: 1em;
      list-style-type: none;
      margin-left:-35px !important;
      margin-left:2px;
      }
      #menu li {
      background: transparent;
      }
      #menu li ul {
      font-size:0.8em;
      }
	  
	  /* Sur les pages de jeu */
.menuhaut {
position:absolute;
left:10px;
top:150px;
margin: 0;
padding:0;
width:200px;
list-style-type: none;
}
.menuhaut2 {
position:absolute;
left:10px;
top:5px;
margin: 0;
padding:0;
list-style-type: none;
}
.menuhaut ul{
list-style-type: none;
background:none;
}
.menuhaut li {
display: inline;
background: transparent;
}
.menuhaut2 ul{
list-style-type: none;
background:none;
}
.menuhaut2 li {
display: inline;
background: transparent;
}
.menuhaut a {
margin: 0 2px;
text-decoration: underline;
}
.menuhaut a:hover {
text-decoration: none;
}
.fenetre {
	position : absolute; /*On place notre fenêtre en position absolute car celle ci pourra être bougée*/
	z-index : 5001;
	left : 50px;
	top : 50px;
	width : 200px;
	height : 200px;
	color : white;
	visibility : hidden;
	font-size :10px;
}

.haut {
        height: 35px; /*Ici on indique que le haut fera 28px de longueur, vous pouvez changer cela si votre fenêtre a un design différent*/
}
.milieu {
        height: 100%; /*Ici on dit au milieu de prendre toute la longueur possible*/
}
.bas {
        height: 16px; /*Ici on indique la taille du bas, comme pour le haut*/
}
.haut_gauche {
        width: 38px; /*On indique la largeur du coin haut gauche*/
        height: 40px; /*On lui indique de prendre toute la longueur possible.*/
        background-image: url(img/haut_gauche.png);
        float: left; /*On le positionne à gauche*/
}
.haut_droite { /*On fait de même avec le coin haut droit*/
        width: 38px;
        height: 40px;
        background-image: url(img/haut_droite.png);
        float: right;
}
.haut_centre {
        height:40px;
        margin-left: 38px; /*On fait cela pour pas que le centre se retrouve sous les coins*/
        margin-right: 38px;
        background-image: url(img/haut_centre.png);
}

.milieu_gauche { /*On repete les mêmes opérations pour les autres divs*/
        width: 10px;
        height: 100%;
        background-image: url(img/milieu_gauche.png);
		margin-left : -38px;
        float: left;
}
.milieu_droite {
        width: 10px;
        height: 100%;
        background-image: url(img/milieu_droite.png);
		margin-right : -34px;
        float: right;
}
.milieu_centre {
        height: 100%;
		
        background-color: rgb(20,37,55);
		text-align : left;
		margin-left : -28px;
		margin-right : -28px;
		overflow : auto;
}

.bas_gauche {
        width: 38px;
        height: 16px;
        background-image: url(img/bas_gauche.png);
        float: left;
}
.bas_droite {
        width: 38px;
        height: 16px;
        background-image: url(img/bas_droite.png);
        float: right;
}
.bas_centre {
        height: 16px;
        background-image: url(img/bas_centre.png);
        margin-left: 28px;
}
.fenetre select {
	background:#1B2E41;
	border:1px solid #2B4966;
	color: #FFFFFF;
}
.fenetre input {
	background:#1B2E41;
	border:1px solid #2B4966;
	color: #FFFFFF;
	text-align : center;
}