/** Generic *******************************************************************/

.blueLogo
    {position: absolute;top:0%;left: 0;z-index: 999;background:rgba(1,0,166,0.7);width: 100%;text-align:left;height:85px;
     background: -moz-linear-gradient(32deg, rgba(110,110,255,0.7) 0%, rgba(1,0,166,0.7) 100%); /* ff3.6+ */
     background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(110,110,255,0.7)), color-stop(100%, rgba(1,0,166,0.7))); /* safari4+,chrome */
     background: -webkit-linear-gradient(32deg, rgba(110,110,255,0.7) 0%, rgba(1,0,166,0.7) 100%); /* safari5.1+,chrome10+ */
     background: -o-linear-gradient(32deg, rgba(110,110,255,0.7) 0%, rgba(1,0,166,0.7) 100%); /* opera 11.10+ */
     background: -ms-linear-gradient(32deg, rgba(110,110,255,0.7) 0%, rgba(1,0,166,0.7) 100%); /* ie10+ */
     background: linear-gradient(58deg, rgba(110,110,255,0.7) 0%, rgba(1,0,166,0.7) 100%); /* w3c */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0100A6', endColorstr='#5AD2FF',GradientType=1 ); /* ie6-9 */
    }
.whiteLogo
    {position: absolute;top:85px;left: 0;background:rgba(255,255,255,0.8);width: 100%;text-align:left;height:2px;text-align:center;}
.escLogo
    {position:absolute;top:15px;left:45px;height:90px;}
.superTitle
    {display:inline-block;font-family: 'Carme', sans-serif;color:rgb(1,0,166);position: absolute;top: 17px;left: 25px;vertical-align:middle;font-weight: 400;}
.ulMenu
    {height: 85px;line-height:85px; float:right;margin-right: 40px;}
.liMenu
    {float: left;height: 91px;font-size: 18px;list-style-type: none;color:white;text-transform: uppercase;padding:0 20px;}
/*.liMenu:hover,.liMenu.active
    {background:rgba(255,255,255,0.8);cursor:pointer;border-bottom:6px solid rgba(1,0,166,0.8);}
*/.liMenu a
    {padding: 5px;;}
.liMenu:hover a,.liMenu.active a
    {color: white;border-bottom: 2px solid white;}
.ajLogoTxt
    {position: absolute;top: -66px;left: 84px;color: rgb(1,0,166);z-index: 999;font-weight: bold;}
.escLogoTxt
    {position: absolute;top: -67px;left: 126px;color: white;z-index: 999;}
.logoTxt
    {font-family: 'Open Sans Condensed', sans-serif;font-size: 30px;}
.escSlogan
    {color: white;font-size: 55px;font-family: 'Raleway', sans-serif;;position: absolute;top: 30%;width: 100%;text-align:center;}
.cmsPageTitle
    {font-family: 'Ubuntu Condensed', sans-serif;font-size: 30px;margin-top:15px;}
    

    
/** Contact *******************************************************************/    
.bodySs30
    {background:black;overflow:hidden;height:100%;}
.bodySs30 .whiteLogo
    {height:60px;background: white;}
.bodySs30 .whiteLogo .cmsPageTitle
    {color:rgba(0, 0, 120,1);}

.bodySs30 .contentF
    {height:100%;}    
.bodySs30 .cmsContent
    {height:100%;background:rgba(0,0,60,1);text-align:center;}   
.bodySs30 #map
    {height: calc(100% - 145px);margin-top: 145px;}
.bodySs30 .controls 
    {margin-top: 10px;border: 1px solid transparent;border-radius: 2px 0 0 2px;box-sizing: border-box;-moz-box-sizing: border-box;height: 32px;outline: none;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);}
.bodySs30 #origin-input,#destination-input 
    {background-color: #fff;font-family: Roboto;font-size: 15px;font-weight: 300;margin-left: 25px;padding: 0 11px 0 13px;text-overflow: ellipsis;width: 300px;}
.bodySs30 #origin-input:focus,#destination-input:focus 
    {border-color: #4d90fe;}
.bodySs30 #mode-selector 
    {color: #fff;background-color: #4d90fe;margin-left: 12px;padding: 5px 11px 0px 11px;}
.bodySs30 #mode-selector label 
    {font-family: Roboto;font-size: 13px;font-weight: 300;}

.bodySs30 #googleDirection.inner-addon 
    {position: relative;}
.bodySs30 #googleDirection.inner-addon i 
    {position: absolute;margin: 10px;pointer-events: none;font-size:32px;color:red;background: white;}
.bodySs30 #googleDirection.left-addon i  
    { left:  0px;}
.bodySs30 #googleDirection.right-addon i 
    { right: 0px;}
.bodySs30 #googleDirection.left-addon input  
    { padding-left:  30px; }
.bodySs30 #googleDirection.right-addon input 
    { padding-right: 30px; }
 
.gm-style .gm-style-iw 
    {background-color: #00006A !important;top: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;min-height: 210px !important;
            padding-top: 5px;display: block !important;border-radius:5px;}  
.gm-style .gm-style-iw-tc 
    {background:transparent !important;}    
.gm-style .gm-style-iw-tc::after 
    {background: #00006A !important;}
.gm-style .gm-style-iw #google-popup p
    {padding: 10px;}
.gm-style div div div div div div div div 
    {background-color: #00006A !important;padding: 0;margin: 0;padding: 0;top: 0;color: #fff;font-size: 14px;overflow:hidden !important;max-width: 280px !important;}
.gm-style div div div div div div div div a 
    {color: #f1f1f1;font-weight: bold;}
.iw-subTitle
    {font-size: 20px !important;font-weight: bold;text-transform: uppercase;text-align:center;padding:0px 0 10px 0!important;font-family: 'Open Sans Condensed', sans-serif;border-bottom: 1px solid;}
.gm-style-iw + div > img
    {display:none;}
.iw-content
    {text-align:left;}
.iw-content i
    {font-size:20px;margin:0 15px 15px 0;}
.info
    {margin:0 15px 15px 0 !important;}
.fa-map-marker
    {font-size:40px !important;}
.firstInfo
    {margin-top: 15px !important;}
a.itineraire
    {text-decoration: underline;color:yellow !important;}
a.itineraire:hover
    {color:red !important;}

@media screen and (min-width: 992px) {
}
@media screen and (max-width: 991px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (min-width: 1200px) {
}
@media screen and (max-width: 767px) {
}