/*------------Definition Globale ----------- */

	body {
	  font-size : 100%;
	  background-color:#01D758;
	  /*cursor:url('admin/cible.cur'),pointer;*/
	  /*cursor:wait;*/

	}

	a {
		text-decoration : none;
		height:3em;
	}

	h3 {
	  text-align : center;
	}

	img.photos {
	  width : 200px;
	  margin:10px;
	}

	.obligatoire{
	  color: brown ;
	}

	.obligatoire:after{
	  color: #CC0000;
	  /*content: "*";*/
	}

	.Hidden{
	  display:none;
	}

	input , select{
	  background-color:BurlyWood;
	}

	/*------------Definition cible-------- */

	#image_suit_souris{
	  width : 5%;
	}

	.petit{
		font-weight:normal;
		font-style:italic;
		font-size:9px;
	}

/*------------Definition partie Chapeau-------- */

	#chapeau{
	  position:fixed;
	  width:100%;
		  top:0%;
	  left:0%;
	  z-index:1;
	  padding: 0 ;
	}

	#menuPasCache{
	  margin : -22px 0 0 0;
	  top:-16px;
	  height: 109px;
	  color: #DD985C;
	  background-color: purple;
	  background:-moz-radial-gradient(left top, #067790,purple);
	  background:-webkit-gradient(    left top, #067790,purple);
	  background:-ms-radial-gradient( left top, #067790,purple);
	  background:-o-radial-gradient(  left top, #067790,purple);
	  background:radial-gradient(     left top, #067790,purple);
	  behavior: url(../pie/PIE.htc);
	}

	#menuPasCacheB{
	  margin : -37px 0 0 0;
	  top:-16px;
	  height: 109px;
	  color: #DD985C;
	  background-color: #DD985C;
	  background:-moz-radial-gradient(left top, #067790,purple);
	  background:-webkit-gradient(    left top, #067790,purple);
	  background:-ms-radial-gradient( left top, #067790,purple);
	  background:-o-radial-gradient(  left top, #067790,purple);
	  background:radial-gradient(     left top, #067790,purple);
	  behavior: url(../pie/PIE.htc);
	}

	#menuCache{
	  position : relative;
	  top:-16px;
	  background-color: #FEFDF0;
	  height: 130px;
	}

	/* Definition Logo */

	.icones {
	  width : 20px;
	}

	#logo{
	  margin:0;
	  /*width : 50% ;*/
	}

	#logoimg{
	  float: left;
	  left : 100%;
	  width: 10%;
	}

	/* Definition titre */

	#titre{
	  text-align : center;
	}

	/* Definition menu */

	#menuGeneral {
	  position:relative;
	  top:-10px;
	  text-align : center;
	}

	.menu ul {
		position:relative;
		top: -3px;
	}

	.menu li{
		display : inline;
		/*float:left;*/
		text-align:center;
		width:150px;
		padding:3px;
	}

	.menu a{
		padding: 6px 10px;
		font-size:14px;
		color:#DD985C;
	}

	#menuChapeau li a{
		-moz-border-radius:    10px 10px 0 0;
		-webkit-border-radius: 10px 10px 0 0;
		-ms-border-radius:     10px 10px 0 0;
		-o-border-radius:      10px 10px 0 0;
		-khtml-border-radius:  10px 10px 0 0;
		border-radius:         10px 10px 0 0;
		behavior: url(../pie/PIE.htc);
		border-top: 1px solid #01D758;
		border-left: 1px solid #01D758;
		border-right: 1px solid #01D758;
	}

	#menuChapeau li a:hover{
		border-width:0px;
		color: black;
		background-color:yellow;
	}

	.selected a{
		color:black;
		background-color:#01D758;
		-moz-border-radius:    10px 10px 0 0;
		-webkit-border-radius: 10px 10px 0 0;
		-ms-border-radius:     10px 10px 0 0;
		-o-border-radius:      10px 10px 0 0;
		-khtml-border-radius:  10px 10px 0 0;
		border-radius:         10px 10px 0 0;
		behavior: url(../pie/PIE.htc);
	}

	.selected a{
		color:black;
	}

	/* Definition Utilisateur (menu cache)*/
	#utilisateur{
	  width: 25%;
	  position:relative;
	  left: 75%;
	  top: -186px; 	  background-color: #FEFDF0;
	  -moz-border-radius:    0 0 0 10px;
	  -webkit-border-radius: 0 0 0 10px;
	  -ms-border-radius:     0 0 0 10px;
	  -o-border-radius:      0 0 0 10px;
	  -khtml-border-radius:  0 0 0 10px;
	  border-radius:         0 0 0 10px;
	  behavior: url(../pie/PIE.htc);
	}

	#monFacebook{
		position:relative;
		left:91%;
		top:-170%;
	}


	#porteurAvatar {
	  /*border: 2px solid black;*/
	  height: 125px;
	  left: 49.5%;
	  position: relative;
	  width: 50%;
	}

	#avatar{
	  /*position:relative;*/
	  float: left;
	  left: 40%;
	  margin-right: 12px;
	  width: 9%;
	  border: 2px solid brown;
	}

	#choixlavatar{
	  text-align : center;
	  
	}

	#lavatar{
	  width: 120px;
	}

	/* Definition indication nombre de jeux */
	#nbrJeu{
	  position:relative;
	  top: -80px;
	  left: 12%;
	  width: 15%;
	  min-width: 100px;
	  margin:0;
	  padding:0;
	  text-align : center;
	}

	#nbrJeu a {
	  text-decoration : none ;
	}

	#nbrJeu li {
	  list-style-type : none;
	  line-height:2em;
	  text-align : right;
	}
	/* Definition connexion dans chapeau */
	#formulaire {
	  margin-left: auto;
	  margin-right: auto;
	  width: 50%;
	}
/* -----------Definition partie Page----------- */
	/* Globale Page */
	#page{
	  position: relative;
	  top: 110px;
	}

	#pageB{
	  position: relative;
	  top: 240px;
	}

	#tel{
		text-align: center;
/*		width:100%;*/
	}

	#inscription{
	  margin-left: auto;
	  margin-right: auto;
	  width: 50%;
	}
	/* Fin Globale Page */
	/*Definition partie Corp */
	#corp {
	  position: relative;
	  /*top: -40%;*/
	  width: 80%;
	  margin:0 0 0 17%;
	  padding:0px 10px 10px 10px;
	}


	#submit {
	  text-align: center;
	}

	table{
	  border : 1px solid #DD985C;
	  text-align : center;
	}

	th , td{
	  border : 1px solid #DD985C;
	}

	.tr0{
	 background-color: #79F8F8;
	 /*position:fixed;*/
	}

	.tr1{
	 background-color: #FFF0BC; 
	 /*position:fixed;*/
	}

	a.enSavoirPlus {
	  text-decoration : underline ;
	}

	.savoir{
	  height:5px;
	}

	.titreB{
	  background-color:#B0F2B6;
	}

	.titreA{
	  background-color: #77B5FE;
	}


	/*Definition partie Gauche (critére) */

	#criteres {
	  height:60%;
	  width: 13%;
	  position:fixed;
	  background-color: purple;
	  background:-moz-radial-gradient(left top, #067790,purple);
	  background:-webkit-gradient(    left top, #067790,purple);
	  background:-ms-radial-gradient( left top, #067790,purple);
	  background:-o-radial-gradient(  left top, #067790,purple);
	  background:radial-gradient(     left top, #067790,purple);
	  behavior: url(../pie/PIE.htc);
	  	}


	li {
	  list-style-type : none;
	  width:103%;
	}

	#menuCriteres {
	  padding: 0;
	  background-color: purple;
	  background:-moz-radial-gradient(left top, #067790,purple);
	  background:-webkit-gradient(    left top, #067790,purple);
	  background:-ms-radial-gradient( left top, #067790,purple);
	  background:-o-radial-gradient(  left top, #067790,purple);
	  background:radial-gradient(     left top, #067790,purple);
	  behavior: url(../pie/PIE.htc);
	}

	#menuCritere li a {
		display:block;
		height:2em;
		color: #DD985C;
	}

	#menuCritere li a:hover {
		/*color: #DD985C;*/
		background-color:green;
	}

	/* Definition commande */
	.commande{
		color:purple;
	}

	.separation{
		display:list-item;
		visibility:hidden;
	}

	.haut{
		display:list-item;
		list-style-type:none;

	}

	.retour{
		font-family: cantarell;
		height:1em;
		padding:0 6px 6px;
		border:2px outset gray;
		background-color:BurlyWood;/*#BBD2E1;*/
		color:black;
	}

	/* Fin Definition commande*/

	/* -----------Definition gestion utilisateur----------- */

		.listeUtilisateur , .listeUtilisateur tr th ,.listeUtilisateur tr td{
		  border: 2px solid black;
		  text-align: center;
		}

	/* ----------- Definition contact --------------------- */
	.contact h3{
		  text-align:left;
		  text-decoration:underline;
	}

	ol li{
		  list-style-type : upper-roman;
		}

		#petita li{
		  list-style-type : lower-alpha;
	}

	/* ----------- Definition jeu nouveau --------------------- */
	#imageJeu{
		  float: left;
		  width:90px;
	}

	/* ----------- Definition fiche jeu --------------------- */

	#fiche #page #corp h1{
		text-align : center;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	#lesInfo , #imageLeJeux {
		text-align:center;
	}

	#lesInfo img , #imageLeJeux img{
		/*width:30%;*/
	}

	#lesInfo {
		top: 10%;
	}

	#fiche #page #corp h2{
		text-align : center;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	#imageInfo {
		width: 95%;
	}

	.titreJeux  {
		height : 6em;
		vertical-align:top;
		background-color: #87E990;
		background:-moz-radial-gradient(left top, #067790,#87E990);
		background:-webkit-gradient(    left top, #067790,#87E990);
		background:-ms-radial-gradient( left top, #067790,#87E990);
		background:-o-radial-gradient(  left top, #067790,#87E990);
		background:radial-gradient(     left top, #067790,#87E990);
		behavior: url(../pie/PIE.htc);
	}

	.friseHaut{
		vertical-align:top;
	}

	.friseBas{
		vertical-align:bottom;
	}

	#pied{
		vertical-align:middle;
	}

	.resume {
		text-align:justify;
		text-indent:10%;
	}

	/*Commentaire des jeux*/
	#commentaire {
		text-align:center;
	}

	#commentaire table , #commentaire th, #commentaire td {
		border : 1px solid black;
	}

	.leCommentaire {
		width:100%;
		text-align:justify;
		text-indent:10%;
	}

	.textaera {
		width:100%;
	}