/**********************************************/
/* Specific content                           */
/**********************************************/
html, body{
    height:100%;
}
body{
    background:url('../images/body-bg-pattern.gif');
    padding-top:10px;
}
#top-body-bg{
    background:url('../images/header-bg.png') repeat-x;
    height:403px;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:1;
}
#wrapper{
    width:980px;
    margin:0 auto -331px auto;
    min-height:100%;
    padding:0 10px;
    background:#FFF;
    position:relative;
    z-index:2;
}
#header h1{
    float:left;
    margin:36px 0 5px 30px;
}

/********************** SOCIAL NETWORK LIST ***************************/
#header #lst-social-network{
    float:right;
    margin-top:20px;
}
#header #lst-social-network li{
    float:left;
    margin-right:25px;
}
#header #lst-social-network li a{
    padding-left:30px;
    line-height:24px;
    display:block;
    background:url('../images/social-sprite.png') no-repeat top left;
}
#header #lst-social-network li a#facebook{
    background-position:0 0;
}
#header #lst-social-network li a#facebook:hover{
    background-position:0 -24px;
}
#header #lst-social-network li a#linkedin{
    background-position:0 -58px;
}
#header #lst-social-network li a#linkedin:hover{
    background-position:0 -82px;
}
#header #lst-social-network li a#twitter{
    background-position:0 -117px;
}
#header #lst-social-network li a#twitter:hover{
    background-position:0 -141px;
}
#header #lst-social-network li a#youtube{
    background-position:0 -175px;
}
#header #lst-social-network li a#youtube:hover{
    background-position:0 -199px;
}	
#header #hdr-spacer{
    background:url('../images/hdr-spacer-bg.png') repeat-x;
    height:38px;
}

/********************** TOP NAV ***************************/
ul#top-nav{
    position:absolute;
    right:40px;
    top:70px;
}
ul#top-nav li{
    float:left;
}
ul#top-nav li a#lnk-newsletter, ul#top-nav li fieldset{
    float:left;
}
ul#top-nav li fieldset input{
    line-height:18px;
    height:18px;
    border:1px solid #a4a4a4;
    width:200px;
}
#frm-newsletter #txt-email{
	margin-left:20px;
	padding-left:5px;
	color:#999999;
}
ul#top-nav li fieldset input.infolettre{
    border:1px solid #a4a4a4;
    color:#999;
    font-size:11px;	
    height:22px;
    line-height:22px;	
	margin-right:20px;	
    width:22px;
}
#inscription dd.envoyer-demande a{
    border:1px solid #a4a4a4;
	color:#67261b;
	font-size:14px;
	padding:3px;
}
/********************** MAIN NAV ***************************/
#header #nav{
    clear:both;
	position:relative;
	z-index:999;
}
#header #nav li{
    float:left;
    position:relative;
}
#header #nav li ul{
    position:absolute;
    top:43px;
    left:0;
    z-index:1000;
    display:none;
	z-index:999;
}
/********************** BANNER ***************************/
#header #banner-container{
    position:relative;
    clear:both;
}
#banner-container ul{
    position:absolute;
    bottom:0;
    left:0;
}
#banner-container ul li{
    float:left;
}
/********************** CONTENT ***************************/
#content{
    border-top:1px solid #c4c6c8;
    border-right:1px solid #c4c6c8;
    border-left:1px solid #c4c6c8;
}
#content #main-content{
    float:left;
}
#content #content-text{
    width:674px;
    border-top:1px solid #c4c6c8;
    border-right:1px solid #c4c6c8;
    padding:35px 30px;
}
#content-text.english{
    width:910px !important;
}
#content.francais, #content.francais #content-text{
    min-height:922px !important;
}
#content.english, #content.english #content-text{
    min-height:300px !important;
}
#content-text h3{
    margin-top:20px;
}
#content-text p.intro{
    text-transform:uppercase;
    color:#999;
    line-height:20px;
    font-size:14px;
    margin-bottom:30px;
}
#content-text ul{
    margin:0 0 10px 15px;
}
#content-text ul li{
    margin-bottom:8px;
    background:url('../images/dash.gif') no-repeat 0 7px;
    padding-left:7px;
}

/********************** SIDE BAR ***************************/
#content #sidebar{
    width:235px;
    float:left;
    border-top:1px solid #c4c6c8;
    margin:3px 0 0 4px;
}
#sidebar .sidebar-block{
    padding:17px 12px 13px 15px;
    border-bottom:1px solid #c4c6c8;
    border-right:1px solid #c4c6c8;
    border-left:1px solid #c4c6c8;
    background:url('../images/sidebar-bg.gif');
}
#sidebar .title-sidebar{
    margin-top:3px;
    display:block;
}
#sidebar .lnk-know-more{
    font-style:italic;
    font-size:11px;
    background:url('../images/arrow.gif') no-repeat center left;
    padding:2px 0 2px 25px;
}
#sidebar img{
	vertical-align:top;
}
/********************** FOOTER ***************************/
#push{
    height:331px;
    clear:both;
}
#footer-wrapper{
    background:#333;
    position:relative;
    z-index:3;
    clear:both;
}
#footer{
    width:950px;
    height:271px;
    margin:0 auto;
    padding-top:60px;
	padding-left:50px;
    position:relative;
}
.footer-box{
    float:left;
    width:310px;;
    color:#fff;
    margin-bottom:30px;
}
#footer #signature{
    position:absolute;
    bottom:13px;
    right:20px;
}
.footer-box ul li ul{
	margin-left:25px;
}
.footer-box ul li a{
    color:#fff;
}
.footer-box ul li a:hover{
	color:#666;
}
.footer-box ul li ul li a{
	color:#999;
}
.footer-box ul li ul li a:hover{
	color:#666;
}
/**********************************************/
/* PAGES DU SITE                              */
/**********************************************/
/*************** EMPLOI ***********************/
#dlst-search-jobs dt, #dlst-search-jobs dd{
    display:block;
    float:left;
    margin-bottom:20px;
    font-size:11px;
    color:#666;
}
#dlst-search-jobs dt{
    margin-right:10px;
    width:60px;
}
#dlst-search-jobs dd{
    margin-right:40px;
}
#dlst-search-jobs dd select{
    width:200px;
    font-size:11px;
    color:#666;
}
.txtbox{
    width:198px;
    background:url('../images/txtbox-bg.gif') repeat-x;
    border-top:1px solid #808080;
    border-left:1px solid #c6c6c6;
    border-right:1px solid #c6c6c6;
    border-bottom:1px solid #dfdfdf;
}
#btn-show{
    margin-left:310px;
    clear:both;
}
#tbl-jobs{
    width:100%;
    margin-top:30px;
    border-collapse:separate;
    border-spacing:0 10px;    
}
#tbl-jobs tr th{
    background:#9d0b0f;
    color:#fff;
    text-transform:uppercase;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:6px;
    vertical-align:bottom;
}
#tbl-jobs tr td{
    background:#f0f0f0;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:6px;
}
#tbl-jobs tr td.filled{
    background:#f0f0f0 url('../images/filled-job.png') no-repeat;
    width:222px;
}
#content-text ul.job-infos li {
	margin-bottom:10px;
	background: none;
}
.job-infos label {
	font-weight:bold;
}
#emplois-cadres h6{
	border:1px solid #999999;
	background:#f5f5f5;
	font-size:14px;
	margin:20px 0;
	padding:15px;
}
/*************** 404 ***********************/
.err404 #sidebar{
    display:none;
}
.err404 #content{
    background:url('../images/err404.jpg');
    height:646px;
    border:none;
}
.err404 #contentbox{
    margin:100px 0 0 530px;
    
}
/************************************************/
/* DEMANDE D'INFORMATION                        */
/************************************************/
#information{
	margin: 20px 0 0 -5px;
}
#frm-information dl{
	clear:both;
	display:block;
	margin-bottom:3px;
}
#frm-information dt{
	float:left;
}
#frm-information dt{
	width:175px;
}
#frm-information fieldset input{
    height:18px;
    border:1px solid #a4a4a4;
    width:230px;
}
#frm-information dd.info-demandee textarea{
	width:225px;
	height:80px;
}
#frm-information dd.infolettre input{
	width:5px;
}
#frm-information dd.envoyer-demande a{
    border:1px solid #a4a4a4;
	color:#67261b;
	font-size:14px;
	margin-top:5px;
	padding:3px;
}
#frm-information dd.envoyer-demande a:hover{
	color:#999;
}
#frm-information dd.envoyer-demande p#wait{
	color:#67261b;
	font-size:16px;
	font-weight:bold;
}
/************************************************/
/* FORMATIONS                                   */
/************************************************/
#formation-inscription{
	margin-top:20px;
}
#inscription fieldset input{
    height:18px;
    border:1px solid #a4a4a4;
    width:230px;
}
#inscription dl{
	clear:both;
	display:block;
	margin-bottom:3px;
}
#inscription dt{
	float:left;
}
#inscription dt{
	width:175px;
}
#inscription dl.infolettre dt{
	width:150px;
}
#inscription dl.infolettre dd input{
	width:50px;
}
#inscription dd.envoyer-demande a{
    border:1px solid #a4a4a4;
	color:#67261b;
	font-size:14px;
	padding:3px;
}
#inscription dd.envoyer-demande a:hover{
	color:#999;
}
#inscription dd.envoyer-demande p#wait{
	color:#67261b;
	font-size:16px;
	font-weight:bold;
}
/************************************************/
/* ADMIN LINK                                   */
/************************************************/
#admin-link {
	border:1px solid #124540;;
	background:#f5f5f5;
	margin:15px;
	padding:15px;
	text-align:center;
}
#admin-link a{ 
	font-weight:bold;
	margin:0 6px;
}
ul#admin-menu li{
	background:none;
}


/************************************************/
/* NOUVELLE NAV                                 */
/************************************************/

#new-nav {
    width: 100%;
    background: url(../images/crossword.png);
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    border-top: 1px solid #9e9e9e;
    border-bottom: 1px solid #9e9e9e;
}

#new-nav > li {
    flex-grow: 3;
    position:relative;
}

#new-nav  li:hover > a {
    background: rgba(0, 0, 0, 0.1);
}

#new-nav > li:hover > ul {
    opacity: 1;
    visibility: visible;
    transition: visible 0s 0s, opacity 0.2s 0.2s ease;
}

#new-nav > li > a{
    text-align: center;
    display: block;
    padding: 15px 10px;
    text-transform: uppercase;
    font-size: 14px;
    color: #6d6d6d;
}

#new-nav > li.subnav::after {
    content:'';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #6d6d6d transparent transparent transparent;
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform:translateX(-50%);
}

#new-nav > li > ul {
    position: absolute;
    top:100%;
    left:0;
    z-index: 10;
    width: 240px;
    background: url(../images/crossword.png);
    visibility: hidden;
    opacity: 0;
}

#new-nav > li > ul > li > a {
    display: block;
    padding: 10px 10px;
    text-transform: uppercase;
    font-size: 13px;
    color: #6d6d6d;
    border:1px solid #9e9e9e;
    border-bottom: 0;
}

#new-nav > li > ul > li:last-child > a {
    border-bottom: 1px solid #9e9e9e;
}

.text-title {
    font-size: 17px;
    color: #67261b;
    margin:0;
    padding: 10px 15px;
    text-transform: uppercase;
}

.wrapper-job-links {
    display: flex;
    justify-content: space-between;
}

.jobs-link {
    width: 316px;
}

.jobs-link .wrap {
    background: #ededed;
}

.jobs-link ul {
    margin: 0!important;
    padding: 30px 15px;
    height: 198px;
}

.jobs-link ul li {
    background: none!important;
    list-style: none;
    text-transform: uppercase;
}

.jobs-link ul li {
    font-size: 13px;
}