/*
Design réalisé pour mon site destiné au cours de conception de site internet
*/

#menu{
	float : top right;
	color:black;
	width:20%;
}

#Header{
height:150px;
color:black;
}

#log{
	color:black;
	background: white; /* Une couleur de fond pour le corps */
	padding:10px;
	text-decoration:none;
	width:40%;
}

#log a{
	text-decoration:none;
	color:black;
}
.bouton{
	background: white;
	padding:5px 30px;
	margin: 5px 0px;
}

.bouton a{
	text-decoration:none;
	color:black;
}

.imgLien{
	border:0px;
}

legend
{
font-style: italic
}

body { 
	/*width: 760px;*/
	background-color: #66cfff;
	font: 1em black verdana, sans-serif;
}

#site {
	width:70%;
		margin: auto; /* Pour centrer notre page */
	margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
	margin-bottom: 20px;    /* Idem pour le bas du navigateur */
	text-align:justify;
	/*_text-align:center ;*/
}

   /* Le corps de la page */
#corps{
	
	background: white; /* Une couleur de fond pour le corps */
	margin-top: 2px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
	padding: 20px;
	color:black;
 }

.formu{
	display:block;
	width:110px;
	float:left;
}

.tabResultat {
border: 1px solid grey;
border-collapse: collapse;
padding: 10px;
width:550px;
margin:auto;
}
.tabResultat td {
vertical-align: top;
border: 1px solid grey;
padding: 10px;
text-align: center;
}

.tabDefi {
border: 1px solid grey;
border-collapse: collapse;
margin:auto;
width:80%;
}
.tabDefi td {
vertical-align: middle;
border: 1px solid grey;
padding: 5px 10px;
text-align: center;
}


.faux {
color: red;
}

.correct {
color: green;
}

.explication {
font-style: italic;
}

#note {
text-align: right;
margin-bottom: 25px;
font-size: 1.2em;
}

/*-------------------------------------------------
---------------------  Calques --------------------
-------------------------------------------------*/
#background {
	position: absolute;
	visibility: hidden;
	width: 120%;
	height: 150%;
	z-index: 500;
	margin-top: -25px;
	margin-left: -260px;
	background-image: url('images/transparent.gif');
}



div.cadre {
	background-color: #eff3f6;
	border: 1px solid #abadb3;
	//margin-top: 8px;
	-moz-border-radius: 10px;
	padding: 4px;
	margin-bottom: 8px;
	position: absolute;
	z-index: 100000;
	top: 10%;
	left:20%;
}

#premier {
position : absolute;
top: 120px;
left: 260px;
}

#avatarPremier {
position : absolute;
top: 250px;
left: 229px;
}

#deuxieme {
position : absolute;
top: 300px;
left: 80px;
}

#troisieme {
position : absolute;
top: 380px;
left: 400px;
}

#quatrieme {
position : absolute;
top: 470px;
left: 540px;
}

.texte {
	border: 1px dashed #c1c05c;
	background-color: #eae99f;
	text-align: left;
	margin-bottom: 6px;
	padding: 2px 4px 2px 4px;
}

/*-------------------------------------------------
---------------------  Titres --------------------
-------------------------------------------------*/

h1{
	color:blue;
}

h2{
	color:blue;
	text-align: center;
}