html {
   overflow-y: scroll;
} 
*{
	margin: 0;
	padding: 0;
}
body {
	font: 1em black verdana, sans-serif;
	background-color: #FFFFFF;
	margin: 8px;
}
table, tr, td{
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
img{
	border: 0px none;
}
a{
	text-decoration: none;
}
ul, li{
	margin: 0;
	padding: 0;
	cursor:pointer;
}


#container { /* taille du cadre, à titre d'exemple */
	width: 782px;
	background-color: #4d4d4d;
	border: 1px solid #FFFFFF;
	position: relative; /* on positionne le conteneur */
    margin-left: auto;
    margin-right: auto;
	height:relative;
	height:auto;
	
}

#small_container { /* taille du cadre, à titre d'exemple */
	/* width: 782px; */
	background-color: #FFFFFF;
	position: relative; /* on positionne le conteneur */
    margin-left: auto;
    margin-right: auto;
	height:relative;
	height:auto;
}

/* propriétés communes à l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
	height: 7px; width: 7px;
	background-repeat: no-repeat;
	font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche {
	background-color: #4d4d4d;
}
#hautdroit {
	float: right;
	background-color: #4d4d4d;
}
#basgauche {
	background-color: #4d4d4d;
}
#basdroit {
	float: right;
	background-color: #4d4d4d;
}

#hautgauche2 {
	background-color: #FFFFFF;
}
#hautdroit2 {
	float: right;
	background-color: #FFFFFF;
}
#basgauche2 {
	background-color: #FFFFFF;
}
#basdroit2 {
	float: right;
	background-color: #FFFFFF;
}

#logo{
	padding-left: 14px;
	position: absolute;
}
#header{
	height: 275px;
	width: 740px;
	left: 14px;
}
#menu_princ{
	height: 124px;
	width: 190px;
	left: 0 ;
	position: absolute;
	top: 130px;
	margin-left: 34px;
}
	#tabmenu tr{
		margin-bottom: 7px;
		height: 26px;
	}
		.icon{
			width: 23px;
		}
		.sep{
			width: 25px;
			text-align: center;
		}
		.titre, .titre a{
			text-align: left;
			color: #ff0066;
			font-family: Arial MT, Arial ;
			font-weight: bold;
		}
#divpub{
	padding-top: 9px;
	margin-left: 233px;

}
#pub{
	border: 1px solid #FFFFFF;
	height: 260px;
	width: 531px;
	margin: 0;
	padding-top: 9px;
	background-color: #4d4d4d;
	position:absolute; padding-left:0; padding-right:0; padding-bottom:0
}
	#contenupub{
		background-color: #4d4d4d;
		height: 247px;
		top:0;
		margin: 0;
		padding: 0
	}
		#titres_pubs{
			text-align: center;
			font-size: 20px;
			font-weight: bold;
			color: #01A7A7;
		}
			.blue{
				color: #14388C;
			}
			.red{
				color: red;
			}
	#pubbas{
		width: 525px;
		height: 9px;
		background-color: #4d4d4d;
		margin: 0;
		padding: 0
	}
	#savoirplus{
		width: 106px;
		height: 34px;
		background: url('../images/savoirplus.png') no-repeat ;
		position: absolute;
		top: 246px;
		left: 647px;
		color: #FFFFFF;
		font-weight: bold;
		font-size: 10px;
		padding-top: 10px;
		text-align: center
	}
		#savoirplus a{
			text-decoration: none;
			color: #FFFFFF;
		}
#main{
	width: 754px;
	vertical-align:top;
}
	#menu{
		border: 1px solid #FFFFFF;
		width: 217px;
		left: 12px;
		position: absolute;
		z-index:100;
		margin-top: 10px;
		
	}
		#menu_haut{
			background: url('../images/menu_haut.png') no-repeat ;
			width: 217px;
			padding-top: 10px
		}
		#menu_haut2{
			background: url('../images/menu_haut2.png') no-repeat ;
			width: 217px;
			padding-top: 10px
		}
		#contenu_menu{
			width: 217px;
			background-color: #4d4d4d;
			height:auto
		}
			#titre_menu{
				width: 207px;
				height: 28px;
				margin-left: 5px;
			}
				#contenu_titre_menu{
					background: #12388D;
					width: 207px;
					font-size: 11px;
					font-weight: bold;
					color: #FFFFFF;
					text-align: center;
					padding-top: 3px;
					padding-bottom: 3px;
				}
				#titre_menu_bas{
					background: url('../images/titre_menu_bas.png') no-repeat ;
					width: 207px;
					height: 6px
				}
				#titre_menu_bas2{
					background: url('../images/titre_menu_bas2.png') no-repeat ;
					width: 207px;
					height: 6px
				}
			#contenu_menu ul{
				margin-left: 40px;
				
			}
				#contenu_menu li{
					padding: 5px;
					
					list-style-image: url('../images/plus.png');
					font-size: 14px;
					color: #FFFFFF;
					font-weight: bold
				}
					#contenu_menu li a{
						color: #FFFFFF;
					}
					#contenu_menu li ul{
						padding: 0;
						margin-left: 10px;
						display: none;
					}
					#contenu_menu li ul li{
						padding: 0;
						margin-left: 10px;
						list-style-image: url('../images/fleche.png');
						color: #FFFFFF ;
						font-size: 12px
					}
						#contenu_menu li ul li a{
							color: #FFFFFF ;
						}
						#contenu_menu li ul li a:hover{
							background: #CAEEEC ;
						}
		#menu_bas{
			background-color: #4d4d4d;
			width: 217px;
			height: 8px
		}
	#principal{
		width: 531px;
		margin-left: 233px;
		position: relative;
		top: 10px;
		height:100%;
	}
		#princ_haut{
			border: 1px solid #FFFFFF;
			width: 531px;
			height: 522px;
			padding-top: 10px;
			background: url('../images/princ_haut.png') no-repeat ;
		}
		html>body #princ_haut {
		height: auto;
		min-height: 522px;
		} 
		#princ_contenu{
			width: 531px;
			background-color: #4d4d4d;
			margin: 0;
			padding: 0
		}
			#image{
				width: 272px;
				height: 180px;
			background-color: #4d4d4d;
				left: 0px;
				padding: 0;
				float: left;
				margin-left: 15px;
				margin-right: 5px; margin-top:0; margin-bottom:0
			}
				#titre_image{
					width: 272px;
					height: 20px;
					display: block;
					text-align: center;
					padding-top: 5px;
					color: #12388D;
					font-weight: bold;
				}
					#titre2{
						color: #009999;
						font-size: 12px;
					}
			#princ_contenu .contenu p{
				margin: 0;
				padding: 0;
				margin-left: 15px;
				margin-right: 15px;
				padding-bottom: 15px;
				text-align: justify;
				font-size: 11px;
				color: #FFFFFF;
			}
			#princ_contenu .contenu .titre{
				padding-bottom: 0px;
				font-weight: bold;
				color: #009999;
			}
			#princ_titre{
				width: 521px;
				margin-left: 5px;
				margin-bottom: 5px;
			}
				#princ_titre_texte{
					width: 521px;
					background: #009999;
					font-size: 16px;
					font-weight: bold;
					color: #FFFFFF;
					text-align: center;
					padding-top: 3px;
					padding-bottom: 3px;
				}
					#descr{
						font-size: 11px;
					}
				#princ_titre_bas{
					width: 521px;
					height: 9px;
					background: url('../images/princ_titre_bas.png') no-repeat ;
				}
			#details{
				width: 106px;
				height: 34px;
				background: url('../images/detail.png') no-repeat ;
				color: #FFFFFF;
				font-weight: bold;
				font-size: 11px;
				padding-top: 10px;
				text-align: center;
				position: absolute;
				margin-top: -38px;
				left: 420px
			}
				#details a{
					text-decoration: none;
					color: #FFFFFF;
				}
		#princ_bas{
			width: 531px;
			height: 8px;
			background-color: #4d4d4d;
		}
#partenaires{
	height: 52px;
	width: 782px;
	background-color: #4d4d4d;
}
	#tabpart{
		margin: auto;
		margin-top: 15px;
		position:relative;
	}
		#tabpart td{
			padding-right: 10px;
			padding-left: 10px;
			vertical-align: middle;
		}
		
		
#tr_hght_img {
height:147px;
}