/* CSS www.Salya.me par Salya H. */
body{background:url(../img/background.jpg) no-repeat fixed;font-family: Georgia, "Times New Roman", Times, serif;color:#393939;}
a img{border:0px none;}
a:active{outline:none;}
a:focus{outline:none;}
form{padding:0;margin:0;}
#conteneur{margin:0 auto;padding:80px 0 0 0;width:800px;}
#panel-gauche{position:relative;background:url(../img/info-panel.png) no-repeat top;float:left;width:253px;min-height:441px;margin:0;padding:0;}
#site-droite{position:relative;background:url(../img/fd-site.png) no-repeat top;float:right;width:521px;min-height:441px;margin:0;padding:0;}
#logo{background:url(../img/salya-howald.png) no-repeat;width:568px;height:98px;text-indent:-3333px;border:0;padding:0px;}
#logo a{display:block;width:568px;height:98px;text-decoration:none;border:0;}
#brand{margin:80px 0 0 20px;padding:5px; width: 200px;font-size:1.1em; color:#cdcdbb; background-color:#689a88;}
#social-networks{margin:35px 0 0 15px;padding:0;}
.social-link{margin:0 2px 0 0;padding:0;}
.social-link-last{margin:0;padding:0;}
#vcard-microformats{margin:35px 0 0 15px;padding:0;font-size:0.8em;}
#vcard-txt{position:relative;float:left;text-align:right;width:140px;margin:4px 0 0 0;padding:0;}
#vcard-img{position:relative;float:right;width:65px;margin:0 16px 0 0;padding:0;}
#copyright{margin:30px 0 0 50px;padding:0;font-size:0.8em;font-weight:bold;}
.menu-mignon{position:relative;height:35px;width:421px;padding:10px 0;margin:0 0 0 40px;overflow:hidden;}
.menu-mignon li{float:left;list-style:none;margin:0 10px;}
.menu-mignon li.back{border-bottom:1px dashed #cdcdbb;width:9px;height:28px;z-index:8;position:absolute;}
.menu-mignon li a{font-size:18px;font-weight:bold;text-decoration:none;color:#cdcdbb;outline:none;text-align:center;top:7px;letter-spacing:0;z-index:10;display:block;float:left;height:28px;position:relative;overflow:hidden;margin:auto 10px;}
.menu-mignon li a:hover, .menu-mignon li a:active, .menu-mignon li a:visited{border:none;}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.page{width:470px;height:350px;margin:0px 0 0 10px;padding:10px 0;}
.page h2{padding:2px 10px;margin:20px 0 10px;font-size:20px;}
#about{}
#presentation{position:absolute;z-index:20;}
#pepinieriste{margin:0 0 0 10px; width:200px;padding:0;font-size:1.1em;}
#jaime{margin:15px 0 10px 10px;padding:0;font-size:1.1em;}
#about-bio{margin:25px 0 0 10px;padding:0;font-size:0.8em;width:190px;line-height:1.5em;}
#interets{margin:0 0 0 10px;padding:0;font-size:0.8em;width:285px;line-height:1.5em;}
#offrez-moi{margin:0 0 0 10px;padding:0;font-size:1.1em;}
#ctc-infos{position:relative;float:left;margin:40px 0 0 10px;padding:0;font-size:0.8em;width:225px;line-height:1.5em;}
#donations{position:relative;float:right;margin:40px 30px 0 0;padding:0;font-size:0.8em;width:140px;line-height:1.5em;}
.donation-img{padding:0 0 12px 0;margin:0;}
.donation-paypal{padding:0;margin:0;}
#photo{padding:10px 0 0 210px;margin:0;width:281px;height:349px;position:absolute;z-index:5; border-right:dashed #689a88 1px;}
#about h2{background:#ab8b65;width:472px;}
#about{}
#projects{ padding: 0 0 0 20px;}
#projects h2{background:#ab8b65;width:442px;}
#contact{}
#contact h2{background:#ab8b65;width:472px;}
.usual{padding:0;margin:8px 0 0 0; background-color:#FFF; height: 40px; width:460px;}
.usual ul{padding:0;margin:0;}
.usual li{list-style:none;float:left;margin:0;padding:0;}
.usual ul a{display:block;padding:10px 6px;text-decoration:none!important;margin:1px;margin-left:0;font-size:0.8em;color:#393939;}
.usual ul a:hover{}
.usual ul a.selected{margin-bottom:0;color:#393939;font-weight:bold;cursor:default;}
.usual div{padding:10px 10px 8px 0;clear:left;font-size:0.8em;}
#proj1, #proj2, #proj3, #proj4{padding:0;margin:15px 0 0 10px;line-height:1.5em;}
.usual div a{color:#000;font-weight:bold;}
A:link {color:#689a88;}
A:visited {color:#689a88;}
A:active {color:#689a88;}
A:hover{color:#689a88;}