/* auteur: Maxime Heppell max@chenevis.com*/
/* Date de création: 2004-06-10 */
/* Modification: 2010-09-21 */


body {background-color:#FFF; font-size: 12pt; color: #000; font-family: Verdana, Arial, Tahoma; margin: 10px 0px 35px 5px;}
body.marge {/*background-color:#FFFFFF; font-size: 12pt; color: #000000; font-family: verdana, arial;*/ margin: 5px 5 px 5px 5px;}
body.admin {/*background-color:#ffffff;*/}

.h_bg {background-image: url('../images/home_bg.jpg'); background-repeat: no-repeat;}

ul {float:left; width:100%; padding:0; margin:0; list-style-type:none;} 
li {display:inline}

/* ****** HOME ******* */
#canvas {width: 770px;}
#h_top {width: 770px; height: 65px;}
#h_line {width: 770px; height: 2px; background-color: #bbc44d;}

#h_main {width: 770px; height: 375px;  margin-top: 20px;}

#h_mainLeft {width: 225px; height: 375px; float: left;}
#h_logo {width: 225px; height: 145px;}

#h_menu {width: 225px; height: 230px;}
#h_menu ul { list-style-type:circle;  margin-top: 10px; float: none; text-align: right;} 
#h_menu li {/*float: left;*/ /*margin: 0;*/ display: block;}
#h_menu li a {line-height: 20px; text-decoration: none; text-align: right; padding: 2px 7px 2px 7px; font-weight: bold;}
/* Hide from IE5-Mac \*/
#h_menu li a {float: none;}
/* End hide */
#h_menu li a:hover {background-color: #FF6600; color: White;}

#h_mainMiddle {width: 45px; height: 375px; float: left;}
#h_mainRight {width: 500px; height: 375px; float: right;}

#h_content {width: 770px; height: 65px;}

#h_contentLeft {width: 255px; float: left;}
#h_contentMiddle {width: 255px; float: left;}
#h_contentSep {width: 2px; float: left;}
#h_contentRight {width: 258px; float: right;}
#clear {clear: both;}

#h_bottom {}

a.banner:link img {border: 2px solid #bbc44d;}
a.banner:visited img {border: 2px solid #bbc44d;}
a.banner:hover img {border: 2px solid #FF6600;}
a.banner:active img {border: 2px solid #bbc44d;}

.h_news {margin-left: 15px; text-decoration: none; font-size: 10pt; text-align:left; font-weight:normal;}
	

/* ****** NEW ******* */
#header {width: 1000px; height: 139px; margin-bottom: 40px;}

#topLeft {width: 172px; height: 139px; float: left;}
#topMiddle {width: 728px;height: 139px; float: left;}
#topRight {width: 100px; height: 139px; float: right;}
#topRight ul {padding: 0; margin: 5px 0px 0px 10px;} 
#topRight li {display:block;}
#topRight li a {line-height: 20px; text-decoration: none;}

#img {width: 728px; height: 107px;}
#line {width: 728px; height: 2px; background-color: #bbc44d;}

#menu {width: 728px; height: 30px;}
#menu ul {list-style: none; padding: 0; margin: 3px 0;} 
#menu li {float: left; margin: 0;}
#menu li a {height: 25px; line-height: 25px; float: left; display: block; text-decoration: none; text-align: left; padding: 0px 7px 0px 7px;}
/* Hide from IE5-Mac \*/
#menu li a {float: none}
/* End hide */
#menu li a:hover {background-color: #FF6600; color: White;}

.separator {/*font-size: 12px; color: #FF6600;*/ margin: 0; height: 25px; line-height: 25px; border-right: solid 1px #FF6600;}

#footer {width: 1000px; height:100px;}
#footerLeft {width: 172px; height:100px; float: left;}
#footerRight {width: 828px; height:100px; float: right;}
#footerLine  {width: 828px; height:2px; background-color: #bbc44d;}
#copyright {width: 828px; height:98px;}

p.copyright {font-size: 11px; color: #FF6600;}

h1 {color: #FF6600; text-decoration: none; font-size:11pt; font-weight:bold; padding: 0; margin:0;}
h2 {color: #FF6600; text-decoration: none; font-size:10pt; font-weight:bold; padding: 0; margin:0;}
h3 {}
h4 {}

/* ****************** */

a:link {color: #8d9438; text-decoration: underline; font-size: 10pt;}
a:visited {color: #8d9438; text-decoration: underline; font-size: 10pt;}
a:hover {color: #FF6600;text-decoration: underline; font-size: 10pt;}
a:active {color: #8d9438; text-decoration: underline; font-size: 10pt;}

a.orange:link {color: #FF6600; text-decoration: none;}
a.orange:visited {color: #FF6600; text-decoration: none;}
a.orange:hover {color: #8d9438; text-decoration: underline;}
a.orange:active {color: #FF6600; text-decoration: none;}

a.news:link {color: #000000; text-decoration: none;}
a.news:visited {color: #000000; text-decoration: none;}
a.news:hover {color: #FF6600; text-decoration: underline;}
a.news:active {color: #000000; text-decoration: none;}

a.big:link {font-size: 11pt; font-weight:bold;}
a.big:visited { font-size: 11pt; font-weight:bold;}
a.big:hover { font-size: 11pt; font-weight:bold;}
a.big:active { font-size: 11pt; font-weight:bold;}

a.admin:link {color: #0066FF;}
a.admin:visited {color: #0066FF;}
a.admin:hover {color: #0066FF;}
a.admin:active {color: #0066FF;}

a.hide:link {color: #FFFFFF; font-size: 9px;}
a.hide:visited {color: #FFFFFF; font-size: 9px;}
a.hide:hover {color: #FF6600; font-size: 9px;}
a.hide:active {color: #FFFFFF; font-size: 9px;}

a.white:link {background-color: blue; color: #FFFFFF;}
a.white:visited {background-color: blue; color: #FFFFFF;}
a.white:hover {background-color: white; color: blue; text-decoration: none;}
a.white:active {background-color: blue; color: #FFFFFF;}

a.lienBold:link {font-weight:bold;}
a.lienBold:visited {font-weight:bold;}
a.lienBold:hover {font-weight:bold;}
a.lienBold:active {font-weight:bold;}

a.menuLow:link {font-size: 10px;}
a.menuLow:visited {font-size: 10px;}
a.menuLow:hover {font-size: 10px;}
a.menuLow:active {font-size: 10px;}

img.orange {border-color:#FF6600}

td {text-align:left;  vertical-align:top;}

p.popupNews {color: #000000; text-decoration: none; font-size: 10pt; font-weight:normal;}
div.popupNews {color: #FF6600; text-decoration: none; font-size: 16pt;}

p.normal {text-decoration: none; font-size: 10pt; text-align:left; vertical-align:top;  font-weight:normal;}
p.normalCentre { text-decoration: none; font-size: 10pt; text-align:center;  vertical-align:top;  font-weight:normal;}

span.normal {color: #000000; text-decoration: none; font-size: 10pt; text-align:left;  font-weight:normal;}
span.normalB {color: #000000; text-decoration: none; font-size: 10pt; text-align:left;  vertical-align:bottom; font-weight:normal;}
div.normal {color: #000000; text-decoration: none; font-size: 10pt; text-align:left;  vertical-align:top; font-weight:normal;}

span.accueil {color: #000000; text-decoration: none; font-size: 7pt; text-align:center;  vertical-align:middle; font-weight:normal;}
div.accueil {color: #000000; text-decoration: none; font-size: 7pt; text-align:center;  vertical-align:middle; font-weight:normal;}

p.titre1 {color: #FF6600; text-decoration: none; font-size: 13pt;}
p.titre2 {color: #FF6600; text-decoration: none; font-weight:bold; font-size: 11pt;}
p.titre3 {color: #FF6600; text-decoration: none; font-size: 10pt;}

span.erreur {color: RED; text-decoration: none; font-weight:normal; font-size: 10pt;}

span.titre1 {color: #FF6600; text-decoration: none; font-size: 13pt;}
span.titre2 {color: #FF6600; text-decoration: none; font-size:11pt; font-weight:bold;}
span.titre3 {color: #FF6600; text-decoration: none; font-size: 10pt;}

span.adminTitre2 {color: #0000FF; text-decoration: none; font-size:11pt; font-weight:bold;}

span.lettre {color: #FF6600; text-decoration: none; font-size:18pt; font-weight:normal;}

p.admin {color: #FF0000; text-decoration: none; font-size: 10pt; font-weight:normal;}

td.studios {color: #FF6600; text-decoration: none; font-size: 12pt;}

hr {background-color: #FF6600; color: #FF6600;}

div.artisteTitre {color: #FF6600; text-decoration: none; font-size: 26pt; text-align:left;  vertical-align:top;}
span.artisteTitre {color: #FF6600; text-decoration: none; font-size: 26pt; text-align:left;  vertical-align:top;}

td.etoile  { background-image: url(images/webEtoile.gif); }

input.btn {background-color: #FFFFFF; color: #FF6600;}

img.btnAide {border-color: red;}

span.vern9 {color: #000000; text-decoration: none; font-size: 9pt;}
span.vern9bold {color: #000000; text-decoration: none; font-weight: bold; font-size: 9pt;}
span.vern10 {line-height: 16px; color: #000000; text-decoration: none; font-size: 10pt; text-align:left; vertical-align:top}
span.vern11 {color: #000000; text-decoration: none; font-size: 11pt;}
span.vern12 {color: #000000; text-decoration: none; font-size: 12pt;}
span.vern12bold {color: #000000; text-decoration: none; font-weight: bold; font-size: 12pt;}
span.vern15 {color: #000000; text-decoration: none; font-size: 15pt;}
span.vern15bold {color: #000000; text-decoration: none; font-weight: bold; font-size: 15pt;}

a.menuadmin {float:left; width:128px; text-decoration:none; color:white; background-color:blue; padding:0.2em 0.6em;}
a.menuadmin:link {background-color:blue; color: white;}
a.menuadmin:visited {background-color:blue; color: white;}
a.menuadmin:hover {background-color:#ffffff; color: blue;}
a.menuadmin:active {background-color:blue; color: white;}


a.admin:link {color: #0066FF; text-decoration: none; font-size: 10pt;}
a.admin:visited {color: #0066FF; text-decoration: none; font-size: 10pt;}
a.admin:hover {color: #0066FF; text-decoration: underline; font-size: 10pt;}
a.admin:active {color: #0066FF; text-decoration: none; font-size: 10pt;}


@media print
{
   .hidden {display: none;}     
}