body{
font-size:62.5%;
font-family:Trebuchet MS;
margin:15px 0 25px 0;}

hr{
display:none;}

#page{
width:75em; max-width:90%; margin:auto;}

#header{
margin:0 0 20px 0;;
text-align:right;
color:#003366}
#header ul{
margin:0;
padding:0 0 8px 0;
border-bottom:3px #003366 solid;}
#header li{
display:inline;
font-size:1.4em; font-weight:bold;
text-transform:uppercase;
padding:0 5px 0 5px;
border-right: 2px #003366 solid;}
#header li a{
color:#336699;
text-decoration:none;}
#header li a:hover{
color:#226FBF;}
#header img{
width:75em;
max-width:100%;
margin-top:15px;
padding-bottom:10px;
border:none;
border-bottom:2px #336699 solid;}

#content{
margin-right: 25em;}

#content h1{
font-family: Times;
font-size: 3.5em;
font-weight: normal;
color:#003366;
margin:35px 0 5px 0; 
padding-left:35px;
background-image: url(images/icone_check_yellow_30.png);
background-repeat: no-repeat;
background-position: left center;}
#content h1 a{
color:color:#003366; text-decoration:none;}
#content h1 a:hover{
text-decoration:underline;}

#content p.chapeau{
font-size:1.6em;
border-left:5px #FECB65 solid;
padding-left:10px;
margin-left:5px;}

.vignette, .la-une img{
float:right;
width:15em;
margin:15px; padding:5px;
border:2px #CCC solid;}
.la-une a img:hover{
border-color:#999}

.photo{
display:block; width:45em; }

#content p, #content li{
font-size:1.5em; line-height:150%;}

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

div.numeros{
text-align:center;}
div.numeros img{
width:10em;
border:1px #CCC solid;
margin:5px;
display:inline;}
div.numeros a>img:hover{
border:1px #999 solid;}

#sidebar{
float:right;
width:22em;
margin-bottom:45px;}
#sidebar>ul{
margin:0; padding:0;
list-style-type:none;}
#sidebar h2{
color:#003366;
text-transform:uppercase; }
#sidebar>ul>li>ul{
margin:0; padding:0;
list-style-type:none;
list-style-position:inside;}
#sidebar>ul>li>ul>li, #sidebar h2{
padding:2px 2px 2px 15px;
margin-bottom:4px;
font-size:1.4em;
background-color:#F1EFE2;
border:1px #ECE9D8 solid;
border-right:5px #ECE9D8 solid;}
#sidebar a{
color:#003366;  font-weight:bold;
text-decoration:none;}
#sidebar a:hover{
color:#336699;}

#footer{
clear:both;
text-align:center;
border-top:3px #003366 solid;
padding-top:15px;}
#footer a img{
height:2.5em; padding:0 5px 0 5px; border:none;}





#content .post h3{
font-size:1.5em; color:#003333; text-transform:uppercase;}

#content .notes{
margin:0 0 25px 5px; padding-left:10px;
border-left:2px #CCC solid;}
#content .notes p, #content .notes li{
font-size:1.4em; margin:0 0 8px 0;}
#content .notes ul{
margin:0; padding-left:20px;}
#content .notes li{
list-style-type:circle;}

#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;}

.navigation{
text-align:center;}
.navigation p{
margin:0}
.navigation a{
font-weight:bold; color:#003333; text-decoration:none;}
.navigation a:hover{
text-decoration:underline;}