/*
Theme Name: Plus 2 Com!
Theme URI: http://www.konfiture.com/
Description: Thème par Konfiture
Version: 1.0
Author: Konfiture
Author URI: http://www.konfiture.com
Tags: konfiture

*/
html{background: #000 url(img/fond-rideau.jpg) top center no-repeat; }


body {
	background:url(img/fond-planches.png) bottom center no-repeat; 
	text-align:center; 
	margin:0;
}
#global {
	width: 1000px;
	margin: 0 auto; /* -> 3 */
	font-family: Helvetica, Arial, sans-serif;
	font-size:80%;
	text-align:left;
}

/* En-tête */
#entete { height:185px; margin:0 40px; }
#entete h1 { margin: 0; }
#entete h1 img { float: left; margin: 0; border:none; }

#accrocheIMG{z-index:2;}

/* Navigation */
#navigation {
	background: url(img/nav.png) bottom center;
}
#navigation ul {
	overflow: hidden;
	margin:0 90px;
	list-style: none;
	padding:0;
}
#navigation li {
	float: left;
}
#navigation a {
	color:#f49f20;
	display:block;
	font-size: 1.5em;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
	padding:12px 20px;
}
#navigation a:hover { background-color:#FFF; color: #e31818; }

.current_page_item a{ background-color:#FFF; color: #e31818;}



/* Bloc central */
#centre {
	overflow: hidden; /* -> 4 */
	background: url(img/page.png) top center repeat-y;
	padding: 0 90px;
}

/* Contenu principal */
#principal {
	float: left; /* -> 5 */
	width: 550px;
	color: #848484;
	margin-left: 15px;
	margin-top:20px;
	line-height:1.5em;
	min-height:500px;
}
#principal a{color:#e31818;}
#principal a:hover{ text-decoration:none}


#principal strong {	color: #e31818;}

/* Contenu secondaire */
#secondaire {
	background: url(img/barre-verticale.png) left repeat-y; /* -> 2 */
	margin: 40px 5px 140px 570px;
	padding: 0 15px 60px 20px;
	color: #848484;
}
#secondaire div{margin:0px 5px 40px 5px;}

#secondaire ul{margin:0; padding:0; list-style:none;}

#secondaire li{ margin:0; padding:0px 10px 10px 10px; list-style:none;}

#secondaire a{ color:#900; text-decoration:underline;}
#secondaire a:hover{ color:#900; text-decoration:none;}

#gus{
	background:url(img/gus.png) top no-repeat;
	height:205px;
	width:240px;
	margin:-200px 0px 0 0;
	padding:0;
	position:relative;
	float:right; 
	}

#pied{
	background: url(img/pied.png) top center no-repeat;
	height:110px;
	margin: 0 auto;
	width:1000px;
	overflow:auto;
}
#pied p{
	padding: 20px 0 0 100px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:80%;
	text-transform:uppercase;
	color: #c1bfbf;
	letter-spacing:0px;
}
#pied p a{ color:#FFF; text-decoration:none;}
#pied p a:hover{ color: #999; text-decoration: underline;}

h2{
	color:#e31818;
	font-size: 2em;
}
h2 a{color:#e31818; text-decoration: none;}
h3{
	color:#e31818;
	letter-spacing:1px;
	font-size: 1.6em;
}

img{ border:none;}
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}

/*Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}
/* End Images */




.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}