@import url("navigation.css");
@import url("layout.css");
@import url("misc.css");  
@import url("form.css");






html, body, form {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
  }


ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }


h2 {
    font-size: 28px;
    font-weight: 500;
    color: #98c534;
    margin: 0px 0px 10px 0px;
    padding: 0;
}

h3 {
    font-size: 18px;
    margin: 0px 0px 10px 0px;
    padding: 0;
    font-weight: 500;
    color: #232323;
  }


h4 {
    margin:0;
    padding: 0;
    font-weight: 500;
  }


h5 {
    text-transform: uppercase;
    margin: 0px 0px 10px 0px;
  }


address {
    margin: 10px 10px 10px 2px;
    color: #232323;
    font-style:normal;
    font-size: 11px;
  }


a {
    color: #2a82aa;
  }


a.image {
    text-decoration:none;
  }


a:hover {
    color: #98c534;
  }



blockquote, h3.citation {
    margin: 0;
    padding: 0;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #92a4a9;
    font-size: 16px;
    font-style: italic;
  }

.hometext {
    margin: 0;
    padding: 0;
    font-family: Georgia, "Times New Roman", Times, serif;
    /*color: #92a4a9;*/
    font-size: 14px;
    font-style: italic;
}

/* Boutons */

.button {
    height: 25px;
    color: #51473d;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 6px;
    border: 0px;
    padding: 0px;
    line-height: 25px;
    /*text-transform: uppercase;*/
    cursor: pointer;
}
.button {
    background: url('../images/layout/button.png');
    width: 100px;
}

.split {
    margin: 0;
    padding: 0;
    display: block;
    height: 40px;
    border: 0px;
    border-color: #ffffff;
    background-color: #ffffff;
  }


table.prod {
    margin-left:-100px;
    width : 980px;
}

table.prod td {
    
    border-top: 1px solid #c2e274;
    width: 40%;
    margin-left:50px;
    
}

table.prod td.category {
    
    width : 20%;
    
}

ul.check li {
    
    margin-top: 15px;
    padding-left: 20px;
    background: url('../images/icons/tick.png') no-repeat;
    margin-bottom: 15px;
    
}

td.prod {
    border-bottom-color : #92A4A9;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-left-color : #92A4A9;
    border-left-style : solid;
    border-left-width : 1px;
    border-right-color : #92A4A9;
    border-right-style : solid;
    border-right-width : 1px;
    border-top-color : #92A4A9;
    border-top-style : solid;
    border-top-width : 1px;
    padding-bottom : 6px;
    padding-left : 12px;
    padding-right : 6px;
    padding-top : 6px;
    text-align : center;
    vertical-align : middle;
  }
  
/* BEGIN : TRACELITE SCREENSHOTS WRAPPER */
  
div.screenshots_wrapper {
    
    height: 650px;
    width : 900px;
    z-index:1;
    
}
  
/* END : TRACELITE SCREENSHOTS WRAPPER */
  
/* BEGIN : TRACELITE VIDEO WRAPPER */
  
div.video_wrapper {
    
    height: 650px;
    width : 900px;
    margin-left: 40px;
    background: #f3f8f9 0px 30px;
    border: 1px solid;
}

div.video_wrapper .image_choices {
    
    height: inherit;
    width: 200px;
    float: left;
    text-align: center;
    
}

div.image_choice {
    
    height: 150px;
    width: 163px;
    margin-top:10px;
    cursor : pointer;
}

div.image_choice.active{
    
    background: url('../images/layout/logo_selec.png') repeat 0px 0px;
    
}

div.image_choice img {
 
    margin-top:25px;
    
}

div.video_wrapper .video {
    height:inherit;
    text-align:center;
    
}

div.video_wrapper .video h3{
    
    float:left;
    text-indent: 280px;
    margin-top: 15px;
    margin-bottom: 35px;
    color: #7B8E99;
}



/* END : TRACELITE VIDEO WRAPPER */


ul.devis {
    list-style-type:square;
    margin: 0;
    padding-left: 17px;
  }
  
/* INFO MESSAGE */

div.msg_info {
    background-position: 5px 1px;
    min-height: 24px;
    padding: 10px 0px 0px 40px;
    margin: 10px 0px 10px 0px;
    background: #ecf7fe url('../images/layout/msg-info.gif') no-repeat;
    border: 1px solid #caeaff;
    color: #2288c7;
}