body{background:#fff; color:#0F0F0F; font:15px/20px Arial, Helvetica, sans-serif; margin:0 0 0; padding:0;}
div, h1, h2, h3, p, img{margin:0; padding:0;}
/*ul{list-style-type:none;}*/
input, select, textarea{border: 1px solid #397dc2; background-color: #ffffff; color:#4C4C4C;}
input:hover, select:hover, textarea:hover{border: 1px solid #ff6a01; color:#000000;}
#Page{width:762px;margin:0 auto; padding:0;margin-top: 22px;}

/* ----------Haut---------- */
#hautPage{margin: auto; padding:0;}
#hautPage img{width:300px; height:100px; z-index:1; padding:0; position:absolute; margin:0 0 0 21px;}
/* ----------Menu haut---------- */
#hautPage ul{display:block; width:732px; height:36px; margin:11px 0 0; padding:20px 29px 0 0; list-style-type:none;}
#hautPage ul li{float:right; font:12px/36px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; border-bottom:1px solid #AEAEAE;}
#hautPage ul li a{width:74px; height:36px; display:block; padding:0; color:#555; background:#fff; text-decoration:none; text-align:center; margin:0 1px 0 0; top:0px; left:0px;}
#hautPage ul li a:hover{width:74px; height:36px; text-decoration:none; background:url(images/button.gif) no-repeat 0 0 #AEAEAE; color:#fff;}
/* ----------/ haut---------- */

/* ----------BODY---------- */
#bodyPage{margin: 25px 0 25px 0;}
.logo{float: left; margin: 10px;}
.logo_droite{float: right; margin: 10px;}
#bodyPage p{padding: 5px 0 5px; text-align: justify;}
#bodyPage h1{padding: 15px; font:37px/37px Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#FF7113;}
#bodyPage h2{margin: 20px 0px 10px 0px; font:30px/30px Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#FF7113;}
#bodyPage h3{font:30px/30px Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#FF7113;}
#bodyPage h6{font:15px/20px Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#FF7113; margin: 5px 10px 5px;}
#bodyPage h1 a, h2 a, h3 a, h6 a{text-decoration:none; color:#FF7113;}
#bodyPage th{background-color: #E0E1FF}
#bodyPage a{color: #387dc2;}
#bodyPage a:hover{color: #83bb35;}

#menuclient ul{list-style-type: none; text-align: right;}
#menuclient li{display: inline; }
#menuclient ul li a{color: #FF7113; text-decoration:none;}

.erreur{color : red; }

#msg { text-align: center; width:50%;margin:5px auto; padding: 5px; }
.rouge { border: 1px solid #aeaeae; background-color: #FFA2A8; font-weight:bold; }
.vert { border: 1px solid #aeaeae; background-color: #A9E2A4; }

/* ----------Accueil arguments---------- */
#bodyPage .arguments{cursor: pointer; width:246px; height:260px; color:#fff; float:left; margin: 25px 1px 0px 1px; padding-bottom: 0px;}
#bodyPage .arguments a{color:#FFFFFF;}
#bodyPage .arguments h2{padding: 10px 30px; font:28px/28px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#FFFFFF; }
#bodyPage .arguments p{padding: 0 25px 0 25px; text-align: justify; font:12px/18px Arial, Helvetica, sans-serif; font-weight:bold; }
#argument1.arguments {background:url(images/orange.jpg) no-repeat 0 0 #ff6a01;}
#argument2.arguments {background:url(images/vert.jpg) no-repeat 0 0 #85bb35;}
#argument3.arguments{background:url(images/bleu.jpg) no-repeat 0 0 #397dc2;}

.login_formulaire { width:246px; text-align: center; }

/* ----------pied---------- */
#piedPage{width:100%;  background:#DCDCDC; color:#4C4C4C; font-size:12px;}
#piedBodyPage{width:762px;height:133px; position:relative; margin:0 auto; padding:0;}
#piedPage ul{width:420px; display:block; position:absolute; right:10px; top:33px; list-style-type:none; }
#piedPage li{float:left; font:12px/15px Arial, Helvetica, sans-serif; font-weight:normal;}
#piedPage ul li a{padding:0 6px; color:#4C4C4C; background:#DCDCDC; text-decoration:none;}
#piedPage ul li a:hover{text-decoration:underline;}
#piedPage ul li a.padl{padding:0 0 0 6px;}
#piedPage ul.end{width:620px; display:block; position:absolute; right:10px; top:63px; list-style-type:none; }
#piedHtmlPage{ width:86px; height:31px; display:block; position:absolute; top:34px; left:29px; margin:0; padding:0;} 
#piedHtmlPage a{ width:86px; height:31px; display:block; background:url(images/html-img.gif) no-repeat 0 0 #DCDCDC; text-decoration:none; font:14px/31px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2F2F2F; text-transform:uppercase; padding:0 0 0 10px; position:absolute; top:0px; right:0px;}
#piedHtmlPage a:hover{background:url(images/html-img.gif) no-repeat 0 0 #DCDCDC; color:#216EBD; text-decoration:none; }
#piedCssPage{ width:86px; height:31px; display:block; position:absolute; top:34px; left:115px; margin:0; padding:0;} 
#piedCssPage a{ width:86px; height:31px; display:block; background:url(images/css-img.gif) no-repeat 0 0 #DCDCDC; text-decoration:none; font:14px/31px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2F2F2F; text-transform:uppercase; padding:0 0 0 10px; position:absolute; top:0px; right:0px;}
#piedCssPage a:hover{background:url(images/css-img.gif) no-repeat 0 0 #DCDCDC; color:#216EBD; text-decoration:none; }

.note {margin:1em;margin-left:auto;margin-right:auto;padding:10px;width:70%;text-align:center;background-color:#c8d9e9;border:1px solid #B0C4DE;background-color:#E4EFFF;}

.sponso { margin-top: 15px; text-align: center; color: #DCDCDC }
.sponso a{ color: #2F2F2F }
/*
#liencontrelien ul{display:block; list-style-type:none; }
#liencontrelien li{float:right; font-weight:normal;}
#liencontrelien ul li a{padding:0 8px; color:#DCDCDC; text-decoration:none;}
#liencontrelien ul li a:hover{text-decoration:underline;}

*/
/*
ul.liencontrelien {
	margin : 0 0 5px 0;
	padding : 5px 5px 5px 0;
	list-style-type : none;
	color: #DCDCDC;
	font-weight : bold;
	font-size : 0.9em;
	text-align: right;
}
ul.liencontrelien li {
	display: inline;
	padding : 5px 0;
}
ul.liencontrelien li a {
	color: #DCDCDC;
	padding : 5px 5px 5px 5px;
	text-decoration: none;
	border-left: 1px solid #fff;
}
ul.liencontrelien li a:hover {
	border-left: 1px solid #fff;
}
*/
#bloc_liencontrelien  {
	text-align:center;
	display:table;
	width:100%;
	color: #DCDCDC;
}
#bloc_liencontrelien ul  {
	margin:0 auto;
	list-style-type:none;
	display:table;
}
#bloc_liencontrelien ul li {
	display:table-cell;
	/* IE */
	display:inline;
}

#bloc_liencontrelien  a {
	display:block;
	margin:  5px;
	color: #DCDCDC;
	text-decoration: none;
	/* IE */
	display:inline-block;
}