/* Feuille de style CSS */

html{
	margin:0;
	width:100%;
	height:100%;
}

body{
	margin:0;
	width:100%;
	height:100%;
	background:url(../images/fond.jpg) center top repeat-x;
	background-color:#3e5f85;
	font-family:arial;
	}
	
#mere{
	background:url(../images/fond_mere.jpg) center top repeat-x;
	background-color:#c5cfdb;
	margin: auto;
	width:780px;
	min-height:100%;
	_height:100%;
	}

#bandeau{
	height:138px;
	}


#milieu{
	min-height:400px;
	}
	
	#menu{
		width:146px;
		float:left;
		padding-top:0px;
		margin-left:10px;
		}
		
		#menu LI{
			display:block;
			height:65px;
			margin:0;
			padding:0;
			list-style:none;
			margin-bottom:0;
			}
		
		#menu A{
			display:block;
			height:28px;
			line-height:26px;
			background-image:url(../images/bt_menu.gif);
			background-position:0 0;
			background-repeat:no-repeat;
			border:solid 1px #000;		
			color:#FFF;
			text-decoration:none;
			padding:0 0 0 50px;
			font-size:10pt;
			font-weight:bold;
		}
		
		#menu A:HOVER, #menu A.select{
			background-position: 0 -28px;		
		}
		
		#menu LI DIV{
			display:none;
			}
		
		#menu LI:hover DIV{
			position:absolute;
			display:block;
			min-width:100px;
			margin-top:-30px;
			margin-left:176px;
			padding:0 0 0 5px;
			}
		
			#menu LI DIV A{
				display:block;
				height:27px;
				line-height:26px;
				background-image:url(../images/bt_ssmenu.gif);
				background-repeat:repeat-x;
				border:solid 1px #000;		
				color:#FFF;
				text-decoration:none;
				padding:0 5px;
				font-size:9pt;
				font-weight:bold;
				}
			
			#menu LI DIV A:hover, #menu LI DIV A.select{
				background-position: 0 -28px;		
				}


	#contenu{
		padding:10px 30px 0 30px;
		margin-left:156px;
		color:#000;
		margin-bottom:25px;
		width:auto;
		font-size:9pt;
		}
		
		#contenu H1{
		overflow:hidden;
		padding-right:10px;
		text-align:center;
		margin:5px 0 25px 0;
		font-size:18pt;
		font-weight:bold;
		color:#993299;
		/*border-top:solid 2px #98cb37;*/
		border-bottom:solid 2px #993299;
		}
		
		#contenu H2{
		padding:1px 0 1px 10px;
		font-size:12pt;
		font-style:italic;
		color:#FFF;
		background-color:#dc97dc;
		margin: 5px 0 15px 0;
		}
		
		
		#contenu H3{
		padding:1px 0 1px 10px;
		font-size:12pt;
		font-style:italic;
		color:#FFF;
		background-color:#c0df86;
		margin: 5px 0 15px 0;
		}
		
		#contenu H6{
		padding-left:10px;
		height: 16px;
		line-height: 20px;
		font-style:italic;
		color:#274c00;
		margin: 5px 0 15px 300px;
		text-align:center;
		font-size:9pt;
		}
		
		#contenu p{
		padding:0 0;
		margin: 5px 0px 5px 0px;
		}
		
		#contenu A{
			/*color:#000;*/
			font-weight:bold;
			text-decoration:underline;
			padding:1px 0;
		}

		#contenu A IMG{
			border:0;
		}



