/* CSS Document */

/*######################################### GENERAL */

body{
background-color:#3b6aa4;
}

*{
margin:0px;
}

a{
outline:none;
}

a img{
border:0;
}

p{
padding:5px;
}

/*######################################### DESIGN */

#main{
width:845px;
margin-left:auto;
margin-right:auto;
}

/* header ===============================================================*/

#main #header{
background:url(design/header.jpg);
height:152px;
border-left:3px solid white;
border-right:3px solid white;
border-bottom:3px solid white;
margin-bottom:10px;
}

#main #header h1{
position:absolute;
left:-1000px;
}

/* corps ===============================================================*/

#main #corps{
background:url(design/bg_corps.jpg) repeat-x white;
padding-top:8px;
}

/* menu ===============================================================*/

#main #corps #group_menu{
width:220px;
margin-left:8px;
float:left;
}

#main #corps #group_menu .menu{
border:1px solid #17375e;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding:2px;
margin-bottom:10px;
}

#main #corps #group_menu .menu h2{
font-size:12px;
color:white;
background:url(design/bg_h2.jpg) repeat-x;
height:24px;
padding-top:4px;
text-indent:5px;
}

#main #corps #group_menu .menu ul{
list-style:url(design/puce.gif);
margin-left:-20px;
margin-top:10px;
}

*+html #main #corps #group_menu .menu ul{
margin-left:25px;
}

#main #corps #group_menu .menu ul li{
text-indent:10px;
height:25px;
}

#main #corps #group_menu .menu ul li a{
color:#292b33;
text-decoration:none;
display:block;
width:190px;
}

#main #corps #group_menu .menu ul li a:hover{
font-weight:bold;
}

#main #corps #group_menu .menu p{
line-height:24px;
}

#main #corps #group_menu .menu a{
color:#292b33;
text-decoration:none;
}

#main #corps #group_menu .menu a:hover{
font-weight:bold;
}

#main #corps #group_menu .photos{
text-align:center;
}

#main #corps #group_menu .menu img{
margin-left:5px;
margin-right:5px;
margin-bottom:2px;
}

/* articles ===============================================================*/

#main #corps #group_articles{
width:590px;
border:1px solid #17375e;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding:2px;
margin-bottom:10px;
float:right;
margin-right:8px;
}

#main #corps #group_articles h2{
font-size:12px;
color:white;
background:url(design/bg_h2.jpg) repeat-x;
height:24px;
padding-top:4px;
text-indent:5px;
}

/* un article ===============================================================*/

#main #corps #group_articles .article p.titre{
color:#faab13;
font-weight:bold;
font-size:18px;
margin-bottom:-10px;
}

#main #corps #group_articles .article p.titre img{
float:left;
margin-right:5px;
margin-top:5px;
}

#main #corps #group_articles .article p.date{
color:#8d8d8d;
font-size:11px;
}

#main #corps #group_articles .article p.comment{
float:right;
margin-top:-30px;
}

#main #corps #group_articles .article p.comment a{
color:#faab13;
font-size:12px;
font-weight:bold;
}

#main #corps #group_articles .article p.comment a:hover{
text-decoration:none;
color:#d99003;
}

#main #corps #group_articles .article .article_texte{
color:#2d3343;
font-size:13px;
text-align:justify;
border-top:1px solid #d6d6d6;
border-bottom:1px dashed #4c4c4c;
padding-bottom:10px;
padding-top:10px;
width:585px;
margin-left:auto;
margin-right:auto;
margin-bottom:5px;
}

#main #corps #group_articles .article .article_texte a{
color:#3b6aa4;
text-decoration:overline;
font-weight:bold;
}

#main #corps #group_articles .article .article_texte a:hover{
color:#5794e0;
text-decoration:none;
font-weight:bold;
}

/* footer ===============================================================*/

#footer{
clear:both;
margin-bottom:10px;
color:#2d3343;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-left:8px;
padding-bottom:5px;
}

#footer a{
color:#faab13;
font-size:12px;
font-weight:bold;
}

#footer a:hover{
text-decoration:none;
color:#d99003;
}