/* CSS Document - By IceDeamon (icedeamon@gmail.com) --*/
/*-----------------------------------------------------*/
/*------------------- MISE EN PAGE --------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/

/* --- Le site en entier --------------*/
body{
background-color : #F1F7FF;
width : 800px;
padding : 10px;
margin : auto;
font-family : Arial, Sans, serif;
font-size : 13px;
}
/*-------------------------------------*/

/* --- Le logo (cadre haut-gauche) ----*/
/*#logo {
width : 190px;
height : 98px;
border : 1px solid #C5DBE9;
float : top;
text-align : center;
margin  : auto;
}*/

/*-------------------------------------*/

/* --- Le header ----------------------*/
#header {
text-align : center;
margin-left : 205px;
border : 1px solid #98BC9C;
color : #0F3D22;
background-color : #EEFBFF;
}
#header h2 a{
text-decoration : none;
color : #289D59;
}
/*-------------------------------------*/

/* --- Le menu (truc informe à gauche) */
#menu {
float : left;
width : 180px;
border : 1px solid #98BC9C;
/*position : fixed; */
margin-top : 10px;
background-color : #D1F2FF;
padding : 5px;
margin-bottom : 145px;
font-size : 14px;
}
#menu h3 {
color : #4680AD;
padding :0px;
margin : 0px;
}
#menu ul {
margin : 0px;
padding : 0px;
margin-bottom : 10px;
}
#menu li {
margin : 0px;
padding : 0px;
padding-left : 10px;
list-style-type: none;
}
/*-------------------------------------*/

/* --- Le corps -----------------------*/
#corps{
border : 1px solid #98BC9C;
background-color:#E2F4DE;
margin-left : 205px;
margin-top : 10px;
padding : 5px;
}
/*-------------------------------------*/

/* --- Le footer ----------------------*/
#footer {
text-align : center;
margin-left : 205px;
border : 1px solid #98BC9C;
margin-top : 35px;
color : #0F3D22;
background-color : #EEFBFF;
}
/*-------------------------------------*/

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*------------------- TRUCS SPECIFIQUES ---------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/

/* --- Enjolivation des articles (page accueil)*/
.article {
border-bottom : 1px solid #7EAB9B;
border-left : 1px solid #7EAB9B;
padding : 5px;
margin : 10px;
margin-bottom : 15px;
}
.article h3 {
margin : 0px;
font-size : 14px;
text-indent : 20px;
}
.article h3 a {
text-decoration : none;
color : green;
}
.article .signature {
display : block;
margin-bottom : 0px;
padding-left : 3px;
font-size : 11px;
border-bottom : 1px dashed #8F97A4;
border-left: 1px dashed #8F97A4;
}
.article .affich_suite {
display : block;
margin : 0px;
padding : 0px;
text-align : right;
}
/*-------------------------------------*/

/* --- Enjolivation des articles (page article)*/
#article {
border-bottom : 1px solid #7EAB9B;
border-left : 1px solid #7EAB9B;
padding : 5px;
margin : 10px;
margin-bottom : 15px;
}
#article h4 {
color : #17B722;
margin-bottom : 5px;
padding-bottom : 0px;
}
#article a h3 {
text-decoration : none;
color : green;
margin : 0px;
padding : 0px;
font-size : 17px;
text-indent : 20px;
}
#article .signature {
display : block;
margin-bottom : 0px;
padding-left : 3px;
font-size : 11px;
border-bottom : 1px dashed #8F97A4;
border-left: 1px dashed #8F97A4;
}
#article #chapo {
border-top : 1px dashed #8F97A4;
border-right: 1px dashed #8F97A4;
margin : 0px;
padding : 0px;
margin-bottom : 20px;
}
#article #contenu {
border-bottom : 1px dashed #8F97A4;
border-left : 1px dashed #8F97A4;
padding : 5px;
}
#article #fin_article {
border-top : 1px dashed #8F97A4;
border-right : 1px dashed #8F97A4;
margin-top : 10px;
}
/*-------------------------------------*/

/* --- Enjolivation des commentaires --*/
#commentaires {
border-top : 1px solid #7EAB9B;
border-right : 1px solid #7EAB9B;
padding : 5px;
margin : 10px;
margin-bottom : 15px;
}
.commentaire {
border-left: 5px solid #7FA388;
padding : 5px;
margin-bottom : 5px;
margin-top : 5px;
}
/*-------------------------------------*/

/* --- Liens --------------------------*/
a {
color : #469DC8;
text-decoration : none;
}
a:hover {
text-decoration : underline;
}
/*-------------------------------------*/

/* --- Le hidden pour le faux champ de site web --*/
.site_web {
visibility: hidden;
}