/*
     FILE ARCHIVED ON 19:52:42 Jan 1, 2015 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 6:42:46 Feb 16, 2017.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
@import url("/css/kr-formulaires.css");

/**** General ****/
.fleft { float: left !important; }
.fright { float: right !important; }
.fnone { float: none !important; }
.taleft { text-align: left; }
.taright { text-align: right; }
.tacenter { text-align: center; }
.ttn { text-transform: none !important; }
.fwb { font-weight: bold !important; }
.fs15 { font-size: 15px !important; }
.blue { color: #01919C}
.btn-04.btn-rtl a {
  background-image: url('/images/retour-rtl-bg.gif');
}
a.no-udln { text-decoration: none !important; }
a.udln { text-decoration: underline !important; }
a.udln:hover { text-decoration: none !important; }
.pb0 { padding-bottom: 0; }


select option { color: #333 }
select option[disabled=disabled] { color: #999999 }


#article h1 a, #article h2 a, #article h3 a, #article h4 a {
  color: #01919C;
  text-decoration: none;
}
#article h1 a:hover, #article h2 a:hover, #article h3 a:hover, #article h4 a:hover {
  text-decoration: underline;
}


#article .title h1 {
  background: none;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}
#article .title {
  background: url(/images/zebra-gris-03.gif) repeat-x 0 bottom;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

#article.cms h1 {
  color: #01919C;
  margin-bottom: 20px;
  padding-bottom: 15px;
  text-transform: none;
}
#article.cv .photo {
  min-height: 240px;
  background: white;
}

#article.cv .infos h3 span span.bg {
  background-position: 4px 5px;
}
#article.cv .infos.large {
  background:none;
  float:left;
  padding:0;
}
#article.cv .infos.restricted h1 {
  background:url(/images/zebra-gris-03.gif) repeat-x 0 bottom;
  margin-bottom:15px;
  padding-bottom:5px;
}
#article.cv .infos ul.langues li {
  width: 175px;
  padding: 0 0 4px 0;
}


#contener .tableau-bord.empty .content .bref-cv {
  min-height:120px;
}
#contener .tableau-bord h1 {
  font-weight: bold;
  font-size: 13px;
}
#contener .tableau-bord .content .informations h2 span {
  font-weight: bold;
}
/********************************************/















.flash {
  display: block;
  padding: 8px 10px;
  margin-bottom: 20px;
  background-color: #9EA8A9;
  color: white;
  font-weight: bold;
  text-decoration: none;
}
.flash.confirm, .flash.form_confirm {
  background-color: #A6C30F;
}
.flash.error, .flash.form_error {
  background-color: #c23030;
}
.flash.confirm, .flash.error { 
  width: 100%;
  text-align: center;
  padding: 25px;
  position: absolute;
  font-size: 15px;
}
.flash a { color: white !important; }
.hidden {
  display: none
}
.error-green {
  margin-bottom: 10px;
  padding: 10px 0;
  background: #A6C30F;
  color: #fff;
}
.error-green li {
  padding: 0 10px;
}
.error-green li a {
  color: #fff !important;
}

/** Bouton **/
.btn-101 {
  font-family: 'DIN1451StdMittelschrift';
  font-size: 16px;
  margin: 10px 0;
  text-align: center;
  text-transform: uppercase;
}
.btn-101 a {
  background: url(/images/btn-01.gif) no-repeat 0 0 #A6C30F;
  color: white;
  display: inline-block;
  line-height: 20px;
  margin: 0 auto;
  padding: 10px 20px 10px 27px;
  text-decoration: none;
  zoom: 1;
}

/** Tooltip **/
#tooltip {
  position: absolute;
  z-index: 3000;
  /*
  border: 1px solid #C0C6C7;
  background-color: #f8f8f8;
  padding: 10px;
  */
  padding: 15px 20px;
  border: 1px solid #3E3A35;
  background-color: #fff;
  border-radius: 8px;
}
#tooltip .body {
  width: 500px;
}
#tooltip h3 {
  font-weight: bold;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dashed #3E3A35;
}
#tooltip div { margin: 0; }



#col-droite .cadre .content ul li ul li.doc a {
  background:url(/images/puces/word.jpg) no-repeat 110px 0;
  display:block;
  padding-right:20px;
}
/* CV pas de réseaux */
#col-droite .cadre .content li.last {
  background:none;
  margin:0;
  padding:0;
}
#col-droite .cadre .content ul li ul li.pdf a, #col-droite .cadre .content ul li ul li.doc a {
  background-position: 130px 0;
}
#col-droite .cadre .content ul li.cv span {
  padding-right: 10px;
}
#col-droite .cadre .content .btn-02 {
  padding: 0;
  text-align: left;
}
#col-droite .cadre .content .btn-02 a, #col-droite .cadre .content .btn-02 span.similink {
  display: block;
  height: auto;
  padding: 8px 12px;
  line-height: 18px;
  font-size: 14px;
}
 #col-droite .cadre .content .knowmore span.similink,  #col-droite .cadre .content .knowmore a {
  font-size: 13px;
  text-align: center;
 }
#col-droite .cadre .content .contacter p, #col-droite .cadre .content .postuler p {
  padding: 8px 0 0 0;
  line-height: inherit;
}
#col-droite .cadre .content .postuler p {
  padding-left: 8px;
}
/*
#article .bg-article, #col-gauche #article .bg-article {
  padding-top: 15px;
}
*/
#article .bg-article h1, #col-gauche #article .bg-article h1 {
  padding-top: 0px;
}

#article.page .sub {
  padding-bottom: 5px;
  text-align:center;
}
#article.page input.valid {
  background:url(/images/btn-01.gif) no-repeat 0 0 #a6c30f;
  border:none;
  color:#FFF;
  cursor:pointer;
  font-family: 'DIN1451StdMittelschrift';
  font-size:16px;
  height:38px;
  padding:0 10px 2px 28px;
  text-transform:uppercase;
}



/*******************/
/***  STRUCTURE  ***/
/*******************/

.background { margin-top: 1px; }

/****************/
/***  HEADER  ***/
/****************/

#header .onglet {
  margin-left: 11px;
}
#header .onglet .description {
  display: block;
}
#header .onglet .connexion {
  display: none;
  background-color: #fff;
  z-index: 400;
}
#header .onglet.actif .description {
  display: block;
}
#header .onglet.actif .connexion {
  display: block;
}
#header .onglet.actif.last .connexion {
  left: -222px;
}
#header .connecte ul.profil {
  float: right;
}

/*:: Header - Connecté - Sous-menu TDB ::*/
/*******************************************************/
#header .connecte ul.profil li.tdb > a:hover, #header .connecte ul.profil li.tdb:hover, #header .connecte ul.profil li.tdb:hover > a {
  color: #fff;
  background-color: #00909b;
  text-decoration: none;
}
#header .connecte ul.profil li.tdb > a:hover, .connecte ul.profil li.tdb:hover > a {
  color: #fff;
  background-color: #00909b;
  text-decoration: none;
  border-bottom: 1px dotted #fff;
}
#header .connecte ul.profil li.tdb .sub-tdb {
  display: none; 
  position: absolute;
  top:63px;
  right: 0;
  width: 170px;
  background: #fff;
  border-top: 7px solid #198891;
  z-index: 300;
}
#header .connecte ul.profil li.tdb .sub-tdb ul {
  border: 1px solid #9e9f9e;
  border-top: none;
  padding: 0 5px;
}
#header .connecte ul.profil li.tdb .sub-tdb li {
  float: none;
  display: block;
  width: 100%;
  background: #fff url('/images/zebra-gris-02.gif') repeat-x 0 bottom;
  line-height: 22px;
  font-size: 11px;
  text-align: left;
  z-index: 3000;
}
#header .connecte ul.profil li.tdb .sub-tdb li.last {
  background: none;
}
#header .connecte ul.profil li.tdb .sub-tdb li a {
  padding: 0 3px;
  color: #3E3A35;
  text-decoration: none;
}
#header .connecte ul.profil li.tdb .sub-tdb li a:hover {
  text-decoration: underline;
}
#header .connecte ul.profil li.tdb:hover .sub-tdb { display: block }

/*:: Header - Navigation ::*/
/*******************************************************/

#header #navigation {
  position: absolute;
  top: 112px;
  width: 1000px;
  padding: 8px 0 0 0;	
  background: url(/images/background-03.png) no-repeat 0 0;
}
#navigation ul { position: relative; }
#navigation ul li {
  display: block;
  float: left;
  height: 33px;
  line-height: 33px;
	border-right: 1px solid #dbdbdb;
}
  #navigation ul li.last, #navigation ul li.acces { border: none; margin-right: 1px; }
  #navigation ul li.acces, #navigation ul li.acces a {
    color: #fff;	
    font-size: 12px;
    text-transform: uppercase;
  }
  
#navigation ul li a {
	display: block;
  height: 32px;
  line-height: 32px;
	padding: 0 12px;
  
	font-family: 'DIN-Regular';
	font-size: 15px;
	text-decoration: none;
}
  #navigation ul li.acces a {
    background-color: #9ea8a9;
	}
  #navigation ul li.bord a {
    color: #00909b;
    font-family: 'DIN1451StdMittelschrift';
  }
  #navigation ul li a:hover, #navigation ul li.on a  {
    height: 33px;
    background-color: #00909b;
    color: #fff;
  }
  body#home #navigation > ul > li > a:hover, body#home #navigation > ul > li.on > a  {
    height: 36px;
  }
  #navigation ul li.mag:hover, #navigation ul li.mag:hover a, #navigation ul li.mag a:hover, #navigation ul li.mag.on a {
    background-color: #a6c30f;
    color: #fff;
  }
  
#navigation { z-index: 200 }
#navigation ul li .nav-second { 
  display: none; 
  position: absolute; 
  top: 33px; 
  margin: 0 
}
#navigation ul li:hover .nav-second { display: block }
#navigation ul li .nav-second li, #navigation ul li .nav-second li a { 
  height: auto;
  line-height: 14px;
}
#navigation ul li .nav-second li, #navigation ul li .nav-second li a { color: #FFF }

/** Sous-menu le mag **/
#header .menu-niv2 {
  position: absolute;
  top: 149px;
}
#header .menu-niv2 > ul > li:hover > a { background-color:#657576; height: 34px }
#header .menu-niv2 .nav-third { display: none; top: 34px; }
#header .menu-niv2 ul li:hover .nav-third { display: block }
/*
#header .menu-niv2 ul li:hover > a, #header .menu-niv2 ul li.on > a { height: 34px }
*/


/**************/
/***  HOME  ***/
/**************/

#home #fil-ariane {
  display: none;
}
#home .les-blocs .bloc .list {
  padding: 5px 0 0 0;
}
#home .les-blocs .bloc.list .container .content {
  padding: 10px 0; 
  background: none;
}
#home .les-blocs .bloc.list .container {
	padding-left: 10px;
	padding-right: 10px;
}
#home .les-blocs .bloc.entreprise.list h2, #home .les-blocs .bloc.offre.list h2 {
  /*color: #00909B;*/
  font-family: 'DIN1451StdMittelschrift';
	font-size:18px;
	padding: 0 0 10px 42px;
}
#home .les-blocs .bloc.entreprise.list h2 { background: url('/images/puces/recruter.png') 0 8px no-repeat; }
#home .les-blocs .bloc.offre.list h2      { background: url('/images/puces/recherche-cv-2.png') 0 8px no-repeat; }

  
#home .les-blocs .bloc.list ul li {
  background: url(/images/puces/puce-04.gif) no-repeat 0 5px;
  padding: 0 0 7px 10px;
  font-size: 13px;
}
#home .les-blocs .bloc.list a {
color: #00909B;
}

/*************/
/***  TDB  ***/
/*************/

#contener .tableau-bord .content .informations .vignette {
  text-align: center;
  padding-right: 15px;
}
#contener .tableau-bord .content .informations .vignette ul {
  visibility: hidden
}
#contener .tableau-bord .content .informations .activation span {
  background: url(/images/puces/puce-01-2.gif) no-repeat 0 0;
  color: black;
  font-size: 11px;
  font-weight: bold;
  padding-left: 18px;
}
#contener .tableau-bord .content .informations .activation a {
  background: none;
}

/************************/
/***  TDB ENTREPRISE  ***/
/************************/

#contener .tableau-bord.entreprise .content .vignette ul {
  position: relative;
}
#contener .tableau-bord.entreprise .content .bref-cv {
  width: 160px;
  float: right;
  padding-left: 30px;
  background-color: white;
  background-position: 15px 0;
  text-align: center;
}
#contener .tableau-bord.entreprise .content .informations {
  width: 980px;
  margin-right: 0;
}

/*******************************/
/***  MON COMPTE ENTREPRISE  ***/
/*******************************/

#article.tab table td span.inactive {
  background-image: url('/images/puces/puce-inactive-2.png');
}
#article .mceEditor table.mceLayout {
  border: 1px solid #333;
  background: #fff;
}
#article .mceEditor table, #article .mceEditor table td {
  border: none;
  padding: 0px;
}
#article table.mceToolbar {
  width: auto;
}
#article td.mceToolbar {
  text-align: left;
  padding: 0 !important;
  background: #F0F0EE;
}
#article .mceToolbar tr td {
  padding: 5px;
}
#article .mceToolbar tr td.mceToolbarStart {
  padding: 0;
}
#article .mceToolbar div {
  padding: 0 !important;
}
#article div.mceIframeContainer {
  float: none !important;
  padding: 0 !important;
  width: 100%;
}
#article div.mceIframeContainer iframe {
  border: none;
}


/**************************/
/***  FICHE ENTREPRISE  ***/
/**************************/

#article.cms .logo-fiche img {
  padding-left: 10px;
  background-color: #fff;
}
#article.cms .bordure ul.infos-fiche {
  padding-bottom: 5px;
}
#col-droite .cadre .content ul li.labels {
  padding-left: 30px;
  padding-right: 30px;
  text-align: center;
}
#col-droite .cadre .content ul li.labels img {
  padding: 5px;
}

#contener .share-widgets ul.widgets li {
  display: none;
  padding: 5px 0 0 38px;
  height: 25px;
  clear: both;
}
#contener .share-widgets ul.widgets li span {
  padding: 0;
}

.wysiwyg.size1 {
  font-size: 14px;
  line-height: 17px;
  margin: 0;
  padding: 0 0 10px;
}
.wysiwyg a { color: #00909B }
.wysiwyg p {
  padding: 0;
  margin: 0 0 10px 0;
}
.wysiwyg ul, .wysiwyg ol {
  list-style: inherit; 
  margin: 1em 0;
  padding: 0 0 0 40px;
}.wysiwyg ul li, .wysiwyg ol li { 
  list-style: inherit;
}
#company #article.cms .wysiwyg a {
  color: #00909B;
}
#company #offres-emploi .btn-06 { margin-left: 15px }






/**********************/
/**      LE MAG      **/
/**********************/

body#lemag #page {
	background: url(/images/background-01-3.png) repeat-x 0 -1px;	
}
body#lemag #header {
	height: 187px;
}
#article .mag-article .encadre .entete {
  font-size: 14px;
  font-weight: bold;
}

/*** Menu ***/
/*
#navigation ul li.on.mag,
#navigation ul li.mag:hover {
	background-color:#a6c30f;
	color:#fff;
	line-height:30px;
	padding-bottom:4px;	
}
#navigation ul li.mag:hover > a  {
color: #fff;
	line-height:33px;
}
#navigation ul li .nav-second { display: none; position: absolute; top: 37px; }
#navigation ul li:hover .nav-second { display: block }
#navigation ul li .nav-second a, #navigation ul li .nav-second a:hover {
  color: white;
  padding: 0;
  margin: 0;
  line-height: 12px;
}
*/

/*** Slide ***/
#article .pave-actus .more {
  float: left;
  width: 420px;
  height: 280px;
  position: relative;
}
#article .pave-actus .more img {
float:left;
}	
#article .pave-actus .more p {
	background-color:#657576;
	color:#FFF;
	float:left;
	font-size:14px;
	font-weight:bold;
	line-height:normal;
	padding:10px;
	width:400px;	

  position: absolute;
  bottom: 0;
  left: 0;
}
#article .pave-actus .more .item { display: none; position: absolute; top: 0; left: 0; }
#article .pave-actus .more .item.on { display: block }
/*
#article .pave-actus ul { margin-top: 1px }
#article .pave-actus li { margin-top: -1px }
*/
/*** Entreprise à la une ***/
#article .entreprise-une .text  { float: none;  width: auto; margin: 0 }
#article .entreprise-une .image { float: right; width: auto; padding: 0px 0px 0px 20px; background-color: #F3F3F3 }
#article .entreprise-une h3 { font-weight: bold; margin-bottom: 10px; font-size: 12px; }

#article .publications h2 a { color: #00909B; font-size: 13px; }

/** Général **/
#lemag #col-droite .btn-01, #home #col-droite > .btn-01 {
  margin: 0 0 25px 0;
}
#lemag #col-droite .btn-01 a, #home #col-droite > .btn-01 a {
  width: 100%;
  background-image: none;
  padding: 0;
  line-height: 39px;
}

/*******************/
/***  RECHERCHE  ***/
/*******************/

#search #col-gauche {
  position: relative;
}
#search #ajaxBlocFilter {
  /*margin-top: 204px;*/
  top: 0px;
}
#search #ajaxBlocFilter.fixed {
  position: fixed;
  margin-top: 100px;
  top: 0px;
}
#search .cadre .content ul li label span { display: inline; padding: 0; }


/***************/
/***  LOGIN  ***/
/***************/

#login .bg-article { padding-top: 15px }
#login .content { padding: 15px 60px }
#login .content a { color: #01919C }
#login .content form.formulaire { width: 860px; padding-top: 0 }
#login .content form.formulaire fieldset.bg-1 { 
  width: 665px;
  padding: 38px 0px 38px 195px;
  margin: 0 0 20px 0;
  background-image: none;
  border: none;
}
#login .content form.formulaire .form-content, #login .content form.formulaire .form-content .block { 
  width: auto;
}
#login .content form.formulaire label { 
  width: 150px;
}
#login .content form.formulaire label.checkbox-label { 
  float: none;
  width: auto;
  padding: 0;
  font-size: inherit;
  font-weight: normal;
}
#login .content form.formulaire .no-label.fix4 { 
  width: 325px;
  text-align: left;
  margin-left: 0;
  padding-left: 150px;
}
#login .content form.formulaire .text div { 
  width: 160px;
  line-height: 26px;
  padding: 0;
}
#login .content form.formulaire .text div.fright { 
  text-align: right;
}
#login .content form.formulaire .sub { 
  margin-top: 15px;
}


/*****************/
/***  CONTACT  ***/
/*****************/

#contact .bg-article { padding-top: 15px }
#contact .content { padding: 15px 60px }
#contact .content a { color: #01919C }
#contact .content form.formulaire { width: 860px; padding-top: 0 }
#contact .content form.formulaire fieldset.bg-1 { 
  width: 810px;
  padding: 25px;
  margin: 0;
  background-image: none;
  border: none;
}
#contact .content form.formulaire .form-content { 
  clear: both;
  width: 810px;
}
#contact .content form.formulaire .form-content .block { 
  width: auto;
}
#contact .content form.formulaire .form-content textarea { 
  width: 635px;
  max-width: 635px;
}
#contact .content form.formulaire label { 
  width: 150px;
}
#contact .content form.formulaire label.checkbox-label { 
  float: none;
  width: auto;
  padding: 0;
  font-size: inherit;
  font-weight: normal;
}
#contact .content form.formulaire .no-label.fix4 { 
  width: 325px;
  text-align: left;
  margin-left: 0;
  padding-left: 150px;
}
#contact .content form.formulaire .text div { 
  width: 160px;
  line-height: 26px;
  padding: 0;
}
#contact .content form.formulaire .text div.fright { 
  text-align: right;
}
#contact .content form.formulaire .sub { 
  margin-top: 15px;
}


/*******************/
/***  PAGES CMS  ***/
/*******************/

#cms .bg-article { padding: 15px 10px }
#cms .content_cmspage a { color: #00909B; }
#cms .content_cmspage  ul {
	padding:0 0 10px 10px;
}
#cms .content_cmspage  ul li {
	background:url(/images/puces/puce-04.gif) no-repeat 0 7px;
	padding:0 0 2px 10px;
}
#cms .content_cmspage ol {
	padding:0 0 10px 10px;
}
#cms .content_cmspage ol li {
	list-style: decimal;
  list-style-position: inside;
	padding:0 0 2px 0;
}


/**********************/
/***  PAGE SITEMAP  ***/
/**********************/

#sitemap .bg-article { padding: 15px 10px }
#sitemap .content_cmspage a { color: #00909B; }
#sitemap .section { 
  float: left; 
  width: 315px;
  margin-right: 10px;
  line-height: 17px;
}
#sitemap .section h2 { 
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 10px;
  margin: 0;
  color: #3E3A35;
  font-family: inherit;
}
#sitemap .section li.treeSecond { 
  padding-left: 15px;
}
#sitemap .section a { text-decoration: none; }
#sitemap .section a:hover { text-decoration: underline; }

/****************/
/***  FOOTER  ***/
/****************/

#footer .reseau.facebook { 
  width: 234px;
  height: 65px;
  padding: 32px 4px 0 7px;
  background: url('/images/encart-facebook.jpg') top center no-repeat;
} 
#footer .reseau.twitter { 
  width: 180px;
  height: 53px;
  padding: 44px 4px 0 61px;
  background: url('/images/encart-twitter.jpg') top center no-repeat;
  font-size: 14px;
  font-weight: bold;
  color: #009bce;
} 
#footer .reseau.twitter p { 
  padding-bottom: 6px;
} 







/*****************/

#col-droite .cadre h2.px18 {
  padding: 10px 0 8px;
  font-size: 18px;
  text-transform: none;
  font-weight: normal;
} #col-droite .cadre h2.px17 {
  padding: 11px 0 8px;
  font-size: 17px;
  text-transform: none;
  font-weight: normal;
} #col-droite .cadre h2.px17.type3 {
  padding: 15px 0 12px;
  font-size: 17px;
  text-transform: none;
  font-weight: normal;
}




/******** ERREURS *********/
#error #page {
  padding-bottom: 4px;
}
#error #contener {
  height: 511px;
  background: url('/images/bg-errors.png') bottom center no-repeat;
}

#error .content {
  width: 352px;
  height: 285px;
  padding: 0 25px;
  margin: 31px 294px 0 306px;
  text-align: center;
  font-family: 'DIN1451StdMittelschrift';
  text-transform: uppercase;
}
#error .content h1 {
  font-size: 140px;
  color: #01919c;
}
#error .content p {
  font-size: 20px;
  color: #9ea8a9;
  line-height: 25px;
}
#error .content a {
  font-size: 30px;
  color: #333333;
  text-decoration: none;
}