.disnone            {   display:        none;       }
.disblock           {   display:        block;      }
.disline            {   display:        inline;     }
.posclear           {   clear:          both;       }
.posright           {   float:          right;      }
.posleft            {   float:          left;       }
.textcenter         {   text-align:     center;     }
.textright          {   text-align:     right;      }
.textleft           {   text-align:     left;       }
.textjustify        {   text-align:     justify;    }
.texthidden         {   text-indent:    -2000em;    }
.colorred           {   color:          #F33;       }
.color999           {   color:          #999;       }
.color666           {   color:          #666;       }
.color333           {   color:          #333;       }
.mtop25             {   margin-top:     25pt;       }
.contact            {   margin-left:    200px;      }

#contenu {
    background:         #EEE;
    padding:            20px;
    margin:             2em auto;
    color:              #333;
    width:              740px;
}
#contenu h1, h2 {
    margin-top:         0.6em;
    font-size:          1.4em;
    padding:            1em;
}
#contenu h3 {
    font-size:          1em;
}
.solid {
    clear:              both;
    display:            block;
    margin:             0;
    padding:            0;
}

.minitop {
    width:              246px;
    margin:             auto;
    padding:            5pt 0;
    list-style:         none;
    font-weight:        bold;
}

.minitop a:link, a:active, a:visited {
    color:              #666;
    text-decoration:    none;
}

.ip {
    color:              #CFF;
    font-weight:        bold;
}

body {
    background:         #333333 url(../img/code.jpg);/* picked from http://grsites.com */
    color:              #777;
    font-family:        monospace;
    font-size:          16px;
    font-weight:        normal;
    padding:            0;
    margin:             0 auto;
    text-align:         center;
}

p {
    text-align:         justify;
}

img {
    border:             0; }

em {
    font-size:          0.9em;
}

cite {
    font-weight:        bold;
    font-size:          0.8em;
}

a {
    text-decoration:    none; 
}

a:link {
    color:              #AAA;
}

a:hover {
    color:              #FC3;
    text-decoration:    underline; 
}

a:active {
    color:              #F33; 
}

#page {
    width:              986px;
    margin:             auto;
}

#cry {
    height:             0;
    width:              0;
}

.menu {
    color:              #F99633;
    margin:             auto;
    font-size:          .9em;
}

#titre {

}

#tith1 a {
    background:         url(../img/hadopi.gif);
    height:             80px;
    width:              380px;
    margin:             auto;
}
#hadopi {
    height:             88px;
    width:              375px;
}
/*
#tith1 {
    background:         url("../img/nslod.png");
    height:             52px;
    width:              335px;
    margin:             auto;
}
*/
#footer {
    border:             1px dashed #999;
    border-bottom:      none;
    margin:             1em auto 0 auto;
    padding-top:        0.4em;
    width:              535px;
}

#code {
    margin:             auto;
    margin-top:         20pt;
    width:              900px;
}

#code th, td {
    border:             #CCC dashed 1px;
    padding:            8pt;
    padding-top:        12pt;
    text-align:         justify;
}

#code th {
    text-align:         center;
}

#card {
    margin:             auto;
    height:             240px;
    width:              400px;
    text-align:         left;
}

#back {
    position:           absolute;
    z-index:            0;
    background:         url(../img/back.png);
    margin-left:        48px;
    margin-top:         60px;
    width:              320px;
    height:             140px;
}

#contact {
    width:              500pt;
    margin:             auto;
}

#contact a {
    margin-left:        250pt;
    color:              white;
    font-family:        monospace;
    font-weight:        bold;
    font-style:         italic;
    font-size:          0.9em;
    text-decoration:    none;
}

.contact {
    width:              500pt;
    margin:             auto;
}

.contact a {
    margin-left:        250pt;
    color:              white;
    font-family:        monospace;
    font-weight:        bold;
    font-style:         italic;
    font-size:          0.9em;
    text-decoration:    none;
}

#contactcard a {
    position:           absolute;
    z-index:            5;
    margin-left:        200px;
    margin-top:         8px;
    color:              white;
    font-family:        monospace;
    font-weight:        bold;
    font-style:         italic;
    font-size:          0.8em;
    text-decoration:    none;
}

#me {
    position:           absolute;
    z-index:            1;
    margin-left:        10px;
    margin-top:         30px;
}


#bobcat {
    position:           absolute;
    margin-left:        0px;
    margin-top:         0px;
}

#bobcat p {
    margin:             0;
    padding:            0;
}

#debian {
    position:           absolute;
    z-index:            3;
    margin-left:        142px;
    margin-top:         0px;
}

#apache {
    position:           absolute;
    z-index:            4;
    margin-left:        200px;
    margin-top:         112px;
}

#gnu {
    position:           absolute;
    z-index:            5;
    margin-left:        72px;
    margin-top:         60px;
}

#eff {
    position:           absolute;
    z-index:            7;
    margin-left:        320px;
    margin-top:         20px;
}

#tail {
    position:           absolute;
    z-index:            0;
    margin-left:        48px;
    margin-top:         120px;
    width:              320px;
    height:             80px;
}

#dust {
    position:           absolute;
    z-index:            7;
    margin-left:        320px;
    margin-top:         140px;
}

#nospace {
    position:           absolute;
    z-index:            0;
    margin-left:        120px;
    margin-top:         30px;
}

#tux {
    position:           absolute;
    z-index:            7;
    margin-left:        222px;
    margin-top:         140px;
}

#gecko {
    position:           absolute;
    z-index:            3;
    margin-left:        244px;
    margin-top:         130px;
}

#perl {
    position:           absolute;
    z-index:            2;
    margin-left:        94px;
    margin-top:         74px;
}

#mail {
    margin:             auto;
    width:              360pt;
}

#mail fieldset {
    padding:            20pt;
}

#mail input, textarea, button {
    border:             #CCC solid 1px;
    background:         #FC9;
    color:              #330;
}

#mail input, textarea {
    width:              200pt;
}

#mail textarea {
    height:             100pt;
}

#mail button {
    width:              80pt;
    margin-right:       10pt;
    font-size:          0.8em;
}

#mail label {
    vertical-align:     top;
}

#mail legend {
    font-size:          14pt;
    font-weight:        bold;
    padding:            0.8em;
}

#cv {
    margin-top:         10pt;
    background:         #FFF;
    border:             #CCF solid 1px;
}

#cvcore ul {
    list-style-type:    square;
    font-size:          1em;
    width:              90%;
}

#cvmain {
    padding:            2em 3em 0 3em;
}

#photo {
    float:              right;
    padding:            0 1.2em;
    width:              9em;
}

#carte {
    float:              left;
    color:              #333;
    padding:            0 1.2em;
    width:              78%;
}

#carte h2 {
    margin:             0.6em auto;
    border:             none;
    font-size:          2.4em;
    font-style:         italic;
}

#carte h4 {
    margin:             0.6em auto;
    font-size:          1.2em;
}

#cvcore {
    color:              #333;
    font-size:          1em;
    padding:            0 30px;
}

#cvcore cite {
    font-size:          0.7em;
}

#cvcore hr {
    margin:             0;
}

#cvcore .entry {
    padding:            0.2em;
    margin-top:         0.3em;
    border:             1px solid #399;
    border-bottom:      none;
    border-right:       none;
}

dt {
    padding-top:        0.3em;
}

dd {
    padding:            0.3em 0;
}

#cvcore h3 {
    border:             1px solid #333;
    border-left:        none;
    border-right:       none;
    padding:            5pt 10pt;
    font-size:          1.4em;
    margin:             20pt 0;
}

#cvcore a {
    text-decoration:    none;
    padding:            0.4em;
}

#cvcore a:link, a:active {
    color:              #66F;
}

#cvcore a:hover {
    color:              #FF6;
    background:         #66F;
}

#cvcore a:visited {
    color:              #666;
}

#topA {
    background:         #333;
    width:              210px;
}

#topB {
    background:         #666;
    width:              282px;
}

#topC {
    background:         #b3b3b3;
    color:              #666;
    width:              210px;
}

#topD {
    background:         #e6e6e6;
    width:              232px;
}

#topE {
    border:             1px dashed #999;
    border-top:         none;
    border-right:       none;
    background:         #e6e6e6;
    width:              48px;
    height:             40px;
}

p {
    display:            block;
    margin:             1em auto;
}