/**
 * @title    oXya global styles
 */
* {margin:0; padding:0;}
body {
    margin:0; padding:0;
    background:#f1efef url(/templates/oxya/img/bg/bg-body.png) repeat-x; color:#284358;
    font:normal 11px/1.4 "Trebuchet MS",Tahoma,Arial,sans-serif; 
}
#wrapper {
    position:relative; z-index:1;
    margin:0 auto; padding:0 20px;
    background-image:url(/templates/oxya/img/visu/scope-default.jpg); background-repeat:no-repeat; background-position:50% 100px;
    width:950px;
}
.services {background:url(/templates/oxya/img/visu/visu-header-services.jpg) no-repeat;}

img {border:0;}
ul, ol {list-style:none;}
p {margin-bottom:1em;}
 a{outline: none;}

/*
 * @section     Links
 */
a { 
    color:#284358;
    text-decoration:underline;
}
a:hover, a:focus {
    color:#85b00c; 
    text-decoration:underline;
}
.more {
    padding-left:15px;
    background:url(/templates/oxya/img/picto/bul-more.png) no-repeat 0 2px;
    font-size:10px;
}
.more:hover, .more:focus {color:#fb842d;}

.more1{
        padding-left:15px;
    background:url(/templates/oxya/img/picto/bul-more.png) no-repeat 0 2px;
    font-size:10px;
}
/*
 * @section     Forms
 * @tree        form
 */
form,fieldset {border:0;}
.error {color:#f00;}

/*
 * @section     Form input text
 * @tree        .text < fieldset < form
 */
.text input {
    padding:3px 5px 2px; border:1px solid #abb2b6;
    height:15px;
    color:#999999;
    font-size:10px;
}
.select select {
    padding:0 0 0 5px; border:1px solid #abb2b6;
    height:20px;
    color:#999999;
    font-size:10px;
}
.select option {
    padding:0 0 0 5px;
}
.textarea textarea {
    padding:5px; border:1px solid #abb2b6;
    color:#999999;
    font-size:10px;
}

/*
 * @section     Form input buttons
 * @tree        .actions < fieldset < form
 */
.actions input {
    padding:0 5px 0 20px; border:1px solid #abb2b6;
    background:#fff; color:#284358;
    height:16px;
    font-size:14px; font-weight:bold;
    cursor:pointer;
}

/**
 * @section     Header
 * @tree        #header < #wrapper
 */
#header {
	position:relative;
	z-index: 2;
    width:950px; height:317px;
}
#header .top {
    padding-right:15px;
    height:100px;
    background:#0c1d2a url(/templates/oxya/img/bg/bg-header-top.png) repeat-x; color:#ccc;
}
#identity {
    position:relative;
    float:left;
    padding-top:5px; padding-left: 10px;
    width:500px; height:95px;
}
#baseline {
    position:absolute; left:130px; bottom:10px;
    margin:0;
    font:bold italic 9px "Century Gothic","Apple Gothic",sans-serif;
}

/**
 * @section     Top Menu (News, languages)
 * @tree        #topMenu < #header < #wrapper
 */
#topMenu {
    position:relative; z-index:2;
    float:right;
    padding-top:15px;
    width:16em;
}
#topMenu li {
    position:relative;
    display:inline;   
}
#topMenu .languages {
    margin-left:10px;
    background:url(/templates/oxya/img/bg/sep-top-menu.png) no-repeat 0 0;
}
#topMenu li a, #topMenu li span {
    padding:0 15px 0 10px;
    background:url(/templates/oxya/img/picto/arrows-top-menu.png) no-repeat 100% -38px; color:#ccc;
    font-size:12px; font-weight:bold;
    text-decoration:none;
}
#topMenu li span {cursor:default;}
#topMenu li.on a, #topMenu li.on span {background-position:100% 4px;}
#topMenu li a:hover, #topMenu li a:focus {
    color:#a5cc36; 
    text-decoration:none;
}
#topMenu ul {
    position:absolute; top:13px; left:0;
	padding-top:5px;
    width:16em;
    background:#182936;
}
#js #topMenu ul {display:none;}
#topMenu ul li {
    position:relative;
    float:left; clear:left;
    height:24px; width:16em;
    background:url(/templates/oxya/img/bg/sep-sub-item-main-menu.png) repeat-x 0 100%;
}
#topMenu .languages ul {
    width:9em;
}
#topMenu .languages ul li {
    width:9em;
}
#topMenu ul li a {
    background:none;
}

/**
 * @section     Search Form
 * @tree        #searchForm < .top < #header < #wrapper
 */
#searchForm {
    position:relative; z-index:1;
    float:right; clear:right;
    margin-top:10px;
}
#searchForm fieldset {
    width:185px;
}
#searchForm .text {
    float:left;
    margin-right:7px; padding:3px 7px 0;
    width:145px; height:16px;
    background:url(/templates/oxya/img/bg/bg-input-search.png) no-repeat; 
}
#searchForm .text label {
    position:absolute; left:-9999px;
}
#searchForm .text input {
    position:relative;
    padding:0; border:none;
    width:145px; height:15px;
}
#searchForm .actions {
    float:left;
}
#searchForm .actions input {
    margin:2px 1px 0 0; padding:0; border:0;
    height:auto;
    background:transparent;
}

/**
 * @section     Navigation Main Menu
 * @tree        #mainMenu < #navigation < #header < #wrapper
 */
#mainMenu {
    float:left;
}
#mainMenu li {
    float:left;
    padding-left:1px;
    height:36px;
    background:url(/templates/oxya/img/bg/sep-main-menu.png) no-repeat 0 13px;
}
#mainMenu li.first {background:none;}
#mainMenu li.last {padding-right:0;}
#mainMenu li a, #mainMenu li span {
    display:block;
    padding:5px 10px 0;
    height:31px;
    color:#fff;
    font-size:15px;
    text-decoration:none;
    white-space:nowrap;
}
#mainMenu li span {cursor:default;}
#mainMenu li a:hover, #mainMenu li a:focus, #mainMenu li.on a {background-color:#1f303d;}
#mainMenu li a:hover, #mainMenu li a:focus {color:#a5cc36;}
#mainMenu li span:hover, #mainMenu li span:focus, #mainMenu li.on span {background-color:#1f303d;}
#mainMenu ul {
    position:absolute;
    max-width:15.5em;
    background:#3a4b57 url(/templates/oxya/img/bg/bg-sub-main-menu.png) repeat-x 0 0;
}
#js #mainMenu ul {display:none;}
#mainMenu ul li {
    position:relative;
    float:left; clear:left;
    padding-left:0;
    height:22px; max-width:15.5em;
    background:url(/templates/oxya/img/bg/sep-sub-item-main-menu.png) repeat-x 0 100%;
}
#mainMenu ul li a, #mainMenu .on ul li a {
    display:block;
    padding:2px 10px 0 20px;
    height:20px;
    background:transparent url(/templates/oxya/img/picto/bul-main-menu.png) no-repeat 10px .55em;
    font-size:12px; font-weight:normal;    
}
#mainMenu ul li a:hover, #mainMenu ul li a:focus {background-color:#1f303d;}
#mainMenu ul ul {
    top:0; left:100%; 
}
#mainMenu ul ul li {width:14em;}

/**
 * @section     Navigation shortcuts
 * @tree        .shortcuts < #navigation < #header < #wrapper
 */
#navigation .shortcuts {
    float:left;
    height:36px;
}
#navigation .shortcuts li {
    float:left;
    padding-top:6px;
    height:23px; 
}
#navigation .shortcuts li a {
    padding:0 10px;
}
#navigation .shortcuts .first {
    padding-left:25px;
    background:url(/templates/oxya/img/bg/bg-navigation-shortcuts-first.png) no-repeat;
}
#navigation .shortcuts .last {
    padding-right:25px;
    background:url(/templates/oxya/img/bg/bg-navigation-shortcuts-last.png) no-repeat 100% 0;
}
#navigation .shortcuts .last a {
    background:url(/templates/oxya/img/bg/sep-navigation-shortcuts.png) no-repeat 0 3px;
}
#navigation .shortcuts li a {
    display:block;
    color:#ccff00;
    font-size:12px; font-weight:bold;
    text-decoration:none;
}
#navigation .shortcuts li a:hover, #navigation .shortcuts li a:focus {
    text-decoration:underline;
}

/**
 * @section     Navigation Access
 * @tree        .access < #navigation < #header < #wrapper
 */
#navigation .access {
    float:right;
    height:36px;
}
#navigation .access li {
    float:left;
    margin-right:10px; padding-top:9px;
}
#navigation .access .last {margin-right:0;}
#navigation .access li a {
    display:block;
    padding-right:4px;
    height:20px;
    background:url(/templates/oxya/img/bg/bg-btn-navigation.png) no-repeat 100% -20px; color:#fff;
    text-decoration:none;
}
#navigation .access li a:hover, #navigation .access li a:focus {text-decoration:underline; cursor:pointer;}
#navigation .access li a span {
    display:block;
    padding:2px 4px 1px 8px;
    height:17px;
    font-size:12px; font-weight:bold;
    background:url(/templates/oxya/img/bg/bg-btn-navigation.png) no-repeat;
}

/**
 * @section     Breadcrumbs
 * @tree        #breadcrumbs < #header < #wrapper
 */
#breadcrumbs {
    clear:left;
    margin-top:160px;
}
#breadcrumbs li {
    margin-left:3px;
    display:inline;
    color:#fff;
}
#breadcrumbs li a, #breadcrumbs li span {
    padding-right:5px;
    color:#fff;
    text-decoration:none;
}
#breadcrumbs li a:hover, #breadcrumbs li a:focus {text-decoration:underline;}

/**
 * @section     Content
 * @tree        #content < #wrapper
 */
#content {
	position: relative;
	z-index: 1;
    padding:0 10px 70px;
    background:url(/templates/oxya/img/bg/bg-content.png) no-repeat;
}
#content h1 {
    float:left;
    padding-top:8px; padding-right:90px;
    height:25px;
    background:url(/templates/oxya/img/bg/bg-page-title.png) no-repeat 100% 100%; color:#364854;
    font-size:16px; font-weight:bold;
}
#content h1 a {text-decoration:none;}
#content h1 span {
    position:relative;
    padding-left:20px;
    background:url(/templates/oxya/img/picto/bul-title.png) no-repeat 0 3px;
}

/**
 * @section     Main content
 * @tree        #main < #content < #wrapper
 */
#main {
    position:relative;
    float:left; clear:left;
    padding:20px 30px 30px 20px;
    width:640px;
}
#main h2 {
    margin-top:15px;
    color:#85b00c;
    font-size:14px; font-weight:bold;
}
#main .successStoryLogo {
    position:absolute; top:0; right:30px;
}
#main a.top {
    float:right;
    margin:1em 0; padding-left:7px;
    background:url(/templates/oxya/img/picto/bul-top.png) no-repeat 0 .5em; color:#a0a2a4;
}
#main a.top:hover, #main a.top:focus {color:#fb842d;}
#main p, #main .push .content div {
	text-align: justify;
}

/**
 * @section     Push in Main
 * @tree        .push < #main < #content < #wrapper
 */
#main .push {
    margin:15px 0; padding-bottom:10px;
    width:640px;
    background:url(/templates/oxya/img/bg/bg-content-push-bottom.png) no-repeat 0 100%;
}
#main .push h2 {
    margin-top:0; margin-bottom:.5em;
    color:#364854;
}
#main .push .content {
    padding:15px 15px 0;
    min-height:115px;
    background:url(/templates/oxya/img/bg/bg-content-push-top.png) no-repeat;
}
#main .push .signature {
    margin:0;
    font-size:12px; font-weight:bold;
    text-align:right;
}


/**
 * @section     Aside content
 * @tree        #aside < #content < #wrapper
 */
#aside {
    position:relative; top:-19px;
    float:right;
    width:230px;
    color:#787d81;
}
#aside .push {margin-bottom:10px;}
#aside .push h2 {
    padding:3px 10px;
    min-height:19px;
    background:url(/templates/oxya/img/bg/bg-aside-push-title.png) no-repeat; color:#fff;
    font-size:14px; font-weight:bold;
}
#aside .push h2 a {
    color:#fff;
    text-decoration:none;
}
#aside .push h2 a:hover, #aside .push h2 a:focus {text-decoration:underline;}
#aside .push .content {
    padding:10px 5px;
}
#aside .push .more {
    padding-bottom:2px;
    color:#787d81;
}
#aside .push .more:hover, #aside .push .more:focus {color:#FB842D;}

#aside .button{
    display:block;
    margin-bottom:10px; margin-left:5px; padding:5px 0 0 25px;
    width:195px;height:25px;
    background:url(/templates/oxya/img/bg/candidate-offer.png) no-repeat; 
    color:#364854;
    font-size:14px;font-weight:bold;
    text-decoration:none;
}

/**
 * @section     Footer
 * @tree        #footer < #wrapper
 */
#footer {
    position:fixed; bottom:0; z-index:2;
    border-top:1px solid #d7dadd;
    height:70px; width:100%;
    background:#fff;
}
#footer .content {
    margin:5px auto;
    width:910px;
}

#footer .sapHosting img, #footer .sapCloud img {
    display: block;
}
#footer .sapHosting {float:left;}

#footer .sapCloud {float:right;}

#footer .sapCloud + .sapCloud  {
	margin-right:2em;
}

#footer ul {
    margin-top:23px;
    text-align:center;
}
#footer ul li {
    display:inline;
    padding:0 8px;
    background:url(/templates/oxya/img/bg/sep-footer-menu.png) no-repeat 0 4px;
}
#footer ul .first {
    background:none;
}
#footer ul li a {
    color:#999;
    font-size:11px;
    text-decoration:none;
}
#footer ul li a:hover, #footer ul li a:focus {
    text-decoration:underline;
}

/**
 * @workaround         Clearing
 */
#navigation:after, #content:after, #mainMenu ul:after {
    display:block; clear:both;
    visibility:hidden;
    height:0;
    content:".";
}

/**
 * @section     Aside
 * @tree        .push < #aside < #content < #wrapper
 */
#aside .push .content div {
    overflow:hidden;
    margin:1em 0 .6em; padding-top:1em;
    background:url(/templates/oxya/img/bg/sep-aside.png) repeat-x;
}
#aside .push .content div.first {
    margin:0 0 .6em; padding-top:0;
    background:none;
}

/*
 * @section     Cookies alert
 */
#cookiesAlert {
    position:fixed; bottom:0; z-index:50;
    width:100%;
    background:#182935; /* Old browsers */
    background:-moz-linear-gradient(top, #182935 0%, #32424f 100%); /* FF3.6+ */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(100%,#32424f)); /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top, #182935 0%, #32424f 100%); /* Chrome10+,Safari5.1+ */
    background:-ms-linear-gradient(top, #182935 0%,#32424f 100%); /* IE10+ */
    background:linear-gradient(to bottom, #182935 0%,#32424f 100%); /* W3C */
    color:#fff;
    font-size:13px;
}
#js #cookiesAlert {display:none;}
#cookiesAlertInner {
    position:relative;
    margin:0 auto; padding:15px 50px 0 0;
    width:855px;
}
#cookiesAlert .close {
    position:absolute; top:15px; right:20px;
}
#cookiesAlert a {
    color:#fff;
    text-decoration:underline;
}
#cookiesAlert a:focus, #cookiesAlert a:hover {
    text-decoration:none;
}
#cookiesAlert .more {
    display:inline-block;
    float:none;
    padding-left:17px;
    background:url(/templates/oxya/img/picto/bul-white.png) no-repeat 0 50%;
    font-size:11px;
}