/* 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 */
html { overflow-x:hidden ; }

body{
	background: url("../_images/background-body.jpg") repeat-x 0 0 #f0f1f1;
	margin:2px 0 0 0;
	text-align:center;
	width: 100%;

}

input,textarea{
background:#ffffff none repeat scroll 0 0;
border:1px solid #d7d7d7;
color:#333333;
margin-bottom:3px;
font-size:11px;
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:11px;
font-family:Arial,Verdana,Helvetica,sans-serif;
text-align:left;
}

#content h1{

	background: url("../_images/bg-title-gradient.jpg") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 16px;
    height: 25px;
    width: 564px;
}

h1{

	padding: 3px 0 0 36px;

}
h2 {
font-size:14px;
color:#bc64c4;
}
h3 {
font-size:14px;
color:#7ab110;
}

#canvas{

	width:970px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	margin-top:11px;
	padding:10px;
}
/*HEADER*/
#header{

	height:120px;
	margin-bottom:10px;

}

#langues{

	/*background: url("../_images/bg-langue.jpg") repeat-x 0 0;*/
	width: 100%;
	height: 29px; 
	height: 37px; 
	border-bottom: 1px solid #dcdcdc;
	background-color: #f2f2f2;
}

#MultiLingual {

	width: 990px;
	padding: 6px 0 0 0;
	margin: 0 auto;
    margin-bottom: 10px;
    text-align: right;
}

#MultiLingual img{

	padding-right: 25px;
}

#banniere{
	
    border: medium none;
    float: right;
    height: 93px;
    margin-right: 0;
    width: 713px;
}


#menu{

	height:40px;
	margin-bottom:20px;
}

#logo{

	float:left;
	height:119px;
	width:257px;
}

#recherchesimple{

	float:right;

}

#smartsearch2{
	
	background: url("../_images/search-input-bg.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 24px;
    padding: 2px 0 0 5px;
    width: 157px;

}

.sssSubmitButton {

	background: url("../_images/search-button.png") no-repeat 0 0 transparent;
	border: none;
	height: 26px;
	width: 30px;
}

.sssInputField {

	float: left;

}

.sssSearchButton{

	float: left;
	margin-left: -2px;
}

/*********** CONTENT ************/
#contener{
	
    background: url("../_images/bg-container.gif") repeat-y scroll 0 0 transparent;
    margin: 10px 0 0 10px;
    width: 950px;

}

#content {

    float: left;
    opacity: 0.7;
    padding: 10px;
    width: 600px;
}

.colom{

	float: left;
    margin: 0 9px 0 0;
    padding: 10px;
    width: 288px;
}

.teaserOuter{

	padding: 0;

}

#teaser1 a{

	text-decoration: none;
	font-size: 12px;
	color: #000000;

}

/************************** TAG CLOUD ***********************/



#tagcloud{
	
	margin: 0;
    padding: 0;
    width: 288px;
    height: 250px;
}


/*************** IDENTIFICATION ******************/

#identification {

	background: #499cdc;
	height: 139px;
	padding: 5px 0 0 0;

}

.webUserHookText{

	display: none;
}

.webUserHookOuter{

    width: 171px;
	margin: auto;

}

.webUserHookHeader {
	display: none;
}

.webUserHookButton .button{
	background: url("../_images/button-connexion.png") no-repeat 0 0 transparent;
	width: 74px;
	height: 23px;
	border: none;    
	font-size: 12px;

}

#identification .webUserHookKeyWord {

	color: #ffffff;

}

#identification .webUserHookInput {

	padding: 0 0 5px 0;

}

/************************** FORMULAIRE CONTACT ********************/

.formInput select {
    height: auto !important;
    max-height: 100px;
    padding-left: 2px;
    width: 206px;
}

/******************** TEASER 2 *******************/

#title1{

	background: url("../_images/background-teaser-title.png") no-repeat 0 0 transparent;
	width: 307px;
	height: 28px;

}

#title1 a{

	color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    margin-left: 45px;
    text-decoration: none;
}

#JobSearchSubmit{

	background: url("../_images/button-search.png") no-repeat 0 0 transparent;
	width: 74px;
	height: 23px;
	border: none;    
	font-size: 12px;
	
}

#teaser2 .jslFunctionName a{

	background: url("../_images/puce_bleue.png") no-repeat scroll 0 4px transparent;
	color: #000000;
	width: 6px;
	height: 6px;    
	padding: 0 0 0 15px;
    text-decoration: none;

}

.jslLocation{

	display: none;
}

.jslTitle {

	padding-bottom: 5px;
	font-size: 16px;
    font-weight: normal;

}

/******************* Teaser 3 ******************/

#title2{

	background: url("../_images/background-teaser-title.png") no-repeat 0 0 transparent;
	width: 307px;
	height: 28px;

}

#title2 a{

	color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    margin-left: 45px;
    text-decoration: none;
}

#teaser3 .teaserText a{

	color: #000000;
	text-decoration: none;
	background: url("../_images/puce_bleue.png") no-repeat scroll 0 center transparent;
    height: 6px;
    padding: 0 0 0 15px;
    width: 6px;
}

.teaserText a:hover{

	color: #000000;
	text-decoration: underline;
}

/************** TEASER 4 *****************/

#title3{

	background: url("../_images/background-teaser-title.png") no-repeat 0 0 transparent;
	width: 307px;
	height: 28px;

}

#title3 a{

	color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    margin-left: 45px;
    text-decoration: none;
}

#teaser4 .teaserText a{

	color: #000000;
	text-decoration: none;
	background: url("../_images/puce_bleue.png") no-repeat scroll 0 center transparent;
    height: 6px;
    padding: 0 0 0 15px;
    width: 6px;
}

#teaser4 ul li {

	background: none;
	list-style: none;
	color: #000000;
	text-decoration: none;
	padding: 0;
	margin: 0 0 0 5px;

}



.jshText{

	display: none;
}

/******************** TEASER 8 ***************/

.teaserSubHeader{

	color: #bc64c4;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}


#teaser1 .teaserSubHeader{

	color: #307DD0;
    font-size: 14px;
	margin: 0;
}



.jshIc{

	height: 79px;

}
.jshIc label{

	display: block;
    float: left;
    padding: 3px 10px 0 0;
    width: 105px;
}

.jshIc select{

	float: right;
    width: 148px;
}

.jshHinput{

	padding-bottom: 26px;
}
#trefwoord{

	width: 144px;
	float: right;

}
#JobSearchSubmit{

	background: url("../_images/button-search.png") no-repeat 0 0 transparent;
	width: 74px;
	height: 23px;
	border: none;    
	font-size: 12px;
	
}

# teaser2 .jslFunctionName a{

	background: url("../_images/puce_bleue.png") no-repeat 0 center transparent;
	color: #000000;
	width: 6px;
	height: 6px;    
	padding: 0 0 0 15px;
    text-decoration: none;

}

.jslLocation{

	display: none;
}

.jslTitle {

	color: #FFFFFF;
    font-size: 16px;
    padding-bottom: 10px;
	font-weight: bold;

}

.jslFunctionName {
    float: left;
	width: 200px;
}

.jslFunctionName a {

	background: url("../_images/puce_bleue.png") no-repeat scroll 0 center transparent;
    color: #FFFFFF;
    font-size: 12px;
    height: 6px;
    line-height: 18px;
    padding: 0 0 0 15px;
    text-decoration: none;
    width: 6px;

}

.contentContactButton .button {

	background-color: #bb64c3;
    color: #FFFFFF;
    font-size: 16px;
    height: 35px;
    margin: 0 170px;
    width: 200px;

}

hr{

	visibility: hidden;

}

/****************************** TEASER 11 ***************************************/

#teaser11 .teaserOuter {

    border-top: 1px solid #878686;
    margin: 0 0 10px;
    padding: 0 0 5px 6px;
}

/*********** FOOTER ***************/
#footer {
	clear:both;
	color:#ffffff;
	margin:0 auto;
	background: url("../_images/background-footer.jpg") repeat-x 0 center transparent;

}

#blocBottom{

	color: white;
    font-size: 12px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: right;
    width: 970px;

}

.floatleft {
	
	float:left;

}

#categorieJob{

	color: #ffffff;
	width: 288px;
	padding: 10px 10px;

}

#teaser5 .contentOuter{

	color: #ffffff;
	width: 282px;
	border-top: 1px solid #878686;
    margin: 0 0 10px;
    padding: 0 0 5px 6px;

}


#teaser8 .teaserOuter{

	border-top: 1px solid #878686;
    margin: 0 0 10px;
    padding: 0 0 5px 6px;

}

#teaser6{

	color: #FFFFFF;
    padding: 10px;
    width: 636px;

}

.jobCatHookHeader{

	color: #ffffff;
	font-size: 16px;
	padding-bottom: 10px;

}

.jobCatHookItemTitle a{

	background: url("../_images/puce_bleue.png") no-repeat 0 center transparent;
	color: #ffffff;
	width: 6px;
	height: 6px;    
	padding: 0 0 0 15px;
    text-decoration: none;
	line-height: 24px;
	font-size: 12px;

}

.jobCatHookItemContainer {
	float:left;
}

#teaser6 .teaserItemContainer{

	float:left;

}

#teaser6 .teaserText{


	color: #ffffff;
}

#teaser6 .teaserSubHeader{

	color: #ffffff;

}