/*
-----------------------------------------------------
feuille de style du site www.ebiconsulting.fr
-----------------------------------------------------
feuille de style principale (optimis�e pour firefox)
Cette feuille doit �tre suivie de la feuille sp�cifique � IE (test�e avec IE6)
Pour cela les lignes d'appel CSS doivent �tre:
<link rel="stylesheet" href="css/ebi.css" type="text/css">
<!--[if IE]>
 <link rel="stylesheet" href="css/ebi_ie.css" type="text/css">
<![endif]-->
*/

body {
	font-family: Verdana, sans-serif;
	font-size: 16px;
	color:#999;
	background-color:#fff;
	margin:0; /* pour �viter les marges */
	text-align:center; /* pour corriger le bug de centrage IE */
}

a img {border: none;}

#container {
	margin-left:auto;
   margin-right:auto;
	margin-top:0px;
	margin-bottom:6px;
	width:780px;
	padding:0;
	background: #FFF;
	text-align:left;
}

#bandeau_sup { 
	background: #666 url(../images/design-2/bd_sup.png) no-repeat;
	height:136px;
	/*border-bottom: 2px solid #cb461a;*/
}

#logo_cliquable {
	float: left;
	width : 90px;
	height: 110px;
	margin-left: 2px;
	margin-top: 20px;
	/*border: 1px dotted white; /* ajouté pour visualiser la zone*/
}

#menu_sup { 
	background: #FFF; 
	height:20px;
	line-height: 20px;
	text-align: right;
	valign: middle;
	font-family: Verdana, sans-serif;
	font-size: 13px;
	color: #ca4719;
	padding: 4px 0 3px 0;
	margin: 0;

}
#menu_sup a, #menu_sup a:visited {
	font-weight: bold;
	text-decoration:none; 
	color: #ca4719;
	padding: 0 4px 0 4px; 
}
#menu_sup a:hover { color: #f97611;}

#bandeau_central { background: #FFF url(../images/design-2/menu_bg.png) repeat-x; }

#menu_gauche {
	float: left;
	width: 170px;
	margin: 0px 0 0 0px;
	/*_margin: 0 0 0 1px;*/
	/*background: url(../images/new_desin/menu_bg.png) no-repeat;*/
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #5e5e5e;
	padding-top:10px;
	/*border: 1px solid black;*/
	min-height: 244px;
}
#menu_gauche ul { margin:1px 0 0 0; padding:0 0 0 8px; list-style:none; text-align:left; }
#menu_gauche ul.level1 { padding:0 0 0 11px;}
#menu_gauche ul.level1 li {
	background: url("../images/design-2/menu_bullet.png") no-repeat 0% 5px;
	margin: 7px 0 0 0;
	padding: 0 0 0 10px;
}
#menu_gauche ul.level1 li.selected {
	background: url("../images/design-2/menu_bullet_selected.png") no-repeat 0% 5px;
}
#menu_gauche ul.level1 li a {
	display: block;
	width: auto; 
	text-decoration: none;
	padding-left: 5px;
	color: #5e5e5e;
}
#menu_gauche ul.level1 li.selected a {color: #ca4719}
#menu_gauche ul.level1 li a:hover { 
	text-decoration: none;
	background-color: #ffffff;
	color: #ee852f;
}
 
#menu_gauche ul.level2 li {
	background:url(../images/design-2/menu_bullet2.png) no-repeat 0% 50%;
	margin: 0px 0 0 10px;
	padding:0 0 0 10px ;
	position:relative;
	height:16px;
}
#menu_gauche ul.level2 li.selected {
	background:url(../images/design-2/menu_bullet2_selected.png) no-repeat 0% 50%;
}
#menu_gauche ul.level2 li a {
	display: block;
	width: auto;
	border-bottom: 0px; 
	text-decoration: none;
	color: #5e5e5e;
}


#page {
	float: right;
	width: 570px; /* 586px */
	/*background: #FFF url(../images/oeil_gris.jpg) no-repeat 100% 100%;*/
	background: #FFF;
	/* url(../images/bordure_ombre_gauche.jpg) repeat-y;*/
	margin: 0 10px 0 0;
	/*border: 1px solid black;*/
	padding: 6px 8px 6px 10px;
	min-height: 365px;
}

#page #hierarchie {
	font-family: Verdana, sans-serif; 
	font-weight: bold;
	font-size: 11px;
	font-style: italic;
	color: #5e5e5e;
}

#page #hierarchie a, #page #hierarchie a:visited{ text-decoration:none; color:#3366CC; padding:0 3px 0 3px; }
#page #hierarchie a:hover { background-color:#CCC }
#page a, #page a:visited {text-decoration:none; color:#3366CC;}
#page a:hover { text-decoration:underline; }

#page h1 {
	font-family: Verdana, sans-serif; 
	font-weight: bold;
	font-size: 21px;
	/* font-variant: small-caps;*/
	color: #ca4719;
	/* border-bottom: 1px solid #f97611;*/
	padding: 0;
	margin: 12px 0 6px 0;

}

#page h2 { 
	font-family: Verdana, sans-serif; 
	font-weight: bold;
	font-size: 15px;
	margin: 0; 
	padding:12px 0px 2px 0; 
	text-align: left; 
	color: #ee852f;
}

#page h3 { 
	font-family: Verdana, sans-serif; 
	font-weight: bold;
	font-size: 12px;
	margin: 0; 
	padding: 4px 0px 0 20px; 
	text-align: left; 
	color: #5e5e5e;
}

.ss_titre_page {font-style:italic; font-size:0.7em; text-align:right;}

.ss_titre_page img {vertical-align:middle;}

#page_before_ss_menu { min-height: 350px; }

#news {
	float: right;
	clear:both; 
	/*display: inline;*/
	margin: -6px -18px 0 0px;
	padding: 0px;
	width: 170px;
	/*height: 300px;*/
	/*border: 1px solid #f97611;*/
	background: #FFF url(../images/design-2/menu_news_milieu.png) repeat-y;
	
}
#news ul, ul#allnews { 
	margin:4px 0 0 6px;
	padding: 0;
	list-style:none;
	/*list-style-image: url('../images/puce_triangle_noir.gif');*/
	/*list-style-position: inside;*/
}
#news li {
	/*background: #FFF url("../images/puce_triangle_noir.gif") no-repeat 0% 3px;*/
	margin: 0;
	padding: 0 0 0 0px;
	width: 160px;
	/*border: 1px solid black;*/
	font: normal 11px Verdana, sans-serif;
}
#news li .titre {padding-top:3px; font-weight: bold; text-decoration: underline;	color: #ca4719;}
#news li .text {color: #5e5e5e;}
#news li .link, #news a, #news a:visited { width: 160px; font-size: 10px; text-align: right; font-style: italic; color: #ca4719;}
#allnews li {
	/*background: #FFF url("../images/puce_triangle_noir.gif") no-repeat 0% 3px;*/
	margin: 0;
	padding: 3px;
	/*border: 1px solid black;*/
}
#allnews .link { font-size: 10px; text-align: right; font-style: italic;}
#allnews h2 { margin:0; padding:0 2px 0 2px; border:1px solid #DEDEDE;}
#allnews #date { 
	text-align: center; 
	width: 110px; 
	background-color: #F7F7F7; 
	/*border-bottom: 1px solid #DEDEDE;*/ 
	font-size: 0.8em; 
	font-style: italic;
	color: #ca4719;
}

#ss_menu_bas {
	padding-top: 10px;
	text-align: center;
	font-size:0.75em; 
	color: #f97611;
}
#ss_menu_bas a, #ss_menu_bas a:visited {text-decoration:none; color:#f97611}
#ss_menu_bas a:hover { text-decoration:underline; }
#ss_menu_bas ul { margin:4px 0 0 0; padding:0 0 0 8px; list-style:none; text-align: center; }
#ss_menu_bas li { display: inline; margin: 0 7px 0 0;}
/* #ss_menu_bas li:after { content: " | "; } */

#footer a, #footer a:visited {padding:0 2px 0 2px; color:#3366CC; text-decoration:none;}
#footer a:hover {background-color:#3366CC; color:white;}

#copyright { 
	font: normal 0.7em Verdana, sans-serif;
	color:#b4b4b4;
	padding: 6px 0 0 550px;
	margin-top:0px;
	margin-bottom:0px;
	background: #ffefde url("../images/design-2/footer_bg.png") no-repeat 50% -2px;
	border-top: 2px solid #ee852f;
	/*height: 100%*/;
}
#copyright a {color:#CCCCCC; text-decoration:none;}
#copyright a:hover {color:#CCCCCC; text-decoration:underline;}
#line_bd-sup {
	/* bidouille pour ajouter ligne sous le bandeau sup sans casser l'ancinne mise en page */
	border-bottom: 2px solid #cb461a;
	margin:0;
	padding:0;
	position: absolute;
	top: 134px;
	left:0;
	width:100%;
}

.txt {
	text-align: justify;
	font-size: 0.8em;
	color: #303030;
	/*min-height:300px;*/
}
/* for Internet Explorer */
/*\*/
/*
* html .txt {
	height: 1300px;
}*/

.pied {clear:both;font-size:0.1em;height: 10px; background: #fff;}

.help {cursor:help; border-bottom: 1px dashed gray;}

.puce_interne {
	list-style-type: disc;
	/* list-style-image: url("../images/puce_interne.gif");*/
	list-style-image: url("../images/puce2.png");
	list-style-position: outside;
}

.block_citation {
	width: 96%;
	text-align: justify;
	padding: 8px;
	margin: 10px auto 10px auto;
	font: italic bold normal 1.0em Verdana, sans-serif;
	color: #303030;
	border: 1px solid #ee852f;
	/*background-color: #eee;*/
	
}

table.programme { padding: 0; margin: 0; border-collapse: collapse; width: 560px;}
table.programme td {border-bottom: 1px solid #b1caec; padding: 5px; vertical-align:top;}
table.programme td.first {height: 1px; padding: 0;}
table.programme td.intervenant { width: 150px;}
table.programme td.date, table.programme td.next { 
	width: 80px; 
	background: #b1caec;
	text-align: center;
	color: gray;
	border-bottom: 1px solid white;
}

table.programme td.next { color: blue; }

.feed-list { margin: 0 0 15px 15px; padding: 0; list-style: none; }
.feed-list li { margin: 0 0 10px 0; padding: 0;}
.feed-list li a { 
  padding: 0 0 0 19px;
  background: url("../images/feed-icon-14x14.png") no-repeat 0 50%;
}

table.calendrier_forma { padding: 0; margin: 0; border-collapse: collapse; width: 570px;}
table.calendrier_forma td {border-bottom: 1px solid #b1caec; padding: 5px; vertical-align:top;}
table.calendrier_forma td.first {height: 1px; padding: 0;}
table.calendrier_forma td.date { width: 80px; text-align: center;}
table.calendrier_forma td.etiquettes { white-space: nowrap; text-align: center; }

.legende {text-align: center; font-style: italic; font-size : 11px; margin: 0 0 8px 0;}
.legende img { vertical-align: middle; padding: 0 4px 0 0;}
	

.help { cursor:help; border-bottom: 1px dashed gray; }


/* .plus a {float: right; font-size:15px; padding: 6px 6px 0 0;} */
.plus {float: right; padding: 6px 6px 0 0;}

