* common.css */

.TexteForum a {
    text-decoration:underline;
}

a {
    text-decoration : none;
    color           : inherit;
}

a:active {
    color:white;
}

.bandeauFantome {
    cursor           : pointer;
    position         : absolute;
    top              : 1em;
    left             : 0.8em;
    color            : white;
    background-color : black;
    width            : 1em;
    text-align       : center;
    padding          : 0.2em;
    border-radius    : 0.2em;
    display          : none;
}

/* Chroco */

#Chroco {
    font-size  : calc(100vh * 16 / 1314 );   /* on veut 16px si 100vh = 1314 (=window.innerHeigth) */
    position   : absolute;
    top        : 1em;
    left       : 3em;
    //width      : calc(95vh*0.7071);
    scroll     : hidden;
}

#ChrocoManage {
    z-index : 9;
}

#ChrocoButtons {
    width    : 10em;
    position : absolute;
    top      : 1em;
    right    : -11em;
    //left     : calc(95vh*0.7071 + 2em);
    //left     : 60em;
}

#ChrocoHelpTexte {
    display          : none;
    position         : absolute;
    top              : 1em;
    left             : 1em;
    background-color : black;
    color            : white;
    margin           : 1em;
    padding          : 1em;
    border           : 0.3em ridge red;
    z-index          : 9;
}

.ChrocoPage {
    position      : relative;
    margin        : 2em;
    padding       : 1em;
    border        : 1px ridge grey;
    //min-height    : 90vh;
    width         : calc(95vh*0.7071 - 4em - 1em);
    height        : calc(95vh        - 4em - 1em);
}

#ChrocoPageDeGarde {
    margin-top : 3em;
    text-align : center;
    min-height : 80vh;
    min-width  : calc(82vh*0.7071);
}

#ChrocoEntete {
    margin-top : 5em;
}
#ChrocoEntete h3 {
    margin-top : 0em;
}
#ChrocoEntete h1 {
    margin-top : 3em;
}

#ChrocoTitre {
    width       : 100%;
    position    : absolute;
    top         : 30vh;
    left        : 50%;
    transform   : translate(-50%, 0);
}
#ChrocoTitre h1 {
    margin-top : 0em;
}
#ChrocoTitre h4 {
    margin-top : 3em;
}
#ChrocoTitre h5 {
    margin-top : 4em;
}

#ChrocoAuteur {
    width       : 100%;
    position    : absolute;
    bottom      : 5vh;
    left        : 50%;
    transform   : translate(-50%, 0);
}
#ChrocoAuteur h5 {
}
#ChrocoAuteur h4 {
    margin-top : 5em;
}



#ChrocoContentDiv {
    position           : relative;
    background-color   : #FEC;
    border-radius      : 0.8em;
    border             : 0.6em ridge #753;
    //padding            : 1em;
    //width              : 100%; 
    max-height         : 95vh; 
    overflow           : auto;
}

#ChrocoContentDiv img {
    vertical-align : top;
    float          : left;
    margin         : 0.5em 0.5em 1em 0.5em;
    border         : 1px ridge grey;
    box-shadow     : 1px 4px 4px 1px grey;
}

#ChrocoContentDiv div {
    //border: 1px solid black;
    display    : block;
    clear      : both;
    //min-height : 420px;
    //margin     : 2em 1em 0em 1em;
}

#ChrocoContentDiv a {
    text-decoration : underline;
}

#ChrocoContentDiv h4 {
    margin : 1em;
}

#ChrocoContentDiv .ImageCC {
    //max-width  : 320px ;
    //max-height : 300px ;
    max-width  : calc(92vh*0.7071*0.35) ;
    max-height : calc(92vh*0.7071*0.35) ;
}

#ChrocoContentDiv .ImageL {
    max-width  : calc(92vh*0.7071*0.3) ;
    max-height : calc(92vh*0.7071*0.3) ;
}

#ChrocoContentDiv .ImageXL {
    max-width  : calc(92vh*0.7071*0.9) ;
    max-height : calc(92vh*0.7071*0.9) ;
    //width      : calc(92vh*0.7071*0.9);
}

#ChrocoContentDiv .ImageNomenclature {
    margin-top   : 2em;
    display      : block;
    margin-left  : 25%;
    width        : 50%;
}

#ChrocoContentDiv .ImageMaxCentre {
    display      : block;
    margin-left  : 1%;
    width        : 98%;
}

#ChrocoContentDiv .DivIB {
    display     :  inline-block;
    width       :  25em;
    margin-left :  1em;
}

.ChrocoNumeroDePage {
    position : absolute;
    right    : 0em;
    bottom   : 0em;
}

.ChrocoNoteDePage {
    font-size    : 0.75em;
    margin-right : 1em;
}

#ChrocoButtons button {
    width : 8em;
}
#ChrocoButtons input {
    border-radius    : 0.25em;
    width            : 7em;
    background-color : #FEC;
    padding-left     : 0.7em;

}