/* Theme Name: a62 Theme URI: http://www.atelier62.com/ Description: Le thème de a62 Version: 1 Author: a62 Author URI: http://www.atelier62.com/ */ /** Reset **/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,blockquote,th,td,hr{margin:0;padding:0} table{border-collapse:collapse;border-spacing:0} body,fieldset,img,abbr,acronym,hr{border:0} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal} ol,ul{list-style:none} caption,th{text-align:left} h1,h2,h3,h4,h5,h6{font-weight:normal} q:before,q:after{content:''} hr{display:block;height:1px;_margin:-7px 0;color:#808080;background-color:#808080;clear:both} body *{line-height:1.22em} input[type=submit],input[type=button]{overflow:visible;_width:1px} button,input.button{overflow:visible;_width:1px} textarea{height:58px;overflow-y:scroll} body{background-color:#1A171B} div{text-align:left;background-color:transparent} :focus{outline:0} a,a *{cursor:pointer} /** Font - absolute 12 px **/ body{font:11px verdana,arial,helvetica,"Bitstream Vera Sans",clean,sans-serif;color:#999} table{font-size:inherit;font:11px} select,input,button,textarea{font:99% verdana,arial,helvetica,"Bitstream Vera Sans",clean,sans-serif} pre,code,kbd{font:115% monospace;_word-spacing:1px;_letter-spacing:1px;_font-size:100%} h1,h2,h3,h4,h5,h6{font-size:14px} /** Utils **/ html{height:101%;overflow-y:scroll} .alt{position:absolute;left:-9999px;display:block} .gras,.bold{font-weight:bold} .error,.erreur,.required,.requis{color:red;font-weight:bold} br.spacer{clear:both;font-size:0;line-height:0} /**gallery**// .photo-link { padding: 0px; margin: 0px; border: 0px solid #999; display: block; width: 100px; float: left; } .photo-link:hover { border-color: white; } /** Liens **/ a, a:active, a:visited{text-decoration:none;color:#999} a:hover{text-decoration:underline;color:#3cf} /** layout **/ #page{width:100%;text-align:center} #site{width:1010px;margin:0 auto} #header{width:1010px;clear:both;display:none} .colonne1{width:245px;margin-right:20px;float:left} .colonne2{width:480px;float:left} .colonne3{width:245px;margin-left:20px;float:left} #search{width:227px;margin-left:18px} #footer{width:1010px;clear:both;height:50px} /** colonne 1 **/ /* separateur */ .hr_col1{height:51px;width:245px;background:transparent url('images/sep_col1.gif') no-repeat 0 26px} /* logo */ #imgheader{height:200px;width:1010px;background:transparent url('logo.png')} #imgtwitter{height:16px;width:16px;background:transparent url('twitter.gif');margin-left:5px;float:left } #imgfacebook{height:16px;width:16px;background:transparent url('fb.gif');float:left } #imgvimeo{height:16px;width:40px;background:transparent url('vimeo.png');margin-left:5px;float:left } #imgshare{height:16px;width:110px;background:transparent url('images/share_btn.png');float:right } #imglogoa62{height:90px;width:245px;background:transparent url('images/logo_a62.png');float:right } /* contact des responsables */ #contact span.fn{text-transform:uppercase;cursor:pointer} #contact span.active{cursor:text} #contact .contact-infos{margin:5px;display:none;color:#999} #contact a.email, #contact a.email:active, #contact a.email:visited, #contact a.email:hover{color:#3cf!important;text-decoration:none} /* liste des liens */ #liens li{text-transform:uppercase} #liens li a{text-decoration:none;color:#999} #liens li a:hover{text-decoration:none;color:white} #log-in a, #log-in a:active, #log-in a:visited, #log-in a:hover{color:#999!important} /** colonne 3 **/ /* separateur */ .hr_col3{height:51px;width:245px;background:transparent url('images/sep_col3.gif') no-repeat 18px 26px} /* Formulaire de recherche */ #searchform{margin-top:77px} #s{width:130px;border:1px #DADADA solid;vertical-align:middle;padding:3px 3px 0 3px;background-color:#DADADA;height:16px;color:#1A171B} #searchsubmit{vertical-align:middle;border:0;background:#1A171B url('images/ok_btn.png') no-repeat left 1px;height:19px;width:21px} /* RSS */ #rss{background:#1A171B url('images/rss.png') no-repeat left top;height:13px;margin-top:3px} #rss a{padding-left:40px;font-size:10px;line-height:13px;color:#666;vertical-align:middle} /* liste des catégories */ #categories li{text-transform:uppercase;padding-left:18px} #categories a:hover{text-decoration:none} #categories li.current-cat{background:transparent url('images/chevron.gif') no-repeat 0 4px} #categories li.current-cat a, #categories li.current-cat a:active, #categories li.current-cat a:visited, #categories li.current-cat a:hover{color:#3cf!important} /* liste des tags */ #tags li{text-transform:uppercase;padding-left:18px} #tags a:hover{text-decoration:none} #tags li.current-tag{background:transparent url('images/chevron.gif') no-repeat 0 4px} #tags li.current-tag a, #tags li.current-tag a:active, #tags li.current-tag a:visited, #tags li.current-tag a:hover{color:#3cf!important} /* liste des archives */ #archives li{text-transform:uppercase;padding-left:18px} #archives a:hover{text-decoration:none} #archives li.current-date{background:transparent url('images/chevron.gif') no-repeat 0 4px} #archives li.current-date a, #archives li.current-date a:active, #archives li.current-date a:visited, #archives li.current-date a:hover{color:#3cf!important} /** colonne 2 **/ .colonne2 h2,.colonne2 h3{color:white} #marge-top-col2{height:0px;margin-top:0px} .pagetitle{font-size:28px;color:#666!important;text-transform:lowercase} /* separateur */ .hr_col2{height:58px;width:480px;background:transparent url('images/sep_col2.png') no-repeat 0 26px} /* apperence des posts */ div.post_content{font:12px verdana,arial,helvetica,"Bitstream Vera Sans",clean,sans-serif;color:#fff} div.post h2, div.post h3{font-size:18px!important} div.post h2 a{color:#fff!important} div.post h2 a:active div.post h2 a:visited, div.post h3 a, div.post h3 a:active, div.post h3 a:visited{font-size:18px!important;padding-bottom:10px} div.post h2 a:hover{color:#999!important;text-decoration:none} div.post h3 a:hover{text-decoration:none} div.entry{padding-bottom:15px} div.post useroptions{float: right} div.alignright{text-align:right;float:right} p.tags a, p.tags a:active, p.tags a:visited, p.tags a:hover{color:#3cf!important;text-decoration:none} .podPress_content{height:320px;overflow:hidden} /* navigation entre les posts */ div.navigation{clear:both} div.alignleft{text-align:left;color:#009ee0;width:40%;float:left;padding-bottom:10px} div.alignleft a{color:#3cf!important} div.alignleft a:hover{text-decoration:none} div.alignright{text-align:right;color:#009ee0;width:40%;float:right;padding-bottom:10px} div.alignright a{color:#3cf!important} div.alignright a:hover{text-decoration:none} /*#content h2.center{text-align:center;padding:10px 0}*/