@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: normal;
    src:url(../../../../taiga_fich/cpub/apar/Roboto-Light.ttf) format('truetype');
}

@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: bold;
    src:url(../../../../taiga_fich/cpub/apar/Roboto-Bold.ttf) format('truetype');
}

@font-face {
    font-family: roboto;
    font-style: italic;
    font-weight: normal;
    src:url(../../../../taiga_fich/cpub/apar/Roboto-Italic.ttf) format('truetype');
}

@font-face {
    font-family: obibok;
    font-style: normal;
    font-weight: normal;
    src:url(../../../../taiga_fich/cpub/apar/Obibok-Light.woff) format('woff');
}

@font-face {
    font-family: obibok;
    font-style: normal;
    font-weight: bold;
    src:url(../../../../taiga_fich/cpub/apar/Obibok-SemiBold.woff) format('woff');
}

/************************************************************************************************/

body {
    background-color: white;
}

/************************************************************************************************/

div.entete {
    padding:0 8%;
    background-color: rgb(101,14,205);
    font-family:obibok,sans-serif;
    font-size:18px;
    height:140px;
}
div.entete div,
div.entete .etab a {
    color: #EEE;
}
div.entete div.etab {
    padding-top:1em;
    margin-bottom:15px;
}
div.entete div.etab span.t1 {
    text-transform: uppercase;
    font-weight: bold;
}
div.entete div.etab span.t2 {
    text-transform: uppercase;
}

div.entete div.titre {
    margin-left: 12%;
    font-weight: bold;
}

/************************************************************************************************/

div.main {
    margin:15px auto 40px auto;
    max-width: 800px;
    padding:0 44px;
    font-family: roboto, sans-serif;
    color: #333;
    font-size:14px;
    border-left:1px solid rgba(101,14,205,0.2);
    border-right:1px solid rgba(101,14,205,0.2);
}

div.main input[type="file"],
div.main input[type="submit"] {
    font-family: roboto, sans-serif;
}

div.main a {
    color: rgb(0,60,220);
}

div.main .titre1 {
    font-family: obibok, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size:130%;
}

div.main .titre2 {
    font-family: obibok, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size:110%;
}

div.main table.sessions td.label a {
    color:rgb(101,14,205);
}
div.main table.sessions td.label a:hover {
    text-shadow: rgba(101,14,205,0.5) 1px 0 0.2em;
}

div.main hr {
    border-bottom:6px solid rgb(101,14,205);
}

div.main div.places {
    float:right;
    color: rgba(101,14,205,0.4);
}

/************************************************************************************************/

div.main table.coursliste td {
    border-top:1px dotted rgb(101,14,205);
}

/************************************************************************************************/

div.main div.devisprov {
    position: fixed;
    top: 140px;
    right:0;
    background-color: rgb(101,14,205);
    color:#EEE;
    text-align: center;
    padding:1em;
    font-weight: bold;
}

/************************************************************************************************/

div.main div.eleve input.std {
    border:0;
    border-bottom:1px solid rgb(50,50,50);
    color: rgb(188, 100, 241);
    text-transform: uppercase;
    margin:0 2em 0.7em 0;
    font-family: roboto, sans-serif;
}