/* ==================================================================================================
Page's content (within the white zone of a page)
================================================================================================== */ 
div#pageContent {
   padding-top: 24px;
   padding-left: 25px;
   padding-right: 25px;
   padding-bottom: 18px;
   }


/* ==================================================================================================
Page's content header
================================================================================================== */ 
div.pageContentHeader {
padding-top:8px;
padding-bottom:16px;
}

div.pageContentHeader img {
   border-style: none;
   border-width: 0px;
   vertical-align: middle;
   }

div.pageContentHeader a:link, div.pageContentHeader a:hover, div.pageContentHeader a:visited, div.pageContentHeader a:active {
   float: left;
   font-family: Arial;
   font-size: 9pt;
   color: #004086;
   text-decoration: none;
   outline: none;
   padding-left: 0px;
   padding-right: 4px;
   border-color: #ffffff;
   border-style: solid;
   border-width: 1px;
   }

div.pageContentHeader a:first-child img {
   display: none;
   }

div.pageContentHeader a img {
   border-width: 0px;
   }

div.pageContentHeader a:hover {
   background-image: url('../img/menubar-selected-bgwhite.gif');
   background-repeat: repeat;
   color: #092a52;
   border-style: solid;
   border-width: 1px;
   border-left-color: #dbdbdb;
   border-top-color: #dbdbdb;
   border-right-color: #a8a8a8;
   border-bottom-color: #a8a8a8;
   }

div.pageContentHeader a.right:link, div.pageContentHeader a.right:hover, div.pageContentHeader a.right:visited, div.pageContentHeader a.right:active {
   float: right;
   font-family: Arial;
   font-size: 9pt;
   color: #004086;
   text-decoration: none;
   outline: none;
   padding-left: 6px;
   padding-right: 6px;
   border-color: #ffffff;
   border-style: solid;
   border-width: 1px;
   }

div.pageContentHeader a.right:hover {
   background-image: url('../img/menubar-selected-bgwhite.gif');
   background-repeat: repeat;
   color: #092a52;
   border-style: solid;
   border-width: 1px;
   border-left-color: #dbdbdb;
   border-top-color: #dbdbdb;
   border-right-color: #a8a8a8;
   border-bottom-color: #a8a8a8;
}

/* ==================================================================================================
Page's content footer
================================================================================================== */ 
div.pageContentFooter {
padding-bottom:32px;
}

div.pageContentFooter img {
   border-style: none;
   border-width: 0px;
   vertical-align: middle;
   }

div.pageContentFooter a:link, div.pageContentFooter a:hover, div.pageContentFooter a:visited, div.pageContentFooter a:active {
   float: left;
   display:block;
   font-family: Arial;
   font-size: 9pt;
   color: #004086;
   text-decoration: none;
   outline: none;
   padding-left: 0px;
   padding-right: 4px;
   /* border-color: #ffffff;
   border-style: solid;
   border-width: 1px; */
   }

div.pageContentFooter a:first-child img {
   /* display: none; */
   }

div.pageContentFooter a img {
   border-width: 0px;
   }

div.pageContentFooter a:hover {
   background-image: url('../img/menubar-selected-bgblue.gif');
   background-repeat: repeat;
   color: #092a52;
   border-style: solid;
   border-width: 1px;
   border-left-color: #dbdbFb;
   border-top-color: #dbdbFb;
   border-right-color: #a8a8C8;
   border-bottom-color: #a8a8C8;
   }

div.pageContentFooter a.right:link, div.pageContentFooter a.right:hover, div.pageContentFooter a.right:visited, div.pageContentFooter a.right:active {
   float: right;
   font-family: Arial;
   font-size: 9pt;
   color: #004086;
   text-decoration: none;
   outline: none;
   padding-left: 6px;
   padding-right: 6px;
   border-color: #ffffff;
   border-style: solid;
   border-width: 1px;
   }

div.pageContentFooter a.right:hover {
   background-image: url('../img/menubar-selected-background.gif');
   background-repeat: repeat;
   color: #092a52;
   border-style: solid;
   border-width: 1px;
   border-left-color: #dbdbdb;
   border-top-color: #dbdbdb;
   border-right-color: #a8a8a8;
   border-bottom-color: #a8a8a8;
}

/* ==================================================================================================
Page's content layouts
================================================================================================== */ 
div.pageContentLayouts {
   padding: 0px;
   padding-top: 32px;
   padding-bottom: 24px;
   clear: both;
   }

table.layoutL, table.layoutSL, table.layoutLS  {
   margin: 0px;
   padding: 0px;
   width: 100%;
   }

table.layoutSL td {
   vertical-align: top;
   }

td.layoutSL-S {
   width: 200px;
   padding-right: 25px;
   }

td.layoutSL-L {
   width: 716px;
   }

table.layoutLS td {
   vertical-align: top;
   }

td.layoutLS-S {
   width: 200px;
   padding-left: 25px;
   }

td.layoutLS-L {
   width: 716px;
   }


td.layoutL-L {
   width: 100%;
   }

/* ==================================================================================================
Page's content titles
================================================================================================== */ 
h1 {
   text-align: left;
   color: #004090;
   font-family: Arial;
   font-size: 16pt;
   font-weight: bold;
   margin: 0px;
   padding: 0px;
   margin-bottom: 16px;
   }

h2 {
   text-align: left;
   color: #004090;
   font-family: Arial;
   font-size: 12pt;
   font-weight: bold;
   margin: 0px;
   padding: 0px;
   margin-bottom: 12px;
   }

h3 {
   text-align: left;
   color: #3070A6;
   font-family: Arial;
   font-size: 10pt;
   font-weight: bold;
   margin: 0px;
   padding: 0px;
   margin-bottom: 8px;
   }

h4 {
   text-align: left;
   color: #444444;
   font-family: Arial,sans-serif;
   font-size: 10pt;
   font-weight: bold;
   padding: 0px;
   margin: 0px;
   margin-bottom: 8px;
   }

/* ==================================================================================================
Page's content paragraphs
================================================================================================== */ 
p {
   text-align: justify;
   font-family: Arial,sans-serif;
   color: #444444;
   font-size: 10pt;
   padding: 0px;
   margin: 0px;
   margin-bottom: 8px;
   }

td.layoutLS-S p, td.layoutSL-S p {
   text-align: left;
   color: #666666;
   }

a {
  color: #003399;
  text-decoration: none;
  }

/* ==================================================================================================
Page's content images
================================================================================================== */ 
div.img {
  padding-bottom: 16px;
  }

div.img img {
  display: block;
  padding-bottom: 3px;
  }

div.img p {
   text-align: left;
   font-family: Arial,sans-serif;
   color: #999999;
   font-size: 8pt;
   padding: 0px;
   margin: 0px;
   padding-bottom: 3px;
  }


/* ==================================================================================================
Page's content signaletics
================================================================================================== */ 
div.signaletics {
   margin-top: 22px;
   margin-bottom: 22px;
   }

div.signaletics:first-child {
   margin-top: 0px;
   }

div.signaletics div.tl {
   background-image: url('../img/signaletics-tl.gif');
   background-repeat: no-repeat;
   background-color: #ffffff;
   float: left;
   width: 8px;
   height: 8px;
   }

div.signaletics div.t {
   background-image: url('../img/signaletics-t.gif');
   background-repeat: repeat-x;
   height: 8px;
   width: 100%;
   }

div.signaletics div.tr {
   background-image: url('../img/signaletics-tr.gif');
   background-color: #ffffff;
   float: right;
   width: 8px;
   height: 8px;
   }

div.signaletics div.bl {
   background-image: url('../img/signaletics-bl.gif');
   background-repeat: no-repeat;
   background-color: #ffffff;
   float: left;
   width: 8px;
   height: 8px;
   }

div.signaletics div.b {
   background-image: url('../img/signaletics-b.gif');
   background-repeat: repeat-x;
   height: 8px;
   width: 100%;
   }

div.signaletics div.br {
   background-image: url('../img/signaletics-br.gif');
   background-color: #ffffff;
   float: right;
   width: 8px;
   height: 8px;
   }

div.signaletics div.content {
   clear: both;
   background-image: url('../img/signaletics-info.gif');
   background-repeat: no-repeat;
   background-position: top right;
   background-color: #ddddee;
   padding-left: 8px;
   padding-right: 8px;
   border-left-style: solid;
   border-left-color: #999999;
   border-left-width: 1px;
   border-right-style: solid;
   border-right-color: #999999;
   border-right-width: 1px;
   }

div.signaletics h1 {
   text-align: left;
   color: #3070A6;
   font-family: Arial;
   font-size: 10pt;
   font-weight: bold;
   padding: 0px;
   margin: 0px;
   padding-bottom: 3px;
   }

div.signaletics p {
   text-align: left;
   font-family: Arial,sans-serif;
   color: #666666;
   font-size: 10pt;
   padding: 0px;
   margin: 0px;
   padding-bottom: 3px;
   }


/* ==================================================================================================
Page's content table of contents
================================================================================================== */ 
div.toc {
   padding: 0px;
   margin: 0px;
   margin-bottom: 8px;
   }

div.toc1 + div.toc1 {
   margin-top: 4px;
   }

div.toc1 + div.toc2 {
   margin-top: 4px;
   }

div.toc2 + div.toc1 {
   margin-top: 12px;
   }

div.toc span.toc1 {
   text-align: left;
   color: #999999;
   font-size: 10pt;
   padding-left: 0px;
   list-style: none;
   }

div.toc a.toc1 {
   text-align: left;
   color: #003399;
   font-size: 10pt;
   padding-left: 10px;
   list-style: none;
   background-image: url('../img/toc1-off.gif');
   background-repeat: no-repeat;
   background-position: 0px 5px;
   }

div.toc a.toc1:hover {
   background-image: url('../img/toc1-on.gif');
   text-decoration: underline;
   }

div.toc span.toc2 {
   text-align: left;
   color: #999999;
   font-size: 10pt;
   margin-left: 16px;
   padding-left: 0px;
   list-style: none;
   }

div.toc a.toc2 {
   text-align: left;
   color: #003399;
   font-size: 10pt;
   margin-left: 16px;
   padding-left: 10px;
   list-style: none;
   background-image: url('../img/toc1-off.gif');
   background-repeat: no-repeat;
   background-position: 0px 5px;
   }

div.toc a.toc2:hover {
   background-image: url('../img/toc1-on.gif');
   text-decoration: underline;
   }

div.toc span.toc3 {
   text-align: left;
   color: #999999;
   font-size: 10pt;
   margin-left: 32px;
   padding-left: 0px;
   list-style: none;
   }

div.toc a.toc3 {
   text-align: left;
   color: #003399;
   font-size: 10pt;
   margin-left: 32px;
   padding-left: 10px;
   list-style: none;
   background-image: url('../img/toc1-off.gif');
   background-repeat: no-repeat;
   background-position: 0px 5px;
   }

div.toc a.toc3:hover {
   background-image: url('../img/toc1-on.gif');
   text-decoration: underline;
   }

div.toc span.toc4 {
   text-align: left;
   color: #999999;
   font-size: 10pt;
   margin-left: 48px;
   padding-left: 0px;
   list-style: none;
   }

div.toc a.toc4 {
   text-align: left;
   color: #003399;
   font-size: 10pt;
   margin-left: 48px;
   padding-left: 10px;
   list-style: none;
   background-image: url('../img/toc1-off.gif');
   background-repeat: no-repeat;
   background-position: 0px 5px;
   }

div.toc a.toc4:hover {
   background-image: url('../img/toc1-on.gif');
   text-decoration: underline;
   }
/* ==================================================================================================
Page's content blocs
================================================================================================== */ 
div.blocStyle2 {
   padding-top: 12px;
   padding-bottom: 12px;
   width: 100%;
   }

div.blocStyle2:first-child {
   padding-top: 0px;
   }


div.blocStyle2 div.blocTopLeft {
   background-repeat: no-repeat;
   background-position: left top;
   font-size: 1px; 
   }

div.blocStyle2 div.blocTopRight {
   background-repeat: no-repeat;
   background-position: right top;
   font-size: 1px; 
   }

div.blocStyle2 div.blocTop {
   background-repeat: repeat-x;
   background-position: left top;
   font-size: 1px; 
   }

div.blocStyle2 div.blocLeft {
   background-repeat: repeat-y;
   background-position: left top;
   }

div.blocStyle2 div.blocRight {
   background-repeat: repeat-y;
   background-position: right top;
   }

.backgroundColor_DarkBlue div.blocTitle {
   color: #ffffff;
   }

div.blocStyle2 div.blocTitle {
   background-repeat: repeat;
   background-position: 0px 0px;
   font-weight: bold;
   font-family: Arial;
   font-size: 10pt;
   padding: 0px;
   }

div.blocStyle2 div.blocContent {
   background-repeat: repeat;
   background-position: 0px 0px;
   }

div.blocStyle2 div.blocBottomLeft {
   background-repeat: no-repeat;
   background-position: left bottom;
   font-size: 1px; 
   }

div.blocStyle2 div.blocBottomRight {
   background-repeat: no-repeat;
   background-position: right bottom;
   font-size: 1px; 
   }

div.blocStyle2 div.blocBottom {
   background-repeat: repeat-x;
   background-position: left bottom;
   font-size: 1px; 
   }


div.blocStyle2 div.blocTop0-5-5 {
   background-image: url('../img/blocVertical.gif');
   }

div.blocStyle2 div.blocTopRoundLeft0-5-5 {
   background-image: url('../img/blocSquare.gif');
   }

div.blocStyle2 div.blocTopRoundRight0-5-5 {
   background-image: url('../img/blocSquare.gif');
   }

div.blocStyle2 div.blocTop0-5-0 {
   background-image: url('../img/blocVertical.gif');
   }

div.blocStyle2 div.blocTopRoundLeft0-5-0 {
   background-image: url('../img/blocSquare.gif');
   }

div.blocStyle2 div.blocTopRoundRight0-5-0 {
   background-image: url('../img/blocSquare.gif');
   }

div.blocStyle2 div.blocLeft0-5-5 {
   background-image: url('../img/blocHorizontal.gif');
   }

div.blocStyle2 div.blocRight0-5-5 {
   background-image: url('../img/blocHorizontal.gif');
   }

div.blocStyle2 div.blocLeft0-5-0 {
   background-image: url('../img/blocHorizontal.gif');
   }

div.blocStyle2 div.blocRight0-5-0 {
   background-image: url('../img/blocHorizontal.gif');
   }

div.blocStyle2 div.blocContent0 {
   background-color: #ffffff;
   }

div.blocStyle2 div.blocContent5 {
   background-color: #000088;
   }

div.blocStyle2 div.blocBottom0-5-5 {
   background-image: url('../img/blocVertical.gif');
   }

div.blocStyle2 div.blocBottomRoundLeft0-5-5 {
   background-image: url('../img/blocSquare.gif');
   }

div.blocStyle2 div.blocBottomRoundRight0-5-5 {
   background-image: url('../img/blocSquare.gif');
   }

div.blocStyle2 div.blocBottom0-5-0 {
   background-image: url('../img/blocVertical.gif');
   }

div.blocStyle2 div.blocBottomRoundLeft0-5-0 {
   background-image: url('../img/blocSquare.gif');
   }

div.blocStyle2 div.blocBottomRoundRight0-5-0 {
   background-image: url('../img/blocSquare.gif');
   }

.backgroundColor_PostIt16 {
   background-color: #fff9af;
   }

/* ==================================================================================================
Page's content  actualité li img
================================================================================================== */
.actu-box {
	list-style-type: none;
      padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
      margin-left: 0px;

}
ul.actu-box li img {
	float: left;
      margin-right: 15px;
}
/*

*/
.colLeft{
  float:left;
  display:block;
  width:230px;
  height:100%;
  margin-right: 30px;
  text-align:left;
  /* background-color:#ffb567; */
}
.colCenter{
  float:left;
  width:450px;
  display:block;
  margin-right: 30px;
  text-align:left;
  /*margin-left:221px;*/
}
.colRight{
  width:auto;
  display:block;
  margin-left:742px;
  text-align:left;
  /*position:absolute;background-color:#b5ff67;float:right;*/
}
.colRight div{
  /* margin-left:722px; */
}
.colRight .tags_box{
  /* margin-left:722px; */
  padding:0px;
}
.colS{
  float:left;
  display:block;
  width:230px;
  height:100%;
  margin-right: 30px;
  /* background-color:#ffb567; */
}
.colL{
  width:auto;
  display:block;
  margin-left:260px;
}
.tocJSFF{
/* background-image:url(../actulb/images/cbd.gif);
background-repeat: no-repeat;
background-position:bottom right;
background-color:#dfecf4;
padding:15px;
width:200px; */
}
.tocJSFF a {
/* color: #ECA659; */
}
.tocJSFF li{
list-style-type: none;
}
.tocItemJSFF a{
  font-family:Arial;
  font-size:12px;
}
.newsJSFF{
/*top: 40px; background-color:#D6FFFF; */width:auto;display:block;
overflow:hidden;
/*margin-top : 30px;*/
}
/*----------------------------------------------articles¨*/
.uneFF{
/*position:absolute;overflow:hidden;

background-image:url(../actulb/images/cbdArt.gif);

background-repeat: no-repeat;
background-position:bottom right;*/
background-color:#EfeFfF;
margin-bottom:20px;
}
.uneFF h2{

  /*overflow:hidden; width:100%;position:absolute;
  z-index: 1;color:#FFFFFF;
  background-color:#7f9fc3;
  font-weight:bold;
  padding-left:10px;
  padding-bottom:10px;
  padding-top:10px;font-size:20px;*/


}
.uneFF div{
/* padding-right:10px;
padding-left:10px;
color:#000000; */
padding-left:10px;
padding-right:10px;
padding-bottom:10px;

}
.uneFF a{
color:#004186;
text-decoration:none;
}
.uneFF .imgContainer{
padding-left:10px;
padding-bottom:10px;
padding-top:10px;
padding-right:0;
float:right;
text-align:right;
}
.uneFF .imgContainer div{
padding:0;
margin:0;
border:0;
text-align:right;
}
.uneFF div.imgContainer img{
padding:0;
margin:3px 0 0 0;

/*display:block;margin-bottom:-5px;*/
border:0;
}


.uneFF .imgContainer a{
padding:0;
margin:0;
border:0;
display:block;
}
.articleJSFF{
/*position:absolute;overflow:hidden;background-image:url(../actulb/images/cbdArt.gif);background-repeat: no-repeat;
background-position:bottom right;background-color:#dfe7f0;*/
  padding-bottom:20px;




}
.articleJSFF h3{
  /*color:#FFFFFF;
  background-color:#7f9fc3;
  font-weight:bold;

  padding-bottom:5px;

  overflow:hidden; width:100%;position:absolute;
  z-index: 1;*/
  padding-left:0px;
  margin-bottom:10px;
  font-size:17px;
  border-bottom:1px dotted #7E9EC2;
}
.articleJSFF p{
/* padding-top:35px;
padding-bottom:25px;padding-right:10px;text-align:justify; */
padding-left:0px;
color:#000000;

}
.articleJSFF p{
/* padding-top:35px;
padding-bottom:25px;padding-right:10px;text-align:justify; */
padding-left:0px;
color:#000000;

}
.articleJSFF ul{
font-size:10pt;
padding-left:20px;
margin-bottom:15px;
}
.articleJSFF li{
font-size:10pt;
margin-left:20px;
margin-bottom:15px;
}
.articleJSFF .imgContainer{
padding-left:10px;
padding-bottom:10px;
text-align:right;
float:right;
}
.articleJSFF .imgContainer img{
padding:0;
margin:3px 0 0 0;
border:0;
}
.articleJSFF .imgContainer a{
padding:0;
margin:0;
border:0;
display:block;
}
.largeImage{
position:absolute;
display:none;
width:100%;
height:100%;
text-align:center;
z-index:100;
}

.titled_box img{
  padding-left:10px;
}
.spacer{
clear:both;
}
input.search {
	display: block;
	float: left;
	border: 0;
	background: url(../_img/bg-input.gif) left no-repeat;
	height: 17px;
	font: 11px "Arial", sans-serif;
	padding: 5px 0 0 5px;
}

/* framework */
div.keywordTagsColumn a:hover {
   background-image: url('../img/menubar-selected-bgblue.gif');
   background-repeat: repeat;
   color: #092a52;
   border-style: solid;
   border-width: 1px;
   border-left-color: #dbdbdb;
   border-top-color: #dbdbdb;
   border-right-color: #a8a8a8;
   border-bottom-color: #a8a8a8;
   }
.imgContainer{
padding-left:10px;
padding-bottom:10px;

float:right;
}
.imgContainer img{
padding:0;
margin:0;
border:0;
}
.book{
	display:none;
	width:205px;
	height:240px;
	/*text-align:center;*/
	overflow:hidden;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	position:absolute;
	/**/
}
.portrait{
	display:none;
	width:205px;
	text-align:center;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	position:absolute;
}
.book img{
	border:1px solid black;
	padding: 0;
	/*position:absolute;*/
}
.book a .auteur{
	/*display:none;
	position:absolute;*/
}
.commented {
	/*margin: 100px 100px 0;*/
	padding: 0;
	list-style: none;
	overflow:visible;
}
.commented span {
	/*float: left;*/
	position: absolute;
	text-align: center;
	width:210px;
	background-color:#FFF;
}
.commented a {
	display: block;
	color: #000000;
	/*width: 144px;*/
	text-decoration: none;
	font: 75%/120% Arial, Helvetica, sans-serif;
	font-weight: bold;
	height:237px;
}
.commented span em {
	/*background: url(../img/hover.png) no-repeat;*/
	background-color:#fff9af;
	border:1px solid black;
	width: 180px;
	/*height: 45px;*/
	position: absolute;
	top: 250px;
	left: 0px;
	text-align: center;
	padding: 20px 12px 10px;
	margin-left:10px;
	font: 75%/120% Arial, Helvetica, sans-serif;
	z-index: 100;
	display: none;
}