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

body{
	margin:0;
	padding:0;
	color:#FFFFFF;
	background-color:#000000;
}

.banner{
	width:700px;
	height:250px;
}

.super-conteneur{
	width:700px;
	margin-left:auto;
	margin-right:auto;
}

.actualites{
	float:left;
	width:660px;
	height:100%;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:1.4em;
	text-align:justify;
}

.contenu-gauche{
	float:left;
	width:459px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:1.4em;
	text-align:justify;
	padding-top:10px;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:20px;
	border-right: 1px dashed #cdcc00;
}

.contenu-droite{
	float:right;
	width:210px;
	text-align:justify;
	padding-left:10px;
	padding-top:40px;
}

/********************Mentions légales**************************/
.mentions {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.4em;
	text-align:justify;
	padding-top:10px;
	padding-right:10px;
	padding-left:10px;
}

/********************Titres des pages**************************/
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#bb96c1;
	padding-bottom:10px;
	text-align:justify;
}
li{
	padding-left:5px;
	margin-left: 10px;
}

/********************Liens**************************/
a {
	color:#cdcc00;
	text-decoration:none;
}

a:hover {
	color:#bb96c1;
	text-decoration:none;
}

/********************Pied de page**************************/
.footer{
	width:700px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	padding-top:5px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#A79787;
	text-align:right;
	border-top:1px solid #bb96c1;
}

.footer a{
	color:#A79787;
}

.footer a:hover{
	color:#FFFFFF;
}
/********************Reset DIV**************************/
.clear{
	clear:both;
}
/********************Tableau de modification**************************/
.tableau{
	font:Arial, Helvetica, sans-serif 12px;
	line-height:1.8em;
	margin-top:20px;
	margin-left:20px;
	font-size:14px;
}

.entete{
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
/********************Formulaire de connexion**************************/
#login {
	margin-top:100px;
	width:40%;
	margin-left:auto;
	margin-right:auto;
}

#suppression{
	width:550px;
	margin-left:auto;
	margin-right:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	height:400px;
}

label.champ {
	margin-left:10px;
	text-align:left;
	width:200px;
	color:#FFFFFF;
}

input.champ {
	width:300px;
	color:#000000;
	background-color:#FFFFFF;
}

/**********Pour mettre de la couleur lorsqu'on passe la souris dans les champs d'un formulaire
input.champ:hover {
	background-color:#bb96c1;		
}
textarea.champ:hover {
	background-color:#bb96c1;		
}
***********/

input[type=submit] {
	background-color:#bb96c1;
	color:#FFFFFF;
	border:#cdcc00 0.1em solid;
	cursor:pointer;	
	margin-left:170px;
	font-weight:bold;			
}

input[type=reset] {
	background-color:#cdcc00;
	color:#FFFFFF;
	border:#bb96c1 0.1em solid;
	cursor:pointer;
	font-weight:bold;			
}
/********************Formulaire de modification**************************/
input, textarea {
	margin-top: 10px;
	margin-bottom: 10px; 
}

select {
	margin-top: 10px;
	margin-bottom: 10px; 
}

fieldset {
	border: 1px solid #cdcc00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	margin-top:30px;
}

fieldset legend {
	color:#FFFFFF;
	font-size:16px;
	border-left: solid 1px #cdcc00;
	border-right: solid 1px #cdcc00;
	padding-left: 5px;
	padding-right:5px;
}

/********************Déconnexion**************************/
.deco{
	float:right;
}