/* Balises, classes génériques */
body{
	font-size:65%;
	margin:0;
	padding:0;
	text-align:center;
	background:#1A181C;
	padding-top:70px;
}
body *{
	font-family:arial,verdana, sans-serif;
	text-align:left;
	color:#455657;
}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	line-height:normal;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img,a img,abbr,acronym { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var ,h1,h2,h3,h4,h5,h6 {
	font-style:normal;
	font-weight:normal;
}
ol,ul,li {
	list-style:none;
	padding:0;
	margin:0;
}

legend{
	margin:0;
	padding:0;
}


a{
	text-decoration:none;
	color:#00B4DE;
}
a:hover{
	text-decoration:underline;
}
p{
	margin:0 0 7px 0;
}
.noBorder{
	border:none;
}
.center{
	text-align:center;
}
.italic{
	font-style:italic;
}
.none{
	display:none;
}
.block{
	display:block;
}
.cBoth{
	clear:both;
}
.last{
	margin-right:0;
}

.both:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html .both{
	height:1%;
}
*:first-child+html .both{
	height:1%;
}
	
.fLeft{
	float:left;
}
.fRight{
	float:right;
}
fieldset{
	border:none;
}
caption{
	display:none;
}

h1{
	font-size:1.8em;
}
p{
	font-size:1.1em;
}


/* header */
#fairTrade{
	z-index:5;
	position:absolute;
	top:-4px;
	right:-3px;	
}

/* conteneur */
#conteneur{
	width:950px;
	margin: 0 auto;
	position:relative;
	/*background: white url('../img/bg_page.gif') 0 267px repeat-x;*/
	background:white;
}
#contenu{
	width:736px;
	margin: 0 auto;
	overflow:visible;
}
* html #contenu{
	overflow:hidden;
}
#centre{
	height:348px;
	background: white url('../img/bg_centre.jpg') left top no-repeat;
	padding:15px 0 0 18px;
	width:718px;
	position:relative;
	z-index:2;
	margin-top:7px;
}
#centre .col1{
	float:left;
	margin-right:28px;
	width:398px;
}
#centre .col2{
	width:267px;
	float:left;
}
#bloggueurs{
	height:255px;
	margin-top:10px;
	margin-bottom:5px;
	background: url('../img/bg_bloggueurs.jpg') left top no-repeat;
	overflow:hidden;
}
#bloggueurs div{
	overflow:auto;
	height:255px;
}
#bloggueurs ul{
	padding:15px;
}
#bloggueurs li{
	background: url('../img/picto_fleche.gif') 0 5px no-repeat;
	padding-left:10px;
}
#bloggueurs li a{
	color:#C9D316;
	font-size:1.1em;
}
#centre p  a,#footer p a{
	text-decoration:underline;
}
#centre p  a:hover,#footer p a:hover{
	text-decoration:none;
}

#footer{
	height:189px;
	width:757px;
	background: white url('../img/bg_footer.jpg') left top no-repeat;
	position:relative;
	padding:14px  0 0 40px;
	margin-left:-20px;
}
#footer  h2{
	color:white;
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:15px;
}
#footer p{
	margin-bottom:0;
	font-size:1em;
}
#footer .col{
	width:220px;
	margin-right:20px;
}
#footer .last{
	width:180px;
}
#footer .cols{
}
#animation{
	position:absolute;
	top:168px;
	left:0;
	height:175px;
	z-index:1;
}
#perso1{
	position:absolute;
	top:380px;
	left:50px;
}
#perso2{
	position:absolute;
	top:345px;
	left:821px;
}
#kit{
	position:absolute;
	right:0;
	top:27px;
}
#gif1{
	float:left;
}
#gif2{
	float:right;
}

h1,h2{
	text-transform:uppercase;
}

.col{
	float:left;
}
.last{
	margin-right:0;
}