/*		STYLES GENERAUX
---------------------------------------------------- */
* {
margin : 0;
padding : 0;
list-style : none;
}
img {
border : 0;
}
.highlight { color: #f68501; }
body {
margin : 0;
padding : 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
text-align : center;
background : #ededed;
color: #4c4c4c;
}
.tx-indexedsearch-searchbox fieldset {
	clear: both;
	margin: 5px;
	padding: 5px;
}
a {
color: #4c4c4c;
}

/*		CONTENEURS PRINCIPAUX
---------------------------------------------------- */
#global {
width : 910px;
text-align : left;
margin : 0 auto;
}
#contenu {
float : left;
width : 910px;
border-right : 1px solid #d3d3d3;
border-left : 1px solid #d3d3d3;
background : #fff url(../images/css/fondConteneur.gif) no-repeat -1px bottom;
padding : 0 10px 10px 10px;
}

/*		HEADER
---------------------------------------------------- */
#header {
margin-bottom : 25px;
}
#header h1 {
float : left;
clear : none;
margin : 19px 0 0 10px;
}

#bandeau {
clear: both;
width: 910px;
height: 24px;
background : url(../images/css/bandeau.gif) no-repeat;
margin-bottom: 3px;
}

#flash {
position: relative;
clear: both;
width: 910px;
height: 175px;
}
#flash #flashcontroles {
position: absolute;
top: 130px;
left: 240px;
height: 30px;
z-index: 4;
}
#flash #flashcontroles img {
 margin-left: 8px;
 cursor : pointer;
}
#flash #flashmasque {
position: absolute;
clear: both;
top: 0;
left: 0;
width: 100%;
height: 100%;
background : url(../images/css/top_fond_texte.gif) no-repeat;
z-index: 2;
}
#flash .flashtextlayer {
position: absolute;
clear: both;
top: 0;
left: 0;
width: 290px;
height: 150px;
z-index: 3;
background : url(../images/css/top_fond_texte.gif) no-repeat;
padding: 10px 15px 10px 15px;
color: white;
font-size: 1.1em;
}
#flash .flashtextlayer .titre{
font-weight: bold;	
font-size: 1.6em;
color: white;
display: block;
margin-bottom: 5px;
}
#flash .flashimglayer {
position: absolute;
clear: both;
top: 0;
right: 0;
width: 900px;
height: 170px;
z-index: 1;
overflow: hidden;
}
#flash .flashimglayer img {
position: absolute;
top: 0;
right: 0;
}
#slideshow {
 display: none;
}

/*		FORMULAIRES HAUT
---------------------------------------------------- */
#countrySearch {
margin: auto 0 auto auto;
padding : 15px 0 0 94px;
width : 486px;
height: 35px;
background : url(../images/css/bg_formCountry.png) no-repeat 186px top;
}
#countrySearch select {
float : left;
clear : none;
width : 135px;
height : 19px;
}
#countrySearch #country {
float : left;
clear : none;
margin-left: 90px;
}

#countrySearch #recherche {
float : right;
clear : none;
}
#countrySearch .search {
width : 131px;
height : 13px;
border : 1px solid #898989;
padding : 2px 0 2px 8px;
}
form input.ok {
background : url(../images/css/bg_boutonOk.png) no-repeat left top;
width : 19px;
height : 19px;
cursor : pointer;
border : 0;
}

/*		BLOC ILLUSTRATION TEXTE
---------------------------------------------------- */
div#contenuArticles {
float : left;
clear : none;
}
div#contenuArticles div#illustration {
width : 570px;
}
div#contenuArticles div#illustration img.illustration {
float : left;
margin-right : 31px;
}
div#contenuArticles div#illustration p.chapo {
margin : 0 0 16px 0;
color : #f68501;
font-size : 1.1em;
}
div#contenuArticles div#articles {
float: left;
clear: left;
width: 570px;
margin: 15px 0 0 0;
}
div#contenuArticles div#articles .illustration {
float: left;
clear: none;
margin: 0 10px 0 0;
}
div#contenuArticles div#articles .actus {
float : left;
clear : none;
width : 357px;
background : url(../images/css/bg_articleBas.png) no-repeat right 5px;
}
div#contenuArticles div#articles .focus {
float : left;
clear : none;
margin-left : 8px;
width : 203px;
background : url(../images/css/bg_articleBas.png) no-repeat right 5px;
}
div#contenuArticles div#articles h2 {
font-size : 1.2em;
color : #f68501;
}
div#contenuArticles div#articles h3 {
font-size : 1em;
margin-bottom : 5px;
}

div#contenuArticles #btnToutesActus {
	background: url("../images/css/bg_bouton_actus.png") no-repeat top left;
	text-align: center;
	text-decoration: none;
	color: #F68501;
	font-size: 1em;
	display: block;
	height: 21px;
	width: 108px;
	padding-top: 4px;
	margin-top: 10px;
	font-weight:bold;
}

/*		BLOC LIENS
---------------------------------------------------- */
div#blocLiens {
float : right;
clear : none;
width : 311px;
}
div#blocLiens div#bloc {
width: 100%;
float: left;
margin-bottom: 8px;
}  
div#blocLiens div#bloc .arronditop {
position: relative;
background : url(../images/css/bg_autresMarques_top.gif) no-repeat left top;
width: 115px;
height: 8px;
display: block;
font-size: 1%;
z-index: 2;
} 
div#blocLiens div#bloc .arrondibottom {
position: relative;
clear: both;
background : url(../images/css/bg_autresMarques_bottom.gif) no-repeat left top;
width: 115px;
height: 16px;
margin-top:-11px;
margin-bottom: -8px;
display: block;
font-size: 1%;
z-index: 2;
} 
div#blocLiens ul {
position: relative;
float : right;
clear : none;
width: 100%;
height: 100%;
margin-top: -8px;
margin-bottom: -11px;
background : url(../images/css/bg_autresMarques_center.gif) repeat-y left top;
z-index: 1;
}
div#blocLiens ul li {
float: right;
margin : 0px 0 3px 0;
width : 192px;
height : 41px;
}
div#blocLiens li.blocTexteIntro {
height: 0;
margin : 0;
}
div#blocLiens ul li a {
display : block;
width : 192px;
height : 41px;
text-decoration: none;
}
div#blocLiens ul li a:hover {
background-position : left -41px!important;
}
div#blocLiens span.blocTexte {
position: absolute;
top: 16px;
left: 1px;
height: 80%;
width : 110px;
display: none;
padding-left: 3px;
}
div#blocLiens li.blocTexteIntro span.blocTexte {
display: block;
background : #F3F3F3;
}
div#blocLiens ul li a:hover span.blocTexte {
display : block;
background : #F3F3F3;
}

div#blocLiens ul li a span.blocTexte span.titre {
float: left;
clear: both;
width: 90px;
color: #e85311;
font-weight: bold;
font-size: 1.5em;
text-decoration: none;
}
div#blocLiens ul li a span.blocTexte span.descr {
font-weight: normal;
}

form#marques {
clear: both;
float: left;
padding: 10px 0 10px 10px;
width: 100%;
background : url(../images/css/bg_selectAutresMarques.png) no-repeat left bottom;
}
form#marques label {
float : left;
clear : none;
margin : 4px 9px 0 0;
font-weight : bold;
color : #fff;
}
form#marques select {
clear : none;
width : 155px;
height : 17px;
text-align : center;
float: left;
}
form#marques #okMarques {
display: block;
float: left;
margin-left: 5px;
}

/*		FOOTER
---------------------------------------------------- */
#footer {
padding-top : 10px;
text-align : right;
font-size : 0.9em;
color : #858585;
vertical-align : middle;
}
#footer ul {
margin : 12px 0 0 0;
float : left;
clear : none;
}
#footer ul li {
float : left;
clear : none;
margin-right : 5px;
display : inline;
}
#footer ul li a {
color : #858585;
text-decoration : none;
}
#footer img {
margin : 0 0 0 7px;
}

/*		FIL ARIANE
---------------------------------------------------- */
#filAriane ul {
float: left;
width: 90%;
margin: -17px 0 10px 12px;
}
#filAriane li {
display: inline;
margin-right: 2px;
}

/*		COLONNES
---------------------------------------------------- */
#colGauche {
float: left;
clear: none;
width: 180px;
}
#colContenu {
float: left;
clear: none;
margin: 6px 0 0 20px;
padding-bottom: 20px;
}
#colContenu.contenu {
width: 710px;
}
#colContenu.entreprise {
width: 500px;
}
#colDroite {
float: left;
clear: none;
width: 180px;
padding:  5px 5px 5px 15px;
}
/*		MENU VERTICAL
---------------------------------------------------- */
#colGauche h2 {
float: left;
clear: none;
margin: 0 0 13px 0;
color: #f48405;
font-size: 1.8em;
}
#colGauche h3 {
font-size: 1.4em;
margin: 10px 0 5px 0;
}
#colGauche h4 {
font-size: 1.2em;
margin: 8px 0 4px 0;
}
#colGauche h5 {
font-size: 1.2em;
margin: 5px 0 2px 0;
}

#colGauche #menugauche h2 {
float: none;
padding: 6px 0 5px 29px;
margin: 0;
background: url(../images/css/bg_titreMenu.png) left top no-repeat;
width: 151px;
font-size: 1.2em;
font-weight: bold;
color: #4c4c4c;
}
#colGauche #menugauche ul {
width: 178px;
border: 1px solid #dfdfdf;
border-top: 0;
margin-bottom: 10px;
}
#colGauche #menugauche ul li {
padding: 7px 0 7px 29px;
border-top: 1px solid #dfdfdf
}
#colGauche #menugauche ul li.selected {
background: url(../images/css/picto_fleche.png) 5px center no-repeat;
}
#colGauche #menugauche ul li a {
text-decoration: none;
}

/*		COLONNE CONTENU 
---------------------------------------------------- */
#colContenu h2 {
clear: none;
margin: 0 0 13px 0;
color: #f48405;
font-size: 1.8em;
}
#colContenu h3 {
font-size: 1.4em;
margin: 10px 0 5px 0;
}
#colContenu h4 {
font-size: 1.2em;
margin: 8px 0 4px 0;
}
#colContenu h5 {
font-size: 1.2em;
margin: 5px 0 2px 0;
}

#colContenu .print {
float: right;
clear: none;
padding-left: 24px;
text-decoration: none;
background: url(../images/css/picto_print.png) left 0 no-repeat;
}
#colContenu #illustrations {
float: left;
clear: none;
margin: 0 19px 0 0;
width: 140px;
}
#colContenu p.chapo {
float: left;
clear: both;
margin: 0 0 24px 0;
width: 100%;
font-size: 1.45em;
font-weight: bold;
}
#colContenu #texte {
float: left;
}
#colContenu #texte p.chapo {
margin: 0 0 10px 0;
font-size: 1.1em;
font-weight: bold;
}
#colContenu.entreprise #texte p.chapo {
margin: 0 0 8px 0;
}
#colContenu p {
clear: both;
margin: 0 0 15px 0;
/* width: 465px; */
}
#colContenu .csc-textpic-text p {
clear: none;
}

#colContenu p span.highlight {
color: #f48405;
}
.encartLiens {
float: inherit;
margin: 0 0 25px 0;
padding: 11px 0;
width: 100%;
background: #f6f5f3;
border: 1px solid #e1e1e1;
}
#colContenu ul {
margin-left: 15px;
width: auto;
}
#colContenu ul li {
list-style: url(../images/css/puce_encartLiens.png);
}

/*		COLONNE DROITE 
---------------------------------------------------- */
.common_right_block { width: 180px; margin:0 auto 10px auto; padding:0; }
.common_right_block .rnd_borders_top{
display:block; clear:both; background:transparent; font-size:1px;
}
.common_right_block .rnd_borders_bot {
display:block; clear:both; background:transparent; font-size:1px; 
}
.common_right_block .ln_01,
.common_right_block .ln_02,
.common_right_block .ln_03,
.common_right_block .ln_04,
.common_right_block .content {
height:1px; display:block; overflow:hidden;
border-top:none; border-bottom:none;
}
.common_right_block .ln_02,
.common_right_block .ln_03,
.common_right_block .ln_04,
.common_right_block .content {
font: bold 100% Verdana, Arial, Helvetica, sans-serif;
color: #000;
}

.common_right_block .ln_01 { margin:0 5px; border:none; }
.common_right_block .ln_02 { margin:0 3px; border-width:2px; }
.common_right_block .ln_03 { margin:0 2px; }
.common_right_block .ln_04 {  height:2px; margin:0 1px; }
.common_right_block .rnd_borders_bot .ln_01,
.common_right_block .rnd_borders_bot .ln_02,
.common_right_block .rnd_borders_bot .ln_03,
.common_right_block .rnd_borders_bot .ln_04 {   margin-left:0; }
.common_right_block .content { padding:5px 8% 0 0; height:auto; }
.content .titre, 
.content p, 
.content ul {
margin: 0 0 5px 10px;
}
.content p {
margin: 10px 0 5px 10px;
font-weight: normal;
}
.content img {
margin: 0;
}
.content ul li a {
padding-left: 15px;
font-weight: normal;
text-decoration: none;
background: url(../images/css/puce_encartLiens.png) left center no-repeat;
}

/*		MENU DEROULANT HORIZONTAL
---------------------------------------------------- */
ul#menu {
float: right;
clear: right;
height: 26px;
}
ul#menu ul  {
padding-top: 13px;
z-index: 1000;
position: absolute;
}
ul#menu li,
ul#menu li.selected {
float: left;
list-style: none;
}
ul#menu li {
padding: 0;
border-top: #999;
color: #fff;
border-left: 1px solid #ec6f35;
}
ul#menu li.left {
border-left: 0;
}
ul#menu li a {
float: none;
display: block;
padding: 7px 15px;
color: #fff;
text-decoration: none;
background: url(../images/css/bg_menuHaut_off.png) center top no-repeat;
font-size: 1.1em;
cursor: pointer;
}
#menu li.left a { 
background: url(../images/css/bg_menuHaut_off.png) left top no-repeat;
}
#menu li.right a { 
background: url(../images/css/bg_menuHaut_off.png) right top no-repeat;
}
ul#menu li a:hover {
background: url(../images/css/bg_menuHaut_on.png) center top no-repeat;
}
#menu li.left a:hover { 
background: url(../images/css/bg_menuHaut_on.png) left top no-repeat;
}
#menu li.right a:hover { 
background: url(../images/css/bg_menuHaut_on.png) right top no-repeat;
}
ul#menu li:hover ul, li.over ul {
display: block;
}


ul#menu a:hover {
background : url(../images/css/bg_menuHaut_on.png) no-repeat center top;
}
ul#menu li:hover > a {
background : url(../images/css/bg_menuHaut_on.png) no-repeat center top;
}
ul#menu li:hover.left > a {
background : url(../images/css/bg_menuHaut_on.png) no-repeat left top;
}
ul#menu li:hover.right  > a {
background : #f00 url(../images/css/bg_menuHaut_on.png) no-repeat right top;
}

/* sous menus cach�s */
ul#menu li ul {
padding: 0;
margin: -3px 0 0 0;
display: none;
z-index: 200;
left: -999em; 
}
ul#menu li li {
float: left;
clear: both;
color: #fff;
background: #c6c1bd;
border-left: 0;
border-top: 1px solid #c1bcb8
}
ul#menu li ul li a {
float: left;
clear: both;
cursor: pointer;
width: 160px;
display: block;
background: none;
font-size: 1.1em;
}
#menu li.left ul li a,
#menu li.right ul li a {
background: none;
}
ul#menu li ul li a:hover {
float: left;
clear: both;
}
ul#menu ul li {
padding: 0;
}
ul#menu li>ul {
height: auto;
top: auto;
left: auto;
}
ul#menu li:hover ul, ul#menu li.sfhover ul { /* listes imbriqu�es sous les items de listes survol�s */
left: auto;
display: block;
}
ul#menu ul li a:hover,
ul#menu li.left li a:hover,
ul#menu li.right li a:hover {
color: #fff;
background: #a09b98;
}
/* fin sous menus cach�s */


/*		FIN MENU DEROULANT HORIZONTAL
---------------------------------------------------- */


/*		Styles RTE
---------------------------------------------------- */
p.orange {
color : #f68501;
}

span.orange {
color : #f68501;
}

/*		Fin styles RTE
---------------------------------------------------- */


/*		Surcharge pour tt_news
---------------------------------------------------- */
#colContenu  .news-single-item .news-single-img, #colContenu  .news-list-item img {
float: left;
margin: auto;
padding: 2px 6px 6px 2px;
}
 .news-latest-item h3, .news-latest-item p {
margin-right: 3px;
}
.news-latest-item p.bodytext {
  display: inline;
}
#colContenu .news-single-item p.bodytext, #colContenu .news-list-item p.bodytext {
clear: none;
margin-left: 5px;
}
#colContenu .news-single-item  .news-single-backlink {
clear: both;
}

#colContenu  .news-list-item .clearer {
clear: both;
width: 20%;
height: 0;
margin: 10px auto 20px 20px;
border: 1px solid #EDEDED;
}

.news-latest-item {
	margin-bottom : 10px;
}
/*		FIN Surcharge pour tt_news
---------------------------------------------------- */


/*		Surcharge pour le dropdown sitemap
---------------------------------------------------- */
.tx-dropdownsitemap-pi1 img {
margin: -2px 5px 5px 0px;
}
.tx-dropdownsitemap-pi1 div {
border: solid 1px #DFE2E3;
background: #F5F4F2;
clear: both;
}
.tx-dropdownsitemap-pi1 DIV.expAll {
clear: both;
}
/*		FIN Surcharge pour le dropdown sitemap
---------------------------------------------------- */

/*     Surcharge formulaire RH      
---------------------------------------------------- */
legend {
	display: none;
}
fieldset {
	border : 0pt none;
	margin-top: 30px;
}
.csc-mailform-field {
	padding-top : 5px;
	margin-bottom : 5px;
}
.csc-mailform-field label {
	clear:left;
	display:block;
	float:left;
	width: 70px;
}
.csc-mailform-field label.not_clear{
	clear: left;
	display:block;
	float:left;
	width: 70px;
}
.csc-mailform-field label.not_float{
	clear: none;
	display:block;
	float: left;
	width: 70px;
	padding :0 20px;
}
.csc-mailform-field textarea {
height:100px;
min-height:20px;
padding:0pt 0pt 0pt 4px;
width:250px;
float: left;
margin-bottom: 5px;
}


.tx-keyriarh-pi1 .csc-mailform-field textarea, .tx-keyriarh-pi3 .csc-mailform-field textarea {
height:100px;
min-height:20px;
padding:0pt 0pt 0pt 4px;
width:540px;
float:none;
}

.csc-mailform-field input{
	height:auto;
	min-height:20px;
	padding:0pt 0pt 0pt 4px;
	width:180px;
	float: left;
	margin-bottom : 5px;
}
.csc-mailform-field select {
height:auto;
min-height:20px;
padding:0pt 0pt 0pt 4px;
width:190px;
float:left;
margin-bottom : 5px;
}
.tx-keyriarh-pi2 .csc-mailform-field input {
	width:190px;
}
.tx-keyriarh-pi2 .csc-mailform-field select {
	width:190px;
}
.csc-mailform-field input.csc-mailform-submit {
	width : 80px;
	margin-left : 20px;
	margin-top : 10px;
	height : 20px;
}
#mailformformtype_visua{
	width: 150px;
}

.csc-mailform-field input#cv, .csc-mailform-field label#cv{
	margin-top : 10px;
	height : 20px;
}

.csc-mailform-field input#cv {
	width: 220px;
}

.csc-mailform-field select#mailformdate, .csc-mailform-field select#mailformdatem, .csc-mailform-field select#mailformdate2, .csc-mailform-field select#mailformdatem2{
height:auto;
min-height:20px;
padding:0px;
width:60px;
}
.csc-mailform-field select#mailformdatey, .csc-mailform-field select#mailformdatey2{
	height:auto;
	min-height:20px;
	padding:0px;
	width:70px;	
}

.offre_detail h3{
	color: #e85311;
}

#colContenu .tx-keyriarh-pi7 .csc-mailform-field p {
	clear:none;
	margin:0px;
	padding-left : 5px;
	padding-top: 5px;
	float: left;
}



/*     FIN Surcharge formulaire RH       
---------------------------------------------------- */
#colGauche .csc-frame-frame1 {
	background: transparent url(../images/css/bg_toutesOffres2.png) top left no-repeat;
	width: 180px;
	height: 64px;
	margin: 20px 0;
	padding: 8px 0 0 6px;
	display: block;
	text-decoration: none;
}
#colGauche .csc-frame-frame1 h3 a{
	color: #ff6600;
	font-size: 1.4em;
	text-decoration: none;
}
#colGauche .csc-frame-frame1 h3 {
	color: #ff6600;
	font-size: 1.4em;
	text-decoration: none;
}
#colGauche .csc-frame-frame1 p {
	padding-top:4px;
}
#colGauche .csc-frame-frame1 p a{
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
}


#colGauche .csc-frame-frame1 h3.learnMore {
	font-weight: bold;
}


/*		Styles d'impression
---------------------------------------------------- */
@media print
{
#flash, #bandeau, #countrySearch, #menu, #menugauche, #liens {
	display: none;
	} 	
	
#header img {
	float: right;
	}	
a.print	{
	display: none;
	}
	
#colGauche {
	width: auto;
	}	
}
/*		FIN Style d'impression
---------------------------------------------------- */
#contenu.contenu_rh {
	background: none;
	background-color: #FFFFFF;
}

#list_offres, #result_offres {
	float:left;
	clear:both;
}

#list_offres li {
	clear:both;
}
#list_offres li.sans_puce {
	list-style-type:none;
	list-style-image:none;
}
#list_offres img {
	padding-top:1px;
	margin-right:5px;
	float:left;
}

#result_offres li {
	clear:both;
}
#result_offres li.sans_puce {
	list-style-type:none;
	list-style-image:none;
}
#result_offres img {
	padding-top:1px;
	margin-right:5px;
	float:left;
}
#pagination p {
	clear:both;
}