/* CSS LAYOUT */

body{
	background-color : #FFFFFF;	
	margin: 0; /* pour éviter les marges */
    text-align: center; /* pour corriger le bug de centrage IE */
	margin-top : 10px !important;
	margin-top : 0px;
	margin-bottom : 10px;
	font : normal normal normal 12px Arial, sans-serif;
}

table{
	font : normal normal normal 12px Arial, sans-serif;
}

#bloc_900{
	width : 900px;
	/*background-color : green;*/
	margin-left: auto;
    margin-right: auto;
	text-align: left;
	/*height : 700px;*/
}



/** HEADER **/

#header{
	width : 900px;
	/*height : 194px;
	/*background : url(../images_css/header.gif) no-repeat top left;*/
}

#bloc_logo{
	float : left;
	height : 87px !important;
	height : 95px;
}

#bloc_menu{
	float : right;
	height : 87px !important;
	height : 95px;
}

.cadre_gris{
	border : 2px #DFDFDF solid;
	padding : 2px;
}

.bloc_418{
	width : 410px !important;
	width : 418px;
}

.bloc_478{
	width : 470px !important;
	width : 478px;
}

.bloc_235{
	width : 235px;
	float : left;
	/*background : purple;*/
	height : 191px;
}

.bloc_310{
	width : 302px !important;
	width : 310px;
}

.bloc_586{
	width : 578px !important;
	width : 586px;
}

.bloc_292{
	width : 284px !important;
	width : 292px;
}

.bloc_290{
	width : 282px !important;
	width : 290px;
}


#menu { 
	float : right; 
	height : 81px;
	background : url(../images_css/menu_fond.gif) repeat-x bottom right; 
	margin-top : 6px !important;
	margin-top : 14px;
}
	#menu div {
		text-align : center;
		float : left;
		height : 81px;
		padding: 0px 10px 0px 10px !important; 
		padding: 0px 16px 0px 16px; 
		color: #444; 
		background: url(../images_css/menu_separation.gif) no-repeat bottom left;
		display: inline; 
	}
	
	
	#menu img{
		margin-bottom:17px;
		display:block;
	}

#bloc_photo{
	float : left;
}

#bloc_dossiers{
	float : right;
	height : 192px !important;
	height : 200px;
}


#bloc_dossiers #fond{
	background : url(../images_css/dossiers_fond.gif) repeat-x bottom left; 
	width : 100%;
	height : 100%;
}

#bloc_dossiers .separation{
	background : url(../images_css/dossiers_separation.gif) no-repeat bottom right; 

}

#bloc_dossiers ul{
	list-style : none;
	margin : 0;
	margin-top : 3px;
	margin-left : 8px;
	padding : 0;
}

#bloc_dossiers ul li{
	padding-top : 1px;
	padding-bottom : 1px;
}

#contenu{
	width : 900px;
}

#colonne_gauche{
	float : left;
}

#colonne_droite{
	float : right;
}

#bloc_contenu{
	text-align : justify;
}

.court{
	height : 336px !important;
	height : 344px;
}

.titre{
	font-size : 16px;
	font-weight : bold;
	line-height : 35px;
	height : 35px; 
	background : url(../images_css/contenu_fond_titre.gif) repeat-x bottom left;
	padding-left : 8px;
}

#bloc_contenu p{
	margin : 9px 0;
	text-align : justify;
}

#bloc_contenu ul{
	list-style : none;
	margin : 0;
	margin-left : 8px;
	padding : 0;
}

#bloc_forum, #bloc_parole, #bloc_connaitre{
	height : 162px !important;
	height : 170px;
	text-align : justify;
}

#bloc_forum #fond{
	text-align : center;
	height : 162px;
	background : url(../images_css/bloc_forum_fond.gif) repeat-x bottom left;
}

#bloc_parole #fond{
	text-align : center;
	height : 162px;
	background : url(../images_css/bloc_parole_fond.gif) repeat-x bottom left;
}

#bloc_connaitre #fond{
	text-align : center;
	height : 162px;
	background : url(../images_css/bloc_connaitre_fond.gif) repeat-x bottom left;
}

.left{
	float : left;
}

.right{
	float : left;
}

#footer{
	margin-top : 4px;
}

.gros_titre{
	font-size : 12px;
	font-weight : bold;
	color : #333333;
	text-align : left;
}

.texte_connaitre{
	text-align : left;
	color : #FFFFFF;
	font-weight : bold;
}


#bloc_fluxbb {
	height: 200px;
}

html>body #bloc_fluxbb {
	height: auto;
	min-height: 200px;
}