/***** GENERAL *****/
html, body { 
	margin: 0;
	padding: 0;
}
body{
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,img{
	margin: 0; 
	padding: 0; 
}
ul{
	list-style: none;
}
a img,:link img,:visited img{ 
	border: none; 
}

.puce-blue{
	background:transparent url(images/puce-blue.gif) 0px 5px no-repeat;
	color: #4f7495;
	font-size: 11px;
	padding-left:10px;
}

.puce-vert{
	background:transparent url(images/puce-vert.gif) 0px 5px no-repeat;
	color: #5e7c18;
	font-size: 11px;
	padding-left:10px;
}


/***** HEADER *****/
#header{
	height:152px;
	width:885px;
	background:transparent url(images/bg-head.jpg) 14px 40px no-repeat;
}

#header #logo{
	float:left;	
}
	
/***** NAVIGATION *****/
#navigation {
	margin:5px 0 0 16px;
	width:875px;
}
#navigation li {
	display:inline;
	margin:0 -4px 0 -4px;
}

/***** CONTENT BLOG *****/
#blog-container{
/*width:885px;*/
width:920px;
margin:0 auto;
}

#blog-content{
float:left;
width:870px;
padding-left:15px;
}

#zone-gauche{
float:left;
width:564px;
margin:30px 20px 20px 0;
background:url(images/article-bg.jpg) left top repeat-y;
}

#zone-blog{
width:535px;
margin-left:15px;
}

.article{
width:535px;
margin-bottom:35px;
border-bottom:1px dotted #000;
}

.article .title{
font:16px Arial, Helvetica, sans-serif;
color:#5e7c18;
font-weight:bold;
}

.article .autor{
font:11px Arial, Helvetica, sans-serif;
color:#a8a8a8;
font-style:italic;
margin-bottom:10px;
}

.article .autor a, .article .autor a:hover{
font:11px Arial, Helvetica, sans-serif;
color:#a8a8a8;
font-style:italic;
text-decoration:underline;
}

.article .article-content p{
font:11px Arial, Helvetica, sans-serif;
color:#666666;
margin-bottom:10px;
}

.article-content a{
font:11px Arial, Helvetica, sans-serif;
color:#a8a8a8;
font-style:italic;
text-decoration:underline;
}

.article .article-content img{
margin:15px;
}

.article .lire-suite{
width:535px;
height:25px;
}

.article .lire-suite a, .article .lire-suite a:hover{
font:11px Arial, Helvetica, sans-serif;
color:#5e7c18;
text-decoration:underline;
font-weight:bold;
}

.article .commentaires{
width:535px;
text-align:right;
height:20px;
}

.article .commentaires a, .article .commentaires a:hover{
font:11px Arial, Helvetica, sans-serif;
color:#000;
font-weight:bold;
text-decoration:underline;
}

#zone-blog #prev-next{
float:left;
width:535px;
height:22px;
}

#zone-blog #prev-next a, #zone-blog #prev-next a:hover{
font:16px Arial, Helvetica, sans-serif;
color:#5e7c18;
font-weight:bold;
text-decoration:none;
}

#zone-blog #prev-next #prev{
float:left;
}

#zone-blog #prev-next #prev img{
margin-right:5px;
}

#zone-blog #prev-next #next{
float:right;
}

#zone-blog #prev-next #next img{
margin-left:5px;
}

/** ZONE DROITE*/
#zone-droite{
float:left;
width:286px;
}

.ft-blue-clair{
color:#0093bd;
}

img#decouvrez{
float:right;
}

img#bon-reduction{
float:right;
}

img#jeu-concours{
float:right;
margin:20px 0 0 4px;
}

.menu-box-container{
float:right;
width:277px;
margin:10px 0 10px 0;
background:url(images/menu-bottom.jpg) left bottom no-repeat;
padding-bottom:9px;
}

.menu-box-container img{
float:left;
}

.menu-box-container #titre-mots-cles{
float:left;
}

.menu-box-container #titre-liens-favoris{
float:left;
margin-left:1px;
}

.menu-box{
float:left;
width:278px;
background:url(images/menu-bg.jpg) left top repeat-y;
font:11px Arial, Helvetica, sans-serif;
color:#005e79;
padding-left:9px;
}

.menu-box a, .menu-box a:hover{
text-decoration:none;
color:#005e79;
}

.menu-box .content{
float:left;
width:256px;
}

.fd-gris{
background-color:#ebebeb;
padding:5px 0 10px 5px;
}

.menu-box .content ul{
float:left;
margin:0;
padding:0;
}

.menu-box .content li{
float:left;
width:250px;
height:15px;
background:url(images/li-bg.jpg) left top repeat-x;
padding-left:10px;
}

.menu-box .content li a, .menu-box .content li a:hover{
display:block;
width:250px !important;
width:240px;
height:15px;
}

/** favoris */
.menu-box .content-favoris{
float:left;
width:256px;
}

.menu-box .content-favoris ul{
float:left;
margin:0;
padding:0;
}

.menu-box .content-favoris li{
float:left;
width:250px;
height:15px;
background:url(images/li-bg.jpg) left top repeat-x;
padding-left:10px;
overflow:hidden;
}

.menu-box .content-favoris li a, .menu-box .content-favoris li a:hover{
float:left;
display:block;
width:200px;
height:15px;
overflow:hidden;
}

#quiz{
float:right;
margin-top:10px;
}

.lmdm{
display:block;
float:left;
width:80px;
height:15px;
overflow:hidden;
}

/**** FOOTER *****/
#footer {
	float:left;
	width:915px;
	height:201px;
	padding: 60px 0 0 50px;
	margin:5px 0 0 -5px !important;
	margin:5px 0 0 -3px;
	background:transparent url(images/bg-footer.jpg) 0 0 no-repeat;
}
#footer .list-site {
	float:left;
	color: #fff;
	width: 145px;
	margin-left: 10px;
}
#footer .list-site a:link, #footer .list-site a:hover, #footer .list-site a:visited {
	color: #fff;
}
#footer .list-site li {
	margin-top: 2px;
	}
#footer .list-site h4 {
	font-size:12px;
	margin-bottom: 5px;
}

/** NG **/
#zone-flash-ng {
float:right;
width:270px;
height:200px;
margin:5px 5px 0 0;
overflow:hidden;
}