/* INSTALL OTYS 4 WEB STYLE SHEET */
/* W3C VERIFIED CSS 2.1 */
/* COPYRIGHT OTYS CORP 2003-2007 */
/* AUTHOR:MRFAHRENHEIT */
/* RHYTHM: 4 */
/* TEMPLATE: CMSBUSJAB<NUM>.HTML */
/* SITE SPECIFIC */



/* FIRST BASE,BLOCKLEVELS */
body{
margin:0;
text-align:center;
background:transparent url(../_images/BackgroundBody.jpg) no-repeat scroll center 0;
}

input,textarea{
background:#ffffff none repeat scroll 0 0;
border:1px solid #d7d7d7;
color:#333333;
margin-bottom:3px;
font-size:12px;
font-family:Arial, Verdana, Helvetica, sans-serif;
}

textarea{
overflow:auto;
}

select{
font-family:Arial,Verdana,Helvetica,sans-serif;
}

td,th,div{
color:#333333;
font-size:12px;
font-family:Arial,Verdana,Helvetica,sans-serif;
text-align:left;
}
h1 {
font-size:16px;
color:#2480b7;
}
h2 {
font-size:14px;
color:#2480b7;
}
h3 {
font-size:14px;
color:#2480b7;
}

#canvas{
max-width:980px;
margin-left:auto;
margin-right:auto;
margin-bottom:0;
}
/*HEADER*/
header{
margin-bottom:80px;
position:relative;
}
#tsr2row {
	position:absolute;
	top: 0px;
	left: 0px;
	padding-top: 10px;
}
#menu{
height:44px;
float:right;
}
#BlockMenu{
background:transparent url(../_images/BackgroudMenu.png) repeat-x scroll 0 0;
height:44px;
margin-bottom:20px;
margin-top: 37px;
}
#BlockCandidatMenu{
height:46px;
margin-bottom:20px;
padding: 0px 15px;
}
#CandidatMenu{
background:transparent url(../_images/BackgroundMenu2.png) no-repeat scroll 0 0;
padding-left:144px;
float:left;
border-radius: 0px 5px 5px 0px;
overflow:hidden;
}
#CandidatMenu a {
color:#ffffff;
background: rgba(0,0,0,0.5);
font-size:12px;
display:block;
float:left;
margin-top: 2px;
    padding: 12px 10px 11px;
text-decoration:none;

}

#logo{
float:left;
height:43px;
width:142px;
}

/*FOOTER*/
#footer {
clear:both;
color:#bbbbbb;
margin:0 auto;
text-align:right;
background:transparent url(../_images/BackgroundFooter.jpg) repeat-x scroll 0 0;
height:99px;
padding-top:20px;
}
#footerwidth{
max-width:990px;
margin:0 auto;
color:#bbbbbb;
text-align:right;
padding-right:10px;
}
#LiensReferencement{
border-bottom:1px solid #bbbbbb;
padding-bottom:10px;
}


.clear {
display:block;
font-size:0;
height:0;
line-height:0;
width:0;
clear:both;
}

/*Recherche simple*/

.jshOuter {
background:#ffffff url(../_images/BackgroundSearch.jpg) no-repeat scroll 0 bottom /  100%;
min-height:186px;
border:1px solid #bbbbbb;
margin-bottom:20px;
}
.jshOuter label {
	display: block;
}
.jshHeader{
background:transparent url(../_images/BackgroudTitle.png) repeat-x scroll 0 0;
background-size:cover;
color:#2480b7;
font-weight:bold;
height:30px;
padding-left:25px;
padding-top:10px;
font-size:18px;
margin-bottom:10px;
}
.hookItemContainer {
padding:0 20px;
}
.jshHinput{
margin-bottom:10px;
}
.jshTrefwoord{
margin-bottom:10px;
}

.jshBc input{
background:transparent url(../_images/plusViolet.png) no-repeat scroll 0 center;
border:medium none;
color:#990066;
font-size:14px;
font-weight:bold;
padding-left:15px;
margin-left:20px;
margin-bottom:20px;
}
.jshHinput label{
color:#990066;
}
.jshTrefwoord label{
color:#990066;
}
.jshHinput select{
padding:3px;
width:186px;
border:1px solid #d1d1d1;
}

.jshTrefwoord input{
padding:3px;
width:186px;
border:1px solid #d1d1d1;
}


/*TEASER 1*/
#tsr1 img{
margin-bottom:6px;
}

#tsr1 h1 {
display:none;
}
#tsr1 h2 {
display:none;
}

#Contenu{
background:#FFFFFF url(../_images/BackgroudTitle.png) repeat-x scroll 0 0;
border:1px solid #BBBBBB;
margin-bottom:20px;
min-height:230px;
padding:0 20px;
}
#Contenu a{
color:#2480B7;
text-decoration:none;
}
/*TEASER 2*/
#tsr2{
max-width:980px;
height:17px;
margin-bottom:10px;
}
#tsr2 img {
float:left;
width:25px;
margin:0 5px;
text-align:right;
}
#tsr2 .teaserItemContainer { display: inline-block;}
#slideshow {
height:380px;
overflow:hidden;
}
/*TEASER 3*/
#tsr3{
float:right;
width:158px;
}
#tsr3 img{
float:left;
}

/*JOB REMOTE SHORT LIST*/
#Offres{
background:#FFFFFF url(../_images/BackgroundJobs.jpg) no-repeat scroll 0 bottom / 100%;
border:1px solid #BBBBBB;
margin-bottom:20px;
min-height:230px;
padding-bottom:10px;
}

#Offres span a{
color:#2480B7;
background:transparent url(../_images/plusBleu.png) no-repeat scroll 0 center;
font-size:14px;
font-weight:bold;
margin-left:20px;
padding-left:15px;
text-decoration:none;
}
.jslOuter {

}
.shortListText{
padding:0 20px;
}
.jslTitle{
background:transparent url(../_images/BackgroudTitle.png) repeat-x scroll 0 0;
color:#2480b7;
font-weight:bold;
height:30px;
padding-left:25px;
padding-top:10px;
font-size:18px;
margin-bottom:10px;
}
.jslLocation {
font-style:italic;
color:#990066;
font-size:10px;
padding-left:15px;
}
.jslLocation span {
display:none;
}
.jslItemContainer{
margin-bottom:3px;
}
.jslFunctionName a {
background:transparent url(../_images/PuceBleu.png) no-repeat scroll 0 center;
color:#2480B7;
display:block;
font-weight:bold;
padding-left:15px;
text-decoration:none;
margin-bottom:3px;
}
.jslFunctionName a:hover{
text-decoration:underline;
}
.hookOuter {

}
.button {
color:#ffffff;
background:#7ab110;
padding:3px;
border:medium none;
}


.contentMultiColLeftContainer{
width:45%;
float:left;
}
.contentMultiColRightContainer{
width:45%;
float:right;
}
#footer span{
display:block;
}
#footer span a{
border-left:1px solid #307DD0;
color:#307DD0;
padding:0 5px;
text-decoration:none;
}
#footer span a:hover{
text-decoration:underline;
}
#content a{

}
#content a:hover{

}
.explain {
display:none;
}
.jshText{
display:none;
}
.jblIntro{
display:none;
}
.jblCat {
border-bottom:1px dotted #333333;
padding-bottom:5px;
font-size:14px;
}



/*JOB CAT HOOK*/
#tagcloud{
background:#ffffff;
border:1px solid #BBBBBB;
float:left;
height:200px;
width:100%;
}
.jobCatHookHeader{
color:#307DD0;
font-size:18px;
margin-bottom:20px;
}
.jobCatHookItemTitle{
float:left;
border-right:1px solid #307DD0;
margin-right:10px;
margin-bottom:15px;
width:200px;
}
.jobCatHookItemTitle a{
float:left;
color:#307DD0;
text-decoration:none;
display:block;
margin-right:10px;
font-weight:bold;
}
.jobCatHookItemTitle a:hover{
text-decoration:underline;
}
.jobCatHookItemTitle span{
color:#7ab110;
margin-right:10px;
}
.contentContactOuter h1{
display:none;
}
.contentContactOuter{
background:transparent url(../_images/BackgroundForm.png) no-repeat scroll 0 0;
height:339px;
width:225px;
padding:20px;
}
.contentContactFormInput label{
float:left;
width:60px;
}
.contentContactFormInput input{
float:right;
width:140px;
}
.contentContactFormInput{
padding-bottom:25px;
}
.contentContactButton input{
color:#307DD0;
font-size:14px;
font-weight:bold;
background:none;
float:right;
clear:both;
background:transparent url(../_images/FlecheBtn.png) no-repeat scroll right 6px;
padding-right:25px;
}
.contactRemarks{
float:left;
width:60px;
}
.contentContactFormInput textarea {
height:80px;
width:140px;
float:right;
margin-bottom:10px;
}

/*BLOG*/

.blogHookArticleListOuter{
background:#fff url(../_images/FondBlocPetit.png) no-repeat scroll 0 0;
height:88px;
width:100%;
margin-left:5px;
}
.blogHookArticleListHeader{
color:#307DD0;
font-size:18px;
margin-bottom:10px;
}
.blogHookWord{
display:none;
}
.blogHookFooter{
display:none;
}
.blogHookItemLink a{
background:transparent url(../_images/PuceBleu.png) no-repeat scroll 0 4px;
color:#307DD0;
display:block;
min-height:10px;
padding-bottom:3px;
padding-left:11px;
text-decoration:none;
}


#ColOne{

}

#ColTwo{

}
/*BANNIERE*/

#Banniere{
width:728px;
height:90px;
float:right;

}
.contentOuter{

}
.contentTitle{

}

#Fix_tab {
height:142px;
left:0;
overflow:hidden;
position:fixed;
width:63px;
z-index:10000;
border:1px solid #bbbbbb;
padding:10px;
background:#ffffff;
top:227px !important;
}
#Fix_tab img{
margin-bottom:5px;
}


/*NETWORK*/

#shortScreen {
overflow:hidden;
position:relative;
width:280px !important;
height:81px;
padding:0 10px;
margin-bottom:20px;
}
.shortRoll {
position:absolute;
height:81px;
}
.shortRoll .networkHookItemContainer {
padding:0;
}
.networkHookOuter{
white-space:nowrap;
}
#Network a {
margin-right:20px;
}
#Network img{
height:70px;
border:none;
}


#Network {
background:#ffffff;
margin-bottom:20px;
border:1px solid #bbbbbb;
height:198px;
overflow:hidden;
}
#Network span a{
color:#2480B7;
background:transparent url(../_images/plusBleu.png) no-repeat scroll 0 center;
font-size:14px;
font-weight:bold;
margin-left:20px;
padding-left:15px;
text-decoration:none;
}
#Network h1{
background:transparent url(../_images/BackgroudTitle.png) repeat-x scroll 0 0;
color:#2480B7;
font-size:18px;
font-weight:bold;
height:30px;
margin-bottom:10px;
padding-left:25px;
padding-top:10px;
}
.hookHeader{
background:transparent url(../_images/BackgroudTitle.png) repeat-x scroll 0 0;
color:#2480B7;
font-size:18px;
font-weight:bold;
height:30px;
margin-bottom:10px;
padding-left:25px;
padding-top:10px;
}
#LiensReferencement a{
color:#2480B7;
font-size:11px;
text-decoration:none;
border-right:1px solid;
padding:0 5px;
}
.jbdTitle{
background:transparent url(../_images/BackgroudTitle.png) repeat-x scroll 0 0;
color:#2480B7;
font-size:18px;
font-weight:bold;
height:30px;
margin-bottom:10px;
padding-left:25px;
padding-top:10px;
}

.title {
color:#2480B7;
font-size:18px;
font-weight:bold;
margin-bottom:10px;
padding-top:10px;
}
.jblTopText {

}
.itemTitle {

}
.jblItemWord {

}
.itemDescription {

}
.itemImage {

}
.itemTitle a{
color:#2480B7;
text-decoration:none;
}
.itemDescription a{
color:#2480B7;
text-decoration:none;
}
.aplAr {
margin-left:20px;
margin-right:20px;
}
.aplAplyLogin a{
color:#2480B7;
text-decoration:none;
}
.aplAplyPass a{
color:#2480B7;
text-decoration:none;
}
.aplAplyLiJob a{
color:#2480B7;
text-decoration:none;
}
.contentText ul li {
list-style-image:url(../_images/PuceBleu.png);
list-style-position:inside;
margin-bottom:5px;
}

.no-padding-left {
	padding-left: 0px;
}
.no-padding-right {
	padding-right: 0px;
}
#tsr5 img {
	width: 100%;
}


/* NEW MENU */
.jssmoothmenu-h {
	width: auto !important;
	float:right;
}
.jssmoothmenu-h ul li {
    display: block;
    float: left;
    margin-right: -1px;
    position: relative;
}
.jssmoothmenu-h ul li a:hover, .jssmoothmenu-h ul li a:focus, .jssmoothmenu-h ul li a.sactive {
    background: transparent url("../_images/MenuActive.jpg") repeat-x scroll 0 0;
    color: #2480b7;
    text-decoration: none;
}
.jssmoothmenu-h ul li a, .jssmoothmenu-h ol li a {
    color: #2480b7;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 15px !important;
    text-align: center;
    text-decoration: none;
    float:none;
}

@media screen and (max-width: 1200px) {
	#Fix_tab { display: none;}
	#tsr2row {position: relative; padding-top: 0px;}
	#BlockMenu {
		height: 66px;
		background: #fff url("../_images/BackgroudMenu.png") repeat-x scroll 0 0;
		margin-top: 0px;
	}
	#logo {
	    margin-top: 13px;
    	margin-left: 12px;
	}
    .toggleMenu{
	    float:right;
	    position:relative;
	    z-index:999;
	    display:block;
	    border-radius: 5px;
		border-color: #2480b7;	    
    }

    .menuButton{
	    background-color:#2480b7;
	    text-shadow:0 -1px 0 #0e0e0e;
	    cursor:pointer;
	    display:inline-block;
	    margin:0;
	    padding:20px;
	    text-align:center;
	    text-transform:uppercase;
	    vertical-align:middle;
    }
    .menu-bars{
	    display:block;
	    float:left;
	    margin-top:3px;
	    width:24px;
    }
    .menu-bars span{
	    display:block;
	    margin-top:3px;
	    margin-bottom:4px;
	    margin-left:-3px;
	    background-color:#f5f5f5;
	    display:block;
	    height:3px;
	    width:100%;
	    border-radius:5px;
    }    

    #smoothmenu {
    	display: none;
	}
	#smoothmenu.active {
		display: block;
	    width: 100% !important;
	    float: none;
	    clear: both;
	    position: absolute;
	    top: 66px;  
	    background: #fff;
	    border-top: 1px solid #fff;
	    text-align: left !important;
	    z-index:100000;
	}
	#smoothmenu.active li {
		background-color:#2480b7;
		width: 100%;
	}
	#smoothmenu li {
		float: none;
		margin-bottom: 1px;
		display:block;
		text-align: left;
	}
	#smoothmenu a {
		text-decoration: none;
	}
	#smoothmenu > ul > li > a {
		border-radius: 0px;
		padding: 0px;
		color: #fff;
		text-transform: uppercase;
		display:block;
		background: #2480b7;
		padding: 15px;
		text-align: left !important;

	}

	#smoothmenu ul ul {
		display: block;
		width: 100%;
		position: relative;
		top: 0px;
		left: 0px;
		box-shadow: none;
		border: 0px;
		padding: 0px;
	}
	#smoothmenu > ul > li:hover > ul, #smoothmenu > ul > li > ul { display: none !important;}
	#smoothmenu > ul > li > ul > li  { padding: 7px 0px !important; }
	#smoothmenu > ul > li > ul > li > a { padding: 0px !important; box-shadow: none; border: 0px;}
	#smoothmenu span.collapse {
		display: block;
	    cursor: pointer;
	    padding-top: 0;
	    overflow: hidden;
	    position: absolute;
	    right: 0;
	    text-align: center;
	    top: 0;
	    vertical-align: middle;
	    font-size: 75%;
	    background: url('../_images/plusmin.png') center -20px no-repeat;
	    z-index: 9999;
	    padding: 24px;
	}

	#smoothmenu span.collapse.open {
	    background: url('../_images/plusmin.png') center 17px no-repeat;
	}

	#smoothmenu ul li ul.open {
	    display: block !important;
	    visibility: visible;
	    top: 0;
	    position: relative;
	    visibility: visible;
	}	
	#smoothmenu>ul>li:hover>a{
		color: #fff;
		border:0px;
		text-decoration: none;
	}
}
@media screen and (max-width: 768px) {
	.col {
		width: 100%;
	}
	#ContentGlobal #ColTwo,  #LiensReferencement, #RecentArticles, #RssCategories {
		display: none;
	}
	#footerwidth {
		text-align: center;
	}
	#tsr3, #CandidatMenu {float:none;}
	#tsr2row {
	    padding-left: 15px;
    	padding-top: 15px;
	}
	#CandidatMenu a {width:100%;}
	header { margin-bottom: 50px;}
}
.chosen-container {
	background: #fff;
    border: 1px solid #d1d1d1;
    padding: 3px;
    width: 186px;	
}