html, body {
	height: 100%;
	text-align: justify;
	font-family: verdana;
	background-image:url(ciel1.gif);
	background-repeat:no-repeat;
	background-position:top center;
}

html,body,div,h1,h2,h4{margin:0;padding:0;}

hr{
	clear: both;
	border: none;
	color:royalblue;
	background-color:royalblue;
	height:1px;//2px;
	margin:7px 7%;
}

a{color:royalblue;}
a:hover{color:orange;background: lavender;}
a.a1:hover{color:royalblue;background: navajowhite;}

img.titre{
	float: right;
	border:2px solid royalblue;
	margin: 2% 5% 1% 1%;
}
.refg img,.refd img{border:2px solid royalblue}
.refg div,.refd div{width:270px;height: 147px ;text-align:center;}

.refd img,.refg div{float: left}
.refg img,.refd div{float: right}


.refg,.refd{margin:7px;padding:0 6% 0 6%}

#h1_page{
	margin:25px auto 10px 14%;
	color:royalblue;
}

#h2_page, .h2_page{
	color:lavender;
}
#h1_page,#h2_page, .h2_page{
	font-weight:lighter;	
	font-size:x-large;
	font-stretch:wider;
	line-height:110%;
}

h3{
	margin:0 0 2% 30%;
	line-height:0;
	font-size:medium;
	font-weight:bold;	
	color:orange;
}
#contenu h3{margin:0 0 2% 5%;}

#page{
	margin: 0 auto;
	min-height: 100%;
	position: relative;	
	width: 100%;
	background-image:url(tuyo.gif);
	background-repeat : repeat-y;
	background-attachment:fixed;
	float: left;
}

#menu, #contenu{
	position: relative;	
	float: left;
}

#menu{
	margin: 0 3% 80px 2%;
	padding: 0;		
	width: 20%;
	text-align:center;
}


#logo{
	width: 109px;	
	text-align: center;
	margin: auto;
	padding:0;
	height:128px;
}

.a_nul{
	color:black;
	text-decoration: none;
	text-align: center;
}
.a_nul img{border:0;}

img.logo{
	margin: 2px 0;
	border:0;
}


.hah_be{
	border: 1px solid black;	
	margin:0 0 2px 0;
}

.hah_be_h{
	background: lavender;
	background-image:url(menu_ombre_h2.gif);
	background-repeat:repeat-x;
	overflow:hidden;
	width:107px;
}

.menu_empat{	
	border:2px solid royalblue;
	border-width:1px;//0 2px 0 0;
	text-align:left;
}


.somm,.somm_mini{
	font-size:medium;
	font-weight:bold;	
	color:royalblue;
	padding:0 2px 0 3px;
	background:white;
	text-decoration: none;
	margin:0;
}
a.somm_mini{font-weight:100;}
a.somm:hover,a.somm_mini:hover{
	background: lavender;
	display:block;	
	color:orange;
	padding:0 2px;
	/*rem_ie_border-width:0 0 0 1px;*/
	/*rem_ie_border-style:solid;*/
	/*rem_ie_border-color:royalblue;*/
}

.v{
	background-image:url(menu_ombre_v2.gif);
	background-repeat:repeat-y;
}

.c{
	background-image:url(menu_ombre_coin.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:3px 4px 2px 4px;
}

.c2{
	background-image:url(menu_ombre_coin.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:0 4px 0 4px;
 	border:1px solid black;
	border-width:0 1px 0 0;	
}

.h{
	background: lavender;
	background-image:url(menu_ombre_h2.gif);
	background-repeat:repeat-x;
}

#h1_hah_be{
	margin:0;padding:0;
	letter-spacing:8px;
	font-family:arial;
	font-size:38px;
	font-weight:bold;
	color:black;
	line-height:74%;
}



#h2_hah_be{
	margin:0;padding:0;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	color:black;
	line-height:73%;
	letter-spacing:0;
}

.truc{
 	border:1px solid black;
	border-width:1px 0 1px 1px;	
	padding:0;
	font-family:arial;
	font-size:16px;
	color:black;
	line-height:150%;
}

#contenu {
	padding-bottom: 80px;	
	width:67%;
}


p, ul,.p {
	padding-left:10%;
}

li{
	padding-bottom:12px;
}

#pied{
	position: absolute;
	bottom: 0; left: 0;
	width: 100%;
	height: 80px;
	background-image:url(eau1.gif);
	text-align:center;
}
#pied table{width:auto;margin:10px auto 0 auto;border:0;padding:0;border-spacing:0;color:royalblue;}
#pied table td{margin:0;padding:0;font-size:small;text-align:center;}
#pied table td.b2{padding:0 5px 0 10px}

#pied table.b1l{height:24px;margin-top:35px;}
#pied table.b1l td.b1{width:24px;background-image:url(bas_24_logo.gif);}
#pied table.b1l td.b2{width:auto;background-image:url(bas_24_fond.gif);}
#pied table.b1l td.b3{width:12px;background-image:url(bas_24.gif);}

#pied table.b2l{height:42px}
#pied table.b2l td.b1{width:42px;background-image:url(bas_42_logo.gif);}
#pied table.b2l td.b2{width:auto;background-image:url(bas_42_fond.gif);}
#pied table.b2l td.b3{width:21px;background-image:url(bas_42.gif);}

#pied table.b3l{height:60px}
#pied table.b3l td.b1{width:60px;background-image:url(bas_60_logo.gif);}
#pied table.b3l td.b2{width:auto;background-image:url(bas_60_fond.gif);}
#pied table.b3l td.b3{width:30px;background-image:url(bas_60.gif);}




#page {
	background-image:url(tuyo.gif);
	background-repeat : repeat-y; 
}