/* 
 * CSS 07/01/2014
 * Theme Voeux 2014
 * Par iPiKa 
*/


/* ------ INITIALISATION ------ */
h1, h2, h3, h4, h5, h6, p, form, table, tr, td { margin: 0; padding: 0; font-size: 1em }
a img, :link img, :visited img { border: 0; text-decoration: none }
table { border-collapse: separate }
tr, td { margin: 0; padding: 0 }
th { font-weight: bold }
ul, li, .item-list ul li, .item-list ul, ul.menu li { margin: 0; padding: 0; list-style-type: none }
ul li.leaf, ul li.expanded { list-style-type: none; list-style-image: none }
textarea { resize: none; overflow: auto }
html { overflow-y: scroll; cursor: default }



/* ------ COMMON ------ */
body { margin: 0; padding: 0; color: #FFF; font: normal normal 100% 'Tulpen One', cursive; line-height: 1.4em }
p { margin: 0 0 .8em }
li { margin: 0; padding: 0; list-style: none }
img { border: 0 }
a { color: #f84502; text-decoration: none }
a:hover { text-decoration: none }



/* ------ STRUCTURE ------ */
#wrapper { overflow: hidden; width: 100% }
#page { position: relative; width: 100% }
#page-inner { position: relative; width: 920px; margin: 75px auto }
#voeux { width: 450px; height: 750px; margin: 0 auto }
#voeux a { display: block; width: 450px; height: 750px }
#btn-print { position: absolute; top: 290px; left:0; width: 145px; height: 145px }
#btn-web { position: absolute; top: 290px; right:0; width: 145px; height: 145px }
#btn-web a, #btn-print a { display: block; width: 145px; height: 145px; font-size: 5em; text-align: center; color: #EEE; background: rgba(160,160,160,.7); border-radius: 80px; cursor: pointer }
#btn-web a:hover, #btn-print a:hover { color: #FFF; background: rgba(160,160,160,1)}
#btn-web span, #btn-print span { position: relative; top: 60px }

/* ------ PRINT ------ */
#wrapper.print { background: #FFF url(../img/bkg-print.jpg) 0 0 no-repeat; 
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */  }
.print #voeux { background: url(../img/voeux-print.jpg) 0 0 no-repeat }
.print #btn-print a { background: #f84502; color: #FFF; cursor: default }


/* ------ WEB ------ */
#wrapper.web { background: #FFF url(../img/bkg-web.png) 0 0 repeat }
.web #voeux { background: url(../img/voeux-web.jpg) 0 0 no-repeat }
.web #btn-web a { background: #f84502; color: #FFF; cursor: default }