body {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #613a24;
    background-color: #20150d;
    scrollbar-base-color:#E1B399;
    scrollbar-track-color: #000000;                /* fond scroll */
    scrollbar-arrow-color: #000000;                /* fleches */ 
    margin: 0px;
    }
td {
    font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	}
table {
    font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	}
form  {
    padding: 0px;
    border: 0px;
    margin: 0px;
    }

.tdalbum {
    padding: 5px 20px 20px 5px;
	}

/* lien */

a {
	color: #613a24;
	font-size: 12px; 
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
	}
a:hover {
	color: #a9775c;
	text-decoration: none;
	font-size: 12px;
    font-weight: bold;
	}

/* formulaire */

INPUT {
    font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #613a24;
	background-color: #E0E7E9;
	border: 1px solid #000000;	/* inset ridge groove double solid */
	background-image: url(/i/c/fond-form.jpg);
	}
TEXTAREA {
    font-family: Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	color: #613a24;
	background-color: #E0E7E9;
	border: 1px solid #000000;	/* inset ridge groove double solid */
	background-image: url(/i/c/fond-form.jpg);
	}
SELECT {
    font-family: Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	color: #613a24; 
	background-color: #E0E7E9;
	border: 1px solid #000000;	/* inset ridge groove double solid */
	}
.form_but {
	font-size: 12px;
	background-color: #E0E7E9;
	color: #613a24;
	border: 1px solid #2063DF;	/* inset ridge groove double solid */
	background-image: none;
	background-image: url(/i/c/button.gif);
	}
.ssclass {
	border: 0px solid #FFFFFF;
	background-image: none;
	background-color: transparent;
	color: #FFFFFF;
	}


/* menu */
a.menu  {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color:#FFFFFF;
	text-decoration:none;
   	font-size : 12px;
   	font-weight : bold;
	}
a:hover.menu  {
    font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#613a24;
	text-decoration:underline;
   	font-size : 12px;
   	font-weight : bold;
	}
.menusepa {
    color: #FFFFFF;
    width: 3px;
    }
.menutd {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-align: center;
   	font-size : 12px;
   	font-weight : bold;
    }


/* texte */

#tabsite {
    width: 961px;
    height: 571px;
    }
#top {
    width: 961px;
    height: 119px;
    }
#topmenu {
    background-image: url(/i/c/fond_menu.jpg);
    background-position: right;
    height: 43px;
    }
#logo {
    background-image: url(/i/c/logo.gif);
    width: 158px;
    height: 43px;
    }
#centre {
    background-color: #FFFFFF;
    height: 382px;
    padding: 10px ;
    }
#bas {
    background-image: url(/i/c/bandeau_bas.gif);
    width: 961px;
    height: 27px;
    color: #a9775c;
    font-size: 11px;
    padding-left:10px;
    }

div#titre {
    background-image: url(/i/c/fond_titre.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    width: 915px;
    font-size: 16px;
    }
div#titre:first-letter {
    font-size : 200%;
    /*float:left;*/
    }
#contenu {
    overflow: auto;
    width: 940px;
    height: 362px;
    scrollbar-base-color: #E1B399;
    scrollbar-track-color: #FFFFFF;                /* fond scroll */
    scrollbar-arrow-color: #000000;                /* fleches */ 
    }
.puceliens {
	background-image: url(/i/c/pucelien.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:15px;
	}
.img {
    border: 1px solid #613a24;
    }

.notabene {
    font-style: italic;
    font-size: 10px;
    padding-left:22px;
    }
/* HOME */

.homeactuimg {
    width: 440px;
    height: 192px;
    background-image: url(/i/h/bas_philippe.jpg);
    background-repeat: no-repeat;
    }
div#homeactu {
    overflow: auto;
    width: 440px;
    height: 139px;
    padding: 10 0 5 0;
    border-bottom: 1px #000000 solid;
    scrollbar-base-color: #E1B399;
    scrollbar-track-color: #FFFFFF;                /* fond scroll */
    scrollbar-arrow-color: #000000;                /* fleches */ 
    }
#homeactutitre {
    padding-left: 20px;
    font-size: 14px;
    font-weight: bold;
    }
#homeactutitref {
    font-size: 14px;
    border-bottom: 1px #613a24 solid;
    background-image: url(/i/h/p_actus.gif);
    background-repeat: no-repeat;
    background-position: left center;
    width: 440px;
    }
div#homeactutitre:first-letter {
    font-size : 200%;
    }

#homealbumtitre {
    padding-left: 20px;
    font-size: 14px;
    font-weight: bold;
    }
#homealbumtitref {
    font-size: 14px;
    border-bottom: 1px #613a24 solid;
    background-image: url(/i/h/p_note.gif);
    background-repeat: no-repeat;
    background-position: left center;
    width: 465px;
    }
div#homealbumtitre:first-letter  {
    font-size : 200%;
    }

.separation {
    height: 7px;
    background-image: url(/i/c/puce_fond.gif);
    background-repeat: repeat-x;
    }

#pellicule {
    overflow:auto;
    width: 910px;
    height: 180px;
    scrollbar-3dlight-color : #FFFFFF;              /*couleur pour les effets de relief*/
    scrollbar-arrow-color : #000000;                /*couleur pour les pointeur de défilement*/
    scrollbar-base-color :  #c0bfbe;                /*couleur de base de la barre de défilement*/
    scrollbar-darkshadow-color :#FFFFFF;          /*couleur pour les ombres*/
    scrollbar-highlight-color : #FFFFFF;           /*couleur pour le bord haut et le bord gauche*/
    scrollbar-shadow-color : #FFFFFF;                  /*couleur pour le bord droit et le bord du bas*/
    scrollbar-track-color :#FFFFFF;                 /*couleur pour la barre de défilement non cachée par le pointeur de défilement*/

    }
#pelliculetab {
    background-image: url(/i/ph/fond_negatif.gif);
    background-repeat: repeat-x;
    height: 161px;
    background-color: #000000;
    }
#pelliculetab td{
    padding: 5px;
    }

.tabid {
     border: 1px #613a24 solid;
     padding:0px 5px 5px 5px;   
    }
.titretabid {
	background-image: url(/i/c/fond_tab.gif);
    background-color: #613a24;
    color:#FFFFFF;
    font-weight: bold;
    height:18px;
    }
.journal {
    font-weight: bold;
    padding-right:15px;
    font-style: italic;
    }

.tdsonnets {
    padding:8px;
    border-right:1px solid #bd9471;
    }

.tabtiroirs {
    width:910px;
    }
    
.tabtiroirsmenu {
    width:80px;
    } 

/* zik */

.ecoutedescr{
    font-style: italic;
    text-transform: lowercase;
    padding: 3 px;
    width: 200px;
    }
.ecoutetitrealb{
	color: #1b58f4;
	font-size: 11px; 
    font-weight: bold;
	background-image: url(/i/c/puce_para.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: center left;
    }
.ecoutetitre {
    color: #613a24;
    width: 170px;
    }
.ecouteplay {
    font-weight: bold;
    width: 100px;
	background-image: url(/i/c/note_ecoute.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: center left;
    }
.ecouteplay a {
    text-decoration: none;
    }
.ecoutetelechargement {
    font-weight: bold;
    border-bottom: 1px solid #807f7f;
    width: 100px;
	background-image: url(/i/c/telecharger.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: center left;
    }
.ecoutetelechargement a {
    text-decoration: none;
    }
