/*@charset "iso-8859-1";*/

/*==================================================================*/
/*        Style des Balises html   */

/*----------------général----------------*/
body {
	font-family: arial, helvetica, sans-serif;
	font-size:12px;
	line-height: 1.5em;
	padding:7px;
	background:#D0CFFF url('style/body-background.png') repeat-x;
}

/*----------------titres----------------*/
h1 {
	color:#375594;
	font-family: Verdana, Helvetica;
	font-size: 14px;
	font-weight: bold;
}
h2 {
	color:#049474;
	font-family: Verdana, Helvetica;
	font-size: 12px;
	font-weight: bold;
}
h3 {
	color:#18186B;
	font-family: Verdana, Helvetica;
	font-size: 12px;
	font-weight: bold;
}
h4 {/*identical to h3 to be changed?*/
	color:#18186B;
	font-family: Verdana, Helvetica;
	font-size: 12px;
	font-weight: bold;
}

/*----------------liens----------------*/
a {
	text-decoration: none;
	color: #18186B;
}
a:hover {
	text-decoration: underline;
	/*a:hover MUST come after a:link and a:visited */
}

/*----------------tableaux----------------*/
th {
	background-color:#CFD5E5;
	font-weight:bold;
	vertical-align:top;
}
tr {
	height: 1em;
}
td {
	vertical-align:top;
}

/*----------------images----------------*/
img {
	border: 0px;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}

/*==================================================================*/
/*        Style des Balises html avec class et id   */

/*mise en page générale - block principaux*/
/*----------------zone principale - cadre de la page web----------------*/
#cadre {
	width: 1026px;
	margin:auto;
	background-color:white;
	border: 1px solid #0B0B0B;
	padding-bottom:10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 10px 10px 6px black;
	-moz-box-shadow: 10px 10px 6px black;
	-webkit-box-shadow: 10px 10px 6px black;
}

/*----------------entête du site web----------------*/
.entete {
	height:100px;
	width:100%;
	margin:0px;
	padding:0px;
	background-color:#324476;
	background-image:url(style/images/essaibandeau2009.jpg);
/*	background-image:url(style/images/essaisbanniere100ans_4.jpg);*/
/*	background-image:url(style/images/Banniere90px.jpg);   */
	background-repeat:no-repeat;
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-radius: 4px 4px 0px 0px;
	
}
 
/*----------------bandeau de navigation principal----------------*/
#cadre_navig {
	width:100%;
	height:2.58em; /*2.64*/
	background: #E8E8E8 url(style/images/menunotselected.png) 0 50% repeat-x;
	border-bottom: 1px solid #222222;
	border-top: 1px solid #222222;
}
#menu_navig{
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.2; text-decoration: none; font-size: 100%; list-style: none;
}
.item_navig{
	/*resets*/height:2.58em; list-style: none;
	float: left;
}
.item_navig a {
	/*resets*/ list-style: none;
	float: left;
	font-size: 1.2em;
	text-decoration: none;
	padding: .5em 1.7em;
	border-right: 1px solid #222222;
	color: #222222;
	font-family: verdana, helvetica, sans-serif;
}
.item_navig:hover{
	background: #E0E0E0 url(style/images/menuselected.png) repeat-x;
	outline:none;
}

/*----------------corps de la page web ----------------*/

/* utile pour separer le corps du text du bandeau et du pied de page - le corps de la page est composé d'un menu a droite, d'une partie central ou le texte 
principal est affiché et d'une colone de droite ou au choix menus et informations peuvent etre affichés.
La colone de droite n'es pas toujours presente*/

.main{
	max-width:1024px;
	padding: 15px 10px 10px; /*haut (droite gauche) bas */
}
.left_col{
	float:left;
	width:180px;
	top:90px;	
	word-wrap: break-word;
/*	overflow:hidden;
	padding:3px 0px 3px 0px;
	border: 1px solid #0B0B0B;
	border-left:none;
	-moz-border-radius: 0px 4px 4px 0px;
	-webkit-border-radius: 0px 3px 3px 0px;
	border-radius: 0px 4px 4px 0px;*/
}
.right_col{
	float:right;
	width:250px;
	word-wrap: break-word; /*firefox and IE to break words when they exceed the block length*/
}
.content{
	margin-bottom:10px;
	padding-left:195px; /*same value as left_col width + margin */
	padding-right:270px;/*same value as right_col width + margin */
}
.content_wide{ /*partie centrale losrque la colone de droite n'est pas affichée*/
	margin-bottom:10px;
	padding-left:200px; /*same value as left_col width + margin*/
}

/*----------------pied de page----------------*/
.bottom{
	clear:both;
	width:95%;
	padding-left: 1em ;
	background-color: #CCCCCC;
	margin:auto;
	margin-top:15px;
}

/*----------------menu de login----------------*/
#login_dialog {
	background-color:#E8E8E8;
	padding:2px 10px 1px 10px;
	width: 20%;
	height:97px;  /* 90px ou 100% semblent ne pas donner une div de 90 px mais 94*/
	/*float:right;*/
	/* IE  mais semble ne pas marcher*/
	/*filter:alpha(opacity=85);*/
	/* CSS3 standard */
	/*opacity:0.85;*/
	/* Mozilla */
	/*-moz-opacity:0.85;*/
	/*-moz-border-radius: 0px 4px 0px 0px;*/
	/*-webkit-border-top-right-radius: 3px;*/
	/*border-radius: 0px 4px 0px 0px;*/
}
#login_dialog form {
	display:inline;
	line-height:1em;
	font-size:7pt;
	color:grey;
}
#login_dialog form input{
	font-size:9pt;
}
#login_dialog .error{
	visibility:hidden;
}
.connexion{
	font-weight: bold;
	font-style:italic;
}

/*----------------menus----------------*/
.menu{
/*	float:left; */
	background-color:#FCF6CF;
	text-align:left;
	line-height:1.3em;
	width:180px; 
/*	top:90px; */
/*	margin-right:0px; */
/*	margin-left:3px;  */
	padding:0px 0px;
	border-width:1px;
	border-style:solid;
	border-color:lightgrey;
}
.menu a {
	color:#062F2F;
}
.submenubox{
	background-color:#FFFFEA /*#FFFFF0*/ /*#FEFFEF #FFFFCC*/;
	border-width:1px;
	border-color:#BBBB88  lightgrey #DDDDCC lightgrey;
	border-style:solid none;
	margin:0px 0px;
}
.menu_list{
	padding:0px;
	margin:0px;
	}
.menu_1{
	list-style-type: none;
	background-image:url(style/images/menu_group_6.png);
	background-image:url(style/images/menu_group.png);
	background-repeat:no-repeat;
	/*background-color:#F7FFE0;*/
	background-color:#FCF6CF;
	color:white;
	font-size:14px;
	line-height:19px;
	padding-left:5px;
	font-weight: bold;
	font-family: verdana, helvetica, sans-serif;
}
.menu_2{
	list-style-type: none;
	padding-left:13px;
	/*background-image:url(style/images/arrow_right_red.png);*/
	background-image:url(style/images/arrow_right_red.png);
	background-repeat:no-repeat;
}
.menu_2:hover{
	background-color:#ffcc66;
}
.menu_2.on{
	background-image:url(style/images/arrow_down_red.png);
	/*background-image:url(style/images/arrow_right_red.png);*/
	font-weight:bold;
	font-style:italic;
/*	background-color:#F7FFE0;*/
}
.menu_2_access{
	list-style-type: none;
	padding-left:13px;
/*	background-color:#FCF6CF;*/
/*	background-color:#F7EEB6;*/
	background-image:url(style/images/arrow_right_red_empty.png);
	background-repeat:no-repeat;
}
.menu_2_access:hover{
	background-color:#ffcc66;
}
.menu_2_access.on{
	background-image:url(style/images/arrow_down_red_empty.png);
	font-weight:bold;
	font-style:italic;
	background-color:#FFFFEA;
}
.menu_3{
	list-style-type: none;
	padding-left:17px;
	background-image: url(style/images/dash_red.png);
	background-repeat: no-repeat;
	background-position:7px;
	/*background-color:#FFFFEA;*/
}
.menu_3:hover{
	background-color:#ffcc66;
}
.menu_3.on  {
	font-weight: bold;
	color:#18186B;
}
td.submenu_active{
	text-align:center;
	padding:4px;
	background-image: url(style/images/gradient_blue_white.png);
	background-repeat: repeat-x;
	border-style:none solid none none;
	border-width:1px;
	border-color:silver;
}
td.submenu_inactive{
	text-align:center;
	padding:2px;
	background-image: url(style/images/gradient_white_blue.png);
	background-position:bottom left;
	background-repeat: repeat-x;
	border-style:none solid solid none;
	border-width:1px;
	border-color:silver;
}

/*----------------Images----------------*/
img.email{
	padding-left:19px;
	border-bottom-style:solid;
	border-width:1px;
	border-color:silver;
	background-image: url(style/emails/email_blue.png);
	background-repeat: no-repeat;
}
.img-shadow {
	float:left;
	background: url(style/images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(style/images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}
.img-shadow img {
	display: block;
	position: relative;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: -6px 6px 6px -6px;
	padding: 4px;
  }
/*.img-shadow caption {
}*/
  
/*----------------tables----------------*/
table.scrolltable tbody{
	height: 500px !important;
	overflow-x: hidden; 
	overflow-y: auto;
}
table.hovered_row  tr:hover{
	background-color: #DDDFE0;
}
tr.contrast {
	background-color: #F2F4F8;
}
div.tablehead{
	overflow-y:scroll;
}
.tablehead table{
	width:100%;
}
div.tablebody{
	max-height:500px; 
	/*css3*/
	overflow-x:hidden;
	overflow-y:scroll;
}
.tablebody table{
	width:100%;
}

/*----------------boite de texte ex: news----------------*/
.text_box {
	border-width:1px;
	border-style:solid;
	border-color:#B0BEC7;
	margin:0px 0px 10px 0px;
	padding:0px;
	width:100%;
	/*clear:both;*/
}
.text_box_header{
	padding:2px;
	color:#18186B;
	font-family:arial;
	font-weight:bold;
	font-size:13px;
	border-style:none none dotted none;
	border-width:1px;
	background-repeat:repeat-x;
}
.text_box_header#blue{
	border-color:#CDD9E6;
	background-image:url(style/images/gradient_blue.png);
}
.text_box_header#green{
	border-color:#C5DAC6;
	background-image:url(style/images/gradient_green.png);
}
.text_box_header#red{
	border-color:#FFE4C4;
	background-image:url(style/images/gradient_red.png);
}
.text_box_header#yellow{
	border-color:#EEE8AA;
	background-image:url(style/images/gradient_yellow.png);
}
.text_box_text{
	padding:5px;
	background-color:#FFFFFF;
	font-size:12px;
}
.text_box_subtitle{
	font-size:8pt;
	font-family:arial;
}
.text_box_texttitle{
	font-weight:bold;
	font-family:arial;
}
.text_box_small{
	background-color:#FCFCFC;
	font-family: Arial,Helvetica;
	text-align:left;
	line-height:1.3em;
	margin:1px 3px;
}
.text_box_ascenceur {
	max-height:500px;
	overflow: auto;
	margin-bottom: 2em;
	margin-left: 1em;
	padding-left: 1em;
	border-width: 1px;
	border-color: silver;
	border-style: solid;
}

/*----------------autre----------------*/
.small_text {
	font-family: Arial,Helvetica;
	font-size:9px;
}
div.small_list{
	margin:0px;
	padding-left:12px;
	background-position:1px 8px;
	background-repeat:no-repeat;
	background-image:url(style/images/dash_red.png);
	font-family:Arial,Helvetica;
	font-size:11px;
}
.see_also{
	margin:0px;
	padding-left:13px;
	background-repeat:no-repeat;
	vertical-align:baseline;
	margin-top:5px;
	background-image:url(style/images/arrow_right_red.png);
	font-family: Arial,Helvetica;
}
.see_also#small{
	font-size:11px;
}
.plus{
	margin:0px;
	padding-left:13px;
	clear:both;
	background-repeat:no-repeat;
	vertical-align:baseline;
	margin-top:5px;
	background-image:url(style/images/plus.png);
}
.moins{
	margin:0px;
	padding-left:13px;
	clear:both;
	background-repeat:no-repeat;
	vertical-align:baseline;
	margin-top:5px;
	background-image:url(style/images/moins.png);
}
.open_folder{
	margin:0px;
	padding-left:20px;
	background-position: 0px 1px;
	background-repeat:no-repeat;
	vertical-align:baseline;
	margin-top:5px;
	background-image:url(style/images/openfolder.gif);
	font-family: Arial,Helvetica;
}
div.folder{
	margin:0px;
	padding-left:20px;
	background-position: 0px 1px;
	background-repeat:no-repeat;
	vertical-align:baseline;
	margin-top:5px;
	background-image:url(style/images/folder.gif);
	font-family: Arial,Helvetica;
}
div.note{
	padding:8px 0px 8px 18px;
	margin-left:5px;
	background-image: url(style/images/note.gif);
	background-position:center left;
	background-repeat: no-repeat;
	background-color: #FFC0C0; 
	border-width: 1px 0px 1px 0px; border-style: dotted;
	font-weight:bold;
}
.news_list{
	font-size:11px;
}