html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


Body{
	background:url(theme/fond-2.jpg) no-repeat top center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
    padding: 0;
    text-align: center; /* pour corriger le bug de centrage IE */ 
}
.clear{
	clear:both;
}

a{
	text-decoration:none;
}

/*/////////////////////////////////////
		    Le Header
/////////////////////////////////////*/
#top{
	margin-top:5px;
	height:50px;
	font-family:Impact, Arial, Helvetica, sans-serif;
	font-size:60px;
	line-height:50px;
	color:#FFF;
	text-align:center;
}
#top .petit{
	font-size:22px;
}

/*/////////////////////////////////////
		    Le conteneur
/////////////////////////////////////*/

#conteneur{
	width:800px;
	height:730px;
	margin:0 auto;
	color:#FFF;
	text-align:left;
	}
/*/////////////////////////////////////
		    Le menu
/////////////////////////////////////*/
#menu {
	height:55px;
margin-top:12px;
}

#menu ul li{
	float:left;
	padding:0;
	list-style:none;

}

#menu ul li a{
	height:28px;
	width:100px;
	font-size:14px;
	line-height:25px;
	display:block;
	text-decoration:none;
	text-align:center;
	color:#FFF;
}
#menu ul li a:hover{
	height:28px;
	width:100px;
	line-height:25px;
	text-decoration:none;
	text-align:center;
	color:#FFF;
	background:url("theme/fond_bt_on.gif") no-repeat center;
}
#banner{
	height:308px;
	margin:10px 0;
	
}

/*/////////////////////////////////////
		    Le contenu
/////////////////////////////////////*/

#contenu{
	padding:0 20px;
}
/* Les textes */
#news{
	float:left;
	width:400px;
}
#news h1{
	padding:0 10px;
	display: block;
	height:27px;
	width:282px;
	font-size:1em;
	font-weight:bold;
	color:#034c95;
}
#news p{
	color:#000;
	line-height:28px;
}

/* La navigation */
#navigation{
	float:right;
	margin:30px 0 0 0;
}
.bloc{
	width:300px;
	margin:0 auto;
}





/*/////////////////////////////////////
		    Le footer
/////////////////////////////////////*/
#bas{	
    background: url("theme/footer.jpg") repeat-x scroll 50% 0 transparent;
    height: 172px;
}
#container{
	width:800px;
	margin:10px auto;
	}
#menubas {
	/*float:left;*/
	margin:10px 0 0 20px ;
}

#menubas ul li{
	float:left;
	padding:10px 0;
	list-style:none;

}

#menubas ul li a{
	height:28px;
	width:100px;
	font-size:12px;
	line-height:28px;
	display:block;
	text-decoration:none;
	text-align:left;
	color:#fff;
}
#menubas ul li a:hover{
	height:28px;
	width:100px;
	line-height:28px;
	text-decoration:none;
	text-align:left;
	color:#a6daff;
}
#adresse{
	margin:40px 0 0 10px;
	float:left;
	width:400px;
	text-align:left;
}
#adresse p{
	padding:0 20px;
	color:#fff;
}


#ad{
	margin-top:10px;
	float:right;
	color:#FFF;
	text-align: right;
}
#ad a, #adresse a{
	color:#FC0;
}
#ad a:hover, #adresse a:hover{
	color:#a6daff;
}
.finbloc{
	width:253px;
	margin:60px 30px 0 0;
	}
.finbloc p{ line-height:20px;}
#adresse p{ line-height:20px;}

