/*
Theme Name: gros_geek
Theme URI: http://www.grosgeek.com/
Description: The grosgeek theme created by Jean-Vivien LAURENT.
Version: 0.1
Author: Jean-Vivien LAURENT 
 
Creation Theme by Jean-Vivien LAURENT || http://www.grosgeek.com
 
*/

/* MINIMUM RESET - based on work by Eric Meyer
------------------------------------------------------------------ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }



/* GENERAL
------------------------------------------------------------------- */

*::-moz-selection { background: #51a201 none repeat scroll 0 0; color: #fff; }

html, body { color: #242626; }
html {
  height: 100%;
  margin-bottom: 1px;
  overflow-y: scroll;
}
body {
  background-image: url('../../../../themes/grosgeek/img/background_img.png');
  font: 100.1%/1.5 "Helvetica Neue", Arial, "Lucida Grande", "Lucida Sans Unicode", "Microsoft YaHei", sans-serif;
  font-smooth: always;
  text-align: center;
}

/* REDACTIONNEL */
.alignleft {
float:left;
margin-right:10px;
}
.alignright {
float:right;
margin-left:10px;
}
/* FIN REDACTIONNEL */

#page {
	position:relative;
	top:0px;
	width: 980px;
	margin: 0px auto 0px auto;
	padding:0px;
	text-align:left;
	background-image: url('../../../../themes/grosgeek/img/background_pg.png');
}

h3 {
	font-size:18px;
	font-family:century gothic, verdana, arial;
	color: #8d920d;
	border-bottom: dotted 1px #8d920d;
	margin-bottom:10px;
	margin-top:12px;
}

#header {
	height:292px;
}

#header img {
	position :relative;
	display:inline;
	margin: 10px 0px 0px 15px;
}

#header #recherche{
	position:absolute;
	right:10px;
	top:20px;
	width:300px;
	font-size:11px;
	text-align:center;
}
#header #recherche #s {
	width:200px;
	color:#999999;
}

#header #recherche #searchsubmit
{
    border:none;
    color:#fff;
    background: url('../../../../themes/grosgeek/img/search_button.png');
    width:75px;
    height:20px;
	cursor: hand;
}

#header #recherche li {
	
}

#header #recherche #searchsubmit {
	
}

#header #flashbanner {
	position:relative;
	margin-left:16px;
}

#header #mainmenu {
	position:absolute;
	margin-left:290px;
	margin-top:20px;
}

#header  #enteteCitation {
	font-size: 10px;
	color: #888888;
}

#header #mainmenu img {
	margin:0px;
	padding:0px;
}

#header h1 {
	display:inline;
}

#content {
	clear:both;
	position:relative;
	left:0px;
	text-align:left;
	margin-bottom: 1em;
	margin-left: 0px;
	padding-left:55px;
	width:650px;
	float:left;
}

#content h2 {
	font-family: century gothic, verdana, arial;
	font-size: 24px;
	margin-right:5px;
	margin-bottom:0px;
	margin-top:10px;
	padding-bottom:0px;
	clear:both;
}

#content .titreIndex {
	margin-left:90px;
}


#content .cover {
	clear:both;
	width:132px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	float:left;
	border:1px #cccccc solid;
}

#content .icone {
	float:left;
	margin-right:10px;
	margin-left:5px;
}

#content .post_content, #content p {
	font-family:verdana;
	text-align:justify;
	margin: 5px 15px 5px 15px;
	padding:0px;
	font-size:14px;
}

#content a:hover {
	text-decoration:underline;
}

#content .post0 {
	border: 1px solid #cccccc;
	margin-bottom: 18px;
	position:relative;
}
#content .post0 h2 {
	text-align: left;
	padding-bottom:2px;
	clear:none;
}
#content .post0 a {
	color: #638ae4;
}

#content .categories {
	font-size: 11px;
	margin-top: 0px;
	margin-left: 90px;
	margin-right: 5px;
	font-family: century gothic, verdana, arial;
}

#content .post0 .categories {
	color: #999999;
}

#content .post1 .categories {
	color: #ffffff;
	text-align: right;
}

#content .post0  .post_content a {
	color: #000000;
}
#content .post0 .postmetadata {
	background-color: #cccccc;
	color: #ffffff;
	margin-top:5px;
}

#content .post1 {
	background-color:#ffffff;
	color:#000000;
	/*position:relative;*/
	border: solid black 1px;
	margin-bottom: 18px;
}
	
#content .post1 h2 {
	text-align: right;
	clear:none;
}

#content .post1  .post_content a {
	color: #000000;
}

#content .post1 .postmetadata {
	background-color:#000000;
}

#content .postmetadata {
	background-color: #ffffff;
	color: #cccccc;
	margin:0px;
	padding:0px;
	margin-top:0px;
	padding-right:10px;
	font-family:century gothic, verdana, arial;
	padding-left:10px;
	font-size:11px;
	text-align:right;
}

#content .metaIndex {
	clear:both;
	background-color: #000000;
	color: #ffffff;
}

#content .spacer {
clear:both;
}

#content .lirelasuite {
text-align:right;
padding:0px;
margin:0px;
margin-right:15px;
margin-bottom:10px;
margin-top:10px;
font-weight:bold;
}
.postmetadata .time, .postmetadata .comments {
	font-size: 14px;
	font-weight: bold;
}

#content .post1 a {
	color: #8d920d;
}

#content .post_content {
	padding-top:15px;
	padding-bottom:15px;
}

#content li {
	margin-left:5px;
	list-style-type: none;
	background-image: url(../../../../themes/grosgeek/img/puce_side.gif);
	background-repeat: no-repeat;
	background-position: 0 0.14em;
	padding-left: 20px;
	margin-bottom:5px;
}

#content .sharebox {
	float:left;
}

#previouspost {
font-family:century gothic, verdana, arial;
font-size:11px;
float:left;
}
#previouspost a {
color:#999999;
}

#nextpost {
font-family:century gothic, verdana, arial;
font-size:11px;
float:right;
}

#nextpost a {
color:#999999;
}

.sidebar{
	margin-bottom: 1em;
	margin-left:55px;
	width:200px;
	float:left;
}

.sidebar #lienrss {
	margin:0px;
	display:block;
	margin-bottom:20px;
}

.sidebar .encartSide, .sidebar .encartSide2 {
	margin-top:0px;
	margin-bottom:20px;
	position:relative;
	left:0px;
	margin-left:0px;
	padding-left:0px;
}
.sidebar .contentSide, .sidebar .contentSide2, .sidebar .pagenav {
	background-color: #d9daa8;
	padding:0px;
	font-family: century gothic, verdana, arial;
	color: #000000;
	font-size:11px;
}

 .sidebar .contentSide2 {
	background-color: #ffffff;
 }

.sidebar .contentSide ul, .sidebar .contentSide2 ul, .sidebar .contentSide p {
	padding:0px; margin:0px;
	padding-top:5px;
	padding-bottom:5px;
}

.sidebar .contentSide2 li, .sidebar .contentSide2 a, .sidebar .contentSide2 img {
	padding:0px;
	margin:0px;
}

.sidebar #prochainSavezVous {
	position:absolute;
	margin-bottom:11px;
	z-index:10;
	top:-15px;
	left:15px;
}

.sidebar #prochainSavezVous a {
	font-family:century gothic, verdana, arial;
	font-size:10px;
	color:#999999;
	font-weight:bold;
}

.sidebar #prochainSavezVous a:hover {
	text-decoration:underline;
}

.sidebar .contentSide p {
	margin-left:5px;
}

.sidebar .contentSide li, .sidebar .page_item {
	color: black;
	margin-left:5px;
	list-style-type: none;
	background-image: url(../../../../themes/grosgeek/img/puce_side.gif);
	background-repeat: no-repeat;
	background-position: 0 0.14em;
	padding-left: 20px;
}

.sidebar .contentSide a, .sidebar .pagenav a {
	color: #595a5e;
	font-size:11px;
}

.sidebar a:visited, .sidebar a:hover, .sidebar a:active {
	color: #595a5e;
}

.sidebar .contentSide a:hover, .sidebar .pagenav a:hover {
	text-decoration:underline;
}

.sidebar .footerSide {
	background-image: url('../../../../themes/grosgeek/img/block_footer_gg_large.png');
	background-repeat:no-repeat;
	height:17px;
	position:relative;
	z-index:2;
}


.sidebar .encart li {
}

.sidebar .encart ul {

}

.sidebar h2 {
	text-transform: uppercase;
	font-family: Century Gothic, Helvetica, Sans-Serif;
	font-weight: normal;
	font-size: 12px;
	padding-left:28px;
	border-bottom:0px solid #595A5E;
	color: #ffffff;
	height: 19px;
	background: transparent url('../../../../themes/grosgeek/img/block_header_gg_large.png') no-repeat top left;
}
div.block_gg h4 a { color: #ffffff; }
div.block_gg ul { list-style: none; }
div.block_gg ul.tree li { padding-left:1.2em; }
div.block_gg a:hover { text-decoration: underline; }
#left_column div.block_gg .block_content a.button_large, #right_column div.block_gg .block_content a.button_large { margin:0 0 0 -3px; }
div.block_gg .block_content {
	border-left: 1px #d0d3d8;
	border-right: 1px #d0d3d8;
	padding:0.5em 0.7em 0pt;
	background: #d9daa8 repeat-x bottom left;
	min-height:20px;
	width:167px;
}
div.block_gg li {
	padding: 0.2em 0 0.2em 0em;
	list-style-position: outside;
}
div.block_gg a {
	color: #ffffff;
	text-decoration: none;
}


#footer {
	border-top: 1px solid #d0d3d8;
	font-family:century gothic, arial;
	font-size:11px;
	padding: 4px 0;
	clear: both;
	margin-left: 18px;
	margin-right:18px;
	margin-bottom: 0px;
	margin-top: 15px;
	color: #653366;
}

a { text-decoration: none; }
a:link, a:visited { color: #004D99; }
a:focus, a:hover, a:active { color: #86180A; }

/* DETAILS D UN ARTICLE */
#content .post .postmetadata{
	color: #999999;
	margin:0px;
	padding:0px;
}
#content .post .postmetadata a {
	color: #666666;
	font-weight:bold;
}
#content .post {
	padding-left:5px;
	padding-right:5px;
}
#content .post p {
	margin-bottom:10px;
	text-indent:18px;
}
#content .post h2 {
	color: #638ae4;
}
#content .post a {
	color: #638ae4;
}
#content .post h3 {
	color: #6a3466;
	margin-bottom: 10px;
	font-family: century gothic, verdana, arial;
	font-size: 20px;
	border:0px;
}
#content .post h4 {
	color: #8d920d;
	margin-bottom: 10px;
	font-family: century gothic, verdana, arial;
	font-size: 16px;
}

#content .post img {
	border: 1px solid #cccccc;
}
#content .aligncenter {
	margin-left:auto;
	margin-right:auto;
	display:block;
	text-align:center;
}
#content .wp-caption-text {
	font-style: italic;
	font-weight: bold;
	text-indent: 0px;
	margin:0px;
	padding:0px;
}

/* ARTICLES SIMILAIRES */
#similar-posts {  
float:left;  
margin-bottom:30px;  
}  
   
#similar-posts h3 {   
}  
   
#similar-posts ul {  
margin:20px 0;  
padding:0;  
font-family:century gothic, verdana;
text-align:justify;
}   

#similar-posts ul li {     
list-style-type:none;  
margin:0 28px 0 0;    
width:620px;  
color:#1C3E4D;  
font-size:12px; 
line-height:1.2em;  
}  
#similar-posts ul li a {
font-weight:bold; 
}  
  
#similar-posts ul li a:hover {  
color:#0099CC; 
text-decoration:underline;  
}

#similar-posts img {
float:right;
display: block;
position:relative;
padding-left:10px;
}

/* COMMENTAIRES */
.cadre_commentaires {
font-size:10px;
font-family:verdana,arial;
}

.cadre_commentaires ol li {
width:620px;
position:relative;
padding-bottom:10px;
padding-right:10px;
margin-bottom:10px;
text-align:justify;
}

.cadre_commentaires a {
color:#666666;
}

.cadre_commentaires a:hover {
text-decoration: underline;
}

.cadre_commentaires .commentmetadata a {
color:#999999;
font-weight:bold;
}

.cadre_commentaires .lienedit {
float:right;
font-weight:normal;
}

.cadre_commentaires .spacer {
clear:both;
}

.cadre_commentaires .alt {
background-color: #eaeaea;
border-top: 1px #999999 dotted;
border-bottom: 1px #999999 dotted;
}

.cadre_commentaires .avatar {
float:right;
margin-left:10px;
margin-right:10px;
}

.cadre_commentaires .alt .avatar {
float:left;
margin:0px;
margin-right:10px;
}

.cadre_commentaires p {
font-size:10px;
}

#putcomment {
	font-size:11px;
	font-family:verdana,arial;
}