/**********************************/
/*   Mise en page des éléments HTML du site  */
/**********************************/

/* gris : #c7c8ca;
/* orange : #f29619


@font-face {
	font-family: "Moderna";
	src: url('../structure/moderna_.ttf');
}
/* Page entière */
body{
	font-family: Arial;
	font-size : 12px;
}

/* mise en page des tableaux */
table{
	border-collapse : collapse;
}

th{
font-weight : bold;
text-align : left;
font-size : 14px;
border-bottom : 1px solid #c7c8ca;
}

th.pied_tableau{
border-top : 1px solid #c7c8ca;
border-bottom : 0px solid #c7c8ca;
}

td{
padding-bottom : 25px;
}

img{
border : 0px;
}

a{
text-decoration : none;
color : #000000;
}

.gras{
font-weight : bold;
}


/**********************************/
/* Div pour la mise en page de la base du site */
/**********************************/

/* Div conteneur de tous les autres divs*/
.conteneur{
	width : 1200px;
	margin-left: auto;
	margin-right: auto;
	margin-top : 0px;
	overflow : hidden;
	background-image : url('../structure/arriere_plan_centre_gris.png');
	background-repeat:no-repeat;
	background-position : 300px 200px;
}

/* Div de l'en tête du haut*/
.en_tete_haut{
	width : 100%;
	height : 150px;
}

/* Div qui englobe le logo et le formulaire de recherche*/
.en_tete_haut_gauche{
	position : absolute;
	float : left;
}

/* Div du logo*/
.logo_haut{
	position : relative;
	width : 314px;
	height : 86px;
	background : url('../structure/logo.png');
	margin-left : 50px;
	cursor : hand;
}

/* Div pour la recherche rapide*/
.recherche_haut{
	position : relative;
	width : 258px;
	height : 33px;
	margin-left : 50px;
	background-image : url('../structure/arriere_plan_recherche_haut.png');
	top : 20px;
}

.recherche_haut input{
	margin-top : 4px;
	margin-left : 10px;
	height : 22px;
	width : 190px;
	border : none;
	font-size : 16px;
}

.recherche_haut input.bouton{
	width : 40px;
	background : none;
	border : none;
	font-size : 15px;
	color : #ffffff;
	font-weight : bold;
}

/* Div pour le logo publicitaire du haut*/
.publicite_haut{
	width : 729px;
	height : 120px;
	float : right;
	bottom : 0;
	margin-top : 30px;
	text-align : center;
	
}

/* Div pour le menu du haut*/
.menu_haut{
	width : 100%;
	height : 50px;
	text-align : right;
}

/* Div pour le sous-menu*/
.sous_menu_haut{
	width : 100%;
	height : 50px;
}

/* Div pour le titre de la page*/
.titre_page{
	float : right;
	font-size : 60px;
	/*color : #c7c8ca;*/
	color : #f3971a;
	width : 600px;
}

.titre_page ul.choix_langue, .titre_page ul.choix_langue li{
	list-style-type : none;
	float : right;
	margin : 0px 3px 0px 0px;
	padding: 0;
	display: inline;
}

/* Div contenant tous les div au centre*/
.contenu{
	width : 100%;
	overflow : none;
	height : 600px;
	overflow : visible;
}

.gauche{
	float : left;
}

.centre{
	float : left;
	width : 600px;
	margin-left : 5px;
}

.droite{
	float : right;
	width : 270px;
}

/* Div contenant pour le menu de gauche*/
.menu_gauche_visiteur{
	width : 302px;
	height : 241px;
	background-image : url('../structure/arriere_plan_menu_gauche.png');
	background-repeat : no-repeat;
	text-align : right;
	padding-top : 50px;
}

.menu_gauche_visiteur p{
	float : right;
	margin-left : 50px;
	padding-right : 50px;
	padding-top : 4px;
	padding-bottom : 0px;
	height : 32px;
	width : 200px;
	background-image : url('../structure/arriere_plan_menu_gauche_grand_element.png');
	background-repeat : no-repeat;
	text-align : left;
	
}

.menu_gauche_visiteur p.bouton_identifier{
	float : left;
	background-image : url('../structure/bouton_identifier.png');
	text-align : center;
	padding-top : 5px;
	height : 33px;
	width : 144px;
}

.menu_gauche_visiteur input{
	border : 0px;
	margin-bottom : 0px;
	background-color : #ffffff;
	margin-left : 20px;
	width : 200px;
	padding-top : 4px;
}

.menu_gauche_visiteur input.boutton{
	font-weight : bold;
	width : 105px;
	margin-left : 0px;
}

.menu_gauche_identifie{
	width : 302px;
	height : 242px;
	background-image : url('../structure/arriere_plan_menu_gauche.png');
	background-repeat : no-repeat;
	text-align : right;
}

.menu_gauche_identifie ul {
	padding-top : 47px;
}

.menu_gauche_identifie ul li{
	padding-top : 4px;
	list-style-type : none;
	background-image : url('../structure/arriere_plan_menu_gauche_petit_element.png');
	background-repeat : no-repeat;
	background-position : top right;
	height : 20px;
}

/* Tous les niveaux de div*/
.menu_gauche_identifie ul li.niveau_1{
	padding-right : 23px;
	margin-right : 15px;
}

.menu_gauche_identifie ul li.niveau_2{
	padding-right : 10px;
	margin-right : 5px;
}

.menu_gauche_identifie ul li.niveau_3{
	padding-right : 8px;
	margin-right : 0px;
}

.menu_gauche_identifie ul li.niveau_4{
	padding-right : 15px;
	margin-right : 0px;
}

.menu_gauche_identifie ul li.niveau_5{
	padding-right : 20px;
	margin-right : 2px;
}

.menu_gauche_identifie ul li.niveau_6{
	padding-right : 20px;
	margin-right : 15px;
}

/* Div contenant le tableau de droite*/
.tableau_droite{
	width : 270px;
}

.tableau_droite ul{
	padding : 0px;
	margin: 0px 0px 10px 0px;
	
}

.tableau_droite ul li{
	padding-left : 15px;
	list-style-type : none;
	margin: 0px;
	padding-bottom : 20px;
	background-image : url('../structure/arriere_plan_tableau_droite.png');
}

.tableau_droite ul li li{
	background-image : none;
}

.tableau_droite ul li.titre_tableau{
	background-image : url('../structure/arriere_plan_haut_tableau_droite.png');
	height : 22px;
	font-weight : bold;
	padding-top : 10px;
	padding-bottom : 0px;
}

/* Div du pied*/
.pied{
	font-size : 12px;
	text-align : right;
}

.pied span{
	margin-right : 5px;
	margin-left : 3px;
}

.pied span a{
	color : #8d8d8f;
}

/**********************************/
/* Div des classe personnalisées pour les pages*/
/**********************************/

/* met en page les listes à puces */
table.liste_annonce{
	width : 90%;
	text-align : left;
}

/* style pour les listes verticales */
ul.liste_vertical{
	padding-left : 15px;
	margin-top : 0px;
}

ul.liste_vertical li{
	font-weight : normal;
	font-size : 12px;
	list-style-type : none;
	padding-bottom : 10px;
}

p.lien{
	font-weight : bold;
	text-align : center;
}

/* style pour le paragraphe situé en haut de page */
p.description_page{
	margin-bottom : 20px;
	text-align : justify;
}

table.affichage_message td p, table.affichage_message td div{
margin : 0;
}