/*
Theme Name: Frédéric Soler V3.0
Description: Frédéric Soler's template
Theme URI: http://frederic-soler.fr/
Version: 1.0
Author: Frédéric Soler
Author URI: http://frederic-soler.fr
*/

/* RESET */
html, h1, h2, h3, h4, h5, h6, p, ul, li, div, tr, td, table, span, img, {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;background: transparent;font-weight:normal;}
* {margin:0;padding:0;border: 0;font-family: sans-serif;font-weight: normal;font-style: normal;text-decoration: none; outline: none;}

/* BODY + GLOBAL*/
body{
background-image:url('images/bg.jpg');
background-repeat: repeat-x;
font: Helvetica, Arial, sans-serif, 13px;
text-align: justify;
color:#b1b3b4;
background-color: #ffffff;
margin: 0 auto;
padding: 0 auto;
padding-left: 10px;
}
.home{background-image:url('images/bg-home.jpg');}

/* IMG WORDPRESS BACKEND */
.aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;margin-right: 10px;margin-bottom: 5px;}
.imgleft {float: left;margin-right: 10px;margin-bottom: 5px;}
.alignright {float: right;margin-left: 10px;margin-bottom: 5px;}

/* FONTS */
h3{color: #666666;font-size: 26px;font-weight: bold;line-height: 32px;padding-bottom: 2px;text-align: left;}
#content h3{border-bottom: 1px solid #dbdbdb;margin-bottom: 10px;}
p{line-height: 18px;margin-bottom: 10px;}
a{color:#42b0cc;text-decoration: underline;}
a:hover{text-decoration: none;}
strong{font-weight: bold;}

#wrap{width: 960px;margin: 0 auto;padding: 0 auto;}

#H-header{height: 180px;text-indent: -9000000px;}

#logo{background-image:url('images/logo.jpg');width: 491px;height: 180px;float: left;}

.HR-header{float: left;width: 469px;height: 180px;}

#menu{height: 48px;background-image:url('images/full-menu.jpg');}

#menu li{display:inline;}

#menu a {	display:block;text-indent:-900%;outline:none;}

.about{width: 143px;height:48px;background-image:url('images/apropos.jpg');float: left;}
.about span{width: 143px;height:48px;background-image:url('images/apropos.jpg');float: left;background-position: bottom;}
.portfolio{width: 120px;height:48px;background-image:url('images/portfolio.jpg');float: left;}
.portfolio span{width: 120px;height:48px;background-image:url('images/portfolio.jpg');float: left;background-position: bottom;}
.blog{width: 76px;height:48px;background-image:url('images/blog.jpg');float: left;}
.blog span{width: 76px;height:48px;background-image:url('images/blog.jpg');float: left;background-position: bottom;}
.contact{width: 130px;height:48px;background-image:url('images/contact.jpg');float: left;}
.contact span{width: 130px;height:48px;background-image:url('images/contact.jpg');float: left;background-position: bottom;}

.on{background-position: left bottom;}

.sous-le-menu{background-image:url('images/sous-le-menu.jpg');height: 132px;}

#ss-header{width: 960px;height: 342px;float: left;}

#ss-l-header{width: 499px;float: left;}

.catch-phrase{background-image:url('images/catch-phrase.jpg');height: 143px;text-indent: -900000px;}

.last-rea{background-image:url('images/last-rea.jpg');height: 91px;text-indent: -900000px;}

.nom-projet{height: 108px;background-repeat: no-repeat;padding-left: 10px;padding-top: 5px;}

.nom-projet h2{
font-family: Helvetica, Arial;
font-weight: bold;
font-size: 20px;
color: black;
position: relative;}

.nom-projet h2 a{text-decoration: none;}
.nom-projet h2 span:hover{color: #919394;}

.nom-projet h2 span {
font-family: Helvetica, Arial;
font-weight: bold;
font-size: 20px;
color: #fff;
display: block;
position: absolute;
top: 1px;}

.nom-projet h3{
font-family: Helvetica, Arial;
font-style: italic;
font-size: 14px;
color: #40bed8;
font-weight: normal;
}

#ss-r-header{background-image:url('images/bg-rea-home.jpg');height: 342px;width: 461px;float: left;}

#ss-r-header img{margin-left:18px;margin-top: 15px;}

#content{margin-top: 40px;margin-bottom:60px;margin-left: 10px;margin-right: 10px;width: 960px;float: left;}
#propos #content {float: none;}

#context p{color: #666666;font-size: 26px;line-height: 32px;font-style:Helvetica; }

#context p a{font-weight: bold;}

.threeCol{width: 300px;margin-right: 20px;float: left;}

.threeCol h3 span{font-weight: bold;font-size: 32px;color:#42b0cc;}
.contentLeftPortoflio h3 span{font-weight: bold;font-size: 32px;color:#42b0cc;}

.threeCol h4{font-size: 20px;font-weight: bold;margin: 10px 0 10px 0;}
.threeCol h4 a{font-size: 20px;font-weight: bold;margin: 10px 0 10px 0;text-decoration: none;}

.descBlogPost p{font-size: 12px;font-style: italic;font-family: Georgia;}

.contentLeft{width: 620px;float: left;}
.contentLeft p{line-height: 20px;}
.contentLeft ul{margin-left: 20px;margin-top: 10px;padding-left: 20px;}
.contentLeft ol{width: 620px;list-style: none;margin-top: 20px;}
.contentLeft ol li{display: block;width: 620px;float: left;margin-bottom: 10px;}
.contentLeft ol li label{width:210px;float: left;margin-bottom: 15px;}
.contentLeft ol li label span{font-family: Georgia;font-style: italic;}
.contentLeft ol li input{width: 400px;float: right;height: 14px;padding: 4px;background-color: #dbdbdb;color:#666666; }
.contentLeft ol li textarea{width: 400px;float: right;background-color: #dbdbdb;color:#666666;padding: 3px;height: 80px;font-size: 11px;}
.linklove{display: none;}
.sendbutton{width: 90px;padding: 5px;font-weight: bold;font-size: 16px;cursor: pointer;color:#666666; background-color: #dbdbdb;margin-left: 530px;}

.contentLeft .datePost{font-family: Georgia;font-style: italic;}
.contentLeft h4{color:#42b0cc;font-size: 18px;font-weight: bold;line-height: 32px;padding-bottom: 2px;}
.contentLeft img{max-width: 620px;height: auto;}
.contentLeft ul{margin-left: 15px;margin-bottom: 10px;}
.wp-pagenavi{float: left;margin-top: 20px;}
.wp-pagenavi .pages{font-family: Georgia;font-style: italic;font-weight: bold;font-size: 16px;}
.wp-pagenavi a{padding: 5px;font-weight: bold;}
.wp-pagenavi .current{padding: 5px;font-weight: bold;}

.lastPost{float: left;border-bottom: 1px solid #dbdbdb;padding-bottom: 5px; margin-bottom: 5px;width: 620px;}
.lastPost:last-child{border-bottom: 0;}
.lastPost h3{margin-bottom: 20px;}
.lastPostL{float: left; width: 300px;margin-top: 10px;}
.lastPostR{float: left; width: 300px;padding-left: 20px;margin-top: 10px;}
.lastPostR h4{font-size: 20px;font-weight: bold;margin: 0 0 5px 0;}
.lastPostR h4 a{font-size: 20px;font-weight: bold;margin: 0 0 5px 0;text-decoration: none;}
.lastPostR p{font-size: 12px;font-style: italic;font-family: Georgia;}

.allPost{width: 630px;float: left;margin:20px 0 20px 0;}
.aPost{width: 200px;float: left;margin-right: 10px;margin-bottom: 15px;border-bottom: 1px solid #dbdbdb;}
.aPost h4{margin: 5px 0 0 0;}
.aPost h4 a{font-size: 14px;font-weight: bold;text-decoration: none;}
.aPost p{font-size: 11px;font-family: Georgia;}

.contentRight{float: left;width: 300px;padding-left: 20px;}
.crCol{margin-bottom: 10px;float: left;}

.navi{float: left;width: 620px;margin-top: 20px;}
.previous{background:url('images/previousPost.jpg');width: 145px;height: 41px;float: left;text-indent: -900000px;}
.barrePost{background:url('images/barrPost.jpg');width: 348px;height: 41px;float: left;}
.next{background:url('images/nextPost.jpg');width:127px;height: 41px;float: left;text-indent: -900000px;}

.btRss{
width: 300px; 
height: 50px;
background:url('images/btRss.jpg') no-repeat;
float: left;
text-indent: -900000px;
}
.btTwitter{
width: 300px; 
height: 82px;
background-image:url('images/btTwitter.jpg');
background-repeat: no-repeat;
float: left;
text-indent: -900000px;
margin:10px 0px 20px 0;
border-top: 1px dotted #dbdbdb;
}
.afterPost .btTwitter{border-top: 0;margin: 0;float: right;}
.afterPost .btRss{margin-top: 18px;}
.afterPost a:hover{background-position: bottom;}
.contentRight a:hover{background-position: bottom;}

.thisPostContent{width: 620px;float: left;margin:20px 0 20px 0;}
.thisPostContent h4{color:#42b0cc;font-size: 20px;font-weight: bold;line-height: 32px;padding-bottom: 2px;}

.pageNaviTop{margin-top: 0;border-bottom: 1px solid #dbdbdb;float: left;width: 620px;padding-bottom: 5px;margin-bottom: 10px;}

.brevePortfolio{margin-bottom: 20px;float: left;background-color: #ececec;padding: 20px;width: 900px;}
.brevePortfolio p{color: #666666;font-size: 22px;line-height: 20px;font-style:Helvetica; }
.brevePortfolio p a{font-weight: bold;}
.thisCrea{width: 940px;float: left;border-bottom: 2px dotted #dbdbdb;margin-bottom: 30px;}
.thisCrea:last-child{border-bottom: 0;}
.contentLeftPortoflio{width: 300px;float: left;}
.contentLeftPortoflio blockquote p{font-family: Georgia; font-size: 13px;border-left: 5px solid #dbdbdb; padding-left: 10px;font-style: italic;}
.contentLeftPortoflio blockquote p a{font-family: Georgia;font-style: italic;}
.contentLeftPortoflio p{font-size: 13px;}
.contentRightPortfolio{width: 620px;float: right;}
.contentRightPortfolio img{margin-bottom: 10px;max-width: 620px;height: auto;}

.threeCol ul{list-style: none;}
#propos .threeCol{margin-bottom: 70px;}
#propos #footContent .threeCol{margin-bottom: 0;}
#propos .threeCol p{font-size: 13px;}
#propos .threeCol ul{margin-bottom: 15px;}
#propos .threeCol ul li{border-bottom: 1px dotted #dbdbdb;}
#propos .threeCol ul li em{font-size: 11px;font-family: Georgia;font-style: italic;}
#propos .threeCol h4{font-size: 15px;text-align: left;margin-bottom: 5px;}
#propos .threeCol h4 a{font-size: 15px;text-align: left;margin-bottom: 5px;}
#propos .threeCol h5{font-size: 13px;text-align: left;font-weight: bold;}
#propos .threeCol h5 a{font-size: 13px;text-align: left;font-weight: bold;text-decoration: none;}
#propos #context p{color: #666666;font-size: 26px;line-height: 32px;font-style:Helvetica; }

#footer{
font-size: 12px;
bottom:0;
left: 0;
margin-top: -100px;
background-color: #666666;
position: fixed;
width: 100%;
}

#footer .threeCol ul{float: left;text-align: right;}
#footer .threeCol ul li{margin-bottom: 5px;float: right;padding: 5px;width: 290px;border-bottom: 1px solid #dbdbdb; }

#headFoot{
background-image:url('images/bgFoot.png');
background-repeat: repeat-x;
position: absolute;
width: 100%;
top:0;
margin-top: -15px;
height: 20px;
}
#linkFoot{
width: 960px;
height: 30px;
margin: 0 auto;
}
#linkFootF{left:0;width: 170px;}
#savoirPlus{
background-image:url('images/savoirPlus.jpg');
float: left;
width: 170px;
height: 30px;
text-indent: -900000px;
}
#linkFootR{width:auto;right: 0;width: 770px;height: 30px;}
.contentwit{float: right;}
.leftTwitt{float: left;width: 6px;height: 30px;background-image:url('images/twittLeft.jpg');}
.messTwitt{float: left;height: 30px;background-image:url('images/messTwitt.jpg');}
.messTwitt p {color: #ffffff;font-size: 11px;padding-top: 5px;padding-right: 5px;padding-left: 5px;}
.rightTwitt{float: left;width: 57px;height: 30px;background-image:url('images/twitt.jpg');}
.follow{clear: left;float: right;font-size: 11px;color: #42b0cc;clear: both;}
#fc{width: 960px;margin: 0 auto;}

#footer h4{font-size: 18px; font-weight: bold;color: #b1b3b4;}

div#comment{float: left;display: block;margin-top: 20px;}
.commentmetadata{margin-bottom: 5px;}
.commentlist li{float:left;margin-bottom: 30px;border-bottom: 1px solid #dbdbdb;padding-bottom: 20px;}
.avatar{float: left;margin-right: 10px;}
.mycom{float: left;padding: 10px;background-color:#dbdbdb;color: #666666;width: 550px; }
.tagart{display: block;margin-top: 10px;}
.sociable ul{float:left;width: 620px;padding-bottom: 10px;}
.tagart a{margin-left: 5px; margin-right: 5px;}
.afterPost{float: left;display: block;}
#commentform p{display: block;width: 620px;height: 40px;}
#commentform p label{width: 220px;margin-right: 20px;float: left;padding-top: 8px;font-size: 13px;}
#commentform p input{width: 360px;float: left;background-color: #dbdbdb;padding: 10px;color:#666666; }
#commentform p textarea{width: 360px;float: left;background-color: #dbdbdb;padding: 10px;color:#666666; height: 60px;font-size: 11px;}
#commentform #submit{width: 90px;padding: 5px;float: right;font-weight: bold;font-size: 16px;cursor: pointer;color:#666666; margin-top: 20px;margin-bottom: 30px;}