body{
font-size:62.5%;
margin:0; padding:0;
background-color:#CACED1;}

#header a{
text-decoration:none;
color: #FFF}
#header a:hover{
color: #FFFFCC;}

#banniere{
height:317px;
background-image:url(images/bannieres/consommez_speculez.jpg);}

#content p, #content li{
font-family:Verdana;
font-size:1.3em;
line-height: 1.8;
text-align:justify;}

h1, h1 a{
font-family:Trebuchet MS;
font-weight:normal;
color:#2666C3;
text-align:left;
margin-top:0;}
h1>a{
text-decoration:none;}
a:hover{
text-decoration:underline;}

hr{display:none}

#page{
width:95em; max-width:95%; margin:0 auto 0 auto;
border-left:1px #242C8F solid;
border-right:1px #242C8F solid;
background-color:#FFF;}

#header{
padding:0;
overflow:hidden;}
#logo{
padding:35px 10px 15px 10px;
display:block;}
#banniere{
margin:0; padding:0;}
#banniere img{
display:block;}
ul#menu{
margin:0; 
padding:10px;
background-color:#242C8F;
background-image: url(images/bg_menu.png);
background-position:bottom; 
background-repeat:repeat-x;
font-family:Arial;
font-size:1.5em;
color:#FFF;}
ul#menu li{
display:inline;
padding-right:10px;
border-right:1px #FFF dotted;
margin-right:10px;}


#main{
background-color:#E8E8E8;;}

#sidebar{
width:26em;
padding:25px;
float:right;}
#sidebar h2{
font-size:1.9em;
font-weight:normal;
color:#751F27;}
#sidebar ul{
margin:0;padding:0;
list-style-type:none;}
#sidebar li{
font-family:Arial;}
#sidebar a{
text-decoration:none;
color:#514E53;
font-size:1.4em;}
#sidebar a:hover{
text-decoration:underline;}

#content{
margin-right:31em;
padding:20px;
background-color:#FFF;
margin-bottom:0}

#content div.alaune{
background-color:#FFFFCE;}
#content div.post, #content div.alaune{
padding:20px;
border-bottom:1px #CCC dotted;
margin-bottom:15px;
overflow:auto;}

img.vignette{
float: left;
width: 12em;
border:3px #999 solid;
margin-right:15px;}

p.date{
font-size: 1.4em;
font-weight: bold;
color: #999999;}

#content p a{
color: #fb9233;
text-decoration:none;}
#content p a:hover{
text-decoration:underline;}

#navigation p{
text-align:center;}


#footer{
clear:both;
border-top:2px #242C8F solid;
padding:25px;
text-align:center;}
#footer p{
font-family:Verdana;
font-size:1.3em;}
#footer p a{
color: #fb9233;
text-decoration:none;}
#footer p a:hover{
text-decoration:underline;}

#wpadminbar{
display:none;}



#content p.postmetadata{
font-size:1.4em; color:#999; padding:5px;
border-top:1px #999 dotted; border-bottom:1px #999 dotted;}
#content p.postmetadata a{
color:#336666; text-decoration:none;}
#content .postmetadata a:hover{
text-decoration:underline;}

#comments h2, #respond h2{
font-size:1.8em; color:#003333; margin:30px 0 15px 0;}
#comments ol{
margin:0;padding:0;}
#comments li{
list-style-type:none;
margin:0 0 25px 0; padding-left:10px;
border-bottom:1px #CCC dotted; border-left:1px #CCC dotted;}
#comments p, #respond p{
font-size:1.4em; margin:0 0 8px 0;}
p.comment_author{
color:#003333;}
p.comment_author a{
color:#003333; text-decoration:none;}
p.comment_author a:hover{
text-decoration:underline}
p.comment_date{
color: #999;}
p.comment_date a{
color:#336666; text-decoration:none;}
p.comment_date a:hover{
text-decoration:underline;}

#commentform{
padding:15px 15px 0 0; text-align:right;
border-top:1px #CCC dotted; border-right:1px #CCC dotted;}
#author, #email, #url{
width:15em; padding:3px; border:1px #CCC solid;}
#commentform label{
margin-right:1em;}
#comment{
width:35em; border:1px #CCC solid;}




/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

	margin: 3px 5px 3px 5px ;

	border: 0;

	}



/*	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: 4;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left

	}

/* End Images */