body { 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10px;
color:#555; 
margin:0; 
padding:0;
}

a img { border-width:0}

/* *** HEADER *** */
#header {
	width:780px;
	margin:auto;
	height:111px;
	
	/*border:1px solid #999999;*/
	background:url(../images/bandeau.jpg) no-repeat;
	/*background-position: 10% 0 0 10%;*/
}
#header ul{ height:auto !important; margin:0; padding:85px 0 0 100px; text-align:center;}
#header #nav{ height:auto !important; margin:0; padding:0 0 0 0;}
#header li a{ display:block; float:left; margin:0 2px}

#container {
width:780px;
padding:5px;
margin:8px auto auto auto;
background-color: #ffffff;
border: 1px solid #999999;
}

#body {margin:10px 0;}

#body_home { 
	clear:both; 
	margin:10px 0 0 0;
	background:url(../images/bandeau_gauche.jpg) no-repeat bottom left;
}
#colLeft {
	width:220px;
	/*height:100%;*/
	padding:10px;
	float:left; 
	border:1px solid #fff; 
	background-color:#f5f5f5;
	margin-bottom:10px;
}

#colLeft_home{
	width:220px; 
	height:100%;
	padding:0 10px 100px 10px;
	float:left;
}

#colBody { margin-left:250px; padding:0 0 0 10px; }

.titleLeft {color: #000; font-size:1.1em; font-weight:bold}

/***********************************************************************************************************
																				PATH
***********************************************************************************************************/

#path { background-color:#eee; margin:0; padding:0; font-size:11px; }

#path h1 { margin:0; padding:0 10px}
#path ul { list-style-type:none; margin:0; padding:2px 5px}
#path li { display:inline }

/***********************************************************************************************************
																				COLONNE LEFT
***********************************************************************************************************/

#colLeft p { margin:10px 0; padding:0}
#colLeft h1 { font-size:1.1em}
#colLeft hr { visibility:visible; border-bottom:solid #fff; border-top:solid #ccc; border-width:1px 0 0 0}
#colLeft p a { text-align:center; font-weight:bold; }
/*#colLeft ul { margin:0; padding:0; list-style-type:none}*/
#colLeft ul { padding:1px; margin-left:10px; list-style-type:none; }
#colLeft li { padding:2px; }
#colLeft li a { display:block; }

#colLeft fieldset {padding:10px 0 0 0; margin:10px 0; border-width:0}
#colLeft fieldset {}
#colLeft_home span { display:block; clear:both; margin:5px 0; text-align:left}
#colLeft_home label {
	display:block; 
	font-weight:bold;
	float:left;
	width:100px;
}
#colLeft_home .lien{ 
	display:block; 
	clear:both; 
	margin:20px 0; 
	text-align:left;
}
#colLeft_home .lien label {
	display:block; 
	font-weight:bold;
	float:left;
	width:30px;
}

#colLeft fieldset span { display:block; clear:both; margin:5px 0; text-align:left}
#colLeft fieldset label { display:block; font-weight:bold}
#colLeft fieldset select { width:220px; border-width:1px; border-style:solid}
#colLeft fieldset span input { width:220px; border-width:1px; border-style:solid}
#colLeft fieldset.result select { width:auto; }
#colLeft fieldset .inline label { display:inline; font-weight:normal}
#colLeft fieldset .inline input { width:auto}
#colLeft fieldset .inline select { width:auto; }
#colLeft .btn { margin:10px 0 0 0; width:auto; }

#colLeft ul.menu { list-style-type:none; margin:0; padding:0}
#colLeft ul.menu li a { display:block; background:url(../images/btn_arrow.gif) no-repeat center left; padding:0 0 0 20px; width:200px; }
#colLeft ul.menu li strong { display:block; margin:15px 0 0 0; padding:2px 5px; border-bottom:1px solid #ccc}

#colLeft ul.headermenu_avance{ list-style-type:none; padding:0; margin:0 0 0 0} 
 
#colLeft ul.headermenu_avance .select { background-color:#FFF }
#colLeft ul.headermenu_avance .lien_plus {float:left; padding:0 5px}



#colLeft fieldset.result ul { margin:0; padding:0}

#colLeft fieldset.result li { float:left; width:15px; height:15px; background: url(../images/btn_ico_page.png) no-repeat; text-align:center; margin:0 2px; font-weight:bold}
#colLeft fieldset.result li.select { background: url(../images/btn_ico_page_select.png) no-repeat;}
#colLeft fieldset.result li a { width:15px; height:15px; margin:0; padding:0; text-decoration:none; background:none}
#colLeft fieldset.result li a:hover { background: url(../images/btn_ico_page_select.png) no-repeat}

#colLeft #partenaires ul { list-style-type:none; margin:20px; padding:0}
#colLeft #partenaires li { clear:both; padding:20px 0 0 0; border-top:1px dashed #ccc}
#colLeft #partenaires li img { float:left; margin:-10px 0 0 0}
#colLeft #partenaires li a { background:none; padding:0; width:220px; }

#colLeft .table_search tr td {
	padding:10px 5px 0 0;
}

/***********************************************************************************************************
																				COL BODY
***********************************************************************************************************/

#colBody .tree tr { background:none !important; border-width:0 !important}
#colBody .tree ul tr:hover { background:none !important}

#colBody fieldset { padding:10px;}
#colBody form p { margin:20px 0}
#colBody form span { display:block; margin:2px}
#colBody form label { float:left; width:170px; text-align:right; padding:0 5px; font-weight:bold}
#colBody form .multiCheck span { padding-left:180px}
#colBody form .multiCheck label { float:none; display:inline}
#colBody form .multiChamp { float:none; display:inline}

#colBody form .multiChamp { float:none; width:auto; text-align:left}

#colBody form ul { float:left; margin:0; padding:0; list-style-type:none}
#colBody form ul a { font-weight:normal}
#colBody form ul label { float:none; text-align:left; font-weight:bold}
#colBody form strong { float:left; width:170px; text-align:right; padding:0 5px; font-weight:bold}
#colBody .btn { margin:0 0 0 170px}

#colBody table { border-collapse: collapse; margin:0 0 20px 0;}
#colBody table caption { padding:5px; font-size:12px;}
#colBody table th { padding:5px; border-right:1px solid #fff; text-align:left}
#colBody table .lien_utile tr { cursor:default;}
#colBody table tbody .lien_utile td { padding:2px; }

#colBody table tbody td { padding:2px; border-right: 1px solid #fff; }
#colBody table .nowrap { white-space:nowrap}

#colBody_home table {
}
#colBody_home table td {
	width:50%;
	vertical-align:top;
}
#colBody dl { border:1px solid #ccc; }
#colBody dt { border-bottom:1px dashed #ccc; padding:5px; font-weight:bold}
#colBody dd { padding:5px 20px; margin:0; overflow:hidden}
#colBody dd a { border-top:1px dashed #ccc; display:block; margin:10px 0 0 0; padding:5px 0 0 0; }

/***********************************************************************************************************
																				FOOTER
***********************************************************************************************************/
	#footer { clear:both; height:auto; margin:5px auto -36px auto; padding:2px ; background-color:#E6EBE6; width:770px }
	#footer p { margin:5px; padding:0; text-align:center}
	#footer ul { margin:5px; padding:0; text-align:center}
	#footer li { margin:0; padding:0; display:inline}
	

/* ************************************************************************************************
     UL LI POUR LE NOMBRE DE PAGES 
************************************************************************************************** */
.num_page {
	margin:5px 0 0 0; 
	padding:0;
}

.num_page li {
	float:left; 
	width:15px; 
	height:15px; 
	background: url(../images/btn_ico_page.png) no-repeat; 
	text-align:center; 
	margin:0 2px 0 0; 
	font-weight:bold;
	list-style-type:none
}

.num_page li.select {
	background: url(../images/btn_ico_page_select.png) no-repeat;
}

.num_page li a {
	width:15px;
	height:15px; 
	margin:0; 
	padding:0; 
	text-decoration:none; 
	background:none;
}

.num_page li a:hover {
	background: url(../images/btn_ico_page_select.png) no-repeat;
}

