﻿/* general styles*/
/* Fonctsize global*/
html {
    font-size:          100%;
}
body {
    margin:             10px;
    padding:            0;
/*    font-family:        "Times New Roman", Times,"Liberation Serif", FreeSerif, serif; */
    font-family:        Verdana, Geneva, sans-serif;
    line-height:        1.2em;
    font-size:          .85em;
    text-align:         justify; 
    color:              #fff;
}
p {
    text-align:         justify;
    padding:            0 0 1em;
}
strong {
    font-weight:        bold;
}
em {
    font-style:         italic;
}
h1, h2, h3, h4 {
    font-family:        Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
    font-weight:        normal;
}
h1 {
    font-size:          1.9em;
    line-height:        1em;
    margin:             0 0 .5em 0;
}
h2 {
    font-size:          1.3em;
    line-height:        1.1em;
    margin:             0 0 .15em 0;
}
h3 {
    font-size:          1.2em;
    margin:             0 0 .1em 0;
}
h4 {
    font-size:          1.1em;
    margin:             0 0 .1em 0;
}
a:link, a:visited {
    color:              #e53817;
    text-decoration:    underline;
}
a:hover, a:active {
    color:              #999999;
    text-decoration:    none;
}
ul {
    margin:             5px 0 5px 20px;
    padding:            0;
    list-style-type:    disc;
}
ol {
    margin:             5px 0 5px 20px;
    padding:            0;
    list-style-type:    decimal;
}
ul li, ol li {
    margin:             0;
    padding:            0;
}
/* ########## main Outer container Element ########## */
#mainCE {
    margin:             0 auto;
    padding:            0;
    width:              1000px;
    background-color:	#AF8692;
}
/* ########## Header ########## */
#header {
    position:           relative;
    width:              1000px;
    height:             185px;
    color:              #ffffff;
}
#logoRdp {
    width:              192px;
    display:            block;
}
#logoRdp IMG {
    margin:             29px 0 0 29px;
    width:              134px;
    height:             202px;
}
/* ########## Left column ########## */
#column0 {
    float:              left;
    margin:             70px 0 0 0;
    padding:            0 5px 10px;
    width:              230px;
    color:              #000;
}
/* ########## Menu Level1 Nav ########## */
#navLevel1 {
    margin:             0 0 0 24px;
    width:              201px;
}
#navLevel1 ul {
    margin:             1em 0 0 5px;
    padding:            0;
    list-style:         none;
}
#navLevel1 ul li.liFirst a {
    text-transform:     uppercase;
    text-decoration:    underline;
}
#navLevel1 ul li {
    line-height:    100%;
    list-style:     none outside none;
    margin:         0 0 1px -5px;
    overflow:       hidden;
    padding:        0 0 1px;
    text-align:     left;
}
#navLevel1 ul li a {
    padding:            0;
    text-decoration:    none;
}
#navLevel1 ul li a:link, #navLevel1 ul li a:visited {
    color:              #000;
}
#navLevel1 ul li.actif a,
#navLevel1 ul li a:hover, #navLevel1 ul li a:active{
    color:              #fff;
}
/* ########## Lang Nav ########## */
#navLang {
    margin:             0 0 0 24px;
    width:              201px;
}
#navLang ul {
    margin:             1em 0 0 0;
    list-style:         none;
}
#navLang ul li {
    margin:             0;
    display:            inline;
}
#navLang ul li a {
    padding:            5px 3px 5px 0px;
    text-decoration:    none;
}
#navLang ul li a:link, #navLang ul li a:visited {
    color:              #000;
}
#navLang ul li.actif a,
#navLang ul li a:hover, #navLang ul li a:active{
    color:              #fff;
}
#navLang ul li.nolang a {
    color:              #aaa;
}

/* ########## nav col0 font styles ########## */
#navLevel1 ul li,
#navLang ul li {
    font-family:       Arial,"Trebuchet MS", Helvetica, sans-serif;
    font-size:         .85em;
}
#navLevel1 ul li a,
#navLang ul li a  {
    height:             1em;
    font-weight:        bold;
    line-height:        1.05em;;
    text-align:         left;
}
/* ########## col1Main ########## */
#col1Main {
    float:              left;
    margin:             0;
    padding:            0 0 25px 0;
    width:              760px;
    font-size:          0.85em;
    /* background-color:   #eeeeee; */
}
/* ########## nav2level Horizontal navigation ########## */
#nav2level {
    margin:             5px 85px 25px 0;
    padding:            0 10px 0 20px;
    width:              635px;
    /* height:             35px; */
    line-height:        35px;
    text-align:         left;
    background-color:   #fff;
    overflow:           hidden;
}
#nav2level ul {
    margin:             0;
    padding:            0;
    list-style:         none;
}
#nav2level ul li {
    margin:             0;
    padding:            5px 0 5px 0;
    list-style:         none;
    display:            inline;
}
#nav2level ul li a {
    padding:            10px 10px 10px 0;
    font-family:        Arial,"Trebuchet MS", Helvetica, sans-serif;
    font-size:          .85em;
    white-space:        nowrap;
}
#nav2level ul li a:link, #nav2level ul li a:visited {

    color:              #000;
    text-decoration:    none;
}
#nav2level ul li.actif a,
#nav2level ul li a:hover, #nav2level ul li a:active {
    color:              #50bc4d;
    text-decoration:    none;
}
/* ########## Footer ########## */
#footer {
    margin:             0;
    padding:            5px 5px 5px 10px;
    height:             20px;
    font-size:          10px;
    color:              #999;
    background-color:   #000000;
    clear:              both;
}
#footer a:link, #footer a:visited {
    color:              #999999;
    text-decoration:    none;
}
#footer a:hover, #footer a:active {
    color:              #ffffff;
    text-decoration:    underline;
}
/* ########## Fix so that the outer DIV will wrap around all floated DIVs within ########## */
.clearfix:after {
    content:            "."; 
    display:            block; 
    height:             0; 
    clear:              both; 
    visibility:         hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ######### fce-blocImgText ######### */
.fce-blocImgText {
    margin:             30px 0 25px;
}
.fce-blocImgText IMG {
    float:              left;
    margin:             3px 35px 10px 0
}
.fce-blocImgText DIV {
    margin:             0 75px 0 272px;
    font-size:          1.1em;
}

/* ######### fce-bloc3cols ######### */
.fce-bloc3cols {
    margin:             0 25px 25px 0;
    padding:            16px 20px 5px;
    width:              695px;
    overflow:           hidden;
    color:              #000;
    background-color:   #fff;
    font-size:          0.9em;
    line-height:        1.2em;
}
.fce-bloc3cols div {
    float:              left;
    margin:             0;
    width:              31%;
}
.fce-bloc3cols div.b3colL,
.fce-bloc3cols div.b3colC {
   padding:            0 20px 0 0;
}
.fce-bloc3cols div.b3colR {
    padding: 0;
}
.fce-bloc3cols div H1,
.fce-bloc3cols div H2,
.fce-bloc3cols div H3 {
    font-weight:bold;
    text-align:left;
}
.fce-bloc3cols div H1 {
    font-size:1.3em;
}
.fce-bloc3cols div H2,
.fce-bloc3cols div H3 {
    font-size:1.1em;
}
.fce-bloc3cols H2,
.fce-bloc3cols H3 {
    color:              #e53817;
    font-size:          1.3em;
    font-weight:        bold;
}
.fce-bloc3cols H4 {
    color:              #50bc4d;
    font-size:          1.1em;
    font-weight:        bold;
}

/* ######### table4RightCol ######### */
.table4RightCol {
    width:              100%;
    margin:             0;
    padding:            0;
    border:             0 none;
    border-collapse:    collapse;
}
.table4RightCol td {
    vertical-align:     top;
}
.table4RightCol TD.cellL {
    width:              554px;
}
.table4RightCol TD.cellR {
    padding-bottom:     25px;
    width:              95px;
}
.table4RightCol TD.cellR IMG {
    margin:             0 25px 0 30px;
}
/* ######### img vert pos td padding ######## */
.pad-top20 { padding-top:20px;}
.pad-top40 { padding-top:40px;}
.pad-top60 { padding-top:60px;}
.pad-top80 { padding-top:80px;}
.pad-top100 { padding-top:100px;}
.pad-top120 { padding-top:120px;}
.pad-top140 { padding-top:140px;}
.pad-top160 { padding-top:160px;}
.pad-top180 { padding-top:180px;}
.pad-top200 { padding-top:200px;}
.pad-top240 { padding-top:240px;}
.pad-top280 { padding-top:280px;}
.pad-top320 { padding-top:320px;}
.pad-top360 { padding-top:360px;}
.pad-top400 { padding-top:400px;}
/* ######### fec generic ######## */
.fce-blocAlginLeft,
.fce-blocAlginRight,
.fce-blocScroll {
    margin:             0 0 25px 0;
    padding:            16px 20px;
    color:              #000;
    background-color:   #fff;
}
.fce-blocScroll H1,
.fce-blocAlginLeft H1,
.fce-blocAlginRight H1 {
    color:              #50bc4d;
    font-size:          1.25em;
    font-weight:        bold;
}
.fce-blocScroll H2,
.fce-blocAlginLeft H2,
.fce-blocAlginRight H2 {
    color:              #50bc4d;
    font-size:          1.06em;
    font-weight:        bold;
}
.fce-blocScroll H3,
.fce-blocAlginLeft H3,
.fce-blocAlginRight H3 {
    color:              #50bc4d;
    font-size:          1em;
    font-weight:        bold;
}
.fce-blocScroll H4,
.fce-blocAlginLeft H4,
.fce-blocAlginRight H4 {
    color:              #50bc4d;
    font-size:          0.96em;
    font-weight:        bold;
}
/* ######### fce-blocAlginLeft ######### */
.fce-blocAlginLeft {
    width:              450px;
}
.w300 {
    width:              300px !important;
}
/* ######### fce-blocAlginRight ######### */
.fce-blocAlginRight {
    float:              right;
    width:              380px;
}
/* ######### paragraph content ######### */
.fce-blocImgText P,
.fce-blocAlginLeft P,
.fce-blocAlginRight P {
    padding:            0 0 1em;
}

/* ######### fce-BblocScroll ######### */
.fce-blocScrollMask {
    background-color:   #FFFFFF;
    width:              555px;
    height:             480px;
    padding:            12px 0 0;
    overflow:           hidden;
    position:           absolute;
}
.fce-blocScroll {
    width:              490px;
    height:             450px;
    margin-top:         0;
    padding-right:      45px;
    overflow:           scroll;
    position:           absolute;
}
.fce-blocScroll div.contentEl {
    margin-top:         -18px;
}
.fce-blocScrollHeight {
    height:             522px;
}

/* text styles */
.boldGreenUp {
    color:              #50bc4d;
    font-family:        Verdana,Arial,"Trebuchet MS", Helvetica, sans-serif;
    font-size:          0.8em;
    font-weight:        bold;
    text-transform:     uppercase;
}

/* ### content ### */
/* text left */
.align-left {
    text-align:         left;
}
/* - right */
.align-right {
    text-align:         right;
}
/* center */
.align-center {
    text-align:         center;
}
/* justify */
.align-justify {
    text-align:         justify;
}

/* TABLE - File list */
TABLE.csc-uploads {
    border:             none;
    width:              665px;
    margin-top:         5px;
    margin-bottom:      5px;
    color:              #000;
    font-size:          0.95em;
}
TABLE.csc-uploads TD {
    border-bottom:      1px solid #DDDDDD;
    background:         #fff;
    padding:            5px;
    vertical-align:     bottom;
}
TABLE.csc-uploads TD P {
    padding:            0 0 0.2em;
}
TABLE.csc-uploads TR.tr-even TD {
    
}
TABLE.csc-uploads TD.csc-uploads-icon {
    padding:            5px;
    vertical-align:     top;
}
TABLE.csc-uploads TD.csc-uploads-icon IMG {
    border:             1px solid #ddd;
    padding:            3px;
}
TABLE.csc-uploads TD.csc-uploads-fileName {
    
}
TABLE.csc-uploads TD.csc-uploads-fileSize {
    text-align:         right;
    width:              10%;
    white-space:        nowrap;
}

