@charset "utf-8";
/*
Theme Name: Geek Mag
Theme URI: http://www.geekmag.fr/
Description: Theme de Geek Mag
Version: 2.0
Author: Lahrim soufiane
*/

/* base ------------------------------------------------------------ */
html, body{height:100%;}
body{margin:0; padding:0; background:#fff url(img/bg_header.jpg) repeat-x left top; font-family:'Trebuchet',Sans-serif; font-size:12px; color:#555;}
img{border:0;}
a:link, a:visited, a:active{text-decoration:none; color:#6e98ca;}
a:hover{text-decoration:underline;}
.both{clear:both;}
.width{width:auto;}
.red{color:#c00;}

/* site ------------------------------------------------------------ */
#global{width:100%; height:100%;}
#global #site{width:970px; height:100%; margin:0 auto; position:relative;}

	/* barre haut */
#global #site #barre{width:100%; height:20px; color:#fff; padding:2px; font-size:12px; display:none;}
#global #site #barre .search{width:auto; float:left;}
#global #site #barre .search input{}
#global #site #barre .ident{width:auto; float:right;}

	/* header */
#global #site #header{width:100%; height:320px; margin:0 auto; background:url(img/header.png) no-repeat;}
#global #site #header .logo{width:436px; height:116px; position:relative; top:80px; left:115px;}
/* menu */
#global #site #header .menu{width:475px; float:left; height:30px; position:relative; top:150px; color:#fff; font-size:16px;}
#global #site #header .menu ul{width:auto; padding:0; margin:0; height:30px;}
#global #site #header .menu ul li{list-style:none; height:30px; padding:15px 15px 15px 18px; display:inline; background:url(img/sep_menu.png) no-repeat left;}
#global #site #header .menu ul li.sep_none{background:none;}
#global #site #header .menu ul li a, #global #site #header #menu ul li a:hover{color:#fff;}
/* search */
#global #site #header .search{width:194px; float:left; position:relative; top:148px;}
#global #site #header .search input{width:161px; height:14px; padding:4px 28px; background:none; color:#fff; border:none;}


	/* contenu */
#global #site #content{width:100%; margin:0 auto;}
/* site */
#global #site #content #contenu{width:660px; float:left; margin:15px 0 10px 10px; text-align:justify;}
#global #site #content #contenu .article .titre h1{margin:0; margin-bottom:5px;}
#global #site #content #contenu .article .titre .date{width:auto; float:left;}
#global #site #content #contenu .article .titre .icones{width:auto; float:right;}
#global #site #content #contenu .article .credit{text-align:right;}
#global #site #content #contenu .article .tags{display:none;}
/* sidebar */
#global #site #content #sidebar{width:255px; float:right; margin:0 25px 10px 0;}
#global #site #content #sidebar .apropos{margin-top:10px; text-align:justify;}
#global #site #content #sidebar .apropos p{text-align:right;}
#global #site #content #sidebar .ident, #global #site #content #sidebar .categorie, #global #site #content #sidebar .partenaires{margin-top:25px;}
#global #site #content #sidebar .ident .titre, #global #site #content #sidebar .categorie .titre, #global #site #content #sidebar .partenaires .titre{font-size:16px; font-weight:bold; border-bottom:#6a98ca 1px solid; padding-bottom:5px; color:#6a98ca;}
#global #site #content #sidebar .ident .text ul, #global #site #content #sidebar .categorie .text ul{margin:10px 0 0 15px; padding:0; }
#global #site #content #sidebar .ident .text ul li, #global #site #content #sidebar .categorie .text ul li{list-style:none;}
#global #site #content #sidebar .partenaires .text{text-align:center;}
/* commentaires */
#global #site #content #contenu #commentaires{width:100%;}
#global #site #content #contenu #commentaires h2{color:#6e98ca; font-size:16px; border-bottom:#6e98ca 2px solid; padding:5px 0 10px 0;}
#global #site #content #contenu #commentaires ol{margin:0 15px; padding:0;}
#global #site #content #contenu #commentaires ol li{list-style:none; margin-bottom:20px;}
#global #site #content #contenu #commentaires .avatar{width:auto; float:left;}
#global #site #content #contenu #commentaires .width{width:auto; float:left; margin:0 10px;}
#global #site #content #contenu #commentaires .auteur{font-size:17px; color:#6e98ca;}
#global #site #content #contenu #commentaires .date{font-size:10px; color:#aaa;}
#global #site #content #contenu #commentaires .edit{width:auto; float:right;}
#global #site #content #contenu #commentaires .admin{background:#c9dcf3; border-left:#c4d805 5px solid; padding:5px; width:100%;}
#global #site #content #contenu #commentaires .text{background:#c9dcf3; padding:5px; width:100%;}
#global #site #content #contenu #commentaires .coms{background:#c9dcf3; padding:5px 10px 5px 10px;}
#global #site #content #contenu #commentaires .coms .width{float:left; width:auto; margin:10px 0 20px 10px;}
#global #site #content #contenu #commentaires .coms .width a{color:#555;}
#global #site #content #contenu #commentaires .coms input, #global #site #content #contenu #commentaires .coms textarea{border:#6e98ca 1px solid;}
#global #site #content #contenu #commentaires .coms textarea{width:100%; border-top:#6e98ca 3px solid;}
#global #site #content #contenu #commentaires .coms input.envoyer{border:none;}

	/* footer */
#global #footer{width:100%; height:auto; padding-top:50px; position:relative; clear:both; background:#5a92dc url(img/bg_footer.jpg) repeat-x;}
#global #footer #copyright{width:970px; margin:0 auto;}
#global #footer #bloks{width:100%; color:#3b6296;}
#global #footer #bloks .coms, #global #footer #bloks .tags{width:33%; float:left;}
#global #footer #bloks .liens{width:33%; float:right;}
#global #footer #bloks .coms .titre, #global #footer #bloks .tags .titre{width:100%; height:39px; font-size:18px; background:url(img/sep_footer_h.jpg) no-repeat right top; text-align:center; color:#fff;}
#global #footer #bloks .liens .titre{width:100%; font-size:18px; height:39px; text-align:center; color:#fff;}
#global #footer #bloks .coms .contenu, #global #footer #bloks .tags .contenu{background:url(img/sep_footer_c.jpg) repeat-y right top; text-align:left; padding-left:10px; padding-right:15px; min-height:250px;}
#global #footer #bloks .tags .contenu{text-align:center;}
#global #footer #bloks .liens .contenu{margin-left:70px; min-height:250px;}
#global #footer #bloks .coms .contenu .globs{padding:10px 0 10px 0; text-align:justify; border-bottom:#bed6f5 1px dotted;}
#global #footer #bloks .coms .contenu .auteur{font-size:10px; color:#bed6f5;}
#global #footer #bloks .coms .contenu .commentaire{}
#global #footer #bloks .liens .contenu ul{margin:0; padding:0;}
#global #footer #bloks .liens .contenu ul li{list-style:none;}
#global #footer #bloks a{color:#fff;}
#global #footer #bloks .coms .plus, #global #footer #bloks .tags .plus, #global #footer #bloks .tags .plus{width:100%; height:39px; background:url(img/sep_footer_b.jpg) no-repeat right top; text-align:right;}
#global #footer #copy{padding-top:30px; clear:both;}
#global #footer #copy .gm{width:auto; height:39px; float:left; font-size:10px; color:#fff; background:url(img/copy.jpg) no-repeat left top; padding:3px 0 0 164px; margin-top:7px;}
#global #footer #copy .gm a, #global #footer #copyright .by a{color:#fff;}
#global #footer #copy .by{width:115px; height:30px; float:right; background:url(img/rose.jpg) no-repeat right top; padding:11px 55px 0 0; font-size:10px; color:#fff;}
#global #footer #copy .stat{text-align:center; clear:both;}