/* ---------------------------------------------------------------------------------
   CODA STYLES
--------------------------------------------------------------------------------- */

#screens { width: 630px; height: 542px; overflow: hidden; float: left; } /*, #screens2
#screens2 { height: 460px; }*/
.panel { float: left; width: 630px; height: 542px; }

.stripViewer { /* This is the viewing window */
    position: relative;
    overflow: hidden;
    margin: auto;
    width: 630px; /* Also specified in  .stripViewer .panelContainer .panel  below */
    height: 542px;
    clear: both;
    z-index: 100;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
    position: relative;
    left: 0; top: 0;
    width: 100%;
    list-style-type: none;
    z-index: 100;
    /* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
.stripNav { display: none; }

.stripNavL a, .stripNavR a { width: 41px; height: 47px; text-indent: -5000px; display: block; position: absolute; top: 250px; z-index: 600; outline: none; }
.stripNavL a { background: url(../img/gallery-arrow-left.png) no-repeat 0 0; float: left; left: -19px; }
.stripNavR a { background: url(../img/gallery-arrow-right.png) no-repeat 0 0; float: right; left: 608px; }
.stripNavL a:hover, .stripNavR a:hover { background-position: 0 -47px; cursor: pointer; outline: none; }

#pHome #screens { height: 460px; }
#pHome #screens .panel img { border-bottom: solid 5px #000; float: left;  }
#pHome #screens .panel p { width: 630px; margin: 0; border-bottom: solid 0px #f00;  font-size: 0.7em; float: left; position:absolute; top:427px;   }/*margin-top: 427px;*/
#pHome #screens .panel p a { color: #545252; width: 630px; float: left; padding: 12px 15px 7px 15px; text-decoration: none; background: #000; }
#pHome #screens .panel p a span { font-weight: bold; color: #868686;  }
#pHome #screens .panel p a:hover { background: url(../images/featured-arrow.gif) no-repeat 306px 15px #000; color: #ccc; }
#pHome #screens .panel p a:hover span { color: #fff; }
#pHome #gallery { margin: 0; }


#img1 { background: url(../home/vitelliers_iPhone_titre.jpg) no-repeat 0 0; }
#img2 { background: url(../home/cclement_metro_titre.jpg) no-repeat 0 0; }
#img3 { background: url(../home/vts_brochure_tarifs2.jpg) no-repeat 0 0; }
/*#img4 { background: url(../home/cclement_menus.gif) no-repeat 0 0; }*/

#gallery blockquote { margin: 0; float: left; width: 510px; padding: 20px 60px 0 60px; font-size: 0.7em; text-align: center; color: #848484; line-height: 1.4em; background: url(../images/blockquote.gif) no-repeat 0 25px; }
#gallery blockquote span { color: #666; font-weight: bold; }