/*
Theme Name: Simply Blogging
Theme URI: http://simplywp.com
Description: A simple theme for the simple joys of blogging.
Version: 1.0
Author: Vdot Media / Simply WP
Author URI: http://www.vdotmedia.com
Tags: 
*/

/* GLOBAL */

html {height:100%;margin-bottom:1px;}

body, div, ul, ol, li, p, h1, h2, h3, h4, img, a img {
	padding: 0px;
	margin: 0px;
	border: 0px;
	}

body {
	background: #e8e8e8 url('bg.jpg') top center repeat-x;
	font-family: Georgia;
	color: #333333;
	text-align: center;
	font-size: 100%;
	}

a, a:visited {
	color: #0D60CC;
	text-decoration: none;
	}

a:hover, a:active {
	color: #000000;
	text-decoration: none;
	}

input, textarea {
	padding: 2px;
	font-family: arial;
	font-size: 0.9em;
	}

hr {
	border: 1px dotted #DADADA;
	height: 1px;
	clear: both;
	margin: 10px 0px;
	}

code {
	color: green;
	}

/* Greg's Style */
#content {
	font-size: 0.8em;
}

#content h1 {font-size: 138.5%; /* 18px via YUI Fonts CSS foundation */}
#content h2 {font-size: 123.1%; /* 16px via YUI Fonts CSS foundation */}
#content h3 {font-size: 108%; /* 14px via YUI Fonts CSS foundation */}
#content h1, h2, h3, h4 {margin: 1em 0;}
#content h5, h6 {margin: 0.8em 0;}
#content h1, h2, h3, h4, h5, h6, strong {font-weight: bold;}

h1 {font-size: 138.5%; /* 18px via YUI Fonts CSS foundation */}
h2 {font-size: 123.1%; /* 16px via YUI Fonts CSS foundation */}
h3 {font-size: 108%; /* 14px via YUI Fonts CSS foundation */}
h1, h2, h3, h4 {margin: 1em 0;}
h5, h6 {margin: 0.8em 0;}
h1, h2, h3, h4, h5, h6, strong {font-weight: bold;}


#content ol, ul, dl {margin-left: 2em;}
#content ol li {list-style: decimal outside;}
#content ul li {list-style: none;}
#content dl dd {margin-left: 1em;}

#content p { margin-bottom: 1em; }

#cadredroit {
	float: right; /* cadregauche flottera à droite */
	width: 350px; /* Très important : donner une taille au cadredroit*/
	height: 80px;
	background: #F5F5DC;   
	border: 2px solid black;
	font-family: Comic Sans MS;
	font-size:12px;
}

.img_float {
	float: left;
	border: 1px solid #000;
	margin-right: 1em;
}

.clear { clear: both; }
.retrait { margin-left: 2em; }
/* SITE SPECIFIC */

#page-container {
	background: transparent url('bg_header.jpg') top center no-repeat;
	padding-bottom: 30px;
	}

#container, #header, #body, #footer {
	width: 950px;
	text-align: left;
	font-size: 1.0em;
	clear: both;
	margin: 0px auto;
	}

#header {
	height: 166px;
	}

	#sketch {
		float: left;
		width: 231px;
		z-index: 1;
		position: relative;
		}
	
	#titlenav {
			margin-left: 231px;
		}

		#searchbar {
			float: right;
			width: 290px;
			margin-top: 25px;
			}

		#title {
			width: 600px;
			height: 73px;
			position: relative;
			}

			#title h1 {
				font-size: 2.625em;
				position: relative;
				top: 10px;
				left: 0px;
				margin: 0;
				font-weight: normal;
				}
			
			#title a, #title a:visited {
				color: #000000;
				}
			
			#title a:hover, #title a:active {
				color: #0D60CC;
				}
		
		#nav {
			height: 37px;
			font-family: arial;
			text-transform: uppercase;
			font-weight: bold;
			font-size: 0.75em;
			list-style-type: none;
			}

			#nav a, #nav a:visited {
				color: #555555;
				}
			
			#nav a:hover, #nav a:active {
				color: #000000;
				}
			
			#nav li {
				display: inline;
				padding: 0px 40px 0px 0px;
				position: relative;
				top: 3px;
				}
		
		#subnav {
			margin-top: 4px;
			position: relative;
			left: -4px;
			}

#body {
	background: #FFFFFF url('bg_body.jpg') top center repeat-y;
	float: left;
	margin-bottom: 1px;
	}

	#content {
		width: 600px;
		float: left;
		padding: 20px;
		}
	
	#sidebar {
		width: 270px;
		float: right;
		padding: 20px;
		}

		#sidecontent {
			list-style-type: none;
			line-height: 1.4em;
			font-size: 0.9em;
			font-family: arial;
			}

			#sidecontent li {
				margin-bottom: 30px;
				clear: both;
				float: left;
				width: 260px;
				}

			#sidecontent h2 {
				font-size: 1.4em;
				font-family: arial;
				text-transform: uppercase;
				color: #000000;
				margin-bottom: 25px;
				}

				#sidecontent h2 span {
					font-family: georgia;
					font-size: 1.6em;
					}
				
				#sidecontent h2 a, #sidecontent h2 a:visited {
					color: #000000;
					}
				
			#sidecontent li ul {
				list-style-type: none;
				margin-top: -20px;
				margin-left: 0px;
				}

				#sidecontent li ul li {
					padding: 5px;
					border-bottom: 1px dotted #EAEAEA;
					margin: 0px;
					float: none;
					}

#footer {
	background: #323232;
	width: 910px;
	padding: 10px 20px;
	font-size: 0.7em;
	color: #FFFFFF;
	}

	#footer a, #footer a:visited {
		color: #D0D0D0;
		}
	
	#footer a:hover, #footer a:active {
		color: #FFFFFF;
		}

.navigation {
	margin: 20px 0px;
	}

.alignleft {
	float: left;
	}

	img.alignleft, p.alignleft {
		margin-right: 15px;
		}

.alignright {
	float: right;
	}

	img.alignright, p.alignright {
		margin-left: 15px;
		}

/* ---------->>> gallerie photo <<<------------------------------------------------------*/
div#galerie, div.galerie
{
	width: 500px ;
	background: #e8e8e8;
	border: 1px solid #dcb ;
	padding: 15px ;
	margin: 15px 30px ;
	text-align: center ;
}

div#galerie_borderless
{
	width: 500px ;
	padding: 15px ;
	margin: 15px 30px ;
	text-align: center ;
}

ul {
	margin: auto ;
	padding: 0 ;
	list-style-type: square ;
}
/* ---------->>> fin gallerie photo <<<------------------------------------------------------*/

label {
	display: block;
	font-size: 0.7em;
	font-weight: bold;
	font-family: arial;
	text-transform: uppercase;
}

input {
	width: 300px;
}

#submit {
	width: 100px;
	width: auto;
	font-size: 0.8em;
}

#messagelist {
	list-style-type: none;
	margin: 15px 0px;
}

#messagelist .message {
	margin-bottom: 20px;
	/*float: left;*/
	display: bock;
	background: #F5F5F5;
	padding: 10px;
}
.message .action {
	float: right;
}

#messagelist h4 {
	margin-bottom: 2px;
}

#messageadd {
	text-align: center;
}

.messagedate {
	color: #666;
	display: block;
	margin-bottom: 10px;
}

.error		{ background-color: #faa; border: 1px solid #e66; padding: 4px; margin-bottom: 16px; }

/* QCM */
#questionlist	{ list-style-type: none; margin: 15px 0px; }
#questionlist .question { margin-bottom: 20px; display: bock; background: #f5f5f5; padding: 10px; width: 540px; }
#questionlist input { width: auto; }
#questionlist label { text-transform: none; }
.qcm_question td	{ text-align: center; vertical-align: middle; }
.qcm_question input { width: auto; }
#qcm_question_list li { margin-bottom: 20px; display: bock; background: #f5f5f5; padding: 10px; }
#qcmlist	{ list-style-type: none; margin: 15px 0px; }
.qcm	{ margin-bottom: 20px; display: bock; background: #F5F5F5; padding: 10px; }
.infos	{ color: #666; }
#qcm_nom	{ font-size: 2.0em; width: 400px; }
.qcm_online, .qcm_online:hover, .qcm_online:visited	{ color: #0c0; }
.qcm_offline, .qcm_offline:hover, .qcm_offline:visited { color: #c00; }

.question ul { margin-top: 12px; }
.question li { margin-bottom: 2px; }
.question label { width: auto; font-size: 1em; font-family: Georgia; font-weight: normal; cursor: pointer; }
.question_num { float: left; width: 38px; clear: left; padding-top: 16px; color: #aaa; font-size: 2em; }
.question { float: left; width: 540px; }
#qcm_submit { clear: both; }

.qcm_info	{ color: #777; }
#qcm_list li { padding-bottom: 10px; }

.qcm_correct	{ font-weight: bold; color: #0e0; }
.qcm_faux		{ font-weight: bold; color: #e00; }

.note		{ text-align: center; }

/* Questions/Réponses */
#qr_question label { display: inline; float: left; clear: left; width: 160px; margin-right: 20px; text-align: right; font-size: 0.9em; font-weight: bold; font-family: Georgia; text-transform: none; }
#qr_question input	{ width: auto; }
#qr_question #submit { clear: both; margin: 20px 0 0 180px; width: auto; padding: 4px 6px; }
#qr_question #email { width: 340px; }
#qr_question #question { width: 340px; height: 170px; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_title, #TB_closeWindow {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_title a:link {color: #666666;}
#TB_title a:visited {color: #666666;}
#TB_title a:hover {color: #000;}
#TB_title a:active {color: #666666;}
#TB_title a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

.wp-pagenavi {

	font-family: arial;

	margin-bottom: 10px;

	text-align: left;

	width: 600px;

	font-size: 0.8em;

	}



.wp-pagenavi a, .wp-pagenavi a:visited {

	padding: 2px 5px; 

	margin: 2px;

	text-decoration: none;

	color: #555555;

	border: 1px solid #EAEAEA;

	background-color: #EAEAEA;	

	height: auto;

}

.wp-pagenavi a:hover, .wp-pagenavi a:active {	

	border: 1px solid #6C6C6C;

	color: #FFFFFF;

	background-color: #6C6C6C;

}

.wp-pagenavi span.pages {

	padding: 2px 4px 2px 4px; 

	margin: 2px 2px 2px 2px;

}

.wp-pagenavi span.current {

	padding: 2px 5px; 

	margin: 2px;

	font-weight: bold;

	border: 1px solid #0D60CC;

	color: #FFFFFF;

	background-color: #0D60CC;

}

.wp-pagenavi span.extend {

	padding: 2px 5px; 

	margin: 2px;	

	border: 1px solid #EAEAEA;

	color: #555555;

	background-color: #EAEAEA;

}

.li_titre, .li_titrer { font-weight: bold; }