/*
Theme Name: ThibZ Folio
Theme URI: http://thibz.com/
Description: Thême créé avec la précieuse aide de mon amis Naelfia.
Version: 0.1
Author: Naelfia et ThibZ
Tags: noir, orange, folio

   CSS Inspiré d'un modèle d'alsacréation pour une feuille didactique, propre et fonctionnelle !
   Modifié par ThibZ
   =============s================================= */


/* --- COULEURS --- */

/* Note: vous pouvez modifier simplement l'aspect de ce gabarit en modifiant
   uniquement les couleurs de fond (propriétés background) et les couleurs
   du texte (propriété color).
   Pour modifier la disposition des blocs, voir plus bas dans la feuille de
   styles la partie «positionnement». */

/* Général */

body {
	color: #878787;
	background-color: #121212;
	background-image: url(images/fond.jpg);
	background-repeat: repeat-x;
}

/* Page */
#global {
	margin: 0;

}
#navigation li a{
	color: #ededed;
	font-weight: bold;
	font-size: 1.2em;
}

/*
#navigation a:hover, #navigation a:focus {
	background-color: #000;
	opacity: 0.2;
}
*/

/* Contenu principal */
#contenu {

}

#contenu a {
	color: #878792;
}
#contenu a:hover, #contenu a:focus {
	color: #bf6f3a;
}
#contenu strong {
	color: #56555f;
}

/* Pied de page */
#pied {
	color: #E6A948;
}
/* Images */
img, a img {
border: 1px #3f3f3f solid;
padding: 2px;
}
a:hover img {
border: 1px #6b6b6b solid;
padding: 2px;
}
/* --- POSITIONNEMENT --- */

/* Page */
html, body {
	height: 100%; 
}
html {
overflow:scroll;

overflow-x:hidden;
}
body {
	padding: 0;
}
#global {
	min-height: 100%; /* -> 1 */
	width: 950px;
	overflow: hidden; /* -> 2 */
	margin-left: auto;
	margin-right: auto; /* -> 3 */
}

/* En-tête */
#entete {
	height: 98px;
	background-image: url(images/banniere.jpg);
	background-position: center;
	background-repeat: no-repeat;

}
#entete h1 {
	display: none;
}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}

/* Menu de navigation */
#navigation {
	height: 54px;
}
#navigation ul {
	margin: 0;
	list-style: none;
	text-align: center;
}
#navigation li {
	float: left;
	width: 20%;
}
#navigation a {
	line-height: 1.5;
	font-size: 1.1em;
	text-decoration: none;
	display: block;
	height: 43px;
	padding-top: 9px;
}

/* Contenu */
#contenu {
	padding: 0 10px;
	margin-top: 13px;
}
#contenu p, #contenu li {
	line-height: 1.5;
}
#page {
	padding: 0 0 10px 0;
	width: 700px;
	float: left;
}
#page-full {
	padding: 0 0 10px 0;
	width: 100%;
}






/* News */
.nouvelle {
	background-color: #0f0f0f;
	padding: 2px;
}

.meta-nouvelle {
	background-color: #0b0b0b;
	color: #3d3d3d;
	padding: 1px 10px 1px 10px;
}
.meta-nouvelle p {
	margin: 0.3em 0;
	font-size: 0.8em;
}
.bordure {
	border: 2px solid #1d1d1d;
}
.nouvelle-titre {
	color: #dbdbdb;
	margin: 0;
}
.nouvelle-date {
	color: #d25302;
	margin: 0.1em 0 0.8em 0;
}

.texte {
	padding: 10px 10px 5px 10px;
}
#colonne {
	float: right;
	width: 220px;
        background-color: #0f0f0f;
}
.module {
	background-color: #0f0f0f;
	padding-top: 1px;
	padding-bottom: 2px;
	margin-bottom: 2px;
}
.module h2 {
	color: #e15902;
	text-align: center;
	background-image: url(images/fond-titre-module.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 31px;
	margin: 0 0 .5em 0;
	font-size: 1.1em;
	line-height: 26px;
}
.module ul {
	margin: 0 4px 0 4px;
	list-style-type: none;
	list-style-position: 14px 15px;
}
.module li {
	border: 1px solid #1d1d1d;
	margin-bottom: 2px;
}
.module ul li a {
	background-image: url(images/carre.jpg);
	background-repeat: no-repeat;
	background-position: 6px;
	text-decoration: none;
	margin: 1px;
	display: block;
	padding: 2px 5px 2px 20px;
}
#contenu .module li a:hover {
	background-color: #171717;
	color: #dbdbdb;
}
.recentcomments {
padding-left: 10px;
padding-right: 5px;
}
form label {
	display: block;
	width: 150px;
	float: left;


}
form {
	margin: 10px;
	margin-top: 20px;
}

form input , textarea{
	margin-bottom: 4px;
	border: 1px solid #343434;
	background-color: #1a1a1a;
	color: #9d5620;

}
form input:focus, textarea:focus {
	background-color: #212121;
}
#tag_cloud {
padding: 5px 10px 10px 10px;
}


/* Pied de page */
#pied {
	padding: 2px 2px 20px 2px;
	font-size: 0.9em;
	background-color: #0f0f0f;
	margin-top: 10px;
	color: #3d3d3d;
}

#pied p {
	padding: 0 40px 0 40px;
	text-align: right;

}

#pied p span#lienfooter {
  float: left;
}


#pied .trait {
	background-image: url(images/barre_footer.jpg);
	background-repeat: no-repeat;
	height: 1px;
	background-position: center;
}

/* Globales */
.clear {
	clear: both;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.texte-droit {
text-align: right;
}
.texte-gauche {
text-align: left;
}
img.floatleft {
	margin-right: 10px;
	margin-bottom: 10px;
}
img.floatright {
	margin-left: 10px;
	margin-bottom: 10px;
}
img.point {
	border: none;
	padding-left: 4px;
	padding-right: 6px;
}
#contenu a.nostyle {
text-decoration: none;
color: #dbdbdb;
}
#contenu a:hover.nostyle {
text-decoration: none;
}
.orange {
color: #e15902;
}
.blanc {
color: #FFF
}
.gris {
	color: #4a4a4a;
}
.joli-hover {
	background-color: #000;
	opacity: 0.1;
}
.souligne {
text-decoration: underline;
}
.centrer {
	text-align: center;
}
.pourcents50 {
	width: 45%;
	padding-right: 5%;
	float: left;
}
.pourcents30 {
width: 30%; 
float: left; 
padding-right: 3%;
}
/* Page Créations */
/******************/
		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		/* Ces 2 lignes spécifient les styles appliqués lors du chargement */
				.csw {
	width: 100%;
	height: 200px;
	background-color: #0F0F0F;
}
		.csw .loading {margin: 150px 0 300px 0; color: #0f0f0f;
background: url(http://thibz.com/wp-content/uploads/2009/03/ajax-loader.gif) no-repeat center center;
height: 50px;
}
.csw .loading img {display: none;}

		.stripViewer { /* Fenêtre principal */
	position: relative;
	overflow: hidden;
	border: 5px solid #171717; /* C'est la bordure  */
	margin: auto;
	width: 680px; /* Egalement spécifié dans .stripViewer .panelContainer .panel  ci-dessous */
	height: 320px;
	background-color: #0f0f0f;
	float: right;
		}
		
		.stripViewer .panelContainer { /* Ceci est le grand container utilisé pour englober les petits divs. La largeur est calculé et spécifié par le JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
                        color: #e85a01;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 680px; /* Également dans. StripViewer ci-dessus */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper pour donner des paddings dans les panneaux, sans gêner la largeur des panneaux */
			padding: 10px;
                        height: 320px;
		}
		
		.stripNav { /* C'est la div qui tient le menu (UL généré au moment de l'exécution) */
	margin: auto;
	float: left;
	width: 58px;
		}	
.stripNav ul {
	margin: 0 4px 0 4px;
	list-style-type: none;
	list-style-position: 14px 15px;
}
.stripNav li {
	border: 1px solid #1d1d1d;
	margin-bottom: 2px;
}
.stripNav ul li a {
	background-image: url(../images/carre.jpg);
	background-repeat: no-repeat;
	background-position: 6px;
	text-decoration: none;
	margin: 1px;
	display: block;
	padding: 2px 5px 2px 20px;
}
#contenu .stripNav ul li a:hover {
	background-color: #171717;
	color: #dbdbdb;
}
		.stripNav li a.current {
	background: #171717;
	color: #d05d05;
		}
		
		.stripNavL, .stripNavR { /* Les flèches gauches et droites */
	display: none; /* Désactivation des flèches de navigation */
		}
.stripViewer .panelContainer .panel #kits {
	background-image: url(http://thibz.com/wp-content/uploads/2009/03/3kits.jpg);
	background-repeat: no-repeat;
		}
.stripViewer .panelContainer .panel #bimaconsulting {
	background-image: url(http://thibz.com/wp-content/uploads/2009/03/bimaconsulting.jpg);
	background-repeat: no-repeat;
		}
.stripViewer .panelContainer .panel #maxbarreto {
	background-image: url(http://thibz.com/wp-content/uploads/2009/03/maxbarreto.jpg);
	background-repeat: no-repeat;
		}
.stripViewer .panelContainer .panel #campinghoulgate {
	background-image: url(http://thibz.com/wp-content/uploads/2009/03/camping-houlgate.jpg);
	background-repeat: no-repeat;
		}

/* Accueil */
#presentation-thibz {
	background-image: url(images/accueil-thibz.png);
	background-repeat: no-repeat;
	background-position: 40px 0;
}
#blocimage-thibz {
	height: 185px;
	width: 145px;
	float: left;
}


.tierpage {
	width: 33%;
	float: left;
}
#mesuivre a {
	height: 105px;
}
#mesuivre {
	margin-top: 30px;
}
a#kitslogo {
	margin: auto;
	display: block;
	width: 169px;
	background: url(images/jesuis.jpg) 0 0 no-repeat;
	height: 105px;
}
a#thibz {
	margin: auto;
	display: block;
	width:106px;
	background:url(images/jesuis.jpg) -184px -0px no-repeat;
}
a#facebook {
	margin: auto;
	display: block;
	width:98px;
	background:url(images/jesuis.jpg) -308px -0px no-repeat;
}
a#kitslogo:hover {
	background: url(images/jesuis.jpg) 0 -107px no-repeat;
}
a#thibz:hover {
	background: url(images/jesuis.jpg) -184px -107px no-repeat;
}
a#facebook:hover {
	background: url(images/jesuis.jpg) -308px -107px no-repeat;
}
#creations h2 {
        border-bottom : 1px solid #dbdbdb;
        color : #dbdbdb;
}
#creations h3 a {
        color : #bf6f3a;
} 
#creations h3 a:hover {
        color : #9b2d03;
}
#creations a img, #creations img {
        border : 3px solid #6a1f02;
        margin-bottom : 5px;
}
#creations a:hover img {
        border : 3px solid #9b2d03;
}
/* RSS et Formulaire de recherche */
a#rss {
	height: 30px;
	width: 150px;
	background-image: url(images/rss.png);
	background-repeat: no-repeat;
	display: block;
	color: #CE8E68;
	padding: 5px 0 0 45px;
	margin-left: 20px;
}
a#rss:hover {
	background: url(images/rss.png) 0 -35px no-repeat;
}
.hidden {
	display: none;
}
#s {
	width: 140px;
	padding-left: 5px;
}
#search {
	height: 50px;
	margin-top: -14px;
}