/* LE STYLE GENERAL */
html, body {
 font-size: 100%;
 margin: 0;
 padding: 0;
 }
body {
 background-color: #000000; 
 background: url(logo-towersound-fond.jpg) repeat;
 font-family: verdana, sans-serif;
 color: #ff9900;
 text-align:center;
 font-size: 0.85em; 
 }
a:link, a:visited {
 color:#ffcc00;
 text-decoration: underline;
 }
a:hover {
 color:#cccccc;
 text-decoration: none;
 }
a:active {
 color:#ff9900;
 text-decoration: none;
 outline: none;
 }
a:focus {
 outline: none;
 }
#page {
 width: 900px;
 margin-left: auto;
 margin-right: auto;
 }
p {
 color:#ff9900; 
 text-align : center;
 }
table:hover {
 border: 1px solid #999999;
 }

/* LE TOWERSOUND EN HAUT ET DRAPEAUX */
#towersound { 
 position: relative;
 background-color: transparent;
 background-repeat: no-repeat;
 margin-top:-40px;
 padding : 0;
 padding-left: 15px;
 width:655px;
 height:170px;
 margin-left:auto;
 margin-right:auto;
 }
#towersound:hover {
 background-image: url(towersound-ecriture-l.png);
 }
#drapeaufr {
 float : left;
 position: relative;
 background-color: transparent;
 background-repeat: no-repeat;
 margin-top:84px;
 margin-left:-96px;
 margin-right:auto;
 padding : 0;
 padding-left : 30px;
 width:66px;
 height:70px;
 }
#drapeauen {
 float : right;
 position: relative;
 background-color: transparent;
 background-repeat: no-repeat;
 margin-top:-45px;
 margin-left:auto;
 margin-right:-94px;
 padding : 0;
 padding-right : 15px;
 width:66px;
 height:70px;
 }
#drapeauen img, #drapeaufr img {
 border: none;
 }
#drapeauen img:hover, #drapeaufr img:hover {
 border: 1px solid #ff9900;
 }

/* REVENIR SUR LE SITE EN FLASH */
#siteflash {
 color: #ff6000;
 font-size: 0.85em; 
 background-color: #222222;
 border: 1px solid #555555; 
 border-bottom: 1px solid #222222; 
 float: left;
 margin-top: -46px;
 margin-left: 1px;
 height: 15px;
 width: 310px;
 padding: 5px 5px;
 text-align: center;
 }

/* NOUS CONTACTER */
#contact {
 color:#ff6000;
 background-color:#333333;
 background-image:url(fond-contact.jpg);
 border-top: none; 
 border-right: 1px solid #222222;
 border-bottom: 1px solid #222222; 
 border-left: none;
 float:right;
 margin-top:-45px;
 margin-right:-12px;
 height:15px;
 width:150px;
 padding:5px 5px;
 text-align:center;
 }
#contact ul {
 font-size:0.85em;
 list-style-type:none;
 margin:auto;
 padding:0;
 }
#contact ul li ul {
 display:none;
 margin-top:6px;
 background-image:url(contact-jon-lonn.png);
 width:100px;
 height:38px;
 margin-left:auto;
 margin-right:auto;
}
#contact:hover ul li ul {
 display:block;
 font-size:1.15em;
 }
#contact:hover ul li ul li {
 margin-right: 2px;
 }

/* LE STYLE DES TITRES */
h1 {
 font-size: 1.2em; 
 color: #999999; 
 }
h2 {
 font-size: 1.3em; 
 color: #cccccc; 
 text-align: center;
 padding-top: 15px;
 }
h3 {
 font-size: 1.2em; 
 color: #ff9900; 
 text-align: center;
 background-color:#111111;
 }
h4 {
 font-size: 1em; 
 color: #999999; 
 text-align: center;
 background-color:#333333;
 }

/* LE MENU DE GAUCHE */
#menu { 
 background-color: #444444;
 background-image:url(fond-menu-g.jpg);
 border-top: none;
 border-right: 1px solid #222222;
 border-bottom: none;
 border-left: none;
 margin-top: -20px;
 margin-left: 1px;
 width: 249px;
 float: left;
 text-align: left;
 }
#menu ul {
 color: #ff9900; 
 margin-left: -16px;
 }
#menu li {
 color: #cccccc;
 list-style-type: none;
 background: none;
 margin: 4px 0 4px 0;
 padding-left: 20px;
 padding-bottom: 2px;
 }
#menu li a:link {
 color: #ffcc33;
 text-decoration: none;
 background: url(logo-towersound-pucee.png) no-repeat 0% 65%;
 margin: 4px 0 4px -20px;
 padding-left: 20px;
 padding-bottom: 2px;
 }
#menu li a:visited {
 text-decoration: none;
 color: #ffcc33;
 background: url(logo-towersound-puce.png) no-repeat 0% 65%;
 margin: 4px 0 4px -20px;
 padding-left: 20px;
 padding-bottom: 2px;
 }
#menu li a:hover, #menu li a:focus {
 background: url(logo-towersound-puce.png) no-repeat 0% 65%;
 margin: 4px 0 4px -20px;
 padding-left: 20px;
 padding-bottom: 2px;
 color: #cccccc;
 outline: none;
 }
#menu li a:active {
 color: #ff9900;
 }
.menutrait {
 font-size: 0.9em; 
 margin: -5px 0 -5px 0;
 text-align: center;
 }

/* L'IMAGE SOUS LE MENU DE GAUCHE */
#sousmenu { 
 position: relative;
 background-color: transparent;
 background-repeat: no-repeat;
 margin-bottom: 6px;
 width: 162px;
 height: 175px;
 margin-left: auto;
 margin-right: auto;
 }

/* LE CONTENU TEXTE CENTRAL */
#corps {
 background-color: #222222;
 border: 1px solid #555555; 
 font-size: 0.85em; 
 margin-top: -20px;
 margin-left: 250px;
 width: 650px;
 min-height:521px;
 padding: 5px 5px;
 text-align: justify;
 }
.uptexte {
 margin-top: -25px;
 }
.hautdepage {
 text-align: center;
 }
.hautdepage a:link, .hautdepage a:visited, .hautdepage a:hover, .hautdepage a:active {
 text-decoration: none;
 color:#ffcc00;
 }

/* LE CONTENU TEXTE CENTRAL --- TITRE */
.titretexte {
 background: transparent url(titreparatotal.png) no-repeat;
 position: relative;
 margin-left: auto;
 margin-right: auto;
 margin-top: -3px;
 margin-bottom: 10px;
 }
.titretexteg {
 background: transparent url(titrepara-g.png) no-repeat;
 position: absolute;
 width: 9px;
 height: 50px;
 float: left;
 margin-top: 2px;
 margin-left: -9px;
 }
.titretexted {
 background: transparent url(titrepara-d.png) no-repeat;
 position: absolute;
 width: 13px;
 height: 50px;
 float: right;
 margin-top: 2px;
 }
.traitdefault {
 color: #ff9900;
 }

/* L'IMAGE DE LA BIO */
.imagebio
 {
 float: left;
 position: relative;
 margin: 5px;
 padding: 10px 1px 1px 1px;
 }

/* LE FOOTER */
#bas { 
 background: transparent url(towersound-ecriture-bas.png) no-repeat;
 position: relative;
 width: 590px;
 height: 238px;
 margin-top: -25px;
 margin-left: auto;
 margin-right: auto;
 }
#corpsbas {
 background-color: #111111;
 border: 1px solid #555555; 
 font-size: 0.85em; 
 margin-top: -1px;
 margin-left: 250px;
 width: 650px;
 padding: 5px 5px;
 text-align: center;
 }
.copyright {
 color: #999999;
 font-weight: bold;
 }

/* STYLE DES TABLE */
table {
 width : 100%;
 border-collapse : collapse;
 text-align : center;
 }
td, th {
 border : 1px dotted #555555;
 }
th {
 color : #999999;
 }
.casealbum th {
 width : 55%;
 }
.casequantite th {
 width : 5%;
 }
.caseprix th {
 width : 5%;
 }
.casest th {
 width : 5%;
 }
.casefdp th {
 width : 20%;
 }
.caset th {
 width : 5%;
 }
.casemdp th {
 width : 5%;
 }
.alignementcase {
 text-align : center;
 background-color : #444444;
 color : #cccccc;
 border : 1px solid #555555;
 margin-bottom : 1px;
 font-family: verdana, sans-serif;
 }
.alignementcase:active, .alignementcase:focus {
 outline : #cccccc solid 1px;
 }
.alignementcase:hover {
 border : 1px solid #888888;
 }

/* STYLE DES BOUTONS */
.bouton-suite {
 text-align : center;
 background-color : #222222;
 color : #ffcc00;
 border : 2px outset #888888;
 padding : 5px;
 font-weight : bold;
 }
.bouton-suite:hover {
 border : 2px inset #888888;
 }
.bouton-suite:active {
 background-color : #111111;
 border : 2px inset #888888;
 outline : #ff9900 solid 1px;
 color : #999999;
 }
.bouton-suite:focus {
 background-color : #111111;
 border : 2px inset #888888;
 outline : #ff9900 solid 1px;
 color : #999999;
 }