/* CSS Document */
/************************* GENERAL *****************************************/
body{background:#000; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
img { border:none;}
*{margin:0; padding:0;}

/************************* LES CLASSES *****************************************/
.left{float:left;}
.right{float:right;}
.separateur{ clear:both; visibility:hidden;}

/************************* LES BLOCS **************************************/
#global { position: relative;}
#header{width:984px; margin-left: auto; margin-right: auto; height:95px; background:url(images/bandeau.jpg) top center no-repeat; position:relative;}
#logo{position:absolute; top:0; left:0;}
#milieu{
	width:984px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}
	#milieu h1{
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 750px;

	}
#footer{width:984px; margin-left: auto; margin-right: auto; position: relative;}
	#gauche{width:380px; height:275px; background:url(images/rouge.gif) top left no-repeat; float:left;}
	#centre{width:289px; height:275px; background:url(images/bleu.gif) top center no-repeat; float: left; margin-left:12px;}
	#droite{width:289px; height:275px; background:url(images/jaune.gif) top right no-repeat;float:left; margin-left:12px;}
	
/************************* LES BALISES **************************************/
h1{font-size:18px;}
h2{	font-size:16px;}

/************************* DANS HEADER **************************************/
	.contact{
	text-align:right;
	margin-right:120px;
}
	#header a span{display:none;}
	#header a:hover{background:none; color:#fff; text-decoration:none;}
	#header a:hover span{display:inline; position:absolute; top:50px; right:250px; width:300px; height:20px; line-height:20px; color:#fff; text-align:right; font-weight:bold;}
	
/**************************DANS FOOTER***************************************/
#footer p{margin-bottom: 10px;}
#gauche h1{margin-left: 216px; margin-top: 40px; margin-right:10px;	margin-bottom: 40px;}
#gauche p{
	margin-left: 115px;
	margin-right:15px;
	display: block;
}
#centre h1{margin-left: 124px; margin-top: 40px; margin-right:10px;	margin-bottom: 40px;}
#centre p{
	margin-left: 25px;
	margin-right:15px;
	display: block;
}
#droite h1{margin-left:124px; margin-top: 48px; margin-right:10px;	margin-bottom: 54px;}
#droite p{
	margin-left: 25px;
	margin-right:15px;
	display: block;
}

/****************************FORMULAIRE**********/
#mentions{
	text-align:left;
	display: block;
	padding-top: 5px;
	margin-left: 15px;
	padding-bottom: 0px;
}
#formulaire{
	padding:10px 0 0 0;
	border: 1px solid #ccc;
	margin-left: auto;
	margin-right:auto;
	width: 750px;
}
#formulaire form{
	width: 750px;
}
#ligne{
	margin:0px 0px 5px 10px;
	color:#FFFFFF;
	height:25px;
	line-height:25px;
	text-align:left;
	width: 345px;
	float: left;
}
#ligne2{
	margin:0px 10px 5px 0;
	text-align:left;
	height: 45px;
	width: 330px;
	float: right;
}
#ligne2 p{
	margin:0px 0px 5px 0px;
}
#zonetexte{
	margin:0 10px 5px 0;
	color:#FFFFFF;
	text-align:left;
	float: right;
	width: 330px;
}
#ligne3{
	margin:5px 0 0 0;
	text-align:center;
	height: 35px;
	clear:both;
}
.bt_envoi{
	background:#fff url(images/bt_envoi.jpg) center center no-repeat;
	width:65px;
	height:25px;
	border: 1px solid #999;
	padding-top: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
	}
	
#MentionCNIL{
	font-size: 11px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 750px;
	text-align: left;
}
#MentionCNIL ul{
	margin-bottom: 30px;
}
li.Mention{
	list-style-position:outside;
	list-style-type:disc;
	margin-top:5px;
	margin-left:25px;
}

.texteMention{
	margin-top:5px;
	margin-left: 25px;
}
#nota{
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 750px;
	text-align: left;
}
/***********************RESULTAT ENVOYE*******************/
#envoye{
	width:300px;
	height:150px;
	margin:100px auto;
	background-color:#CCCCCC;
	border:1px solid #fff;
	color:#000000;
	line-height: 120px;
	position: relative;
}
#bt_retour{
	position:absolute;
	bottom:40px;
	left: 150px;
	width: 70px;
	height: 25px;
	line-height: 25px;
	background-color: #fff;
	border: 1px solid black;
	margin-left: -35px;
}
#bt_retour a{
color:#000000;
text-decoration:none;
}
#bt_retour a:hover{
color:#000000;
text-decoration:underline;
}
/***********************RESULTAT EREUR*******************/
#erreur{
	width:350px;
	height:150px;
	margin:100px auto;
	background-color:#900;
	border:1px solid #fff;
	color:#fff;
	line-height: 120px;
	position: relative;
	font-weight: bold;
}
#bt_retour_erreur{
	position:absolute;
	bottom:40px;
	left: 175px;
	width: 70px;
	height: 25px;
	line-height: 25px;
	background-color: #fff;
	border: 1px solid #;
	margin-left: -35px;
	font-weight: bold;
}
#bt_retour_erreur a{
color:#900;
text-decoration:none;
}
#bt_retour_erreur a:hover{
color:#900;
text-decoration:underline;
}