/* DTML instructions to set caching headers. */






@import url("main_nav.css");

/* ------------- CSS GREF V1.0 ------------- */
/*
class CSS pour la version non logué du site.
*/
/* ---------------------------------------- */

/* ------------- Global ------------- */

*{
	padding:0 0 0 0;
	}
a{
    text-decoration:none;
    font-style: normal;
    font-family: Verdana;
    color: #225DA9;
}
a:hover{
    text-decoration: none;
    font-style: normal;
    font-family: Verdana;
    color: #F79C0F;
}

a.selected, a.selected:hover{
	font-weight: bold !important;
}


table{
    border-collapse  : collapse;
    padding     : 0px;

}

body{
    font-size: 11px;
    font-style: normal;
    font-family: Tahoma;
    background-color: #f5f3ed;
    scrollbar-face-color :#FDBF2C;
    scrollbar-shadow-color:#F79C0F;
    scrollbar-3dlight-color:#FDBF2C;
    scrollbar-darkshadow-color:#000000;
    scrollbar-highlight-color:#FFFFFF;
    scrollbar-track-color:#FFFFFF;
    scrollbar-arrow-color:#000000;
	margin:0px;
	padding:0px;
	text-align:center;
}
table {
    border-collapse:    collapse;
    margin: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

label {
    text-decoration:none;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #225DA9;
}
p a{
    text-decoration:none;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #225DA9;
}
p a:hover{
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #FFC233;
}


/* ------------- Couleur ------------- */
.blue {
    background-color: #225DA9
}
.yellow {
    background-color: #FFC233
}

.colorBlue{
    font-size: 10px;
    color: #225DA9;
}

.colorBlack{
    font-size: 10px;
    color: #000000;
}

.colorGray{
    font-size: 10px;
    color: #666666;
}
/* ------------- Fonts ------------- */
    /* Yellow */
.titleYellow {
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #FFC233;
}
.subTitleYellow {
    text-decoration:none;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #FFC233;
}
.subTitleBlue {
    text-decoration:none;
    /*font-size: 12px;*/
     font-size: 10px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #004D9D;
    /*vertical-align:top;*/
}

.subTitleGray {
    text-decoration:none;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #666666;
}

.boxTitleYellow {
    background-color: #225DA9;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #FFC233;
}
.boxTitleYellow a{
    background-color: #225DA9;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #FDBF2C;
}

.boxTitleYellow a:hover{
    background-color: #225DA9;
    text-decoration: underline;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #FDBF2C;
}
.normalYellowBold, a.normalYellowBold {
    text-decoration:none;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #FDBF2C;
}

a.normalYellowBold:hover {
    text-decoration: underline;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #FDBF2C;
}


.tinyYellowBold, a.tinyYellowBold {
    text-decoration:none;
    font-size: 9px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #FDBF2C;
}

a.tinyYellowBold:hover {
    text-decoration: underline;
    font-size: 9px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #FDBF2C;
}
    /* Blue */
.titleBlue {
    text-decoration:none;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #225DA9;
}
.boxTitleBlue, a.boxTitleBlue {
    background-color: #FDBF2C;
    text-decoration:none;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #225DA9;
}

a.boxTitleBlue:hover {
    text-decoration: underline;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #225DA9;
}

.boxTitleBlue a {
    text-decoration:none;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #225DA9;
}

.boxTitleBlue a:hover {
    text-decoration:underline;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #225DA9;
}
.normalBlueBold, a.normalBlueBold  {
    text-decoration:none;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #225DA9;
}
a.normalBlueBold:hover {
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #F79C0F;
}
.normalBlue, a.normalBlue {
    text-decoration: none;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-family: Verdana;
    color: #225DA9;
}
a.normalBlue:hover {
    text-decoration: none;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-family: Verdana;
    color: #F79C0F;
}
.tinyBlueBold, a.tinyBlueBold {
    text-decoration:none;
    font-size: 9px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #225DA9;
}
a.tinyBlueBold:hover {
    text-decoration:none;
    font-size: 9px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #F79C0F;
}
.tinyBlue, a.tinyBlue {
    text-decoration: none;
    font-size: 9px;
    font-weight: normal;
    font-style: normal;
    font-family: Verdana;
    color: #225DA9;
}
a.tinyBlue:hover {
    text-decoration: none;
    font-size: 9px;
    font-weight: normal;
    font-style: normal;
    font-family: Verdana;
    color: #F79C0F;
}
.tinyBlueDate {
    text-decoration: none;
    font-size: 8px;
    font-weight: normal;
    font-style: normal;
    font-family: Verdana;
    color: #225DA9;
}

.nameTitle, a.nameTitle{
    text-decoration: none;
    background: #ffffff;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #225DA9;
    padding-left: 5px;
    padding-right: 5px;
}

a.nameTitle:hover{
    text-decoration: none;
    background: #ffffff;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #F79C0F;
    padding-left: 5px;
    padding-right: 5px;
}

    /* White */
.normalWhiteBold, a.normalWhiteBold {
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: FFFFFF;
}
a.normalWhiteBold:hover {
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #F79C0F;
}

.tinyWhiteBold, a.tinyWhiteBold {
    text-decoration: none;
    font-size: 9px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: FFFFFF;
}
a.tinyWhiteBold:hover {
    text-decoration: none;
    font-size: 9px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #F79C0F;
}
    /* grey */
.normalGrey {
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-family: Verdana;
    color: #666666;
}
    /* black */
.normalBlack {
    text-decoration: none;
    font-size:10px;
    font-weight: normal;
    font-style: normal;
    font-family: Verdana;
    color: #000000;
}

.tinyBlackItalic {
    text-decoration: none;
    font-size: 9px;
    font-weight: normal;
    font-style: italic;
    font-family: Verdana;
    color: #000000;
}
.tinyBlack {
    text-decoration: none;
    font-size:9px;
    font-weight: normal;
    font-style: normal;
    font-family: Verdana;
    color: #000000;
}
/* ------------- liens speciaux ------------- */
    /* navigation */
.navNormal, a.navNormal  {
    background-image: url("graphics/gif/puceb.gif");
    background-repeat: no-repeat;
    background-position: 3px left;
    text-decoration:none;
    font-size: 9px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #225DA9;
}
a.navNormal:hover {
    background-image: url("graphics/gif/pucej.gif");
    background-repeat: no-repeat;
    background-position: 3px left;
    text-decoration:none;
    font-size: 9px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #F79C0F;
}
.navTiny, a.navTiny  {
    background-image: url("graphics/gif/pixelb4.gif");
    background-repeat: no-repeat;
    background-position: 4px left;
    text-decoration:none;
    font-size: 9px;
    font-style: normal;
    font-family: Verdana;
    color: #225DA9;
}
a.navTiny:hover {
    background-image: url("graphics/gif/pixelj4.gif");
    background-repeat: no-repeat;
    background-position: 4px left;
    text-decoration:none;
    font-size: 9px;
    font-style: normal;
    font-family: Verdana;
    color: #F79C0F;
}
    /* autres liens */
.scarredLink, a.scarredLink  {
    background-image: url("graphics/gif/puce_carre.gif");
    background-repeat: no-repeat;
    background-position: left;
    text-decoration:none;
    font-size: 9px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #225DA9;
}
a.scarredLink:hover {
    background-image: url("graphics/gif/puce_carre.gif");
    background-repeat: no-repeat;
    background-position: left;
    text-decoration:none;
    font-size: 9px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #F79C0F;
}
.scarredLink12, a.scarredLink12  {
    background-image: url("graphics/gif/puce_carre.gif");
    background-repeat: no-repeat;
    background-position: left;
    text-decoration:none;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #225DA9;
}
a.scarredLink12:hover {
    background-image: url("graphics/gif/puce_carre.gif");
    background-repeat: no-repeat;
    background-position: left;
    text-decoration:none;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #F79C0F;
}

.scarredLink11, a.scarredLink11  {
    background-image: url("graphics/gif/puce_carre.gif");
    background-repeat: no-repeat;
    background-position: left;
    text-decoration:none;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #225DA9;
}
a.scarredLink11:hover {
    background-image: url("graphics/gif/puce_carre.gif");
    background-repeat: no-repeat;
    background-position: left;
    text-decoration:none;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #F79C0F;
}


.titleLink, a.titleLink  {
    text-decoration:none;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #225DA9;
}
a.titleLink:hover {
    text-decoration:none;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #F79C0F;
}

.titleLink11, a.titleLink11  {
    text-decoration:none;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #225DA9;
}
a.titleLink11:hover {
    text-decoration:none;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #F79C0F;
}

.titleLink12, a.titleLink12  {
    padding-left:10px;
    text-decoration:none;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #225DA9;
}
a.titleLink12:hover {
    padding-left:10px;
    text-decoration:none;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #F79C0F;
}

.titleLink11np, a.titleLink11np  {
    text-decoration:none;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #225DA9;
}
a.titleLink11np:hover {
    text-decoration:none;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #F79C0F;
}

    /* tableau de contenu */
.even input{
    border-top-color:#225DA9;
   border-left-color:#225DA9;
   border-right-color:#225DA9;
   border-bottom-color:#225DA9;
}

td.even a {
    text-decoration: none;
    font-size:9px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #000000;
}

td.even a:hover {
    text-decoration: underline;
    font-size:9px;
    font-weight: bold;
    font-style: normal;
    color: #000000;
}
td.odd a{
    text-decoration: none;
    font-size:9px;
    font-weight: bold;
    font-style: normal;
    color: #000000;
}

td.odd a:hover{
    text-decoration: underline;
    font-size:9px;
    font-weight: bold;
    font-style: normal;
    color: #000000;
}
/* ------------- Decorator ------------- */
    /* separateurs */
.blue2px {
    background-color: #225DA9;
    height: 2;
}
.sepTiret {
    background-image:url("graphics/gif/tiret_sep_bleu.gif");
    background-repeat:repeat-x;
}
.sepTiretNormalTitleBlue {
    background-image:url("graphics/gif/tiret_sep_bleu.gif");
    background-position: bottom;
    background-repeat:repeat-x;
    padding-bottom:2px;
    text-decoration:none;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #225DA9;
    width:100%;
}


.sepTiretNormalTitleYellow {
    background-image:url("graphics/gif/tiret_sep_bleu.gif");
    background-position: bottom;
    background-repeat:repeat-x;
    padding-bottom:3px;
    margin-bottom:3px;
    text-decoration:none;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #FFC233;
    width:100%;
}

.sepPoint {
    background-image:url("graphics/gif/point_sep_bleu.gif");
    background-repeat:repeat-x;
}
.headerSeparator {
    background-image: url("graphics/gif/header_separator.gif");
    background-repeat: no-repeat;
    width: 787;
    height: 27;
}
.headerSeparatorLogued {
    background-image: url("graphics/gif/header_separator_logued.gif");
    background-repeat: no-repeat;
    width: 787;
    height: 27;
}

.yellowbullet{
    background-image: url(graphics/gif/pixelj4.gif);
    background-position: left;
    background-repeat: no-repeat;
    padding-left:10px;
}

.graybullet{
    background-image: url(graphics/gif/pixelg4.gif);
    background-position: left;
    background-repeat: no-repeat;
    padding-left:10px;
}


    /* Logos */
.logoGref {
    background-image: url("graphics/gif/logo_gref.gif");
    background-repeat: no-repeat;
    width: 105;
    height: 66;
}
.logoPart {
    background-image: url("graphics/gif/logo_partenaires.gif");
    background-repeat: no-repeat;
    width: 162;
    height: 70;
}

    /* icons */
.print {
    background-image: url("graphics/gif/printer.gif");
    border: 0px;
    background-repeat: no-repeat;
    background-position: center;
    width: 22;
    height: 21;
}

    /* Header */
.header {
    background-image: url("graphics/jpg/header.jpg");
    background-repeat: no-repeat;
    width: 638;
    height: 65;
}
    /* puces */
.bulletWhite {
    background-image: url("graphics/gif/puceb.gif");
    background-repeat: no-repeat;
    background-position: left;
    width: 7;
    height: 7;
}
.bulletYellow {
    background-image: url("graphics/gif/pucej.gif");
    background-repeat: no-repeat;
    width: 7;
    height: 7;
}
.bulletScareBlue {
    background-image: url("graphics/gif/pixelb4.gif");
    background-repeat: no-repeat;
    width: 4;
    height: 4;
}
.bulletScare3 {
    background-image: url("graphics/gif/puce_carre.gif");
    background-repeat: no-repeat;
    background-position: left;
    width: 7;
    height: 7;
}
    /* box */
.angle {
    background-image: url("graphics/gif/angle.gif");
    background-repeat: no-repeat;
    width: 18;
    height: 14;
}
.angle_yellow {
    background-image: url("graphics/gif/angle_yellow.gif");
    background-repeat: no-repeat;
    width: 18;
    height: 14;
}
.rounded {
    background-image: url("graphics/gif/arrondi.gif");
    background-color: #225DA9;
    background-repeat: no-repeat;
    width: 15;
    height: 11;
}
/* ------------- input ------------- */
input {
    background-color: #FFFFFF;
    font-size: 10px;
    color: #225DA9;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
   border:1px solid;
   border-top-color:#FDBF2C;
   border-left-color:#FDBF2C;
   border-right-color:#FDBF2C;
   border-bottom-color:#FDBF2C;
}

.inBlack {
    background-color: #FFFFFF;
   border:1px solid;
   border-top-color:#000000;
   border-left-color:#000000;
   border-right-color:#000000;
   border-bottom-color:#000000;
}

.btnBlack {
    background-color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #225DA9;
   border:1px solid;
   border-top-color:#000000;
   border-left-color:#000000;
   border-right-color:#000000;
   border-bottom-color:#000000;
    filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#EFEFEF',EndColorStr='#ffffff');
}
.inYellow, select, textarea{
    background-color: #FFFFFF;
    font-size: 10px;
    color: #225DA9;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
   border:1px solid;
   border-top-color:#FDBF2C;
   border-left-color:#FDBF2C;
   border-right-color:#FDBF2C;
   border-bottom-color:#FDBF2C;

}
.btnYellow, .mainbutton {
    background-color: #FFFFFF;
    margin-top:10px;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #225DA9;
   border:1px solid;
   border-top-color:#FDBF2C;
   border-left-color:#FDBF2C;
   border-right-color:#FDBF2C;
   border-bottom-color:#FDBF2C;
    filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#EFEFEF',EndColorStr='#ffffff');
}

.inBlue {
    background-color: #FFFFFF;
    font-size: 10px;
    color: #225DA9;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
   border:1px solid;
   border-top-color:#225DA9;
   border-left-color:#225DA9;
   border-right-color:#225DA9;
   border-bottom-color:#225DA9;

}


/* ------------- others------------- */
.paragraph {
    text-align:justify;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-family: Verdana;
    color: #666666;
}

#DesktopDescription{
    padding-top:0px;
    text-decoration:none;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #225DA9;
}

.encart {
    text-align:justify;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-family: Verdana;
    border: solid 1px;
    padding: 5px;
    border-color: #225DA9;
    color: #666666;
}


/* gestion des mots clés
-----------------------------------------------------------------------------*/
.expandableTitle{
    width:450px;
    height:16px;
    margin:10px 0px 0px 0px;
    padding:0px;
}

.expandableTitle a{
    text-decoration:none;
    color:white;
}

.itemtitle_tools{
    float:right;
}

.expandableTitle h3 {
    display:table;
    width:418px;
    background: transparent url('title_keyword_off.gif') no-repeat top left;
    font-weight: bold;
    font-family: Verdana;
    font-size: 10px;
    color: white;
    margin:0px;
    padding:0px 0px 0px 20px;
}

.expandableContent{
    padding-left:15px;
}

.expandableContent table{
    border-collapse:    collapse;
    padding:0px;
    border:1px solid #FDBF2C;
    width:400px;
}

.expandableContent table td.lightcell{
    background:#FDF3DA;
    padding: 2px 5px 2px 5px;
    color: #225DA9;
    font-weight: bold;
    font-family: Verdana;
    font-size: 11px;
}

.expandableContent table td.darkcell{
    background:#FDEABD;
    padding: 2px 5px 2px 5px;
    color: #225DA9;
    font-weight: bold;
    font-family: Verdana;
    font-size: 11px;
}

/* ------------------------ main infos --------------- */

li {
    background-image: url("graphics/gif/puce_carre.gif");
    background-repeat: no-repeat;
    background-position: left;
    padding: 2px 0px 2px 15px ;
    list-style-type: none;
}

#portal_status_message{
    border: 1px solid #AEACA9;
    background: #EBE9E4;
    color: #555;
    padding: 5px;
    margin-bottom: 10px;
}

/* ------------------- even tables --------------- */

table.listing {
    width: 95%;
    margin: 10px auto;
    /*border: 1px solid #225DA9;*/
}

table.listing a img{
    border: 0;
}

table.listing td, table.listing th{
    padding: 2px 3px;
}

li.even, tr.even{
   background-color: #FEFAF0;
   background-color: #FFF;
}

li.odd,tr.odd{
    background-color:#E4F1F6;
}

/* contact us page */

.service{
   border: 1px solid #DDD;
   margin: 10px;
   padding: 5px;
}

.service h1{
    text-decoration:none;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana;
    color: #F79C0F;
    border-bottom: 1px solid #F79C0F;
}

/* ---------------- doc infos (chapo) ------------------*/

.docinfos{
    /*background: #E4F1F6;*/
    background: transparent;
    padding: 5px;
    margin-bottom: 10px;
}
.docinfos span, .docinfos a, .docinfos a:hover{
    font-weight: normal; !important
}
.docinfos a, .docinfos a:hover{
    text-decoration: underline;
}

.links li{
    background: none;
    margin-left: 0px;
    padding-left: 0px;
    list-style-image:url("graphics/gif/pixelb4.gif");
}

.links li a, .links li a:hover{
    text-decoration:underline;
}

.about{
    background: #eee;
    padding: 2px;
}

.moreabout{
}

.moreabout .title{
    display:block;
    color: #225DA9;
    font-size: 12px;
    font-weight: bold;
}

/* ------------------ news module -------------------- */

.newsmodule{
}

.newsmodule div{
    padding-right: 0px;
}

.newsmodule div.summary{
    border: 1px solid #FDBF2C;
    margin: 20px 5px 10px 5px;
    font-weight: normal;
}

.newsmodule .summary .title{
    position: relative;
    top: -10px;
    left: 10px;
    background-color: #fff;
    color: #225DA9;
    font-size: 12px;
    padding: 0px 4px;
    font-weight: bold;
}

.newsmodule .summary ul ul{
    margin-top: 10px;
}

.newsmodule .summary ul{
    margin-left: 20px;
    padding-left: 10px;
    margin-right: 10px;
    padding-right: 0px;
}

.newsmodule .summary li{
    list-style-type: decimal;
    color: #225DA9;
    background: none;
    padding: 0px 0px 10px 0px;
}


.newsmodule .theme{
    padding-top: 10px;
}

.newsmodule .theme h1{
    background-color: #E4F1F6;
    font-size: 14px;
    font-weight: bold;
    padding: 2px;
}

.newsmodule .theme h1 a.summary{
    float: right;
    font-size: 9px;
    text-decoration: underline;
    padding: 2px;
    font-weight: normal;
}

.newsmodule .article{
    margin: 0px 10px 0px 5px;
    clear: both;
    padding: 0px 0px 15px 0px;
}

.newsmodule .article h2{
    background:  transparent url("graphics/gif/puce_carre.gif") no-repeat center left;
    padding-left: 15px;
    margin-left: 0px;
    font-size: 10px;
    margin-bottom: 10px;
    margin-top: 15px;
    border-bottom: 1px solid #FDBF2C;
}

.newsmodule .article .date{
    float: right;
    font-size: 9px;
    padding: 2px;
    font-weight: normal;
    color: #676767;
    padding: 2px;
}

.newsmodule .article .links, .newsmodule .article p, .newsmodule .article div, .newsmodule .article ul{
    margin-left: 15px;
}

.newsmodule .article div p{
    margin-left: 0px;
}

.newsmodule .article .description{
    font-weight: bold;
}

.newsmodule .contact{
    background: #eee;
    padding: 2px;
}

.newsmodule .contact p{
    text-align: left;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    padding-top: 0px;
}

.newsmodule .contact a, .newsmodule .contact a:hover{
    text-decoration:underline;
    font-weight: normal;
}

.archives{
}

.archives h1{
    border-bottom: 1px solid #FDBF2C;
    font-size: 16px;
    color: #FAA317;
    font-weight: bold;
}



/***************************************************************************
header
**************************************************************************/

#mainHeader{
	width:1015px;
	height:30px;
	background: transparent url("graphics/v2/jpg/header.jpg") no-repeat top left;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

html>body #mainHeader{
	height:65px;
}

#logoHome{
	display:block;
	width:86px;
	height:30px;
	position:relative;
	left: 23px;
	top:12px;
}

#headerNav{
	height:34px;
	width:804px;
	border-bottom:1px solid #b8b2a0;
	position:relative;
	top:0px;
	left:190px;
}

#headerTitle{
	position:relative;
	top:1px;
	float:left;
	background: transparent url("graphics/v2/gif/title.gif") no-repeat top left;
	width:325px;
	height:27px;
	font-family: arial;
	font-size: 16px;
	font-weight: normal;
	color:white;
	padding-left:45px;
	padding-right:45px;
	padding-top:7px;
	white-space: nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

html>body #headerTitle{
	top:2px;
	width:276px;
}

/***************************************************************************
content body
**************************************************************************/
#mainBody{
	width:1015px;
    margin-left: auto;
	margin-right: auto;	
	text-align:left;
}


/***************************************************************************
left column
**************************************************************************/
#leftCel{
	width:191px;
	min-height:610px;
	background: transparent url("graphics/v2/jpg/left_maincolor.jpg") repeat-y top left;
	/*background: #FFC233;*/
	vertical-align:top;
}
#leftCol{
	margin-left:10px;
	width:180px;
	background: transparent url("graphics/v2/gif/left_degrad.gif") repeat-x top left;
	/*background: #FFC233;*/
}

.leftBox{
	width:165px;
	/*margin-left:9px;*/
}

.leftBox .boxTitle{
	font-family: tahoma;
	font-size: 13px;
	font-weight: bold;
	color:#654c03;
	text-transform:uppercase;
	margin-bottom:10px;
	padding-left:10px;
}

.leftBox .boxTitle a{
	font-family: tahoma;
	font-size: 13px;
	font-weight: bold;
	color:#654c03;
	text-transform:uppercase;

}

.leftBox .boxBody table{
	border:0 !important;
	padding:0;
	border-collapse:collapse;
}

.leftBox .boxBody table td, .leftBox .boxBody table tbody{
	border:0 !important;
	padding:0;
	border-collapse:collapse;
}

.leftBox .boxBody a{
	color:#002a94 !important;
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;	
	background:transparent url("graphics/v2/gif/li_bullet.gif") no-repeat 10px 10px;
	display:block;
	padding: 5px 0 5px 20px;
	width:180px;
	border:0;
}

html>body .leftBox .boxBody a{
	width:160px;	
}


.leftBox .boxBody a:hover{
	color: black !important;
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;	
	/*text-decoration:underline;*/
	background:#fef9e8 url("graphics/v2/gif/li_bullet.gif") no-repeat 10px 10px;
}

.leftBox .boxBody ul{
	margin:0px !important;
	padding:0px !important;
	border:0;	
}

/*html>body .boxBody ul{
	margin:0 0 0 13px;
	padding:0px;
}*/

.leftBox .boxBody ul li{
	color:#002a94;
	width:153px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-image: none !important;
	/*background-position:5px left;	*/
}

.leftBox .boxBody ul li ul{
	margin-bottom:10px;
}

.leftBox .boxBody ul li ul li{
	width:130px;
	margin:0 0 0 15px;
	padding:0;
	background-image:url("graphics/v2/gif/lili_bullet.gif") !important;
	background-position:5px 5px;
}

.leftBox .boxBody ul li ul li a{
	width:130px;
	margin:0px;
	padding:0 0 0 13px;
	background-image:none !important;
}

.leftBox .boxBody ul li ul li a:hover{
	color:#002a94 !important;	
	background:none !important;
	text-decoration:underline;
}


.leftBox .boxBody p{
	margin:0px;
	padding:0px;
}

.boxSep{
	background-color:#fef9e2;
	color: #fef9e2;
	height: 1px;
	border: 0;	
/*	margin-bottom:8px;
	margin-top:13px;*/
}

.leftBox .navItem{
	background: transparent url("graphics/v2/gif/li_bullet.gif") no-repeat 10px 10px !important;
	display:block;
	width:130px !important;
}

.leftBox .navItemL2{
	background: transparent url("graphics/v2/gif/lili_bullet.gif") no-repeat 10px 10px !important;
	display:block;
	width:135px !important;
}

.leftBox .navItemL2:hover, .leftBox .navItem:hover{
	text-decoration:underline !important;
}

#newsLetter img{
	margin:13px 0 5px 0;
	position:relative;
	left:25px;
}

/***************************************************************************
right column
**************************************************************************/
.rightBox{
	margin-bottom:10px;
	text-align:left;
}

.rightBox .boxTitle h1{
	background:transparent url("graphics/v2/gif/title_oneBullet.gif") no-repeat 0px 4px;	
	padding:0 0 2px 20px;
	margin:0 0 5px 0;
	color: #225da9;
	font-weight: bold;
	font-family: tahoma;
	font-size: 15px;
}

.rightBox .boxBody{
	background:transparent url("graphics/v2/gif/rightBoxBackground.gif") no-repeat top left;	
	padding:10px 42px 20px 0;
}

/***************************************************************************
main column
**************************************************************************/
#mainCel{
	background:white url("graphics/v2/gif/maincel.gif") repeat-y top right;
	padding-right:21px;
}

/***************************************************************************
center column
**************************************************************************/
#centerCol{
	margin-left: 20px;
	margin-right: 10px;
	width:773px;
}

#centerCol table{
	/*width:100% !important;*/
}

#centerCol .inputText{
	width:50% !important;
}

.inputFile{
	width:50% !important;
}

#centerCol table td textarea{
	width:100% !important;
}

.stdBoxTitle h1{
	background:transparent url("graphics/v2/gif/title_bullet.gif") no-repeat 0px 0px;	
	padding:0 0 0px 85px;
	margin:0 0 0px 0;
	color: #767267;
	font-weight: bold;
	font-family: tahoma;
	font-size: 15px;
}
.prcDepTitle h1{
	background:none;
	background-color:	#FFC233;	
	padding:0 0 0 20px;
	margin:0 0 0 0;
	color: #333333;
	font-weight: bold;
	font-family: tahoma;
	font-size: 30px;
}

.stdBoxBody{
	background:transparent url("graphics/v2/gif/stdBoxBackground.gif") no-repeat top left;
	padding:0px 60px 5px 0;
}

.removeBackground{
	background:none !important;
	padding:10px 0px 20px 0;	
}

ul.yellowArrow{
	margin:0px !important;
	padding:0px !important;
	border:0;	
}

ul.yellowArrow li{
	color:#002a94;
	margin:0 0 0 0;
	padding:5px 0 5px 19px;
	background-image: url("graphics/v2/gif/actu_bullet.gif") !important;
	/*background-position:5px left;	*/
}

.newsFooter {
	border-top:1px solid #ebe8de;
	margin-top:5px;
}
/***************************************************************************
breadCrumb
**************************************************************************/
#breadCrumb{
	margin:3px 0 0 0;
	padding:0;
	color:#002a94;
	background-color:white !important;
	margin-left:10px;
}

#breadCrumb a{
	color:#002a94 !important;
	background-color:white !important;
}

/***************************************************************************
search box
**************************************************************************/
#searchBox{
	background-color:#ebe9e4;
	color: #002a94;
	font-weight: bold;
	font-family: tahoma;
	font-size: 11px;	
}

#searchBox table{
	margin-left:10px;
}


#searchBox td{
	color: #002a94;
	font-family: tahoma;
	font-size: 11px;
}

.selectSource input{
	border:0;
	background-color:transparent;
}

#searchInput { 
	width: 192px; 
	height:24px;
	border: 0;
	background: transparent url("graphics/v2/gif/input.gif") no-repeat;
	padding: 5px 3px 6px 5px; 
	color: #002a94;
	font-weight: bold;
}

#searchButton {
	background: transparent url("graphics/v2/gif/ok.gif") no-repeat;
	border: 0;
	width: 36px;
	height:16px;
	margin: 0 15px 1px 0;
}

.search_field { 
	background: #fff url(img/searchbg.gif) no-repeat right; 
	color: #808080;
	padding: 9px 0 9px 0;
	width: 652px;
}
.search_field p{
	font-family:arial ! important;
	color: #808080 ! important;
	font-weight: bold ! important;
	font-size: 11px ! important;	
}

.search_field a {
	font-family:arial ! important;
	color: #808080 ! important;
	font-weight: normal ! important;
	font-size: 11px ! important;
	text-decoration:underline ! important;
}

.search_field a:hover {
	text-decoration:none ! important;
}



/***************************************************************************
footer
**************************************************************************/
#footer{
	background:transparent url("graphics/v2/jpg/footer.jpg") no-repeat top left;
	height:80px;
	color:#002a94;
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	padding-left:207px;
}

#footer a{
	color:#002a94;
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;	
}

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

#footerLogo{
	float:left;
	position:relative;
	top:-5px;
}

#footerLinks{
	position:relative;
	top:-5px;
	float:right;
	padding-right:150px;
}

#realNNG{
	margin: 10px 0 0 0;
	/*display:block;*/
	position:relative;
	left:210px;
	top:3px;
}

html>body #realNNG{
	/*margin: 0 21px 10px 8px;*/
}


.mks_sd_btn{
    background: #ebe9e4;
    font: 10px;
    color: Red;
    font: bold;
    text-align: center;
    border: 0px;
}

.mks_sd_annee{
    background: Silver;
    font: 10px;
    color: Black;
    font: bold;
    text-align: center;
    border: 0px;
}

.mks_sd_semaine_btn{
    color: Red;
}

.mks_sd_semaine{
    background: #FDBF2C;
    font: 11px;
    color: Black;
    font: bold;
    text-align: center;
    border: 0px;
}

.mks_sd_selected{
    background: #F79C0F;
    font: 9px;
    color: Black;
    font: bold;
    width: 100px;
    text-align: center;
    border: 0px;
}

.mks_sd_dayofmonth{
    background: #FFFFFF;
    font: 9px;
    color: Black;
    width: 100px;
    text-align: center;
    border: 0px;
}

.mks_sd_dayoutmonth{
    background: #505050;
    font: 9px;
    color: #666666;
    width: 100px;
    text-align: center;
    border: 0px;
}

.mks_sd_weekend{
    background: #cccccc;
    font: 9px;
    color: Red;
    width: 100px;
    height: 50px;
    text-align: center;
    border: 0px;
}

#document{
   display: block;
  	padding-left: 0px;
  	padding-bottom: 2px;
   /*border:1px solid;*/
	}
	

.tdtop{
	vertical-align:top;
	
	}
	
.stdBoxTitle a{
	color: #666666;
}

.stdBoxTitle a:hover{
	
	color: #F79C0F;
}

p#edito{
	display: block;
	
}
p#edito:first-letter{
/*color : #F79C0F;
font-size : 10px;
font-weight : bold;
float:left;*/
}

div#documentItem {
	/*border-bottom:1px solid;*/
	
}

#documentItem p{
/*line-height: 5px;*/
}
.linkDocItem a{
/*line-height: 100px;*/
}

table.navBar {
	/*background-color : black;*/
	align:center;
	text-align :center;
	font-family: Verdana;
	font-style: normal;
	font-weight : bold;
	font-stretch: semi-condensed;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	
}
table.navBar td{
	display:inline;
	
	background-color : #ece8e8;
	border: 1px grey solid;
	margin: 0 1px 0 1px;
	line-height: 1.6em;
	padding: 3px 3px 3px 3px;
}
table.navBar a{
	display:inline;
	margin: 0 -3px 0 -3px;
	padding: 3px 3px 3px 3px;
}

table.navBar a:hover{
	background-color : #F79C0F;
	color: white;	
}

table.folder tr{
	display:block;
	padding: 3px 3px 3px 0px;
}
div.folder{
	display:block;
	
	padding: 0px 0px 0px 0px;	
}
div.folder2{
	display:block;
	
	border:0;
			
}


div.folder2 a{
	vertical-align: text-pop;
	background-image : url(graphics/gif/folder_icon.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-top: 2px;
	padding-left: 20px;
	margin:0 0 0 0;
		
}

div.document2{
	display:block;
	
	border:0;
	padding-top: 8px;
			
}


div.document2 span.subTitleBlue{
	
	vertical-align: text-pop;
	background-image : url(graphics/gif/document_icon.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-top: 3px;
	padding-left: 20px;
	margin:0 0 0 0;
		
}

div.link2{
	display:block;
	
	border:0;
	padding-top: 8px;
			
}


div.link2 span.subTitleBlue{
	
	vertical-align: text-pop;
	background-image : url(graphics/gif/helplink_icon.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-top: 3px;
	padding-left: 20px;
	margin:0 0 0 0;
		
}