@charset "utf-8";
/* CSS Document */

*{
margin:0;
padding:0;
}

html,body{
width:100%;
height:100%;
min-width:100%;
min-height:100%;
}

/*****************************************
Mise en forme de la page d'accueil (login)
*******************************************/

#pageAccueil{
font-family:arial,helvetica,"sans serif";
font-size:16px;
padding-top:80px;
width:500px;
margin:auto;
text-align:center;
}

#pageAccueil form{
text-align:left;
padding:20px;
}

#pageAccueil label{
width:150px;
float:left;
font-size:20px;
clear:both;
}

#pageAccueil input{
width:300px;
height:30px;
font-size:20px;
}

#pageAccueil input.submit{
width:455px;
margin-top:20px;
}

/*****************************************
Mise en forme de la page d'accueil de l'appli
*******************************************/

#welcome{
font-family:arial,helvetica,"sans serif";
font-size:16px;
min-height:100%;
background:url('images/patternOsmoz.jpg') top left;
}

#welcome #conteneur{
width:960px;
margin:auto;
}

#welcome #logout{
position:absolute;
top:20px;
right:20px;
}

#welcome #logout a{
text-decoration:none;
color:#333333;
font-weight:bold;
}

#welcome #logout a:hover{
text-decoration:underline;
}

#welcome h1{
font-family:tahoma,"trebuchet sans MS", "sans serif";
font-variant:small-caps;
font-size:44px;
text-align:center;
width:960px;
margin:auto;
margin-bottom:50px;
color:black;
background-color:#a2bff3;
opacity:0.85;
-moz-border-radius:0 0 15px 15px;
}

#welcome #intro{
margin-top:25px;
margin-bottom:20px;
padding:10px 30px;
color:black;
background-color:#dcdbfe;
border: 2px #a2bff3 groove;
opacity:0.95;
-moz-border-radius:15px;
}

#welcome #intro a{
	display:block;
	text-align:center;
	width:300px;
	margin:auto;
}

#welcome #intro a img{
	border:none;
}

#welcome form{
font-size:20px;
background-color:#dcdbfe;
opacity:0.95;
-moz-border-radius:15px;
padding:15px;
}

#welcome fieldset{
padding:20px;
padding-left:100px;
margin-bottom:15px;
}

#welcome legend{
font-style:italic;
color:#737373;
}

#welcome input{
height:25px;
width:500px;
font-size:20px;
}

#welcome select{
height:27px;
width:220px;
font-size:20px;
}

#welcome input.submit{
width:727px;
margin-bottom:20px;
margin-top:15px;
font-variant:small-caps;
font-size:24px;
height:34px;
}

#welcome #note{
font-style:italic;
}

#welcome table{
width:800px;
text-align:center;
}

#welcome th{
border: 2px solid #47525d;
}

#welcome td{
border : 1px dashed #47525d;
}

#welcome table a{
text-decoration:none;
color:#47525d;
}

#welcome table a:hover{
text-decoration:underline;
}



/*****************************************
Mise en forme de la page de saisie principale
*******************************************/

#pageAppli{
font-family:arial,helvetica,"sans serif";
font-size:16px;
background:url('images/patternOsmoz.jpg') top left;
}

#pageAppli #conteneur{
width:960px;
margin:auto;
}

#pageAppli #logout{
position:absolute;
top:20px;
right:20px;
}

#pageAppli #logout a{
text-decoration:none;
color:#333333;
font-weight:bold;
}

#pageAppli #logout a:hover{
text-decoration:underline;
}

#pageAppli h1{
font-family:tahoma,"trebuchet sans MS", "sans serif";
font-variant:small-caps;
font-size:44px;
text-align:center;
width:960px;
margin:auto;
margin-bottom:50px;
color:black;
background-color:#a2bff3;
opacity:0.85;
-moz-border-radius:0 0 15px 15px;
}

#pageAppli form{
font-size:20px;
background-color:#dcdbfe;
opacity:0.90;
-moz-border-radius:15px;
padding:15px;
}

#pageAppli fieldset{
padding:20px;
padding-left:100px;
margin-bottom:30px;
}

#pageAppli legend{
font-style:italic;
color:#737373;
}

#pageAppli label{
float:left;
clear:both;
width:400px;
}

#pageAppli label.radio{
float:none;
}

#pageAppli input{
height:25px;
width:220px;
}

#pageAppli input.radio{
width:auto;
}

#pageAppli input.submit{
width:930px;
margin-bottom:30px;
font-variant:small-caps;
font-size:30px;
height:40px;
}

#pageAppli #resultatInsertion{

width:600px;
margin:auto;
padding:10px 30px 10px 40px;
-moz-border-radius:15px 15px 0 0;
opacity:0.95;
display:none;
}

#pageAppli #resultatInsertion.success{
background-color:#40c626;
}

#pageAppli #resultatInsertion.error{
background-color:#e43720;
}

#pageAppli #resultatInsertion span{
display:block;
text-align:center;
}

#pageAppli #resultatInsertion span a{
font-variant:small-caps;
font-weight:bold;
color:white;
text-decoration:none;
}

#pageAppli #resultatInsertion span a:hover{
text-decoration:underline;
}

/*****************************************
Mise en forme de la page de visualisation des profils de nainsA
*******************************************/

#profil{
font-family:arial,helvetica,"sans serif";
font-size:16px;
background:url('images/patternOsmoz.jpg') top left;
}

#profil #conteneur{
width:960px;
margin:auto;
}

#profil #logout{
position:absolute;
top:20px;
right:20px;
}

#profil #logout a{
text-decoration:none;
color:#333333;
font-weight:bold;
}

#profil #logout a:hover{
text-decoration:underline;
}

#profil h1{
font-family:tahoma,"trebuchet sans MS", "sans serif";
font-variant:small-caps;
font-size:44px;
text-align:center;
width:960px;
margin:auto;
margin-bottom:50px;
color:black;
background-color:#a2bff3;
opacity:0.85;
-moz-border-radius:0 0 15px 15px;
}



#profil #title{
font-size:20px;
text-align:center;
background-color:#dcdbfe;
opacity:0.95;
-moz-border-radius:15px;
padding:15px;
}

#profil #title a{
font-size:18px;
color:white;
text-decoration:none;
}

#profil #title a:hover{
color:black;
}

#profil #content{
margin-top: 20px;
font-size:14px;
background-color:#dcdbfe;
opacity:0.95;
-moz-border-radius:15px;
padding:15px;
padding-left:92px;
}

#profil #content h2{
text-align:right;
font-variant:small-caps;
font-style:italic;
font-size:18px;
}

#profil #content h3{
border-bottom:2px dashed #B0C9F5;
font-size:19px;
color:#47525d;
margin:30px 0 30px -57px;
}

#profil #content p {
line-height:25px;
}

#profil #content span#note{
	display:block;
	width:auto;
	margin:auto;
	text-align:center;
	font-style:italic;
	text-decoration:underline;
}



/*****************************************
Mise en forme de la page de stats
*******************************************/

#pageSecure{
font-family:arial,helvetica,"sans serif";
font-size:16px;
background:url('images/patternOsmoz.jpg') top left;
}

#pageSecure #conteneur{
width:960px;
margin:auto;
}

#pageSecure #logout{
position:absolute;
top:20px;
right:20px;
}

#pageSecure #logout a{
text-decoration:none;
color:#333333;
font-weight:bold;
}

#pageSecure #logout a:hover{
text-decoration:underline;
}

#pageSecure h1{
font-family:tahoma,"trebuchet sans MS", "sans serif";
font-variant:small-caps;
font-size:44px;
text-align:center;
width:960px;
margin:auto;
margin-bottom:50px;
color:black;
background-color:#a2bff3;
opacity:0.85;
-moz-border-radius:0 0 15px 15px;
}

#pageSecure .stats{
	padding:20px;
	background-color:#e0e0e0;
	opacity:0.95;
	-moz-border-radius : 15px 15px 0 0;
}

#pageSecure .stats span.barre{
	text-decoration : line-through;
}

#pageSecure .stats span.gras{
	font-weight:bold;
}
#pageSecure .stats h4{
    padding-left:20px;
    margin-top:30px;
    border-bottom:1px solid #888;
}
#pageSecure .stats p{
    padding-left:50px;
    margin-top:20px;
    
}