body {
    font-family:Arial,Verdana,Helvetica,sans-serif;
    font-size:11px;
    font-style:normal;
    color:black;
    text-decoration:none; 
}


/* +++++++++++++++++++++++++++++++++++++ */
/* Box-with-image-on-right styles */
/*
Here is the place to change the look of the
boxes with an image on the top-right corner
*/
/* +++++++++++++++++++++++++++++++++++++ */

/* the general table properties */
table.imgBox {
    width: 100%;
    background-color: #ffff;
}

.cadreg {
border : 1px solid #D4D0C8;
margin: 0px;
padding: 10px;
background-color: #F2F2F2;
}

/* the "tab" containing the title */
table.imgBox span.header {
    background-color: #f2f2f2;
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    border-color: #2B6E9D;
    height: 25px;
    vertical-align: bottom;
    padding: 0px 30px 0px 30px;
    font-family : Verdana,Helvetica,sans-serif;
    font-size: 16px;
    color : #2B6E9D;
    font-weight: bold;
}

/* the main space, the one that keeps
   the content */
table.imgBox td.main {
    border-width: 0px 0px 1px 1px;
    border-style: solid;
    border-color: #2B6E9D;
    width: 535;
    vertical-align: top; 
    background-color: #fff;
}

/* the bottom right corner */
table.imgBox td.rightbottom {
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: #2B6E9D;
    width: 10px;
    padding: 0;
    margin: 0;
}

/* the empty space on the right of 
   the title */
table.imgBox .underline {
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #2B6E9D;
    height: 25px;
    margin: 0px;
    padding: 1px 0 0 0;
    background-color: #F8F8ED;
    vertical-align: bottom;
}

/* the cell that contains the image */

table.imgBox td.img {
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #2B6E9D;
    margin: 0;
    padding: 0;
}

div.bottombox A:link {font-family : Arial,Verdana,Helvetica,sans-serif;font-weight:bold;font-size : 11px;text-decoration : none;color : #2B6E9D;}
div.bottombox A:active {font-family : Arial,Verdana,Helvetica,sans-serif;font-weight:bold;font-size : 11px;text-decoration : none;color : #2B6E9D;}
div.bottombox A:visited {font-family : Arial,Verdana,Helvetica,sans-serif;font-weight:bold;font-size : 11px;text-decoration : none;color : #2B6E9D;}
div.bottombox A:hover {font-family : Arial,Verdana,Helvetica,sans-serif;font-weight:bold;font-size : 11px;text-decoration : underline;color : #2B6E9D;}

table.imgBox A:link {font-family : Arial,Verdana,Helvetica,sans-serif;font-size : 11px;text-decoration : underline;color : #2B6E9D;}
table.imgBox A:active {font-family : Arial,Verdana,Helvetica,sans-serif;font-size : 11px;text-decoration : underline;color : #2B6E9D;}
table.imgBox A:visited {font-family : Arial,Verdana,Helvetica,sans-serif;font-size : 11px;text-decoration : underline;color : #2B6E9D;}
table.imgBox A:hover {font-family : Arial,Verdana,Helvetica,sans-serif;font-size : 11px;text-decoration : none;color : #2B6E9D;}

/* +++++++++++++++++++++++++++++++++++++ */
/* Article view styles */
/* +++++++++++++++++++++++++++++++++++++ */

.articleBodyFrame {
    font-family:Arial,Verdana,Helvetica,sans-serif;
    font-size:11px;
    font-weight:normal;
    color:#1A193C;
    text-decoration:none;
}

.underline {
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #2B6E9D;
    height: 25px;
    margin: 0px;
    padding: 0px;
    background-color: #F8F8ED;
    vertical-align: bottom;
}

.underlineFixed {
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #2B6E9D;
    height: 25px;
    margin: 0px;
    padding: 0px;
    background-color: #F8F8ED;
    vertical-align: bottom;
    position: absolute;
    left: 133px;
    width: 646px;

}

.articleHeader {
    background-color: #f2f2f2;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #2B6E9D;
    height: 24px;
    vertical-align: middle;
    padding: 0px 30px 0px 30px;
    font-family : Verdana,Helvetica,sans-serif;
    font-size: 16px;
    color : #2B6E9D;
    font-weight: bold;
}

.articleTitle {
}

.articleTitleImg {
}


.articleDesc {
width: 605px
}

.articleMain {
}

.articleBodyFrame A:link {font-family : Arial,Verdana,Helvetica,sans-serif;font-size : 11px;font-weight:bold;text-decoration : underline;color : #2B6E9D;}
.articleBodyFrame A:active {font-family : Arial,Verdana,Helvetica,sans-serif;font-size : 11px;font-weight:bold;text-decoration : underline;color : #2B6E9D;}
.articleBodyFrame A:visited {font-family : Arial,Verdana,Helvetica,sans-serif;font-size : 11px;font-weight:bold;text-decoration : underline;color : #2B6E9D;}
.articleBodyFrame A:hover {font-family : Arial,Verdana,Helvetica,sans-serif;font-size : 11px;font-weight:bold;text-decoration : none;color : #2B6E9D;}

.articleBodyFrame {
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #2B6E9D;
    vertical-align: top;
    padding: 10px 15px 10px 20px;
    background-color: #fff;
}

.articleMainWithBoxes {
    float: left;
    width: 75%;
}

.articleBoxes {
    width: 122px;
    float:right;
    padding:20px 0 0 0;
}

.articleLastModified {
    font-family:Arial,Verdana,Helvetica,sans-serif;
    font-size:11px;
    font-weight:normal;
    color:#000;
    text-align: right;
    vertical-align: bottom;
    height: 100%;
    padding-top: 5px;
}

div.article_box_title {
  color: #fff;
  background-color: #2B6E9D;
  border: #2B6E9D;
  border-style: solid solid none solid;
  padding: 0.2em;
  font-weight: bold;
  text-align: center;
  word-wrap: break-word;
}

div.article_box_body {
  margin: 0 0 1em 0;
}

div.article_box_body .content {
  padding: 0.7em;
  background-color: #fff;
  border:#2B6E9D;
  border-style: solid;
  border-width: 1px;
  word-wrap: break-word;
}

div.article_box_body ul {
  list-style-image: none;
  list-style-type: none;
  margin-left: -2em;
}


div.articleMainImage {
  padding-top: 0.5em;
}

div.articleTitleDescImg {
}

div.articleFile {
    margin-bottom: 1em;
}

div.articleILink {
 
}

div.articleELink {
 
}

.arrow_title {

}

.titleonly_arrow {
 font-size: 11px;
 background-image: url(picto_fleche_bleue.gif);
 background-repeat: no-repeat;
 padding:0 0 0 15px;
}

.arrow_title A:link {font-family : Arial,Verdana,Helvetica,sans-serif;text-decoration : none;color : #2B6E9D;}
.arrow_title A:active {font-family : Arial,Verdana,Helvetica,sans-serif;text-decoration : none;color : #2B6E9D;}
.arrow_title A:visited {font-family : Arial,Verdana,Helvetica,sans-serif;text-decoration : none;color : #2B6E9D;}
.arrow_title A:hover {font-family : Arial,Verdana,Helvetica,sans-serif;text-decoration : underline;color : #2B6E9D;}

div.section_box {
  margin: 0 0 1em 0;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #2B6E9D;
}
div.section_box .title {
  font-weight: bold;
}
div.section_box .title2 {
  font-size: 120%;
  font-weight: bold;
}
div.section_box a.close {
  border: 0;
}
div.section_box .content {
 padding: 0.7em 0.7em 0.7em 3em;
}
div.section_box ul {
  margin-left: -1em;
  padding: 0;
}
div.bottombox
{
    padding-top: 0pt;
    padding-right-value: 15px;
    padding-bottom: 4px;
    padding-left-value: 15px;
    padding-left-ltr-source: physical;
    padding-left-rtl-source: physical;
    padding-right-ltr-source: physical;
    padding-right-rtl-source: physical;
    margin-top: 0pt;
    background-color: rgb(255, 255, 255);
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-color: #2B6E9D;
    border-right-color: #2B6E9D;
    border-bottom-color: #2B6E9D;
    border-left-color: #2B6E9D;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
}

.fleche
{
    background: transparent url(picto_fleche_bleue.gif) no-repeat;
    padding:0 0 0 15px;

}

div.boxfooter a:link
{
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 11px;
    text-decoration: none;
    color: #2B6E9D;
    font-weight: bold;
}

div.boxfooter a:visited 
{
    font-family: Arial,Verdana,Helvetica,sans-serif;
    text-decoration: none;
    font-size: 11px;
    color: #2B6E9D;
    font-weight: bold;
}

div.boxfooter a:hover
{
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 11px;
    text-decoration: underline;
    color: #2B6E9D;
    font-weight: bold;
}

h1, h2, h3, h4, h5, h6
{
    color: Black;
    background-color: transparent;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-size: 100%;
    line-height: 200%;
    font-size-adjust: none;
    font-stretch: normal;
    font-weight: bold;
    margin-top: 0pt;
    margin-right-value: 0pt;
    margin-bottom: 0pt;
    margin-left-value: 0pt;
    margin-left-ltr-source: physical;
    margin-left-rtl-source: physical;
    margin-right-ltr-source: physical;
    margin-right-rtl-source: physical;
    padding-top: 0.5em;
}

h1,h2,h5
{
    font-size: 130%;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

h1
{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #2B6E9D;
}

h2
{
    border-bottom-width: 0px;
    border-bottom-style: none;
}

h3
{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #2B6E9D;
}

h5
{
color: #2B6E9D;
}

h6{
font-family:monospace;
font-weight: normal;
}

div.box .title2
{
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-color: #2B6E9D;
    border-right-color: #2B6E9D;
    border-bottom-color: #2B6E9D;
    border-left-color: #2B6E9D;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    padding-top: 0pt;
    padding-right-value: 0pt;
    padding-bottom: 0pt;
    padding-left-value: 0pt;
    padding-left-ltr-source: physical;
    padding-left-rtl-source: physical;
    padding-right-ltr-source: physical;
    padding-right-rtl-source: physical;
    margin-bottom: 1em;
}

div.box .body
{
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #2B6E9D;
    border-right-color: #2B6E9D;
    border-bottom-color: #2B6E9D;
    border-left-color: #2B6E9D;
}

/* tableau gris en haut */
.tdh {
border:solid;
border-left-width:1px;
border-right-width:0;
border-top-width:1px;
border-bottom-width:1px;
text-align:center;
font-weight:bold;
border-color: #2B6E9D;
background-color:#EDEDED;
}

.tdhf {
border:solid;
border-left-width:1px;
border-right-width:1px;
border-top-width:1px;
border-bottom-width:1px;
text-align:center;
font-weight:bold;
border-color: #2B6E9D;
background-color:#EDEDED;
}

.tdcb {
border:solid;
border-left-width:1px;
border-right-width:0;
border-top-width:0;
border-bottom-width:1px;
border-color:#2B6E9D;
}

.tdcbf {
border:solid;
border-left-width:1px;
border-right-width:1px;
border-top-width:0;
border-bottom-width:1px;
border-color:#2B6E9D;
}

/* tableau gris a gauche */
.tdhg { 
background:#EDEDED; 
border: solid 1px #2B6E9D;
font-weight:bold;
}

.tdhd { 
border-top: solid 1px #2B6E9D; 
border-right: solid 1px #2B6E9D;
border-bottom: solid 1px #2B6E9D;
}

.tdc {
background:#EDEDED;
font-weight:bold;
border-bottom: solid 1px #2B6E9D; 
border-left: solid 1px #2B6E9D; 
border-right: solid 1px #2B6E9D;
}

.tdcd {
border-right: solid 1px #2B6E9D;
border-bottom: solid 1px #2B6E9D;
}

.tdv {  
border-bottom:solid 1px #2B6E9D;
border-right: solid 1px #2B6E9D; 
}

.tdhv { 
border-top: solid 1px #2B6E9D; 
border-right: solid 1px #2B6E9D;
border-bottom: solid 1px #2B6E9D;
background-color:#EDEDED;
font-weight:bold;
}

.cadre {
border : 1px solid #D4D0C8;
margin: 0px;
padding: 10px;
background-color: #F2F2F2;
}