html,body {
  /* background-image:url("images/fond_site.gif"); */
  margin:10px 0 0 0;
  text-align: center;
}
.gras{
	font-weight:bold;
}
a.link {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color:#6666FF;
	font-size: 10px;
	font-weight: none;
	text-decoration: none;
}
a.link:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#6666FF;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
div#conteneur{
	background-image:url("images/principal/fond_conditions.gif");
	margin-left:auto;
	margin-right:auto;
	width:955px;
	text-align:left;
}
/* HEADER */
div#header{
	background-image:url("images/principal/header_conditions.jpg");
	background-repeat:no-repeat;
	width:100%;
	height:133px;
	border-bottom:3px solid #000000;
	margin:0;
	padding:0;
}
div#logo{
	float:left;
	/* width:289px; */
	height:130px;
	margin:0;
	padding:0;
}
div#logo a{
	display:block;
	background-image:url("images/logos/logo-conditions-out.gif");
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}
div#logo a:hover{
	background-image:url("images/logos/logo-conditions-ov.gif");
	margin:0;
	padding:0;
}
div#headercentre{
	float:left;
	height:130px;
	margin:0;
	padding:0;
}
div#headercentre h1{
	/* text-align:left; */
	font-size:26px;
	font-weight:bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-variant:small-caps;
	color:#663300;
	padding:0;
	margin:30px 0 0 30px;
}
/* FIN HEADER */

/* -------------------------------------------*/
/* -------------- CORP DE PAGE ---------------*/
/* -------------------------------------------*/
h2{
	height:35px;
	background-image:url("images/principal/fond_titre_article.jpg");
	background-repeat:no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-variant:small-caps;
	color:#FFFFFF;
	margin:0 0 10px;
}
h2 span.presentation{
	display:block;
	float:left;
	padding:11px 0 0 150px;
}
h2 span.numart{
	display:block;
	float:left;
	font-family:"Courier New", Courier, monospace;
	font-size:18;
	font-weight:bold;
	width:100px;
	margin:10px 0 0 10px;
}
h2 span.titrart{
	display:block;
	float:left;
	margin:11px 0 0 40px;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-variant:small-caps;
	margin:20px 0 10px 135px;
	padding:0;
	text-decoration:underline;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size:12px;
	text-shadow:#000000;
	border-left:10px solid #FFFFFF;
	margin:0 10px 10px 122px;
	padding:0px 10px 0 10px;
}
p img{
	margin:0 10px 0 0;
}
table {
	margin:0 0 0 132px;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size:12px;
	font-weight:bold;
}
td.etoile{
	font-size:10px;
	font-weight:normal;
}
/* ------------------------------------------------------------ */
/* ----------------------- PAGE CONTACT ----------------------- */
/* ------------------------------------------------------------ */
p#presentation{
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size:12px;
	text-shadow:#000000;
	padding:0;
	margin:20px 20px 20px 30px;
	line-height:2em;
	border:none;
}
h2 a{
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	font-variant:small-caps;
	text-decoration:none;
	margin: 0px 0 0 145px;
	padding:10px 0 0 0;
}
h2 a:hover{
	text-decoration:underline;
}
p.contact{
	margin:20px 10px 20px 122px;
	padding:0px 10px 0 10px;
}
h2 span.arobas{
	display:block;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:lighter;
	width:90px;
	margin: 2px 0 0 30px;
}
/* ------------------------------------------------------------ */
/* ----------------------- FORMULAIRE ACCES ------------------- */
/* ------------------------------------------------------------ */
table.acces{
	margin:0;
}
div.cadre{
	position:absolute;
	width:600px;
	left:25%;
	top:25%;
	border:1px solid #2f0a00;
	margin:0;
	padding:0;
}
div.modcadre{
	width:600px;
	border:1px solid #2f0a00;
	margin:0;
	padding:0;
}
div.titre_page{
	width:600px;
	height:82px;
	background-image:url("images/principal/degrade_art_rec.jpg");
	background-repeat:no-repeat;
}
h1.titreart{
	height:35px;
 	text-align:left;
	font-size:26px;
	font-weight:bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-variant:small-caps;
	color:#663300;
	padding:30px 0px 0px 20px;
	margin:0;
}
div.posvalide{
	text-align:center;
	padding:0 0 55px 0;
}
a.valider{
	display:block;
	text-align:center;
	height:28px;
	background-color:#CC8844;
	margin:0 30px 0 0;
	padding-top:10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	color:#2f0a00;
	text-decoration:none;
}
a.valider:hover{
	display:block;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#CC8844;
	background-color:#2f0a00;
	text-decoration:none;
}
/* ------------------------------------------------------------ */
/* ----------------------- FOOTER ----------------------------- */
/* ------------------------------------------------------------ */
.clear{
  clear:both;
}
.footer{
	width:100%;
	background-color:#803300;
	margin:0;
	padding:10px 0 10px 0;
}

.footer a{
    font-family:  Arial,  Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
.footer a:hover{
	font-weight:bold;
	color:#f6d000;
	text-decoration:underline;
}