/* Start of CMSMS style sheet 'normal' */
* { margin: 0; padding: 0;}

body { font: 12px Verdana, Arial, sans-serif;  color: #000000;}
body#std {/*background: #3c3e4d url(css/bgpage.jpg) no-repeat center center; */
background: #101115 url(http://www.dony.ch/css/bgflowers.jpg) repeat-x top left;

height: 100%;}
html {height: 100%;}


#content a:link,#content  a:visited {color: #666666;}
#content a:link:hover, #content a:visited:hover {color: #666666;}
#content a:link:active, #content a:link:active {color: #666666;}

/*----------------------------- GLOBAL -------------------------------------------*/
P {margin-bottom: 10px; text-align: left; font: 12px/1.3 Verdana, Arial, sans-serif;}


h1 {font: bold 16px Arial, Helvetica, sans-serif;
margin: 0px 0px 10px 0px;text-align:left; color: #666666;}

h2 {font: bold 14px Arial, Helvetica, sans-serif;
margin: 0px 0px 10px 0px;text-align:left; color: #666666;}

h3 {font: bold 12px Arial, Helvetica, sans-serif;
color: #666666; margin-bottom: 10px;}


h4 {font: bold 11px Arial, Helvetica, sans-serif;
color: #666666; margin-bottom: 5px;
background: #EDEDED url(css/bgsong.gif) no-repeat top left; padding: 5px 3px 5px 20px; zoom:1;}
h4:hover {cursor: pointer; background: #dddddd url(css/bgsong.gif) no-repeat top left; } 

.en_gris{color: #666666}
.image_a_droite {float: right; margin-left: 20px;}
.image_a_gauche {float: left; margin-right: 20px;}



ul {padding: 10px 0px 10px 0px; margin:0; list-style: none outside; }
ul li { background: transparent url(http://www.dony.ch/css/bullet.gif) no-repeat left top; padding: 3px 0px 5px 20px;}

ul.gallerythumb {padding: 0; margin: 20px 0 0 0; list-style: none outside; width:100%; text-align: center;}
ul.gallerythumb li {display: inline; padding: 0px 4px 4px 0px; margin: 0px; background: transparent;}


/* ------------------------------------------------------------- */

#container { 	
  background: #ffffff url(css/bgpaper.jpg);
  position:absolute;
  width:960px; 
  height:634px;
  margin:-317px 0px 0px -480px;
  top: 50%; 
  left: 50%;
  text-align: left;
  padding: 0px;

  overflow: hidden;
}
#album_thumb {background: url(uploads/images/multifaces/couv_digipak.jpg) no-repeat top left; position: absolute; left: 70px; top: 200px; width: 300px; height: 270px; border: 2px solid #000000;}
#album_thumb a {display: block; width: 300px; height: 270px; cursor: pointer; }

#photo1 {background: url(css/photo1.jpg); width: 399px; height: 294px; position: absolute; top: 200px; left: 20px;}

#maintext{position: relative; left: 40px; top: 40px; padding: 0px;   overflow: auto; width: 440px; height: 360px;}

#content { 
  position:absolute;
  width:510px; 
  height:456px;
  left: 426px; top: 156px;
  padding: 0px;
  z-index: 1;

scrollbar-arrow-color:         #aaaaaa;
scrollbar-shadow-color:      #aaaaaa;
scrollbar-lightshadow-color: #aaaaaa;
scrollbar-3dlight-color:       #aaaaaa;  
scrollbar-track-color:         #eeeeee;
scrollbar-darkshadow-color: #cccccc;
scrollbar-base-color:          #cccccc;
scrollbar-highlight-color:     #eeeeee;


  background: url(css/bgtext.jpg) no-repeat top left;
}


#footer {width: 920px; height:15px;
 position: absolute; left: 0px; bottom: 0px;
    color: #666666; 
}
#footer p {text-align: right; padding: 0; margin:0; font: 9px Verdana, Arial, sans-serif;  }
#footer a {color: #666666;}
#logo{width: 500px; height:43px;
    position: absolute; left:30px; top: 10px;
    background: url(css/logo.gif) no-repeat top left; display: block;  
}
#logo a {border: none; display: block;
width: 500px; height: 43px; cursor: pointer; }

#menulevel1 {position: absolute; left: 20px; top: 75px; width: 960px;  padding: 0px 0 0px 10px; text-align: left; text-transform: uppercase; letter-spacing: 1px;
width: 790px;
}
#menulevel2 {position: absolute; left: 492px; top: 110px; width: 300px;  padding: 0px 0 0px 0px; text-align: left; }

/*#menulevel2 {width: 100%; border-bottom: 1px dotted #ffffff; padding-bottom: 10px; margin-bottom: 10px;}*/

.menulevel ul {list-style: none outside;margin: 0; padding: 0; font: bold 12px Verdana, Arial, sans-serif; }
/*.menulevel ul li {margin: 0 5px 0 -5px; padding: 0 5px 0 5px; display: inline; border-left: 1px solid #cB8E59;}*/
.menulevel ul li {margin: 0 0 0 0; padding: 0px 15px 0px 0px; display: inline; background: none;}
.menulevel ul li li  {list-style: none outside;margin: 0; padding: 0; font: 11px Verdana, Arial, sans-serif; padding: 0px 0px 3px 10px; }

.menulevel a { text-decoration: none; }
.menulevel a:link, .menulevel  a:visited { color: #333333;  text-decoration: none; }
.menulevel a:hover,.menulevel .currentpage {	color: #666666; }
.menulevel  .activeparent a {color: #666666;}

.menulevel {overflow: hidden;}
.menulevel  a img {border: none;}
.menulevel  img {position: relative; bottom: 0px}


.contactform {margin-top: 10px; }
.contactform fieldset legend {font-weight: bold;padding: 10px;}
.contactform div {width: 100%; padding: 10px 0px 4px 0px;}
.contactform div label {display: inline;}
.contactform div.required {color: #333333; font-weight: bold;}

.contactform textarea {border: 1px solid #666666; background: #f4f4f4; width: 340px; height: 60px; padding: 5px; display: block; margin-top: 10px; font: 11px Verdana,Arial, Helvetica, sans-serif; }
.contactform input {display: inline; border: none; background: transparent; border-bottom: 1px dotted #666666; padding: 5px; width: 200px; font: 11px Verdana,Arial, Helvetica, sans-serif;  }



.contactform .submit {padding: 0; margin:0;}
.contactform .submit input {width: 155px; height: 51px; background: url(css/buttonsend.gif); margin-left: 205px; margin-top: 10px; cursor: pointer; padding: 0;border: none;}


ul.sectionlinks {padding: 10px 0px 0px 0px; font: 18px Arial, Helvetica, sans-serif; margin:0; list-style: none outside; border-top: 1px dotted #cccccc; margin-top: 20px;}
ul.sectionlinks li {padding: 0px 0px 0px 30px; background: transparent url(css/bullet.gif) no-repeat left top;}
ul.sectionlinks li a {text-decoration: none;}

p.parentlink {padding: 0px 20px 4px 0px; background: transparent url(css/bullet.gif) no-repeat right top; margin: 20px 0px 0px 0px;  font: 18px Arial, Helvetica, sans-serif; text-align:right;}
p.parentlink a {text-decoration: none;}

table {border-collapse: collapse;}
table.playlist .title {background: none; font: 14px Arial, Helvetica, sans-serif; width: 400px;}
table.playlist .number {color: #D4DA5C;}
table.playlist td {padding: 3px;border-top: 1px dotted #72A69A;}
body div.maintitle {margin: 0px 0px 20px 0px;}

/*----------------------------------------------------------*/

#deco {width: 200px; height: 100px; position: absolute; right: 0px; top: 22px;  background-image: url(css/allanims.gif);   z-index: 2;

}
.photo4,.photo {background-position: -800px 0; }
.photo3 {background-position: -800px -100px; }
.photo2 {background-position: -800px -200px; }
.photo1 {background-position: -800px -300px; }
.contact4,.contact {background-position: -600px 0; }
.contact3 {background-position: -600px -100px; }
.contact2 {background-position: -600px -200px; }
.contact1 {background-position: -600px -300px; }
.bio4,.bio {background-position: -400px 0; }
.bio3 {background-position: -400px -100px; }
.bio2 {background-position: -400px -200px; }
.bio1 {background-position: -400px -300px; }
.disco4,.disco {background-position: -200px 0; }
.disco3 {background-position: -200px -100px; }
.disco2 {background-position: -200px -200px; }
.disco1 {background-position: -200px -300px; }

.pro4,.pro {background-position: 0px 0; }
.pro3 {background-position: 0px -100px; }
.pro2 {background-position: 0px -200px; }
.pro1 {background-position: 0px -300px; }

.home4,.home {background-position: -1000px 0; }
.home3 {background-position: -1000px -100px; }
.home2 {background-position: -1000px -200px; }
.home1 {background-position: -1000px -300px; }


#decomenuline{background-position: 0 -300px; width: 790px; height: 100px; position: absolute; left: 0px; top: 22px;  background-image: url(css/allanims.gif);}



/* End of 'normal' */

/* Start of CMSMS style sheet 'mise_en_page' */
body.home #titre {
padding-left:20px;
}
body.home #content {
  left: 0px;
  top: 120px;
  margin-left: auto;
  margin-right: auto;
  width:963px; 
  height:485px;
  background: url(css/home/bghome.jpg) no-repeat center center;
}
body.home #maintext {
  left: 490px;
  top: 70px;
  height:371px;
}
body.home #anim {
  left: 90px;
  top: 170px;
  height:120px;
  width:300px;
}

body.bio #content {
  left: 0px;
  top: 120px;
  margin-left: auto;
  margin-right: auto;
  width:950px; 
  height:485px;
  background: url(css/bio/bgbio.jpg) no-repeat center center;
}


body.disco #content {
  position:absolute;
  top: 157px;
  left: 431px;
  width:500px;
  height:351px;
  background: none;
}
body.disco #maintext {
  top: 0px;
  left: 0px;
  width:490px;
  height:351px;
}
body.disco #bgalbum {
  position: relative;
  margin-left:auto;
  margin-right:auto;
  left: 0px;
  top: 119px;
  width:935px; 
  height:508px;
  background: url(css/album/bgalbum.jpg) no-repeat top center;
}

#pochette1 a{
  display:block;
  position: absolute;
  left: 470px;
  top: 420px;
  width:200px; 
  height:58px;
  border-style: solid; border-width: 2px; border-color: #ffffff; 
  background: url(css/album/pochette1thumb.jpg) no-repeat top left;
}
#pochette1 a:hover{
 background-position: 0 -58px;
}
#pochette1 a:active{
 background-position: 0 -116px;
}

#pochette2 a{
  display:block;
  position: absolute;
  left: 690px;
  top: 420px;
  width:200px; 
  height:58px;
  border-style: solid; border-width: 2px; border-color: #ffffff; 
  background: url(css/album/pochette2thumb.jpg) no-repeat top left;
}
#pochette2 a:hover{
 background-position: 0 -58px;
}
#pochette2 a:active{
 background-position: 0 -116px;
}

body.disco #flashcontent {
  position: absolute;
  left: 55px;
  top: 418px;
}


body.photo #content {left: 10px; top: 110px;}
body.photo #vignettes {width: 300px; height: 300px; top: 170px; right: 100px; position: absolute;}
body.photo #arabesque {background: url(css/bgarabesque.gif) no-repeat top left; width: 340px; height: 159px; top: 390px; right: 80px; position: absolute;}

#article1 a{
  display:block;
  position: relative;
  left: 20px;
  top: 20px;
  width:185px; 
  height:150px;
  background: url(css/medias/lapresse97thumb.jpg) no-repeat top left;
}
#article1 a:hover{
 background-position: 0 -150px;
}

#article2 a{
  display:block;
  position: relative;
  left: 225px;
  top: -130px;
  width:185px; 
  height:150px;
  background: url(css/medias/lapresse98thumb.jpg) no-repeat top left;
}
#article2 a:hover{
 background-position: 0 -150px;
}

#article3 a{
  display:block;
  position: relative;
  left: 20px;
  top: -120px;
  width:185px; 
  height:150px;
  background: url(css/medias/journaldemorges04thumb.jpg) no-repeat top left;
}
#article3 a:hover{
 background-position: 0 -150px;
}

body.pro #content {
  left: -1000px;
}
body.pro #bgpro {
  position: relative;
  left: 10px;
  top: 125px;
  width:935px; 
  height:513px;
  background: url(css/pro/bgpro.jpg) no-repeat top left;
}
body.pro #maintext {
  left: 1440px;
  top: 10px;
}

body.contact #content { 
  width:900px; 
  height:500px;
  left: 40px; top: 110px;
  background: url(css/contact/bgtextphoto.jpg) no-repeat top left;
}

body.contact #maintext{height: 410px; left: 255px;
}


body.commande #content { 
  width:900px; 
  height:500px;
  left: 0px; top: 110px;
  background: url(css/commande/bgcommande.jpg) no-repeat top left;
}

body.commande #maintext{height: 410px; left: 255px;
}

#promotion {position: absolute;z-index: 12;font-size: 10px;text-align: center;}
body.contact #promotion {left: 40px; top: 340px; }
#promotion a {display: block;}

#orderalbum {position: absolute; width: 201px; height: 42px; background: url(css/buttonorder.gif) no-repeat top left;z-index: 10;}
body.home #orderalbum {left: 220px; top: 540px; }
body.contact #orderalbum {left: 40px; top: 540px; }
#orderalbum a {width: 201px; height: 42px;display: block;}

#counter {position: absolute; z-index: 10;}
body.home #counter {left: 120px; top: 610px; }
/* End of 'mise_en_page' */