BODY
	{
		FONT-SIZE: 10px;
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	}
	TD
	{
		FONT-SIZE: 11px;
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	}
	SELECT
	{
		FONT-SIZE: 11px;
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	}
	INPUT
	{
		FONT-SIZE: 11px;
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	}
	TEXTAREA
	{
		FONT-SIZE: 11px;
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	}
	HR
	{
		HEIGHT: 1;
		COLOR:#FDA541;
	}
	.TEXTAREA_RED
	{
		BORDER-STYLE: solid;
		BORDER-COLOR: #FE0000;
		OVERFLOW : hidden;
	}
	A
	{
		COLOR: #000088;
	}
	A:ACTIVE
	{
		COLOR: #FE0000;
	}
	A:HOVER
	{
		COLOR: #FE0000;
	}
	UL.Tree
	{
		PADDING-RIGHT: 0px;
		PADDING-LEFT: 0px;
		PADDING-BOTTOM: 0px;
		MARGIN: 0px 0px 0px 0px;
		PADDING-TOP: 0px
	}
	UL.TreeClosed
	{
		DISPLAY: none
	}
	UL.TreeOpened
	{
		PADDING-RIGHT: 0px;
		DISPLAY: block;
		PADDING-LEFT: 0px;
		PADDING-BOTTOM: 0px;
		MARGIN: 0px 0px 0px 11px;
		PADDING-TOP: 0px;
	}
	UL.Tree LI
	{
		MARGIN: 0px;
		LIST-STYLE-TYPE: none;
	}
	UL.Tree A
	{
		COLOR: black;
	}
	UL.Tree A:hover
	{
		COLOR: #FE0000;
	}
	UL.Tree A:visited
	{
		COLOR: black;
	}
	UL.Tree SPAN
	{
	}
	UL.Tree SPAN.TreeCurrent
	{
		BORDER-RIGHT: #000 1px solid;
		BORDER-TOP: #000 1px solid;
		BORDER-LEFT: #000 1px solid;
		COLOR: #FFFFFF;
		BORDER-BOTTOM: #000 1px solid;
		BACKGROUND-COLOR: #003399;
	}
	DIV.Loading
	{
		BORDER-RIGHT: #000 1px solid;
		PADDING-RIGHT: 2px;
		BORDER-TOP: #000 1px solid;
		PADDING-LEFT: 2px;
		PADDING-BOTTOM: 2px;
		MARGIN-LEFT: 2px;
		BORDER-LEFT: #000 1px solid;
		COLOR: #000000;
		PADDING-TOP: 2px;
		BORDER-BOTTOM: #000 1px solid;
		BACKGROUND-COLOR: ivory;
	}
	.simplequery
	{
		COLOR: #0066FF;
	}
	.archive_label
	{
		FONT-SIZE: 12px;
		FONT-WEIGHT: bold;
		COLOR: #0066FF;
	}
	.login
	{

	}
	.authentication
	{	
		BACKGROUND-REPEAT: no-repeat;
	}
	.login_text_introducing
	{
		FONT-SIZE: 12px;
		FONT-WEIGHT: bold;
		COLOR: #036;
	}
	.search_on
	{
		FONT-SIZE: 12px;
		FONT-WEIGHT: bold;
		COLOR: #0066FF;
	}
	.component_title
	{
		FONT-SIZE: 18px;
		FONT-WEIGHT: bold;
		COLOR: #003366;
	}
	.errors
	{
		FONT-SIZE: 14px;
		FONT-WEIGHT: bold;
		COLOR: #FE0000;
	}
	.control
	{
		BACKGROUND-COLOR: #006699;
		BORDER-bottom: #8C7B84 1px solid; 
		BORDER-left: #FFFFFF 1px solid; 
		BORDER-right: #8C7B84 1px solid; 
		BORDER-top: #FFFFFF 1px solid; 
		COLOR: #fff;
	}
	.expert_button
	{
		BACKGROUND-COLOR: #F7DD96;
		BORDER-bottom: #8C7B84 1px solid; 
		BORDER-left: #FFFFFF 1px solid; 
		BORDER-right: #8C7B84 1px solid; 
		BORDER-top: #FFFFFF 1px solid; 
		FONT-WEIGHT: bold;
		COLOR: #000000;
	}
	.index_letters
	{
		BACKGROUND-COLOR: #F7DD96;
		BORDER-WIDTH: 1;
	}
	.cdweb_main_table
	{
		BORDER-COLOR:#000000;
		BORDER-WIDTH: 0;
		BORDER-STYLE:solid;
		WIDTH: 100%;
	}
	.cdweb_menu
	{
		WIDTH: 130px;
		VERTICAL-ALIGN: top;
	}
	.cdweb_menu_table
	{
		BORDER-COLOR:#000000;
		WIDTH:130px;
		BACKGROUND-REPEAT: no-repeat;
	}
	.cdweb_menu_jump
	{
		HEIGHT: 60px
	}
	.cdweb_menu_td
	{
		HEIGHT: 246px;
		VERTICAL-ALIGN: top;
	}
	.cdweb_search
	{
		WIDTH: 100%;
	}
	.cdweb_body
	{
		VERTICAL-ALIGN: top;
	}
	.cdweb_body_table
	{
		BORDER-COLOR:#ccc;
		BORDER-WIDTH:0;
		BORDER-STYLE:solid;
		WIDTH:100%;
		HEIGHT:245;
	}
	.cdweb_body_td
	{
		VERTICAL-ALIGN: top;
	}
	.cdweb_right
	{
		WIDTH: 87px;
		VERTICAL-ALIGN: top;
		BACKGROUND-REPEAT: no-repeat;
	}
	.header
	{
		WIDTH: 777px;
		HEIGHT: 68px;
	}
	.footer
	{
		TEXT-ALIGN: center;
	}
	.color1
	{
		COLOR: white;
		BACKGROUND-COLOR: #C2C1C1;
		TEXT-ALIGN: center;
		FONT-WEIGHT: bold;
	}
	.color1 A
	{
		COLOR: #000088;
	}
	.color1 A:hover
	{
		COLOR: #FE0000;
	}
	.color1 A:active
	{
		COLOR: #FE0000;
	}
	.color2
	{
		COLOR: black;
		BACKGROUND-COLOR: #e5e5e5;
		TEXT-ALIGN: left;
	}
	.color2 A
	{
		COLOR: #000088;
	}
	.color2 A:hover
	{
		COLOR: #FE0000;
	}
	.color2 A:active
	{
		COLOR: #FE0000;
	}
	.color3
	{
		COLOR: black;
		BACKGROUND-COLOR: #f5f5f5;
		TEXT-ALIGN: left;
	}
	.color3 A
	{
		COLOR: #000088;
	}
	.color3 A:hover
	{
		COLOR: #FE0000;
	}
	.color3 A:active
	{
		COLOR: #FE0000;
	}
	.field_error_color
	{
		COLOR: white;
		BACKGROUND-COLOR: #FE0000;
		TEXT-ALIGN: center;
		FONT-WEIGHT: bold;
	}
	.menu_image
	{
		BACKGROUND-IMAGE: url(../images/fleche.gif);
		BACKGROUND-REPEAT: no-repeat;
		WIDTH: 8px;
		BACKGROUND-POSITION-Y: center;
	}
	.menu_item
	{
	}
	.tooltips
	{
		FONT-WEIGHT: normal;
		COLOR: black;
		BACKGROUND-COLOR:#FFFFC6; 
		FONT-SIZE: 11px;
		BORDER-STYLE: solid;
		BORDER-WIDTH: 1; 
		POSITION: absolute;
		VISIBILITY: hidden;
	}
	.control_body
	{
		BACKGROUND-IMAGE: url(../images/fond_gauche.jpg);
		BACKGROUND-REPEAT: no-repeat;
	}
	.thumbnails
	{
		BORDER-STYLE: solid;
		BORDER-WIDTH: 1;
		BORDER-COLOR: black;
	}
	.toolbar
	{
		TEXT-DECORATION: none;
		COLOR: #000088;
	}
	TABLE.toolbar
	{
		BORDER-RIGHT: #FDA541 0px solid;
		BORDER-TOP: #FDA541 0px solid;
		BORDER-LEFT: #FDA541 0px solid;
		BORDER-BOTTOM: #FDA541 0px solid;
		BACKGROUND-REPEAT: repeat-x;
	}
	.progress
	{
		PADDING: 2px;
	}
	.mail_message
	{
		TEXT-ALIGN: left;
	}
	.postit
	{
		POSITION: absolute; 
		VISIBILITY: hidden;
	}
	.postit_textarea
	{
		FONT-WEIGHT: normal;
		COLOR: black;
		BACKGROUND-COLOR:#FFFFC6; 
		FONT-SIZE: 11px;
		BORDER-STYLE: solid;
		BORDER-WIDTH: 1;
		WIDTH: 200;
		HEIGHT: 80;
	}
	.search_on_linkedfields1
	{
		COLOR: #FDA541;
		FONT-WEIGHT: bold;
		BACKGROUND-COLOR: #FCF1D3;
		TEXT-ALIGN: right;
	}
	.search_on_linkedfields2
	{
		BACKGROUND-COLOR: #FCF1D3;
		TEXT-ALIGN: left;
	}
	.search_on_linkedfields3
	{
		COLOR: #FDA541;
		TEXT-ALIGN: left;
		FONT-WEIGHT: bold;
	}
	.search_on_linkedfields_control
	{
		BACKGROUND-COLOR: #FCF1D3;
		COLOR: #000000;
		BORDER-bottom: #8C7B84 1px solid; 
		BORDER-left: #FFFFFF 1px solid; 
		BORDER-right: #8C7B84 1px solid; 
		BORDER-top: #FFFFFF 1px solid; 
	}
	.queries
	{
		COLOR: #FDA541;
		FONT-WEIGHT: bold;
	}
	
/* UIC */
.zonemaxwidth{
width: 920px;
margin: 0 auto;
text-align: left;
/* style */
}

#container{
margin: 0 auto;
text-align: center;
}
#header{
height: 60px;
/* style */
background: #fff;
}
#zonetop{
clear: both;
height: 26px;
margin-bottom: 20px;
/* style */
background: #04407D;
}
#zonecenter{
/*margin-left: 180px; /* must be equal to the zoneleft width */
/*margin-right: 0px; /* must be equal to the zoneright width */
/* style */
float: left;
width: 590px;
}
#zoneleft{
float: left;
width: 180px;
/* style */
}
#zoneright{
float: right;
width: 0;
/* style */
}
#footer{
clear: both;
height: 30px;
width: 100%;
margin-top: 50px;
/* style */
color: #ddd;
background-color: #04407D;
}

/* SOMMAIRE */
#container{
/* display: none; */
/* style */
}
#container.sommaire #zonecenter{
float: none;
margin-left: 296px; /* must be equal to the zoneleft width */
margin-right: 200px; /* must be equal to the zoneright width */
width: auto;
/* style */
}
#container.sommaire #zoneleft{
float: left;
width: 296px;
/* style */
}
#container.sommaire #zoneright{
float: right;
width: 200px;
/* style */
}

/*---------- ELEMENTS TO HIDE ----------*/
#header_impression{
display: none;
}

/*------------------------------------------------------------------------
as much as possible...
first redefine HTML elements, then define the other elements
Use CONTAINER as common declaration for the others
-------------------------------------------------------------------------*/

/*---------- CONTAINER ----------*/
p{
margin: 0 0 10px 0;
}
h1{
font-size: 1.6em;
margin: 10px;
color: #036;
background-color: #fff;
}
img{
border: none;
}
a{
/* style */
text-decoration: none;
}
a:hover{
/* style */
color: #333;
text-decoration: underline;
}
acronym{
/* style */
border-bottom: dotted 1px #ddd;
cursor: help;
}

.clear{
clear: both;
}

/*----- HEADER -----*/
#ligne1{
height: 29px;
margin: 0 0 1px 0;
background: #04407D; 
}
a#logo{
display: block;
float: left;
width: 70px; 
}
#titre img{
vertical-align: middle; 
padding-bottom: 1px;
margin-left: 10px;
}
#titre{
float: left;
width: 700px;
margin-top: 1px;
text-align: right;
font-size: 1.2em;
font-weight: bold;
letter-spacing: 5px;
text-transform: uppercase;
color: #F6F6F6;
}
#ligne2{
height: 29px;
margin: 0 0 1px 0;
background-color: #8FB60B; 
background-image: url('../images_uic/site_illustration_horizontale.jpg');
background-repeat: no-repeat;
}
#ligne2 form{
display: inline;
margin: 0;
padding: 0;
width: 150px;
}
#ligne2 fieldset{
border: none;
margin: 0;
padding: 0;
}
#ligne2 .zonemaxwidth{
text-align: right;
}
#ligne2 form input#formulaire_recherche{
border: solid 1px #999;
font-size: 1em;
color: #333;
margin: 4px 0 0 0;
padding: 0 0 1px 2px;
}
#ligne2 form input.ok{
vertical-align: middle;
}

/*----- ZONETOP -----*/

#ligne3{
height: 16px;
margin: 0 0 1px 0;
background: #04407D; 
}
#ligne3 a{
font-weight: bold;
font-size: 1em;
color: #fff;
}
#ligne3 a:hover{
color: #ccc;
}

#zonetop ul li{
float: right;
width: 70px;
text-align: center;
display: inline;
list-style-type: none;
margin: 3px 10px;
}
#zonetop ul li a{
display: block;
width: 74px;
/* style */
background-image: url('../images_uic/nav_li_fd.gif');
background-repeat: no-repeat;
font-size: 1em;
font-family: Verdana, Arial, sans-serif;
padding: 2px 0;
font-weight: bold;
color: #D8D9DA;
text-transform: lowercase;
}
#zonetop ul li.chglang a{
background: none;
text-transform: none;
}
#zonetop ul{
margin: 0 0 0 190px;
padding-top: 2px;
width: 580px;
}
#zonetop ul acronym{
font: bold 10px Arial, Verdana, sans-serif;
}
#zonetop ul li img{
vertical-align: middle;
}

#acces_directcontainer{
position: relative;
}
#acces_direct{
position: absolute !important;
top: -16px;
z-index: 100 !important;
font-size: 10px;
}
.menuIE {
display: none !important;
display: block;
}
a.boutonIE, a.boutonIE:link, a.boutonIE:visited, a.boutonIE:active {
width: 170px;
height: 16px;
display: block;
margin-right: 1px;
float: left;
overflow: hidden;
/* style */
text-transform: lowercase;
color: #D8D9DA;
background-image: url('../images_uic/accesdirect_fd.gif');
background-repeat: no-repeat;
text-decoration: none;
font-family: Verdana, Arial, sans-serif;
font-size: 1em;
font-weight: bold;
line-height: 16px;
}
a.boutonIE:hover {
color: #fff;
background: #e6e6e6;
overflow: visible;
}
a.boutonIE:hover table {
display: block;
background: #eee;
border-collapse: collapse;
}
.boutonFF {
width: 160px;
height: 16px;
display: block !important;
display: none;
margin-right: 1px;
float: left;
line-height: 16px;
overflow: hidden;
padding: 0 0 0 10px;
/* style */
text-transform: lowercase;
color: #D8D9DA;
background-image: url('../images_uic/accesdirect_fd.gif');
background-repeat: no-repeat;
text-decoration: none;
font-family: Verdana, Arial, sans-serif;
font-size: 1em;
font-weight: bold;
line-height: 16px;
}
.boutonFF:hover {
height: auto;
cursor: pointer;
color: #fff;
background: #e6e6e6;
}
a.SousMenu, a.SousMenu:link, a.SousMenu:visited, a.SousMenu:active {
display: block;
width: 170px !important;
width: 168px;
height: 16px;
border-bottom: 1px solid #999;
text-decoration: none;
color: #666 !important;
font-family: verdana;
font-size: 10px !important;
text-align: center;
background: #eee;   
}
a.SousMenu:hover{ 
color: #555 !important;
background: #B1E4FD !important;
}

/*----- ZONELEFT -----*/


/*----- ZONERIGHT -----*/


/*----- ZONECENTER -----*/
a{
font: normal 1em Arial, Verdana, sans-serif;
color: #005BB0;
text-decoration: none;
}
a:hover{
text-decoration: underline;
color: #036;
}
a:visited, a:active, a:focus{
color: #015D8B;
}

fieldset{
border: 0;
}

/* LOGIN */
#login_content form{
width: 400px;
}
#login_content div{
margin: 0 10px;
}

/*----- FOOTER -----*/

#footer .lignebleue2{
border-bottom: solid 1px #FFFFFF;
background-color: #04407D;
padding-top: 1px;
}
#footer ul{
float: left;
margin: 3px 3px 0 0;
padding: 0;
}
#footer #datemaj{
float: right;
margin: 3px 10px 0 0;
font-family: Verdana, Arial, sans-serif;
padding: 0;
}
#footer li{
display: inline;
list-style-type: none;
padding: 0 12px 0 12px;
}
#footer a{
font: normal 10px Verdana, Tahoma, Arial, sans-serif;
text-decoration: none;
color: #ddd;
}
#footer a:hover{
color: #fff;
}
#footer acronym{
font: normal 10px Verdana, Tahoma, Arial, sans-serif;
}