body {
padding-top:100px;
padding-bottom:100px;
width: 990px;
/*margin: auto;*/
margin-left: 20px;
background-color: #ffffff;
/*border: 1px solid #000000;*/
}

img {/*Pour éviter les bordures sous ie*/ 
border: none;
}

/*-----------------------------------------------------------------------------*/
/* modal */

#fade { /*--Masque opaque noir de fond--*/
	display: none; background: #000;position: fixed; left: 0; top: 0;width: 100%; height: 100%;opacity: .80;z-index: 9999;}
.popup_block{display: none;background: #fff;padding: 20px;border: 20px solid #ddd;float: left;font-size: 1.2em;position: fixed;top: 50%; left: 50%;z-index: 99999;
/*--Les différentes définitions de Box Shadow en CSS3--*/-webkit-box-shadow: 0px 0px 20px #000;-moz-box-shadow: 0px 0px 20px #000;box-shadow: 0px 0px 20px #000;
/*--Coins arrondis en CSS3--*/-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
img.btn_close {float: right;margin: -55px -55px 0 0;}
/*--Gérer la position fixed pour IE6--*/
*html #fade {position: absolute;}
*html .popup_block {position: absolute;}

/*-----------------------------------------------------------------------------*/
/* Barre */
#barre {
position: fixed ;
top:-10px;
left: 0 ;
width: 100% ;
height: 100px ;
background-position: left;
	/* Anciens navigateurs */
	background: #ffffff url("barre-bg.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	/*background: #ffffff;*/
	/*background: #ffffff\0/;*/
	/*filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF8fcad1, endColorstr=#FFffffff);*/
}
	@media all and (min-width: 0px) {
		#barre {
			/* Opera */
			background: #ffffff url("barre-bg.svg");
			/* Navigateurs récents */
			background-image: -webkit-gradient(
				linear,
				left top, left bottom,
				from(#8fcad1),
				to(#ffffff)
			);
			background-image: -webkit-linear-gradient(
				top,
				#8fcad1,
				#ffffff
			);
			background-image: -moz-linear-gradient(
				top,
				#8fcad1,
				#ffffff
			);
			background-image: -o-linear-gradient(
				top,
				#8fcad1,
				#ffffff
			);
			/*background-image: linear-gradient(
				top,
				#8fcad1,
				#ffffff
			);*/
		/* Fond ie */
		background-color: #BEEDF0;
		}
	}

#inputrecherche {
background: url(images/inputrecherche.png) no-repeat;
position: fixed; top: 3px; left: 45px; border:none;
height: 30px; width: 150px; color:#aaaaaa;
padding-left: 10px;
outline: none;
}
#validrecherche {
background: url(images/validrecherche.png) no-repeat;
position: fixed; top: 3px; left: 204px; border:none;
height: 30px; width: 30px;
outline: none;
}
#titrerecherche {
position: fixed; top: 27px; left: 110px; border:none;
}
#titrerecherche2 {
position: fixed; top: 27px; left: 45px; border:none;
font-size : 12px;
}
#commentairerecherche {
position: fixed; top: 27px; left: 210px; border:none;
}
#commentairerecherche2 {
position: fixed; top: 27px; left: 135px; border:none;
font-size : 12px;
}

a#creerticket  {
background-image: url(images/creerticket.png);
position: fixed; top: 40px; left: 40px;
height: 30px; width: 200px; display: block;
}
a#creerticket:hover {
background-image: url(images/creerticket_survol.png);
}

a#deconnexion  {
background-image: url(images/deconnexion.png);
position: fixed; top: 10px; right: 20px;
height: 15px; width: 16px; display: block;
}
a#deconnexion:hover {
background-image: url(images/deconnexion_survol.png);
}

#pseudo {
position: fixed; top: 7px; right: 40px;
padding-right: 50px;
font-size: 20px;
cursor: pointer;
}

#erreur {
position: fixed; top: 15px; right: 80px;
}

#recherche {
position: fixed; top: 74px; left: 750px;
height: 150px; width: 280px;
}
#recherche a {
color : black;
}
/*-----------------------------------------------------------------------------*/
/*login*/
#poslogin {
position: fixed; top: 100px; right: 20px;
height: 150px; width: 200px; display: none;
background-color: white;
}
#login
{
background-position: left;
background-image: url("image/login.png");
background-repeat: no-repeat;
}
.loginins	{
width: 150px;
}
.mdpins	{
width: 150px;
}
#formlog
{
position: absolute;
margin-top: 20px;
margin-left: 30px;
}

#formmdp
{
position: absolute;
margin-top: 30px;
margin-left: 30px;
}

#formok
{
position: absolute;
margin-top: 55px;
margin-left: 70px;
background-image: url("image/bouttonok.jpg");
background-repeat: no-repeat;
}

#connect
{
margin-top:80px;
margin-left:20px;
}

/*-----------------------------------------------------------------------------*/
/*inscription*/
#posinscription {
position: fixed; top: 100px; right: 20px;
height: 150px; width: 200px; display: none;
background-color: white;
}
#inscription
{
background-image: url("image/inscription.png");
background-repeat: no-repeat;
}

label {
display:block;
width:90px;
float:left;
}
#liencgu
{
color:#595547
}
.validins
{
margin-top: 10px;
margin-left: 80px;
background-image: url("image/bouttonok.jpg");
background-repeat: no-repeat;}

#inscriptionok
{
position: absolute;
margin-top: 270px;
margin-left: 20px;
}

/*-----------------------------------------------------------------------------*/
/* Notification */
#notif {
background: url(images/mp.png) no-repeat;
position: fixed; top: 10px; right: 40px;
height: 16px; width: 16px; display: block;
text-decoration: none; font-size: 10px; color: red;
padding-top: 2px;
padding-left: 3px;
cursor: pointer;
}

#posnotif {
position: fixed; top: 100px; right: 20px;
width: 300px;
background-color: white;
}

/*-----------------------------------------------------------------------------*/
/* Ticket */
.ticket {
width: 700px;
/*border: 1px solid #000000;*/
}

.ticketdate {
float: right;
}

a#retour  {
background-image: url(images/retour.png);
position: fixed; top: 20px; left: 10px;
height: 25px; width: 25px; display: block;
}
a#retour:hover {
background-image: url(images/retour_survol.png);
}
/*-----------------------------------------------------------------------------*/
/* Le corps de la page */

.Résolu {
color: green;
}
.Invalide {
color: red;
}
.Ouvert {
color: black;
}
.Site {
color: #1f82a3;
font-weight: bold;
}
.Event {
color: #b2b373;
font-weight: bold;
}
.Jeu {
color: #77bd4d;
font-weight: bold;
}
.Support {
color: #4BB5C1;
font-weight: bold;
}
/* Alternance couleur ligne tableau */
tr:nth-child(even) {background: #c8dbdb}
tr:nth-child(odd) {background: #efefef}
/*
#corps
{
padding-top: 100px;
padding-left: 100px;
padding-right: 100px;
padding-bottom: 30px;
/*background-position: center;
/*background-image: url("image/corps.png");
background-repeat: repeat-y;*//*
}
*/
fieldset
{
/*background-color: #C4BA9A;
border: none;*/
border-color: #DBE5E4;
border-radius: 10px;
}

.fieldadmin	{
width: 150px;
}
.fieldticket	{
width: 700px;
}
.fieldticket1	{
width: 700px;
background-color : #c8dbdb;
}
.fieldticket2	{
width: 700px;
background-color : #efefef;
}
.fieldticketreso	{
width: 700px;
background-color : #86E9AE;
}
.fieldticketinva	{
width: 700px;
background-color : #E98686;
}

/*-----------------------------------------------------------------------------*/
/* version */
.texte_version		{ width: 600px; margin-left: 100px; font-size: 15px;}
.texte_version b		{ color: #4BB5C1;}
.texte_version i		{ color: grey;}
#version h2			{ margin-left: 80px; color: #4BB5C1;}

/*-----------------------------------------------------------------------------*/
/* Le pied de page */
#pied_de_page	{ position: fixed ; bottom: 0 ; left: 0 ; width: 100% ; height: 70px ; text-align: center; background-color: white; /*border: 1px solid #000000;*/}
#navigateur	{ position: absolute; top: -10px; left: 10px; font-size: 10px; color: grey;}
#navigateur a	{text-decoration: none;}
.logonavi	{height :20px;margin-top: 5px;}
a#firefox	{background-image: url(../images/logofirefox.png);background-repeat: no-repeat;position: fixed; bottom: 35px; left: 10px;height: 20px; width: 20px; }
a#chrome	{background-image: url(../images/logochrome.png);background-repeat: no-repeat;position: fixed; bottom: 35px; left: 35px;height: 20px; width: 20px; }
a#ie	{background-image: url(../images/logoie.png);background-repeat: no-repeat;position: fixed; bottom: 35px; left: 60px;height: 20px; width: 20px; }
a#android	{background-image: url(../images/logoandroid.pn);background-repeat: no-repeat;position: fixed; bottom: 10px; left: 10px;height: 20px; width: 20px; }
a#ios	{background-image: url(../images/logoios.pn);background-repeat: no-repeat;position: fixed; bottom: 10px; left: 35px;height: 20px; width: 20px; }
#logopied	{margin: auto;height: 30px;width: 65px;background-image: url("images/lgmgame.png");background-repeat: no-repeat;}
#textepiedpage	{margin: auto;font-size: 15px;color: grey;}
#textepiedpage a	{color: grey; font-weight: bold;text-decoration : none;}
#textepiedpage a:hover	{color: #4BB5C1;font-weight: bold;text-decoration : none;}
#validw3c	{position: absolute;top: -10px;right: 30px;font-size: 10px;color: grey;}
#validw3c a		{color: grey;}
a#imgvalidw3c	{background-image: url(../images/valid-w3c-blue.png);background-repeat: no-repeat;position: fixed; bottom: 20px; right: 20px;height: 31px; width: 88px; }