/********************************************/
/*			DECLARATION GENERIQUE			*/
/********************************************/
body, html{ height:100%; width:100%; border:0px; margin:0px; padding:0px;  font-family:Verdana, Arial, Helvetica, sans-serif; }
body{ background:url(../image/bkg-body-top3.png) top left repeat-x #000000; color:#666666;   }
div{ padding:0px; margin:0px; border:0px; outline: none; /*overflow:hidden;*/ }
img{border:0px;}
a{ font-size:10px; outline: none; }
h2, .h2{ font-weight:bold; color:#1B3F95; font-size:26px; text-align:center; }

form{ padding:0px; margin:0px; border:0px;}

/*	BACKGROUND DE PAGE	*/
#divBoxBody	{ position:absolute; width:100%; height:100%; left:0px; right:0px; top:0px; bottom:0px; }
/*	DIV CONTENEUR	*/
#divBoxContent{ position:absolute; width:1000px; left:50%; top:0px; margin-top:10px; margin-left:-500px; bottom:0px; min-height:700px; min-width:800px;  }
/*	DIV BANDEAU	*/
#divBoxBkgTop{ position:absolute; width:100%; height:196px; top:0px; 
	left:0px; right:0px; background:url(../image/bandeau-v2.png) left top no-repeat; overflow:visible; }

/********************************************/
/*			GESTION DU MENU GENERAL			*/
/********************************************/
#divBoxMenuGene{ position:absolute; width:100%; left:20px; width:970px; top:140px; height:100px; z-index:600; overflow:visible; }
#divBoxMenuGene ul{ width:100%; margin:0px; padding:0px; z-index:610;   }
#divBoxMenuGene ul li { list-style:none; padding:0px; margin:0px; border:0px; float:left; 
	width:161px; text-align:center; cursor:pointer; }
#divBoxMenuGene ul li div { float:left; width:98%; height:28px; text-align:center; padding-top:15px; border-right:1px solid #999999; }
#divBoxMenuGene ul li div a {  font-size:10px; font-family:Arial, Helvetica, sans-serif; text-align:center;
	font-weight:bold; padding-top:10px; color:#BBBBBB; text-decoration:none; padding:5px;
}
#divBoxMenuGene ul li.menuselect div { }
#divBoxMenuGene ul li.menuselect div a { color:#FFFFFF; }
#divBoxMenuGene ul li ul { width:162px; float:left; padding:0px; margin:0px; z-index:550; display:none; margin-top:10px; }
#divBoxMenuGene ul li ul li { list-style:none; margin:0px; padding:0px; background-color:#CCCCCC; text-align:left;
	border-bottom:1px dotted #666666; border-right:1px dotted #666666; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity:0.9;  } 
#divBoxMenuGene ul li ul li a { font-size:10px; font-family:Arial, Helvetica, sans-serif; float:left;
background:url(../image/separMotif.gif) no-repeat 5px 8px; color:#666666; text-decoration:none; padding:5px; padding-left:14px;  }

/********************************************/
/*			GESTION DU MENU HAUT			*/
/********************************************/
#divBoxMenuTop{ 
	position:absolute; left:50%; margin-left:220px; top:0px; width:260px; height:50px; padding-left:45px;
	background:url(../image/bkg-menu-top.png) center top no-repeat;
}
#divBoxMenuTop ul{ float:left; margin:0px; padding:0px; width:95%; margin-left:5%; border:0px; display:inline; height: 30px;}
#divBoxMenuTop ul li{ list-style:none; float:left; position:relative; padding-left:10px; padding-top:4px; padding-bottom:4px; width: 30px; }
#divBoxMenuTop ul li a { text-decoration:none; letter-spacing:-1px; text-align:center; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#1B3F95; }
#iconbar span {
	width: 40px; height: 20px; position: absolute;  line-height:110%; display: none; padding-top:8px; padding-left:3px;
	font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; letter-spacing:0.3px; white-space:nowrap; color:#999999;
}

/********************************************/
/*				DIV DU MILIEU				*/
/********************************************/
#divBoxBkgMiddle{ position:absolute;  top:190px; left:20px; right:0px; bottom:73px; overflow:hidden;background-color:#FFFFFF; }
#divBoxBkgMiddleOmbre{ position:absolute; top:0px; left:0px; right:0px; height:18px; background:url(../image/storev.jpg) left top repeat-x; }
#divBoxBkgMiddleFond {position:absolute; width:100%; top:10px; left:0px; right:0px; bottom:0px; background:url(../image/filigrane.png) #FFFFFF no-repeat 250px center; }

/********************************************/
/*				DIV BLOC GAUCHE				*/
/********************************************/
#divBoxLeftContener { position:absolute; left:0px; width:220px; top:10px; bottom:0px; overflow:hidden; z-index:400; background-color:#FFFFFF;   }
#divBoxMiddlePanelDetail{ position:absolute; left:0px; right:0px; top:10px; bottom:0px; overflow:hidden; padding:5px;
 font-family:Geneva, Arial, Helvetica, sans-serif; font-size:13px; }
 
#divBoxMiddlePanelDetailTitre { 
	position:absolute; left:0px; right:0px; top:0px; height:60px;
	padding-left:15%; padding-top:10px; margin-bottom:15px; 
	background:url(../image/Logo-transp-lite.png) center left no-repeat;
}
#divBoxMiddlePanelDetailTitre h1 { font-size:26px; margin:0px; padding:2px; color:#21459A;} 
#divBoxMiddlePanelDetailContent { position:absolute; left:0px; right:0px; top:90px; bottom:0px; z-index:200; overflow:hidden;}
#divBoxMiddlePanelDetailScroll { float:left; width:100%; height:100%; overflow:hidden;}
#divBoxMiddlePanelDetailScroll div { float:left; width:100%; overflow:hidden;}
#divBoxMiddlePanelDetailScroll div p { text-align:justify; font-style:italic; padding:3px; line-height:20px;  }
#divBoxMiddlePanelDetailScroll div ul { width:100%; margin:0px; padding:0px; margin-top:20px; }
#divBoxMiddlePanelDetailScroll div ul li { list-style:none; text-align:justify; font-size:12px; padding:2px; padding-bottom:15px; line-height:18px;}
#divBoxMiddlePanelDetailScroll div ul li span { font-weight:bold; color:#000000; padding-left:15px; background:url(../image/puce_sstitre.gif) left center no-repeat; }

#divBoxMiddlePanelDetailScroll div ul li ul li { list-style:disc inside; padding:2px;  text-align:justify; font-size:12px; padding-left:16px; line-height:12px;}

#divBoxBkgMiddleSepar{position:absolute; left:230px; width:6px; top:10px; bottom:0px; background:url(../image/separMotif.gif) left top repeat-y #FFFFFF; z-index:400; }
#divBoxBkgMiddleSepar2{position:absolute; right:170px; width:6px; top:10px; bottom:0px; background:url(../image/separMotif.gif) left top repeat-y #FFFFFF; z-index:400; }

/********************************************/
/*				DIV BLOC DROITE				*/
/********************************************/
#divBoxMiddlePanelRight{ position:absolute; width:160px; right:0px; background-color:#FFFFFF; top:0px; bottom:0px; margin-top:10px; z-index:400; }
#divBoxMiddlePanelRight div{ float:left; width:100%; height:130px;}
.divBoxRubrique { position:absolute; left:0px; right:0px; margin-left:10px; }
.divBoxRubriqueTitre { position:absolute; left: 0px; right:0px; top:10px; height:33px; }
.divBoxRubriqueBox{ position:absolute; top:45px; left:0px; right:0px; bottom:0px; }
.divBoxRubriqueBoxContent{ position:absolute; top:3px; left:0px; right:5px; bottom:0px; }
.divBoxImplantationTitre { 
	float:left; text-align:center; margin:0px; margin-top:6px; margin-bottom:6px; padding:0px; width:100%; height:16px; background:url(../image/nav-bg.gif) -10px top no-repeat;
	font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:14px; font-weight:bold; border-bottom: 1px dotted #CCC; border-top: 1px dotted #CCC; cursor:pointer;
}
.divBoxImplantationTitre span { font-family:Arial, Helvetica, sans-serif; color:#333333; 
font-size:12px; font-weight:bold; text-decoration:none; letter-spacing:-0.4px; 
/*	background:url(../image/icon-elanz-16.png) no-repeat center left;padding-left:25px; */
}

/********************************************/
/*				DIV BLOC ACTUS				*/
/********************************************/

#cadre_actu{ position: relative; z-index: 1; overflow: hidden; width: 244px; top:0px; height:110px; }
.bloc_actu{  position: absolute; top: 600px; bottom:20px; left: 10px; width: 190px; }
.cs_first_actu{ top: 0px; }
.actu_titre, .actu_titre a{ font-weight: bold; line-height:14px; font-size:11px; text-decoration: none; color:#333333; letter-spacing:-0.4px; }
.actu_titre a span { font-weight:normal; }
.actu_resume{ text-align: justify; font-size:11px; color:#666666; }
.actu_savoir_plus{ float:left; width:100%;	}
#cs_pagination_actu{ padding: 0px 0px 0px 10px;	color: #F3A012 ; font-size:12px; font-weight:bold; position:absolute; bottom:10px; height:25px; left:0px; right:0px; }
#cs_pagination_actu .actu_intitule_num, #cs_pagination_actu .actu_num{ float: left; }
#cs_pagination_actu .actu_num{ border-right: #F3A012 1px solid; padding: 0px 3px; cursor: pointer; }
#cs_pagination_actu .actu_selected{ background: #F3A012; color: #FFFFFF; }
#cs_pagination_actu .actu_last{ border-right: 0; }


/********************************************/
/********************************************/

#divBoxBkgBottom{ position:absolute; width:100%; height:38px; left:20px; right:32px; bottom:0px; overflow:hidden; 
/*	background:url(../image/bkg-bottom-transp.png) no-repeat top left;  */
background:url(../image/left-corner-bottom.png) left top no-repeat; padding-top:35px; z-index:400; }
#divBoxBkgBottomFond{ position:absolute; left:26px; right:20px; height:25px; top:0px; background:#ffffff; }
	
.divBoxBkgBottomTxt { font-size:10px; font-weight:bold; color:#999999; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; }
.divBoxBkgBottomTxt a { font-size:10px; font-weight:normal; color:#999999; text-decoration:none; }
#divBoxMiddlePanel { position:absolute; left:240px; right:180px; top:0px; bottom:0px; margin:5px; }

div.panel{ float:left; margin-left:30px; margin-top:15px; width:200px; background:url(../image/panel-middle-bkg.png) bottom left no-repeat;}

div.panelTop{ float:left; width:195px; height:40px; background:url(../image/panel-top-bkg.png) left top repeat-x; text-align:left; 
	padding-top:10px; padding-left:5px; color:#1B3F95; font-family:Geneva, Arial, Helvetica, sans-serif;font-size:17px; 
	font-weight:bold; letter-spacing:0.6px; }
div.panelMiddleTop{ float:left; width:200px; height:190px; }
.panelMiddleTop ul { float:left; width:97%; margin:0px; padding:3%; }
.panelMiddleTop ul.adr { float:left; position:relative; left:3px; top:3px;  width:90%; margin:0px; padding:3%; border-right:#999999 1px solid; border-bottom:#999999 1px solid; 
	border-left:#DDDDDD 1px solid; border-top:#DDDDDD 1px solid; background:url(../image/bkg-grad.jpg) repeat left top; }
.panelMiddleTop ul li{ list-style:none; text-align:center; font-size:12px; padding:2px; margin:2px;
 font-family:Arial, Helvetica, sans-serif; color:#1B3F95; line-height:16px; font-weight:bold;}
.panelMiddleTop ul li.tel{  font-size:11px; text-align:left; line-height:16px; margin-left:25px; }
.panelMiddleTop ul li a{ font-size:11px; text-decoration:none; padding:0px; margin:0px; text-align:left; color:#1B3F95; }
div.panelBottom{ float:left; width:200px; height:25px; opacity:0.6;  background:url(../image/panel-bottom.png) left top no-repeat; }

#divBoxMiddleBloc1{  }
#divBoxMiddleBloc1 p { text-align:center; color:#888888; font-size:14px; padding:10px; line-height:40px; font-weight:bold; }

.planLink{ cursor:pointer; font-weight:bold; text-align:left; font-size:11px; }
.linkRetour{ float:left; width:150px; color:#1B3F95; font-size:11px; font-weight:bold; cursor:pointer; }

.divBoxPanelLeftDetail{
	float:left; width:98%; margin:1%; height:50px; background-color:#FFFFCC;
	border-right:1px solid #999999; border-bottom:1px solid #BBBBBB; border-left:1px solid #CCCCCC; border-top:1px solid #DDDDDD;		
}

#divBoxLogo{ position:absolute; left:530px; right:130px; height:30px;top:49px; }  
#divBoxLogoText{
	float:left; width:100%; height:100%; font-size:16px; font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#1B3F95; letter-spacing:-0.2px; font-weight:bold; 
}



.link { color:#333333; margin:0px; padding:0px; border:0px; text-decoration:none; }
/* lien En Savoir Plus	*/
.linkInfo {float:right; width:50px; height:13px; margin-bottom:3px; margin-top:3px; overflow:hidden; cursor:pointer; background:url(../image/info-plus-grey-double.png) right bottom no-repeat; }


a.linkBrochure { color:#000066; float:right; height:48px; font-style:italic; margin:4px; padding:4px;
	background:url(../image/plaquette.png) left top no-repeat; padding-left:50px; 
 	font-size:11px;  text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif }
a.linkBrochure:hover { color:#21459A;}

.BoxGoogleMap{ float:right; width:50px; height:50px; margin-right:10px; margin-top:10px; }
.linkGoogleMap { text-decoration:none;   }
.btnGoogleMap { width:50px; height:50px; background:url(../image/maps-48x48.gif) center center; }
/*****************************/
/* 		class générique 	 */
/*****************************/
a.mailto { text-decoration:none; color:#333333; font-weight:bold; font-size:10px; }

.adr { float:left; width:98%; margin:0px; padding:0px;  }
.adr li { list-style:none; text-align:center; font-size:11px; padding:0px; margin:0px;
 font-family:Arial, Helvetica, sans-serif; line-height:16px; font-weight:normal; color:#666666;}

span.bold{ font-weight:bold; color:#000000;}

/****************************/
/*		GESTION TABS		*/
/****************************/

#flowtabs{ position:absolute; left:0px; right:0px; top:0px; height:42px;}
#flowtabs ul { margin:0px; padding:0px; width:100%; height:100%; overflow:hidden; }
#flowtabs ul li { margin:0px; padding:0px; width:105px; height:100%; list-style:none; float:left; text-align:center;
background:url(../image/onglet-left.png) left -82px no-repeat; 
vertical-align:middle;  }
#flowtabs ul li span { width:100%; height:90%; padding-top:10%; float:right; background:url(../image/onglet-right.png) right -82px no-repeat;}
#flowtabs ul li span a { color:#CCCCCC; font-size:10px; font-weight:bold; text-decoration:none; font-family:Arial, Helvetica, sans-serif }

#flowtabs ul li.select { background:url(../image/onglet-left.png) 
left 0px no-repeat; height:100%; }
#flowtabs ul li.select span { width:100%; height:100%; float:right; background:url(../image/onglet-right.png) right 0px no-repeat;}
#flowtabs ul li.select span a { color:#333333; }
#flowpanes{ position:absolute; left:0px; right:0px; top:38px; bottom:0px; overflow:hidden; 
	background:url(../image/storev.jpg) left top repeat-x #FFFFFF; padding-top:5px; z-index:400; 
	border-right:solid 1px #CCCCCC; border-bottom:1px solid #CCCCCC; border-left: 1px solid #333333;  }
	
#flowpanesContener{ position:relative; left:0px; top:0px; width:6000px; height:100%; z-index:300;  overflow:hidden; }
.flowpane{ float:left; width:540px; height:100%; overflow:hidden;   }
.flowpane div p{ font-size:11px; font-style:italic; color:#333333; text-align:justify; margin:5px; margin-left:30px; margin-right:5px; padding:5px; line-height:20px; }
.flowpane div.flowpaneScroll{ float:left; width:100%; height:100%;   }
.flowpane div.flowpaneScroll div.flowpaneScrollPanel{ float:left; width:94%; margin-left:3%; margin-right:3%; overflow:hidden; }

.flowpane div.flowpaneScroll div.flowpaneScrollPanel div{ float:left; background:url(../images/navlite.png) left 18px no-repeat; 
font-weight:bold; font-size:16px; padding-left:4%; width:93%; line-height:20px; margin-top:20px; margin-bottom:20px; 
color:#000000;   }

.flowpane div.flowpaneScroll div.flowpaneScrollPanel div.flowpaneTitle { float:left; width:83%; margin:2%; padding:3%; 
	padding-left:8%; font-size:16px; color:#333333; background:url(../image/navlite.png) left 17px no-repeat; font-weight:bold; } 
.flowpane div.flowpaneScroll div.flowpaneScrollPanel p{ font-size:13px; text-align:justify; margin:5px; margin-left:15px; margin-right:15px; padding:5px; line-height:18px; color:#666666;  }
.flowpane div.flowpaneScroll div.flowpaneScrollPanel p.intro{ font-size:13px; text-align:left; margin:5px; margin-left:15px; color:#000000; font-style:italic; font-weight:bold; margin-right:15px; padding:5px; line-height:18px; }
.flowpane div.flowpaneScroll div.flowpaneScrollPanel p.citation { font-size:13px; font-family:"Times New Roman", Times, serif; font-weight:bold; font-style:italic; color:#333333;}
.flowpane div.flowpaneScroll div.flowpaneScrollPanel p.signature{ font-size:14px; text-align:center; margin:3px; padding:3px; }
.flowpane div.flowpaneScroll div.flowpaneScrollPanel ul{ width:92%; margin:2%; padding:2%; border:0px;  }
.flowpane div.flowpaneScroll div.flowpaneScrollPanel ul li{ list-style:none; text-align:justify; font-size:12px; padding:2px; padding-bottom:15px; line-height:18px; }
.flowpane div.flowpaneScroll div.flowpaneScrollPanel ul li span{ font-weight:bold; color:#000000; padding-left:15px; background:url(../image/puce_sstitre.gif) left center no-repeat; }

.flowpane div.flowpaneScroll div.flowpaneScrollPanel ul li span.liste{ font-weight:normal; font-size:14px; font-family:"Times New Roman", Times, serif; font-style:italic; color:#666666; padding-left:15px;  }

.flowpane div.flowpaneScroll div.flowpaneScrollPanel ul li ul { width:96%; margin:1%; padding-left:4%; border:0px; }
.flowpane div.flowpaneScroll div.flowpaneScrollPanel ul li ul li { list-style:disc; padding:2px;}
.flowpane div.flowpaneScroll ul.detailOffre { width:96%; margin:2%; padding-left:2%; border:1px dotted #999999; display:none;  }
.flowpane div.flowpaneScroll ul.detailOffre li { list-style-image:none; list-style:disc; list-style-position:inside; margin:0px; padding:2px; }
.flowpane div.flowpaneScroll ul.detailOffre li p { font-size:11px; }
.flowpane div.flowpaneScroll ul.detailOffre li span { font-size:11px; color:#666666; background-image:none; text-decoration:underline; }

/****************************/
/****************************/

/* cadre personnalisable
-------------------------------------------------------------------*/
/*cadre 1*/

.cadre1-header { background: url(../image/cadre/_jcadre_1_hg.gif) no-repeat 0px 0px; padding-left: 18px; }
.cadre1-header div { background: url(../image/cadre/_jcadre_1_hd.gif) no-repeat 100% 0px; line-height: 18px; padding-top: 18px; display: block; }
.cadre1-content { background: url(../image/cadre/_jcadre_1_bg.gif) no-repeat 0px 100% ; height:178px; padding-left: 18px; margin-bottom: 18px; }
.cadre1-content .cadre-content	{ background: url(../image/cadre/_jcadre_1_bd.gif) no-repeat right bottom; padding-bottom:160px;  padding-right: 18px; height: 18px; display: block; }
.cadre1-content>.cadre-content 	{ height: auto; min-height: 18px; }