#blog-accueil{background:transparent url(/assets/css/bg-conteneur2blog1.jpg) no-repeat;}
#blog-in{background:transparent url(/assets/css/bg-conteneur2blog2.jpg) no-repeat;}

/*######################### ELEMENTS CONTENUS DANS #BLOG-ACCUEIL ###########################*/
#blog-accueil p, #blog-in p{
margin:0 5px 15px 0;
}

#blog-accueil p.blogintro{
color:#761327;
font-weight:bold;
}

#blog-accueil h2, #blog-in h2{
text-align:left;
margin:80px 0 15px 20px;
padding-left:30px;
background:transparent url(/assets/css/h2-blog.gif) no-repeat 0 50%;
}

#blog-in h3{
font-size:0.9em;
margin-bottom:15px;
color:#000000;
margin-left:10px;
}

#blog-in h3 span{
color:#761327;
}

.rublog{
width:726px;
clear:both;
background:transparent url(/assets/css/pointilles-blog.gif) repeat-y 189px;
}

.blog-liste{ /* menu de l'accueil du blog */
width:191px;
float:left;
padding-bottom:15px;
}

.blog-liste2{ /* menu des pages internes du blog */
width:189px;
border-right:2px dotted #C6C2A5;
margin:50px 0 0 0;
padding-bottom:15px;
}

.blog-liste2 ul{
margin-bottom:10px;
}

.blog-liste #item160 span, .blog-liste2 #item160 span{
display:none;
}

.blog-liste h4, .blog-liste2 h4{
background:transparent url(/assets/css/h3-blogrouge.gif) no-repeat;
color:#FFFFFF;
font-size:0.9em;
height:33px;
padding:4px 0 0 30px;
}

.blog-liste h4.active, .blog-liste2 h4.active{
background:transparent url(/assets/css/h3-blogbeige.gif) no-repeat;
}

.blog-art{
width:505px;
float:left;
}

.blog-art h4{
background-color:#C4BFA9;
width:505px;
color:#FFFFFF;
padding:4px 0 0 30px;
height:21px;
font-size:0.9em;
}

.blog-art div{
width:236px;
float:left;
margin:15px 0 15px 15px;
}

.blog-art div.infos{
width:226px;
border:1px solid #CECECE;
background-color:#EFEFEF;
padding:4px;
}

.blog-art div.pictoprojet{ /* affiche la miniature pour les projets en cours sur l'accueil */
float:left;
margin:3px 13px;
padding:0;
width:62px;
height:58px;
background:transparent url(/assets/css/bg-imgrea.jpg) no-repeat 100% 100%;
}

.blog-art div.resume{ /* affiche les résumés pour les articles de presse et les infos techniques */
margin:0;
}

.blog-art div.resume p{
display:inline;
}

.blog-art div h5{
color:#000000;
font-size:0.8em;
}

.blog-art div h5 a{
text-decoration:none;
color:#761327;
font-size:1.1em;
}

#blog-accueil .blog-art div p{
padding-left:3px;
margin:0;
}

#blog-accueil .blog-art div p.dossier{
font-size:0.8em;
color:#999999;
font-weight:bold;
}

.blog-liste ul li, .blog-liste2 ul li{
list-style:none;
margin-left:20px;
}

.blog-liste a, .blog-liste2 a{
display:block;
width:120px;
padding:4px 0 4px 14px;
background:transparent url(/assets/css/li-rea.gif) no-repeat -6px 50%;
color:#3F3A37;
font-size:0.9em;
border-bottom:1px solid #3F3A37;
text-decoration:none;
font-weight:bold;
}

.blog-liste a .count, .blog-liste2 a .count{
color:#761327;
}

.blog-liste .last a, .blog-liste2 .last a{
border:0;
}

.blog-liste a:hover, .blog-liste .active a, .blog-liste2 a:hover, .blog-liste2 .active a{
background:transparent url(/assets/css/li-rea-hover.jpg) no-repeat 0 50%;
color:#761327;
}

/*######################### ELEMENTS CONTENUS DANS #BLOG-IN ###########################*/
#blog-in #contenu h4{
font-size:0.9em;
color:#761327;
margin-bottom:5px;
}

#blog-in #contenu .lightbox img{
width:256px;
border:1px solid #000000;
}

#blog-in #contenu a.lightbox{
display:block;
width:256px;
margin:10px auto;
clear:both;
}

ul.blogin-liste{
width:210px;
list-style-type:none;
font-size:0.9em;
float:left;
padding:5px 20px 20px 8px;
}

ul.blogin-liste li{
margin-right:10px;
border-bottom:2px dotted #AEAEAE;
}

ul.blogin-liste a{
color:#000000;
text-decoration:none;
font-weight:bold;
}

ul.blogin-liste a:hover, #reflect_archivelist a:hover{
color:#761327;
}

ul.blogin-liste li.active a{
color:#761327;
}

#blog-in #print{
float:left;
width:150px;
padding-left:25px;
margin:10px 30px 0 45px;
background:transparent url(/assets/css/print.gif) no-repeat 0 50%;
}

#blog-in #retour-accueil{
float:left;
width:200px;
color:#761327;
margin:10px 0 0 0;
}

#blog-in #print a, #blog-in #retour-accueil a{
color:#761327;
text-decoration:none;
font-weight:bold;
font-size:0.9em
}

#blog-in #print a:hover, #blog-in #retour-accueil a:hover{
text-decoration:underline;
}

.li-carres{
font-size:0.9em;
margin-left:15px;
}

.citations{
margin-top:15px;
font-style:italic;
text-align:right;
}

.datepub{
text-align:right;
font-style:italic;
color:#666666;
padding-right:15px;
}

/*######################### ELEMENTS CONTENUS DANS #REFLECT (ACCUEIL DES SOUS-RUBRIQUES) ###########################*/
#reflect_archivelist{
width:450px;
font-size:0.9em;
}

#reflect_archivelist li{
margin:0 0 4px 10px;
}

.reflect_year, .reflect_month{
list-style-type:none;
}

.reflect_items{
list-style-type:square;
}

#reflect_archivelist a{
text-decoration:none;
font-weight:bold;
}

.reflect_year a{
color:#666666;
font-size:1.1em;
}

.reflect_year .reflect_month_link{
color:#761327;
font-size:1em;
display:block;
width:400px;
border-bottom:2px dotted #AEAEAE;
}

.reflect_item a{
color:#000000;
font-size:1em;
}

#reflect_archivelist span{
color:#666666;
font-size:0.9em;
}