﻿/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}


body, html {
    height: 100%}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body, html {
    font-size: 100%}
body {
    background: #f1f1f1;
    color: #333;
    padding: 0;
    margin: 0;
    font-family: "Source Sans Pro", Helvetica, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-style: normal;
    line-height: 1.5;
    position: relative;
    cursor: auto;
}

/*input[type=text]:focus, textarea:focus, input[type=password]:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}*/

.left {
    float: left!important;
}
.right {
    float: right!important;
}
.clearfix:after, .clearfix:before {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.hide {
    display: none!important;
    visibility: hidden;
}
.invisible {
    visibility: hidden;
}
.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
img {
    display: inline-block;
    vertical-align: middle;
}




.text-left {
    text-align: left!important;
}
.text-right {
    text-align: right!important;
}
.text-center {
    text-align: center!important;
}
.text-justify {
    text-align: justify!important;
}
blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
     margin: 0;
     padding: 0;
 }
a {
    color: #ea4b3c;
    text-decoration: none;
    line-height: inherit;
}
a:focus, a:hover {
    color: #e42a19;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Source Sans Pro", Helvetica, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-style: 300;
    color: #222;
    text-rendering: optimizeLegibility;
    margin-top: .2rem;
    margin-bottom: .5rem;
    line-height: 1.4;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 60%;
    color: #6f6f6f;
    line-height: 0;
}
h1 {
    font-size: 2.125rem;
}
h2 {
    font-size: 1.6875rem;
}
h3 {
    font-size: 1.375rem;
}
h4, h5 {
    font-size: 1.125rem;
}
h6 {
    font-size: 1rem;
}
.subheader {
    line-height: 1.4;
    color: #6f6f6f;
    font-weight: 300;
    margin-top: .2rem;
    margin-bottom: .5rem;
}
hr {
    border: solid #DDD;
    border-width: 1px 0 0;
    clear: both;
    margin: 1.25rem 0 1.1875rem;
    height: 0;
}


dl, ol, ul {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 1.25rem;
    list-style-position: outside;
    font-family: inherit;
}
ul {
    margin-left: 1.1rem;
}
ul.no-bullet {
    margin-left: 0;
}
ul.no-bullet li ol, ul.no-bullet li ul {
    margin-left: 1.25rem;
    margin-bottom: 0;
    list-style: none;
}
ul li ol, ul li ul {
    margin-left: 1.25rem;
    margin-bottom: 0;
}
ul.circle li ul, ul.disc li ul, ul.square li ul {
    list-style: inherit;
}
ul.square {
    list-style-type: square;
    margin-left: 1.1rem;
}
ul.circle {
    list-style-type: circle;
    margin-left: 1.1rem;
}
ul.disc {
    list-style-type: disc;
    margin-left: 1.1rem;
}
ul.no-bullet {
    list-style: none;
}



.header-wrapper, .nav-wrapper {
    background-color: #fff;
}
.nav-wrapper {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    
}
.footer-wrapper>footer, .header-wrapper>header, .main-wrapper {
    max-width: 1800px;
    margin: 0 auto;
    
}
.header-wrapper>header {
    padding: 0 20px;
}
.header-wrapper>header:after, .header-wrapper>header:before {
    content: " ";
    display: table;
}
.header-wrapper>header:after {
    clear: both;
}
/*Config pour le logo Fr*/
.header-wrapper>header .logo {
    display: block;
    margin: 25px;
    width: 240px;
    height:89px;
    background: url(../images/rdvlogix.jpg) top left no-repeat;
    
}


/*Config pour le logo Anglais
.header-wrapper>header .logo {
    display: block;
    margin: 25px;
    width: 299px;
    height:89px;
    background: url(../images/booking-logix.jpg) top left no-repeat;
    
}

*/

.header-wrapper>header .logo h1 {
    text-indent: -9999px;
    display: block;
    margin: 0;
    padding: 0;
    width: 236px;
    height: 60px;
    
}
.header-wrapper>header .ad-container {
    float: right;
    margin: 10px 0;
    
}
form {
    margin-bottom: 20px;
}
form .container {
    margin: 0;
    padding: 0;
    border: none;
    display: table;
}
form .container .input {
    vertical-align: top;
    width: 100%;
    padding: 0;
    display: table-cell;
}
form .container .input input {
    border: none!important;
    box-shadow: none!important;
    margin: 0!important;
    height: 40px;
}
form .container .action {
    vertical-align: top;
    width: 1%;
    display: table-cell;
}
form .container .action button {
    border: none!important;
    margin: 0!important;
    text-indent: -9999px;
    padding: 10px;
    display: block;
    width: 40px;
    height: 40px;
    outline: 0;
}
form h4 {
    font-size: 16px;
}
.menu-container {
    max-width: 1800px;
    display: table;
    margin: 0 ;
    
}
.menu-container ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.menu-container ul:after, .menu-container ul:before {
    content: " ";
    display: table;
}
.menu-container ul:after {
    clear: both;
}
.menu-container li.sticky-logo {
    display: none!important;
}
.menu-container li {
    margin: 0;
    padding: 0;
    float: left;
    height: 45px;
}
/*Can modify font size menu*/
.menu-container li a {
    border-left: 1px solid #e6e6e6;
    display: block;
    padding: 10px;
    text-transform: uppercase;
    color: #666;
    font-size: 12px;
}
.menu-container li a:hover {
    color: #222;
    background-color: #f9f9f9;
    text-decoration: none;
}
.menu-container li:last-child a {
    border-right: 1px solid #e6e6e6;
}
.menu-container #logo {
    display: none;
}
/*Enlignement du menu*/
.menu-container #menu {
    width: 100%;
    display: table-cell;
    border-right: 90px solid transparent;
    vertical-align: top;
    height: 45px;
    padding-left: 150px;
    /*padding-right: 45px;*/

}


/*We Keep SP 1 december 2014*/
@media only screen and (min-width:64.063em) {
    .is-sticky .top{
        display:block;
    }
    article.teaser .post-image:hover .goto-gallery {
        display: block;
    }
    .main-wrapper aside {
        display: table-cell!important;
    }
    .main-wrapper main {
        border-left: 0;
        border-right: 30px solid transparent;
    }
    #branding .logo {
        float: left;
    }
}

.input {
    position: relative;
}

.tooltip {
    display: none;
    padding: 10px;
}

.input:hover .tooltip {
    background: blue;
    border-radius: 3px;
    bottom: -60px;
    color: white;
    display: inline;
    height: 30px;
    left: 0;
    line-height: 30px;
    position: absolute;
}

.input:hover .tooltip:before {
    display: block;
    content: "";
    position: absolute;
    top: -5px;
    width: 0; 
    height: 0; 
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid blue;
}

.resizedTextbox {width: 100px; height: 20px}

.textboxclass {
height: 30px;
width: 100px;
}

