@CHARSET "UTF-8";

/***********************/
/*** Nouvelle Section **/
/***********************/

body {
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-style: normal;
	color:gray;
	background-color:#f8f8f8;
	margin: 0 2.5% 0 2.5%;
}

.tb_fenetre, .tb_cadres, .div_cadres, .div_cadre {
	border: 0px gray solid;
	border-spacing:0px;
	/**/
	font-size: 12px;
	font-style: normal;
	color: gray;
}
.tb_fenetre {
	border: 0px;
	border-style: double;
}
.tb_cadres, .div_cadres {
	border: 0px #e5e5e5 solid;
}
.cls_div_menu_top {
	text-align:center;
	margin: 0px 0px 20px 0px;;
}
.menu_t_barre {
	width:100%;
	text-align:center;
}

.div_cadre_title {
	text-align: center;
	font-size: 1.5em;
	font-style:italic;
	background: #dddddd;
	border-bottom: 1px #fff solid;
	color:gray;
	margin-bottom: 10px;
	background-image: url("../images/_/m_t_item_bg.gif");
}
.div_cadre {
	width:350px;
	height: 300px;
	padding: 0px 10px 0px 10px;
	boder-spacing:0px;
	border: 0px #e5e5e5 solid;
	border-collapse:collapse;
	text-align: justify;
	vertical-align: top;
	overflow:auto;
}
.div_cadres {
	padding: 1px;
	height: 800px;
	max-height: 1000px;
	overflow-y: auto;
	margin-left: 10px;
	border: 0px gray solid;
	/*text-align: center;*/
}
.td_cadre_item {
	width: 50%;
	/*margin:20px;*/
	padding:15px;
	vertical-align: top;
}

/**********************/
/*** table des menus **/
/**********************/
.tb_menu_l, .tb_menu_t, .tb_menu_b, .tb_menu_r {
	border-spacing: 0px;
	border: 0px gray solid;
	/*width: 100%;*/
}
.tb_menu_r {
	border: 0px #e5e5e5 solid;
}
.tb_menu_b {
	border: 0px gray dashed;
}
/* PROPRIETES PRIVEES */
.tb_menu_l, .tb_menu_r  {
	width: 200px;
}
.tb_menu_b tr, .tb_menu_r tr, .tb_menu_l tr {
	vertical-align:top;
}


/*********************/
/******* menus *******/
/*********************/

.menu_t, .menu_l, .menu_b {
	padding: 0px 0px 1px 0px;
	/*border: 1px #e5e5e5 solid;*/
	letter-spacing: 1px;
	font-size: 14px;
	color: gray;
	font-style: normal;
	width: 200px;
}
.menu_t {
	background-image: url("../images/menu/menu_t_bg.gif");
	width: 100%;
	height: 35px;
}
.menu_b {
	border: 1px #e5e5e5 solid;
}
.menut_t_td {
	width: 180px;
	padding:0px 1px;
}
.menu_t_sep {
	width:20px;
}
.menu_t span, .menu_l span, .menu_b span {
	cursor:pointer;
}

/* liste des items et liste des sous-items */
.items_t, .items_l, .sousitems_t, .sousitems_l {
	/*z-index: 10;*/
	margin-top: 0px;
	/*border: 1px #e5e5e5 solid;*/
	/*background-image: url("../images/_/x_bg.gif");*/
	display: none;
	z-index: 1;
}
/* liste des items et liste des sous-items */
.items_l, .sousitems_l {
	border: 0px gray solid;
	background-image: url("../images/_/x_bg.gif");
}
.sousitems_t, .sousitems_l {
	/*left: 200px;*/
	margin-left: 200px;
	margin-top: -18px;
	display: none;
}
.items_t, .sousitems_t, .items_l, .sousitems_l {
	padding: 0px;
	position: absolute;
	width:250px;
}

/* item et sousitem */
.item_t, .sousitem_t, .item_l, .sousitem_l, .item_b {
	border-top: 1px #e5e5e5 solid;
	padding: 1px 1px 1px 1px;
}
.item_b {
	border: 0px #e5e5e5 solid;
}
.item_t a, .sousitem_t a, .item_l a, .sousitem_l a, .item_t em, .item_l em, .sousitems_available {
	display: block;
	width: 230px;
	padding-left: 10px;
	cursor: pointer;
	color: blue;
	background: url("../images/sep_/f_droite_pointille.gif") no-repeat left center ;
	
	font-size: 12px;
	font-size-adjust: none;
	font-weight: normal;
	letter-spacing: 1px;
	font-style: normal;
}
.item_t a:hover, .sousitem_t a:hover, .item_l a:hover, .sousitem_l a:hover {
	background: url("../images/sep_/f_droite_vert.gif") no-repeat left center;
	color: #ff7700;
}

.sousitems_available {
	font-style: italic;
	display: block;
	width: 100%;
}
.item_t, .sousitem_t, .sousitems_available {
	background-image: url("../images/_/m_t_item_bg.gif");
}
.img_sousitems_available {
	right: 10px;
	border: none;
	padding: 0px 15px 0px 0px;
	float: right;
	display: inline;
	vertical-align: middle;
}
.img_item_t {
	margin: 0px 2px 0px 4px;
	vertical-align: middle;
}
.img_item_l {
	margin: 0px 4px 0px 4px;
	vertical-align: middle;
}


/** ============================================================================== */
/** Proprietes privees des ITEMS et SOUS-ITEMS */
/** ============================================================================== */

.items_l {
	left: 180px;
	margin-top: -20px;
}

.items_b, .sousitems_b {
	padding-left: 10px;
}
.item_b {
	font-family: Verdana,Helvetica,sans-serif;
	font-size: 12px;
	font-size-adjust: none;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 16px;
}


/* ---------------------------- */
/* --- Proprietes Generales --- */
/* ---------------------------- */

.tb_fenetre {
	/*border-spacing: 0px 0px 0px 0px;*/
}

td#td_menu_l, td#td_menu_r {
	width: 200px;
	vertical-align: top;
	height: 100%;
}

td#td_menu_b, td#td_menu_c, td#td_menu_b1 {
	width: 100%;
}

td#td_menu_b1 {
	height: 20px;
	border-top: 1px #aaffaa solid;
	background-color: none;
}


/*********************************/
/* Gestion des couleurs de fond  */
/*********************************/

#tr_menu_b { 
}

#td_menu_b {
   border-top: 1px #aaffff solid;
   border-bottom: 1px #aaffff solid;
   background-color: #feffff;
}

#td_menu_t {
   height: 150px;
   margin-top: 20px;
   border-top: 1px #aaffaa solid;
   border-bottom: 1px #aaffaa solid;
   background: url("../content/images/bandeau.gif") no-repeat top;
}

/*#tr_menu_c  */
td#td_menu_l /*, td#td_menu_c,* td#td_menu_r*/ {
	background-color: #fffff9;
}
td#td_menu_r {
	background: white url("../content/images/monument.gif") no-repeat bottom;
}

td#td_menu_c {
	border-left: 1px solid #ffff00;
	border-right: 1px solid #ff7777;
    background-color: #fbfbfb;
}


/***********************************************/
/***       Gestion des sliders               ***/
/***********************************************/

.d_slider_l, .d_slider_r {
	height: 10px;
}
.d_slider_l {
	background-color: #ffffcc;
}
.d_slider_r {
	background-color: #fff0f0;
}
.d_slider_b {
	background-color: #eeffff;
}
.d_slider_l img {
	float: right;
}
.d_slider_r img {
}
.d_slider_l img, .d_slider_r img, .d_slider_b img {
	cursor: pointer;
}

/***********************************************/
/***        LOGOS                            ***/
/***********************************************/
.div_logo {
	top: 0px;
	right: 10px;
	position: absolute;
}
.div_logo div {
	float: right;
}
.img_logo {
	margin: 1px;
	width: 24px;
	height: 12px;
	cursor: pointer;
	vertical-align: middle;
	border: 1px #e5e5e5 solid;
}

/***********************************************/
/***        TABLE SCROLLER                   ***/
/***********************************************/
.tdscroller {
	text-align: center;
	border-collapse: separate;
	border-spacing: 5px 0;
	border:1px gray solid;
	width:16px;
	height:16px;
	cursor: pointer;
	display: inline-table;
	margin-left:5px;
}
.tdscrollertext {
	text-align: center;
}

/***********************************************/