/*
Theme Name: Cahier du Sfimx v10 Wordpress Theme
Theme URI: http://sfimx-network.fr
Description: Thème pour Wordpress pour la version 10 du Cahier du Sfimx.
Version: 1.0
Author: Sébastien Ch.
Author URI: http://sfimx-network.fr
*/

/******************
	Import
	- formattage
	- grid
******************/
@import url(format.css);
@import url(grid.css);

/******************

	GÉNÉRIQUES
	- Balises HTML

******************/
body, html {
	height:100%;
}
body {
	margin:0px;
	text-align:center; /* Trick IE6 \o/ */
	background-color:#434343;
}
blockquote { /* Oh, la belle quote */
	margin-left:15px;
	margin-right:15px;
	margin-top:10px;
	margin-bottom:0px;
	padding:10px;
	padding-bottom:30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	background-color:#f2f2f2;
	background-image:url(img/quote_bg.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}
/******************

	LIENS
	- Style
	- Liens sortants

******************/
a.ext {
	background-image:url(img/ext.gif);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:14px;
}
/******************

	FORMULAIRE
	- Éléments types de formulaires

******************/
label {
	display:block;
}
input {
	width:175px;
}
input,
textarea {
	background-image:url(img/input_search_bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	border:1px solid #b0b0b0;
	padding:6px;
}
input:active,
input:focus,
textarea:active,
textarea:focus {
	border-color:#8d8d8d;
}
.submit {
	margin:2px;
	width:auto;
	color:#6f6f6f;
	background-image:url(img/blog_info_bg.gif);
	background-position:bottom;
}
.bold {
	font-weight:bold
}
/******************

	DESIGN
	- Élément clés du design (header, content, footer, ...)

******************/
#wrapper {
	/* padding-bottom: 200px; */
	background-image:url(img/header_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#fff;
}
#content_wrapper { /* Défini le contenur avec le fond */
	width:790px;
	background-image:url(img/content_top.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#content { /* Défini le bloc qui a exactement la largeur de la forme blanche sans padding */
	width:774px;
	padding-top:8px;
	margin-left:auto;
	margin-right:auto;
}
#content_body { /* Défini le bloc conçu pour le texte avec une largeur moindre */
	width:750px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	text-align:justify;
	z-index:10
}
#footer {
	position: relative;
	margin-top: -110px;
	z-index:1;
}
#hidden { /* Cacher cet élément que je ne saurais voir */
	display:none;
}
	/******************
		NAVIGATION
		- Styles pour la barre de navigation
	******************/
	#navigation {
		background-image:url(img/nav_bg.gif);
		background-repeat:repeat-x;
		height:42px;
	}
	ul#link {
		list-style-type: none;
		margin:0px;
		float:left;
		padding-left:0px;
	}
	ul#link a {
		color:#9f9f9f;
		text-decoration:none;
	}
	ul#link li {
		float: left;
		height:42px;
		padding-left:20px;
		padding-right:20px;
		line-height:42px;
		background-image:url(img/nav_separator.jpg);
		background-position:left;
		background-repeat:no-repeat;
	}
	ul#link li:hover {
		background-image:url(img/nav_bg_hover.gif);
		background-repeat:repeat-x;
	}
	ul#link .first { /* Le premier item n'a pas de séparateur */
		background-image:none;
	}
	ul#link .first:hover { 
		background-image:url(img/nav_first_bg_hover.gif);
	}
	#rss .icon {
		margin-top:5px;
	}
	#search {
		float:right;
		width:200px;
		margin:0px;
		margin-right:10px;
		padding:0px;
		text-align:right;
	}
	#search img {
		float:left;
		position:relative;
		top:12px;
	}
	#search input {
		position:relative;
		top:7px;
		background-image:url(img/input_search_bg.gif);
		background-position:top;
		background-repeat:repeat-x;
		border:1px solid #b0b0b0;
		padding:6px;
		width:150px;
	}
	#search input:active,
	#search input:focus {
		border-color:#8d8d8d;
	}
	/******************
		FOOTER
		- Styles pour le bas de page
	******************/
	#footer_content_bottom { /* Mise en place du dégradé blanc - gris en bas du site ainsi que de l'ombre de la footer box */
		background-image:url(img/footer_bg.gif);
		background-repeat:repeat-x;
		height:134px;
		position:relative;
		z-index:4;
	}
	#footer_content_bottom_img { /* Mise en place de l'image de la fin du kit */
		background-image:url(img/content_footer_bg.gif);
		height:120px;
		width:790px;
		margin-left:auto;
		margin-right:auto;
		background-repeat:no-repeat;
		background-position:top center;
		position:relative;
		z-index:5;
	}
	#footer_box {
		background-color:#797979;
		background-image:url(img/footer_box_bg.gif);
		background-position:bottom;
		background-repeat:repeat-x;
		text-align:left;
		width:100%;
	}
	#footer_box_content {
		width:790px;
		margin-left:auto;
		margin-right:auto;
	}
	#footer_box_content .container {
		width:240px;
		float:left;
		margin-left:5px;
		margin-right:5px;
		margin-bottom:10px;
	}
	#footer_box_content .first {
		margin-left:10px;
	}
	#footer_box_content .last {
		margin-right:10px;
	}
	.credit {
		margin-bottom:10px;
		margin-left:10px;
	}
	#footer a {
		color:#fff;
	}
	#footer ul {
		margin-left:-20px;
	}
	#footer li {
		list-style-type:none;
		background-image:url(img/footer_puce.gif);
		background-position:center left;
		background-repeat:no-repeat;
		line-height:22px;
		padding-left:15px;
	}
/******************

	BLOG
	- Modélisation des classes importantes pour l'adaptation à WordPress

******************/
.entry img {
	margin:10px;
}
.img_border {
	padding:1px;
	border:1px solid #d7d7d7;
	width:auto;
}
.blog_info {
	float:right;
	width:204px;
	margin:0px;
	padding:0px;
	margin-left:10px;
	font-size:10px;
	margin-top:13px;
}
.blog_info h2 {
	border:1px solid #D2D2D2;
	height:30px;
	line-height:30px;
	padding-left:10px;
	background-image:url(img/blog_info_bg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	margin-bottom:0px;
	font-size:14px;
}
.blog_info p {
	border:1px solid #D2D2D2;
	border-top-width:0px;
	padding:10px;
	margin:0px;
	line-height:20px;
	background-color:#fff;
}
.postmetadata { /* Barre d'information sur le billet, reprend le même style que les H1 */
	border-top:1px dotted #9b9b9b;
	padding-top:5px;
}
.more { /* Links pour voir l'article en entier (s'il est coupé avec un résumé) */
	width:200px;
	float:right;
	margin:10px;
	margin-bottom:20px;
	text-align:right;
	font-size:15px;
	letter-spacing:-1px;
}
.more img { /* Alignement du + */
	position:relative;
	top:8px;
	border-width:0px;
}
.nav_page { /* Mise en page du bloc pour les "billets plus anciens", "billet plus récents" */
	border:1px solid #9b9b9b;
	padding:5px;
	margin-top:7px;
	text-align:left;
	background-image:url(img/blog_info_bg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	font-size:13px;
}
.comment_id {
	border-top:1px solid #d7d7d7;
	padding-top:5px;
	text-align:right;
}
.alignleft {
	float:left;
}
.alignright {
	float:right;
}
.center form {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.single {
	padding-right:280px;
	margin-top:0px;
	padding-top:20px;
}
.avatar {
	display:block;
	margin:5px;
	margin-left:auto;
	margin-right:auto;
	padding:1px;
	border:1px solid #d7d7d7;
}
.banner img {
	margin-left:-12px;
}
	/**************
		CALENDAR BOX
	**************/
	.post .date {
		float:right;
		text-align:center;
		width:40px;
		padding:1px;
		border:1px solid #cfcfcf;
		background-color:#fff;
		position:relative;
		top:13px;
	}
	.date .month {
		color:#fff;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		font-size:9px;
		letter-spacing:0px;
		text-transform:uppercase;
		padding-top:2px;
		padding-bottom:2px;
		background-color:#82B43B;
	}
	.date .day {
		color:#d0d0d0;
		padding-top:4px;
		padding-bottom:4px;
		background-image:url(img/blog_info_bg.gif);
		background-position:bottom;
		background-repeat:repeat-x;
		font-size:13px;
		letter-spacing:0px;
	}
	/**************
		POSITIONNEMENT SELON LE TYPE DE PAGE
	**************/
	div.index {
		position:relative;
		top:0px;
		margin-left:5px;
		margin-bottom:5px;
		margin-top:-65px;
	}
	.post .search {
		position:relative;
		top:-35px;
		margin-left:5px;
		margin-bottom:5px;
	}
	div.archive {
		position:relative;
		top:0px;
		margin-left:5px;
		margin-bottom:5px;
		margin-top:-60px;
	}
	h3.archive {
		padding-right:55px;
	}
	h1 .index {
		padding-right:43px;
	}
/******************

	OLD CLASSES
	- Récupération du script de défilement et de la screenbox

******************/
#sites {
	width:720px;
	height:250px;
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;
}
#screen {
	margin-left:auto;
	margin-right:auto;
	width:650px;
	padding-bottom:34px;
	background-image:url(img/screen_bg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}
#screen img {
	padding:0px;
	margin:0px;
	border-width:0px;
}
#sites img {
	padding:0px;
	margin:0px;
	border-width:0px;
}
/******************

	FOOTERSTICKALT
	- Positionnement du footer en bas coute que coute !


#nonFooter {
position:relative;
min-height:100%;
}
* html #nonFooter {
	height:100%;
}
******************/