body
{
/*	background-image : url(../images/fond.png);*/
	font-family : Arial, sans-serif;
	background-image : url(../images/fond2.png);
}

@font-face
{
    font-family : "dejavu";
    src : url('DejaVuSerif.ttf');
}

@font-face
{
    font-family : "comic";
    src : url('comic.ttf');
}

acronym
{
	cursor : pointer;
	border : none;
}

input
{
	border : none;
}

#titre
{
	width : 50%;
	padding-top : 20px;
	padding-bottom : 20px;
	margin : auto;
	color : white;
	font-size : 30px;
	font-family : comic;
	font-weight : bold;
	text-align : center;
	text-shadow: 0px 1px 0px black;
	background-color : #6067C0;
}

#identification
{
	float : left;
	min-height : 400px;
	width : 220px;
	padding : 10px;
	border : 1px solid;
	margin-top : 20px;
	color : black;
	font-size : 12px;
	font-family : dejavu;
	text-align : center;
	width : 150px;
}

#inscription
{
	float : right;
	width : 220px;
	padding : 10px;
	min-height : 400px;
	border : 1px solid;
	margin-top : 20px;
	font-size : 12px;
	font-family : dejavu;
	text-align : center;
	width : 150px;
}

#poeme
{
	width : 300px;
	margin : auto;
	font-size : 11px;
	font-style : italic;
}

#divcgu
{
	position : absolute;
	display : none;
	top : 50px;
	left : 0px;
	padding : 30px;
	border : 1px solid;
	text-align : justify;
	font-size : 16px;
	font-family : comic;
	background-color : white;
	border-radius : 10px 10px 10px 10px;
	box-shadow : 3px 3px 3px black;
	z-index : 3;
}

#pied
{
	position : fixed;
	text-align : center;
	width : 100%;
	bottom : 0px;
	padding : 10px;
	background-color : #EEE;
}

#titrecgu
{
	font-size : 20px;
	font-weight : bold;
	text-align : center;
}

#fermercgu
{
	font-size : 14px;
	text-align : center;
}

#regles
{
	padding : 40px;
	margin-left : 200px;
	margin-right : 200px;
	margin-top : 40px;
	border : 1px solid;
	text-align : justify;
	font-size : 18px;
	font-family : comic;
	background-color : white;
}

#regles img
{
	vertical-align : middle;
}

#regles a
{
	text-decoration : none;
	color : black;
}

#regles a:visited
{
	color : black;
}

#erreurs
{
	font-size : 11px;
	font-family : dejavu;
	text-align : justify;
	color : red;
}

#erreur1 , #erreur2 , #erreur3 , #erreur4 , #erreur5
{
	font-size : 10px;
	font-family : dejavu;
	text-align : left;
	color : red;
}

#validation
{
	font-size : 20px;
	font-family : comic;
	text-align : left;
	width : 600px;
	margin-top : 20px;
	margin-left : auto;
	margin-right : auto;
	color : green;
	text-align : justify;
}

#basdepage
{
	font-size : 12px;
	text-align : center;
	color : black;
	font-style : italic;
	font-family : dejavu;
}

#pwdlost
{
	position : absolute;
	display : none;
	top : 200px;
	width : 350px;
	border : 3px groove lightgray;
	background-color : white;
	margin : auto;
	z-index : 2;
}

#pwdlost .texte
{
	padding : 10px;
	font-family : comic;
	font-size : 15px;
	text-align : center;
}

#pwdlost input[type="text"]
{
	border : 1px solid;
	padding : 5px;
	font-family : arial;
	font-size : 12px;
	text-align : center;
}

#pwdlost .titre
{
	font-family : dejavu;
	font-size : 18px;
	padding : 10px;
	background-color : #6088C0;
	color : white;
	font-weight : bold;
	text-align : center;
}

#pwdlost .boutonmdpperdu
{
	padding : 15px;
	text-align : center;
}

.boutonConnexion
{
	width:150px;
	height:50px;
	text-align:center;
	font-family : arial;
	font-size : 25px;
	color:white;
	text-shadow: 0px 1px 0px black;
	border-radius : 8px;
	background: #444;
    background:         linear-gradient( #555, #2C2C2C);
	cursor : pointer;
}

.boutonConnexion:hover
{
	background: #444;
    background:         linear-gradient( #B45, #DD9925);
}

.boutonInscription
{
	width:150px;
	height:50px;
	text-align:center;
	font-family : arial;
	font-size : 25px;
	color:white;
	text-shadow: 0px 1px 0px black;
	border-radius : 8px;
	background: #444;
    background:         linear-gradient( #555, #2C2C2C);
	cursor : pointer;
}

.boutonInscription:hover
{
	background: #444;
    background:         linear-gradient( #559, #2C2CEC);
}

.boutonPerdu
{
	height:30px;
	text-align:center;
	font-family : arial;
	font-size : 13px;
	color: white;
	text-shadow: 0px 1px 0px black;
	border-radius : 8px;
	background-color : gray;
	cursor : pointer;
}

.droite
{
	float : right;
}

.textform
{
	width : 90%;
	margin : auto;
}