@charset "utf-8";


body { background-color:#FFF; color:#839498; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; text-align:center; }
a { color:#00AACC; font-weight:bold; text-decoration:none; }
a:hover { text-decoration:underline; }
a img { border:none; }
strong, b { color:#0F5771; }
td { color:#839498; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

#site {
	height:auto;
	left:0;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	top:0;
	visibility:visible;
	width:1000px;
	z-index:1;
}
/* début bottom ****************************************/
#bottom {
	height:auto;
	margin:0px;
	padding:0;
	position:relative;
	z-index:2;
}
/* fin bottom ****************************************/


/* début contenu ****************************************/
#contenu {
	height:auto;
	margin:0px;
	padding:0;
	position:relative;
	z-index:2;
}
/* fin contenu ****************************************/


/* début left ****************************************/
#left {
	height:auto;
	margin:0px 20px 0px 0px;
	padding:0;
	position:relative;
	width:250px;
	z-index:1;
}
/* fin left ****************************************/


/* début milieu ****************************************/
#milieu {
	height:auto;
	margin:20px 0 0;
	padding:0;
	position:relative;
	width:550px;
	z-index:3;
}
#phototheque #milieu {
	height:auto;
	margin:20px 0 0;
	padding:0;
	position:relative;
	width:auto;
	z-index:3;
}
/* fin milieu ****************************************/


/* début right ****************************************/
#right {
	height:auto;
	margin:0px;
	padding:0;
	position:relative;
	width:180px;
	z-index:1;
}
/* fin right ****************************************/


/* début top ****************************************/
#top {
	height:auto;
	margin:0px;
	padding:0;
	position:relative;
	z-index:2;
}
	#top-flash {
		position:relative;
		z-index:3;
	}
	
	#top-liens {
		color:#00aacc;
		height:15px;
		position:relative;
		text-align:right;
	}
		#top-liens a {
			color:#00aacc;
			font-family:"Century gothic", Geneva, sans-serif;
			font-size:10px;
			text-decoration:none;
		}
		#top-liens a:hover {
			text-decoration:underline;
		}
		
	#top-logo {
		left:0;
		position:absolute;
		top:0;
		z-index:11;
	}
		#top-logo img {
			border:none;
		}
		
	#top-wysipage {
		left:0;
		position:absolute;
		top:208px;
		z-index:50;
	}
		#menu {
			-moz-padding-start:0;
			float:left;
			list-style-type:none;
			margin:0 0 0 10px;
			padding:0;
			z-index:58;
		}
			.menu_niv1 {
				display:block;
				float:left;
				margin:0px 1px;
				position:relative;
				width:auto;
				z-index:59;
				}
				.menu_niv1 .a_wysi { 
					background-image:url(/images/BSI-wysipage-bg-1.png);
					background-repeat:repeat;
					color:#00aacc;
					display:inline-block;
					font-size:20px;
					font-weight:normal;
					height:26px;
					padding:0px 10px;
					z-index:60;
				}
				.menu_niv1 .a_wysi:hover { 
					background-image:url(/images/BSI-wysipage-bg-2.png);
					background-position:left top;
					background-repeat:no-repeat;
				}
				.menu_niv1 ul {
					-moz-padding-start:0;
					clear:both;
					display:none;
					float:none;
					left:0;
					list-style-type:none;
					margin:0;
					padding:0;
					position:absolute;
					text-align:left;
					top:26px;
					white-space:nowrap;
					z-index:61;
				}
				*html .menu_niv1 ul {  }
				.a_wysi, .a_wysi:hover {
					
					font-family:"Century Gothic", Geneva, sans-serif;
					font-weight:normal;
					text-decoration:none;
					z-index:62;
				}
				
				.menu_niv2 { background-color:#e7e7e7; width:auto; z-index:63; }
				.menu_niv2 li { display:block; z-index:64; }
				.menu_niv2 .a_wysi { background-image:url(); color:#0f5771; display:block; font-size:14px; height:20px; z-index:65; }
				.menu_niv2 .a_wysi:hover { background-color:#0f5771; background-image:url(); color:#e7e7e7; }
				*html .menu_niv2 .a_wysi { width:100% }
				*html .menu_niv2 .a_wysi:hover { width:100% }
				
				ul.menu_niv3  {
					-moz-padding-start:0;
					background-color:#EFEFEF;
					clear:both;
					float:none;
					left:0;
					list-style-type:none;
					margin:0;
					padding-left:25px;
					position:relative;
					top:0;
					white-space:nowrap;
					width:auto;
					z-index:61;
				}
				ul.menu_niv3 .a_wysi {display:block;}
				

/* fin top ****************************************/


/* début ctnr-1 ****************************************/
.ctnr-1 {
	background-image:url(/images/ctnr-1-bg.gif);
	background-position:left;
	background-repeat:repeat-y;
	margin-top:20px;
	z-index:10;
}
.ctnr-1 .entete{
	background-image:url(/images/ctnr-1-top.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
.ctnr-1 h2{
	background-image:url(/images/h2-bleu-bg-248.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	color:#00aacc;
	padding:4px 15px;
	margin:0;
}
.ctnr-1 .inner{
	background-image:url(/images/ctnr-1-bottom.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}
.ctnr-1 .inner a{
	color:#00aacc;
}
/* fin ctnr-1 ****************************************/
/* début ctnr-2 ****************************************/
.ctnr-2 {
	background-image:url(/images/ctnr-2-bg.gif);
	background-position:left;
	background-repeat:repeat-y;
	margin-top:20px;
}
.ctnr-2 .entete{
	background-image:url(/images/ctnr-2-top.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
.ctnr-2 h2{
	background-image:url(/images/h2-vert-bg-248.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	color:#aec000;
	padding:4px 15px;
	margin:0;
}
.ctnr-2 .inner{
	background-image:url(/images/ctnr-2-bottom.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}
.ctnr-2 .inner a{
	color:#99a900;
}
/* fin ctnr-2 ****************************************/

/* début ctnr-3 ****************************************/
.ctnr-3 {
	background-color:#e5e5e5;
	margin-top:20px;
}
.ctnr-3 .entete{
	background-image:url(/images/ctnr-3-top.gif);
	background-position:left top;
	background-repeat:no-repeat;
	height:10px;
}
.ctnr-3 h2{
	background-image:url(/images/h2-vert-bg-248.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	color:#aec000;
	padding:4px 15px;
	margin:0;
}
.ctnr-3 .inner{
	background-image:url(/images/ctnr-3-bottom.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding-top:0;
}
.ctnr-3 .inner a{
	font-weight:normal;
}
.ctnr-3 .inner a:hover{ text-decoration:none }

.ctnr-3 span{ border:none; }

.important-1, .important-2, .important-3, .important-4 { display:inline-block; margin-right:5px; white-space:nowrap; }
.important-1 { color:#00aacc; font-size:22px; }
.important-2 { color:#b3c411; font-size:20px; }
.important-3 { color:#0f5771; font-size:15px; }
.important-4 { color:#839498; font-size:13px; }
/* fin ctnr-3 ****************************************/

#path .inner {
	background-image:url(/images/path-bottom.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:0;
}
#path .entete {
	background-image:url(/images/path-top.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	height:9px;
	overflow:hidden;

}


/* début ctnr-droite ****************************************/
.ctnr-droite {
	margin-top:20px;
	padding-left:30px;
}
.ctnr-droite .entete{
}
.ctnr-droite h2{
	background-image:url(/images/h2-vert-bg-150.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	color:#aec000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	padding:4px 0px;
	margin:0;
}
.ctnr-droite .inner{ padding:10px 0px; }
.ctnr-droite .inner a{
	color:#99a900;
}

#search-field { background-color:#eef2c0; border:1px solid #b3c411; color:#7a850a; font-size:11px; margin-right:2px; width:110px; }
#search-google {}
.search-btn_vert { background-color:#b3c411; border:1px solid #b3c411; color:#eef2c0; cursor:pointer; display:inline-block; font-size:11px; text-align:center; width:25px; }
/* fin ctnr-droite ****************************************/

/* début ctnr-news ****************************************/
.ctnr-news {
	background-image:url(/images/news-bg.gif);
	background-position:left top;
	background-repeat:no-repeat;
	height:160px;
	overflow:hidden;
	position:relative;
}
.ctnr-news .entete{
	/*background-image:url(/images/news-top.gif);
	background-position:left top;
	background-repeat:no-repeat;*/
}
.ctnr-news h2{
	background-image:url(/images/h1-bg.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	color:#0f5771;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	padding:4px 15px;
	margin:0;
}
.ctnr-news .actus {
	color:#0f5771;
	bottom:10px;
	right:10px;
	position:absolute;
}
.ctnr-news .image { width:auto; } 
.ctnr-news .resume {
	display:block;
}
.ctnr-news .plus {
	color:#0f5771;
	float:none;
	margin-top:5px;
}


#wysi .uneinfo { float:left; padding-bottom:15px; width:100%; }
#wysi .uneinfo p { margin:5px 0px; }

/********* les infos ************/
.ejs_scroller_n {}
	.image { float:left; width:49px; }
.soustitre {
	color:#0f5771;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	margin-bottom:5px;
	text-decoration:none;
	}
.resume {
	color:#839498;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:justify;
	text-decoration:none;
	}
.plus {
	display:inline-block;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-align:left;
	text-decoration:none;
	}
.plus:hover {}
.actus {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin-top:10px;
	text-decoration:none;
}
/*.ctnr-news .inner{
	background-image:url(/images/news-bottom.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}*/
/* fin ctnr-news ****************************************/

#wysi .image{ width:auto; }
#wysi .photo .image{  }
#wysi .important-1, #wysi .important-2, #wysi .important-3, #wysi .important-4 { display:inline-block; margin-right:0px; white-space:normal; }


.inner{
	padding:10px;
}
h1 {
	color:#0f5771;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
}
h2 {
	color:#00aacc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:normal;
}
.coche { 
	background-image:url(/images/pratique-coche.gif);
	background-position:left middle;
	background-repeat:no-repeat;
	color:#a7b801;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	padding-left:18px;
	text-decoration:none;
}
.coche:hover { font-weight:bold; text-decoration:none; }
.diese {
	background-image:url(/images/h1-bg.jpg);
	background-position:left 7px;
	background-repeat:no-repeat;
	color:#0f5771;
	padding-left:15px;
}
.etoile {
	background-image:url(/images/h-etoile-bg.jpg);
	background-position:left 7px;
	background-repeat:no-repeat;
	color:#0f5771;
	padding-left:15px;
}

.c-bleu { border-bottom:1px solid #fff; color:#00aacc; }
.c-bleu:hover { border-bottom:1px solid #00aacc; }
.c-bleu_fonce { border-bottom:1px solid #fff; color:#0f5771; }
.c-bleu_fonce:hover { border-bottom:1px solid #0f5771; }
.c-taupe { border-bottom:1px solid #fff; color:#78706c; }
.c-taupe:hover { border-bottom:1px solid #78706c; }
.c-vert { border-bottom:1px solid #fff; color:#aec000; }
.c-vert:hover { border-bottom:1px solid #aec000; }
.c-bordeau { border-bottom:1px solid #fff; color:#800000; }
.c-bordeau:hover { border-bottom:1px solid #800000; }

/* DEBUT quick_launch ****************************************/
#quick_launch { margin-top:10px; }
#quick_launch a{ display:block; font-size:16px; text-decoration:none; }
#quick_launch a:hover{ display:block; text-decoration:none; }
#quick_launch h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	font-weight:normal;
	margin:0;
	text-align:center;
}

/* fin quick_launch ****************************************/

#contact { margin-top:20px; }
#service_publique { margin-top:30px; }

#wysi-droite {
	margin-top:10px;
}


/**************************************************** Styles du module annuaire ****************************************************/
#filtreTableRadioRoot, #filtreTableRadioChild {
	padding:5px 0;
}


#filtreTableRadioRoot {
	border:1px solid #e8e8e8;	
}

#filtreTableRadioChild {
	background-color:#f7f7f7;	
}



#Annuaire {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position:relative;
	width:100%;
}
	.Annuaire_ligne {
		border-bottom:1px solid #CCC;
		display:block;
		padding:10px;
		position:relative;
	}
		.Annuaire_nom {
            background-color:#839498;
            color:white;
            font-size:1.5em;
            padding:5px;
            }

 

		.Annuaire_fiche {
			background-color:#f7f7f7;
			border:1px solid #e8e8e8;
			margin:10px 0;
			padding:6px;
		}
		.Annuaire_plan {}


/**************************************************** FIN Styles du module annuaire ****************************************************/

/**************************************************** Styles du module calendrier occupation de salles ****************************************************/

#resultatDispo { padding-bottom:40px; }

		#tabresultatDispo { width:100%; }
			#tabresultatDispotr {}
				#tabresultatDispotd { width:33%; }
					.titre-agenda-salle {}
					.agenda-salle { margin:0 auto; }
						#agenda-salletr {}
							#agenda-salletd { background-color:#f7f7f7; }
							#agenda-salletd.occupe {
								background-color:#800000;
								color:#fff;
							}


/**************************************************** FIN  Styles du module calendrier occupation de salles ****************************************************/

/**************************************************** Styles du module espace telechargements ****************************************************/
.press-deconnect {
	display:block;
	width:100px;
}
	#press-liendeconnect, #lienenvoyer {
		background-color:#B3C411;
		border:1px solid #94a211;
		color:white;
		cursor:pointer;
		display:block;
		font-size:12px;
		padding:1px;
		text-align:center;
		text-decoration:none;
		width:100px;
	}
	
.press-theme {}
.press-doc_titre {}
	#press-lientitredoc {
		background-image:url("/images/pratique-coche.gif");
		background-repeat:no-repeat;
		color:#A7B801;
		display:block;
		font-family:Arial,Helvetica,sans-serif;
		font-size:14px;
		font-weight:normal;
		padding-left:18px;
		text-decoration:none;
	}
.press-doc_descr {}


/**************************************************** FIN  Styles du module espace telechargements ****************************************************/