/* 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{
width:970px;
margin-left:auto;
margin-right:auto;
margin-bottom:0;
padding:30px 10px 0;
}
/*HEADER*/
#header{
margin-bottom:120px;
}
#menu{
height:44px;
float:right;
}
#BlockMenu{
background:transparent url(../_images/BackgroudMenu.png) repeat-x scroll 0 0;
height:44px;
margin-bottom:20px;
}

#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:20px 10px 0;
}
#footerwidth{
width:970px;

margin:0 auto;
color:#bbbbbb;
text-align:right;
}
#LiensReferencement{
border-bottom:1px solid #bbbbbb;
padding-bottom:10px;
}


#ContentGlobal{
width:970px;
}
#content{

}


.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;
min-height:186px;
width:250px;
border:1px solid #bbbbbb;
margin-bottom:20px;
}
.jshHeader{
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;
}
.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:180px;
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;
}
/*TEASER 2*/
#tsr2{
width:1012px;
height:17px;
margin-bottom:10px;
}
#tsr2 img {
float:left;
width:25px;
margin:0 5px;
text-align:right;
}
#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;
border:1px solid #BBBBBB;
margin-bottom:20px;
min-height:230px;
width:250px;
}

#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{
color:#2480B7;
text-decoration:none;
}
#content a:hover{
text-decoration:underline;
}
.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:420px;
}
.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:transparent url(../_images/FondBlocPetit.png) no-repeat scroll 0 0;
float:left;
height:88px;
padding:15px;
width:235px;
margin-left:5px;
}
.blogHookArticleListHeader{
color:#307DD0;
font-size:18px;
margin-bottom:10px;
}
.blogHookWord{
display:none;
}
.blogHookFooter{
display:none;
}
.blogHookItemLink a{
background:transparent url(../_images/FlecheBtn.png) no-repeat scroll 0 1px;
color:#307DD0;
display:block;
min-height:10px;
padding-bottom:3px;
padding-left:25px;
text-decoration:none;
}


#ColOne{

}

#ColTwo{

}
/*BANNIERE*/

#Banniere{
width:728px;
height:90px;
float:right;

}
.contentOuter{

}
.contentTitle{

}
.contentSubHeader{

}
.contentText{

}

#Fix_tab {
height:160px;
left:0;
overflow:hidden;
position:fixed;
/*text-indent:-5000px;*/
/*top:23%;*/
width:48px;
z-index:10000;
border:1px solid #bbbbbb;
padding:10px;
background:#ffffff;
}
#Fix_tab {
top:410px !important;
}
#Fix_tab img{
margin-bottom:5px;
}

/*NETWORK*/

.networkHookOuter img {
border:medium none;
margin:0 5px;
max-height:70px;
}
.shortRoll {
height:80px;
position:absolute;
top:0;
white-space:nowrap;
width:100%;
}
#shortScreen {
height:81px;
overflow:hidden;
position:relative;
width:300px !important;
margin-bottom:20px;
}
#Network {
background:#ffffff;
margin-bottom:20px;
border:1px solid #bbbbbb;
width:300px;
height:200px;
float:right;
}
#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;
}

.itemTitle a{
color:#2480B7;
text-decoration:none;
}
.itemDescription a{
color:#2480B7;
text-decoration:none;
}
.intro {

}
.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;
}
.text {

}
.subHeader {

}
.contentText ul li {
list-style-image:url(../_images/PuceBleu.png);
list-style-position:inside;
margin-bottom:5px;
}