html, body {height:100%;}
body {margin:0;padding:0;background:#000 url(../images/fond-repeat-top.jpg) repeat-x;font-size:8pt;font-family:Tahoma,Arial,sans-serif;color:#fff;}
body.splash {background:#000;}

a {color:#fff;}
a img {border:0;}
a:focus {outline:0;}
form {margin:0;padding:0;display:block;}
h1, h2, h3, h4, h5, h6, h7 {margin:0; padding:0;}
ul {margin:0;}
p {margin:1em 0 1em 0;padding:0;}

.visualClear {clear:both;font-size:0; background: none; background-color: transparent;height:0;}
span.alt,
strong.alt {overflow:hidden;display:block;width:0;height:0;}

a.bouton-22 {height:22px;display:block;}
a.bouton-22:hover {background-position:0 -22px;}

img.picture {border:3px solid #000;}
p.picture {color:#8e7c3f;margin:3px;}

#splash {background:url(../images/fond-splash.jpg) no-repeat 50% 0%;min-height:100%;min-width: 955px;}
#splash-inner {width:740px;margin:0 auto;padding-top:644px;}
#splash h1 {font-size:0;}
#splash a {display:block;height:61px;margin-bottom:30px;}
#splash a.bienvenue {background:url(../images/btn-bienvenue.png) no-repeat;width:163px;float:left;margin-left:118px;}
#splash a.welcome {background:url(../images/btn-welcome.png) no-repeat;width:162px;float:right;margin-right:120px;}
#splash a:hover {background-position:0 -61px;}

#entete {background:url(../images/fond-entete.jpg) no-repeat 50% 0;height:171px;min-width:980px;}
#entete-inner {height:171px;margin:0 auto;overflow:hidden;position:relative;width:980px;}
#entete a#lien-langue {position:absolute;height:31px;right:9px;top:3px;width:98px;}
#entete a#lien-langue:hover {background-position:0 -31px;}
#entete h1 {height:145px;left:45px;position:absolute;top:5px;width:130px;}
#entete h1 a {display:block;height:145px;}
#navigation {left:178px;position:absolute;top:46px;width:797px;}

#fond {background:url(../images/fond-haut.jpg) no-repeat 50% 0;min-width: 955px;}
#fond-inner {background:url(../images/fond-bas.jpg) no-repeat 50% 100%;padding-bottom:200px;min-height:800px;position:relative;}

#contenu {width:950px;margin:0 auto;padding:10px 15px 0;color:#9ca38d;line-height:1.3em;}
#contenu a {color:#8e7c3f;}
#contenu p span {color:#8e7c3f;}
#contenu strong {color:#b7c39a;}

#col-gauche {float:left;width:355px;padding-left:98px;}

#col-droite {float:left;width:355px;padding-left:30px;padding-top:21px;}

/* templates de base */
.template-liste {}
.template-liste #col-gauche ul.liste {list-style-type:none;padding:0;margin:0;}
.template-liste #col-gauche ul.liste li {background:url(../images/separateur-liste.png) no-repeat 0 100%;overflow:hidden;padding:26px 0 30px 0;}
.template-liste #col-gauche ul.liste li .gauche {color:#b7c39a;float:left;display:block;}
.template-liste #col-gauche ul.liste li .gauche strong {text-transform:uppercase;}
.template-liste #col-gauche ul.liste li .droite {float:right;display:block;text-align:right;color:#9ca38d;}

.template-texte #col-gauche {padding-top:25px;}

.template-vignettes {padding-top:31px;}

/* concerts */
.concerts #col-gauche ul.liste li {padding:26px 0 29px 0;}
.concerts #col-droite {padding-left:39px;padding-top:25px;}

/* discographie */
.discographie strong,
.paroles strong,
.template-vignettes .bas strong {display:block;}
.discographie .liste li {}
.discographie .album,
.paroles .album {color:#b7c39a;}
.discographie .liste li img,
.discographie .liste li span {float:left;margin:0 8px 5px 0;}
.discographie .liste li .texte {float:left;width:250px;padding:12px 0 0 0;}
.paroles .lien-retour {margin:50px 0 0 0;}
.discographie #col-gauche {padding-top:10px;}
.discographie #col-gauche ul.liste li{padding:18px 0 20px 0;}
.discographie #col-droite {padding-left:39px;padding-top:25px;}
.paroles .bouton-ecouter {margin-bottom:20px !important;}
.paroles .bouton-arreter {margin-bottom:20px !important;display:none;}
.paroles #div_stream {height:1px;}
.paroles #col-gauche p {margin:1em 0 1.4em 0;padding:0;}

/* boutons avec over */
.bouton-paroles {width:65px;margin:15px 0 0 0px;}
.bouton-ecouter {width:65px;margin:15px 0 0 0px;}
.bouton-arreter {width:65px;margin:15px 0 0 0px;}
.bouton-voir {width:65px;margin:15px 0 0 3px;}

/* vignettes */
.template-vignettes .haut {text-align:center;background:url(../images/separateur-grand.png) no-repeat bottom center;padding-bottom:31px;}
.template-vignettes .bas {text-align:left;width:478px;margin:0 auto;padding-top:25px;}
.template-vignettes .bas img {margin:0 auto;}
.vign-fleche-gauche,
.vign-fleche-droite {height:72px;display:block;}
.vign-fleche-gauche {width:50px;background:url(../images/fleche-gauche.png) no-repeat}
.vign-fleche-droite {width:50px;background:url(../images/fleche-droite.png) no-repeat;}
.vign-fleche-gauche:hover {background-image:url(../images/fleche-gauche-o.png);}
.vign-fleche-droite:hover {background-image:url(../images/fleche-droite-o.png);}
.template-vignettes .gauche {float:left;width:50px;margin-left:194px;}
.template-vignettes .droite {float:left;width:50px;}
.template-vignettes .centre {float:left;width:460px;font-size:0;}
.template-vignettes .centre a img,
.template-vignettes .centre a span {margin:0 3px;}

/* page photos */
.photos .haut .lien-retour {float:right;text-align:right;margin:0 4px 0 0;}
.photos .haut {width:762px;margin:0 auto;}
.photos .haut .titre-album {text-align:left;padding-bottom:25px;}
.photos .bas {width:755px;margin:0 auto;text-align:center;}
.photos .bas strong, .photos .bas p {text-align:left;}
.photos .haut .gauche {margin-left:105px;}
div.photos {padding-top:28px;}

/* page albums */
.albums #col-gauche {padding-left:93px;padding-top:13px;}
.albums #col-gauche ul.liste li{padding:17px 0 27px 0;}
.albums .liste li img,
.albums .liste li span {float:left;margin:0 13px 5px 0;}
.albums .liste li .texte {float:left;width:265px;padding:24px 0 0 0;}
.albums .bouton-voir {margin-top:7px;padding-top:0;clear:both;}
.albums #col-droite {padding-left:40px;}

/* videos */
.videos .bas img {border:3px solid black;margin-left:-3px;}

/* biographie */
div.biographie {padding:0 10px;background:url(../images/separateur-grand.png) no-repeat bottom center;}
.biographie .centre {margin-bottom:5px;padding-top:25px;width:760px;}
.biographie .centre h3 {margin-top:25px;text-transform:uppercase;}
.biographie .centre,
.biographie .gauche {margin-left:85px;clear:both;float:left;}
.biographie .gauche, .biographie .droite {width:360px;float:left;margin-bottom:25px;}
.biographie .droite {margin-left:40px;}
.biographie p {text-align:justify;}

/* nouvelles */
div.nouvelles {padding: 30px 10px; }
.nouvelles .gauche, .nouvelles .droite {width: 360px; float:left; margin-bottom: 25px;}

.nouvelles .gauche {margin-left:85px;}
.nouvelles .gauche .nouvelle {background:transparent url(../images/separateur-petit.png) no-repeat scroll center bottom;margin-bottom:25px;min-height:135px;padding-bottom:15px;}
.titre {background: url(../images/fond-entete-nouvelle.png) no-repeat 0 0;color:black;height:35px;padding:7px 12px 0px 13px;font-weight:bold;font-size:1.1em;}
.nouvelles .gauche .nouvelle .images{float:left; margin-left:3px;}
.nouvelles .gauche .nouvelle .images img {margin-top:2px;}
.nouvelles .gauche .nouvelle .texte{float:left;margin-left:20px;padding-right:5px;text-align:justify;width:200px;overflow:hidden;}
.nouvelles .gauche .nouvelle .texte .date{font-weight: bold; color: #B7C39A;}
.nouvelles .gauche .nouvelle .texte p{ margin-top: 0px;}

div.nouvelles .droite {margin-left: 40px;}
.nouvelles .droite img {margin-left:-4px;}
.nouvelles .droite .contact{margin-top: 25px;}

form .titre {margin-bottom:3px;}
form .input{margin-bottom:5px; clear: both;}
form .input div.champs {background-color:#392A21;padding:1px;display:block;width:235px;float:left;}
form .input label{margin-left:20px;width:100px;float:left;font-weight:bold;padding-top:3px;}
form .input input {width:227px;padding:0 3px;}
form .input select {width:100%;}
form .input input,
form .input select {background-color:black;color:#8E7C3F;border:1px solid #1F1919;}
form .bouton-envoyer {float:right;width:65px;margin:3px 3px 0 0;}
form .bouton-envoyer:hover {background-position: 0 -22px;}

#pied-de-page {position:absolute;bottom:5px;width:100%;height:40px;color:#928376;font-size:0.9em;}
#pied-de-page a {color:#928376;}
#pied-de-page-inner {width:950px;margin:0 auto;}
#pied-de-page .logos {float:right;width:416px;margin-right:87px;}
#pied-de-page .logos a,
#pied-de-page .logo-gmp,
#pied-de-page .spacer {background:url(../images/logos.png) no-repeat;display:block;height:41px;float:left;}
#pied-de-page .logos .logo-gmp {background-position:0 0;width:74px;}
#pied-de-page .logos .logo-preste {background-position:-74px 0;width:86px;}
#pied-de-page .logos .logo-indica {background-position:-160px 0;width:78px;}
#pied-de-page .logos .spacer {background-position:-238px 0;width:138px;}
#pied-de-page .logos .logo-sumo {background-position:-376px 0;width:40px;}
#pied-de-page p {margin:0;padding:15px 0 0 97px;}