html, body
{
 margin: 0px 0px 0px 0px;

 background-color: #000000;
}

body
{
 font-family: Verdana;
 font-size: 12px;
 margin: 0px;
 padding: 0px;
}

img
{
 border-width: 0px;
 vertical-align: top;
}

a:link.menu, a:visited.menu, a:active.menu
{
 text-decoration: none;
 color: #000;
}

a:hover.menu
{
 text-decoration: none;
}

a:link, a:visited, a:active
{
 text-decoration: underline;
 color: #000;
}

a:hover
{
 text-decoration: none;
}


/*** Elements principaux ***/

#conteneur
{
 position: absolute;
 width: 100%;
 min-width: 755px;

 border-style: none;
 border-width: 1px 1px 1px 1px;
 border-color: #000000;
}


#header
{
 height: 95px;
 margin: 0px;

 border-style: none;
 border-width: 1px 1px 1px 1px;
 border-color: #000000;

 background-image:url('http://www.macreablog.com/css/imgs/logo_style_orange.png');
 background-repeat: no-repeat;
 background-position: left;
}

#header_left
{
 position: absolute;
 left: 0;
 width: 250px;
 height: 95px;
}

#header_right
{
 margin: 0px 0px 0px 250px;
 padding: 15px 0px 0px 0px;

 text-align: center;
}

#menu_gauche
{
 float: left;
 width: 150px;
 padding: 5px;

 border-style: none;
 border-width: 1px 1px 1px 1px;
 border-color: #000000;

 font-family: arial;
 font-size: 12px;
 color: #ffffff;
 text-align: left;
}

#menu_gauche a:link, #menu_gauche a:visited, #menu_gauche a:active
{
 text-decoration: none;
 color: #ffffff;
}

#menu_gauche a:hover
{
 font-weight: bold;
 text-decoration: none;
 color: #ffffff;
}

.ssmenu_gauche
{
 padding: 2px 5px 2px 5px;

 border-style: solid;
 border-width: 1px 1px 1px 1px;
 border-color: #d53e29;

 background-color: #e37744;

 font-family: arial;
 font-size: 12px;
 font-weight: bold;
 color: #000000;
 text-align: center;
}

#menu_droite
{
 float: right;
 width: 150px;
 padding: 5px;

 border-style: none;
 border-width: 1px 1px 1px 1px;
 border-color: #000000;

 font-family: arial;
 font-size: 12px;
 color: #ffffff;
 text-align: left;
}

#menu_droite a:link, #menu_droite a:visited, #menu_droite a:active
{
 text-decoration: none;
 color: #ffffff;
}

#menu_droite a:hover
{
 font-weight: bold;
 text-decoration: none;
 color: #ffffff;
}

.ssmenu_droite
{
 padding: 2px 5px 2px 5px;

 border-style: solid;
 border-width: 1px 1px 1px 1px;
 border-color: #d53e29;

 background-color: #e37744;

 font-family: arial;
 font-size: 12px;
 font-weight: bold;
 color: #000000;
 text-align: center;
}

#corps
{
 margin-left: 162px;
 margin-right: 162px;

 border-style: none;
 border-width: 1px 1px 1px 1px;
 border-color: #000000;
}

#footer
{
 padding: 2px;

 border-style: solid;
 border-width: 2px 2px 2px 2px;
 border-color: #d53e29;

 background-color: #e37744;
 clear: both;

 font-family: verdana;
 font-size: 10px;
 color: #000000;
 text-align: center;
}


/*** Articles ***/

.article
{
 margin: 5px 5px 15px 5px;

 border-style: solid;
 border-width: 2px 2px 2px 2px;
 border-color: #d53e29;
}

.article_top
{
 padding: 2px;

 border-style: solid;
 border-width: 0px 0px 2px 0px;
 border-color: #d53e29;

 background-color: #d53e29;

 font-family: verdana;
 font-size: 12px;
 font-weight: bold;
 color: #000000;
 text-align: left;
}

.article_middle
{
 padding: 2px;

 border-style: none;
 border-width: 1px 1px 1px 1px;
 border-color: #000000;

 background-color: #e37744;

 font-family: arial;
 font-size: 12px;
 color: #000000;
 text-align: justify;
}

.article_middle a:link, .article_middle a:visited, .article_middle a:active
{
 font-style: italic;
 text-decoration: underline;
 color: #000000;
}

.article_middle a:hover
{
 font-style: italic;
 text-decoration: none;
 color: #000000;
}

.article_comment
{
 padding: 2px;

 border-style: none;
 border-width: 1px 1px 1px 1px;
 border-color: #000000;

 background-color: #e37744;

 font-family: arial;
 font-size: 12px;
 color: #000000;
 text-align: center;
}

.article_comment a:link, .article_comment a:visited, .article_comment a:active
{
 font-weight: bold;
 text-decoration: none;
 color: #000000;
}

.article_comment a:hover
{
 font-weight: bold;
 text-decoration: underline;
 color: #000000;
}

.article_bottom
{
 padding: 2px;

 border-style: solid;
 border-width: 2px 0px 0px 0px;
 border-color: #d53e29;

 background-color: #d53e29;

 font-family: arial;
 font-size: 10px;
 font-style: italic;
 color: #000000;
 text-align: right;
}

.article_bottom a:link, .article_bottom a:visited, .article_bottom a:active
{
 text-decoration: none;
 color: ;
}

.article_bottom a:hover
{
 text-decoration: none;
 color: ;
}

.pages_navig
{
 margin: 5px 5px 20px 5px;

 border-style: solid;
 border-width: 2px 2px 2px 2px;
 border-color: #d53e29;

 background-color: #e37744;

 font-family: arial;
 font-size: 12px;
 color: #d53e29;
 text-align: center;
}

.pages_navig a:link, .pages_navig a:visited, .pages_navig a:active
{
 text-decoration: none;
 color: #d53e29;
}

.pages_navig a:hover
{
 text-decoration: none;
 color: #d53e29;
}

#pages_titre
{
 margin: 5px 5px 15px 5px;

 border-style: solid;
 border-width: 2px 2px 2px 2px;
 border-color: #d53e29;

 background-color: #e37744;

 font-family: arial;
 font-size: 16px;
 font-weight: bold;
 color: #000000;
 text-align: center;
}