* {
margin:0;
padding:0;
}
p {
text-align:left;
margin:15px 0;
}
p,ul {
font-size:13px;
line-height:1.4em;
}
p.intro {
border-bottom:1px solid #ccc;
margin-bottom:20px;
text-align:center;
width:100%;
padding:20px 0 30px;
}
noscript p,noscript ol {
color:#a00;
font-size:13px;
line-height:1.4em;
text-align:left;
}
noscript a {
color:#a00;
text-decoration:underline;
}
noscript ol {
margin-left:25px;
}
a:focus {
outline:none;
}
body {
background:#ebebeb url(images/fond.png) top repeat;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
}
.stripViewer .panelContainer .panel ul {
text-align:left;
margin:0 15px 0 30px;
}
.slider-wrap {
position:relative;
width:100%;
margin:20px 0;
}
.csw {
width:100%;
height:460px;
background:#fff;
overflow:scroll;
}
.csw .loading {
text-align:center;
margin:200px 0 300px;
}
.stripViewer {
position:relative;
overflow:hidden;
width:740px;
clear:both;
margin:auto 40px auto auto;
}
.stripViewer .panelContainer {
position:relative;
left:0;
top:0;
width:100%;
list-style-type:none;
}
.stripViewer .panelContainer .panel {
float:left;
height:100%;
position:relative;
width:740px;
}
.stripViewer .panelContainer .panel .wrapper {
padding:0 10px 10px;
}
.stripNav {
background-image:url('images/fondmenu.png');
height:26px !important;
height:17px;
list-style:none;
position:absolute;
top:-100px;
left:365px;
margin:0;
padding:9px 10px 0 20px;
}
.stripNav ul {
list-style:none;
}
.stripNav ul li {
float:left;
margin-right:1px;
}
.stripNav a {
width:70px;
color:#fff;
text-align:center;
height:26px;
display:block;
padding:5px 0 0;
}
.stripNav li a:hover,.stripNav li a.current {
color:#f50b72;
background:url('images/ongletactif.png') top no-repeat;
}
.stripNavL,.stripNavR {
position:absolute;
top:230px;
text-indent:-9000em;
}
.stripNavL a,.stripNavR a {
display:block;
height:40px;
width:40px;
}
.stripNavL {
left:0;
background:url("images/arrow-left.gif") no-repeat center;
}
.stripNavR {
right:0;
background:url("images/arrow-right.gif") no-repeat center;
}

.clear {
clear:both;
margin:0;
padding:0;
}
.nostyle {
list-style:none;
text-decoration:none;
margin:5px;
}
.nostyle a {
text-decoration:none;
}
h2 {
margin-bottom:10px;
display:none;
}
h3 {
background:#EFEFEF;
color:#F50B72;
border-bottom:1px solid silver;
padding:4px;
margin-bottom:5px;
}
a {
color:#000;
text-decoration:none;
}
a img {
border:0;
}
#site {
width:943px;
margin-left:auto;
margin-right:auto;
position:relative;
}
#logo {
position:relative;
left:0;
z-index:1;
}
#nomsite {
position:absolute;
top:180px;
left:380px;
}
#motifmenu {
position:absolute;
left:870px;
top:200px;
z-index:2;
}
.textegauche,.textedroit {
width:48%;
margin:0;
padding:0;
}
.textegauche {
float:left;
}
.textedroit {
float:right;
}
p.album img {
margin:0 0 20px 0;
float:left;
border:5px solid #EFEFEF;
width:65px;
height:65px;
}
p.albumleft {
float:left;
width:88%;
padding:0;
margin:0;
}
strong {
font-weight:400;
background-color:#efefef;
display:block;
width:100%;
margin:0 0 5px;
padding:5px 0;
}
em {
font-style:normal;
font-weight:bold;
}
span.gauche {
display:block;
width:40%;
float:left;
}
span.droite {
display:block;
width:40%;
padding-right:5px;
float:right;
}
strong span.stronggauche {
display:block;
float:left;
width:50%;
}
strong span.strongdroite {
display:block;
float:right;
padding-right:10px;
width:20%;
text-align:right;
color:#000;
}
h2.artiste {
padding-top:50px;
}
.logo {
max-width:100px;
width: expression( document.body.clientWidth > 100? "100px": "auto" );
}
#footer {
width:75%;
border-top:1px solid #f40c72;
background-color:#f5e6ec;
text-align:center;
margin:10px 0 0 200px;
padding:10px;
}
a:hover,.artiste {
color:#f60b72;
}
ul.lien li {
float:left;
margin: 0 10px 10px 10px;
}