@charset "UTF-8";

    body  {
	font: 100% "Helvetica CY", "Futura Condensed", "Tahoma", "Arial Narrow";
	color: #010101;
	background: #fff;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center;
	background-image: url(img/arpl-html-ang.jpg);
    }
	
	/*--------container---------------*/
	
	div#container {
	width: 750px;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	border:none;
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
	/*font-size: 12px;*/
	margin-top: 40px;
	/*background-image: url(img/tlo-html2.png);*/
	line-height: 18px;
    }
	
	#VerAng {
	position:absolute;
	left:15px;
	top:87px;
	width:115px;
	height:73px;
	z-index:5;
}

#VerAng a {
text-decoration:none;
}
	/*--------sidebar---------------*/
	
	div#sidebar {
	float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 130px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, 
	la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
	height:100%;
	background-image: url(img/arpl-sitebar.png);
	padding-top:30px;
	padding-right:20px;
	padding-left:0px;
	padding-bottom:10px;
    }
	
	div#sidebar div a {
	text-decoration:none;
	color: #56462D;
	font-size:90%;
	}
	

	div#sidebar #logo a {
	padding-right:0;
	padding-left:10px;
	margin-left:20px;
	background:none;
	}
	
	div#sidebar #logo a:hover {
	background:none
	}
	
	div#sidebar ul li {
	list-style-type: none;
	}
	
	div#sidebar ul li a {
	font-size:11px;
	}
	
	
	div#sidebar ul.menu {
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
	
	div#sidebar ul li a:hover, div#sidebar a:hover {
	background-color: #C9A87C;
	color: #56462D;
	padding:2px;
	}
	
	div#sidebar div a#pgActuel {
	background-color: #C9A87C;
	color: #56462D;
	padding:2px;
	}
	
	div#sidebar div a#pgActuel1 {
	background-color: #C9A87C;
	color: #56462D;
	padding:2px;
	}


	
	/*--------mainContent---------------*/
	
	
	div#mainContent {
	width:520px;
	margin-left: 160px;
	margin-top: 0px;
	margin-right: 0px;
	padding-top: 40px;
	padding-left:100px;
	padding-right:100px;
	padding-bottom:100px;
	background-image: url(img/arpl-mainContent1.png);
    } 
	
	
	table#contact tr td {
	width:100px;
	}
	
	table#contact tr td input {
	height:13px;
	}
		
	table#contact tr td input#envoyer {
	float:right;
	}
	
	table#contact tr td input#effacer {
	float:right;
	}
		
	div#mainContent p {
	font-size:93%;
	line-height:1.4em;
	}
	
	div#mainContent h1 {
	font-size:180%;
	padding-bottom:15px;
	padding-top:10px;
	line-height:1em;
	text-align:center;
	}
	
	
	
	div#mainContent ul li {
		list-style:url(../img/doit.png);
	
	}
	
	div#mainContent div#dtField {
	font-size:88%;
	line-height:1.1em;
	font-family:Georgia, "Times New Roman", Times, serif;
    }
	
	div#mainContent div#showTime {
	font-size:95%;
	line-height:1em;
	font-family:Georgia, "Times New Roman", Times, serif;
    }
	
	div#mainContent a {
	color:#5a3910;
	text-decoration:none;
	}
	
	div#mainContent a:hover {
	color:#56462D;
	background-color:#faefd9;
	}
	
	div#mainContent p .bold {
	font-weight:bold;
	}
	
	
	div#mainContent h2 {
	font-size:22px;
	font-family:"Times New Roman", Times, serif;
	line-height:23px;
	border-bottom:solid 1px #FF9966;
	padding-bottom:4px;
	text-align:center;
	}
	
	div#mainContent h3 {
	font-size:20px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	text-align:center;
	}
	
	div#mainContent p#chroniquer {
	text-align:right;
	font-weight:bold;
	font-style:italic;
	padding-bottom:10px;
	}
	
	div#mainContent .sansborder {
	border:none;
	}
	
	/*--------footer---------------*/
	
	
	
	div#footer p {
	float:right;
	padding-left:10px;
	padding-right:10px;
	
	background-image: url(img/arpl-footer.png);
	
	color: #010101;
	font-size:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	
	div#footer p a {
	color: #010101;
	font-style: italic;
	font-size:10px;
	text-decoration:none;
	}