/**************************************************************************************************************************/
/*                                                    STRUCTURE GENERALE                                                  */
/**************************************************************************************************************************/
* {
	margin: 0;
	padding: 0;
}

html {
		margin:0;
		padding:0;
}

body {
		background-color:#ffffff;
		margin:0;
		padding:0;
		color:#333333;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:1em;
}

#global {
		width:100%;
		height:800px;
}
/*
* html #global {
		text-align:center;
}
*/
#container {
		width:975px;
		margin:0 auto;
}
/*
* html #container {
		text-align:left;
		width:985px;
}
*/
#container_top {
		float:left;
		width:100%;
}

#container_middle {
		float:left;
		width:100%;
}

#container_bottom {
		
		float:left;
		width:100%;
}

#logo {
		height:84px;
		width:246px;
		float:left;
		position:relative;
		z-index:20;
}

#menu_top {
		height:23px;
		background:url(../images/interface/bg_menu_top.jpg) no-repeat 0 0;
		float:left;
		width:720px;
}
#bandeau {
		height:196px;
		float:left;
		width:966px;
		position:relative;
		z-index:10;
		margin:-60px 0 0 0;
}

#logo img, #bandeau img {
		float:left;
}

#menu_transversal {
		height:37px;
		float:left;
		width:966px;
}

#center_left {
		float:left;
		width:191px;
		padding:0 0 20px 0;
}

.center_left_haut, .center_right_haut {		
		float:left;
		width:180px;
		padding:0;
		float:left;
		background-image:url(../images/interface/bg_bleu_bas.jpg);
		background-position:0 bottom;
		background-repeat:no-repeat;		
		margin:0 0 20px 0;
		background-color:#52c1e9;
}

.center_right_haut {			
		margin:0 0 20px 10px !important;
		margin:0 0 20px 5px;
}

.center_left_haut_contenu, .center_right_haut_contenu {
		width:180px;
		float:left;
		background-image:url(../images/interface/bg_bleu_1802.jpg);
		background-position:0 0;
		background-repeat:no-repeat;
		color:#ffffff;
}

.center_left_contenu {		
		width:180px;
		float:left;
		margin:0 0 20px 0;
}

.center_left_contenu .entete {
		width:180px;
		background-image:url(../images/interface/bg_bleu_180.jpg);
		background-position:0 0;
		background-repeat:no-repeat;
		color:#ffffff;
		position:relative;
		margin:0 0 10px 0;
}

.center_left_contenu_contenu {
		width:160px;
		padding:0 10px;
}

#center_center {	
		float:left;
		width:585px;
		padding:0 0 0 0;
}

#home_center_center_haut {
		float:left;
		width:575px;
		padding:0 5px;
		height:50px;
}

#home_center_center_haut img {
		float:left;
}

#center_center_haut_haut {
		float:left;
		background-image:url(../images/interface/bg_top_bleu_clair.jpg);
		background-position:0 0;
		background-repeat:no-repeat;
		background-color:#52c1e9;
		width:585px;
}

#titre_rubrique {
		float:left;
		clear:both;
		padding:0 0 0 60px;
}
#entete_page {
		float:left;
		clear:both;
		padding:25px 5px 15px;
		color:#96a9af;
		width:575px;
}
#entete_page p {
		padding:0;
}

#center_center_contenu_gauche {
		float:left;
		width:279px;
		padding:0 8px 0 5px; 
}

#center_center_contenu_gauche .bloc_contenu {
		width:279px;
}

#center_center #center_center_contenu_gauche .bloc_contenu .fond_gris,
#center_center #center_center_contenu_droite .bloc_contenu .fond_gris  {
		padding:10px 20px;
		width:239px;
}
#center_center_contenu_droite {
		float:left;
		width:279px;
		padding:0 5px 0 8px;
}

#center_center_contenu_droite .bloc_contenu  {
		width:279px;
}

#center_center .contentBlock {
		float:none;
}

.fond_gris {
		background-color:#f1f1f1;
		padding:0 10px;
		position:relative;
		float:left;
		
}
#center_center .fond_gris {
		width:555px;
		margin:10px 0;		
}


.center_right_contenu .fond_gris {
		width:160px;
		margin:0 0 0 10px !important;
		margin:0 0 0 5px;
		padding:5px 10px;
}

.entete {
		clear:both;
		width:100%;
}


.center_right_contenu .fond_gris .entete {
		width:160px;
		padding:5px 0;
		position:relative;
		float:none;
}


#center_center .entete {
	padding:10px 0 0;	
}

#center_center .bloc_contenu .entete {
	width:279px;
	position:relative;
	padding:0;
}

#center_center .bloc_contenu .fond_gris .entete {
	float:none;
	padding:5px 0;
	width:239px;
}

.bloc_contenu {
		padding:0 0 10px;
		clear:both;
		float:left;
}



b.hg, b.hd, b.bg, b.bd {
		background-position:0 0;
		background-repeat:no-repeat;
		font-size:1%;
		height:10px;
		position:absolute;
		width:10px;
}

b.hg {
		background-image:url(../images/interface/bg_hg.jpg);
		left:0;
		top:0;
}

b.hd {
		background-image:url(../images/interface/bg_hd.jpg);
		right:0;
		top:0;
}

b.bg {
		background-image:url(../images/interface/bg_bg.jpg);
		bottom:0px;
		left:0;
}

b.bd {
		background-image:url(../images/interface/bg_bd.jpg);
		bottom:0px;
		right:0px;
}

.home_center_center_contenu,
.center_center_contenu {
		float:left;
		width:575px;
		margin:0 0 10px 0;
		padding:0 5px;
}

#center_center .home_center_center_contenu .entete {
		width:565px;
		padding:12px 0;
		float:none;
}

#center_right {
		float:left;
		width:197px;
}

.center_right_contenu {
		float:left;
		width:197px;
		background-image:url(../images/interface/bg_bloc_droite.jpg);
		background-position:0 0;
		background-repeat:no-repeat;
		margin:0 0 20px 0;
		min-height:110px;
}
.center_right_contenu .entete {
		width:179px;
		padding:0 9px 5px;
}

.center_right_contenu_contenu {
		width:159px;
		margin:0 0 0 10px;
		padding:0 10px;
		float:left;
}

* html .center_right_contenu_contenu {
		margin:0 0 0 5px;
}

.fond_gris .center_right_contenu_contenu {

		margin:0;
		padding:0;

}

.center_left_contenu .fond_gris {

		width:180px;
		padding:0 0 10px 0;
}

.home_center_center_contenu .fond_gris {
		padding:0;
}

.pied {
		background-color:#005891;
		color:#ffffff;
		padding:5px 0px;
		float:left;
		margin:1px 0 0;
		width:966px;
		font-size:0.92em;
		text-align:center;
}

.center_right_contenu p a {
		font-size:0.9em;
}

.center_right_contenu ul li, .bloc_contenu .fond_gris ul li {
		padding:6px 0;
		font-size:0.85em;
		/*float:left;    Suppression Flo */
}

.center_right_contenu ul li a {
		background-image:url(../images/interface/pouce_fleche_blanc.gif);
		background-position:0 3px;
		background-repeat:no-repeat;
		color:#333333;
		padding:0px 0 0px 12px;
		font-weight:bold;
		text-decoration:none;
		display:block;
}
.bloc_contenu .fond_gris ul li a {
		background-image:url(../images/interface/pouce_fleche_gris.gif);
		background-position:0 3px;
		background-repeat:no-repeat;
		color:#333333;
		padding:0px 0 0px 12px;
		font-weight:bold;
		text-decoration:none;
		display:block;
}
.center_right_contenu ul li a:hover, .bloc_contenu .fond_gris ul li a:hover {
		color:#33B0DB;
		text-decoration:none;
}

.bloc_contenu .fond_gris ul {
		width:229px;
		float:left;
}
.bloc_contenu .fond_gris ul li {
		width:229px;
}
/**************************************************************************************************************************/
/*                                                          NAVIGATION                                                    */
/**************************************************************************************************************************/

#nav_top {
		float:right;
		font-size:0.65em;
		font-family:arial;
		color:#FFFFFF;
		padding:5px 0 0;
}

#nav_top li {
		display:inline;
}

#nav_top li a {
		color:#FFFFFF;
		text-decoration:none;
		padding:0 20px;
}

#nav_top li a:hover {
		color:#FFFFFF;
		text-decoration:underline;
}

/*********************************************************************************************/
/*                                NAVIGATION TRANSVERSAL                                     */
/*********************************************************************************************/


#menu_container {
		position:absolute;
}

#nav_transversal, #nav_transversal ul {
		float: left;
		width: 1026px;
		list-style: none;
		line-height: 1;
		background: white;
		font-weight: bold;
		padding: 0;
		margin: 10px 0 0 -20px;
		font-size:0.75em;
}

#nav_transversal a {
		display: block;
		color:#025891;
		text-decoration: none;
		padding: 0px 23px 12px;
}

#nav_transversal li {
		float: left;
		padding: 0;
		background:url(../images/interface/filet_rub.jpg) 100% 0  no-repeat;
}

#nav_transversal li.menu1 a:hover,
#nav_transversal li.menu1 li a,
#nav_transversal li.active1 a {
		color:#52c1e9;
}
#nav_transversal li.menu1 ul a {
		background:url(../images/interface/pouce_bleu_clair.jpg) 16px 6px no-repeat;
}

#nav_transversal li.menu2 a:hover,
#nav_transversal li.menu2 li a,
#nav_transversal li.active2 a {
		color:#aa77ff;
}
#nav_transversal li.menu2 ul a {
		background:url(../images/interface/pouce_violet.jpg) 16px 6px no-repeat;
}
#nav_transversal li.menu3 a:hover,
#nav_transversal li.menu3 li a, 
#nav_transversal li.active3 a {
		color:#ff8888;
}
#nav_transversal li.menu3 ul a {
		background:url(../images/interface/pouce_rose.jpg) 16px 6px no-repeat;
}

#nav_transversal li.menu4 a:hover,
#nav_transversal li.menu4 li a,
#nav_transversal li.active4 a {
		color:#ff00c0;
}
#nav_transversal li.menu4 ul a {
		background:url(../images/interface/pouce_fuchsia.jpg) 16px 6px no-repeat;
}

#nav_transversal li.menu5 a:hover,
#nav_transversal li.menu5 li a,
#nav_transversal li.active5 a {
		color:#00cc18;
}
#nav_transversal li.menu5 ul a {
		background:url(../images/interface/pouce_vert.jpg) 16px 6px no-repeat;
}

#nav_transversal li.menu6 a:hover,
#nav_transversal li.menu6 li a,
#nav_transversal li.active6 a {
			color:#ca9643;
}
#nav_transversal li.menu6 ul a {
		background:url(../images/interface/pouce_marron.jpg) 16px 6px no-repeat;
}

#nav_transversal li.menu7 a:hover,
#nav_transversal li.menu7 li a,
#nav_transversal li.active7 a {
		color:#9900b3;
}
#nav_transversal li.menu7 ul a {
		background:url(../images/interface/pouce_pourpre.jpg) 16px 6px no-repeat;
}
#nav_transversal li.menu8 {
		background:none;
}

#nav_transversal li.menu8 a:hover,
#nav_transversal li.menu8 li a,
#nav_transversal li.active8 a {
		color:#ff6600;	
}
#nav_transversal li.menu8 ul a {
		background:url(../images/interface/pouce_orange.jpg) 16px 6px no-repeat;
}

#nav_transversal li ul {
	position: absolute;
	left: -999em;
	height: auto;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
	border-right:1px solid #025891;
	border-bottom:1px solid #025891;
	border-left:1px solid #025891;
	width:16em;
	font-size:0.85em;
	padding:0 0 10px 0;
	z-index:20;
}
#nav_transversal li.menu1 ul {
		margin:0 0 0 20px;
}

#nav_transversal li.menu2 ul {
		margin:0 0 0 -35px;
}

#nav_transversal li.menu3 ul {
		margin:0 0 0 -1px;
}

#nav_transversal li.menu4 ul {
		margin:0 0 0 -37px;
}

#nav_transversal li.menu5 ul {
		margin:0 0 0 -11px;
}

#nav_transversal li.menu6 ul {
		margin:0 0 0 -25px;
}

#nav_transversal li.menu7 ul {
		margin:0 0 0 -28px;
}

#nav_transversal li.menu8 ul {
		margin:0 0 0 12px;
}
#nav_transversal li li {
	width:16em;
	background:none;
}

#nav_transversal li ul a,
#nav_transversal li.active1 ul a,
#nav_transversal li.active2 ul a,
#nav_transversal li.active3 ul a,
#nav_transversal li.active4 ul a,
#nav_transversal li.active5 ul a,
#nav_transversal li.active6 ul a,
#nav_transversal li.active7 ul a,
#nav_transversal li.active8 ul a {
    padding:3px 5px 3px 25px;
}
#nav_transversal li.menu1 ul li a:hover,
#nav_transversal li.menu2 ul li a:hover,
#nav_transversal li.menu3 ul li a:hover,
#nav_transversal li.menu4 ul li a:hover,
#nav_transversal li.menu5 ul li a:hover,
#nav_transversal li.menu6 ul li a:hover,
#nav_transversal li.menu7 ul li a:hover,
#nav_transversal li.menu8 ul li a:hover {
		color:#025891;
		background:url(../images/interface/pouce_bleu.jpg) 16px 6px no-repeat;
}

#nav_transversal li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav_transversal li:hover ul ul, #nav_transversal li:hover ul ul ul, #nav_transversal li.sfhover ul ul, #nav_transversal li.sfhover ul ul ul {
	left: -999em;
}

#nav_transversal li:hover ul, #nav_transversal li li:hover ul, #nav_transversal li li li:hover ul, #nav_transversal li.sfhover ul, #nav_transversal li li.sfhover ul, #nav_transversal li li li.sfhover ul {
	left: auto;
}

/*********************************************************************************************/
/*                                 NAVIGATION RUBRIQUE                                       */
/*********************************************************************************************/

#menu_rubrique {
	width:170px;
	padding:0px 5px 0;
}
#nav_rubrique {
	padding:0 0 0 0;
}

#nav_rubrique li {
	font-size:1em;
	float:left;
}
#nav_rubrique li a {
	background-image:url(../images/interface/pouce_fleche_gris.gif);
	background-position:0 8px;
	background-repeat:no-repeat;
	color:#029fd4;
	display:block;
	font-weight:bold;
	padding:5px 0 5px 12px;
	text-decoration:none;
	float:left;
	width:157px;
}
#nav_rubrique li a:hover, #nav_rubrique li.active a,
#nav_rubrique li.active ul li.active a,
#nav_rubrique li.active ul li a:hover {
	color:#025891;
}

#nav_rubrique li.active ul li.active a:hover {
		text-decoration:underline;
}

#nav_rubrique li.active ul li a {
	color:#029fd4;
}
#nav_rubrique li a ul li a {
	color:#029fd4;
}
#nav_rubrique li ul {
	font-size:1em;
	padding:0 0 10px 15px;
	float:left;
	display:none;
}
#nav_rubrique li.active ul {
		display:block;
}

#nav_rubrique li ul li a {
		background-image:none;
		font-weight:normal;
		padding:1px 0 1px 10px;
		width:144px;
} 
/*********************************************************************************************/
/*                                     NAVIGATION BAS                                        */
/*********************************************************************************************/

.menu_bas {
	float:left;
	width:966px;
}

.menu_bas_contenu {
	float:left;
	width:966px;
	background-color:#39a5d3;
	
	margin-top : 20px;
}

#nav_bas {
	float: left;
	list-style: none;
	line-height: 1;
	font-size:0.62em;
	width:956px;
	padding:10px 0 10px 10px;
}
#nav_bas a {
	display:block;
}
#nav_bas li {
	float: left;
	list-style: none;
	width:109px;
	padding:0 10px 0 0;
}

#nav_bas li a {
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	padding:0 0 5px 0;
}
#nav_bas li a:hover {
	text-decoration:underline;
}
#nav_bas li ul {
	float: left;
	list-style: none;
	font-size:1em;
}
#nav_bas li ul li {
	padding:0;
}
#nav_bas ul li a {
	color:#ffffff;
	font-weight:normal;
	background-image:url(../images/interface/pouce_blanc.gif);
	background-position:0 3px;
	background-repeat:no-repeat;
	padding-left:10px;
}
/*********************************************************************************************/
/*                               NAVIGATION FIL D'ARIANE                                     */
/*********************************************************************************************/

#fil_ariana {
		padding:10px 10px 10px 0;
}
#nav_fil {
		float:right;	
}

#nav_fil li {
		display:inline;
}
#nav_fil li a {
		color:#ffffff;
		text-decoration:none;
		background:url(../images/interface/pouce_blanc.gif) 0 5px no-repeat;
		padding:0 2px 0 10px;
}
#nav_fil a:hover {
		text-decoration:underline;
}
/*********************************************************************************************/
/*                                  NAVIGATION SERVICES                                     */
/*********************************************************************************************/

.menu_services {
	float:left;
	width:180px;
	margin:-8px 0 0 -10px !important;
	margin:-8px 0 0 -5px;
}

#nav_services {
	list-style-type:none;
	font-size:0.7em;
}

#nav_services li {
	border-bottom:1px solid #39a5d3;

	float:left;
	width:180px;
}

#nav_services li a {
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	background-position:0 50%;
	background-repeat:no-repeat;
	display:block;
}

#nav_services li a:hover {
	color:#33B0DB;
}
	
.admin a {
		background-image:url(../images/pictos/admin.jpg);
		padding:6px 0 6px 40px;
}
.annu a {
		background-image:url(../images/pictos/annu.jpg);
		padding:12px 0 12px 40px;
}
.recrut a {
		background-image:url(../images/pictos/recrut.jpg);
		padding:12px 0 12px 40px;
}
.marche a {
		background-image:url(../images/pictos/marche.jpg);
		padding:12px 0 12px 40px;
}
.biblio a {
		background-image:url(../images/pictos/biblio.jpg);
		padding:12px 0 12px 40px;
}
.cb a {
		background-image:url(../images/pictos/cb.jpg);
		padding:12px 0 12px 40px;
}
.tele a {
		background-image:url(../images/pictos/tele.jpg);
		padding:12px 0 12px 40px;
}

/**************************************************************************************************************************/
/*                                            IDENTIFICATION  -   RECHERCHE                                              */
/**************************************************************************************************************************/
.identification {
	float:left;
	width:160px;
	margin:0 0 0 10px !important;
	margin:0 0 0 5px;
	padding:10px 0;
}