@charset "utf-8";
/**
 * @media screen
 */

/*
 * Global redeclarations
 */
html,
*{
  margin: 0;
  padding: 0;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-size : 11px;
  margin:0 auto;
  background : #325a96 url(../images/bg.jpg) scroll repeat-x top left;
}

/*
* Global links
*/
   
a,
a:link,
a:visited{
  color: #536884;
  text-decoration:underline;
}

a:hover {
  text-decoration:none;
}

/*
* Various
 */
 
abbr, acronym {
  cursor:help;
  border-bottom: 1px dotted #808080;
}

 
img{
  border : none;
  margin: 5px;
}

p {
  margin: 0;
}

table,
tr,
td{
 border: none;
 text-align: left;
}

ul {
  margin: 0;
  padding:0;
}
/*
* Global forms
 */
 
label,
input,
option,
textarea,
select,
button{
  font-size: 11px;
  }
  
option{
  padding-left: 10px;
}
/**
 * Global classes
 */

.clear {
  clear : both;
}

.hSpacer{
  display: block;
  height:10px; 
  clear:both;
}

.doubleHSpacer{
  display: block;
  height:20px; 
  clear:both;
}

.pos{
  color :#3c7939;
}

.warn{
  color :#ff8400;
}

.neg{
  color: #c40900;
}

.small{
  font-size: 80%;
}


p.error {
  font: bold italic 0.90em/1em Arial, Helvetica, sans-serif;
  color :#cd0000;
  background-color : #efefef;
  border : 1px solid #cc6d6d; 
  padding : 10px; 
  margin: 16px 0 0 0;
}

p.success {
  font: bold italic 0.90em/1em Arial, Helvetica, sans-serif;
  color :#3c7939;
  background-color : #e3f4e2;
  border : 1px solid #4f9d4b;  
  padding : 10px; 
  margin: 16px 0 0 0;
}

p.warning {
  font: bold italic 0.90em/1em Arial, Helvetica, sans-serif;
  color :#ff8400;
  background-color : #f4ede2;
  border : 1px solid #e37602;  
  padding : 10px; 
  margin: 16px 0 0 0;
}

.separation{
  height : 10px;
  background : #fff url(../images/separation.png) scroll repeat-x top left;
  clear: both;
}

.readon a{
  color: #cb003e;
}
/* ****************************************** STRUCTURE DU SITE *********************************************/

/*************************************************ENTETE **************************************************/

#mainwrapper{
	width : 960px;
	margin: 0 auto;
}

#header{
  width: 960px;
  height : 180px;
  padding : 0;
}

#header > h1{
  width: 400px;
  height : 80px;
  background : #fff url(../images/logo.png) scroll no-repeat 0 0;
  text-indent: -9800px;
}

#header > h2{
  text-indent: -9800px;
}

#pathway{
  height: 18px;
  width: 960px;
  padding: 3px 0 0 10px;
  background : transparent url(../images/pathway.png) scroll no-repeat 0 0;
  font-size: 10px;
  color: #284a6b;
}

#pathway a{
  color: #4d5155;
}

#banner1{
 width: 960px;
 background-color: #000;
}

#page{
  background-color: #fff;
  padding: 10px;
}

#pageLeft{
  width: 620px;
  float: left;
  margin-right: 20px;
}

#pageRight{
  float: left;
  width: 300px;
}

/*************************************************MENU TOP**************************************************/

#menuTop{
  width: 960px;
  height: 30px;
  background : transparent url(../images/menuTop.png) scroll repeat-x 0 0;
  text-align:left;
  font-size:12px;
  z-index: 99;
  clear: both;
}


#menuTop ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#menuTop ul li {
  list-style: none;
}

#menuTop ul li a {
  float: left;
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
}

#menuTop ul.horizontal li.level1 {
  float: left;
  height: 22px;
  padding: 0px;
  padding: 2px 10px 2px 10px;
  background:url(../images/menu-li-off.png) no-repeat;
}

#menuTop ul.horizontal li.level1:hover {
  background:url(../images/menu-li.png) no-repeat;
}

#menuTop ul.horizontal li.level1 a {
  padding-top: 3px;
  font: bold 12px arial;
  color: #fff;
}

#menuTop ul.horizontal > li.level1 a {
  width: auto;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menuTop ul li a { float:none; }
/* End IE5-Mac hack */

#menuTop ul.dropdown,
#menuTop ul.flyout {
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: hidden;
  width: 195px;
  background-color: #ecf0f6;
  border-left: 1px solid #fff;  
  border-top: 1px solid #fff;
  border-right: 1px solid #899dad; 
  border-bottom: 1px solid #899dad;
  padding-bottom:16px; 
  color: #c0c0c0;
}

#menuTop ul.dropdown li.level2,
#menuTop ul.flyout li.level3 {
}

#menuTop ul.dropdown li.level2 a,
#menuTop ul.flyout li.level3 a {
  color:#000;
  width: 175px;
  font-size: 11px;
  height: 14px;
  padding: 2px 0 2px 4px;
  font-weight: normal;
  border:1px solid #ecf0f6;
  margin-left : 2px;
  background-image: none;
}

#menuTop ul.dropdown li.level2 a:hover,
#menuTop ul.flyout li.level3 a:hover {
  width: 185px;
  color:#808080;
  background-color: #c1cff3;
  padding: 2px 0 2px 4px;
  margin-left : 2px;
  border: 1px solid #8ca1d9;
  background-image : none;
}

#menuTopNoScript{
  width: 952px;
  padding: 4px 0 2px 8px;
  text-align:left;
  font-size:11px;
  z-index: 99;
  clear: both;
}

#menuTopNoScript ul {
  list-style-type: none;
}

#menuTopNoScript > ul > li > ul {
  padding-left: 10px;
}

#menuTop ul#menu2 {

}

#menuTop ul#menu2  li{
  float: left;
  padding: 0 16px 0 0;
}
/*************************************************ACCESSIBILITY**************************************************/

#layoutProfileAccess{
  position: absolute;
  margin: -47px 0 0 580px;
  padding: 0 0 0 5px;
  width: 375px;
  height: 18px;
  background : #808080 url(../images/menu-bg.png) scroll no-repeat 0 0;
  font-size:14px;
}

#layoutProfileAccess a{
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}

/*************************************************HOME**************************************************/

h2 {
  font: bold 16px arial, sans-serif;
  color: #2267a3;
  text-decoration: none;
}

#homeIntro{
  font: 11px arial, sans-serif;
  color: #33373a;
  margin : 0 0 10px 0;
}

#homeArticles{
  width: 580px;
  padding: 10px;
  background : transparent url(../images/homeArticles_bg.png) scroll repeat-x 0 0;
}

.homeArticle{
  padding: 0 0 20px 0;
  border-bottom: 1px solid #d9dbdc;
  margin-bottom: 4px;
}

.homeArticle h2 a{
  font: bold 16px arial, sans-serif;
  color: #2267a3;
  text-decoration: none;
}

.homeArticle img{
  margin: 0 10px;
}

.homeArticle p.sourceInfo{
  padding: 0 0 10px 0;
}

.fundEntry{
  margin-bottom: 4px;
  padding-bottom: 6px;
}

.fundEntry a{
  text-decoration: none;
}

.fundEntry a:hover{
  text-decoration: underline;
}


#socialbookmarks ul {
  list-style-type: none;
}

#socialbookmarks ul li{
  float: left;
  padding: 0 10px;
}

#intro img{
  margin: 0 10px;
}

h2.view{
  margin-top: 10px;
  color: #2267a3;
  text-decoration: none;
}

.articleIntro{
  border-bottom: 1px solid #d9dbdc;
  margin-bottom: 4px;
  padding-bottom: 6px;
}

.articleIntro p.sourceInfo{
  padding: 0 0 10px 0;
}

.articleIntro img{
  margin: 0 10px;
}

#pagination{
 text-align: center;
}

.magazineEntry{
  height: 50px;
  padding: 0 0 0 60px;
  background : transparent url(../images/pdf_icon.gif) scroll no-repeat bottom left;
  margin-bottom: 10px;
}

.magazineEntry a{
  font: bold 13px arial, sans-serif;
}

#introAdhesion {
  padding-top: 10px;
}

#introAdhesion ul{
  list-style-type: none;
  margin: 0 0 0 40px;
  padding-top: 10px;
  font-weight: bold;
}

#introAdhesion ul li {
  text-indent: 14px;
  background : transparent url(../images/arrow1.png) scroll no-repeat 0 4px;
}

#message1{
  font-size: 10px;
}

h4{
  font: bold 13px arial, sans-serif;
}

.calendatEntry{
  border-bottom: 1px solid #d9dbdc;
  margin-bottom: 4px;
  padding-bottom: 6px;
}

.date{
  font: bold 16px arial, sans-serif;
  color: #2267a3;
  text-decoration: none;
}
/*************************************************MODULES**************************************************/
#videoPlayerContainer{
  width: 300px;
  height: 210px;
  padding: 10px;
  background : transparent url(../images/videoPlayer_bg.png) scroll no-repeat bottom left;
}

#bilanLink {
  margin-top: 20px;
  width: 286px;
  height: 118px;
  background : transparent url(../images/bilan_image.png) scroll no-repeat top left; 
}

#bilanLink ul{
  list-style-type: none;
  margin: 0 0 0 120px;
  padding-top: 40px;
}

#bilanLink ul li {
  text-indent: 14px;
  background : transparent url(../images/arrow1.png) scroll no-repeat 0 4px;
}

#bilanLink ul li a{
  color: #2267a3;
  font: bold 10px arial, sans-serif;
  text-decoration: none;
  line-height: 18px;
}

#bilanLink ul li a:hover{
  color: #858585;
}

#campaignContainer{
  width: 270px;
  padding: 10px;
}

#campaignContainer h2{
  width: 270px;
  height: 25px;
  background : transparent url(../images/campagne_titre_impliquer.png) scroll no-repeat top left;
  text-indent: -9999px;
}

#campaignLinks{
  width: 270px;
  background : transparent url(../images/separation.png) scroll repeat-x top left;
}

#campaignLinks ul{
  list-style-type: none;
  margin: 0 0 0 16px;
  padding-top: 10px;
}

#campaignLinks ul li {
  text-indent: 14px;
  background : transparent url(../images/arrow1.png) scroll no-repeat 0 4px;
}

#campaignLinks ul li a{
  color: #2267a3;
  font: bold 11px arial, sans-serif;
  text-decoration: none;
  line-height: 18px;
}

#campaignLinks ul li a:hover{
  color: #858585;
}

#questionLink {
  margin-top: 10px;
  width: 286px;
  height: 118px;
  background : transparent url(../images/question_image.png) scroll no-repeat top left; 
}

#questionLink ul{
  list-style-type: none;
  margin: 0 0 0 120px;
  padding-top: 80px;
}

#questionLink ul li {
  text-indent: 14px;
  background : transparent url(../images/arrow1.png) scroll no-repeat 0 4px;
}

#questionLink ul li a{
  color: #2267a3;
  font: bold 10px arial, sans-serif;
  text-decoration: none;
  line-height: 18px;
}

#questionLink ul li a:hover{
  color: #858585;
}

#letterContainer{
  width: 270px;
  padding: 10px;
}

#letterContainer h2{
  width: 270px;
  height: 25px;
  background : transparent url(../images/lettre_titre.png) scroll no-repeat top left;
  text-indent: -9999px;
}

#letterLink{
  width: 270px;
  background : transparent url(../images/separation.png) scroll repeat-x top left;
}

#letterLink ul{
  list-style-type: none;
  margin: 0 0 0 16px;
  padding-top: 10px;
}

#letterLink ul li {
  text-indent: 14px;
  background : transparent url(../images/arrow1.png) scroll no-repeat 0 4px;
}

#letterLink ul li a{
  color: #2267a3;
  font: bold 11px arial, sans-serif;
  text-decoration: none;
  line-height: 18px;
}

#letterLink ul li a:hover{
  color: #858585;
}

#letterForm{
  margin: 4px 0 0 16px;
}

#newsletter{
  margin: 0 0 0 20px;
}


#cc{
  width: 270px;
  padding: 10px;
}
/*************************************************STATIC PAGE**************************************************/

h2.static{
  color: #2267a3;
  font: bold 19px arial, sans-serif;
  margin: 0 0 10px 16px;
}

#staticIntro{
  width: 520px;
}

#staticContent{
  margin: 10px 0 0 16px;
  width: 554px;
  padding: 0 25px 15px 0;
  background : transparent url(../images/article_bg.png) scroll no-repeat bottom right;
}

#staticShare{
  margin: 10px 0 0 16px;
  padding: 15px 25px 0 10px;
  width: 540px;
  height: 35px;
  background : transparent url(../images/static_share_bg.png) scroll repeat-x bottom right;
}

#staticContent .bilan{
  line-height: 16px;
}


/*************************************************STATIC PAGE**************************************************/

#linklist{
  margin : 20px;
}

.linkCategoryEntry{
  margin : 30px 0 0 0;
}

.linkCategoryEntry h4{
  font: bold 19px arial, sans-serif;
  color: #4990c6;
}

.linkCategoryEntry p{
  font: bold 12px arial, sans-serif;
  line-height: 26px;
}
/*************************************************CALENDAR PAGE**************************************************/
.calDate{
  width: 82px;
  height: 67px;
  text-align: center;
  background : transparent url(../images/calendar_date.png) scroll no-repeat 0 0;
  padding: 20px 0 0 0;
  float: left;
}

.calDay{
  color: #a61010;
  font: bold italic 24px Georgia,serif;
}

.calMonth{
 font-weight: bold;
}
/*************************************************QUIZ PAGE**************************************************/

#quiz h3{ 
  color: #808080;
  font: bold italic 24px arial,sans-serif;
  margin: 10px 0 25px 15px;
}

#quiz ul{ 
  list-style-type: none;
  margin-left: 10px;
}

#quiz > ul > li{ 
  margin-bottom: 10px;
}

#quiz > ul > li > ul{ 
  margin-top: 6px;
}

#quiz > ul > li.true{ 
  color: #3e980d;
  padding: 0 0 0 30px;
  background : transparent url(../images/green_check.gif) scroll no-repeat 0 0;
}

#quiz > ul > li.false{ 
  color: #980d17;
  padding: 0 0 0 30px;
  background : transparent url(../images/false.gif) scroll no-repeat 0 0;
}

#quiz > ul > li p{ 
  color: #333;
}
/*************************************************ARTICLE BAR**************************************************/

.articleBar500{
}

.response{
  height: 20px;
  font-size: 10px;
  color: #0e6035;
  padding-left: 16px;
}

.rating{
  width: 120px;
  height: 26px;
  float:left;
}

.rating2{
  width: 120px;
  height: 34px;
  clear: both;
}

#commentBox{
  height: 250px;
  width: 530px;
  overflow: auto;
  margin: 10px 0;
}

.comments{
  width: 230px;
  height: 26px;
  float:left;
  color: #808080;
}

.comments small{
  color: #000;
}

.share{
  width: 150px;
  height: 26px;
  float:left;
}

.commentWrite{
  width: 468px;
  margin: 10px 0;
  background-color: #EAF3FA;
  padding: 5px 16px 5px 16px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.comment{
  width: 468px;
  margin: 10px 0;
  background-color: #efefef;
  padding: 5px 16px 5px 16px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.commentLinks{
  width: 468px;
  margin: 10px 0;
  background-color: #326a7f;
  padding: 2px 16px 2px 16px;
  text-align: right;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
}

.commentLinks a{
  color: #fff;
}

.bookmarks {
	position: absolute;
	height: 107px;
	width: 157px;
	background : transparent url(../images/share_bg.png) scroll no-repeat top left;
	padding: 30px 20px 0 10px;
	margin: 0;
}

.bookmarks ul{
  list-style-type: none;
}

.bookmarks ul li{
  list-style-type: none;
  float: left;
  width: 30px;
  height: 30px;
}

/*************************************************LANGUAGE CHOOSER**************************************************/

#languageChooser{
  float:left;
  padding: 6px 0 0 10px;
  width: 308px;
  height: 28px;
  background : transparent url(../images/languageChooser.png) scroll repeat-y top right;
}

#languageChooserSelect{
  border: 1px solid #808080;
  padding: 1px;
  width : 130px;
}

#languageChooserSubmit{
  position : absolute;
  border: 1px solid #808080;
  padding: 2px 1px;
  margin: 0 0 0 3px;
}


/*************************************************MENU BOTTOM**************************************************/

#menuBottom{
  padding: 2px 0 0 0;
  width: 640px;
  height: 32px;
  overflow: hidden;
}

#menuBottom > ul{
  list-style-type: none;
  padding: 0 0 0 10px;
}

#menuBottom > ul  li{
  float: left;
  padding-right: 14px;
}

/*************************************************SITE INFO BOTTOM**************************************************/
#siteInfoBottom{
  width: 320px;
  text-align: center;
  padding: 10px 0 0 0;
  font-size: 10px;
  color: #fff;
}

#menuLegal{

}


#menuLegal > ul { 
  list-style-type: none;
  padding: 10px 0 0 20px;
}

#menuLegal > ul  li { 
  line-height: 24px;
}

#menuLegal > ul  li a{ 
  color: #c2c2c2;
}



/*************************************************MAINTENANCE**************************************************/

#maintenance{
  margin: 50px auto;
  padding: 6px 0 0 10px;
  width: 400px;
  height: 250px;
  background : transparent url(../images/maintenance.png) scroll no-repeat 0 0;
}

/*************************************************RATING**************************************************/
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background: url(../images/ratingStar2.png) left top repeat-x;
}
.star-rating{
position:relative;
width:80px;
height:16px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background: url(../images/ratingStar0.png) left top repeat-x;
}
.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:16px;
line-height:16px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
background: url(../images/ratingStar1.png) left top repeat-x;
}
.star-rating a.one-star{
position: absolute;
width:20%;
z-index:6;
}
.star-rating a.two-stars{
position: absolute;
width:40%;
z-index:5;
}
.star-rating a.three-stars{
position: absolute;
width:60%;
z-index:4;
}
.star-rating a.four-stars{
position: absolute;
width:80%;
z-index:3;
}
.star-rating a.five-stars{
position: absolute;
width:100%;
z-index:2;
}
.star-rating .current-rating{
z-index:1;
background-position: left center;
}


/*************************************************DEBUG*****************************************************/

#sqlDebug {
	width : 80%;
	margin : 20px auto;
	border: 1px solid #cbdadd; 
	text-align: left;
	padding : 10px 20px;
	background-color: #ececec;
}

#sqlDebug  p{
	font: 10px/16px Arial, Helvetica, sans-serif;
	color: #3f3f3f;
}

#sqlDebug  li{
	font: 10px/16px Arial, Helvetica, sans-serif;
	color: #3f3f3f;
}

#fedebox{
  height: 490px;
  overflow: auto;
}