/*----------------------------------------------
feuille de style créée par bertrand
http://www.ytournel.net
version 2.1 beta

Structure de la page
page
  top
  menu
  main
    (sidebar_l)
    (sidebar_r)
    content
       (titre)
  footer
----------------------------------------------*/

/* RAZ
----------------------------------------------*/
html, body, #page, #top, #menu, #footer, #main, #content, #sidebar_r,
#sidebar_l, #blognav, #blogextra {
    margin : 0;
    padding : 0;
    }

#clear {
    clear: both;
}

/* mise en page générale par blocs
----------------------------------------------*/
body {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 0.8em;
    text-align: center;
    }
.clear {
    clear: both;
    }

/* page */
#page {
    margin : 0 auto;
    text-align : left;
    width : 800px;
    }

/* top */
#top {
    height: 130px;
    background-image: url(tfv.png);
    background-repeat: no-repeat;
    font-family : Georgia,"Times New Roman",serif;
    border-top: 1px solid navy;
    }
#top h1 {
    font-size: 1.5em;
    margin-left : 1em;
    padding : 0.6em 0 0.6em 0;
    /*text-decoration: none;*/
    }
#top a {
    color : #FFFFFF;
    text-decoration: none;
    }


/* Menu horizontal */
#menu {
    margin : auto;
    height: 25px;
    border: 1px solid navy;
    z-index:100;
}
.icon_menu {
    margin : auto;
    width: 99px;
    float : left;
    text-align : center;
    }

/* Main */
#main {
    width : 100%;
    float : left;
    }

/* Content */
#content_gal {
    /*height: 600px;*/
    padding : 0;
    background-color: #000000;
    color:#ffffff;
    }
#titre {
    font-family : Georgia,"Times New Roman",serif;
    margin: 0;
    padding: 10px 0 0 40px;
    color:#ffffff;
    }
/* Footer */
#footer {
    height:55px;
    background-image: url(tfv2.png);
    background-repeat: no-repeat;
    }


/* Mise en page pixelpost
----------------------------------------------*/

#image_image {
    width:620px;
    padding:0 0 0 90px;
    margin: 25px 0 25px 0;
    text-align: center;
    }

#archive_image {
    width:600px;
    padding:0 0 0 100px;
    margin: 25px 0 25px 0;
    }

img {
    border: 1px solid #FFFFFF;
    padding: 2px;
    margin: 5px;
    }

#info_image {
    width:400px;
    padding:0 0 0 200px;
    margin: 10px 0 10px 0;
    color: #5C5C5C;
    text-align: right;
    }
#info_image a:link {
    color : #FFFFFF;
    background-color:transparent;
    text-decoration:underline;
    }
#info_image a:hover {
    color : #F90;
    background-color:transparent;
    text-decoration:underline;
    }
#categorie_image {
    padding: 0 0 10px 0;
    text-align: center;
    }

#navig_image {
    text-align: center;
    padding:0 0 20px 0;
    }
#navig_image a:link {
    color: #5C5C5C;
    background-color:transparent;
    text-decoration:underline;
    }

/* calendrier */
#calendar {
    width:620px;
    padding: 30px 0 20px 110px;
    text-align: center;
    }
#calendar td{
    color : #5C5C5C;
    }
#calendar a:link {
    color : #CCCCCC;
    background-color:transparent;
    text-decoration:underline;
    }
#calendar a:hover {
    color : #CCCCCC;
    background-color:FFC622;
    text-decoration:underline;
    }

/*
#commentaires_image {
    }

#comment-middle_image {
    }

#addcomment_image {
    }
*/

/* Elements dans les blocs
class = "centre" pour le texte colonne centrale
class = "cote" pour le texte colonnes latérales
class = "centre_image" pour les galeries colonne centrale
----------------------------------------------*/

/* paragraphes et retraits */
.centre p {
    margin : 1em 0;
    padding-left : 1em;
    padding-right : 1em;
    text-align : justify;
    }
.cote p {
    margin : 1em 0;
    padding-left : 1em;
    padding-right : 1em;
    text-align : justify;
    }
p.r1 {
    margin : 0.5em 0;
    padding-left : 3em;
    text-align : justify;
    }

/* Titres */
h1{
    font-size: 1.5em;
    padding-left : 3em;
    }
.centre h2{
    font-size: 1.3em; 
    color: #FFFFFF;
    padding-left: 1em;
    }
#content_gal h2 {
    font-size: 1.4em; 
    color: #FFFFFF;
    padding-left: 1em;
    }
.titre_gal h2{
    margin: 0;
    padding: 0;
    font-size: 1.4em;
    }
.cote h2{
    font-size: 1.4em; 
    color: #008000;
    padding-left: 1em;
    padding-top: 1em;
    }
.centre h3{
    color: #008000;
    font-size:1.2em;
    padding-left: 2em;
    }
.cote h3{
    font-size: 1.3em;
    text-align : center;
    }
h4{
    font-size: 1.2em;
    color :#666;
    }
h5{
    font-size: 1.1em;
    }
h6{
    font-size: 1em;
    }

/* liens */
#menu a:link {
    color : #5C5C5C;
    background-color:transparent;
    text-decoration:underline;
    }
#menu a:visited {
    color:grey;
    background-color:transparent;
    text-decoration:underline;
    }
#menu a:hover {
    color : #5C5C5C;
    background-color:#E0E0E0;
    text-decoration:underline;
    }

/* autres */
form {
    display : block;
    margin : 0;
    padding : 0;
    }
.centre ul {
    position : relative;
    text-align : justify;
}
.cote ul {
    position : relative;
    text-align : justify;
}
table.tabphotos {
    cellSpacing: 10px;
    cellPadding: 0;
    margin-left: auto;
    margin-right: auto;
    border: 0;
    }
tr.tabphotos {
    height: 200px;
    }
td.tabphotos {
    width: 240px;
    text-align: center;
    }
table.tabcontact {
    margin-left: auto;
    margin-right: auto;
    }