/* Include Reset File */
@import url("style/reset.css");
@font-face {font-family:"Creampuff";src:url("font/CREAMPUF.eot?") format("eot"),url("font/CREAMPUF.woff") format("woff"),url("font/CREAMPUF.ttf") format("truetype"),url("font/CREAMPUF.svg#Creampuff") format("svg");font-weight:normal;font-style:normal;}
@font-face {
    font-family: 'ComfortaaRegular';
    src: url('font/Comfortaa_Regular-webfont.eot');
    src: url('font/Comfortaa_Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Comfortaa_Regular-webfont.woff') format('woff'),
         url('font/Comfortaa_Regular-webfont.ttf') format('truetype'),
         url('Comfortaa_Regular-webfont.svg#ComfortaaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ComfortaaBold';
    src: url('font/Comfortaa_Bold-webfont.eot');
    src: url('font/Comfortaa_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Comfortaa_Bold-webfont.woff') format('woff'),
         url('Comfortaa_Bold-webfont.ttf') format('truetype'),
         url('Comfortaa_Bold-webfont.svg#ComfortaaBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {background:#EBE2C5 url(images/background.jpg) center top fixed; font-family:Futura Medium, Century Gothic, AppleGothic, sans-serif; font-size:14px; line-height:20px; color:#333;}

#retour{display:block;height:117px;position:fixed;right:-281px;top:520px;width:315px;z-index:400;}
#retour a{text-indent:-99999em;}

a:link, a:visited, a:active {color:#53777A;text-decoration:none;}
a:hover {color:#D95C43;}
.clear {clear:both;}

strong{font-weight:bold;}
p img{padding:0;max-width:100%;}
img.centered, img.aligncenter{display:block;margin:0 auto;border:1px solid #a4b6b7;overflow:hidden;padding:4px;}
img.alignright{padding:4px;margin:2px 0 2px 7px;display:inline;border:none;}
img.alignleft{padding:4px;margin:2px 7px 2px 0;display:inline;border:none;}
.alignright{float:right;}
.alignleft{float:left}
acronym, abbr, span.caps{cursor:help;}
acronym, abbr{border-bottom:1px dashed #999;}
.center{text-align:center;}
.hidden{display:none;}
.aligncenter, div.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.wp-caption{border:1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;margin:10px;}
.wp-caption img{margin:0;padding:0;border:0 none;}
.wp-caption p.wp-caption-text{font-size:12px;line-height:17px;padding:0 4px 5px;margin:0;}
.readmore {color:white; background-color:#d95c43; float:right;  padding:0px 5px 2px; margin-top:10px;}
#wrapper{width:980px;margin:10px auto 0;}

/* Header */
#header{padding:0 10px;width:960px;display:block;height:120px;margin-top:20px;}
#header #logo{float:left;}

#wpflux{height:33px;float:right;}
#wpflux ul{float:left;    margin-top:8px;    margin-left:10px;    width:100%;}
#wpflux ul li{float:left;    width:65px;    height:65px;    padding-left:18px;    padding-top:4px;    margin-right:20px;    margin-left:6px;    font-size:80%;}
#wpflux ul li.twitter{background-repeat: no-repeat;}
#wpflux ul li.rss{background-repeat: no-repeat;}
#wpflux ul li a{color:#9c9b9b;}

/* Superfish - Menu Styles */
#navmenu{background:none;border-bottom:1px solid #53777A;border-top:1px dotted #53777A;width:960px;height:40px;font-size:12px;font-family: Century Gothic, Apple Gothic, sans-serif;font-style:normal;text-transform:uppercase;color:#FFFFFF;font-weight:bold;margin:0px auto 0px;padding:0px;}
.menu-top-container li{float:left;position:relative;}
.menu-top-container a{display:block;position:relative;}
.menu-top-container .current_page_item a{color:#D95B43 !important;border-bottom:5px solid #D95B43;}
.menu-top-container{float:left;margin-bottom:0;}
.menu-top-container a{border-bottom:5px solid #53777A;padding:17px 10px 12px 10px;text-decoration:none;font-style:normal;line-height:12px;}
.menu-top-container li li a, .menu-top-container li li a:visited{color:#D95B43;padding:6px 10px 6px 10px;text-decoration:none;text-transform:none;text-shadow:none;border:none;}
.menu-top-container a, .superfish a:visited{color:#53777A;}
.menu-top-container a:focus, .menu-top-container a:hover, .menu-top-container a:active, .menu-top-container li.selected a{background:none;border-bottom:5px solid #D95B43;color:#D95B43;outline:0;}


/*Container*/
.container{width:960px; margin:0 auto; overflow:visible;}
#main{clear:both;overflow:hidden;}
#main .container{padding:15px;overflow:hidden;}

/* slogan */
#main .container .slogan{margin-bottom:20px;padding:10px 0 30px;border-bottom:1px solid #e3e3e3; float:right; width:300px;}
#main .container .slogan h2{font-size:28px;color:#53777A; border-bottom:5px solid #53777A; padding-bottom:5px;margin-bottom:5px; font-family:"Creampuff", Times, serif; font-weight:100;}
#main .container .slogan p{font-size:24px;color:#53777A; line-height:1;}
#topFeatured{/*border-bottom:5px solid #000000;*/display:block;float:left;height:100%; /*margin:0 0 30px;padding:0 0 30px;*/ width:960px;}

/* main */
#main .container #main-content {float:left; padding:20px 0 10px;}
#main .container #main-contact h2 {color:#53777A; font-size:28px; padding-bottom:15px;}
#main .container #main-content .home {float:left; width:610px;}
#main .container #main-content .home .maintext{padding:0 0 20px;}
#main .container #main-content .home .hline {border-top:1px solid #333;}
#main .container #main-content .home .box {}
#main .container #main-content .home .spacer{display:block;float:left;height:100%;width:30px;}
#main .container #main-content .home .box .boxmain{float:left; padding:28px 0 0;width:290px;}
#main .container #main-content .home h2{margin:10px 0 10px 0;}
#main .container #main-content .home ul li{padding-bottom:5px;padding-left:20px;background:url(images/icon_bullet.png) 0 3px no-repeat;}




/* featured */
#wpFeatured{height:255px;width:630px;position:relative;overflow:hidden;border:10px #ececec solid;margin-bottom:20px;display:block;float:left;}
#wpFeatured .slides{width:630px;height:255px;}
.featured{width:149px;height:149px;position:absolute;text-indent:-9999px;z-index:26;}
.fnav{width:38px;position:absolute;background:url(images/fnav.png);top:0px;right:0px;height:255px;z-index:26;}
.fnav a.navli{background:transparent url(images/fnavli.png);background-position:18px 19px;width:19px;height:18px;display:block;margin-left:10px;margin-top:6px;text-indent:-9999px;}
.fnav a:hover.navli{background-position:18px 2px;}

/*workin'in girl*/
#main .container .workin {float:left; width:960px; margin-bottom:20px; background:url(images/background-workin.png) center top fixed;color:#333; height:100px;}
#main .container .workin .workin-col1 {width:319px; float:left; border-right:1px dotted #FFF;}  
#main .container .workin .workin-col2 {width:320px; float:left;}
#main .container .workin .workin-col3 {width:320px; float:left;}

/*side*/
#main .container #main-content #side {float:left; margin:8px 0 0 38px; width:312px;}

/*Widget home*/
#main .container .home_widgets{ padding-top:15px; overflow:hidden; float:left; font-size:12px;line-height:22px;color:#333; border-left:1px dotted #d95c43;}
#main .container .home_widgets .widget{margin-left:30px;width:280px;float:left; margin-bottom:10px; }
#main .container .home_widgets .widget_categoryposts h3{background:url(images/eco.png) no-repeat center left;}
#main .container .home_widgets .widget h3.entreprise{background:url(images/entreprise.png) no-repeat center left;}
#main .container .home_widgets .widget_categoryposts {margin-bottom:25px;}
#main .container .home_widgets .widget h3{padding:15px;margin-bottom:15px;font-size:24px;color:#53777A;border-bottom:1px dotted #53777a;}
#main .container .home_widgets .widget p{margin-bottom:15px;}
#main .container .home_widgets .widget ul{}
#main .container .home_widgets .widget ul li{padding-bottom:5px;/*padding-left:20px;/*background:url(images/icon_bullet.png) 0 5px no-repeat;*/}
#main .container .home_widgets .widget ul li a{color:#53777a;}
#main .container .home_widgets .widget ul li a:hover {color:#d95c43;}
.tickerImg {float:left; margin:5px; border:5px solid #ECECEC;}

/* sevices*/
#main .container #main-service h2{font-size:24px;margin-bottom:15px;color:#53777a;}
#main .container #main-service ul.column{ float:left;display:block;background:url(images/dot.gif) 0 100% repeat-x;padding-bottom:25px;margin-top:20px;}
#main .container #main-service ul.column li h2{margin:0px 0 5px;background:#d95c43;;padding:5px 7px;color:#fff;font-size:14px;font-weight:bold;text-transform:uppercase;}
#main .container #main-service ul.lastRow{background:none;}
#main .container #main-service ul.column li{float:left;background:url(images/vertical-dot.gif) 100% 0 repeat-y;padding:0 18px 0 0;margin-right:20px;width:294px;position:relative;}
#main .container #main-service ul.column li img{border:none;}
#main .container #main-service ul.column li.last{margin-right:0;background:none;padding-right:0;}
#main .container #main-service ul.column li ul{margin:0;}
#main .container #main-service ul.column li ul li{padding-bottom:1px;background:none;border-bottom:1px dotted #666;margin:0;padding-right:0;}
#main .container #main-service ul.column li ul li.round01{display:block;background:url(images/bullet01.png) no-repeat;padding-left:25px;padding-right:10px;text-decoration:none;border:none;}
#main .container #main-service ul.column li ul li.round02{display:block;background:url(images/bullet02.png) no-repeat;padding-left:25px;padding-right:10px;text-decoration:none;border:none;}
#main .container #main-service ul.column li ul li.round03{display:block;background:url(images/bullet03.png) no-repeat;padding-left:25px;padding-right:10px;text-decoration:none;border:none;}
#main .container #main-service ul.column li ul li a{display:block;padding:7px 0;background:url(images/fleche.png) 3px 10px no-repeat;padding-left:25px;padding-right:0;text-decoration:none;}
.clearfix {display:block;}

/*contact */
#main .container #main-contact #wpcf7-f1452-p160-o1 {float:left;width:530px;}
#main .container #main-contact #wpcf7-f1452-p160-o1 p {padding-bottom:15px;}
#main .container #main-contact #contactside{float:left;margin:8px 0 0 38px;width:350px; }
#main .container #main-contact #contactside h3 {color:#53777A;font-size:24px; padding-bottom:15px;}
#main .container #main-contact #contactside #SGM {margin-top:15px;border:5px solid #A4B6B7;}
#main .container #main-contact #contactside #adress{font-weight:bold;background-color:#A4B6B7;width:350px;padding-left:5px; padding-right:5px; padding-bottom:5px;}
#main .container #main-contact #contactside .contactbox {border-top:1px dotted #53777A;margin-bottom:14px;}

/* Portfolio*/
#main .container .portfolio{}
#main .container .portfolio .title {padding-bottom:10px;border-bottom:1px solid #D95B43;color:#53777A;}
#main .container .portfolio .title h2 {color:#53777A;font-size:30px;}
#main .container .portfolio .portfnav {font-size:12px;color:#53777A;padding:10px 20px;border-bottom:1px solid #D95B43;overflow:hidden;}
#main .container .portfolio .portfnav ul {overflow:hidden;}
#main .container .portfolio .portfnav ul li {display:inline;margin-right:5px;}
#main .container .portfolio .portfnav ul li a {padding:5px 10px!important;padding:0px 10px;}
#main .container .portfolio .portfnav ul li.active a, #main .container .portfolio .portfnav ul li a:hover {background:#D95B43;color:#fff;}

#main .container .portfolio #folio {overflow:hidden;margin-top:30px;width:980px;}
#main .container .portfolio #folio li.item {width:300px;float:left;margin-bottom:20px;padding:0 10px;display:block; position:relative;}

#main .container .portfolio #folio .cat {background-color:#d95C43; font-size: 10px; font-style: italic; left: 0; letter-spacing: 1px; position: absolute; text-shadow: 0 0 1px rgba(0, 0, 0, 0.1); text-transform: uppercase; top: 25px; z-index: 100;}


/*#main .container .portfolio #folio .item img {width:225px; height:147px;}*/
#main .container .portfolio #folio li.item .info {background: url(images/title-bg.png) repeat scroll left top transparent; bottom: 0; left: 0; padding: 15px; position: absolute; width: 270px;}
#main .container .portfolio #folio li.item .holder {width:300px;height:250px; position:relative;}
#main .container .portfolio #folio li.item .img_shadow {background:url(images/img_shadow.png) center no-repeat; height:12px; width:300px;}

#main .container .portfolio #folio .item h2 {text-align:center;font-size:18px;margin-bottom:10px; padding:5px;}
#main .container .portfolio #folio .item h2 a {color:#D95B43;}
#main .container .portfolio #folio .item h2 a:hover {color:#53777A;}

#main .container .portfolio #folio .item p { color:#D95C43; font-family:"ComfortaaBold",Futura Medium, Century Gothic, AppleGothic, sans-serif; font-size:14px;  letter-spacing: 2px; text-transform:uppercase;}
#main .container .portfolio #folio .item p.tag {color:#D95C43; font-family:"ComfortaaRegular",Futura Medium, Century Gothic, AppleGothic, sans-serif; font-size:10px; font-style:italic; letter-spacing: 2px; text-transform:uppercase;}



#main .container .portitem {width:960px;}

#main .container .portitem .nav  {float:left; width:980px;}
#main .container .portitem .nav h2.title {float:left; width:700px;}
#main .container .portitem .nav h2.title a {color:#D95C43; font-family:ComfortaaBold, Futura Medium, Century Gothic, AppleGothic, sans-serif; font-size:16px;  letter-spacing: 2px; text-transform:uppercase;}

#main .container .portitem .nav .select {float:right; width:150px; margin-bottom:10px;}
#main .container .portitem .nav .select a.all {background:url(images/all-projets.png); background-position: center top; display: block; float: left; height: 17px; margin-left: 20px; width: 26px;}
#main .container .portitem .nav .select a.all:hover {background-position: center bottom; }
#main .container .portitem .nav .select .nav-previous a {background:url(images/prec.png); background-position: center top; display: block; float: left; height: 17px; margin-left: 20px; width: 9px;}
#main .container .portitem .nav .select .nav-previous a:hover {background-position: center bottom;}
#main .container .portitem .nav .select .nav-next a {background:url(images/suiv.png); background-position: center top; display: block; float: left; height: 17px; margin-left: 20px; width: 9px;}
#main .container .portitem .nav .select .nav-next a:hover {background-position: center bottom; }

#main .container .portitem .col-left {width:700px; border-top: 1px dotted #53777a; float: left; margin: 0 20px 0 0px; padding: 10px 0 0;}
#main .container .portitem .col-right {float:right; margin:0; padding:0; width:220px;}
#main .container .portitem .col-right .section {border-top: 1px dotted #53777a; float:left;}
#main .container .portitem .col-right .section .content {margin:0; padding: 7px 10px 10px; width:200px; font-size:12px; line-height:1.4em; }
#main .container .portitem .col-right .section .content ul {list-style:none; margin:0; padding:0;}
#main .container .portitem .col-right .section .content ul li {list-style:none; margin:0 0 5px 0; padding:0; background:none;}
#main .container .portitem .col-right .section .content .title {color:#333; font-weight:bold; font-size:12px; margin-bottom:1px; font-family:Futura Medium, Century Gothic, AppleGothic, sans-serif; }

/* Content*/
#main .container .content {line-height:24px;color:#333;float:left;display:block;margin:0;padding:0 10px 0 0;width:640px;}
#main .container .content .title {font-size:30px;color:#53777A;margin-bottom:15px;}
#main .container .content p {/*margin-bottom:20px;*/}
#main .container .content h1, #main .container .content h2, #main .container .content h3, #main .container .content h4{color:#697e87;margin-bottom:15px;}
#main .container .content h1 {font-size:30px;}
#main .container .content h2 {font-size:24px;}
#main .container .content h3 {font-size:18px;}
#main .container .content h4 {font-size:14px;}
#main .container .content ul {margin:10px 0 10px 20px;}
#main .container .content ul li{padding-bottom:5px;padding-left:20px;background:url(images/icon_bullet.png) 0 5px no-repeat;}
#main .container .content ol{list-style:decimal;margin:10px 0 10px 50px;}
#main .container .content ol li{padding-bottom:5px;}
#main .container .content blockquote{border:1px #c0c09b solid;background:#f0f0e5 url(images/quote.png) 10px 15px no-repeat;padding:20px;padding-left:65px;font-style:italic;margin:20px 0;}
#main .container .content a{text-decoration:none;}
#main .container .content form{margin:20px 40px;}
#main .container .content form label{display:block;margin-bottom:5px;}
#main .container .content form input, #main .container .content form textarea, #main .container .content form select{background-color:#e7e7e2;border:1px solid #ccccba;padding:5px;color:#333333}

/* About */
#main .container .about{line-height:24px;color:#333;width:940px;float:left;}
#main .container .about .title{font-size:30px;color:#53777A;margin-bottom:15px;}
#main .container .about img {border:none;}
#main .container .about p{margin-bottom:20px;}
#main .container .about h1, #main .container .about h2, #main .container .about h3, #main .container .about h4{color:#697e87;margin-bottom:15px;}
#main .container .about h1{font-size:30px;}
#main .container .about h2{font-size:24px;}
#main .container .about h3{font-size:18px;}
#main .container .about h4{font-size:14px;}
#main .container .about ul{margin:10px 0 10px 20px;}
#main .container .about ul li{padding-bottom:5px;padding-left:20px;background:url(images/icon_bullet.png) 0 5px no-repeat;}
#main .container .about ol{list-style:decimal;margin:10px 0 10px 50px;}
#main .container .about ol li{padding-bottom:5px;}
#main .container .about blockquote{border:1px #c0c09b solid;background:#f0f0e5 url(images/quote.png) 10px 15px no-repeat;padding:20px;padding-left:65px;font-style:italic;margin:20px 0;}
#main .container .about .separator{border-top:1px #D95B43 dotted;}
#main .container .about a{text-decoration:none;}
#main .container .about form{margin:20px 40px;}
#main .container .about form label{display:block;margin-bottom:5px;}
#main .container .about form input, #main .container .about form textarea, #main .container .about form select{background-color:#e7e7e2;border:1px solid #ccccba;padding:5px;color:#333333}

/*Blog Featured post*/
#main .container .feat  {              
color: #333333;
    display: block;
    float: left;
    line-height: 24px;
   
    padding: 0 10px 0 0;
    width: 780px;
    }
#main .container .feat .featpost{overflow:hidden; float:left;width:235px;padding:10px;}
#main .container .feat .featpost .comments{float:left;margin-right:10px;margin-top:5px;background:url(images/commentcount.png) top left no-repeat;font-weight:600;font-size:12px;width:35px;height:33px;text-align:center;padding-top:2px;}
#main .container .feat .featpost .comments a{color:#6e6e6e;text-decoration:none;}
#main .container .feat .featpost h2.title{ float:left;padding-top:15px;font-size:20px; font-weight:bold;}
#main .container .feat .featpost h2 a{text-decoration:none;}
#main .container .feat .featpost h2 a:hover{text-decoration:none; color:#d95c43;}
#main .container .feat .featpost .meta{font-size:12px;margin-left:45px; background-color:#fff;}
#main .container .feat .featpost .entry{clear:both;overflow:hidden;background-color:#fff; /*margin-top:15px;*/}
#main .container .feat .featpost .entry p {padding:15px 20px 10px;}
#main .container .feat .featpost .postmeta{background:transparent none repeat scroll 0 0;border-top:1px dotted #53777A; background-color:#fff; font-weight:bold; padding-left:20px; font-size:12px;}
#main .container .feat .featpost .bottom-post{background:url(images/bottom-post.png)no-repeat;height:24px; width:235px;}


/*Blog*/
#main .container .content .blogpost .postTitle{height:53px;width:100%;background:url(images/double-border.png) repeat-x center bottom; margin-bottom:8px; line-height:normal;}
#main .container .content .blogpost .postTitle .postTarih{background:#D95C43;width:96px; height:48px;float:left;color:#fff;padding-left:10px;    padding-top:3px;}
#main .container .content .blogpost .postTitle .postAyrinti{height:51px;}
#main .container .content .blogpost .postTitle .postAyrinti p{padding-top:17px;position:relative;padding-left:20px;float:left;}
#main .container .content .blogpost .postTitle .postAyrinti span.comment a{background:url(images/comment.png) no-repeat; width:45px;    height:45px;    float:right;    position:relative;    margin-top:6px;    padding-left:1px;      padding-top:6px;          margin-right:10px;    font-size:12px;    text-align:center;    color:#fff;    text-decoration:none;}
#main .container .content .blogpost{margin-bottom:20px;overflow:hidden;}
#main .container .content .blogpost .comments{float:left;margin-right:10px;margin-top:5px;background:url(images/commentcount.png) top left no-repeat;font-weight:600;font-size:12px;width:35px;height:33px;text-align:center;padding-top:2px;}
#main .container .content .blogpost .comments a{color:#6e6e6e;text-decoration:none;}
#main .container .content .blogpost h2.title{ float:left;padding-top:15px;font-size:20px; font-weight:bold; font-family:"Creampuff", Times, serif; font-weight:100;}
#main .container .content .blogpost h2 a{text-decoration:none;}
#main .container .content .blogpost h2 a:hover{text-decoration:none; color:#d95c43;}
#main .container .content .blogpost .meta{font-size:12px;margin-left:45px}
#main .container .content .blogpost .entry{clear:both;overflow:hidden; /*margin-top:15px;*/}
#main .container .content .blogpost .postmeta{background:transparent none repeat scroll 0 0;border-bottom:1px solid #53777A;border-top:5px solid #53777A;font-size:12px;margin:5px 0 25px;padding:5px 10px;}

#main .container .content .social{overflow:hidden;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;padding:20px 0;margin-bottom:20px;}
#main .container .content .social a{text-decoration:none;}
#main .container .content .social h3{margin:0;padding:0;color:#518c9b;}
#main .container .content .social p{font-size:12px;margin-bottom:10px;}
#main .container .content .social ul{font-size:12px;margin:0;margin-bottom:0px!important;margin-bottom:1px;padding:0;}
#main .container .content .social ul li{display:inline;margin-right:10px;background-position:0 0;background-repeat:no-repeat;}
#main .container .content .social ul li.designfloat{background-image:url(images/fav/designfloat.png);}
#main .container .content .social ul li.delicious{background-image:url(images/fav/delicious.png);}
#main .container .content .social ul li.digg{background-image:url(images/fav/digg.png);}
#main .container .content .social ul li.stumbleupon{background-image:url(images/fav/stumbleupon.png);}
#main .container .content .social ul li.reddit{background-image:url(images/fav/reddit.png);}

#main .container .content a.twithis{background:url(../social/twitter.png) no-repeat;height:16px;line-height:16px;padding-left:16px;margin-left:3px;}
#main .container .content a.facebookthis{background:url(../social/facebook.png) no-repeat;height:16px;line-height:16px;padding-left:10px; margin-right:3px; margin-left:10px;}

#main .container .content #comments{font-size:24px;margin:0;}
#main .container .content ol.commentlist{margin:20px 0 0;clear:both;overflow:hidden;list-style:none;}
#main .container .content ol.commentlist li{margin:10px 0;line-height:18px;padding:10px;}
#main .container .content ol.commentlist li .comment-author{}
#main .container .content ol.commentlist li .comment-author .fn{color:#000;}
#main .container .content ol.commentlist li .comment-author .avatar{float:right;border:1px solid #dddddd;background:#ededed;padding:3px;}
#main .container .content ol.commentlist li .comment-meta{font-size:10px;}
#main .container .content ol.commentlist li .comment-meta a{color:#a7a7a7;text-decoration:none;}
#main .container .content ol.commentlist li p{line-height:22px;margin-top:5px;}
#main .container .content ol.commentlist li .reply{}
#main .container .content ol.commentlist li .reply a{background:#77afbe;color:#fff;text-decoration:none;padding:5px 10px;}
#main .container .content ol.commentlist li .reply a:hover{background:#000;color:#fff;}
#main .container .content ol.commentlist li.odd{border:1px solid #bbe0e8;background:#e7f1f3;}
#main .container .content ol.commentlist li.even{border:1px solid #e5e5e5;background:#f1f1f1;}
#main .container .content #comment-form{margin-top:20px;}
#main .container .content #comment-form #respond{}
#main .container .content #comment-form #respond h3{font-size:24px;}
#main .container .content #comment-form #respond #commentform{margin:0;}
#main .container .content #comment-form #respond #commentform label{margin-left:10px;display:inline;}
#main .container .content #comment-form #respond #commentform label small{font-size:10px;color:#a0a0a0;}
#main .container .content #comment-form #respond #commentform textarea, #main .container .content #comment-form #respond #commentform input{margin-bottom:10px;padding:5px;margin:0 10px 10px 0;background:url(images/inputBg.gif) no-repeat 0 0;border-left:1px solid #d1cec6;border-top:1px solid #d1cec6;border-right:1px solid #edede8;border-bottom:1px solid #edede8;}
#main .container .content #comment-form #respond #commentform input{width:400px;}
#main .container .content #comment-form #respond #commentform textarea{width:560px;}
#main .container .content #comment-form #respond #commentform input#commentSubmit{width:100px;padding:5px;background:#d95c43;border:1px solid #53777a;color:#fff;font-weight:bold;cursor:pointer;}
#main .container .content .navigation, #main .container .content .comment-nav{clear:both;font-size:11px;overflow:hidden;}
#main .container .content .navigation .alignleft, #main .container .content .navigation .alignright, #main .container .content .comment-nav .alignright, #main .container .content .comment-nav .alignleft{width:49%;overflow:hidden;padding:10px 0;}
#main .container .content .navigation .alignright, #main .container .content .comment-nav .alignright{text-align:right;}
#main .container .content .navigation a, #main .container .content .comment-nav a{background:#eee;border:1px solid #d0d0c9;padding:10px;text-decoration:none;}
#main .container .content .navigation a:hover, #main .container .content .comment-nav a:hover{border:1px solid #c2c2c2;color:#6d6d6d;}

#main .container .fullwidth{width:960px;}
#main .container .fullwidth .thumblarge{margin-bottom:20px;padding-right:25px;}
#main .container .fullwidth .row{border-top:13px solid #D95B43;margin-bottom:22px;padding-top:22px;width:100%;}
#main .container .fullwidth .row .col{color:#555555;display:inline-block;margin-right:5px;overflow:hidden;padding-right:15px;vertical-align:top;width:212px;}
#main .container .fullwidth .row .half{width:447px;}
#main .container .fullwidth .row .half .site{background:url(images/voir-le-site.png) no-repeat;height:45px;margin-top:10px;}
#main .container .fullwidth .row .half .site a{color:#53777A;padding-left:40px;font-size:22px;text-decoration:none;}
#main .container .fullwidth .row .half .site a:hover{color:#d95c43;}

#main .container .about .cv {background:url(images/cv.png) no-repeat;height:45px;margin-top:10px;}
#main .container .about .cv a {color:#53777A;padding-left:40px;font-size:22px;text-decoration:none;}
#main .container .about .cv a:hover {color:#d95c43;}

/*sidebar*/
#main .container .sidebar {display:inline-block;float:right;line-height:18px;margin:0;padding:0;width:160px;}
#main .container .sidebar .widget {margin-bottom:20px;}
#main .container .sidebar .widget h3 {margin:0px 0px 10px 0px;padding:0px 0px 2px 0px;border-bottom:1px dotted #53777A; color:#53777A; font-size:24px; font-family:"Creampuff", Times, serif; font-weight:100;}
#main .container .sidebar .widget h3 img {display:none;}
#main .container .sidebar .widget ul{}
#main .container .sidebar .widget ul li {color:#53777A;display:inline;background:none;margin:0px;padding:0px;overflow:hidden;}
#main .container .sidebar .widget ul li a {display:block;color:#53777A;font-size:12px;font-family:Helvetica,Arial,Trebuchet MS,Verdana;font-weight:bold;font-style:normal;line-height:16px;padding:2px 6px 2px 6px;margin:0px 0px 8px 0px;}
#main .container .sidebar .widget ul li a:hover {color:#d95c43;display:block;text-decoration:none;padding:2px 6px 2px 6px;border-left:5px solid #d95c43;}

#main .container .sidebar .widget_rssfeed {font-size:16px;}
#main .container .sidebar .widget_rssfeed ul li.rss {background:url(images/rssfeed.png) 0 0 no-repeat;padding:6px 0 10px 38px;}
#main .container .sidebar .widget_rssfeed ul li.email {background:url(images/mail.png) 0 0 no-repeat;padding:6px 0 10px 38px;}
#main .container .sidebar .widget_rssfeed ul li.twitter {background:url(images/twitter.png) 0 0 no-repeat;padding:6px 0 10px 38px;}

/*search*/
#main .container .sidebar .widget_search{}
#main .container .sidebar .widget_search form{}
#main .container .sidebar .widget_search form div{padding:3px;}
#main .container .sidebar .widget_search form div input{padding:3px;border:1px solid #CFCFCF;font-family:Futura Medium, Century Gothic, AppleGothic, sans-serif; font-size:11px;}
#main .container .sidebar .widget_search form div input#keyword{width:200px; background:url(images/inputBg.gif) no-repeat 0 0;}
#main .container .sidebar .widget_search form div input#searchsubmit{background-color:#d95c43; font-weight:bold;  cursor:pointer;color:#fff;border-left:1px solid #53777a;}

#main .container .sidebar .widget_flickrss a{opacity:0.4;}
#main .container .sidebar .widget_flickrss a:hover{opacity:0.9;}

#footer {clear:both; border-top:5px solid #d95c43; padding:0 10px;width:auto;display:block;margin-top:20px;}
#footer-content {width:960px; clear:both; margin:0 auto;}
#footer .footernav{float:left;width:69%;display:inline;}
#footer .copyright{float:left;width:29%;display:inline;}
#footer .footernav ul{overflow:hidden;}
#footer .footernav ul li{float:left;padding:0 10px;border-right:1px solid #bebea7;}
#footer .footernav ul li a:link, #footer .footernav ul li a:visited, #footer .footernav ul li a:active{color:#53777A;}
#footer .footernav ul li a:hover{color:#d95c43;}
#footer .copyright{text-align:right;}

/* Footer widget */
#footer-content .footer_widgets{ padding-top:15px; padding-bottom:25px; overflow:hidden;font-size:12px;line-height:22px;color:#333; float:left;}
#footer-content .footer_widgets .widget {margin-left:30px;width:280px;float:left;}
#footer-content .footer_widgets .widget_text {margin-left:0px;width:280px;float:left;}

#footer-content .footer_widgets .widget h3 {padding:15px 0px;padding-top:0;margin-bottom:15px;font-size:24px;color:#53777A;border-bottom:1px dotted #53777a; font-family:Comfortaa Regular,Futura Medium, Century Gothic, AppleGothic, sans-serif; font-size:18px; letter-spacing: 2px; text-transform:uppercase;}
#footer-content .footer_widgets .widget p {margin-bottom:15px;}
#footer-content .footer_widgets .widget ul{}
#footer-content .footer_widgets .widget ul li{padding-bottom:5px;}
#footer-content .footer_widgets .widget ul li a:hover {color:#d95c43;}


/**contact widget **/
#footer-content .footer_widgets .widget ul.contact {}
#footer-content .footer_widgets .widget ul.contact li{padding-bottom:10px; padding-left:35px; line-height:normal;}
#footer-content .footer_widgets .widget ul.contact li span{font-weight:bold; color:#53777A;}
#footer-content .footer_widgets .widget ul.contact li.iphone {background:url("images/iphone.png") top left no-repeat;}
#footer-content .footer_widgets .widget ul.contact li.me {background:url("images/me.png") top left no-repeat;}
#footer-content .footer_widgets .widget ul.contact li.caza {background:url("images/caza.png") top left no-repeat;}
#footer-content .footer_widgets .widget ul.contact li.mail{background:url("images/mail.png") top left no-repeat;}

/*** tweeter widget ***/
#footer-content .footer_widgets .aktt_widget li { color:#333;}
#footer-content .footer_widgets .aktt_widget .aktt_tweets li a.aktt_tweet_time {color:#333;}

/* Calender styles */
#wp-calendar{width:100%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding:10px;text-align:center;}
#wp-calendar th, #wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td, table#wp-calendar th{padding:3px 0;}

/* WP-PageNavi Styles */
.wp-pagenavi{clear:both;font-size:12px;padding:20px 10px 0;text-align:right;text-transform:uppercase; border-top:1px solid #e3e3e3; text-decoration:none; width:745px;}
.wp-pagenavi a, .wp-pagenavi a:link{padding:2px 4px 2px 4px;margin:2px;text-decoration:none;color:#fff;background-color:#d95c43; -moz-border-radius: 2px;
-webkit-border-radius: 2px; border-radius: 2px;}
.wp-pagenavi a:visited{padding:2px 4px 2px 4px;margin:2px;text-decoration:none;color:#fff;}
.wp-pagenavi a:hover{color:#fff; font-weight:bold;}
.wp-pagenavi a:active{padding:2px 4px 2px 4px;margin:2px;text-decoration:none;color:#fff;}
.wp-pagenavi span.pages{color:#333;float:left;}
.wp-pagenavi span.current{padding:2px 4px 2px 4px;margin:2px;font-weight:bold;color:#333;}
.wp-pagenavi span.extend{padding:2px 4px 2px 4px;margin:2px;color:#000000;}

/* error 404 */
#main .container #content .blogpost .entry h3.title {color:#53777a; font-size:60px;}


/* cv */
#page-wrap { width: 800px; margin: 40px auto 60px; }
#pic { float: right; margin: -30px 0 0 0; }
#page-wrap h1 { margin: 0 0 16px 0; padding: 0 0 16px 0; font-size: 42px; font-weight: bold; letter-spacing: -2px; border-bottom: 1px solid #999; }
#page-wrap h2 { font-size: 20px; margin: 0 0 6px 0; position: relative; }
#page-wrap h2 span { position: absolute; bottom: 0; right: 0; font-style: italic; font-family: Georgia, Serif; font-size: 16px; color: #999; font-weight: normal; }
#page-wrap p { margin: 0 0 16px 0; }
#page-wrap a { color: #999; text-decoration: none; border-bottom: 1px dotted #999; }
#page-wrap a:hover { border-bottom-style: solid; color: black; }
#page-wrap ul { margin: 0 0 32px 17px; }
#objective { width: 500px; float: left; }
#objective p { font-family: Georgia, Serif; font-style: italic; color: #666; }
#page-wrap dt { font-style: italic; font-weight: bold; font-size: 18px; text-align: right; padding: 0 26px 0 0; width: 150px; float: left; height: 100px; border-right: 1px solid #999;  }
#page-wrap dd { width: 600px; float: right; }
#page-wrap dd.clear { float: none; margin: 0; height: 15px; }


