/* CSS Structure générale de la page */
html { font-size:100.01%;text-align:center; }
body{background:#E8E4D5;width:600px;margin:0 auto;padding:0;font-family:georgia,times,serif;font-size:62.5%;line-height:1.7;border:10px solid #DBD6C3;}
h1{background:#DBD6C3;margin:0;padding:0 0 1em 0;font-size:1.8em;text-align:center;color:#88857B;}
h2{background:#DBD6C3;width:50%;margin:35px 0 0 0;padding:10px;font-size:1.1em;line-height:1.8em;color:#88857B;}
h1 span, h2 span {display:block;}
p{font-size:1.2em;color:#88857B;}
a:link,
a:visited{color:#88857B;}
a:hover,
a:active{color:#A3724A;}
.wrap{text-align:left;}
.example{margin:25px 0 0 25px;text-align:left;}
.note{width:86%;margin:30px auto 50px auto;}
.note p{font-style:italic;text-align:center;padding:15px;border:1px solid white;}
.footer{background:#DBD6C3;text-align:right;}
.footer p{background:#DBD6C3;margin:0;padding:0;}
.footer a{display:block;padding:10px 10px 0 0;}


/* Reset sur liste non-ordonnée */
ul,li{margin:0;padding:0;list-style:none;}

/* Placement horizontal des éléments */
.social-links li{display:inline;width:16px;}

/* Style généraux sur tous les liens de la liste*/
.social-links a {display:inline;float:left;width:16px;height:16px;margin:0 5px 0 0;font-size:0.01em;text-indent:-9999px;overflow:hidden;}

/* Ajout background-image + styles sur la liste */
.social-links{background: url(../img/links-bg.gif) no-repeat 0 0;width:196px;height:36px;padding:10px 5px;}

/* CSS Sprites : positionnement de l'image de fond sur chacun des liens */
.social-links .twitter-link:link,
.social-links .twitter-link:visited{background:transparent url(../img/social-icons.jpg) 0 0 no-repeat;}
.social-links .twitter-link:hover,
.social-links .twitter-link:active{background:transparent url(../img/social-icons.jpg) 0 -18px no-repeat;}

.social-links .delicious-link:link,
.social-links .delicious-link:visited{background:transparent url(../img/social-icons.jpg) -20px 0 no-repeat;}
.social-links .delicious-link:hover,
.social-links .delicious-link:active{background:transparent url(../img/social-icons.jpg) -20px -18px no-repeat;}

.social-links .stumble-link:link,
.social-links .stumble-link:visited{background:transparent url(../img/social-icons.jpg) -40px 0 no-repeat;}
.social-links .stumble-link:hover,
.social-links .stumble-link:active{background:transparent url(../img/social-icons.jpg) -40px -18px no-repeat;}

.social-links .facebook-link:link,
.social-links .facebook-link:visited{background:transparent url(../img/social-icons.jpg) -60px 0 no-repeat;}
.social-links .facebook-link:hover,
.social-links .facebook-link:active{background:transparent url(../img/social-icons.jpg) -60px -18px no-repeat;}

.social-links .dig-link:link,
.social-links .dig-link:visited{background:transparent url(../img/social-icons.jpg) -80px 0 no-repeat;}
.social-links .dig-link:hover,
.social-links .dig-link:active{background:transparent url(../img/social-icons.jpg) -80px -18px no-repeat;}

.social-links .technorati-link:link,
.social-links .technorati-link:visited{background:transparent url(../img/social-icons.jpg) -100px 0 no-repeat;}
.social-links .technorati-link:hover,
.social-links .technorati-link:active{background:transparent url(../img/social-icons.jpg) -100px -18px no-repeat;}

.social-links .linkdin-link:link,
.social-links .linkdin-link:visited{background:transparent url(../img/social-icons.jpg) -120px 0 no-repeat;}
.social-links .linkdin-link:hover,
.social-links .linkdin-link:active{background:transparent url(../img/social-icons.jpg) -120px -18px no-repeat;}

.social-links .redit-link:link,
.social-links .redit-link:visited{background:transparent url(../img/social-icons.jpg) -140px 0 no-repeat;}
.social-links .redit-link:hover,
.social-links .redit-link:active{background:transparent url(../img/social-icons.jpg) -140px -18px no-repeat;}

.social-links .friendfeed-link:link,
.social-links .friendfeed-link:visited{background:transparent url(../img/social-icons.jpg) -140px 0 no-repeat;}
.social-links .friendfeed-link:hover,
.social-links .friendfeed-link:active{background:transparent url(../img/social-icons.jpg) -140px -18px no-repeat;}

.social-links .dfloat-link:link,
.social-links .dfloat-link:visited{background:transparent url(../img/social-icons.jpg) -160px 0 no-repeat;}
.social-links .dfloat-link:hover,
.social-links .dfloat-link:active{background:transparent url(../img/social-icons.jpg) -160px -18px no-repeat;}