body{
width: 1000px;
margin: auto;
color: #5B5B5B;
/*font-family: Arial, Comic Sans MS;*/
font-size: 16px;
}

#header{
width: 1000px;
height: 312px;
background: url(img/header.png) no-repeat -10px;
}

#menu{
position: absolute;
top: 108px;
height: 26px;
font-size: 20px;
margin: 0;
padding: 0;
}

/* Opera */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
#menu {
position: absolute;
top: 108px;
margin-left: 12px;
font-size: 20px;
}
}

#menu a{
font-family: serif;
margin: 0;
color: #f1f1f1;
text-decoration: none;
cursor: pointer;
}

#menu a:hover{
text-decoration: underline;
cursor: pointer;
}

#menu a.special{
/*color: #8BB9FE;*/
color: white;
text-decoration: underline;
}

#news{
position: absolute;
top: 148px;
margin-left: 18px;
width: 965px;
height: 140px;
color: white;
/*border: 1px dashed white;*/
}

#news h2{
margin: 2px;
}

#news li{
float: left;
width: 214px;
height: 100px;
border: 1px dotted #8BB9FE;	
list-style: none;
margin: -10px 18px 0 -12px;
padding: 4px;
}

#news h3{
font-weight: normal;
margin: 0px 2px;
}

#news h5{
margin: 2px;
font-weight: normal;
}

#news ul.last_article{
margin: 0;
padding: 0 0 0 4px;
}

#news ul.last_article li{
margin: -1px;
width: 100%;
height: auto;
border: none;
font-weight: bold;
font-size: 14px;
}

.last_article li a{
color: #8BB9FE;
text-decoration: none;
}

.last_article li a:hover{
color: #8BB9FE;
text-decoration: underline;
}

#news .suite{
float: right;
margin: -8px 6px 0 0;
text-decoration: none;
color: #8BB9FE;
}

#news .suite:hover{
text-decoration: underline;
}


#home, #cv, #realisation, #album, #photo, #contact{
width: 1000px;
min-height: 300px;
padding-bottom: 10px;
background: url(img/contenu.png) repeat-y -10px;
}

#footer{
width: 1000px;
height: 59px;
background: url(img/footer.png) no-repeat -10px;
text-align: center;
}

#footer hr{
margin: 0 0 4px 0;
width: 955px;
margin-left: 22px;
}

#footer a{
margin: 15px;
}

.main h1{
text-align: center;
margin-top: 0px;
}

.main p{
padding: 0px 25px;
}

.main a, #footer a{
color: blue;
text-decoration: none;
}

.main a:hover, #footer a:hover{
text-decoration: underline;
}

.menu_link{
cursor: pointer;
}

.menu_link:hover{
text-decoration: underline;
}

/* ------------------------------- */
/* ---------- ARTICLES ----------- */
/* ------------------------------- */

#article fieldset{
margin: 22px;
background: #f1f1f1;
}

#article .titre{
font-size: 18px;
margin: 0px;
text-align: center;
}

#article .left{
float: left;
}

#article .right{
float: right;
cursor: pointer;
}

#article hr{
margin: 0px 12px;
color: white;
}

/* ---------------------------- */
/* ------ COMMENTAIRE --------- */
/* ---------------------------- */

#commentaire{
display: none;
background: white;
width: 760px;
height: 500px;
border: 6px silver solid;
}

#liste_commentaire{
position: relative;
height: 450px;
overflow: auto;
margin: 0;
padding: 0;
}

table.info{
font-size: 12px;
}

#commentaire fieldset, #commentaire fieldset legend{
margin: 10px 0;
background: #e1e1e1;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
}

#commentaire fieldset{
border: 1px solid gray;
}

#commentaire .rediger-com{
color: blue;
cursor: pointer;
}

#commentaire .rediger-com:hover{
text-decoration: underline;
}

#commentaire #add-commentaire{
display: none;
}

.commentaire .msg{
background: white;
padding: 6px;
}

#load-com{
margin: 20px auto;
}

#id_news{
color: red;
}