/*
    Elément du gabarit de fond
*/
BODY {
	BACKGROUND-COLOR: #000000; 
	BACKGROUND: #000000 url('http://www.atoma.org/fred/aboutico/freddie.gif') bottom right no-repeat
	MARGIN-TOP: 0px; MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 0px; 
	MARGIN-RIGHT: 0 px; MARGIN-WIDTH: 0 px; MARGIN-HEIGHT: 0px;
	FONT-SIZE: 10pt; 
	SCROLLBAR-FACE-COLOR: #444444; 
	SCROLLBAR-HIGHLIGHT-COLOR: #444444; 
	SCROLLBAR-SHADOW-COLOR: #000000; 
	SCROLLBAR-3DLIGHT-COLOR: #6a6a6a; 
	SCROLLBAR-ARROW-COLOR: #cbcdc7; 
	SCROLLBAR-TRACK-COLOR: #2e2e2e; 
	SCROLLBAR-DARKSHADOW-COLOR: #000000; 

}
table.zetable {  
	TEXT-ALIGN: center;
	WIDTH: 812px;
	border: 0px;
	padding: auto;
}

td.top {  
	BACKGROUND-IMAGE: url(../../img/atomatop.jpg);
	WIDTH: 812px;
	HEIGHT: 126px
}
td.bottom {  
	BACKGROUND-IMAGE: url(../../img/atomabottom.gif);
	WIDTH: 812px;
	HEIGHT: 25px
}
.bar {  
	HEIGHT: 21px;
	WIDTH: 812px;
	TEXT-ALIGN: center;
	BACKGROUND-IMAGE: url(../../img/atomabartitle.gif)
}
td.left {  
	BACKGROUND-IMAGE: url(../../img/bord-left.gif);
	WIDTH: 24px
}
td.right {  
	BACKGROUND-IMAGE: url(../../img/bord-right.gif);
	WIDTH: 23px
}

td.head {  
	TEXT-ALIGN: center;
	VERTICAL-ALIGN: bottom;
	WIDTH: 660px
}
tr.main {  
	BACKGROUND-IMAGE: url(../../img/fdfred.gif)
}
.underbar {  
	HEIGHT: 20px;
	COLOR: ##FF0000;
	TEXT-ALIGN: center;
	BACKGROUND-IMAGE: url(../../img/filler.gif);
	WIDTH: 660px;
	BACKGROUND-COLOR: #FFFFFF
}
.afterbar {  
	HEIGHT: 20px;
	BACKGROUND-IMAGE: url(../../img/filler.gif)
}

td.filler {  
	WIDTH: 130px
	}
td.content {  
	WIDTH: 762px;
	TEXT-ALIGN: justify;
	PADDING: 1px;
	VERTICAL-ALIGN: top;
	HEIGHT: 600px;
	BACKGROUND-COLOR: #FFFFFF
	}
TABLE {  
	BORDER:0px;
	PADDING-TOP: 0px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px
	}

table.tbx {
  background-color: transparent;
  font-size: 11px;
  width: 660px;
  border: 1px solid #8F8F8F;
}

.tabtitle {
  font-size: 11px;
  font-weight: bold;
  background-color: #A49D73;
  color: #FFFFFF;
  word-spacing: 2px;
  text-transform: capitalize;
  border-left: 1px solid #C0A363;
  border-bottom: 1px solid #414141;
  padding:4px;
}
.tdhilite {
  border-bottom: 1px solid #CCCCCC;
  padding:3px;
}
.tdhilite:hover{
  padding:3px;
  background-color: #D9D19C
}
.tdlolite {
  padding:2px;
  border-bottom: 1px solid #CCCCCC;
  background-color: #ECECEC
}

A {
	COLOR: #6E6D8F; FONT-FAMILY: Georgia, Times New Roman; TEXT-DECORATION: none; 	FONT-SIZE: 10pt
}
A.nobord {
	BORDER: none
}
A:visited {
	COLOR: #cc9900
}
A:active {
	COLOR: #F2971E
}
A:hover {
	COLOR: #cc0000
}
A.home {
	COLOR: #ff6600; TEXT-DECORATION: none
}
A.home:hover {
	COLOR: #ffcc99
}
A.home:active {
	COLOR: #cc3300
}
A.home:visited {
	COLOR: #cc9900
}



/*
    Autres
*/
TD.tab3D {
	BORDER-RIGHT: #CC9900 1px solid; 
	PADDING-RIGHT: 3px; 
	BORDER-TOP: #FFF7EB 1px solid; 
	PADDING-LEFT: 1px; 
	PADDING-BOTTOM: 4px; 
	BORDER-LEFT: #FFF7EB 1px solid; 
	COLOR: #003366; 
	font-family: Georgia, Times New Roman, Times, serif; 
	font-size: 12px; 
	text-align: justify;
	PADDING-TOP: 2px; 
	BORDER-BOTTOM: #CC9900 2px solid; 
	BACKGROUND-COLOR: #F4EACF
}
TD.tab3Dimg {
	BORDER-RIGHT: #CC9900 1px solid; 
	PADDING-RIGHT: 10px; 
	BORDER-TOP: #FFF7EB 1px solid; 
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 10px; 
	BORDER-LEFT: #FFF7EB 1px solid; 
	COLOR: #003366; 
	font-family: Georgia, Times New Roman, Times, serif; 
	font-size: 12px; 
	text-align: center;
	PADDING-TOP: 10px; 
	BORDER-BOTTOM: #CC9900 2px solid; 
	BACKGROUND-COLOR: #F4EACF
}
td.tab_transp	{
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #eeeeee #999999 #999999 #eeeeee;
	color:#003366;
	padding-bottom: 1px;
	padding-left: 4px;
	padding-right: 1px;
	padding-top: 1px
	}

IMG {
	BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-COLOR: #666666; BORDER-TOP-COLOR: #cccccc; 
BORDER-RIGHT-COLOR: #666666
}
.tit1 {  
	PADDING-TOP: 20px; PADDING-LEFT: 2px; 
	PADDING-BOTTOM: 2px; BORDER-BOTTOM: #666000 1px solid; 
	font-family: Georgia, Times New Roman, Times, serif; color: #000666; 
	font-size: 18px; 
	text-transform: capitalize;
	letter-spacing: 2px;
	word-spacing: 4px;
	font-weight: bolder 
}
.tit2 {  
	font-family: Georgia, Times New Roman, Times, serif; color: #0562A6; 
	text-align: center;
	font-size: 14px; 
	letter-spacing: 1px;
	word-spacing: 2px;
	font-weight: bolder 
}
.tit3 {  
	PADDING-TOP: 5px; PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 2px; BORDER-BOTTOM: #CECECE 1px solid; 
	font-family: Georgia, Times New Roman, Times, serif; color: #000666; 
	font-size: 14px; 
	text-transform: capitalize;
	letter-spacing: 1px;
	word-spacing: 2px;
	font-weight: bolder 
}

li.album {
	padding-top:3px;
	font-family: Georgia, Times New Roman, Times, serif; 
	font-size: 14px; 
	list-style-type:none;
	font-weight: bolder;
	text-transform: capitalize;
	padding-left:2px;
} 
li.track {
	font-family: Georgia, Times New Roman, Times, serif; 
	list-style-type:none;
	font-style: italic;
	padding-left:2px;
	padding-bottom:2px;
} 
li.track:before { 
	content: "Ze track: ";
	font-style: normal;
	font-weight: bolder;
	color: grey
}
li.url {
	color: black;
	list-style-type:none;
	background-image:url(../../img/icon-url.gif);
	background-repeat:no-repeat;
	background-position:0% 65%;
	padding-left:35px
} 

li.comment {
	font-family: Georgia, Times New Roman, Times, serif; 
	list-style-type:none;
	padding-left:2px;
} 
li.commentit {
	font-family: Georgia, Times New Roman, Times, serif; 
	list-style-type:none;
	font-style: italic;
	font-weight: bolder;
	padding-left:2px;
} 

.titcine {  
	font-family: Copperplate, Georgia, verdana, serif; text-align: center; color: #333333; font-size: 16px; 
	text-transform: capitalize;
	letter-spacing: 2px;
	font-weight: bold
}

.titartist {  
	PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-BOTTOM: #666000 1px solid; 
	font-family: Georgia, Verdana, Helvetica, sans-serif; font-size: 12px; 
	font-weight: bolder; 
}

p {  
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: 
	normal; text-align: justify; font-weight: normal
}

p.title {  
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-style: 
	normal; text-align: justify; font-weight: bolder
}
p.subtitle {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-style: normal; 
	text-align: justify; 
	PADDING-LEFT: 10px; 
	font-weight: bold
}
/* Formulaire */

.inputSmallForm{
	border: 1px solid #CDBFB1;
	background-color: #CDBFB1;
	width:60px;
	font: 12px Arial, Helvetica, sans-serif;
	color:#5C4334;
	height: 15px;
}
.inputQteForm{
	border: 1px solid #CDBFB1;
	background-color: #CDBFB1;
	width:20px;
	font: 12px Arial, Helvetica, sans-serif;
	color:#5C4334;
	height: 12px;
}
.inputQteFormOver{
  border:1px solid #BEA68D;
  background-color: #BEA68D;
	width:20px;
	font: 12px Arial, Helvetica, sans-serif;
	color:#5C4334;
   height: 12px;
}
.inputSmallFormOver{
  border:1px solid #BEA68D;
  background-color: #BEA68D;
	width:60px;
	font: 12px Arial, Helvetica, sans-serif;
	color:#5C4334;
   height: 15px;
}

.inputMedForm{
	border: 1px solid #CDBFB1;
	background-color: #CDBFB1;
	width:238px;
	font: 12px Arial, Helvetica, sans-serif;
	color:#5C4334;
	height: 15px;
}

.inputMedFormOver{
  border:1px solid #BEA68D;
  background-color: #BEA68D;
	width:240px;
	font: 12px Arial, Helvetica, sans-serif;
	color:#5C4334;
   height: 15px;
}

.inputForm{
	border: 1px solid #CDBFB1;
	background-color: #CDBFB1;
	width:340px;
	font: 12px Arial, Helvetica, sans-serif;
	color:#5C4334;
	height: 15px;
}

.inputFormOver{
  border:1px solid #BEA68D;
  background-color: #BEA68D;
	width:340px;
	font: 12px Arial, Helvetica, sans-serif;
	color:#5C4334;
  height: 15px;
}


.button{
  background-color: #C0A363;
  border-right: 3px solid #805E42;
	border-bottom: 3px solid #805E42;
  border-top: 3px solid #9A8979;
	border-left: 3px solid #9A8979;
	color:#000000;
	font: bold 12px/12px Arial, Helvetica, sans-serif;
	cursor:pointer;
	text-align: center;
  height: 22px;
}

.buttonOver{
  background-color: #BEA68D;
  border-left: 3px solid #805E42;
	border-top: 3px solid #805E42;
  border-bottom: 3px solid #9A8979;
	border-right: 3px solid #9A8979;
	color:#6C4E36;
	font: bold 12px/12px Arial, Helvetica, sans-serif;
	cursor:pointer;
	text-align: center;
  height: 22px;
}