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

.cust {
    background:         url("../img/code.jpg");
}

.short {
    font-size:          0.7em;
}

.solid {
    clear:              both;
    display:            block;
    margin:             0;
    padding:            0;
}

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

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

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

body {
    background:         #333 url(../img/code.jpg);
/*  background:         #000 url("../img/tile.jpg");  picked from http://grsites.com */
    color:              #FFF;
    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:              #FC9;
}
#menu a:link {
    color:              #AAA;
}
.menu a:link {
    color:              #AAA;
}
a:hover, #menu a:hover {
    color:              #FC3;
    text-decoration:    underline;
}
a:active, #menu a:active {
    color:              #F33;
}
a:visited, #menu a:visited {
    color:              #999;
}

a:hover, .menu a:hover {
    color:              #FC3;
    text-decoration:    underline;
}
a:active, .menu a:active {
    color:              #F33;
}
a:visited, .menu a:visited {
    color:              #999;
}

h2, h2 a, h2 a:hover {
    color:              #F99633;
    font-size:          1.6em;
    font-weight:        bold;
    border-bottom:      1px dashed #999;
    margin-top:         24pt;
    margin-bottom:      10pt;
    padding:            2pt 5pt;
    text-align:         justify;
    text-decoration:    none;
}

h3, h3 a, h3 a:hover {
    color:              #F99633;
    font-size:          1.2em;
    font-weight:        bold;
    margin-top:         12pt;
    margin-bottom:      10pt;
    text-decoration:    none;
}

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

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

#menu {
    color:              #F99633;
    margin-bottom:      20pt;
    margin-right:       20pt;
}

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

#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:             2em auto 0 auto;
    padding-top:        0.4em;
    width:              640px;
}

#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:         40px;
}


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

#gpl3 {
    position:           absolute;
    z-index:            2;
    margin-left:        47px;
    margin-top:         180px;
}

#mail {
    margin:             auto;
    width:              450px;
}

#mail fieldset {
    padding:            3pt;
}

#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;
    font-size:          9.8pt;
}

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

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

#photo {
    float:              right;
    padding:            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.6em;
}

#jaw {
    background:         transparent url(../img/jaw.png) no-repeat 5% 80%;
}

#cvcore {
    color:              #333;
    font-size:          1.4em;
    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.3em;
}

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

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

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

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

#qm * {
    float:              left;
    border:             #CCC solid 1px;
    padding:            0.4em;
    margin:             0.2em;
    font-size:          1.2em;
}
#qm dt {
    font-weight:        bold;
    border-top:         none;
    border-right:       none;
}
#qm dd {
    border-bottom:      none;
    border-left:        none;
}

p {
    display:            block;
    margin:             1em auto;
}
#banner {
    text-align:         center;
    margin:             2em auto;
    width:              560px;
    height:             170px;   
    font-size:          15px;
}
.sprite {
    float:              left;
}
#prog { 
    float:              right;
}
#prog p {
    clear:              both;
    float:              left;
    margin:             0 auto;
}
#cross {
    clear:              both;
    color:              red;
    font-weight:        bold;
    margin:             -20px auto;
}