@charset "UTF-8";
/* CSS Document */

#wrapper {
	margin: auto;
	padding:0;
	display:block;
	width:960px;
	position:relative;
}






/************************************************************************
*************************************************************************
*************************************************************************
	HEADER AVEC LOGO ET MENU EN HAUT
*************************************************************************
*************************************************************************
*************************************************************************/
#wrapper #Top{
	padding:0 14px;
	display:block;
	width:932px;
	background:#eeedee url(../images/bkg_top.jpg) repeat-y ;;
	height:146px;
	position:relative;
}

#wrapper #Top #logo{
	position:relative;
	left:38px; top:14px;
	float:left;
	display:block;
	width:140px;
	height:70px;
}

#wrapper #Top #logo a{
	display:block;
}


#wrapper #Top .NavLanguage{
	float:right;
	display:block;
	background: #e5e4e5;
	height:30px;
	margin:-1px 6px 0 0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

#wrapper #Top .NavLogin{
	float:right;
	display:block;
	background: #e5e4e5;
	height:30px;
	margin:-1px 6px 0 0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

#wrapper #Top .NavLanguage div, #wrapper #Top .NavLogin div{
	float:left;
}

#wrapper #Top .NavLanguage ul, #wrapper #Top .NavLogin ul{
	margin:0;
	padding:0;
	list-style:none;
}

#wrapper #Top .NavLanguage li, #wrapper #Top .NavLogin li{
	float:left;
	padding:7px 0;
	display:inline;
	
}

#wrapper #Top .NavLanguage li a{
	color:#000;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	border-right:1px solid #CCC;
	padding:4px 8px 0 8px;
	display:block;
}

#wrapper #Top .NavLogin li a{
	color:#000;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	padding:4px 2px 0 2px;
	display:block;
	width:100px;
	text-align:center
}

#wrapper #Top .NavLanguage li a:hover, #wrapper #Top .NavLogin li a:hover{
	color:#006699;
}

#wrapper #Top .NavLanguage li span, #wrapper #Top .NavLogin li span{
	margin:0;
	padding:0;
}

#jflanguageselection
{
    float: right;
	margin: 0px 0px 0px 5px;    
}

#jflanguageselection ul.jflanguageselection li#active_language
{

	font-size: 11px;
	color:#999;
}


#wrapper #Top .NavLogin span.mainlevel{
	color:#006699;
	font-size:14px;
	border-right:none;
	padding:0 8px;
	display:block
}

#wrapper #Top .NavLanguage li.active_language{
	color:#006699;
	border-right:1px solid #CCC;
	padding:8px;
	display:block
}

#wrapper #Top .searchBox{
	float:right;
	text-align:right;
	width:700px;
	padding:0;
	margin:14px 0 0 0;
}



/************************************************************************
*************************************************************************
*************************************************************************
	MENU PRINCIPALE DU SITE
*************************************************************************
*************************************************************************
*************************************************************************/
#wrapper #Top #mainNav{
	text-align:center;
	width:924px;
	padding:0px 5px;
	margin:14px 0 0 0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius:8px;
	/*background:url(../images/bkg_mainNav.gif) no-repeat;*/
	background:url(../images/bkg_main_btn.jpg) repeat-x top left;
	z-index: 1000;
	height: 38px
}

#wrapper #Top #mainNav ul{
	margin:0;
	padding:0;
}

#wrapper #Top #mainNav li{
	margin:0;
	padding:0;
	float:left;
	text-align:center;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
	line-height:1em;
	/*min-width:80px;
	max-width:250px;
	_min-width:80px;
	_max-width:250px;*/
	
}

#wrapper #Top #mainNav li a{
	color:#FFF;
	padding:8px 18px;
	display:block;
	text-decoration:none;
}

#wrapper #Top #mainNav li a:hover{
	color: #7da5c6;
}




/************************************************************************
*************************************************************************
*************************************************************************
	HEADER DE LA PAGE D'ACCUEIL
*************************************************************************
*************************************************************************
*************************************************************************/
#wrapper #HeaderHomePage{
	padding:8px 14px;
	display:block;
	width:932px;
	background:#eeedee url(../images/bkg_top.jpg) repeat-y ;
	height:206px;
	z-index:1
}

#wrapper #HeaderHomePage .flashIntro{
	padding:0;
	float:left;
	margin:10px 16px 10px 0;
	display:block;
	width:676px;
	height:184px;
}



#wrapper #HeaderHomePage .pubIntro{
	padding:8px;
	float:right;
	margin:10px 0;
	width:220px;
	height:168px;
	border:1px solid #CCC;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius:8px;
	/*behavior:url(border-radius.htc);
	position: relative; 
	z-index: 0;*/

	
}

.pubIntro h2{
	padding:0;
	margin:10px 0 0 0;
	color: #006699;
	font-size:20px;
	font-weight:bold
}

.pubIntro h3{
	padding:0;
	margin:0;
	color: #000000;
	font-size:16px;
	font-weight:bold
}

.pubIntro h4{
	padding:0;
	margin:0;
	color: #006699;
	font-size:14px;
	font-weight:bold
}

.pubIntro p{
	padding:0;
	margin:0;
	font-size:11px
}

.pubIntro img{
	padding:0;
	margin:0 10px 10px 0;
	float:left;
}

.pubIntro a{
	text-decoration :none
}


/************************************************************************
*************************************************************************
*************************************************************************
	CONTENT MIDDLE HOME PAGE
*************************************************************************
*************************************************************************
*************************************************************************/
#wrapper #ContentHomePage{
	padding:12px 14px;
	display:block;
	width:932px;
}

#wrapper #ContentHomePage .leftHome{
	padding:0 32px;
	display:block;
	width:612px;
	float:left
}

#wrapper #ContentHomePage .rightHome{
	padding:0px;
	float:right;
	margin: 8px 16px 8px 0;
	display:block;
	width:220px;
	text-align:right;
}

.rightHome h2{
	color: #006699;
}



/************************************************************************
*************************************************************************
*************************************************************************
	QUICK NAV BKG BLUE
*************************************************************************
*************************************************************************
*************************************************************************/
#wrapper #QuickNav{
	padding: 0 0 8px 0;
	display:block;
	width:932px;
	margin:0 14px;
	position:relative;
	background:#006699;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border:1px solid #006699;*/
	font-size:11px;
	
}



#wrapper #QuickNav #boxTitleWrapper{
	padding:3px 0;
	display:block;
	margin:0 8px;
}

#wrapper #QuickNav #boxTitleWrapper .boxTitle{
	width:188px;
	padding:8px 10px 6px 30px;
	display:block;
	float:left;
	margin:0;
}

.boxTitle h3{
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	line-height:1.2em;
}

#wrapper #QuickNav #boxContentWrapper{
	padding:3px 0;
	display:block;
	margin:0 8px;
	background:#FFF;
        font-size:11px;
}


#wrapper #QuickNav #boxContentWrapper .boxContent{
	width:187px;
	padding:8px 10px 8px 30px;
	display:block;
	float:left;
	margin:0;
	border-right:1px solid #CCC
        font-size:11px;
}
#wrapper #QuickNav #boxContentWrapper .boxContent p{
        font-size:11px;
}



/************************************************************************
*************************************************************************
*************************************************************************
	NEWS SECTION ON HOME PAGE
*************************************************************************
*************************************************************************
*************************************************************************/
#wrapper #NewsHomePage{
	padding:12px 3px 12px 12px;
	display:block;
	width:939px;
	position:relative;

}

#wrapper #NewsHomePage .leftNews{
	padding:0 0 0 32px;
	display:block;
	width:622px;
	float:left;
}

.leftNews .newsContent{
	padding:10px 0 ;
	display:block;
	clear:both;
	border-bottom:1px dotted #CCC;
}

.contentheading a{
	font-size:15px;
	color:#000;
	line-height:1em;
	font-weight:normal;
}

.contentheading a:hover{
	color:#006699
}

.createdate{
	color:#666;
	border-bottom:1px dotted #CCC;
	width:600px;
	padding:0 0 10px 0
}

.article_separator{
	display:none;
}

.leftNews .tools{
	padding:0;
	margin:0;
	display:block;
}

.leftNews .tools h2{
	font-size:18px;
	margin:10px 0 0 0;
}

#wrapper #NewsHomePage .rightNews{
	padding:8px 0px 8px 8px;
	float:right;
	margin: 0;
	display:block;
	width:240px;
	text-align:right;
}

.rightNews img{
	padding:0px;
	margin: 0 0 8px 0;;
	
}



/************************************************************************
*************************************************************************
*************************************************************************
	GENERAL PAGE
*************************************************************************
*************************************************************************
*************************************************************************/
#wrapper #GeneralPage{
	padding:12px 14px;
	display:block;
	width:932px;
	z-index:2
}

#wrapper #GeneralPage .leftPage{
	padding:0;
	display:block;
	width:248px;
	float:left;
}

#wrapper #GeneralPage .leftPage .smMenu{
	padding:14px 6px 6px 6px;
	display:block;
	width:224px;
	float:left;
	background:#006699;
	border-radius: 8px;
	behavior: url(border-radius.htc);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border:1px solid #006699;
	font-size:11px;
}

.leftPage .smMenu .title{
	color:#FFF;
	width:224px;
	padding:0 0 10px 0;
}

.leftPage .smMenu .title h3{
	font-size:14px;
	color:#FFF;
	font-weight:bold;
}

.leftPage .smMenu .content{
	padding:8px;
	display:block;
	width:208px;
	float:left;
	background:#FFF;
}

.leftPage .PubLeft{
	padding:0;
	display:block;
	width:248px;
}

.leftPage .PubLeft img{
	margin:5px 0;
}




.moduletable-blue {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	behavior: url(border-radius.htc);
	border:1px solid #006699;
	width: 235px;	
	font-size: 12px;
	color:#000;
	margin: 0 0 4px 0;
	padding:0;
	text-align:left;
	line-height:1em;
	background:#FFFFFF url(../images/bkg_btn_lead.gif) top left no-repeat;
	
}

.moduletable-blue a{
	font-weight:bold;
	line-height:1em;
}

.moduletable-blue a.BTN{
	clear:both;
	display: block;
	width: 227px;
	height: 18px;
	margin:4px 0 2px 4px;
	padding: 8px 0 0 0px;
	font-size: 11px;
	line-height: 1em;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-transform:uppercase;
	text-align:center;
	background: url(../images/BTN_bkg.jpg) 0 0 no-repeat;

}

.moduletable-blue a:hover.BTN{
	background-position: 0 -27px;
	text-decoration: none;
}

.moduletable-blue p{
	line-height:1em;
	margin:4px 0 8px 20px;
	font-size:11px;
	display:block;
}

.moduletable-blue h4{
	line-height:1em;
	margin:4px 0 8px 20px;
	font-size:14px;
	font-weight:bold;
	color:#006699;
	display:block;
}

.moduletable-blue img{
	margin:0 0 0 2px;
	float:right;
}
.separator{
	color:#000;
	font-size:11px;
	font-weight:lighter;
	padding:10px 0 0 8px;
}


.leftPage .smMenu .content ul{
	padding:0;
	display:block;
	margin:0;
}


.leftPage .smMenu .content ul li{
	padding:2px 0;
	display:block;
	margin:0;
}

.leftPage .smMenu .content li a{
	font-weight:normal;
	color:#000;
	font-size:12px;
	background: url(../images/ico_arrow.gif) no-repeat top left;
	padding:0 0 4px 8px;
}

.leftPage .smMenu .content li ul{
	padding:0;
	margin:0 0 5px 0;
}

.leftPage .smMenu .content li ul li a{
	font-weight:normal;
	color:#006699;
	font-size:11px;
	background: none; !important
	padding:0 0 0 16px;
	margin:0
}

.leftPage .smMenu .content li ul li ul {
	font-weight:normal;
	color:#006699;
	font-size:11px;
	background: none; !important
	padding:0 15px;
	margin:0 0 0 5px;
}

.leftPage .smMenu .content li ul li ul li a{
	font-weight:normal;
	color:#006699;
	font-size:11px;
	background: none; !important
	padding:0;
	margin:0
}

.leftPage .smMenu .content li ul li ul li ul li{
	font-weight:normal;
	color:#006699;
	font-size:11px;
	background: none; !important
	padding:0;
	margin:0;
}


#wrapper #GeneralPage .rightPage{
	padding:0;
	display:block;
	width:678px;
	float:right;
}

.rightPage .header{
	padding:0;
	display:block;
	width:678px;
	height:154px;
	background: url(../images/bkg_header_page.jpg) repeat-y ;
}

.rightPage .header .titlePage{
	padding:25px 12px 5px 12px;
	display:block;
	width:400px;
}

.rightPage .header .breakcrumb{
	padding:5px 12px;
	display:block;
	width:400px;
}

.rightPage .mainContent{
	padding:12px;
	display:block;
	width:654px;
}
/************************************************************************
*************************************************************************
*************************************************************************
	MEDIA TOOLS
*************************************************************************
*************************************************************************
*************************************************************************/
#wrapper #media{
	padding:12px 14px 0 32px;
	display:block;
	margin:14px 0;
	width:914px;
	position:relative;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
}

#wrapper #media .leftMedia{
	display:block;
	width:600px;
	float:left;
}

#wrapper #media .rightMedia{
	display:block;
	width:220px;
	float:right;
	text-align:right
}


/************************************************************************
*************************************************************************
*************************************************************************
	FOOTER SECTION ON HOME PAGE
*************************************************************************
*************************************************************************
*************************************************************************/
#wrapper #Footer{
	padding:12px 32px;
	display:block;
	width:886px;
	position:relative;
	font-size:11px;
	color:#666;
}

#wrapper #Footer a{
	color:#666;
	font-weight:normal
}

#wrapper #Footer a:hover{
	color:#333;
}

#wrapper .FooterContent{
	float:left;
	width:186px;
	padding:10px 16px;
	
}

#wrapper .FooterContent ul{
	margin:0 0 10px 0;
	
}

#wrapper .FooterContent li.title{
	color:#000
	
}

#wrapper .FooterBottom{
	margin:30px 0;
	padding:0 16px;
}

#wrapper .FooterBottom li{
	float:left;
	padding:0 2px;
}