﻿/* Initilisation des options CSS du navigateur */
*{ margin:0; padding:0}
img, table{ border:0}
html, body{ background:#FFF; }
a, a:visited, a:active{ color:#ff6600; text-decoration:none; font-weight: bold;}
a:hover{ color:#C60;}

#ensemble{	width:802px; margin-left:auto; margin-right:auto; margin-top:10px;}
#banniere{ background:url("../images/test_tes_amis.jpg"); height:190px;}

#menu ul{ float:right;}
#menu li{	margin:0px 12px 5px 10px;float:left;	font-size:13px;	font-family:Verdana, Arial, Helvetica, sans-serif;	list-style-type: none;}

#menubas {clear: both; width:802px; border-top:2px solid; margin:auto; text-align:center; font-size:11px;}

#contenu{clear:both; border-top:2px solid;}
#contenu h1{ font-size: 20px; text-align:center; margin:5px; }

#copyright{	width:802px; clear: both; margin:auto; text-align:center; font-size:12px;}
.annonce_accueil h1{ font-size: 20px; text-align:center;}

.annonce_accueil{ width:400px; margin:20px 10px 10px 20px; float:left;}
.annonce_accueil p{	margin-top:15px; text-align:justify;}
.annonce_accueil ol,li{ margin:18px 0px 10px 15px; text-align:justify;}

.fond_accueil { width:300px; height:300px; margin:10px 30px 10px 10px; background: url(../images/petitcadre.jpg) no-repeat; float:right; font-size: 12px; font-family: Arial, Verdana;}
.fond_accueil p{ width:250px; margin:80px 5px 5px 20px; text-align:justify;}
.fond_accueil form{ margin:20px; text-align:center;}

#creeruntest form{ border-top:2px solid; padding-top:10px;}
#creeruntest ul li{font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;list-style-type: none;margin:5px 5px 10px 5px;}
#creeruntest fieldset{margin-top: 10px;}
#creeruntest legend{margin-left:20px;font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;color: #FF9933;font-weight: bold; font-size: 16px;}
#creeruntest label{width:460px; float:left; display:block; font-weight:bold;clear:both;}
#creeruntest select{width:250px;}
#creeruntest option{padding-left:20px;}
#creeruntest p{width:700px;margin:10px auto 10px auto;text-align:justify;}
.boutoncreeruntest {	margin-top:10px; text-align:center; font-size: 12px;}
.erreur {color:red;}

.creervaliderreponse{ width:380px;  float:right; font-size: 12px;}

.creervalidermail{width:400px; height:300px; margin:10px 10px 10px 0px; background: url(../images/fondcadre.jpg) no-repeat; float:left; font-size: 12px; font-family: Arial, Verdana;}
.creervalidermail form{width:300px; padding:30px 5px 5px 30px;}
.creervalidermail p{margin:10px;}

.ValidationCreation {width:400px; height:300px; margin:10px 10px 10px 0px; background: url(../images/fondcadre.jpg) no-repeat; float:left; font-size: 12px; font-family: Arial, Verdana;}
.ValidationCreation p{margin:30px;}

.ValidationCreationMail { padding:40px;}

#passerletestquestion p{ width:700px;margin:10px auto 10px auto;text-align:justify;}
#passerletestquestion form{ border-top:2px solid; padding-top:10px;}
#passerletestquestion ul li{font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;list-style-type: none;margin:5px 5px 10px 5px;}
#passerletestquestion label{width:420px; float:left; display:block; font-weight:bold;clear:both;}
#passerletestquestion select{width:250px;}
#passerletestquestion option{padding-left:20px;}
#passerletestquestion legend{margin-left:20px; font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif; color: #FF9933;font-weight: bold; font-size: 16px; }

#amiPseudo {width:400px; height:300px; margin:10px 10px 10px 0px; background: url(../images/fondcadre.jpg) no-repeat; float:left; font-size: 12px; font-family: Arial, Verdana;}
#amiPseudo p{ margin:10px; }
#amiPseudo form{width:300px; padding:30px 5px 5px 30px;}
#amiPseudo input{margin:10px;}

#testFini {width:400px; height:300px; margin:10px 10px 10px 0px; background: url(../images/fondcadre.jpg) no-repeat; float:left; font-size: 12px; font-family: Arial, Verdana;}
#testFini p{width:300px; padding:30px 5px 5px 30px;}

#tableauScore table{ 	width:320px; margin-top:10px; margin-left:auto; margin-right:auto; margin-bottom:30px; text-align:center; font-size:14px;}
#tableauScore caption{ margin-top:20px; margin-left:auto; margin-right:auto;}
#tableauScore th{border-top: 1px solid black; border-bottom: 1px solid black; padding:0px 5px 0px 5px;}	
	
#cherchePseudo {width:400px; height:300px; margin:10px 10px 10px 0px; background: url(../images/fondcadre.jpg) no-repeat; float:left; font-size: 12px; font-family: Arial, Verdana;}
#cherchePseudo p{margin:10px;}
#cherchePseudo h1{font-size: 16px;}
#cherchePseudo form{width:350px; padding:40px 5px 5px 20px;}
#cherchePseudo ul, li{list-style-type: none;}
.boutonRechercher {	margin:auto; text-align:center; font-size: 12px;}

#tableauAmi { padding:20px; text-align:center;}
#tableauAmi table{ 	width:320px; margin-top:10px; margin-left:auto; margin-right:auto; margin-bottom:30px; text-align:center; font-size:14px;}
#tableauAmi caption{ margin-top:20px; margin-left:auto; margin-right:auto;}
#tableauAmi th{border-top: 1px solid black; border-bottom: 1px solid black; padding:0px 5px 0px 5px;}	
#tableauAmi a{width:320px; margin-top:20px; margin-left:auto; margin-right:auto; margin-bottom:30px;}

.pubcreeruntest {margin-top: 1px; text-align:center;}
.pubcreercarre{clear:both; float:left; margin-left: 70px; margin-bottom: 20px;}
.pubquizzcarre{clear:both; float:left; margin-left: 70px; margin-bottom: 20px;}
.pubquizzban{margin-top: 1px; text-align:center;}
.pubchercher{margin-top: 1px; text-align:center;}

#partenaire { text-align:center; margin: auto;}

#faq dl { margin: 20px;}
#faq dt { margin: 20px 0px 5px 0px; font-weight: bold;}
#faq dd { margin-left: 20px;}

