/*****************************
* Body & g�n�ral
*****************************/

html, body { background-color: #9babbb; padding: 5px; margin: 0; }
img { vertical-align: middle; }
h1 { border-bottom: 1px solid #7b8b9b; font: bolder 18px "Courier New"; margin-top: 10px; }
span.trois { color: #db8c2f; }
a:link, a:active, a:visited { color: #4b5b6b; text-decoration: none; }
a:hover { color: #1b2b3b; text-decoration: underline; }

input.text { border: 1px #666 solid; font-family: "trebuchet ms", verdana; font-size: 10px; height: 15px; padding: 0px 3px; background-color: #EEE; }
textarea.text { border: 1px #666 solid; font-family: "trebuchet ms", verdana; font-size: 10px; height: 100px; width: 350px; padding: 0px 3px; background-color: #EEE; }
input.submit { border: 1px #000 solid; font-family: verdana; font-size: 10px; background-color: #7b8b9b; color: #FFF; height: 15px; }

span.NewMP { font: bold 10px verdana; color: #7F0F0F; }

div.BBCodesBut input { font: normal 10px Verdana; }
div.BBCodesBut img { border: 0; }

#squelette { margin: 0 auto 0 auto; width: 800px; background-color: #FFF; border-collapse: collapse; border-spacing: 0px; background-image: url("images/fond.gif"); border-bottom: 2px solid #666666; }
#squelette_pop { margin: 0 auto 0 auto; width: 100%; border-collapse: collapse; border-spacing: 0px; background: #FFFFFF; border: 2px solid #666666; }
#squelette_pop td.body { padding: 20px; font-family: "trebuchet ms", verdana; font-size: 12px; }
#squelette_fo { margin: 0 auto 0 auto; width: 800px; background-color: #FFF; border-collapse: collapse; border-spacing: 0px; background-image: url("images/fond_fo.gif"); border-bottom: 2px solid #666666; }
#body { padding: 20px 30px 20px 20px; text-align: left; vertical-align: top; font-family: "trebuchet ms", verdana; font-size: 12px; width: 100%; }
#prev div { border: 1px solid #7b8b9b; background-color: #F1F1F1; padding: 7px; font-family: "trebuchet ms", verdana; font-size: 11px; margin-top: 5px; }


/*****************************
 * Le menu
*****************************/
 
#menu { width: 181px; vertical-align: top; padding: 2px; /* background-color: #F5F5F5; border-right: #CCC 1px solid; */ }
#menu table { border-collapse: collapse; border-spacing: 0px; }
#menu td.titre { background-image: url("images/menu_titre.jpg"); background-repeat: no-repeat; background-position: bottom; width: 181px; height: 25px; text-align: center; font-weight: bold; font-size: 11px; vertical-align: middle; color: #333; letter-spacing: 2px; color: #FFF; font-family: "trebuchet ms", verdana; }
#menu td.lien, #menu td.lienCadre { text-align: left; height: 20px; font-family: verdana; font-size: 10px; line-height: 18px; }
#menu td.lien img, #menu td.lienCadre img { vertical-align: middle; }
#menu td.lien { padding: 0px 15px 0px 10px; }
#menu td.connect { padding-left: 25px; padding-bottom: 20px; font-family: verdana; font-size: 10px; text-align: left; }
#menu td.connect input.text { background-color: #FFF; margin-bottom: 5px; }
#menu img { border: 0px; }

#menu td.lienCadre a:link, #menu td.lienCadre a:active, #menu td.lienCadre a:visited, #menu td.lienCadre a:hover { display: block; text-decoration: none; margin: 0px 15px 0px 5px; line-height: 15px; }
#menu td.lienCadre a:link, #menu td.lienCadre a:active, #menu td.lienCadre a:visited { color: #4b5b6b; padding: 1px 6px 1px 6px; }
#menu td.lienCadre a:hover { color: #707A84; border: 1px solid #BBB; padding: 0px 5px 0px 5px; background: #E3E3E3; }

/*#menu a:link, #menu a:active, #menu a:visited { color: #4b5b6b; padding: 0px 5px 1px 5px; }
#menu a:hover { color: #DB8C2F; border-bottom: 1px dashed #DFC5A7; padding: 0px 5px 0px 5px; }*/

#dernPosts { line-height: 14px; }
#dernPosts div.row { border-bottom: 2px dotted #ddd; padding: 3px 0px; }
#dernPosts div.auteur { text-align: right; }

/*****************************
 * Le haut
*****************************/

#haut { background-image: url("images/haut_fond.jpg"); height: 241px; font-family: verdana; font-size: 10px; padding: 0; }
#haut table { border-collapse: collapse; border-spacing: 0px; width: 100%; }
#haut td.intro { padding: 120px 20px 0px 20px; text-align: justify; vertical-align: top; line-height: 18px; }

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

#haut #barre { text-align: center; vertical-align: middle; font-size: 11px; font-family: verdana; letter-spacing: 1px; }

#haut_fo { background-image: url("images/haut_fond_fo.jpg"); background-repeat: no-repeat; background-color: #9babbb; height: 241px; font-family: verdana; font-size: 10px; padding: 0; }
#haut_fo table { border-collapse: collapse; border-spacing: 0px; width: 100%; }
#haut_fo td.intro { padding: 120px 20px 0px 20px; text-align: justify; vertical-align: top; line-height: 18px; }

#haut_fo #barre { text-align: center; vertical-align: middle; font-size: 11px; font-family: verdana; letter-spacing: 1px; }


/*****************************
 * L'administration
*****************************/

#admin div.titre { font-weight: bold; font-size: 13px; }
#admin table { width: 100%; }
#admin td { padding-top: 15px; vertical-align: top; }
#admin td.left { width: 250px; }

/*****************************
 * ChatBox
*****************************/

#chatBox table { border-collapse: collapse; border-spacing: 0px; width: 100%; }
#chatBox td { padding: 5px; font-family: "trebuchet ms", verdana; font-size: 11px; text-align: justify; vertical-align: top; border-bottom: 2px dotted #ddd; }
#chatBox p { margin: 0; }
#chatBox td.profil { font-weight: bold; width: 150px; }
#chatBox div.date { color: #AAA; font-style: italic; font-weight: normal; }
#chatBox div.pagination { text-align: right;  }
#chatBox img { border: 0px; }

/*****************************
 * Les news
*****************************/

div.newsRow div.date { float: right; color: #666; font-style: italic; font-weight: normal; }
div.newsRow div.titre { letter-spacing: 1px; border-bottom: 1px solid #DDD; font: bolder 12px "trebuchet ms"; color: #6b7b8b; margin-bottom: 10px; }

#newsBox { margin: 0 auto 0 auto; width: 400px; text-align: left; }
#newsBox h1 { margin: 0; border: 0; }
#newsBox div.contenu { border: 1px solid #7b8b9b; background-color: #F1F1F1; padding: 7px; font-family: "trebuchet ms", verdana; font-size: 11px; margin-bottom: 50px; }
#newsBox div.admin { float: right; padding: 2px; }

#FormNews textarea { width: 100%; height: 200px; margin-top: 10px; }
#FormNews input.text { width: 70%; }

#archNews div.row { margin-bottom: 20px;  }
#archNews div.newsRow div.texte { border: 1px solid #7b8b9b; background-color: #F1F1F1; padding: 5px; }
#archNews div.newsRow div.titre { border: 0; margin: 0; }
#archNews div.admin { float: right; padding: 2px; }

/*****************************
 * Les pages
*****************************/

#FormPages textarea { width: 100%; height: 200px; margin-top: 10px; }
#FormPages input.text { width: 70%; }

#pages div.admin { float: right; color: #666; font-style: italic; font-weight: normal; }

/*****************************
 * Galerie
*****************************/

#GalDir { text-align: center; }
#GalDir div.contenu { width: 300px; margin: 0 auto 30px auto; text-align: left; border: 1px solid #7b8b9b; background-color: #F1F1F1; padding: 7px; font: normal 11px "trebuchet ms"; line-height: 20px; }

#GalImg { text-align: center; }
#GalImg table { margin: 0 auto 0 auto; }
#GalImg table td { vertical-align: top; padding: 5px; font: normal 10px arial; color: #666; }
#GalImg table td img.attach { border: #444 solid 1px; }
#GalImg div.comment { float: right; font-size: 8px; background: url(images/comment.gif) no-repeat; width: 16px; height: 15px; text-align: center; margin: 3px; }

div.nav { font: italic 10px verdana; margin: 0; padding-bottom: 20px; }

/*****************************
 * Commentaire des photos
*****************************/

#commentGal table { border-collapse: collapse; border-spacing: 0px; width: 100%; }
#commentGal td { padding: 5px; font-family: "trebuchet ms", verdana; font-size: 11px; text-align: justify; vertical-align: top; border-bottom: 2px dotted #ddd; }
#commentGal p { margin: 0; }
#commentGal td.profil { font-weight: bold; width: 120px; }
#commentGal div.date { color: #AAA; font-style: italic; font-weight: normal; }
#commentGal div.pagination { text-align: right;  }
#commentGal img { border: 0px; }

/*****************************
 * Copyright
*****************************/

#copyright { font: normal 10px verdana; width: 800px; text-align: right; line-height: 20px; }
#valide { float: left; }

/*****************************
 * T'Chat
*****************************/

#Chat { padding: 35px 8px 0 0; }
#Chat table { width: 100%; border-spacing: 0px; border-collapse: collapse; empty-cells: show; }
#Chat table td.titre { height: 27px; background: url(images/chat_but.jpg) no-repeat center; border: 0; margin: 0; padding: 0; }
#Chat table td.contenu { background: #c3d0e1; border: 1px solid #0a3368; border-top: 0; font: bold 10px verdana; color: #0a3368; padding: 5px; line-height: 18px; text-align: left; }
#Chat table.TblCont { width: 149px; }
html>body #Chat table.TblCont { width: 148px; }
#Chat table td.contenu span.titre { font-weight: normal; }
#Chat input, #Chat select { width: 80px; height: 11px; vertical-align: middle; font: normal 10px verdana; background: #E0E7EF; border: 0; color: #0a3368; }

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