/* **********************************   Positionierungen  ***************************************/
body {
                  font-family: Verdana, Arial, sans-serif;
                  font-size: 12px;
                  margin: 0;
                  padding:0;
                  color: #808080;
                  background-color : #BABABA;
}


#wrapper {
                  /* border: 1px red solid; */
                  width: 770px;
                  overflow: hidden; /* PSR ???? :  This hides the excess padding in non-IE browsers */
                  /* background-color: #0D2E63; */
                  /* border: 1px #DDDDDD solid; */
                  margin: 0 auto;
                  position: relative;
                  padding:0;
                  text-align: left;
                  /* background: #0D2E63 url(../templates/img/bg_all_col.gif) repeat-y top left; */
}

.clearboth { clear:both; overflow:hidden; height:0 !important; height /**/:0px; }


#header {         /* border: 1px yellow solid; */
                  width: 770px;
                  height : 89px;
                  margin:0;
                  padding:0;
                  background: #FFFFFF;
}



#logo {
                  position: absolute;
                  float:left;
                  z-index :3;
                  top: 0px;
                  margin: 12px 0 0 12px;
}

#headerimage {
                  position: absolute;
                  float:left;
                  z-index :1;
                  top: 0px;
}

#navi_h {
/* border: 1px red solid; */

                  position: absolute;
                  top:0;
                  left:0;
                  float:left;
                  z-index  :2;
                  font-size: 12px;
                  font-weight: bold;
                  width: 770px;
                  height : 89px;
                  margin: 0 0 0 0;
                  background: transparent url(../templates/img/bg_picto_2.gif) no-repeat top left;
                  padding:0px 0 0 0px;
}


#midCol{
                  float : left;
                  /* border: 1px pink solid; */
                  float left;
                  width: 770px;
                  /* min-height: 483px; *//* marche pas avec IE a revoir */
                  /* height: 483px; */ /* en attendant hack IE => hauteur page 620 px minimum*/
                  margin:0;
                  padding: 0 0 0px 0;
                  background-color: #FFFFFF;
                  /* overflow: hidden; */
}
#content {
                  /* border: 1px solid red; */
                  float : left;
                  clear:both;
                  z-index :4;
                  position:relative;
                  /* new */
                  margin: 11px 0 0 0px;
                  /* padding:10px 15px 10px 15px; */
                  padding:0;
                  background: #FFFFFF;
                  /* min-height: 350px;  */
}

.top {
      z-index:5;
      border: 1px purple solid;
      position:relative;
      font-size:30px;
 } 

.middle {
        z-index:2;
        margin: -30px 0 0 0;
        border: 1px red solid;
        position:relative;
        font-size:30px;
} 



#encart_fiche_top {
                   position:relative !important;
                   z-index: 1;
                   width: 242px;  
                   height : 35px;
                   margin:0;
                   padding:0;
                   background: transparent url(../templates/img/encartFiche_t.gif) no-repeat top left;
}

#encart_fiche_middle {
                   width: 242px;
                   margin:0px 0 0 0px;
                   padding:0;
                   background: transparent url(../templates/img/encartFiche_m.gif) repeat-y top left;
}

#encart_fiche_botton {
                   width: 242px;
                   height : 18px;
                   margin:0;
                   padding:0;
                   background: transparent url(../templates/img/encartFiche_b.gif) no-repeat top left;
}
.titreFicheContent {
                   /* border: 1px purple solid; */
                   width: 180px;  /* 200-20*/
                   margin:0px;
                   padding:8px 10px 0px 10px;
}

.textFicheContent {
                   /* border: 1px purple solid; */
                   position:relative;
                   z-index:2 !important;
                   width: 180px;  /* 200-20*/
                   margin:-2px 0 0 0px;
                   padding:0px 10px 7px 10px; */
}


#footer {
                 font-size: 10px;
                 color : #808183;
                 clear: both;
                 height : 30px;
                 width: 770px;
                 /* height : 112px; */
                 text-align : center;
                 margin : 0;
                 padding:10px 0 0 0;
                 background-color: #FFFFFF;
}


/* ***************************************   Navis   **************************************** */

#menu_h_1 {
                float : right;
                /* border: 1px green solid; */
                margin: 0 0 0 0;
                padding: 0 0 0 0;
                text-align : left;
                width : 174px;
                height : 14px;
                background: transparent url(../templates/img/bg_menu_h_1.gif) no-repeat top left;

}

.menu_h_1_roll  {
                background: transparent url(../templates/img/bg_menu_h_1_roll.gif) no-repeat top left;
}

#menu_h_2 {
                float : right;
                clear : both;
                /* border: 1px green solid; */
                text-align: left; 
                margin: 61px 0 0 0;
                padding: 0 0 0 0;
                width : 443px;
                height : 14px;
                background: transparent url(../templates/img/bg_menu_h_2.gif) no-repeat top left;

}

.menu_h_2_roll  {
                background: transparent url(../templates/img/bg_menu_h_2_roll.gif) no-repeat top left;
}


#rootline ul {margin:0; padding:13px 0 0 0; float : left;
}
#rootline ul li {
                  padding:0; 
                  display: inline;
                  margin: 3px;
                  list-style: none;
}

#histo {
                /* border: 1px red solid; */
                margin:12px 10px 0 10px;
                padding:0px;
                float : right;
                /* background-color: #0D2E63; */
}

#subnavigation ul {
                width: 152px;
                background-color: #2E69A3;
                margin: 0px 0px 0px 0px;
                padding:5px 0px 5px 0px;
                overflow : hidden;
}
#subnavigation li {
                /* border: 1px red solid; */
                width: 112px;
                height: 19px;
                text-align : left;
                padding: 0px 0px 0px 40px;
                margin: 0px 0 0 0px;
                /* font-size: 16px;  */
                /* font-weight: bold;*/
                /* color : #FFFFFF;  */
                list-style : none;
                background-color: #2E69A3;
}



ul#metas {
                  border: 1px purple solid;
                  font-size: 11px;
                  margin: 0 0 0 0px;
                  vertical-align: bottom;
                  text-align : center;
}

ul#metas li {     
                 /* height : 22px;*/ 
                 border: 1px orange solid;
                 margin : 0px 0 0 0;
                 padding:0px 0 0 0;
                 display: inline;
                 list-style: none;
}


div#metas {
                  /* border: 1px #FFFFFF solid; */
                  /* float : right; */
                  padding:3px 0 0 0;
                  text-align : center;
                  color : #FFFFFF;
                  font-size: 11px;                                    
}


/* *******************************************   Links   ******************************************* */

#menu_h_1 a:link, #menu_h_1 a:visited {
                text-decoration: none;
                font-size: 11px;
                color: #FFFFFF;
                padding:0 0 0 16px;
}

#menu_h_1 a:hover, #menu_h_1 a:active {
                text-decoration: none;
                font-size: 11px;
                color: #272425;
                padding:0 0 0 16px;
}


#menu_h_2 a:link, #menu_h_2 a:visited {
                text-decoration: none;
                font-size: 11px;
                color: #FFFFFF;
                padding:0px 6px 0 28px;
}

#menu_h_2 a:hover, #menu_h_2 a:active {
                text-decoration: none;
                font-size: 11px;
                color: #272425;
                padding:0px 6px 0 28px;
}


div.csc-frame-intro-acc a:link, div.csc-frame-intro-acc a:visited {
/* border: 1px green solid; */
                /* display: bloc; */
                text-decoration: none;
                font-size: 13px;
                font-weight: bold;
                color: #020202;
                padding:0 6px 6px 5px;
                background-image : url(../templates/img/pixel_tans.gif);
                background-repeat : no-repeat;
                background-position : right bottom;
                /* background-position : 20% 80% ; */
                height:50px;
                width:170px;
}

div.csc-frame-intro-acc a:hover, div.csc-frame-intro-acc a:active {
/* border: 1px green solid; */
                /* display: bloc; */
                text-decoration: none;
                font-size: 13px;
                color: #1F667D;
                font-weight: bold;
                padding:0 6px 6px 5px;
                /* background-image : url(../templates/img/pixel_tans.gif); */
                background-image : url(../templates/img/souligne_1_11c.gif);
                background-repeat : no-repeat;
                /* background-position : right bottom; */
                / background-position : 20% 80% ; */
                height:50px;
                width:170px;
}

/* ???? A revoir roll enveloppe */
/* DIV.csc-frame-content-contact a:link, DIV.csc-frame-content-contact a:visited { */
/*                background: transparent url(../templates/img/enveloppe_mail.gif) no-repeat top left; */
/* } */
/* DIV.csc-frame-content-contact a:hover, DIV.csc-frame-content-contact a:active { */
/*                 background: transparent url(../templates/img/enveloppe_mail_roll.gif) no-repeat top  left; */
/* } */


#footer ul#metas li a:link, #footer ul#metas li a:visited, #footer ul#metas li a:hover, #footer ul#metas li a:active {
                  font-size: 11px;
                  color : #FFFFFF;
                  text-decoration: underline;
} 

#footer div#metas a:link, #footer div#metas a:visited, #footer div#metas a:hover, #footer div#metas a:active {
                  font-size: 11px;
                  color : #FFFFFF;
                  text-decoration: underline;
} 

#footer div#designer a:link, #footer div#designer a:visited {
                  font-size: 10px;
                  color : #808183;
                  text-decoration: underline;
} 

#footer div#designer a:hover, #footer div#designer a:active {
                  font-size: 10px;
                  color : #1F667D;
                  text-decoration: underline;
} 

/* ********************************* Formulare  ******************************* */
form .form_line{
                margin:0;
                padding: 5px 0 5px 0;
}

form .form_line label {
                  float:        left;
                  width:        200px;
                  margin-right: .3em;
                  margin-left: 0;
                  margin-bottom:5px;
}

/* *****************************  css styled content angepasst  ********************************* */

/***************************/
/* General element styles: */
/***************************/
H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT { font-family: Verdana, Arial, sans-serif; color: #808080; }
PRE { font-family: monospace; }
A { color: #E6B800; text-decoration: underline; }
A:link, A:visited, A:hover, A:active { color: #E6B800; }
FORM { margin: 0px 0px 0px 0px;}
P, PRE { margin: 0px 0px 0px 0px; }
P, TD, UL, OL { font-size: 12px; }
INPUT, TEXTAREA, SELECT { padding-left: 5px; font-size: 11px; }


/********************************/
/* Frames, spacing, link-to-top */
/********************************/
P.csc-linkToTop { text-align: right; }
P.csc-linkToTop A { font-weight: bold; }

DIV.csc-frame { border: 0px; }
DIV.csc-frame-invisible {}
DIV.csc-frame-rulerBefore { border-top: 1px solid #CCCCCC; }
DIV.csc-frame-rulerAfter { border-bottom: 1px solid #CCCCCC; }
DIV.csc-frame-indent { padding-left: 100px; }
DIV.csc-frame-indent3366 { padding-left: 33%; }
DIV.csc-frame-indent6633 { padding-right: 33%; }
DIV.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #CCCCCC; }
DIV.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #CCCCCC; }
/* Custom ALM */
DIV.csc-frame-intro-acc { position: relative; font-size:12px; line-height:170%; color:#808080; margin: -85px 0 24px 0px; padding: 0 80px 0 0; text-align : right;}

DIV.csc-frame-content-left-pres { width:406px; float:left; background-color: #FFFFFF; margin:0px; padding:0px; }
DIV.csc-frame-content-right-pres {width:270px; float:left; background-color: #FFFFFF; padding: 0px 0px 0px 0px; margin: 0 8px 0 8px; /* border: 1px solid #CCCCCC; */ }
DIV.csc-frame-separ-pres {background:transparent; float:left; width:670px; padding: 0; margin:-10px 20px 5px 0px; /* border: 1px solid #CCCCCC; */}
DIV.csc-frame-visuel-pres { background:transparent; width:100px; float:right; padding: 0 5px 0 0; margin:-410px 0 0 0;}

DIV.csc-frame-content-left-chant { position: relative; z-index:1; width:111px; float:left; background-color: #FFFFFF; margin: 37px 0 0 0; padding: 0px 5px 0px 5px; /* border: 1px solid #CCCCCC; */ }
DIV.csc-frame-content-mid-chant { position: relative; z-index:1; width:242px; float:left; background-color: #FFFFFF; margin: 40px 0 0 0; padding: 0px; /* border: 1px solid #CCCCCC; */ } 
DIV.csc-frame-content-right-chant { position: relative; z-index:1; background-color: #FFFFFF; float:left; margin: 14px 0 0 0; padding:0;  /* border: 1px solid #CCCCCC;  */ }
DIV.csc-frame-separ-top-chant { position: relative; z-index:2;  width:770px; height:69px; background: transparent url(../templates/img/bg_pied_chant_1.gif) no-repeat bottom left; float:left; margin:-51px 0 0 0; padding:0; /* border: 1px solid #CCCCCC;  */}
DIV.csc-frame-separ-chant { position: relative; z-index:2; width:770px; height:69px; background: transparent url(../templates/img/bg_pied_chant_2.gif) no-repeat bottom left; float:left; margin:-75px 0 0 0; padding:0; /* border: 1px solid #CCCCCC; */ }

DIV.csc-frame-content-contact { position: relative; z-index:1; width:570px; float:left; background-color: #FFFFFF; margin:0px 0px 0px 0px; padding:30px 0px 0px 160px; /* border: 1px solid #CCCCCC; */ }
DIV.csc-frame-separ-contact {position: relative; z-index:2; width:770px; height:69px; background: transparent url(../templates/img/bp_pied_contact.gif) no-repeat bottom left; float:left; margin:-90px 0px 0 0px; /* border: 1px solid #CCCCCC; */}



DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { margin-top: 2px; }
DIV.csc-frame-frame2 H1, DIV.csc-frame-frame2 H2, DIV.csc-frame-frame2 H3, DIV.csc-frame-frame2 H4, DIV.csc-frame-frame2 H5 { margin-top: 2px; }

/******************/
/* Headers, plain */
/******************/
H1 { font-size: 20px; color: #666666; }
H2 { font-size: 18px; color: #666666; }
H3 { font-size: 16px; color: #666666; }
H4 { font-size: 14px; color: #666666; }
H1, H2, H3, H4, H5, H6 {
                margin: 10px 0 10px 0;
                border: 1px solid #ccc;
                border-width: 1px 0;
                padding: 6px 4px 6px 4px;
                font-size:16px;
}
#right H1, H2, H3, H4, H5, H6 {
                margin: 0;
                border: none;
                padding:6px 0 4px 0;
                font-size:12px;
                color: #E6B800;
}
H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top: 0px; }

#voir_aussi_content H1.csc-firstHeader {
                margin 0px;
                /* padding : 0px; */
                border : 0px;
                font-size: 1.2em;
                color : #2E7CBC;
}

/* Headers, with link */
H1 A, H2 A, H3 A, H4 A, H5 A { color: #666666; text-decoration: none; }
H2 A { color: #186900; }
H3 A { color: #10007B; }
H4 A { color: #8A0020; }
H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover { text-decoration: underline; }

/* Header date */
P.csc-header-date { font-size: 10px; color: #186900; }

/* Subheader, general */
P.csc-subheader { font-style: italic; background-color: #EDEBF1; }

/* Subheader, specific */
P.csc-subheader-0 { font-style: normal; }
P.csc-subheader-1 { color: #186900; }
P.csc-subheader-2 { color: #10007B; }
P.csc-subheader-3 { color: #8A0020; }


H1.csc-firstHeader, DIV.csc-header H1, DIV.csc-textpicHeader H1 {
                /* border: 1px solid #ccc; */
                border:0px;
                margin: 0 0 4px 0;
                padding : 0;
                /* padding : 0px; */
                font-size: 17px;
                color : #C2CD23;
                font-weight : bold;
}
DIV.csc-frame-content-contact H1.csc-firstHeader {
                margin: 0 0 0px -65px;
}


DIV#content DIV#pageHeader {  /* a virer ???? */
                  /* border: 1px #CCCCCC solid; */
                  /* width: 601px;  */
                  /* height: 47px;  */
                  /* margin: 0px 0 15px 0px;  */
                  /* background-color: #0D2E63; */
                  /* background: transparent url(../templates/img/bg_page_header.gif) no-repeat top left;  */
                  
}

DIV.csc-textpic-intext-left-nowrap, DIV.csc-textpic-intext-right-nowrap {
                /* margin: 10px 0 10px 0; */
}

DIV.csc-textpicHeader {
                /* margin: 0px 0 10px 0; */
}

DIV.csc-frame-content-left-pres DIV.csc-textpic-imagewrap {
     /* border: 1px green solid; */
     /* width : 108px; */ 
     margin: 30px 0 0px 0;
     /* padding: 0px 0 0 10px; */ /* compensation decallage typo3 */  
}

DIV.csc-frame-content-contact DIV.csc-textpic-imagewrap {
     /* border: 1px green solid; */
     margin: 0px 0px 0px 0px;
     padding: 30px 325px 0 0px;
}


DIV.csc-textpic-text{
                /* border: 1px blue solid; */
                /* clear : both; */
                margin: 0 12px 0 8px;
}




/*******************/
/* RTE / Bodytext: */
/*******************/
P.bodytext {
                  font-size:11px;
                  text-align : justify;
                  /* line-height : 160%; */
                  /* text-indent : 20px; */
}

.introLinkText {
    font-size: 13px; font-weight: bold; color: #020202;
}

span.introLinkText {
    font-size: 13px; font-weight: bold; color: #020202;
}

.sousTitreParagNoir {
    font-size: 12px; font-weight: bold; color: #020202; padding: 0 0 3px 0;
}

span.sousTitreParagNoir {
    font-size: 12px; font-weight: bold; color: #020202;padding: 0 0 3px 0;
}

.auteurCitation{
    font-family: Arial, Verdana, sans-serif; font-size: 11px; font-style: italic; color: #808080; padding: 0 0 0 3px;
}

span.auteurCitation{
    font-family: Arial, Verdana, sans-serif; font-size: 11px; font-style: italic; color: #808080; padding: 0 0 0 3px;
}

.titreFiche {
    font-size: 14px; font-weight: bold; color: #020202;
}

span.titreFiche {
    font-size: 14px; font-weight: bold; color: #020202;
}

.itemFiche {
    font-size:11px; font-weight: bold; color: #020202;
}

span.itemFiche {
    font-size: 11px; font-weight: bold; color: #020202;
}

.textFiche {
    font-size: 0.98em; color: #808080;
}

span.textFiche {
    font-size: 11px; color: #808080;
}

.titrePageContact {
    font-size: 14px; font-weight: bold; color: #CDCD00;
}

span.titrePageContact {
    font-size: 14px; font-weight: bold; color: #CDCD00; padding: 0 0 0 3px;
}


.textContactGris {
    font-size: 11px; font-weight: bold; color: #808080; line-height : 100%; padding: 0px 0 8px 0px;
}

span.textContactGris {
    font-size: 11px; font-weight: bold; color: #808080; line-height : 100%; padding: 0px 0 8px 0px;
}

.av_ap {
/* border: 1px solid #ccc; */

                margin: 42px 0 0 367px;
                padding : 0;
                width : 100px;
                font-weight: bold;
                text-align: left;
                font-size: 11px;
                color : #020202;
}
.legend{
/* border: 1px solid #ccc; */

                margin: -95px 0 0 629px;
                padding : 0;
                width : 120px;
                text-align: left;
                font-size: 10px;
}
.goTop{
                margin: -51px 0 0 25px;
                padding : 0;
                width : 50px;
                text-align: left;
                font-size: 10px;
                float:left;
}

DIV.csc-frame-separ-chant DIV.goTop{
                margin: 20px 0 0 25px;
}


#right P.bodytext {
/*   line-height : 140%; */
/*  text-indent : 5px; */
/* font-size:11px; */
}

#voir_aussi_content P.bodytext {
                margin: 0;
                padding : 0;
                text-align: left;
                font-size: 11px;
                color : #2E7CBC;
}



/* RTE / Links */
P.bodytext A { 
                font-size: 11px;
                color : #E5A21C;
                font-weight : bold;
             }   

P.bodytext A:link, P.bodytext A:visited, P.bodytext A:hover, P.bodytext A:active { color: #E5A21C; }


#voir_aussi_content P.bodytext A { 
                font-size: 11px;
                color : #2E7CBC;
                font-weight : bold;
             }   

#voir_aussi_content P.bodytext A:link, #voir_aussi_content P.bodytext A:visited, #voir_aussi_content P.bodytext A:hover, #voir_aussi_content P.bodytext A:active { color: #2E7CBC; }



/* RTE / Bulletlists */
/* UL { margin-top: 0px;  } */
/* UL UL LI { font-size: 11px; } */
/* OL { margin-top: 0px; } */
/* LI { margin-top: 0px; margin-bottom: 0px; padding-top: 2px; } */


#content UL, UL {
  font-family: Verdana, Arial, sans-serif;
  font-size:11px;
  list-style-type: disc;
  list-style-image: url(../templates/img/bullet_11px.gif);
  /* list-style-position: outside;*/
  margin: 0 0 0 0;
  padding : 3px 0 0 18px;
  /* border: 1px #333 solid; */
}

#content LI, LI {
  margin: 0 0 0 0;
  padding : 3px 2px 3px 0;
}

#content DIV.csc-frame-content-left-chant UL, DIV.csc-frame-content-left-chant UL {
  font-family: Arial, Verdana, sans-serif;
  font-size:0.98em;
  font-weight : bold;
  list-style-image: url(../templates/img/bullet_11px_anis_b.gif);
  /* list-style-position: outside;*/
  margin: 0 0 0 0;
  padding : 0px 0 0 18px;
  /* border: 1px #333 solid; */
}

#content DIV.csc-frame-content-left-chant LI, DIV.csc-frame-content-left-chant LI {
  margin: 0 0 0 0;
  padding : 0px 2px 3px 0;
}

#content DIV.csc-frame-content-mid-chant UL, DIV.csc-frame-content-left-chant UL {
  font-family: Verdana, Arial, sans-serif;
  font-size:11px;
  list-style-type: none;
  list-style-image: none;
  /* list-style-position: outside;*/
  margin: 0 0 0 0;
  padding : 0px 0 0 0px;
  /* border: 1px #333 solid; */
}




#voir_aussi_content UL {
  font-size:11px;
  color : #2E7CBC;
  list-style-type: disc;
  list-style-position : outside;
  list-style-image: url(../templates/img/bullet_jaune_rssm.gif);
  /* list-style-position: outside;*/
  margin: 0 0 0 0;
  padding : 0 0 0 0;
  /* border: 1px red solid; */
}
#voir_aussi_content LI {
  margin: 0 0 0 20px;
  padding : 0 0 0 0;
  /* border: 1px green solid; */
}



/* RTE / Table styling */
TABLE.contenttable { border: 1px #CCCCCC solid; margin: 10px 0px 10px 0px; width: 100%; }
TABLE.contenttable TR TD { padding: 0px 3px 0px 3px; }
TABLE.contenttable TR TD P.bodytext { font-size: 10px; }
TABLE.contenttable TR { background-color: none; }



/**********/
/* Images */
/**********/

/* Images / Captions */
P.csc-caption { font-size: 10px; font-style: italic; }

/* Images / Tables / Floating text */
TABLE.imgtext-table { border: 0px; }

/* Images / Tables / Wrapped text */
/* When "Text w/Image" elements are wrapping the text into a table the top-margin of Hx elements should be transferred to the wrapping table instead. This is done here: */
TABLE.imgtext-nowrap { border: 0px; }
TABLE.imgtext-nowrap H1, TABLE.imgtext-nowrap H2, TABLE.imgtext-nowrap H3, TABLE.imgtext-nowrap H4, TABLE.imgtext-nowrap H5 { margin-top: 0px; }



/***************/
/* Bulletlists */
/***************/

/* Bulletlists, general */
UL.csc-bulletlist LI { font-size: 11px; }

/* Bulletlists, specifically */
UL.csc-bulletlist-0 { color: #666666; list-style-image: url(../images/icons/subnavi2_act.gif); }
UL.csc-bulletlist-1 { color: #666666; list-style-image: url(../images/icons/sitemap4.gif);  margin:0 0 0 10px; padding:0 0 0 10px; }
UL.csc-bulletlist-2 { color: #666666; list-style-image: url(../images/icons/sitemap3.gif); }
UL.csc-bulletlist-3 { color: #666666; list-style-image: url(../images/icons/sitemap2.gif); }



/*********************/
/* Tables, generally */
/*********************/
TABLE.contenttable P { font-size: 11px; }
TABLE.contenttable TR TD { vertical-align: top; }

/* Tables, specifically */
TABLE.contenttable-0 P { color: #000000; }

TABLE.contenttable-1 P { color: #186900; }
TABLE.contenttable-1 TR.tr-0 TD P { font-weight: bold; }
TABLE.contenttable-1 TR.tr-0 TD { background-color: none;}

TABLE.contenttable-2 P { color: #10007B; }
TABLE.contenttable-2 TR TD.td-0 { background-color: none;}
TABLE.contenttable-2 TR TD.td-0 P { font-weight: bold; }

TABLE.contenttable-3 P { color: #8A0020; }
TABLE.contenttable-3 TR TD.td-0, TABLE.contenttable-3 TR.tr-0 TD { background-color: none;}
TABLE.contenttable-3 TR TD.td-0 P, TABLE.contenttable-3 TR.tr-0 TD P { font-weight: bold; }



/************************/
/* Filelinks, generally */
/************************/
TABLE.csc-uploads { border: 0px; }
TABLE.csc-uploads TR TD P { background-color : transparent; font-size: 12px; }
TABLE.csc-uploads TR TD { vertical-align : top; }
TABLE.csc-uploads TR.tr-even { background-color: none; }
TABLE.csc-uploads TR.tr-odd { background-color: none; }
TABLE.csc-uploads TR TD.csc-uploads-icon { padding-left: 6px; padding-right: 6px; width: 1%; text-align: center; vertical-align: middle; }
TABLE.csc-uploads TR TD.csc-uploads-fileName { width: 80%; padding-left: 5px; }
TABLE.csc-uploads TR TD.csc-uploads-fileName P A { font-weight: bold; }
TABLE.csc-uploads TR TD.csc-uploads-fileName P.csc-uploads-description { font-style: italic; }
TABLE.csc-uploads TR TD.csc-uploads-fileSize { white-space: nowrap; padding-left: 6px; padding-right: 6px; }

/* Filelinks, specifically */
TABLE.csc-uploads-1 { border-color: #CCCCCC; }

TABLE.csc-uploads-2 { border-color: #CCCCCC; }

TABLE.csc-uploads-3 { border-color: #CCCCCC; }
TABLE.csc-uploads-3 TR TD { vertical-align: middle; }
TABLE.csc-uploads-3 TR.tr-even TD.csc-uploads-icon IMG { border: 2px solid #CCCCCC; }
TABLE.csc-uploads-3 TR.tr-odd TD.csc-uploads-icon IMG { border: 2px solid #CCCCCC; }



/*****************/
/* Various Forms */
/*****************/

/* Email, Login and Search forms generally: */
FORM TABLE TR TD { padding-left: 5px; padding-right: 20px; }
FORM TABLE TR TD.csc-form-labelcell, FORM TABLE TR TD.csc-form-commentcell { background-color: none; }
FORM TABLE TR TD.csc-form-fieldcell { background-color: none; }
FORM TABLE TR TD.csc-form-fieldcell INPUT, FORM TABLE TR TD.csc-form-fieldcell SELECT, FORM TABLE TR TD.csc-form-fieldcell TEXTAREA { border: 1px solid #CCCCCC; }
FORM TABLE TR TD.csc-form-labelcell P.csc-form-label-req { font-weight: bold; }

/* Email form, specifically */
FORM TABLE.csc-mailform TR TD.csc-form-labelcell  { }

/* Search form, specifically */
FORM TABLE.csc-searchform { width: 100%; }
FORM TABLE.csc-searchform TR TD { padding: 5px 5px 5px 5px; }
FORM TABLE.csc-searchform TR TD.csc-form-labelcell, FORM TABLE.csc-searchform TR TD.csc-form-commentcell { font-weight: bold; }
FORM TABLE.csc-searchform TR TD.csc-form-fieldcell INPUT, FORM TABLE.csc-searchform TR TD.csc-form-fieldcell SELECT { width: 100%; }

#search_form {
                  float : right;
                  width:150px;
                  height : 46px;
                  /* border: 1px #FFFFFF solid; */            
                  margin:0;
                  padding:0;
                  font-size:11px;
}

#search_form  div#input_field {
                  float : left;
                  /* border: 1px #red solid; */
                  margin :  0 0 0 0;
                  padding : 10px 0 0 0;
}


#search_form  FORM INPUT.csc-form-fieldcell {
                  /* border: 10px #red solid; */
                  height : 13px;
                  width:114px;
}

#search_form  div#ok_button {
                  float : right;
                  /* border: 1px #red solid; */
                  background-color: #0D2E63;
                  margin :  0 0 0 0;
                  padding : 11px 0 0 0;
}


#search_form FORM INPUT.submitButton
{
                  background: transparent url(../templates/img/ok_button.gif) no-repeat bottom left;
                  width: 20px;
                  height : 19px;
}



/* Login form, specifically */
FORM TABLE.csc-loginform { width: 70%; }


/*****************/
/* Search result */
/*****************/

/* Search Result, result information box: */
TABLE.csc-searchResultInfo { margin-left: 0px; margin-top: 10px; width: 100%;}
TABLE.csc-searchResultInfo TR { background-color: transparent; }
TABLE.csc-searchResultInfo TR TD P { padding: 0px 5px 0px 5px;}
TABLE.csc-searchResultInfo TR TD.csc-searchResultRange P { font-weight: bold; }
TABLE.csc-searchResultInfo TR TD.csc-searchResultPrevNext { text-align: right; }

/* Search Result, header + abstract: */
H3.csc-searchResultHeader A { color: #E6B800; }
H3.csc-searchResultHeader { background-color: transparent; font-size: 14px; padding-left: 5px; }
P.csc-searchResult { font-style: italic; margin-left: 20px;}

/* Search word markup */
SPAN.csc-sword { font-weight: bold; color: red; }


/*****************************/
/* Menu / Sitemap, generally */
/*****************************/
DIV.csc-menu { margin-left: 10px; }
DIV.csc-menu P { font-size: 11px; font-weight: normal; margin: 1px 0px 0px 0px; padding: 2px 2px 2px 10px;  }
DIV.csc-menu P A { color:#E6B800; text-decoration: none; }
DIV.csc-menu P A:hover { color:#E6B800; text-decoration: none; }
DIV.csc-menu P.csc-section { font-weight: normal; margin-left: 20px; font-style: italic; }

/* Menu / Sitemap, "Menu of these pages" */
DIV.csc-menu-def P {  }

/* Menu / Sitemap, "Menu of subpages to these pages" */
DIV.csc-menu-1 { }

/* Menu / Sitemap, "Sitemap" */
DIV.csc-menu-2 { }
DIV.csc-menu-2 P.csc-sitemap { }
DIV.csc-menu-2 P.csc-sitemap-level1 {background: #fff; }
DIV.csc-menu-2 P.csc-sitemap-level2 { background: #fff; }
DIV.csc-menu-2 P.csc-sitemap-level3 { background: #fff; }
DIV.csc-menu-2 P.csc-sitemap-level4 { background: #fff; }
DIV.csc-menu-2 P.csc-sitemap-level1 A {
                background : #fff url(../images/icons/sitemap1.gif);background-repeat : no-repeat;
                font-weight:bold;
                margin: 0 0 0 0;
                padding: 0 0 5px 18px;
}
DIV.csc-menu-2 P.csc-sitemap-level1 A:hover {background : #fff url(../images/icons/sitemap1_act.gif);background-repeat : no-repeat; }
DIV.csc-menu-2 P.csc-sitemap-level2 A {
  margin: 0 0 0 20px;
                padding: 0 0 4px 18px;
                background : #fff url(../images/icons/sitemap2.gif);background-repeat : no-repeat;
                display:block;
}
DIV.csc-menu-2 P.csc-sitemap-level2 A:hover {background : #fff url(../images/icons/sitemap2_act.gif);background-repeat : no-repeat; }
DIV.csc-menu-2 P.csc-sitemap-level3 A {
  margin: 0 0 0 40px;
                padding: 0 0 3px 12px;
                background: #fff url(../images/icons/sitemap3.gif);background-repeat : no-repeat;
                font-size:11px;
                line-height:110%;
}
DIV.csc-menu-2 P.csc-sitemap-level3 A:hover {background: #fff url(../images/icons/sitemap3_act.gif);background-repeat : no-repeat; }
DIV.csc-menu-2 P.csc-sitemap-level4 A {
  margin: 0 0 0 60px;
                padding: 0 0 2px 10px;
                background: #fff url(../images/icons/sitemap4.gif);background-repeat : no-repeat;
                font-size:10px;
                line-height:100%;
}
DIV.csc-menu-2 P.csc-sitemap-level4 A:hover { background: #fff url(../images/icons/sitemap4_act.gif);background-repeat : no-repeat; }

/* Menu / Sitemap, "Section index (pagecontent w/Index checked)" */
DIV.csc-menu-3 { }
DIV.csc-menu-3 P.csc-section { margin-left: 0px; }
DIV.csc-menu-3 P.csc-section A { color: #186900; }

/* Menu / Sitemap, "Menu of subpages to these pages (with abstract)" */
DIV.csc-menu-4 { }
DIV.csc-menu-4 P { margin-top: 2px; }
DIV.csc-menu-4 P.csc-abstract { font-weight: normal; font-style: italic; margin-top: 0px; padding: 0px 2px 2px 20px;  }

/* Menu / Sitemap, "Recently updated pages" */
DIV.csc-menu-5 { }

/* Menu / Sitemap, "Related pages (based on keywords)" */
DIV.csc-menu-6 { }

/* Menu / Sitemap, "Menu of subpages to these pages + sections" */
DIV.csc-menu-7 { }
DIV.csc-menu-7 P { font-weight: bold; }
DIV.csc-menu-7 P.csc-section A { color: #186900; }



/****************************************/
/* Frontend editing / TYPO3 Admin Panel */
/****************************************/
IMG.frontEndEditIcons { vertical-align: middle; margin: 0px 2px 0px 2px; }

/* Default styles for the Admin Panel */
TABLE.typo3-adminPanel { border: 1px solid black; background-color: #F6F2E6; }
TABLE.typo3-adminPanel TR.typo3-adminPanel-hRow TD { background-color: #9BA1A8; }
TABLE.typo3-adminPanel TR.typo3-adminPanel-itemHRow TD { background-color: #ABBBB4; }
TABLE.typo3-adminPanel TABLE, TABLE.typo3-adminPanel TD { border: 0px; }
TABLE.typo3-adminPanel TD FONT { font-family: verdana; font-size: 10px; color: black; }
TABLE.typo3-adminPanel TD A FONT { font-family: verdana; font-size: 10px; color: black; }
TABLE.typo3-editPanel { border: 1px solid black; background-color: #F6F2E6; }
TABLE.typo3-editPanel TD { border: 0px; }

.editMsgBox{
                  border: 1px red solid;
                  margin:10px 0 10px 0;
                  padding:10px 5px 10px 5px;
} 

.editMsgText  {
                  /* border: 1px #585B60 solid; */
                  font-size: 12px;
                  color : #585B60;
                /* font-style: italic; */
                /* font-weight: bold;*/
                  
} 
.editLinkPage  {
                  /* border: 1px red solid; */
                  font-size: 12px;
                  color : red;                  
} 

.editLinkContent  {
                  /* border: 1px #FFFFFF solid; */
                  font-size: 12px;
                  color : green;                  
} 


.typo3-editPanel-label {
                  font-size: 11px;
                  color : #000000;                  
}

div#content_right .typo3-editPanel {
                  position : absolute;
                  right : 5px;                  
}

/* formulaire front-end  logout preview */
input.submitLogoutPreview {
  background: red ;
  color : #D0E7EF;
  font-weight: bold;
  font-size: 12px;  
  border: 2px #ccc solid;
  margin :  0 0 0 0;
  padding : 2 2 2 2;
}

/*************/
/* Listes    */
/*************/
/*

/**** Resultat List   ****/
/* Voir resultat.css */


/*************/
/* Debugging */
/*************/
/*
H1, H2, H3, H4, H5, P, UL, OL, LI, BLOCKQUOTE, PRE { border: 1px dotted #CCCCCC;}
TD TABLE { border: 1px dotted #CCCCCC;}
DIV { border: 1px dotted #CCCCCC;}
IMG.spacer-gif { border: 1px solid #CCCCCC; }
*/



#divCont {
  Z-INDEX: 1; LEFT: 17px; VISIBILITY: hidden; WIDTH: 164px; POSITION: absolute; TOP: 202px; HEIGHT: 800px ; border : 1px blue solid;
}
.clTop {
  Z-INDEX: 1; WIDTH: 164px; POSITION: absolute ; border : 1px red solid;
}
.clSub {
  Z-INDEX: 1; LEFT: 14px; WIDTH: 164px; POSITION: absolute; TOP: 25px ; border : 1px green solid;
}
.bottomLayer {
  Z-INDEX: 1; WIDTH: 164px; CLIP: rect(0px 164px 100px 0px); POSITION: absolute; HEIGHT: 100px; BACKGROUND-COLOR: white; layer-background-color: white ; border : 1px pink solid;
}

/*************/
/* Edit FE  */
/*************/