/* 
    Document   : base
    Created on : 04-juin-2011, 15:40:16
    Author     : Tome
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

body {
    font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    background-image:url('../images/beach-small.jpg');
    background-repeat:repeat-x;
}

#st-title {
    position:absolute; 
    left: 50%;  
    top: 50%; 
    width: 555px; 
    height: 200px; 
    margin-top: -275px;
    margin-left: -227px; 
}

#st-voyage {
    position:absolute; 
    left: 25%;  
    top: 75%; 
    width: 400px; 
    height: 285px; 
    margin-top: -200px;
    margin-left: -200px; 
}

#tl-voyage {
    position:absolute; 
    left: 25%;  
    top: 75%; 
    width: 400px; 
    height: 75px; 
    margin-top: -275px;
    margin-left: -200px; 
}

#tl-terrasse {
    position:absolute; 
    left: 75%;  
    top: 75%; 
    width: 400px; 
    height: 75px; 
    margin-top: -275px;
    margin-left: -200px; 
}

#st-terrasse {
    position:absolute; 
    left: 75%;  
    top: 75%; 
    width: 400px; 
    height: 285px; 
    margin-top: -200px;
    margin-left: -200px; 
}

#tl-back {
    position:absolute; 
    left: 15%;  
    top: 50%; 
    width: 250px; 
    height: 500px; 
    margin-top: -200px;
    margin-left: -225px; 
}

#st-trip {
    position:absolute; 
    left: 15%;  
    top: 75%; 
    width: 650px; 
    height: 350px; 
    margin-top: -300px;
    margin-left: -200px; 
}

#form-trip {
    position:absolute; 
    left: 65%;  
    top: 75%; 
    width: 575px; 
    height: 350px; 
    margin-top: -400px;
    margin-left: -200px;
    background:transparent;
}

p, h1, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}

.myform{
    margin:0 auto;
    width:6;
    padding:14px;
}

#form-trip h1 {
    font-size:14px;
    font-weight:bold;
    margin-bottom:8px;
}
#form-trip p.summary {
    font-size:12px;
    font-weight:bold;
    border-bottom:none;
}
#form-trip p{
    font-size:11px;
    color:#666666;
    margin-bottom:20px;
    border-bottom:solid 1px #b28f24;
    padding-bottom:10px;
}
#form-trip label{
    display:block;
    font-weight:bold;
    text-align:right;
    width:200px;
    float:left;
}
#form-trip .small{
    color:#666666;
    display:block;
    font-size:11px;
    font-weight:normal;
    text-align:right;
    width:200px;
}
#form-trip .info{
    color:#666666;
    float:right;
    display:block;
    font-size:11px;
    font-weight:normal;
    width:120px;
    vertical-align: top;
    margin:2px 0px 20px 10px;
}
#form-trip .info2{
    color:#666666;
    float:left;
    display:block;
    font-size:11px;
    font-weight:normal;
    width:575px;
    vertical-align: top;
    margin:2px 0px 20px 10px;
}
#form-trip textarea{
    float:left;
    font-size:12px;
    padding:4px 2px;
    border:solid 1px #b28f24;
    width:320px;
    margin:2px 0 20px 10px;
}
#form-trip input{
    float:left;
    font-size:12px;
    padding:4px 2px;
    border:solid 1px #b28f24;
    width:320px;
    margin:2px 0 20px 10px;
}
#form-trip input.no-bottom-margin{
    display:block;
    font-size:12px;
    padding:4px 2px;
    border:solid 1px #b28f24;
    width:320px;
    margin:2px 0px 5px 10px;
}
#form-trip input.button{
    clear:both;
    margin-left:150px;
    width:125px;
    height:31px;
    background:#666666;
    text-align:center;
    line-height:31px;
    color:#FFFFFF;
    font-size:11px;
    font-weight:bold;
    cursor: pointer;
}