/**************************************************************
*  GENERAL
**************************************************************/

body
{
	background-color:	#FFEDAA;

	font-family:		Verdana, Arial, Sans-Serif;
	font-size:			80%;
	text-align:			center;

	margin:				0px;
	padding:			0px;
}

table#TablePrincipal
{
	margin: 			0px auto 0px auto;
	padding: 			0px;

	border: 			none;
	border-collapse: 	collapse;	
}

table#TablePrincipal_IM
{
	margin: 			0px auto 0px auto;
	padding: 			0px;

	border:				1px solid #C0C0C0;
	border-collapse: 	collapse;	
}

/**************************************************************
*  PRINCIPALE / TETE + CORPS
**************************************************************/

div#principale
{
	background-color:	#FFFFFF;

	text-align:			left;

	width:				990px;
	height:				95%;

	margin:				0px;
	padding:			0px;
}

div#logo
{
	background:			url(../image/logo-agd.gif) no-repeat;

	text-align: 		center;

	width: 				190px;
	height:				160px;

	margin:				0px;
	padding:			0px;

	display:			block;

	float:				left;
}

a#logos
{
	width: 				190px;
	height:				130px;

	display:			block;
}

span#date
{
	font-size: 			x-small;
	font-weight: 		bold;
}

div#bandeau
{
	/*background:		url(../image/bandeau.gif) no-repeat;*/

	width: 				800px;
	height:				160px;

	margin:				0px;
	padding:			0px;

	float:				left;
}

div#bandeau img#image_bandeau
{
	width: 				800px;
	height:				120px;

	margin:				0px;
	padding:			0px;

	float:				left;

	border:				none;
}

div#bandeau_menu
{
	/*background:		url(../image/bandeau_menu.gif) no-repeat;*/

	/*height:			50px;*/

	padding:			0;

	margin-top:			110px;
	margin-right:		0px;
	margin-bottom:		0px;
	margin-left:		20px;

	/*display:			block;*/
}

div#bandeau_menu table
{
	/*width: 			100%;*/

	margin: 			0px;
	padding: 			0px;

	/*border: 			1px solid #000;*/
	border-collapse: 	collapse;
}

div#bandeau_menu table td
{
	vertical-align: 	top;

	margin: 			0px;
	padding: 			0px 0px 0px 0px;

	/*border: 			1px solid #000;*/
}

div#bandeau_menu td.td_bandeau_menu
{
	background:			url(../image/bandeau_menu_c.gif) repeat-x;

	padding-top: 		3px;
}

div#bandeau_menu td#td_bandeau_menu_g
{
	background:			url(../image/bandeau_menu_g.gif) no-repeat;

	width: 				19px;
	height: 			38px;

	display: 			block;
}

div#bandeau_menu td#td_bandeau_menu_d
{
	background:			url(../image/bandeau_menu_d.gif) no-repeat;

	width: 				21px;
	height: 			39px;

	display: 			block;
}

div#bandeau_menu td.td_bandeau_menu_txt
{
	background:			url(../image/bandeau_menu_c.gif) repeat-x;

	padding-top: 		6px;
}

div#bandeau_menu td.td_bandeau_menu_txt div
{
	width: 				100%;

	position: 			absolute;

	visibility: 		hidden;
}

div#bandeau_menu td.td_bandeau_menu_txt div table
{
	background-color: 	#004189;

	margin: 			5px 0px 0px 0px;

	border: 			solid 1px #000;
}

div#bandeau_menu td.td_bandeau_menu_txt div table td
{
	padding: 			4px 0px 4px 5px;
}

div#bandeau_menu td.td_bandeau_menu_txt div a
{
	white-space: 		nowrap;
}

div#bandeau_menu .menu_bandeau
{
	display: 			block;
}

img.bandeau_menu_puce
{
	width:				28px;
	height:				22px;

	padding: 			-15px 0px 0px 0px;

	float:				left;

	display:			block;
}

div#bandeau_menu a
{
	color: 				#F9E903;
	font-weight: 		bold;
	letter-spacing:		-1px;
	font-size:			95%;
	text-decoration: 	none;

	margin-left: 		0px;
	margin-right: 		18px;
}

div#bandeau_menu a:hover
{
	color: 				#FCAF17;
}

/**************************************************************
*  MENU GAUCHE
**************************************************************/

div#menu
{
	/*background: 		url(../image/menu_vague_rouge.gif) no-repeat;*/

	width:				200px;
	height:				100%;

	clear:				both;

	margin:				0;

	padding:			0;
	padding-top:		14px;

	float:				left;

	/*overflow:			auto;*/
}

#menu ul
{
	margin:				0;
	margin-left:		3px;

	padding:			0;

	list-style-type:	none;
}

#menu li
{
	padding: 			1px;
}

div#menu a.selection
{
	background: 		url(../image/menu_puce_on.gif) no-repeat;

	color:				#90A2BE;
}

div#menu a
{
	background: 		url(../image/menu_puce_off.gif) no-repeat;

	color:				#386893;
	font-size: 			85%;
	font-weight: 		bold;
	letter-spacing: 	0px;
	line-height:		10px;

	width:				120px;
	height:				30px;

	padding-left:		40px;
	padding-top:    	6px;

	display:			block;

	text-decoration:	none;
}

div#menu a:hover
{
	background: 		url(../image/menu_puce_on.gif) no-repeat;

	color:				#90A2BE;
}

/*div#menu a:first-line
{
	line-height:		28px;
}*/

div#menu ul.sous_menu
{
	margin-left:		15px;
	padding-left:		15px;
}

div#menu ul.sous_menu a.selection
{
	background:			url(../image/menu_puce_on_pt.gif) no-repeat;

	color:				#90A2BE;
}

div#menu ul.sous_menu a
{
	background: 		url(../image/menu_puce_off_pt.gif) no-repeat;

	line-height:		10px;
	color:				#386893;
	text-decoration:	none;
	font-size:			80%;
	letter-spacing:		0px;
	font-weight:		normal!important:

	width:				120px;
	height:				20px;

	display:			block;

	padding-top:		2px;
	padding-left:		20px;
}

div#menu ul.sous_menu a:hover
{
	background:			url(../image/menu_puce_on_pt.gif) no-repeat;
}

/**************************************************************
*  CONTENU
**************************************************************/

div#contenu
{
	background-color:	#FFFFFF;

	width:				790px;
	height:				100%;

	margin:				0;
	padding:			0;

	float:				left;

	/*overflow:			auto;*/
}

/**************************************************************
*  PIED DE PAGE
**************************************************************/

div#pied_page
{
	width: 				990px;
	height:				5%;

	/*border-top: 		1px dotted #ccc;*/
}

div#lien_bas
{
	background-color:	#FFFFFF;

	text-align:			right;
	font-size:			small;

	width: 				990px;
	height:				5%;

	margin:				0;
	padding:			0;
}

div#lien_bas ul
{
	list-style-type:	none;
	margin:				0;
}

div#lien_bas li
{
	display:			inline;
	margin:				0 0 0 14px;
}

div#lien_bas a
{
	color:				SteelBlue;
	font-weight:		bold;
	font-size:			90%;
}

div#lien_bas a:hover
{
	color:				SteelBlue;
	font-weight:		bold;
	font-size:			90%;
	text-decoration:	none;
}

/**************************************************************
*  PLAN DU SITE
**************************************************************/

table#table_plan_site td
{
	vertical-align:		top;
}

table#table_plan_site td ul#ul_plan_site
{
	margin:				0 0 0 10%;
}

table#table_plan_site td ul li a
{
	color: #E89B0D;
}

table#table_plan_site td ul li a:hover
{
	text-decoration:	none;
}

table#table_plan_site td ul li
{
	list-style-image: 		url('../image/picto_plan.gif');
	list-style-type: circle;
	list-style-position:	outside;
	color: 					#003c80;
	padding-left:			2px;
	margin-top:			5px;
	vertical-align: middle;
}

img#carte_agd
{
	border: 0;
	margin-left: 100px;
}
