/*******************************************************************************
******** Styles de base appliqués aux tags html ********************************
*******************************************************************************/
@font-face {
font-family: "Roboto";
src: url("../font/Roboto-Regular.ttf") format("truetype");
}

* {
    margin: 0;
    padding: 0;    
}

html {
    overflow: -moz-scrollbars-vertical; /*affiche la barre de navigation per défaut dans le renard de feu*/
    height: 100%;
}

body {
    font-size: 0.8em;
    font-family: Arial;
    background-color: #fff;
    color: #666;
    height:100%;
    min-height: 100%;
}

a {
}

a:hover {
}

ul, li {
    list-style-type: none;
}

h1 {
    font-size: 1.12em;
    font-weight: normal;
    color: #333;
    text-transform: uppercase;
    margin: 30px 0 10px 0 ;
}

h2 {
    font-size: 0.90em;
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
}

h3 {
    font-size: 0.82em;
    color: #333;
    font-weight: bold;
}

h4 {
    font-size: 0.75em;
    font-weight: bold;
    color: #666;
}

p {
    margin: 6px 0;
    /*display: inline;*/
}

img {
    border: none;
}

fieldset {
    border: 0;
}

sup {
    text-transform: none;
    font-size: 0.7em;
}

/*******************************************************************************
******** Styles des élements uniques (id) du template principal ****************
*******************************************************************************/
#MainContainer {
    position:relative;
    min-height:100%;
    width: 900px;
    margin: 0 auto;
    height: 100%;

}

#MainContent {
    width: 900px;
    /*background: url(../images/bg_sct.png) bottom left repeat-y;*/
}

#Piv {
    position: relative;
    margin: 20px 0 0 0;
    height: 52px; width: 100%;
}

#SubMenu {   
    background: #282630;
    min-height: 15px;
    width: 900px;
}

#ContentContainer {
   width: 720px;
   min-height: 475px;
   float: left;
   background: #fff url(../images/content_shadow.png) top right no-repeat;
   _display: inline;
   _height: 475px;
}

#ContentContainer.sansMenu {
  width: 900px;
}

.sansMenu #PageContent table {
  width: 624px;
}

#ContentContainer.sansMenu #PageContent {
  width: 623px;
}

#ContentContainerTableau {
   width: 900px;
   min-height: 475px;
   float: left;
   background: #fff url(../images/content_shadow.png) top right no-repeat;
   _display: inline;
   _height: 475px;
}

#rs-row {
  text-align: right;
  margin-top:30px;
  font-size: 0.9em;  
}

#rs-row span {
  display: inline-block;
    vertical-align: top;
    margin-top: 12px;
}

#rs-row img {
  width: 40px;
  transition: all 0.5s;
}

#rs-row .rs-square {
  width: 30px;
    vertical-align: top;
    margin-top: 6px;
    margin-left: 3px
}

#rs-row img:hover {
  transform: rotate(15deg);
  transition: all 0.5s;
}

#PageContent {
   float: left;
   width: 680px;
   padding: 10px 20px;
   _display: inline;
}

#PageContentTableau {
    width: 624px;
    float: left;
    padding: 10px 20px;
}

#PageContent .csc-sitemap ul li {
  font-size: 0.8em;
}

#PageContent .csc-sitemap ul li ul li {
  font-size: 1em;
}

#RightContainer {
   position: relative;
   width: 177px;
   min-height: 511px;
   *height: 511px;
   float: left;
   border-left: solid 1px #ccc;
   border-right: solid 1px #ccc;
   background: #fff url(../images/bg_right_container.png) bottom left repeat-x;
}

.removeBrIE {
    *display: none;
}

#RightContainer h4 {
    margin: 0 15px;
}

#FrmSearch {
    width: 178px; height: 68px;
    background: url(../images/bg_search_form.png) repeat-x;
}

#TxtSearch{
    margin: 10px 0 0 18px;
    border: solid 1px #B5BABF;
    width: 116px; height: 17px;
}

#BtnSearch{
    margin: 8px 0 0 18px;
    background: url(../images/btn_search_fr.png) no-repeat;
    cursor: pointer;
}

#DirectAccess {
    padding: 0 0 8px 0;
    min-height: 420px;
    background: url(../images/bg_menu_acces2.png) no-repeat;
    _height: 420px;
}

#LeftShadow {
    position: absolute;
    top: 70px; left: -10px;
    *top: 90px;
    height: 562px; width: 10px;
    background: url(../images/left_shadow.png) no-repeat;
    z-index: 998;
}

#Loupe {
    position: absolute;
    width: 17px; height: 17px;
    top: 11px; left: 140px;
    background: url(../images/loupe.png) top left no-repeat;
    cursor: pointer;
}

/*******************************************************************************
******** Styles du menu du haut ************************************************
*******************************************************************************/

/*#TopMenu {
    position: absolute;
    display: block;
    width: 705px;
    bottom: 5px;  right:0;
    background: #003399;
    height: 15px;
  line-height: 10px;
}

#TopMenu li {
    display : block;
    padding: 0 10px;
    float: right;
    color: #fff;
    font-size: 0.66em;
    line-height: 1.6em;
}

#TopMenu li a {
    text-decoration: none;
    color: #fff;
}

#TopMenu li.homeLink {
   float: left;
}*/

@charset "UTF-8";
/*** Variables ***/
html, body {
  padding: 0;
  margin: 0;
  width: 100%;
}

.visuallyHidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.clearfix:after {
  content: " ";
  display: table;
  clear: both;
}

.mobile {
  display: block;
}

.cacher {
  display: none !important;
}

/***********************
    Grille Fluide
***********************/
.contenu-fluide {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 1000px) {
  .contenu-fluide {
    padding-right: 0;
    padding-left: 0;
  }
}

.flex, .d-flex {
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  -webkit-box-align: center !important;
          align-items: center !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  -webkit-box-pack: end !important;
          justify-content: flex-end !important;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  -webkit-box-pack: start !important;
          justify-content: flex-start !important;
}

.ligne {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

/***********************
     Spécificité PIV
***********************/
.piv {
  background: #095797;
  color: #fff;
}

.piv *, .piv--blanc * {
  padding: 0;
  margin: 0;
  font-family: 'Roboto', sans-serif;
  font-size: 1em;
  font-size: 16px;
}

.piv--blanc {
  background: #fff;
  color: #000;
  border-top: 8px solid #095797;
  margin-bottom: 2em;
}

.piv ul.listePiv, .piv--blanc ul.listePiv {
  list-style: none;
}

.piv a {
  color: #fff;
  text-decoration: none;
}

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

.piv--blanc a {
  color: #000;
  text-decoration: none;
}

.piv--blanc a:hover {
  text-decoration: underline;
}

.piv .identite a:hover {
  text-decoration: none;
}

.piv #lienOuvre, .piv--blanc #lienOuvre {
  z-index: 99;
  width: 40px;
  height: 40px;
  text-align: center;
  margin-top: 0.2rem;
}

@media screen and (min-width: 1000px) {
  .piv #lienOuvre, .piv--blanc #lienOuvre {
    margin-right: 0.7rem;
    margin-top: 0.4rem;
  }
}

.piv #lienOuvre img, .piv--blanc #lienOuvre img {
  width: 60%;
}

.piv .titreM, .piv--blanc .titreM {
  padding-bottom: 2%;
}

@media screen and (min-width: 400px) {
  .piv .titreM, .piv--blanc .titreM {
    width: calc(100% - 160px);
  }
}

@media screen and (min-width: 460px) {
  .piv .titreM, .piv--blanc .titreM {
    width: calc(100% - 200px);
  }
}

@media screen and (min-width: 568px) {
  .piv .titreM, .piv--blanc .titreM {
    width: 100%;
  }
}

.contenu-fixe {
  width: 100%;
  padding-left: 10px;
  /* Ajoutez vos breakpoint */
}

@media screen and (min-width: 1000px) {
  .contenu-fixe {
    width: 900px;
    margin: auto;
    padding-left: 0;
  }
}

.zone1, .zone2, .zone3 {
  position: relative;
  width: 100%;
}

/* Zone du logo */
.zone1 {
  -ms-flex: 0 0 45%;
  -webkit-box-flex: 0;
          flex: 0 0 45%;
  max-width: 45%;
}

@media screen and (min-width: 568px) {
  .zone1 {
    -ms-flex: 0 0 40%;
    -webkit-box-flex: 0;
            flex: 0 0 40%;
    max-width: 40%;
  }
}

@media screen and (min-width: 768px) {
  .zone1 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
  }
}

@media screen and (min-width: 1000px) {
  .zone1 {
    max-width: 25%;
    max-height: 72px;
  }
}

.zone1 img {
  width: 100%;
}

/* Zone du titre */
.zone2 {
  -ms-flex: 0 0 15%;
  -webkit-box-flex: 0;
          flex: 0 0 15%;
  max-width: 15%;
}

@media screen and (min-width: 568px) {
  .zone2 {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
            flex: 0 0 20%;
    max-width: 20%;
  }
}

@media screen and (min-width: 768px) {
  .zone2 {
    -ms-flex: 0 0 35%;
    -webkit-box-flex: 0;
            flex: 0 0 35%;
    max-width: 35%;
  }
}

@media screen and (min-width: 868px) {
  .zone2 {
    -ms-flex: 0 0 35%;
    -webkit-box-flex: 0;
            flex: 0 0 35%;
    max-width: 35%;
  }
}

@media screen and (min-width: 1000px) {
  .zone2 {
    -ms-flex: 0 0 45%;
    -webkit-box-flex: 0;
            flex: 0 0 45%;
    max-width: 45%;
  }
}

@media screen and (min-width: 1000px) {
  .zone2 .identite {
    width: 100%;
  }
}

/* Zone de navigation */
.zone3 {
  -ms-flex: 0 0 35%;
  -webkit-box-flex: 0;
          flex: 0 0 35%;
  max-width: 35%;
}

@media screen and (min-width: 1000px) {
  .zone3 {
    -ms-flex: 0 0 30%;
    -webkit-box-flex: 0;
            flex: 0 0 30%;
    max-width: 30%;
  }
}

.zone3 li {
  font-size: 0.8em;
}

.zone3 li a {
   font-size: 1em;
}

.menu_mobile a {
  text-align: left;
  display: block;
  text-decoration: none;
}

.pivFooter {
  text-align: center;
  margin-top: 1em;
  font-family: 'Roboto', sans-serif;
  font-size: 1em;
  font-size: 16px;
}

.pivFooter ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.pivFooter ul li {
  margin: 1% 0;
  font-size: 0.875em;
  font-size: 14px;
}

@media only screen and (min-width: 1000px) {
  .pivFooter ul li {
    display: inline-block;
    margin: 0;
    margin-right: 10px;
  }
}

.pivFooter a {
  color: gray;
  line-height: 25px;
}

.pivFooter small {
  font-size: 0.625em;
  font-size: 10px;
}

.pivFooter small a {
  color: black;
  text-decoration: none;
}
/*# sourceMappingURL=styles.css.map */

/*******************************************************************************
******** Styles du fil d'ariane ************************************************
*******************************************************************************/

#Crumbtrail {
    font-size: 0.66em;
    margin: 6px 0;
    background-color: #fff;
    color: #333;
    line-height: 1.2em;
}

#Crumbtrail a {
    /*font-size: 0.75em;*/
    color: #0099cc;
    background-color: #fff;
    text-decoration: none;
}

#Crumbtrail span {
    /*font-size: 0.75em;*/
    background-color: #fff;
    color: #555;
}

#Crumbtrail span.txt333 {
    background-color: #fff;
    color: #333;
    margin-right: 4px;
}                                                             /*

/*******************************************************************************
******** Styles du menu principal **********************************************
*******************************************************************************/

#Menu {
    position: relative;
    width: 900px;
    height: 57px;
    /*background: #282630;*/
    margin: 10px 0 0 0;      
}

#Menu ul {
    width: 100%;
    height: 57px;
    background: #fff;
}

#Menu a {
    position: absolute;
    top:0; left:0;
    display: block;
    width: 150px; height: 57px;  
    background-color: #282630;
    color: #282630;
    z-index: 100;
}

#Menu #Current, #Menu .parent {
    z-index: 500;
}

.shadowRight {
    position : absolute;
    top: 8px; left:150px;
    width: 9px; height: 49px;
    background: url(../images/menu_shadow.png) top left no-repeat;
}
.shadowLeft {
    position : absolute;
    top: 8px; left:-9px;
    width: 9px; height: 49px;
    background: url(../images/menu_shadow_left.png) top left no-repeat;
    z-index: 600;
}

.overShadowRight {
    position : absolute;
    top: 8px; left:0;
    width: 9px; height: 49px;
    background: url(../images/menu_shadow.png) top left no-repeat;
    z-index: 1000;
}

.overShadowLeft {
    position : absolute;
    top: 8px; left:171px;
    width: 9px; height: 49px;
    background: url(../images/menu_shadow_left.png) top left no-repeat;
    z-index: 1000;     
}

#HideShadow {
    position: absolute;
    width: 10px; height: 49px;
    top:8px; left: 900px;
    background: #FFF;
    z-index: 998;
}
#Menu li{
    position: relative;
    width: 150px;
    height: 57px;    
    display: block;
    float: left;
    text-align: center;
}

.imgMenu {
    position: absolute;
    top: 0; left: 0;
    width: 150px; height: 57px;
    cursor: pointer;
}

#Menu a:hover {
    z-index: 1000;
}

#ImgMenuOff_676 {
    background: url(../images/sprite_menu.png) 150px 114px;
}
#ImgMenuOff_7 {
    background: url(../images/sprite_menu.png) 300px 114px;     
}
#ImgMenuOff_4 {
    background: url(../images/sprite_menu.png) 750px 114px;
}
#ImgMenuOff_6 {
    background: url(../images/sprite_menu.png) 0 114px;
}
#ImgMenuOff_5 {   
    background: url(../images/sprite_menu.png) 600px 114px;  
}
#ImgMenuOff_3{   
    background: url(../images/sprite_menu.png) 450px 114px;  
}


/*
a:hover #ImgMenuOff_7 {
    background: url(../images/sprite_menu.png) 360px 57px;
}

a:hover #ImgMenuOff_6 {
    background: url(../images/sprite_menu.png) 180px 57px;     
}

a:hover #ImgMenuOff_5 {
    background: url(../images/sprite_menu.png) 720px 57px;
}

a:hover #ImgMenuOff_4 {
    background: url(../images/sprite_menu.png) 0 57px;
}

a:hover #ImgMenuOff_3 {   
    background: url(../images/sprite_menu.png) 540px 57px;  
}
*/

a:hover #ImgMenuOff_676 {
    background: url(../images/sprite_menu.png) 150px 0;
}

a:hover #ImgMenuOff_7 {
    background: url(../images/sprite_menu.png) 300px 0;     
}

a:hover #ImgMenuOff_4 {
    background: url(../images/sprite_menu.png) 750px 0;
}

a:hover #ImgMenuOff_6 {
    background: url(../images/sprite_menu.png) 0 0;
    z-index: 1000;
}

a:hover #ImgMenuOff_5 {   
    background: url(../images/sprite_menu.png) 600px 0;
}

a:hover #ImgMenuOff_3 {
    background: url(../images/sprite_menu.png) 450px 0;  
}


#ImgMenuOn_676 {
    background: url(../images/sprite_menu.png) 150px 0;
}

#ImgMenuOn_7 {
    background: url(../images/sprite_menu.png) 300px 0;     
}
#ImgMenuOn_4 {
    background: url(../images/sprite_menu.png) 750px 0;
}
#ImgMenuOn_6 {
    background: url(../images/sprite_menu.png) 0 0;
}
#ImgMenuOn_5 {   
    background: url(../images/sprite_menu.png) 600px 0;  
}
#ImgMenuOn_3{   
    background: url(../images/sprite_menu.png) 450px 0;  
}

/*******************************************************************************
******** Styles du menu utilitaires ************************************************
*******************************************************************************/
#UtilTool {
    margin: 10px 20px;
    
}
#UtilTool a {
    text-decoration: none;
    background-color: #fff;
    color: #555;
    font-size: 0.72em;
    padding-left: 20px;    
}

li.utilTools {
   padding: 4px 0 4px 0;
   background-position: 0 6px;
   background-repeat: no-repeat;
   width: 100%;
   height: 18px;
}

#GrowText {
    background: url(../images/dot_underline.png) bottom left repeat-x;   
}

#GrowText a {
    background: url(../images/grow_text.png) top left no-repeat;  
}

#Print {
    background: url(../images/dot_underline.png) bottom left repeat-x;
}
#Print a {
    background : url(../images/print.png) top left no-repeat;    
}

#Rss a {
    background : url(../images/rss.png) top left no-repeat ;
}


/*******************************************************************************
******** Styles du menu ge gauche **********************************************
*******************************************************************************/

#LeftMenu {
    width: 236px;
    float: left;
    background: #fff url(../images/bg_left_menu.png) top right no-repeat;
    min-height: 300px;
    _height: 300px;
}

#LeftMenu ul {
    margin: 10px 20px 0 20px;        
}

#LeftMenu ul ul {
    margin: 5px 0 0 12px;
    /*background: url(../images/dot_underline.png)  top left repeat-x; */       
}

#LeftMenu li {
    background: url(../images/dot_underline.png)  bottom left repeat-x;
    padding: 8px 0;
    position: relative;
    font-weight: bold;   
}

#LeftMenu li li {
    padding: 3px 0;
}
/*
#LeftMenu li li li {
    padding: 1px 0;
}
*/

#LeftMenu li li {
    font-weight: normal;
    background: none;   
}

#LeftMenu li a {
    display: block;
    font-size : 0.72em;
    background-color: #fff;
    color: #00648b;
    text-decoration: none;
    padding: 0 0 0 12px;
}

#LeftMenu li a:hover {
    text-decoration: underline;
}

#LeftMenu li.parent li a:hover {
    text-decoration: underline;
}

#LeftMenu li.current a,
#LeftMenu li.parent a,
#LeftMenu li.parent li.current a,
#LeftMenu li.parent li.parent a,
#LeftMenu li.parent li.parent li.current a {
    background-color: #fff;
    color: #333;
    text-decoration: none;
    /*font-size: 0.9em;*/
}

#LeftMenu li.current,
#LeftMenu li.parent li.current,
#LeftMenu li.parent li.parent li.current {
   color: #333;
   padding-left: 12px;
   font-weight: bold;
}

#LeftMenu li.current{
  font-size: 0.72em;
}

#LeftMenu ul > li.current > ul > li a {
  font-size: 1em;
}

#LeftMenu li.current li a,
#LeftMenu li.parent li a,
#LeftMenu li.parent li.parent li a,
#LeftMenu li.parent li.current li a {
    background-color: #fff;
    color: #00648b;
    text-decoration: none;
}

.dotList {
    position: absolute;
    top: 14px; left: 0;
    width: 5px; height: 5px;
    background: url(../images/dot_left_menu.png) top left no-repeat;
}

li.current li div.dotList,
li.parent li div.dotList,
li.parent li.current li div.dotList,
li.parent li.parent li div.dotList {
    background: url(../images/dot_left_menu.png) top left no-repeat;
    top: 8px;
}  

li.parent div.dotList,
li.parent li.parent div.dotList
{
    background: url(../images/dot_left_menu_on.png) top left no-repeat;
    top: 8px;
}

li.parent li.parent li.current div.dotList,
li.parent li.current div.dotList,
li.current div.dotList {
    background: url(../images/dot_left_menu.png) top left no-repeat;
    top: 8px;
}

li.current div.dotList{
    top: 12px;
}

li.parent div.dotList{
    top: 14px;
}
 
/*******************************************************************************
******** Styles du menu espace  ************************************************
*******************************************************************************/

#EspaceTitle {
   width: 178px; height: 32px;
   background: url(../images/espace_title.png) no-repeat;
}

#DirectAccessList {
    margin:18px 18px 0 18px;
}

#DirectAccessList a {
    text-decoration: none;
    color: #00648b;
    font-size: 0.72em;
}

#DirectAccessList a:hover {
    text-decoration: underline;
}

#DirectAccessList li {
    background: url(../images/bg_arrow_direct_access_2.png) 0 7px no-repeat;
    cursor: pointer;
    padding: 4px 0px 4px 22px;
    _padding: 3px 0 5px 20px;
    line-height: 13px;
}

.BoutonPromotion {
    margin: 8px 0 8px 28px;

}



/*******************************************************************************
******** Styles du menu du bas ************************************************
*******************************************************************************/
#Footer {
    width: 900px;
    text-align: center;
    margin: 40px 0 0 0;
}

#BottomMenu {
    margin: 0 0 10px 0;
    height: 15px;
    text-align: center;
    margin-left: 300px;
    margin-right: auto;  
}

#BottomMenu li {
    display: block;
    float: left;
    vertical-align: middle;
    background: #fff url(../images/sep_bottom_menu.png) bottom right no-repeat ;  
    height: 15px;
    line-height: 15px;
    padding: 0 8px
    
}

#BottomMenu li.last {
   background: none;
}

#BottomMenu li a {
    background-color: #fff;
    color: #666;
    font-size: 0.67em;
}
#Copyright {
    font-size: 0.62em;
    margin: 5px 0 15px 0;
}
/*******************************************************************************
******** Classes générales de l'application ************************************
*******************************************************************************/
.clear {
    clear:both;
}

.button {
    border: 0;
    background: url(../images/btn_search_box.png) top left no-repeat;
    width: 75px ; height: 21px;
    color: #00d1fe;
    font-size: 0.75em;
}
.hiddenItem {
    position: absolute;
    width: 0;
    height: 0;
    top: -100000px;
}
/*******************************************************************************
******** Classes Contenu de page ***********************************************
*******************************************************************************/
#PageContent {
    font-size: 1.08em;
    line-height: 1.3em;
}

.bodytext {
  font-size:0.95em;
}

#PageContent p {
    margin: 12px 0;
    font-size: 0.8em;
    line-height: 17.8px;
}

#PageContent li.newsHomeItem p {
  font-size: 1em;
}

#PageContent ul li {
    list-style-image: url(../images/puce.png);
    margin-top: 7px;
  font-size: 0.8em;
}

#PageContent ol li {
  margin-top: 7px;
  font-size: 0.8em;
}

#PageContent a {
    color:  #00648b;
    text-decoration: none;
    
}

#PageContent #c3707 h3 a {
  display: inline-block;
}
#PageContent a:hover {
    text-decoration: underline;
}

#PageContent a.external-link {
    color: #88346F;
    text-decoration: none;    
}

#PageContent a.external-link:hover {
    text-decoration: underline;    
}

#PageContent #c3707 h3 p {
	margin: 0;
    font-size: initial;  
}

#PageContent ul, #PageContent ol {
    margin-left: 35px;
    margin: 15px 22px;
}

#PageContent ol li{
    list-style-type: decimal;
}

#PageContent ol li ul li{
    list-style-image: url(../images/puce.png);
}

#PageTitle {
    display: block;
}

#PageContent {
   width: 436px;
   float: left;
   padding: 10px 20px;   
}

#PageContent dl {
    border: solid 1px #aaa;
    border-top: none ;
    width: 434px;
    line-height: 1.1em;
    font-size: 12px;
    background: #e3eef4;
}

#PageContent dt {
    width: 124px;
    background: #e3eef4;
    border-top: solid 1px #aaa;
    display: inline-block;
    color: #555;
    padding: 5px;
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    *display: block;
    *float: left;
    _display: inline;
}

#PageContent dd {
    padding: 5px;
    width: 289px;
    background: #fff;
    display: inline-block;
    border-top: solid 1px #aaa;
    border-left: solid 1px #aaa;  
    *display: block;
    *float: left;
    _display: inline;
}

#PageContent div.csc-textpic-imagewrap dl, #PageContent div.csc-textpic-imagewrap dt {
    background: none;
    border: none;
    margin: 0;    
}

#PageContent table {
    border: solid 1px #aaa;
    border-collapse: collapse;
    width: 434px;
    line-height: 1.1em;
    font-size: 12px;
    padding: 0;
}

#PageContent caption {
    background: #fff;
    border-top: dotted 1px #aaa;
    color: #333;
    margin-top: 20px;
    padding: 10px;
}

#PageContent th {
    background: #e3eef4;
    border: solid 1px #aaa;
    color: #555;
    border-collapse: collapse;
    padding: 5px 8px;
    text-align: left;
}

#PageContent td {
    background: #fff;
    border: solid 1px #aaa;
    border-collapse: collapse;
    padding: 5px 8px;
    
}

/************* DÉBUT ajout table du MSG 27.04.2012 *************/


.lettrine {
background-color: #e3eef4;
padding: 2px;
margin-bottom: 5px;
border-top: solid 1px #ccc;
border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;
border-left: solid 1px #ccc;
font-size: 1.2em;
font-weight: bold;
color: #515151;
text-align: center;
}

/************* FIN ajout table du MSG 27.04.2012 *************/



/************* DÉBUT ajout table du MSG 14.03.2012 *************/

.td_MSG  {
    background: #fff;
    border: solid 1px #aaa;
    border-collapse: collapse;
    padding: 5px 8px;
    vertical-align: top;

}

/************* FIN ajout table du MSG 14.03.2012 *************/



.indent {
    padding-left: 25px;
    margin-left:  25px;
}

.noteBasPage {
    font-size: 0.9em;
    border-top: solid 1px #CCC  ;
    padding: 0 0 0 4px;
}

.saviezVous {
    border-top: dotted 1px #666;
    border-bottom: dotted 1px #666;
    background: #e3eef4;
    padding: 20px;
    margin: 20px 0;
}

.texte_intro {
    border-top: dotted 1px #666;
    border-bottom: dotted 1px #666;
    background: #efefef;
    padding: 12px;  
    font-size: 0.87em;
}

.exerg {
    font-size: 1.25em;
    font-style:italic;
    color: #666;
    font-weight: bold;
    text-align:center;
    margin: 20px 35px;
}

.important, .blocencadrerimportant {
    background: #f2f2f2;
    padding: 20px;
    margin: 20px 0;
    width: 394px;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.text-justify {
    text-align: justify;
}

#MainNewsContainer li {
    list-style-type: none;
    lis
}

.external-link img {
    vertical-align: middle;
}

.download img {
    vertical-align: middle;
}

#PageContent p.csc-linkToTop {
    font-size: 0.9em;
    padding-left: 20px;
    margin-bottom: 18px;
    background-image: url(../images/go_top.png);
    background-position: center left;
    background-repeat: no-repeat;
}

#PageContent .liste2Colonne li {     
    width: 190px;
    height: 100px;
    float: left;      
    list-style-type: none;
    list-style-image: none;
}
#PageContent #liste2Colonne_B{     
    width: 200px;
    float: left;
    margin:0px;     
    
}
#PageContent #liste2Colonne_B li{     
    float: left;
    width: 200px;
    margin:0px;
    padding:2px 0px;     
    list-style-type: none;
    list-style-image: none;
}

#PageContent #liste2Colonne {     
    float:left;
    margin:0px;
    padding:0px;
    
}
#PageContent #liste2Colonne h1{     
  
   margin: 0px;
    
}
#PageContent #liste2Colonne-2 {     
    float:left;
    margin:0px 2px;
    padding:0px;
    width:200px;
    
}
#PageContent #liste2Colonne-2 p{     
   margin:0px;
   padding:0px;
}



.news-single-img {
    display: block;
    float: none;
}

.newsDate {
    margin: 10px 0 20px 0;
    text-transform: uppercase;
    font-size:0.8em;
}

a.top-link {
    padding-left: 20px;
    background : url(../images/go_down.png) no-repeat 0 3px;
    display: block;
}

#PageContent ul.archivesNewsHome {
    margin-left: 0;  
}

#PageContent ul li.archivesHomeSubItem {
   margin-top: 20px;
   width: 434px;
   background:transparent url(../images/dot_underline.png) repeat-x left bottom;
   list-style-image: none;
   _width: 420px;
}


#PageContent ul li.archivesHomeSubItem a img {
    width: 120px; height: 90px;
    float: left;
    margin: 0 20px 0 0;
    display: block;
}

#PageContent ul li.archivesHomeSubItem h3 {
   text-transform: uppercase;
   font-size: 0.8em;
   line-height: 1.6em;
   margin-left: 140px;
}

#PageContent ul li li {
  font-size: 1em;
}

#PageContent ul li.archivesHomeSubItem p {
    font-size: 0.9em;
    padding-left: 140px;
    margin-top: 0;
    padding-top: 0;
}

#PageContent ul li.archivesHomeSubItem span.news-list-morelink {
  display: none;
}

#PageContent ul li.archivesHomeSubItem div.newsMoreLink {
    margin-left: 140px;
}

#PageContent ul li.archivesHomeSubItem span.newsDate {
    display: block;
    margin: 5px 0 15px;
    font-size: 0.8em;
    text-transform: uppercase;
    margin-left: 140px;
}

#PageContent ul li.archivesHomeSubItem div.newsMoreLink a {
   font-size: 0.85em;
}

#PageContent ul li.dotList2 {
    list-style-image: none;
    background:transparent url(../images/dot_left_menu.png) no-repeat scroll 3px 6px;
}

#PageContent ul li.dotList2 a{
    padding-left: 20px;
}

#PageContent ul.listRSS {    
    list-style-type: none;
}

#PageContent ul.listRSS li {
    list-style-image: none;
}

#PageContent ul.listRSS li a {
    padding-left: 20px;
    background: url(../images/rss.png) no-repeat 0 3px;
    display: block;
}


#PageContent form {
    width: 424px;
}

#PageContent fieldset {
    width: 100%;
    border: solid 1px #ccc;
    padding : 10px;
}

#PageContent fieldset.csc-mailform {
    width:400px;
}

#PageContent fieldset div.csc-mailform-field {
    padding-top: 10px;
}

#PageContent fieldset div.csc-mailform-field label {
    display: inline;
}

#PageContent fieldset div.csc-mailform-field input {
    width:100%;
}

#PageContent fieldset div.csc-mailform-field input.csc-mailform-check, #PageContent fieldset div.csc-mailform-field input#mailformformtype_mail {
    width:auto;
}

#PageContent legend {
    color: #333;
    padding: 0 5px;
    font-weight: bold;
}

#PageContent label {
   display: block;
   padding: 5px 0;
}

#PageContnent input {

}

#PageContent input.tx-srfeuserregister-pi1-submit, #PageContent input.submitBtn {
    display: block;    
    margin: 10px 0 0 0 ;
}

.newsFlash_inline {
    float: left;
    margin-right: 20px;
}

#JwPlayer {
    position: absolute;
    top: 0;
    left: 0;
    width: 600px;
    height: 400px;
    padding: 30px 15px 15px 15px;
    background: #333;
    z-index: 1000;
    display: none;
}

#BlackShadowLayer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #222;
    filter: alpha(opacity=60); -moz-opacity:.60; opacity:.60;
    z-index: 999;
    display: none;
}

#CloseMovie {
    display: block;
    position: absolute;
    width: 145px;
    height: 20px;
    top: 5px;
    right: 15px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

#CloseMovie img {
    vertical-align: middle;
}


.flashLink {
    cursor : pointer;
}

.newsFlash_preview {
    width: 120px;
    height: 90px;
}

#SingleNews h1 {
    font-size: 0.89em;
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
    margin: 0;
    line-height: 1.2em;
}

#SingleNews h2 {
    font-size: 0.70em;
}

#SingleNewsTitle {
    font-size: 1.115em;
    font-weight: normal;
    color: #333;
    text-transform: uppercase;
    margin: 30px 0 10px 0 ;
}

.lienbottom {
    color: #666;
}
.tx-ttnews-browsebox {
    background-color: #fff;
    border: none;
}

.news-list-browse {
    font-size: 0.895em;
}

.news-list-browse span {    
    margin: 5px;
}
.activeLinkWrap {
    font-weight: bold;
}

.browseLinksWrap a {
  margin: 0 3px;
}


/******* page bulletin d'inerprétation par Eric *********/
#PageContent #volume{
width:435px;
font-size: 0.8em;
padding:0px;
height: 20px;
margin-bottom:10px;
}
#PageContent #bulletin_bimp{
Margin:0px;
padding:0px;


}

#PageContent #bulletin_bimp img{
width:435px;


}

#PageContent #volume p{
float:right;
margin-top:2px;
margin-bottom:0px;


}
#PageContent p.bimp{
margin:3px 0px;

}
/****** fin bulletin  *************************/


/*******Tableau assujettis aux accords éric ****/
#PageContent #tableau_acheteur th {
    background: #e3eef4;
    color: #555;
    border-collapse: collapse;
    padding: 5px 4px;
    text-align: center;
}
#PageContent #tableau_acheteur .td-0  {
    background: #e3eef4;
    border: solid 1px #aaa;
    background: #fff;
    border-collapse: collapse;
    padding: 5px 2px;
    text-align: left;
     width:80px;
   
}

#PageContent #tableau_acheteur td {
    background: #fff;
    border: solid 1px #aaa;
    border-collapse: collapse;
    padding: 5px 4px;
    width:60px;
     text-align:center;
    
    
    
}
#PageContent #tableau_acheteur .centre {
    width:35px;
    
    
}
#PageContent #tableau_acheteur caption {
    background: #fff;
    color: #333;
    margin-top: 10px;
    margin-bottom:1px;
    padding: 20px;
}
/********fin du tableau **************/

.vignetteimg{
float: right;
font-size: 0.7em;
padding: 0px;
margin:0px;
}

#PageContent #noborder {
    border: 0px; !important;
    width: 600px;
    font-size: 1 em;
    padding: 0px;
    margin: 0px;
}

#PageContent #noborder td{
    border: 0px; !important
}

#secondniveau{
font-size: 0.95em;
margin-top:3px;
margin-left:15px;
}

#c3652 ul li {
  list-style-image: none;
}

#menu-principal {
  width:900px;
  margin:auto;
}

#menu-principal li {
  list-style-type:none;
  font-family: 'Arial Narrow', Arial, sans-serif;
  text-transform: uppercase;
  text-align:center;
  font-size:1.1em;
  text-align:left;
  font-weight:bold;
  text-shadow: 1px 1px #CFCFCF;
  font-stretch: condensed;
}

/* Pour "Normes graphiques" */
#menu-principal li.first {
  text-align:left;
}

#menu-principal a:hover li, #menu-principal a.actif li {
  text-shadow: none;
}

#menu-principal a {
  font-size:0.8em;
  text-decoration:none;
  color:#5E626C;
  
  padding:6px 9px 6px 9px;
  max-width:150px;
  width:150px;
  display:table-cell;
  vertical-align:middle;
  border:1px solid #D6D6D6;
  border-bottom:none;
  position:relative;
  z-index:100;
  
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,d6d6d6+89 */
  background: #fefefe; /* Old browsers */
  background: -moz-linear-gradient(top,  #fefefe 0%, #d6d6d6 89%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(89%,#d6d6d6)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #fefefe 0%,#d6d6d6 89%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #fefefe 0%,#d6d6d6 89%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #fefefe 0%,#d6d6d6 89%); /* IE10+ */
  background: linear-gradient(to bottom,  #fefefe 0%,#d6d6d6 89%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
}

#menu-principal a.actif {
  color:#FFF;
  
  border:1px solid #27262F;
  border-bottom:none;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7a7a84+15,27262f+99 */
  background: #7a7a84; /* Old browsers */
  background: -moz-linear-gradient(top,  #7a7a84 15%, #27262f 99%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#7a7a84), color-stop(99%,#27262f)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #7a7a84 15%,#27262f 99%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #7a7a84 15%,#27262f 99%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #7a7a84 15%,#27262f 99%); /* IE10+ */
  background: linear-gradient(to bottom,  #7a7a84 15%,#27262f 99%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a7a84', endColorstr='#27262f',GradientType=0 ); /* IE6-9 */
}

#menu-principal a:hover {
  color:#FFF;
  cursor:pointer;
  border:1px solid #27262F;
  border-bottom:none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7a7a84+15,27262f+99 */
  background: #7a7a84; /* Old browsers */
  background: -moz-linear-gradient(top,  #7a7a84 15%, #27262f 99%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#7a7a84), color-stop(99%,#27262f)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #7a7a84 15%,#27262f 99%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #7a7a84 15%,#27262f 99%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #7a7a84 15%,#27262f 99%); /* IE10+ */
  background: linear-gradient(to bottom,  #7a7a84 15%,#27262f 99%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a7a84', endColorstr='#27262f',GradientType=0 ); /* IE6-9 */
}

#menu-principal {
  margin-bottom:0;
  padding-left:0;
  display:table;
}

.no-menu {
  margin-top:60px;
}

/* iFrame ESAL */

button#boutton a.boutton {
  font-size: 0.8em;
}

#frame-echelles {
  width:436px;
  overflow:hidden;
}

.EchellesContent  li.utilTools {
  display: none;
}

.EchellesContent #ContentContainer {
  width: 100%;
}

.EchellesContent #ContentContainer #PageContent {
  width: 95.5%;
}

.EchellesContent #PageTitle {
  display: none;
}

.EchellesContent #PageContent {
  padding-left: 0;
  margin-left: 0;
}

.EchellesContent #Crumbtrail {
  margin-left: 17px;
}

#PageContent .csc-textpic-text p {
  margin-top: 0px
}

/* Formulaire pour l'inscription à la conférence sur le budget */

.tx-sct-st-formulaire label {
  font-size:0.8em;
}

.tx-sct-st-formulaire input[type="text"] {
  padding:2px 5px 2px 5px;
}

.tx-sct-st-formulaire textarea {
  padding:5px;
  max-width: 570px;
  min-width:570px;
  min-height:80px;
  max-height:800px;
}

.tx-sct-st-formulaire .formulaire-input {
  display:inline-block;
  width:280px;
  float:right;
}

.tx-sct-st-formulaire .formulaire-input-single input {
  width:568px;
}

.tx-sct-st-formulaire .formulaire-input input {
  width:266px;
}

.tx-sct-st-formulaire .formulaire-line .formulaire-input:first-child {
  float:none;
}

.tx-sct-st-formulaire .formulaire-line {
  width:582px;
  margin-bottom:10px;
}

.tx-sct-st-formulaire .formulaire-envoyer {
  padding:5px 10px 5px 10px;
  width:150px;
}

#formulaire-errors {
  color:red;
}

#error-email, #error-empty {
  display:none;
}

#formulaire-content {
  width:600px;
}

#formulaire-gauche {
  display:inline-block;
  float:left;
  width:280px;
}

#formulaire-droite {
  display:inline-block;
  float:right;
  width:280px;
}

#formulaire-gauche p, #formulaire-droite p {
  margin:3px 0;
}

#formulaire {
  margin-top:20px;
}

#formulaire-header {
  margin-bottom:20px;
}

/*** Nouveautés 2023 ***/
.english-bandeau {
	background: #dae6f0;
	margin-bottom: 2em;
}

.english-bandeau p {
	width: 900px;
	margin: auto;
	padding: 20px 0;
	font-size: 15px;
}