/*
	Styles généraux : début 
	-----------------------
*/

html {
  margin-top:5px;
}

body {
	background: #333399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

img{
	border:0px;
}

/* Carré principal - contient tous les éléments du sites */
.main{
	background: #F7F7F7;
	width:982px;
}

/* Titre de la colonne menu (souligné) */
h1{
	font-size: 13pt;
	color:#0035ff;
	border-bottom:5px solid #0035ff;
}

/* Titre 1 de la colonne contenu (souligné) */
h2{
	font-size: 13pt;
	border-bottom:5px solid black;
}

/* Titre 2 de la colonne contenu */
h3{
	font-size: 13pt;
}

/* Liens */
a:link {
   /*color: #094098;*/
   color: #0035ff;
}
a:visited {
   color: #0035ff;
}
a:active {
   color: #0035ff;
}
a:hover {
   Color: #FFED00;
}

/* Liste à puces/liens de la colonne menu */
.menu_list li{
	list-style-image:url("../images/arrowBlue.gif");
}


/* Liste à puces de la colonne contenu */
.content_text li{
	font-size: 10pt;
	list-style-image:url("../images/arrowBlack.gif");
}
.content_text table{
	/* border:1px solid black;*/
	border:0px;
}
.content_text table td,th{
	vertical-align: top
}
/*
	Styles généraux : fin
	---------------------
*/





/*
	Styles de mise en page - cadre : début
	--------------------------------------
*/

/* Cadre principal */
.top{
	width:100%;
}

/* Coin supérieur gauche du cadre */
.dt_top_left{
	background: url(../images/border_top_left.gif) 0 0 no-repeat;
	width:37px;
}

/* Coin supérieur droit du cadre */
.dt_top_right{
	background: url(../images/border_top_right.gif) 0 0 no-repeat;
	width:37px;
}

/* Coin inférieur gauche du cadre */
.dt_bottom_left{
	background: url(../images/left_bottom.gif) 0 0 no-repeat;
}

/* Coin inférieur droit du cadre */
.dt_bottom_right{
	background: url(../images/right_bottom.gif) 0 0 no-epeat;
}

/* Côté supérieur du cadre */
.dt_top{
	background: url(../images/border_top.gif) 0 0 repeat;
	height:100px;
}

/* Côté gauche du cadre - jonction avec menu de navigation */
.dt_left{
	background: url(../images/menu_line_left.gif) 0 0 repeat;
}

/* Côté droit du cadre - jonction avec menu de navigation */
.dt_right{
	background: url(../images/menu_line_right.gif) 0 0 repeat;
}

/* Côté gauche du cadre */
.left{
	background: url(../images/left.gif) 0 0 repeat;
}

/* Côté droit du cadre */
.right{
	background: url(../images/right.gif) 0 0 repeat;
}

/* Côté inférieur du cadre */
.dt_bottom{
	background: url(../images/bottom.gif) 0 0 repeat;
	height:57px;
	text-align : right;
	padding-bottom:10px;
	color:#094098;
	padding-right : 50px;
}
.little{
	font-size:8pt;
	color:#cacaca;
}

/*
	Styles de mise en page - cadre : fin
	------------------------------------
*/




/*
	Styles de mise en page - logos : début
	--------------------------------------
*/

/* Table de haut de page */
.toplogo{
	margin-top:20px;
}

/* Partie gauche - logo police */
.dt_toplogo_left{
	width:303px;
}

/* Partie centrale - rien */
.dt_toplogo{
	width:178px;
}

/* Partie droite - lignes en fond et logo ville */
.dt_toplogo_right{
	background: url(../images/lignesc.png) 0 0 no-repeat;
	width:423px;
	text-align:right;
}

/*
	Styles de mise en page - logos : fin
	------------------------------------
*/





/*
	Styles de mise en page - menu de navigation : début
	---------------------------------------------------
*/


/* Ligne Sur laquelle sont placée; les menus horizontaux de navigation */
.dt_line{
	background: url(../images/menu_line.png) 0 0 repeat;
	text-align:left;
}

/* table qui contient les menus horizontaux */
.dt_menu{
	background: url(../images/menu.png) 0 0 repeat;
}

.neutral{
	background: url(../images/spacer.png) 0 0 repeat;
}

/* Séparation entre les menus */
.dt_menu_separator{
	background: url(../images/menu_separator.png) 0 0 no-repeat;
	width:1px;
}

/* Style des menus */
.dt_menu_text{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
}
.dt_menu_text:hover{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	background: url(../images/selected_menu.png) 0 0 repeat;
}

.dt_menu_text a{
	color:#0035ff;
	text-decoration: none
}

/* Style pour un menu sélectionné */
.dt_selected_menu_text{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	background: url(../images/selected_menu.png) 0 0 repeat;	
}

.dt_selected_menu_text a{
	color:#0035ff;
	text-decoration: none
}

/*
	Styles de mise en page - menu de navigation : début
	---------------------------------------------------
*/





/*
	Styles de mise en page - centre de page : début
	-----------------------------------------------
*/

/* Colonne de gauche : menu de navigation vertical */
.content_menu{
	vertical-align: top;
	text-align : left;
	width:200px;
}

/* Colonne centrale : contenu de la page */
.content_text{
	vertical-align: top;
	text-align : left;
	padding-top:2px;
}

/*
	Styles de mise en page - centre de page : fin
	---------------------------------------------
*/