@font-face {
    font-family: StRyde;
    src: url("/Assets/Styles/Font/StRyde-Regular.otf") format("opentype");
}

/*==============
    GLOBAL PAGE CONFIGURATION -----*/
html, body {
    margin:             0;
    padding:            0;
    background-color:   #FFF !important;
    min-height:         100%;
    height:             100%;
}

body > form {
    min-height:             100%;
    position:           relative;
}

#Footer, #Header #Upper {
    background-color:   #002855;
    color:              #FFF;
}

#Upper .CenterArea > div {
    vertical-align: top;
}

#Content {
    background-color:   #FAFBFB;
}

#AdditionalContent {
    padding-bottom:     125px;
}

.CenterArea {
    position:           relative;
    width:              1000px !important;
    margin:             0 auto !important;
}

.HeightFix {
    overflow:           auto;
}


p { 
    margin: 0 0 20px 0;
    font: 14px/21px "Open Sans", helvetica, arial, sans-serif;
    color: #283644;
}

p a, li a, td a {
    font-family: "Open Sans", helvetica, arial, sans-serif;
    font-weight: 600;
}










/*==============
    HEADER PAGE CONFIGURATION -----*/
.padded-right{
    padding-right: 8px;
}

#Header #Upper {
    text-align:         right;
    font:               14px/14px 'Open Sans', helvetica, arial, sans-serif;
    color:              #FFF;
    vertical-align:     middle;
}

#Header #Upper a{
    font-size:          24px;
    padding:            10px 5px;
    text-decoration:    none;
    color:              #FFF;
    position:           relative;
    width:              30px;
    text-align:         center;
    display:            inline-block;
}

#Header #Upper a:hover:after{
    content:            '';
    position:           absolute;
    top:                0;
    left:               0;
    right:              0;
    height:             5px;
    background-color:   #05c3de;
}

#Header #Upper > div > div {
    display:            inline-block;
}

#Upper .CenterArea div:first-child * {
    vertical-align: middle;
}

/*----SEARCH CONFIGURATION----*/
#Header #Upper .sfsearchBox {
    position:           relative;
}

#Header #Upper span.sfsearchTxt {
    width:              230px;
    border:             none;
}

#Header #Upper .sfsearchBox input.sfsearchTxt {
    border:             0;
    padding:            7px 40px 7px 13px;
    height:             35px;
    background:         #fff;
    -webkit-border-radius: 4px;
    border-radius:      4px;
    font:               14px/21px "Open Sans", helvetica, arial, sans-serif;    
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
    margin-bottom:      5px;
}

#Header #Upper .sfsearchBox input.sfsearchSubmit {
    position:           absolute;
    top:                10px;
    right:              10px;
    color:              transparent !important;
    background-color:   transparent;
    border:             0;
    max-width:          20px;
    height:             25px;
    background:         transparent url(./Images/sprite.png) no-repeat -78px 2px;
    cursor:             pointer;
}

    #Header #Upper .sfsearchBox input.sfsearchSubmit:hover {
        background:         transparent url(./Images/sprite.png) no-repeat -78px -21px;
    }


/*----MENU CONFIGURATION----*/
#Header #Lower {
    vertical-align:     bottom;    
}
#Header #Lower .logo {
    vertical-align:     bottom;
    padding:            30px 0;
    display:            inline-block;
    width:              30%;
}

#Header #Lower .logo img{
    padding-left:            20px;
}

#Header #Lower .menu{
    text-align:         right;
    vertical-align:     bottom;
    display:            inline-block;
    width:              69.6%;
}
#Header #Lower .menu > div {
    display:            inline-block;
}
#Header #Lower .menu > div:not(.loginPanel) a {
    display:            inline-block;
    padding:            0px 13px;
    color:              #283644;
    text-decoration:    none;
    cursor:             pointer;
    font-weight:        400;
}
    #Header #Lower .menu {
        font: 16px/44px 'Open Sans', helvetica, arial, sans-serif;
    }

#Header #Lower .menu a:hover {
    color:              #54677b;
}










    

/*==============
    MENU+CONTENT CONFIGURATION -----*/

.Sidebar_Left   { float: left; }
.sidebar_Right  { float: right;}
.Content_Right,.Content_Left { width: 100%; }
.Content_Right > .Content_Container, .Content_Left > .Content_Container {
    overflow:hidden;
}

#Content .Sidebar_Left {
    width:              291px;
}

#Content {
    border:             1px solid #e2e3e3;
    border-left:        none;
    border-right:       none;
}

/*MENU*/
.sfNavWrp li {
    font:               16px/39px 'Open Sans', helvetica, arial, sans-serif;
    font-weight:        600;
    position:           relative;
}

.sfNavWrp li a{
    text-decoration:    none;
    color:              #283644;
    display:            inline-block;
}

/*LEVEL 0*/
.sfNavWrp > ul > li {
    border-right:       1px solid #e2e3e3;
}

.sfNavWrp > ul > li > a {
    display:            block;
    padding:            10px 20px;
    border-bottom:      1px solid #e2e3e3;
    position:           relative;
}

.sfNavWrp > ul > li > a[data-haschild="True"]:after {
    content: " ";
    position: absolute;
    width: 8px;
    height: 15px;
    margin-top: -8px;
    top: 50%;
    right: 14px;
    background: url(./images/sprite.png) no-repeat 0 -94px;
}

.sfNavWrp > ul > li > a[data-haschild="True"].navSelected:after{
    width: 15px;
    height: 8px;
    margin-top: -4px;
    right: 11px;
    background: url(./images/sprite.png) no-repeat 0 -111px;
}

.sfNavWrp > ul > li > a:not(.navSelected)[data-haschild="True"]:hover:after {
    background: url(./images/sprite.png) no-repeat -10px -94px;
}

    .sfNavWrp > ul > li > a:not(.navSelected):hover {
        border-bottom: 1px solid #03acc4;
        border-right: 1px solid #03acc4;
        background: #03acc4;
        -webkit-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
        color: #fff;
    }

    .sfNavWrp > ul > li > a.navSelected {
        background: #002855;
        -webkit-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
        color: #fff;
    }

/*LEVEL 1*/
.sfNavWrp > ul > li > ul {
    padding: 22px 20px 8px 20px;
    border-bottom:      1px solid #e2e3e3;
}

.sfNavWrp > ul > li > ul > li {
    /*padding-left:       20px;*/
    line-height:        20px;
    padding-bottom:     13px;
}

.sfNavWrp > ul > li > ul > li > a {
    color:              #03acc4;
    font-weight:        400 !important;
    /*padding-left:       20px*/
}

.sfNavWrp > ul > li > ul > li > a.navSelected {
    color: #002855; 
}

.sfNavWrp > ul > li > ul > li > a:hover {
    color: #002855;
}


.sfNavWrp > ul > li > ul > li > a[data-haschild="True"]:after {
    content: " ";
    display: inline-block;
    width: 5px;
    height: 10px;
    margin-left: 10px;
    background: url(./images/sprite.png) no-repeat -50px -94px;
}
.sfNavWrp > ul > li > ul > li > a.navSelected[data-haschild="True"]:after {
    width: 10px;
    height: 5px;
    margin: 0 0 3px 10px;
    background: url(./images/sprite.png) no-repeat -29px -111px;
}

.sfNavWrp > ul > li > ul > li > a:not(.navSelected)[data-haschild="True"]:hover:after {
    background: url(./images/sprite.png) no-repeat -64px -94px;
}

/*LEVEL 2*/
.sfNavWrp > ul > li > ul > li > ul {
    padding-top: 5px;
}

.sfNavWrp > ul > li > ul > li > ul > li {
    /*padding-left:       10px;*/
    font-size:          14px;
    padding:            15px 0 0 18px;
    line-height:        18px !important;
}

.sfNavWrp > ul > li > ul > li > ul > li > a {
    /*color:              #03acc4;*/
    /*padding-left:       22px;*/
    /*padding-right:      10px;*/
    display:            block;
    font-weight:        400 !important;
}

.sfNavWrp > ul > li > ul > li > ul > li > a:hover {
    color:              #54677B;
}

.sfNavWrp > ul > li > ul > li > ul > li a:before {
    content:            ' ';
    font-weight:        600;
    position:           absolute;
    display:            block;
    width:              4px;
    height:             2px;
    left:               8px;
    top:                23px;
    background:         #03acc4;
}



/*Patch for sitefinity editor*/
.sfPageEditor .Content_Right,
.sfPageEditor .Content_Left {
     max-width:         700px; 
     margin-left:       300px;
}




/*==============
    FOOTER PAGE CONFIGURATION -----*/
#Footer {
    text-align:         center;
    padding:            40px 0 20px 0;
    font:               14px/14px 'Open Sans', helvetica, arial, sans-serif;
    font-weight:        300;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #002855;
    border-top: 1px solid #ccc;
}

#Footer ul {
    list-style-type:    none;
}

#Footer li {
    display:            inline;
    border-right:       1px solid #FFF;
    padding:            0 10px;
}

    #Footer li a{
    text-decoration:    none;
    color:              #FFF;
}

    #Footer li a:hover{
    color:              #05c3de;
}

#Footer li:last-child {
    border-right:       none;
}

#Footer p {
    font-size: 13px;
    line-height: 13px;
    color:              #FFF !important;
}

/*Patch for sitefinity editor*/
.sfPageEditor #Footer .sfContent{
     text-align:        center;
}


.Sidebar_Left h2 {
    background-color: #54677b;
    color: #fff;
    margin: 20px 0 10px 0 !important;
    padding: 5px 0 5px 20px;
    overflow: hidden;
    font: 24px/30px "Open Sans", helvetica, arial, sans-serif;
    font-size: 22px !important;
    font-weight: 400 !important;
}

.sflanguagesHorizontalList a {
	text-transform: capitalize;
}

.sfsearchBox .sfsearchTxt {
	padding-top: 5px !important;
}


/* DBelley - Ajout V12 */

.k-i-arrow-60-down:before {
    content: "\f0eb" !important;
    font-family: fontawesome;
}
.k-icon:before {
    width: 1.2em !important;
}

.RadSiteMap .rsmLink {
    border: 0px solid transparent !important;
}


.sfsearchBox .sfsearchTxt {
    width: 230px !important;
}