/* **********************************   Styles CSS l'Art et la Matiere - 07/07/07 - ref 004   ***************************************/
body {
                  font-family: Verdana, Arial, sans-serif;
                  font-size: 11px;
                  margin: 0;
                  padding:0;
                  color: #808080;
                  background-color: #BABABA;
}

#wrapper {
                  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 red 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 {
                  position: absolute;
                  top:0;
                  left:0;
                  float:left;
                  z-index :2;
                  font-size: 12px;
                  font-weight: bold;
                  width: 770px;
                  height: 89px;
                  margin: 0;
                  background: transparent url(../templates/img/bg_picto_2.gif) no-repeat top left;
                  padding:0;
}

#midCol{
                  float: left;
                  width: 770px;
                  margin:0;
                  padding:0;
                  background-color: #FFFFFF;
}

#content {
                  position:relative;
                  float : left;
                  clear:both;
                  z-index :4;
                  margin: 11px 0 0 0;
                  padding:0;
                  background: #FFFFFF;
}

.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;
} 

.citation {
                  width: 80px;  /* 111-11-15 */
                  margin:0 5px 0 6px;
                  padding:0px 0 0 15px;
                  background: transparent url(../templates/img/bullet_11px_citation.gif) no-repeat top left;
}

#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:0;
                   padding:0;
                   background: transparent url(../templates/img/encartFiche_m.gif) repeat-y top left;
}

#encart_fiche_botton_avap {
                   width: 242px;
                   height : 30px;
                   margin:0;
                   padding:0;
                   background: transparent url(../templates/img/encartFiche_b_avap.gif) no-repeat 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 {
                   width: 180px;  /* 200-20 */
                   margin:0px;
                   padding:8px 10px 0px 10px;
}

.textFicheContent {
                   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;
                   text-align : center;
                   margin : 0;
                   padding:10px 0 0 0;
                   background-color: #FFFFFF;
}


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

#menu_h_1 {
                  float : right;
                  margin: 0;
                  padding: 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;
                  text-align: left; 
                  margin: 61px 0 0 0;
                  padding: 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;
}

/* *******************************************   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_1 a.navi-active:link, #menu_h_1 a.navi-active:visited, #menu_h_1 a.navi-active:hover, #menu_h_1 a.navi-active: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, #menu_h_2 a.navi-active:link, #menu_h_2 a.navi-active:hover {
                  text-decoration: none;
                  font-size: 11px;
                  color: #272425;
                  padding:0px 6px 0 28px;
}

#menu_h_2 a.navi-active:link, #menu_h_2 a.navi-active:visited, #menu_h_2 a.navi-active:hover, #menu_h_2 a.navi-active:active {
                  text-decoration: none;
                  font-size: 11px;
                  color: #272425;
                  padding:0 0 0 16px;
}   




#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;
} 


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

/***************************/
/* 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 { width:600px; height:68px !important; position: relative !important; float:right; font-size:12px; line-height:170%; color:#808080; margin: -85px 0 0px 0; padding: 0 85px 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; margin: 0 8px 0 8px;}
DIV.csc-frame-separ-pres {background:transparent; float:left; width:670px; padding: 0px; margin:-10px 20px 5px 0px;}
DIV.csc-frame-visuel-pres { background:transparent; position: relative; width:100px; float:right; padding: 0 5px 0 0; margin:-558px 0 0 0; }

DIV.csc-frame-content-left-chant { position: relative; z-index:1; width:111px; float:left; clear:left; background-color: #FFFFFF; margin: 37px 0 0 0; padding: 0px 5px 0px 5px;}
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;} 
DIV.csc-frame-content-right-chant { position: relative; z-index:1; float:left; background-color: #FFFFFF; margin: 14px 0 0 0; padding:0;}
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; clear:left; float:left; margin:-46px 0 0 0; padding:0;}
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; clear:left; float:left;  margin:-75px 0 0 0; padding:0;}

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;}
DIV.csc-frame-separ-contact { position: relative; z-index:2; width:770px; height:69px; float:left; background: transparent url(../templates/img/bp_pied_contact.gif) no-repeat bottom left; margin:-90px 0px 0 0px;}


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; }

/* 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; }

/* 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; }

DIV.csc-frame-intro-acc H1 {
                display : inline;
                border : 0;
                margin :0;
                padding : 0;
                font-size: 12px;
                font-weight: bold;
                color: #020202;
}                

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

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 {
                 margin: 30px 0 0px 0;
}

DIV.csc-frame-content-contact DIV.csc-textpic-imagewrap {
                 padding: 0px 0px 0px 0px;
                 margin: 30px 325px 0 0px;
}

DIV.csc-textpic-text{
                margin: 0 12px 0 8px;
}

.av_ap {
                position : relative;
                margin: 42px 0 0 369px;
                padding : 0;
                width : 100px;
                font-weight: bold;
                text-align: left;
                font-size: 11px;
                color : #020202;
}

.legend{
                position : relative;
                margin: -95px 0 0 629px;
                padding : 0;
                width : 120px;
                text-align: left;
                font-size: 10px;
}

.goTop{
                position : relative;
                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;
}

DIV.enveloppe {
                position: relative;
                float: left;      
                z-index :3;
                text-decoration: none;
                margin:-85px 0px 0 0px;
                padding:0px 0px 0 372px;               
} 


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

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

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

.textCitation, span.textCitation {
    font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: bold; color: #808080;
}

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

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

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

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

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


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


/* 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; }



/* RTE / Bulletlists */

#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;
}

#content LI, LI {
                margin: 0 0 0 0;
                padding : 3px 20px 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:11px;
                font-weight : bold;
                list-style-image: url(../templates/img/bullet_11px_anis_b.gif);
                /* list-style-position: outside; */
                margin: 0;
                padding : 0 0px 0 22px;
}

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

#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;
                padding : 0;
}

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