/*
Theme Name: Seoplayer
Theme URI: http://www.seoplayer.com/
Description: La version 6.0 du theme de seoplayer.com
Version: 6.0
Author: Sebastien Vallery
Author URI: http://www.sebcreation.com/
*/
*{margin:0;padding:0;outline:0;}
img, fieldset{border:0;}
ul{list-style:none}
a{color:#2c9bb6;text-decoration:none}

body{font-size:13px;font-family:arial,helvetica,sans-serif;background:#f5f5f5 url(./img/bg.png) top left repeat-x;}

.highlight{color:#2c9bb6}
.toright{float:right;}
.toleft{float:left;}

#header{height:60px;width:100%;padding-top:6px;background:url(./img/top-border.png) top left repeat-x;position:relative;/*border-top:5px solid #44423f*/}

#header #nav-pointer{position:absolute;top:5px;left:50%}
#article #header #nav-pointer{margin-left:-10px}
#home #header #nav-pointer{margin-left:-10px}
#dossiers #header #nav-pointer{margin-left:120px}
#prestations #header #nav-pointer{margin-left:265px}
#contact #header #nav-pointer{margin-left:400px}

#nav-container{width:920px;height:40px;margin:5px auto 0 auto;position:relative;}
#nav-container #logo{position:absolute;top:8px;left:0;}
#home h1{display:inline}

#navigation{width:537px;height:40px;position:absolute;top:14px;right:0;}
#navigation li{float:left;margin:3px 0 0 30px;}
#navigation a{color:#444444;font-size:11px;text-decoration:none;text-shadow:0 1px 1px #dddddd;}
#navigation a:hover{color:#222222;text-shadow:0 1px 1px #dddddd}
#navigation a strong{font-size:12px;display:block}
#navigation li.active a{color:#2c9bb6}

#push-home{background:url(./img/push-home.png) top left no-repeat;height:278px;width:920px;margin:15px auto;position:relative}
#push-home #intro{position:absolute;left:195px;top:45px;width:500px}
#push-home #intro h2{color:#44423f;font-size:26px;line-height:26px;}
#push-home #intro p{color:#555555;font-size:12px;line-height:12px;margin-top:10px}
#push-home #intro .contact{margin-top:15px}
#push-home #fbk{position:absolute;top:30px;right:1px;z-index:1}
#push-home #mad4air{bottom:110px;right:30px;position:absolute}
#push-home #login{top:228px;left:47px;position:absolute;display:block;text-indent:-9000px;background:transparent;width:20px;height:9px;}
#push-home #practice{top:222px;left:93px;position:absolute;display:block;text-indent:-9000px;background:transparent;width:18px;height:20px;}

#push{width:100%;height:110px;background:#2c9bb6;margin:20px 0 30px 0;border-bottom:3px solid #237F96;border-top:1px solid #ffffff}
#push .articles{width:998px;height:120px;overflow:hidden;margin:0 auto;position:relative}
#push ul{width:9000px;height:120px;overflow:hidden;margin:0 auto;padding-left:40px;}
#push ul li{width:200px;float:left;/*background:gold;*/margin:0 15px;padding-top:25px}
#push ul li a{color:#ffffff;text-shadow:0 1px 1px #237F96;}
#push ul li a:hover{color:#ffffff;text-shadow:0 1px 1px #333;}
#push ul li a strong, #push ul li strong a{display:block;}
#push ul li a span, #push ul li span a{display:block;font-size:11px;margin-top:10px}
#push .next, #push .prev{display:block;height:80px;background:#2c9bb6;padding-top:30px;position:absolute;top:0}
#push .next{right:0}
#push .prev{left:0}
#push .banner{width:728px;height:90px;margin:0 auto;margin-top:15px;}

#rss{position:absolute;top:20px;left:0px;z-index:1}

#container{width:937px;margin:0 auto;padding:0 17px 20px 0;overflow:hidden;position:relative}
#content{float:left;width:579px;background:url(./img/content-bg.png) top left repeat-y;padding:20px;position:relative;margin-left:17px;}

#content-top{position:absolute;top:0;left:0}
#content-bottom{position:absolute;bottom:0;left:0}

#content .post{margin-bottom:15px}
#content .post .head{border-left:3px solid #2c9bb6;padding-left:10px;margin-bottom:15px}
#content .post h2{margin-top:0;line-height:16px}
#content .post h2 a{color:#44423f;text-decoration:none;font-size:16px;line-height:16px}
#content .post h1{margin:0;color:#44423f;text-decoration:none;font-size:16px;line-height:16px}
#content .post .infos{font-size:10px;color:#999999;margin-bottom:0;line-height:12px}
#content .post .infos a{color:#999999;}
#content .post .infos a:hover{color:#2c9bb6}
#content .post .text{width:579px;color:#5f5f5f;font-size:11px;font-family:verdana;margin-bottom:15px}
#content .post .text *{color:#5f5f5f;font-size:11px;}
#content .post .text a{color:#2c9bb6}
#content .post .text .visuel{margin-bottom:15px}
#content .post .meta-comments{border-top:#dddddd solid 1px;border-bottom:#dddddd solid 1px;width:579px;height:20px;font-size:11px;color:#444444;padding:8px 0 5px 0;font-family:verdana;}
#content .post .meta-comments a{color:#999999;font-size:11px;text-decoration:none;padding-top:1px}
#content .post .meta-comments a:hover{color:#2c9bb6}
#content .post .meta-comments a.comments{background:url(./img/comment.png) 0 2px no-repeat;padding-left:19px}
#content .post .meta-comments a.print{background:url(./img/print.png) 0 2px no-repeat;padding:3px 0 1px 19px;}
#content .post .meta-comments a.socialize{float:right;margin-left:4px;}

#content .navigation{overflow:hidden}
#content .navigation .prev{float:left}
#content .navigation .next{float:right}

#content p#comments, #content p#respond{font-weight:bold;color:#5f5f5f;font-size:13px;margin-top:15px;}
#content .commentlist li{list-style:none;border:1px solid #dddddd;padding:5px 10px;margin-top:10px;-webkit-border-radius:4px;-moz-border-radius:4px;}
#content .commentlist li .author{background:url(./img/comment.png) 0 2px no-repeat;padding-left:19px;font-weight:bold;font-size:12px;color:#5f5f5f;display:block;}
#content .commentlist li.admin .author a{color:#185564}
#content .commentlist li p{color:#5f5f5f;font-size:12px;margin-top:10px;}

#commentform{margin-top:15px}
#commentform p{margin-bottom:10px;color:#5f5f5f;}
#commentform input,#commentform textarea {color:#777777;padding:9px;border:solid 1px #E5E5E5;outline:0;font:normal 12px/100% Verdana, Tahoma, sans-serif;width:200px;background:#FFFFFF;} 	
#commentform input,#commentform textarea {box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;}  	
#commentform input,#commentform textarea {background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);}  	
#commentform textarea {width:559px;max-width:559px;height:150px;line-height:150%;}
#commentform input:hover,#commentform textarea:hover,#commentform input:focus,#commentform textarea:focus {border-color:#C9C9C9;}   
#commentform input:hover,#commentform textarea:hover,#commentform input:focus,#commentform textarea:focus {-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;}   
#commentform label{margin-left:10px;color:#777777;font-size:12px;}
#commentform input#submit{-webkit-border-radius:4px;-moz-border-radius:4px;width:auto;padding:6px 10px;background:#5f5f5f;border:0;font-size:11px;color:#FFFFFF;cursor:pointer;background: -webkit-gradient(linear, left top, left 25, from(#5F5F5F), color-stop(4%, #5F5F5F), to(#333333));background: -moz-linear-gradient(top, #5F5F5F, #5F5F5F 1px, #333333 25px);}
#commentform input#checkcomment{display:none}

#sidebar{float:right;width:250px;background:url(./img/sidebar-bg.png) top left repeat-y;position:relative;padding:20px 17px 0 17px}

#sidebar-top{position:absolute;top:0;left:0}
#sidebar-bottom{position:absolute;bottom:0;left:0}

#sidebar .item{margin-bottom:20px;overflow:hidden;}
#sidebar .item.list.links{margin-bottom:5px;overflow:hidden;}
#sidebar .item.ads{text-align:center;}
#sidebar .item.list ul{width:100%;float:left;margin-right:10px;font-size:12px;overflow:hidden;}
#sidebar .item.list ul li strong{color:#5f5f5f;display:block;padding-bottom:2px;margin-bottom:3px;}
#sidebar .item.list ul li ul{margin:0;float:none;width:auto;overflow:hidden}
#sidebar .item.list ul li ul li{color:#5f5f5f;font-size:11px;width:120px;float:left;margin-right:5px;margin-bottom:5px}
#sidebar .item.list ul li ul li a{color:#5f5f5f;}
#sidebar .item.list ul li ul li a:hover{color:#2c9bb6;}
#sidebar .item.list ul.posts li ul li{font-size:11px;width:100%;float:none;margin-right:0px;margin-bottom:5px}
#sidebar .item.list ul.links{margin-bottom:15px}

#sidebar h3{color:#5f5f5f;font-size:12px;font-weight:bold;margin-bottom:10px}
#sidebar p{color:#5f5f5f;font-size:11px;}

#sidebar #searchform{background:url(./img/search.png) top left no-repeat;width:250px;height:25px;}
#sidebar #searchform label{display:none}
#sidebar #searchform #s{width:209px;margin:2px 0 0 5px;font-size:11px;height:21px;border:0;color:#666666}
#sidebar #searchform #s{padding-top /*\**/:3px\9;height /*\**/:18px\9;}
@media screen and (-webkit-min-device-pixel-ratio:0){#sidebar #searchform #s{margin:3px 0 0 5px;}}
#sidebar #searchform .submit{background:none repeat scroll 0 0 transparent;border:0 none;font-size:0;height:19px;margin:3px 0 0;text-indent:-9000px;width:19px;cursor:pointer}

/* ARTICLES EXCEPTIONS */
#article #push{height:110px;}
#article #content .post h2{border-top:#dddddd solid 1px;border-bottom:#dddddd solid 1px;width:579px;height:20px;font-size:11px;color:#5f5f5f;padding:8px 0 5px 0;margin-top:10px;}
#article #content .post .text .inlinks{background:#eee;border:1px #ddd solid;padding:7px 12px;font-size:10px;color:#666}
#article #content .post .text .inlinks *{font-size:10px;color:#666}
#article #content .post .text .inlinks a:hover{color:#2c9bb6}

/* DOSSIERS EXCEPTIONS */
#dossiers #push, #category #push{height:110px;}
#dossiers h1, #category h1{margin:0;color:#ffffff;text-decoration:none;font-size:18px;line-height:18px;background:#5f5f5f;padding:7px 15px;-webkit-border-radius:4px;-moz-border-radius:4px;margin-bottom:15px}
#content #dossiers-sem{margin-bottom:15px;font-size:11px;color:#555555;border-top:#dddddd solid 1px;border-bottom:#dddddd solid 1px;/*background:url(./img/pix_list.png) repeat-x top left;*/padding-top:10px;}
#content #dossiers-sem ul{list-style:none;/*background:url(./img/pix_list.png) repeat-x bottom left;*/padding-bottom:10px;}
#content #dossiers-sem ul li{margin:2px 0;}
#content #dossiers-sem ul li ul{background:#fff;padding:0}
#content #dossiers-sem ul li ul li{margin-left:10px;}
#content #dossiers-sem ul li a{color:#555555;text-decoration:underline}
#content #dossiers-sem ul li a:hover{color:#2c9bb6}

/* CONTACT EXCEPTIONS */
#page #push{height:110px;}
#push-contact{background:url(./img/push-contact.png) top left no-repeat;height:210px;width:920px;margin:15px auto;position:relative}
#push-contact .content{width:498px;padding:27px 20px;}
#push-contact h1{font-size:18px;color:#2c9bb6;margin-bottom:10px;}
#push-contact h3{font-size:13px;color:#505050;margin-left:135px;}
#push-contact p.title{font-size:11px;color:#505050;margin-left:135px;}
#push-contact h2{font-weight:normal;background:#eeeeee;font-size:10px;color:#999999;border:1px solid #dedede;padding:2px 5px;width:310px;margin:6px 0 6px 135px;}
#push-contact span.mail, #push-contact span.tel{display:block;font-size:11px;color:#505050;margin-left:135px;margin-top:5px;padding:1px 0 1px 21px;}
#push-contact span.mail{background:url(./img/mail.png) top left no-repeat;cursor:pointer;}
#push-contact span.tel{background:url(./img/mobile.png) top left no-repeat;padding:2px 0 0 21px}
#push-contact span.tel .type{display:none}
#push-contact span.org{display:none}
#push-contact p.profiles{display:block;font-size:11px;color:#505050;margin-left:135px;margin-top:5px;}
#push-contact a.fbk, #push-contact a.gplus{color:#505050;font-size:11px;padding:1px 0 1px 21px;}
#push-contact a.fbk{background:url(./img/social/facebook.png) top left no-repeat;}
#push-contact a.gplus{background:url(http://www.google.com/images/icons/ui/gprofile_button-16.png) top left no-repeat;margin-left:10px}
#push-contact a.fbk:hover, #push-contact a.gplus:hover, #push-contact span.mail:hover{color:#2c9bb6}

#contact-seb{width:377px;position:absolute;top:24px;right:22px}
#contact-seb *{font:normal 11px/100% Verdana, Tahoma, sans-serif;color:#999999}
#contact-seb #name, #contact-seb #email{width:230px;border:1px solid #dfdfdf;padding:5px 5px;margin-bottom:5px}
#contact-seb #message{width:358px;max-width:358px;max-height:61px;height:61px;padding:5px 8px;border:0;}
#contact-seb fieldset.textarea{width:375px;border:1px solid #dfdfdf;height:100px;}
#contact-seb label{padding-left:7px}
#contact-seb #submit-msg{position:absolute;bottom:6px;right:5px;width:auto;padding:4px 8px;background:#5f5f5f;border:0;font-size:11px;color:#FFFFFF;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;}

#footer{background:#222;padding:15px 0;margin-top:20px;font-size:10px;color:#999999;border-top:4px solid #2c9bb6;width:100%;position:relative}
#footer p{width:920px;margin:0 auto;font-size:10px;text-align:right;}
#footer a{color:#777;text-decoration:none}
#footer a:hover{color:#2c9bb6}

/** Easter Eggs **/
#popin{background:#FFFFFF;opacity:0;filter:Alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;height:100%;width:100%;position:fixed;top:0;left:0;z-index:1;visibility:hidden}
#the-practices{position:fixed;top:50%;left:50%;margin-left:-223px;z-index:1;}
#the-practices .close{display:block;text-indent:-9000px;background:#FFFFFF;opacity:0;filter:Alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;width:11px;height:11px;top:0px;right:1px;position:absolute;}

/** Specificy for mozilla/firefox **/
@-moz-document url-prefix(http://www.seoplayer.com/){
  *::-moz-selection{background:#505050;color:#fff;}
}