body {
background : #111 url(images/bg.png);
font-family : Tahoma, Arial, sans-serif;
color : #999;
text-shadow: #000 0 1px 1px;
cursor : default;
}
#top  {
background : #000;
border-bottom : 1px solid #333;
color : #777;
font-size : 14px;
top : 0;
left : 0;
position : fixed;
width : 100%;
height : 30px;
padding : 0 10px 0 60px;
line-height : 30px;
z-index : 2;
}

#smorge{
position:fixed;
right:20px;
bottom:10px;
font-family : Tahoma, Arial, sans-serif;
font-size:12px;
font-weight:bold;
}
#smorge a {color: #555;}
#courant {
color : #ff2ad4;
}
#page {
width : 468px;
margin : 50px;
}

#accueil {
width : 760px;
margin-left : 50px;
margin-top : 50px;
}

#page_a {
width : 350px;
float: left;
}

#page_b {
width : 350px;
float : right;
border-left : 1px #333 dashed;
}
#bienvenue {font-family: 'Reenie Beanie', Tahoma, Arial, sans-serif; font-size : 30px; font-style : italic; color : #555;}
#bienvenue:hover {color: #777;} 

.flottant {
float : left;
}

#page_b h1 a {color : #888;}
#page_b h2 a {color : #777;}
#page_b h3 {color : #888;}
#page_b h4 {color : #777;}
#page_b h5 {color : #555;}
#page_b h6 {color : #444;}

#page_b h1 a:hover {color : #999;}
#page_b h2 a:hover {color : #999;}
#page_b h3:hover {color : #777;}
#page_b h4:hover {color : #888;}
#page_b h5:hover {color : #777;}
#page_b h6:hover {color : #666;}

#mentions_a {color : #777; text-align : justify; text-shadow: none;}
#mentions_a a {color : #777;}

h1 {
color : #4e9bff;
font-size : 16px;
}
#edito:hover {
color : #86f000;
}
a {
color : #4e9bff;
text-decoration : none;
}
.contact_logo {
list-style-image : url(icones/shading.png);
}
.contact_site {
list-style-image : url(icones/shading.png);
}
.contact_portfolio {
list-style-image : url(icones/shading.png);
}
.contact_tel {
list-style-image : url(images/contact-tel.png);
}
.contact_mail {
list-style-image : url(images/contact-mail.png);
}
.contact_prestations {
list-style-image : url(icones/shading.png);
}
.contact_plus {
list-style-image : url(images/contact-plus.png);
}
.contact_linux {
list-style-image : url(icones/tux.png);
}
.contact_deviant {
list-style-image : url(images/deviant.png);
}
.contact_gnome {
list-style-image : url(images/gnome.png);
}
.contact_twitter {
list-style-image : url(images/twitter.gif);
}
.contact_facebook {
list-style-image : url(images/facebook.jpeg);
}
.contact_codeur {
list-style-image : url(images/codeur.jpg);
}
.contact_partenaires {
list-style-image : url(icones/emoticon_smile.png);
}
.contact_projets {
list-style-image : url(images/contact-projet.png);
}
li {
padding-top : 5px;
}
li:hover {
letter-spacing : 1px;
}
#prestations_web li:hover {
letter-spacing : 0;
}
#prestations_web li:hover {
color : #eee;
}
#avatar {
float : left;
margin : 0 15px 15px 0;
}
hr {
clear : both;
border : none;
border-bottom : 1px dashed #333;
}
#share {
padding : 0 0 50px 0;
}
h4 {
display : inline;
color : #eee;
font-size : 16px;
font-weight : bold;
margin-right : 10px;
}
#box {
height : 200px;
padding : 20px;
margin-top : 20px;
padding-top : 40px;
width : 260px;
color : #333;
z-index : 3;
}
#box p {
font-size : 16px;
text-align : left;
}
#box p b {
font-size : 52px;
display : block;
}
#contact {
width : 260px;
float : left;
display : block;
text-align : center;
}
#contact textarea {
margin-top : 10px;
padding : 5px 5px 5px 5px;
width : 240px;
height : 50px;
border : none;
}
#contact input {
margin-top : 5px;
padding : 5px 5px 5px 5px;
width : 240px;
height : 30px;
border : none;
}
#envoyer {
background : transparent;
font-size : 16px;
color : #4e9bff;
border : none;
}
#envoyer:hover {
color : #86f000;
font-weight : bold;
}
#twitter {
margin : 10px 0 10px -5px;
}
.twtr-hd, .twtr-ft {
display : none;
}
.rose {
color : #ff2ad4;
}
.orange {
color : #ff7c00;
}
.blanc {
color : #eee;
}
.vert {
color : #6bff00;
}
.jaune {
color : #faff1a;
}
.justify {text-align : justify;}