/* Theme Name:Pyrmont V2 */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, del, em, font, img, small, strike, strong, b, u, i, center, ol, ul, li, form{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1;font-family:Arial,Sans;background:#343233;color:#efdab9;}
ol, ul{list-style:none}
blockquote, q{font-family:Courier,mono;margin:0 3px}
/* remember to define focus styles! */
:focus{outline:0;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0}
/* css reset ends */
*{margin:0;padding:0;}
a{text-decoration:none;color:#ffd152}
a img{border:none}
.clear{clear:both}
.ombre{top:0;left:0;width:100%;height:100%;box-shadow:0 0 200px rgba(0,0,0,0.9) inset;overflow:auto}
div#page_wrap{width:100%;margin:0;padding:0;background:transparent}
/* █████████ HEADER █████████ */
div#header{background:#004f60;height:90px;font-size:12px;width:100%}
h1#blog_title{float:left;margin:0 12px;font:bold 98px Arial,sans;height:117px}
h1#blog_title a{color:#343233;;display:inline-block;position:relative;bottom:-11px}
h1#blog_title span{position:relative;bottom:-30px;font-size:174px}
h1#blog_title em{position:relative;bottom:72px;font:italic 12px Verdana,sans;color:#1D1F21;letter-spacing:4px;margin-left:18px}
/* █████████ SEARCH █████████ */
#search{width:180px;height:24px;background:#ddd}
#search .btn-droite{background:url(images/loupe_1.png) no-repeat 0 0;width:20px;height:20px;float:right;margin:4px 0 0 0;cursor:pointer}
#search input{outline:0;border:0}
#search input[type=text]{font:normal 12px/25px Helvetica, Arial,sans;float:left;height:24px;width:150px;color:#CCC;margin:0;padding-left:9px;background:#333}
.search-term{background:#dd0;border-radius:5px;color:#000;padding:0 2px}
.search_intro{padding:30px 0 20px 50px;color:#ddd}
/* █████████ ARTICLES █████████ */
div#main{width:calc(100% - 260px);float:left;margin:0 20px 30px;display:inline;/* fix double margin */}
/* --- TITRE CATEGORIE --- */
div#main h1#cat_title{margin:-3px;text-align:center}
div#main h1#cat_title b{padding:0 20px;font:bold 20px/30px Verdana,sans;letter-spacing:0.06em}
/* BOITE ARTICLES */
div.post{position:relative;margin:20px 0 0;width:100%;min-height:100px;font:normal 15px/22px Verdana,sans;float:left;overflow:hidden;display:inline;/* fix double margin */}
div#main .modif{float:right;background:#333;border:1px solid #555;border-radius:0 0 5px 5px;padding:2px 5px;color:#AAA}
/* --- TITRE ARTICLE --- */
div.post div.title{margin:0;padding:0;
	_margin-top:0;/*ie6 fix*/
	*+margin-top:0;/*ie7 fix*/
}
div.post>ul>li>h2{font:normal 33px/41px Verdana,sans;letter-spacing:2px;padding:20px 20px 20px 40px;border-width:9px;border-style:solid;border-radius:80px 9px 9px 9px;border-color:#427A5D transparent transparent #427A5D}
div.post ul li h2 a{color:#ccc} 
div.post ul li h2 em{text-align:center;float:right;background:#333;border-radius:9px;width:30px;color:#fff;cursor:pointer}
div.post ul li h2 em a, div.post ul li h2 em a:hover{font:16px normal #333;color:#fff}
/* --- CORPS ARTICLE --- */
div#main div.post div.entry{padding:65px 20px 15px 20px;font:normal 15px/24px Verdana,sans;overflow:hidden;/* in case large img or video */
	_width:618px}
div.entry strong{color:#ffeac9}      
div.entry em{color:#666} 
div.no_result{padding:20px}
p.no_result{margin-bottom:0}
div.entry a, div.entry a:hover{color:#ffd152}
div.entry p{}
div.entry h1{font:normal 36px/41px Verdana,sans;margin:29px 10px;letter-spacing:0.05em}
div.entry h2{font:normal 20px/22px Verdana,sans;margin:29px 10px}
div.entry h3{font-size:16px;margin:0}
div.entry h4{font-size:15px;margin:0}
div.entry h5{font-size:14px;margin:0;font-weight: normal;}
div.entry h6{font-size:12px;margin:0}
@font-face{font-family:'Monaco';src:url('/wp-content/themes/pyrmont-v2/fonts/Monaco.ttf')}
code, del{font-family:Monaco,"Courier New",mono;margin:0px 0px;text-decoration:none;padding:0 5px;color:#5f9283}
pre,blockquote{font-family:Monaco,"Courier New",mono;margin:0px 0px;text-decoration:none;padding:5px;color:#5f9283;background:#2c2a2b;border-radius:6px}
/* --- EXTRAIT --- */
div#main li{font:normal 20px/30px Verdana,sans;padding:9px 0;letter-spacing: 1px;list-style:none}
div#main>li:before{content:"●";font:normal 27px/20px Verdana,sans;padding:10px}
div#main>li.tutos:before{color:#427A5D}
div#main>li.travaux:before{color:#9E4427}
div#main>li.outils:before{color:#04859d}
.tutos{border-color:#427A5D transparent transparent #427A5D}
.travaux{border-color:#9E4427 transparent transparent #9E4427}
.outils{border-color:#04859D transparent transparent #04859D}
/* --- articles similaires --- */
ul.similaires li {padding:10px 0 0 10px}
ul.similaires li a{color:#ffd152}
/* --- table layout --- */
div.entry table{margin-bottom:10px;border-collapse:collapse;border:1px solid #555;background:#444;color:#999}
div.entry table td, div.entry table th{padding:2px 5px;border:1px solid #555}
/* █████████ SIDEBAR █████████ */
div.sidebar{float:right;clear:right;width:180px;margin:0 20px 20px 0;overflow:hidden;border-radius:10px;display:inline;background:#004f60;height:50px;padding:10px 0 0 0;text-align:center;}
div.sidebar a{color:#343233;font:bold 32px Arial;letter-spacing:4px;}
/* █████████ FORMULAIRE LOGIN █████████# */
div#login{float:right}
div#login ul{line-height:18px;margin:5px 0}
div#login ul a li{text-align:center;color:#666}
div#login ul a li:hover{background:#333;color:#ccc}
div#login form{text-align:center;padding:1px}	
div#login form input{background:#777;color:#333;padding:0 5px;margin:1px 0 1px 0;border:1px solid #333;border-radius:7px;width:120px}
div#login form input[type=submit]{background:#393738;color: #5e5b5b;color:#777;width:133px;border:1px solid #333;cursor:pointer}
/* █████████ COMMENTAIRES █████████ */
h3{margin:30px 0;color:#888}
p#form_notification input, p#form_notification_blabla input{width:220px;height:20px;color:#b06767;background:transparent;border:0;padding:0 0 0 5px;margin:-10px 9px 0 0;font-size:11px}
/* █████████ FOOTER █████████# */
#container{}
div#footer{}
/*------------------------ Strong ------------------------*/
div.strong{color:#333}
/*------------------------ Sticky Footer ------------------------*/
html, body, #page_wrap{ height:100%}
#page_wrap{height:auto;min-height:100%}
#editorcontainer{overflow-y:scroll}