/*--definition position globale de l'onglet*/
#onglet{position:absolute;

        top:80px;
        left:380px;
        width:650px;
		height:auto;
        z-index: 1;
        background-color: transparent;
		font:12px trebuchet ms;
		
                    }

#onglet p
{font-size: 1.083em;}

#ongletk {position:relative;

        top:80px;
        left:20px;
		
        width:900px;
		height:auto;
        z-index: 1;
        background-color: white;
		
                    }
					
					#ongletbas{position:absolute;

        top:180px;
        left:340px;
        width:650px;
		height:auto;
        z-index: 1;
        background-color: transparent;
		font:12px trebuchet ms;
		
                    }



/* inter titre à l'intérieur du bloc onglet pour le texte principal      */

.dynamic-tab-pane-control .tab-pane {
   position:   relative;
   width:      100%;       /* width needed weird IE bug */
   margin-right:   -2px;   /* to make room for the shadow */
font:12px trebuchet ms;
}

/* defini la zone active de l'onglet appelé, dimension etc.
pour écarter les onglets ou les relever c'est ici, margin    */
.dynamic-tab-pane-control .tab-row .tab {

    width:           90px;
    height:          20px;
    background-image: url("tab.png");
    position:       relative;
    background : center-top;
    top:            0px;
    display:        inline;
    float:          left;
	overflow:       visible; 
    cursor:         Default;
    margin:         0px 0px 2px 2px;
    padding:        8px 0px 0px 0px;
    z-index:        10;
     white-space:    nowrap;
    text-align:     center;
    background-repeat:  no-repeat;
	    font:12px trebuchet ms;
	
}

/* onglet appelé en cliquant dimension etc. pour
modifier les onglet qui sont cliqués  le changeent de typo n'est pas pris en compte
si je supprime les espaces dans les classes, ça ne fonctionne plus */
.dynamic-tab-pane-control .tab-row .tab.selected {
    width:             90px !important;
    height:            20px !important;
    background-image:  url( "tab.active.png" ) !important;

}


/* paramétre du texte actif dans les onglets    */
.dynamic-tab-pane-control .tab-row .tab a {


                          /* pour rendre les cadres textes invisibles je fous de marges intérieure avec padding
                          et je ocmpense le décalage avec margin  */
                         
                          margin: -20px;
    font:12px trebuchet ms;
    color: rgb(81,81,81);
    letter-spacing : -0.07em;
	
    font-weight:  normal;
    text-decoration: none;
    background-color : none;
    z-index: 1;
    cursor:  hand;
	overflow:hidden;

}

/* onglet appelé en survol de souris   */
.dynamic-tab-pane-control .tab-row .tab.hover {
    font:               12px trebuchet ms;
    color:              black;
    width:              90px;
    height:             20px;
    background-image:   url("tab.hover.png");
    background-repeat:  no-repeat;
}

/* fond du bloc pour le texte principal décrivant la fiche  ici pour bouger les descritpiotns   */
.dynamic-tab-pane-control .tab-page {
    clear:both;
    border:1px dotted rgb( 145, 155, 156 );
    border-left-width: 2px;
    border-left-style: outset;
    border-top-width: 2px;
    border-top-style:outset;
 
    position:relative;
    top:-5px;
	left:2px;
    font:12px trebuchet ms;
    letter-spacing:-0.01em;
    line-height:165%;
   
    padding-top: 15px;
    padding-left:15px;
    padding-right:15px;
    text-align:justify;
    font-weight:normal;
    white-space:preline;
    width:100%;
  /*   |height: auto;    */
  padding:50px;

      }


.dynamic-tab-pane-control .tab-pagek {
    clear:both;
    border:1px dotted rgb( 145, 155, 156 );
    border-left-width: 2px;
    border-left-style: outset;
    border-top-width: 2px;
    border-top-style:outset;
 
    position:relative;
    top:-5px;
	left:2px;
    font:12px trebuchet ms;
    letter-spacing:-0.01em;
    line-height:165%;
   
    padding-top: 15px;
    padding-left:15px;
    padding-right:15px;
    text-align:justify;
    font-weight:normal;
    white-space:preline;
    width:90%;
  /*   |height: auto;    */
  padding:50px;

      }

/* fond du bloc pour le texte principal partie management  */
.dynamic-tab-pane-control .tab-page2 {
    clear:          both;
    border:         4px outset rgb( 145, 155, 156 );
  
    z-index:        2;
    position:       relative;
    left: 0px;
    top:            -2px;
    font:          12px trebuchet ms;
    letter-spacing:-0.01em;
    line-height: 165%;
    color:         Black;
    padding-top: 35px;
    padding-left:15px;
    padding-right: 15px;
    text-align: justify;
    font-weight: normal;
    white-space: preline;
    width: 110%;



     }







.dynamic-tab-pane-control.tab-row {
    z-index:        1;
    white-space:    nowrap;
}