/*------------GENERAL------------*/

* {
padding: 0;
margin: 0;
}

body {
font-family: trebuchet ms, Verdana, Arial, sans-serif ;
background: url(ims/fond.gif);
color: #454547;
}

html {
font-size: 90%;
}

h3 {
font-size: 92%;
font-weight: 400;
}

b {
font-weight: 400;
}

em {
font-size: 1.5em;
color: #F38907;
}

table {
margin-top : 30px;
}

#page {
position: relative;
width: 775px;
margin: auto;
padding: 0;
background: url(ims/corps.jpg);
}

#page img {
border: 0;
}

#contenu {
position: relative;
width :710px;
left: 40px;
top: 15px;
}

/*------------HAUT------------*/

#header {
position: relative;
width :775px;
height: 800px;
background: url(ims/haut.gif) no-repeat;
}

#header ul {
list-style:none;
width: 768px;
padding-left: 0;
padding-top: 2px;
font-family: Verdana;
font-size: 0.7em;
text-align: right;
color: #ffffff;
}

#header li {
color: #ffffff;
display: inline;
}

#header p {
color: #80A6BB;
font-family: Arial;
font-size: 0.7em;
text-align: center;
}

#header a {
font-size: 1.2em;
font-weight: 400;
}

#header a:link, #header a:visited {
color: #ffffff;
}

#header a:hover, #header a:active {
color: #cccccc;
}

/*------------GAUCHE------------*/

#gauche {
float: left;
margin-top : 5px;
width :400px;
}

#gauche a, a:link, a:visited {
font-size: 1em;
text-decoration: underline;
color: #3F6778;
}

#gauche a:hover {
color: #F38907;
}

/*------------GAUCHE CHANSONS------------*/

#gauche-chansons {
float: left;
width :400px;
text-align: left;
}

#gauche-chansons p {
margin-top : 5px;
}

#gauche-chansons td {
font-size: 0.9em;
font-weight: 700;
}

/*------------DROITE CHANSONS------------*/

#panneau-top-discs {
width :265px;
height: 52px;
background: url(im/top-chansons.gif) top left no-repeat;
}

#panneau-discs {
margin-left : 10px;
width :235px;
text-align: center;
}

#panneau-discs p {
margin-top : 15px;
font-size: 0.9em;
font-weight: 700;
}

#caddie {
position: absolute;
left :700px;
top: 165px;
}

/*------------GAUCHE AGENDA------------*/

#gauche-agenda {
float: left;
margin-top : 0px;
width :400px;
line-height: 1.5em;
}

#gauche-agenda p {
text-align: justify;
font-weight: 400;
font-size: 1em;
line-height: 1.3em;
margin-top : 15px;
}

#gauche-agenda a {
font-family: Arial;
font-size: 0.8em;
font-weight: 700;

text-decoration: none;
color: #3F6778;
}

#gauche-agenda a:link {
text-decoration: none;
color: #3F6778;
}

#gauche-agenda a:visited {
text-decoration: none;
color: #3F6778;
}

#gauche-agenda a:hover {
color: #F38907;
}

/*------------GAUCHE PHOTOS------------*/

#gauche-photos {
float: left;
margin-top : 5px;
width :400px;
}

#gauche-photos p {
text-align: center;
}

#gauche-photos h3 {
margin-top : 15px;
margin-bottom : 15px;
text-align: center;
}

/*------------GAUCHE PRESSE------------*/

#gauche-presse {
float: left;
margin-top : 5px;
width :400px;
text-align: justify;
}

#gauche-presse p {
font-size: 1.2em;
text-align: justify;
}

#gauche-presse a {
font-size: 0.9em;
color: #3F6778;
text-decoration: none;
}

#gauche-presse a:link {
color: #3F6778;
}

#gauche-presse a:visited {
color: #3F6778;
}

#gauche-presse a:hover {
color: #F38907;
}

/*------------GAUCHE TELECHARGEMENTS------------*/

#gauche-telechargement {
float: left;
margin-top : 5px;
width :400px;
text-align: justify;
}

#gauche-telechargement p {
font-size: 1.2em;
}

#gauche-telechargement a {
font-size: 0.9em;
text-decoration: none;
color: #3F6778;
}

#gauche-telechargement a:link {
color: #3F6778;
}

#gauche-telechargement a:visited {
color: #3F6778;
}

#gauche-telechargement a:hover {
color: #F38907;
}

/*------------GAUCHE MENTIONS------------*/

#gauche-mentions {
float: left;
margin-top : 5px;
width :400px;
text-align: justify;
}

#gauche-mentions a, a:link, a:visited {
font-size: 1em;
text-decoration: underline;
color: #3F6778;
}

#gauche-mentions a:hover {
color: #F38907;
}

/*------------GAUCHE VISUELS------------*/

#visuels {
text-align : left;
}

#visuels p {
margin-top : 3px;
font-size: 1em;
font-weight: 700;
}

#visuels a {
font-size: 1.2em;
font-weight: 400;
text-decoration: none;
color: #F38907;
}

#visuels a:hover {
color: #FBAF51;
}

/*------------GAUCHE COPINAGE------------*/

#gauche-copinage {
float: left;
margin-top : 5px;
width :400px;
}

#gauche-copinage p {
font-family: Arial;
line-height: 1.2em;
font-size: 1em;
margin-bottom : 10px;
}

#gauche-copinage a {
font-size: 1.2em;
text-decoration: none;
color: #3F6778;
}

#gauche-copinage a:link {
text-decoration: none;
color: #3F6778;
}

#gauche-copinage a:visited {
text-decoration: none;
color: #3F6778;
}

#gauche-copinage a:hover {
color: #F38907;
}

/*------------GAUCHE ACCESS------------*/

#gauche-access {
float: left;
margin-top : 5px;
width :400px;
}

#gauche-access p {
font-family: Trebuchet MS;
font-weight: normal;
font-size: 1.1em;
text-align: left;
color: #383838; /Gris foncé/
text-indent: 0px;
margin: 0em 0;
}

#gauche-access a {
text-decoration: none;
}

#gauche-access a:link {
text-decoration: none;
color: #3F6778;
}

#gauche-access a:visited {
text-decoration: none;
color: #3F6778;
}

#gauche-access a:hover {
color: #F38907;
}

/*------------DROITE------------*/

#panneau {
float: right;
width :265px;
text-align: center;
background: url(ims/middle.gif);
}

#panneau p {
font-size: 1em;
line-height: 1.6em;
}

#panneau a {
font-size: 1.3em;
text-decoration: none;
color: #F38907;
}

#panneau a:link {
color: #F38907;
}

#panneau a:visited {
color: #F38907;
}

#panneau a:hover {
color: #FBAF51;
}

#panneau-top {
width :265px;
height: 52px;
background: url(ims/top.gif) top left no-repeat;
}

#panneau-bottom {
width :265px;
height: 52px;
background: url(ims/bottom.gif) top left no-repeat;
}

/*------------DROITE AGENDA------------*/

#panneau-agenda {
float: right;
width :265px;
text-align: center;
background: url(ims/middle.gif);
}

#panneau-agenda p {
font-size: 1em;
line-height: 1.6em;
}

#panneau-agenda a {
font-family: Arial;
font-size: 0.9em;
font-weight: 700;
text-decoration: none;
color: #F38907;
}

#panneau-agenda a:link {
color: #F38907;
}

#panneau-agenda a:visited {
color: #F38907;
}

#panneau-agenda a:hover {
color: #FBAF51;
}

#panneau-top-agenda {
width :265px;
height: 52px;
background: url(ims/top-agenda.gif) top left no-repeat;
}

#panneau-top-blog {
width :265px;
height: 35px;
background: url(ims/top-vide.gif) top left no-repeat;
}

#panneau-top-biog {
width :265px;
height: 52px;
background: url(ims/top-biog.gif) top left no-repeat;
}

/*------------DROITE PRESSE------------*/

#panneau-top-references {
width :265px;
height: 52px;
background: url(ims/top-references.gif) top left no-repeat;
}

#panneau-presse {
float: right;
width :265px;
text-align: center;
background: url(ims/middle.gif);
}

#panneau-presse p {
font-size: 0.9em;
line-height: 1.3em;
}

/*------------DROITE VISUELS------------*/

#panneau-top-visuels {
width :265px;
height: 52px;
background: url(ims/top-visuels.gif) top left no-repeat;
}

#panneau-visuels {
float: right;
width :265px;
text-align: center;
background: url(http://www.brunocoupe.com/ims/middle.gif);
}

#panneau-visuels p {
font-weight: 400;
font-size: 1.3em;

margin-bottom : 4px;
font-family: Trebuchet MS;
color: #454547;
}

#panneau-visuels span {
color: #69808C;
}

#panneau-visuels a {
font-size: 0.7em;
font-weight: 700;
font-family: Arial;
text-decoration: none;
color: #F38907;
}

#panneau-visuels a:link {
color: #F38907;
}

#panneau-visuels a:visited {
color: #F38907;
}

#panneau-visuels a:hover {
color: #FBAF51;
}

/*------------DROITE PHOTOS------------*/

#panneau-top-photos {
width :265px;
height: 52px;
background: url(ims/top-photos.gif) top left no-repeat;
}

#panneau-photos {
float: right;
width :265px;
text-align: center;
background: url(ims/middle.gif);
}

#panneau-photos p {
font-size: 1em;
font-weight: 700;
margin-top : 15px;
margin-bottom : 15px;
}

/*------------DROITE ACCESS------------*/

#panneau-top-access {
width :265px;
height: 52px;
background: url(ims/top-access.gif) top left no-repeat;
}

#panneau-access {
float: right;
width :265px;
text-align: center;
background: url(http://www.brunocoupe.com/ims/middle.gif);
}

#panneau-access p {
font-weight: 400;
font-size: 1.3em;
margin-bottom : 4px;
font-family: Trebuchet MS;
color: #454547;
}

#panneau-access span {
color: #69808C;
}

#panneau-access a {
font-size: 0.7em;
font-weight: 700;
font-family: Arial;
text-decoration: none;
color: #F38907;
}

#panneau-access a:link {
color: #F38907;
}

#panneau-access a:visited {
color: #F38907;
}

#panneau-access a:hover {
color: #FBAF51;
}

/*------------BIOGRAPHIE------------*/

#biographie {
position: relative;
width :690px;
}

#biographie p {
font-family: trebuchet ms;
font-size: 1.1em;
line-height: 1.4em;
margin-top: 5px;
text-align: justify;
color: #454547; /gris/
}

#biographie em {
font-size: 1.6em;
line-height: 1em;
text-align: left;
color: #F38907; /orange/
}

#biographie a {
text-decoration: none;
}

#biographie a:link {
color: #3F6778;
}

#biographie a:visited {
color: #3F6778;
}

#biographie a:hover {
color: #F8951D;
}

#biographie strong {
font-size: 1.2em;
line-height: 1em;
text-align: left;
color: #F38907; /orange/
}

#biographie b {
font-weight: 700;
}

#b1 {
width :680px;
margin-left: 15px;
margin-top: 0px;
}

#b1 p {
font-family: trebuchet ms;
font-size: 1.1em;
line-height: 1.4em;
margin-top: 10px;
text-align: justify;
color: #454547; /gris/
}

#b1 em {
font-size: 1.2em;
line-height: 1.1em;
text-align: left;
color: #F38907; /orange/
}

#b1 a {
text-decoration: none;
}

#b1 a:link {
color: #3F6778;
}

#b1 a:visited {
color: #3F6778;
}

#b1 a:hover {
color: #F8951D;
}

#b1 strong {
font-size: 1em;
line-height: 1em;
text-align: left;
color: #454547; /gris/
}

#b1 span {
font-size: 1em;
line-height: 1.1em;
font-weight: bold;
text-align: left;
color: #FF0000; /orange/
}

#b2 {
float: left;
width :425px;
margin-left: 0px;
margin-top: 0px;
}

#b2 p {
font-family: trebuchet ms;
font-size: 1em;
line-height: 1.3em;
margin-top: 10px;
text-align: justify;
color: #454547; /gris/
}

#b2 em {
font-size: 1.3em;
line-height: 1.1em;
text-align: left;
color: #F38907; /orange/
}

#b2 a {
text-decoration: none;
}

#b2 a:link {
color: #3F6778;
}

#b2 a:visited {
color: #3F6778;
}

#b2 a:hover {
color: #F8951D;
}

#b2 strong {
font-size: 1em;
line-height: 1.3em;
text-align: left;
color: #454547; /gris/
}

#b2 span {
font-size: 1em;
line-height: 1.1em;
font-weight: bold;
text-align: left;
color: #FF0000; /orange/
}

#song1 {
padding-top: 15px;
padding-bottom: 15px;
}

#song1 p {
font-family: Arial;
font-size: 1em;
line-height: 0.7em;
text-align: left;
color: #415B83; /bleu/
}

#song1 em {
font-size: 0.9em;
line-height: 1.3em;
text-align: left;
color: #415B83; /bleu/
}

#song1 strong {
font-size: 0.9em;
line-height: 1.2em;
text-align: left;
color: #415B83; /bleu/
}

#song2 {
padding-top: 15px;
padding-bottom: 15px;
}

#song2 p {
font-family: Arial;
font-size: 1em;
line-height: 0.8em;
text-align: left;
color: #415B83; /bleu/
}

#song2 em {
font-size: 0.9em;
line-height: 1em;
text-align: left;
color: #415B83; /bleu/
}

#song2 strong {
font-size: 0.9em;
line-height: 1.2em;
text-align: left;
color: #415B83; /bleu/
}

#song3 {
padding-top: 15px;
padding-bottom: 15px;
}

#song3 p {
font-family: Arial;
font-size: 1em;
line-height: 0.8em;
text-align: left;
color: #415B83; /bleu/
}

#song3 em {
font-size: 0.9em;
line-height: 1em;
text-align: left;
color: #415B83; /bleu/
}

#song3 strong {
font-size: 0.9em;
line-height: 1.2em;
text-align: left;
color: #415B83; /bleu/
}

#song4 {
padding-top: 15px;
padding-bottom: 15px;
}

#song4 p {
font-family: Arial;
font-size: 1em;
line-height: 0.8em;
text-align: left;
color: #415B83; /bleu/
}

#song4 em {
font-size: 0.9em;
line-height: 1em;
text-align: left;
color: #415B83; /bleu/
}

#song4 strong {
font-size: 0.9em;
line-height: 1.2em;
text-align: left;
color: #415B83; /bleu/
}

#song5 {
padding-top: 15px;
padding-bottom: 15px;
}

#song5 p {
font-family: Arial;
font-size: 1em;
line-height: 0.8em;
text-align: left;
color: #415B83; /bleu/
}

#song5 em {
font-size: 0.9em;
line-height: 1em;
text-align: left;
color: #415B83; /bleu/
}

#song5 strong {
font-size: 0.9em;
line-height: 1.2em;
text-align: left;
color: #415B83; /bleu/
}

#song6 {
padding-top: 15px;
padding-bottom: 15px;
}

#song6 p {
font-family: Arial;
font-size: 1em;
line-height: 0.8em;
text-align: left;
color: #415B83; /bleu/
}

#song6 em {
font-size: 0.9em;
line-height: 1em;
text-align: left;
color: #415B83; /bleu/
}

#song6 strong {
font-size: 0.9em;
line-height: 1.2em;
text-align: left;
color: #415B83; /bleu/
}

#song7 {
padding-top: 15px;
padding-bottom: 15px;
}

#song7 p {
font-family: Arial;
font-size: 1em;
line-height: 0.8em;
text-align: left;
color: #415B83; /bleu/
}

#song7 em {
font-size: 0.9em;
line-height: 1em;
text-align: left;
color: #415B83; /bleu/
}

#song7 strong {
font-size: 0.9em;
line-height: 1.2em;
text-align: left;
color: #415B83; /bleu/
}

#song8 {
padding-top: 15px;
padding-bottom: 15px;
}

#song8 p {
font-family: Arial;
font-size: 1em;
line-height: 0.8em;
text-align: left;
color: #415B83; /bleu/
}

#song8 em {
font-size: 0.9em;
line-height: 1em;
text-align: left;
color: #415B83; /bleu/
}

#song8 strong {
font-size: 0.9em;
line-height: 1.2em;
text-align: left;
color: #415B83; /bleu/
}

/*------------MENU------------*/

#menu {
position: absolute;
width:610px;
height:22px;
left: 146px;
top: 126px;
text-indent: -10000px;
}

#menu ul {
list-style:none;
}

#m1 {
position: absolute;
width :36px;
height: 20px;
left: 1px;
top: 0px;
background: url(ims/menu/actu.gif) top left no-repeat;
}

#m1:hover {
background: url(ims/vide.gif) top left no-repeat;
}

#m2 {
position: absolute;
width :80px;
height: 20px;
left: 49px;
top: 0px;
background: url(ims/menu/spectacles.gif) top left no-repeat;
}

#m2:hover {
background: url(ims/vide.gif) top left no-repeat;
}

#m3 {
position: absolute;
width :58px;
height: 20px;
left: 139px;
top: 0px;
background: url(ims/menu/disques.gif) top left no-repeat;
}

#m3:hover {
background: url(ims/vide.gif) top left no-repeat;
}

#m4 {
position: absolute;
width :52px;
height: 20px;
left: 207px;
top: 0px;
background: url(ims/menu/videos.gif) top left no-repeat;
}

#m4:hover {
background: url(ims/vide.gif) top left no-repeat;
}

#m5 {
position: absolute;
width :52px;
height: 20px;
left: 268px;
top: 0px;
background: url(ims/menu/photos.gif) top left no-repeat;
}

#m5:hover {
background: url(ims/vide.gif) top left no-repeat;
}

#m6 {
position: absolute;
width :51px;
height: 20px;
left: 329px;
top: 0px;
background: url(ims/menu/presse.gif) top left no-repeat;
}

#m6:hover {
background: url(ims/vide.gif) top left no-repeat;
}

#m7 {
position: absolute;
width :63px;
height: 20px;
left: 554px;
top: 0px;
background: url(ims/menu/contacts.gif) top left no-repeat;
}

#m7:hover {
background: url(ims/vide.gif) top left no-repeat;
}

#m8 {
position: absolute;
width :108px;
height: 20px;
left: 391px;
top: 0px;
background: url(ims/menu/ebp.gif) top left no-repeat;
}

#m8:hover {
background: url(ims/vide.gif) top left no-repeat;
}

#m9 {
position: absolute;
width :38px;
height: 20px;
left: 507px;
top: 0px;
background: url(ims/menu/copinage.gif) top left no-repeat;
}

#m9:hover {
background: url(ims/vide.gif) top left no-repeat;
}

/*------------PIED------------*/

#pied {
width: 730px;
margin-left: 25px;
color: #3F6778;
clear: both;
padding-top : 50px; 
padding-bottom : 10px; 
}

#pied p {
color: #3F6778;
text-align: center;
font-family: verdana;
font-size: 0.7em;
}

#pied ul {
width: 720px;
margin: 0 0 5px; 
text-align: center;
font-family: verdana;
font-size: 0.9em;
border-bottom: 2px solid #F8951D;  
}

#pied li {
display: inline;
}

#pied li p {
margin: 5px 0 10px; 
padding: 5px 0 0;
text-decoration: none;
display: inline;
}

#pied a {
font-size: 1em;
text-decoration: none;
}

#pied a:link {
color: #3F6778;
}

#pied a:visited {
color: #3F6778;
}

#pied a:hover {
color: #F8951D;
}

#bas {
position: relative;
width: 775px;
text-align: center;
}

#internet {
position: absolute;
top: -5000px;
left: -5000px;
}

#internet a {
font-size: 1em;
text-decoration: none;
color: #cccccc;
}

#internet a:link {
color: #cccccc;
}

#internet a:visited {
color: #cccccc;
}

#internet a:hover {
color: #cccccc;
}

#internet p {
color: #cccccc;
text-align: center;
font-family: Arial;
font-size: 1em;
}

h1, h2, h4, h5 {
position: absolute;
top: -5000px;
left: -5000px;
}

/*------------PRO------------*/

#panneau-pro {
float: right;
width :265px;
text-align: center;
background: url(ims/middle.gif);
}

#panneau-top-pro {
width :265px;
height: 52px;
background: url(ims/top-pro.gif) top left no-repeat;
}

#panneau-pro li {
color: #F38907;
font-size: 1.3em;
margin-left: 0px;
font-family: Arial;
}

#panneau-pro p {
font-weight: 700;
font-size: 0.8em;
margin-top : 20px;
margin-bottom : 0px;
color: #454547;
}

#panneau-pro span {
font-family: Trebuchet MS;
color: #454547;
font-size: 1.1em;
}

#panneau-pro ul {
list-style:none;
}

#panneau-pro a {
font-family: Arial;
font-size: 0.7em;
font-weight: 700;
text-decoration: none;
color: #F38907;
}

#panneau-pro a:link {
font-family: Arial;
text-decoration: none;
color: #F38907;
}

#panneau-pro a:visited {
font-family: Arial;
text-decoration: none;
color: #F38907;
}

#panneau-pro a:hover {
color: #FBAF51;
}