html, body {
	height:100%;	
	margin:0;
	padding:0;
}
body {
	text-align:center;	
	background: #ACBBD0;
}
* {
	font-size:12px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #142A82;
}
#page {
	width: 800px;
	height:100%;
	min-height:100%;
	margin: 0 auto 0 auto;
	text-align:left;
	background: url(img/page.gif);
}
html>body #page {
	height: auto;	
}
img {
	border:0;	
}
h1 {
	margin:0;
	padding:78px 0 0 150px;	
	height:42px;
}
h3 {
	font-size:13px;	
}
#top {
	height:167px;
	background: url(img/entete.jpg) no-repeat 0 8px #ACBBD0;
}
#top ul {
	margin:0;
	padding:0 0 0 162px;
}
#top .langues {
	float:right;
	display:block;
	margin: 30px 0 0 0;
	padding:0;
	width:70px;
	height:17px;	
}
#top .langues a {
	padding: 0 2px;
}
#top li {
	list-style-type: none;
	margin:0;
	padding:0 4px 0 0;
	float:left;
}
#sidebar {
	width:250px;
	float:left;
	height: 440px;
	min-height:440px;	
	background:url(img/col.jpg) no-repeat 0% 0%;
	padding-right:24px;
}
html>body #sidebar {
	height:auto;	
}
#sidebar img {
	display: block;
	margin-top:38px;
}
#sidebar img.global {
	margin-top:25px;
}
#sidebar h2 {
	height: 25px;
	line-height:25px;
	padding: 0 0 15px 30px;
	margin: 0;	
}
#sidebar h2.card {
	background:url(img/titreRub.gif) no-repeat 0% 0%;
}
#sidebar h2 {
	background:url(img/titreRub2.gif) no-repeat 0% 0%;
}
#sidebar ul {
	margin:0;
	padding: 0 0 5px 0;	
}
#sidebar li {
	margin:0;
	padding:0;
	list-style-type: none;	
	display:inline;
}
html>body #sidebar li {
	display:block;
}
#sidebar strong.legende {
	display:block;
	text-align:center;
	color:#ffffff;
	padding-bottom:10px;
}
#sidebar li a:link, #sidebar li a:visited {
	text-decoration:none;
	font-size:13px;
	padding:10px 10px 10px 15px;
	display:block;
	background:none;
	color:#ffffff;
	margin: 1px 1px 0 1px
} 
#sidebar li.on a:link, #sidebar li.on a:visited,
#sidebar li a:hover, #sidebar li a:active {
	background: #3A85C1;
} 
.clear {
	clear: both;
	height:75px;
}
.bottom {
	height:75px;
	position:absolute;
	background:  url(img/pied.gif) no-repeat 50% 0%;
	width:800px;
	margin: -75px 0 0 -400px;
	left:50%
}
#main {
	width:525px;
	float:left;	
	background: url(img/titre.gif) no-repeat;
}
#content {
	padding: 0 30px;	
}
h2 {
	height: 25px;
	line-height:25px;
	padding: 0 0 20px 0;
	margin: 0;	
}
h3 {
	margin: 0;
	padding: 15px 0 0 0;	
}
p {
	margin:0;
	text-align:justify;
	padding: 10px 0;
}
/* formulaire contact */
#content form#renseigne {
	padding:0;
	margin:0;
	width: 450px;
}
form#renseigne input, form#renseigne label {
	padding:0;
	margin:1px 0;
	float:left;
	display:block;
}
form#renseigne label {
	clear: both;
	width:180px;
	padding-right:5px;
	height:20px;
	line-height:20px;
}
.oblig, form#renseigne label.oblig  {
	font-weight:bold;
}
form#renseigne input.hidden {
	display:none;	
}
form#renseigne input {
	height:20px;
	width:180px;
}
form#renseigne label.demande {
	padding-right:0;
	width:440px;
	padding-top:20px;
	float: none;
	height: auto;
}
form#renseigne p {
	font-style: italic;
}
form#renseigne textarea {
	width: 365px;
	height:125px;
	margin-top:10px;
	display: block;
	margin:0;
}
form#renseigne p.submit {
	font-style: normal;
	padding:10px 85px 0 0;
	height: 30px;
	text-align:right;
}
form#renseigne p.submit input {
	width: auto;
	display:inline;
	float:none;
	height: auto;
	padding: 0 5px;
}
