/* Feuille de style pour les blogs */
/* Style par défaut - Habillage officiel */

/* Bocs généraux */

body
{
width: 850px;
margin: auto;
height: 100%;
font-family: Arial, Helvetica, Times New Roman;
font-size: 12px;
background:url(img_grimoire/bg.jpg) 50% 0 #16110e repeat-x fixed;
margin-top: 5px;
margin-bottom: 5px;
}

#top
{
height: 29px;
background-image: url("img_grimoire/top.jpg");
}

#head
{
height: 63px;
background-image: url("img_grimoire/header.jpg");
border-left: solid 1px black;
border-right: solid 1px black;
}

#corps
{
overflow: auto;
background-color: #F7F2EB;
padding: 10px;
border-left: solid 1px black;
border-right: solid 1px black;
}

#footer
{
height: 18px;
padding-top: 7px;
background-image: url("img_grimoire/footer.jpg");
border-left: solid 1px black;
border-right: solid 1px black;
border-bottom: solid 1px black;
text-align: center;
font-size: 12px;
}

#nom_site
{
font-size: 26px;
padding-top: 30px;
padding-left: 220px;
text-align: center;
overflow: hidden;
font-weight: bold;
}

#menu
{
height: 43px;
background-image: url("img_grimoire/menu.jpg");
border-left: solid 1px black;
border-right: solid 1px black;
text-align: center;
font-size: 12px;
padding-left: 220px;
padding-top: 15px;
text-align: center;
color: #c9e9ce;
}

/* Blocs internes */

#col_left
{
float: left;
width: 150px;
margin-left: 10px;
margin-top: 5px;
margin-bottom: 5px;
}

#col_right
{
float: right;
width: 645px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
}

.bloc_menu
{
background-color: #FAF8F5;
border: solid 1px black;
margin-bottom: 10px;
}

.article
{
background-color: #FAF8F5;
border: solid 1px black;
margin-bottom: 10px;
}

.top_bloc
{
font-size: 16px;
font-weight: bold;
color: #352219;
padding-left: 10px;
padding-bottom: 8px;
padding-top: 2px;
background-image: url("img_grimoire/top_bloc.jpg");
background-repeat: no-repeat;
}

.bloc_menu .top_bloc
{
padding-left: 5px;
text-align: center;
}

.content
{
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
text-align: justify;
}

.conteneur
{
overflow: auto;
margin-bottom: 10px;
}

.bloc_left
{
float: left;
width: 308px;
margin: 5px;
margin-left: 0px;
background-color: #FAF8F5;
border: solid 1px black;
}

.bloc_right
{
float: right;
width: 308px;
margin: 5px;
background-color: #FAF8F5;
border: solid 1px black;
}

.haut
{

font-size: 13px;
text-align: center;
padding: 5px;
margin-bottom: 10px;
background-color: #FAF8F5;
border: solid 1px black;
background-repeat: no-repeat;
}

.bas
{
margin-top: 10px;
padding: 5px;
background-color: #FAF8F5;
border: solid 1px black;
background-repeat: no-repeat;
}

.bas_article
{
padding-top: 5px;
padding-left: 5px;
margin-bottom: 5px;
border-top: dotted black 1px;
}


/* Messages d'erreur et de confirmation */

.erreur
{
background-color: #F1BEBE;
border: solid 2px #690B0C;
padding: 10px;
color: #690B0C;
font-weight: bold;
margin-bottom: 10px;
}

.valid
{
background-color: #BFF1BE;
border: solid 2px #022101;
padding: 10px;
color: #022101;
font-weight: bold;
margin-bottom: 10px;
}

h2
{
font-size: 14px;
}

/*  images */

#corps a img
{
border: solid 1px black;
}

#corps a:hover img
{
border: solid 1px #8b0e0f;
}

/*  liens */

a
{
color: #352219;
text-decoration: none;
}

a:hover
{
color: #352219;
text-decoration: underline;
}

#menu a
{
color: black;
font-weight: bold;
text-decoration: none;
margin-left: 6px;
margin-right: 6px;
}

#menu a:hover
{
color: #572E10;
font-weight: bold;
text-decoration: none;
margin-left: 6px;
margin-right: 6px;
}

#footer a
{
color: black;
text-decoration: none;
margin-left: 6px;
margin-right: 6px;
}

#footer a:hover
{
color: #572E10;
text-decoration: none;
margin-left: 6px;
margin-right: 6px;
}