/* ==========================================================
    ICF09 - JEU DE COULEURS

    STANDARD
    liste ligne claire                      F0F0FF ok
    liste ligne foncée                      E2E2F5 ok
    boutons, liens et labels                E85E27 ok
    formulaire fond                         F0F0FF ok
    entete liste bordure                    none

    NON STANDARD
    formulaire bordure                      DE5000 ok
    formulaire titre                        5B2B1A ok
    entete liste titre                      5B2B1A
    barre de progression                    F5865B


  ==============================================================*/

  /* CONTROLES PAR DEFAUT */
  body{margin:0; padding : 0; text-align: center;}
  FORM { margin:0; padding:0; }
  optgroup { font-weight: normal; color: #999; font-style:normal}
  img { border: 0; }
  a { text-decoration: none; color: #666; }
  TEXTAREA { color: #666; font-size: 11px; padding-left: 5px; margin-top:2px;width:337px; }
  fieldset{ border: none; padding: 0; margin: 0; margin-top: 10px; }
  dl { margin: 5px 0px 5px 0px; padding: 0px; }
  dt, dd { margin: 0px; padding: 0px; }
  acronym { border-bottom:none; }
  .defaultInput{
    color: #666;
    font-size: 12px;
    padding: 2px 2px 2px 2px;
    margin:2px 0px 0px 0px;
    font-size: 12px;
  }

  .spacer { clear: both; padding:0; margin:0; height:1px; font-size:1px; line-height:1}
  .spacer2 { clear: both; padding:0; margin:0; height:5px; }

  .space{
    background-color:white;
    height:5px;
    width:615px!important;
    margin-top:10px;
	}
	.columnCenterfBoxBg div.space {
		margin-left:0px;
	}
	.shortSpace {
    background-color:white;
    height:5px;
    width:150px;
    margin-top:10px
  }

  .hspacer { padding:0; margin:0; width:10px; }

  .hidden{ display:none; }

  .columnCenterContfOffresRechercher{
    display :block;
    float:left;
    color: #666;
    font-size: 12px;
    padding: 2px 2px 2px 5px;
    margin:2px 0px 0px 0px;
    width : 280px;
  }
  .columnCenterContfOffresRechercher input { margin-left:-178px;margin-right:-170px; }
  span.columnCenterContfOffresRechercher { padding-left:0px; }

  .columnCenterContfComboBox {
    display: block;
    float: left;
    color: #666;
    font-size: 12px;
    padding: 2px 2px 2px 5px;
    margin: 0px;
    margin-top: 2px;
    width: 280px;
  }

  /* FIN CONTROLES PAR DEFAUT */

  /* BODY TYPE */
  .normalPage { font-family: Arial, Helvetica, sans-serif; background-image: none; }
  .popupPage { font-family: Arial, Helvetica, sans-serif; background-image: none; }
  /* FIN BODY TYPE */

  /* BARRES DE NAVIGATION INTERNES */
  .columnCenterfEtap {height: 21px;font-size: 13px; border:solid 1px white;margin-left : 43px; margin-bottom:30px;}
  .columnCenterfEtap a { height: 20px; float:left; display: block; padding:2px 24px 0px 5px;margin-top:2px; }
  .columnCenterfEtap strong, .columnCenterfEtap .first { color: white; height: 20px;padding:0px 15px 0px 0px;; float:left; display: block; margin-left:-22px; margin-top:2px;}
  .columnCenterfEtap .first { padding-top:2px; padding-left:2px; height:18px; margin-left:0px; }
  /* FIN BARRES DE NAVIGATION INTERNES */


  /* DEFINITION DES BOX */
  .columnCenter {float: right; width : 745px;}

  .columnCenterfBoxBg, .columnCenterfBoxBgLarge {
    margin: 10px 30px 0px 43px;
    clear:left;
    float: left;
    width: 663px;
    padding-bottom:4px;
  }

  #messagesListPage .columnCenterfBoxBgLarge {
    min-height:150px;
  }

  .columnCenterfBoxBg div, .columnCenterfBoxBgLarge div {
    float: left;
    margin-bottom: 0px;
    padding: 0px 0px;
    margin-left: 35px;
    margin-right: 0px;
    margin-top: 5px;
    font-weight: bold;
  }

  #concatenedEmail div {
    float: left;
    padding: 0px;
    margin-right: 0px;
    margin-top: 5px;
    margin-bottom: 0px;
  }

	#concatenedEmail div.ajoutConcatenedEmail {
		position :relative; z-index:12;margin-left:0px;
	}

	#buttonConcatenedEmail img {
		margin-top:3px;
	}

  #thcnt .columnCenterfBoxBg,
  #thcnt .columnCenterfBoxBgLarge {
    margin-left:0px;
    width:540px !important;
  }

  #absoluteRightSide { float: left; margin-top: 20px; }

  #body {	position: static; width: 600px; height: auto; padding: 10px; font: 12px Arial, Helvetica, sans-serif; text-align: justify; float: left; margin-left: 25px;}
  #content { margin-left: auto; margin-right: auto; position: static; width: 993px; height: auto; text-align: left; padding-left: 5px; }
  #content h1 {font-size : 18px;  margin-bottom : 15px; margin-left:5px; margin-top : 10px;}
  #content h2 {
    z-index: 1;
    display:block;
    font-size:16px;
    height:17px;
    margin:0pt 0pt 0pt 8px;
  }

  #content h2 span {
    font-size:12px;
    height:17px;
    margin:0pt 0pt 0pt 6px;
    padding:0pt 20px 2px 14px;
    text-align:left;
  }

  #content .columnCenterfBoxBg h2, #content .columnCenterfBoxBgLarge h2 {
  }
  #content .columnCenterfBoxBg h2 span, #content .columnCenterfBoxBgLarge h2 span {
  }
  #content #columnCenterfBoxBg h2 {
  }
  #content #columnCenterfBoxBg h2 span {
  }


  #content h1.marginLeft {margin-left : 43px}
  #content h3 {margin : 5px 0 0 9px;display: block; clear: left;color: #5B2B1A;font-size: 12px}
  #content div.columnCenterfBoxTextBg { float:right; color : #333; width : 210px; font-size: 11px; padding-top : 10px;margin-right:30px; }
  #content p.columnCenterfBoxFooter {width : 658px; margin:0; margin-top: 5px; margin-bottom: -8px; height: 17px; display :block; clear: both; text-align: right;}
  #content p.columnCenterfBoxFooter a {font-size : 11px; height : 17px;  padding:0 0 3px 10px; text-decoration : none;}
  #content p.columnCenterfBoxFooter a .link {text-decoration:underline;}

  .imgFooterLogout {
    margin-top : 0;
    width : 665px;
    clear:left;
    float:left;
    margin-right: 30px;
    margin-left : 43px;
    margin-bottom: 2px;
  }


  .imgFooterLogoutAction {
    margin-top : 0px;
    width : 665px;
    clear:left;
    float:left;
    margin-right: 30px;
    margin-left : 43px;
    margin-bottom: 2px;
    padding-top: 0px;
    padding-left: 3px;
  }

  .smallTextPurple { font-size : 10px; text-align:right; line-height:10px; color:#C5B9B4;}
  .mandatoryComment {
    width : 200px;
    float:right;
    text-align:right;
    line-height:10px;
    margin-top:-2px;
    margin-right:280px;
  }

  #content .columnCenterfBoxBg h3, #content .columnCenterfBoxBgLarge h3{text-decoration:none; margin-left:20px; margin-top : 20px;}
  #content .columnCenterfBoxBg p { padding-left: 20px; width: 310px; }
  #content .columnCenterfBoxBg ul { font-size: 11px; margin-left: 120px; list-style-type: square; }
  #content .columnCenterfBoxBg ul a { text-decoration: underline; }
  #content .columnCenterfBoxBg a { text-decoration: underline; clear: both;}


  #columnCenterfBoxBg {
    float: left;
    margin-top: 10px;
    width: 663px;
    margin: 15px;
  }

  #columnCenterfBoxBg div {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
  }

  .cont { width:992px; font: 12px Arial, Helvetica, sans-serif; text-align: justify; }
  .cont p.header { width:707px; font: 12px Arial, Helvetica, sans-serif; margin-top: 20px; }
  .cont label { padding-top: 2px; width: 210px; font-weight: bold; font-size : 12px; text-align : right; display : block;float:left;margin-right: 20px;clear:left;}
  .cont a.infos {margin : 4px 2px 0 2px;}

  .commonCenterBox { clear:left;float : left; width : 992px; }
  /* FIN DEFINITION DES BOX */

  /* ELEMENTS DE FORMULAIRES */
  div.columnCenterfBurLineContent {
    width: 600px;
    display: block;
    clear: both;
  }

  #content .columnCenterfBoxBg .columnCenterfBurLineContent label { margin-right: 25px; font-weight: normal!important; }
  /*#content .columnCenterfBoxBg .columnCenterfBurLineContent input { width: 360px; }
  #content .columnCenterfBoxBg .columnCenterfBurLineContent select { width: 360px; } */
  .columnCenterfBurLineContent a{ font-weight: bold; text-decoration : underline;font-size : 11px; text-align: bottom; }
  .columnCenterfBurLineContent span { padding-top: 0px; margin-top: 5px; margin-bottom: 0px; }

  #content div.columnCenterfBoxBg .columnCenterfBurLineContent2 { width:420px;float:right; }
  #content div.columnCenterfBoxBg .columnCenterfBurLineContent2 label { width:60px; }
  #content div.columnCenterfBoxBg .columnCenterfBurLineContent2 input { width:248px; }
  #content div.columnCenterfBoxBg .columnCenterfBurLineContent2 select { width:248px; }
  .columnCenterfBurLineContentradio {display : block; width: 360px; margin-top: 0px!important; margin-left: 0px!important;}
  .columnCenterfBurLineContentradio label{ float: left !important; display: inline !important; width: auto !important; clear: none !important; margin: 0 15px 0 0; font-weight: normal; }
  .columnCenterfBurLineContentradio input{ float: left; width: 15px!important; display: inline; clear: none; margin-left: 0px; margin-right: 5px; }
  .columnCenterfBurLineContentradio .columnCenterContfComboBox {margin-top:-1px;margin-top:-2px!important;width:25px;width: 25px!important;}

  #thcnt .columnCenterfBurLineContent {
    width:450px!important
  }
  /* FIN ELEMENTS DE FORMULAIRES */

  /* DELIA BARRE DE DROITE */
  /* FIN DELIA BARRE DE DROITE */


  /* HOME PAGE */
  #content #homeCenterfBoxBg { width: 380px; margin-left : 0px; margin-bottom: 10px; background-color: #E7511F;}
  #content #homeCenterfBoxBg p.homeCenterfBoxFooter { width: 380px; background : url('../images/columnCenterfBoxBg_footer_home.gif')  bottom left no-repeat; height: 9px; display :block; clear: both; text-align: right;margin:0}
  #content #homeCenterfBoxBg .homeCenterfBoxTextBg {float : left; color : #333; width : 190px; font-size: 11px; padding-top : 10px;}
  #content #homeCenterfBoxBg h2 { height: 40px; width: 380px; margin: 0px; padding-left: 0px; background: url('../images/titre_bg_home.gif') top left no-repeat; padding-top: 5px; color: #FFFFFF; font-size: 24px; font-weight: bold; text-align: right; padding-right: 0px; margin-bottom: -25px;}
  #content #homeCenterfBoxBg h2 span { margin-right:20px; }
  #content #homeCenterfBoxBg p, #content #homeCenterfBoxBg label { color: #FFFFFF; padding-left: 0px; width: 335px; }
  #content #homeCenterfBoxBg p a, #content #homeCenterfBoxBg ul a { color: #FFFFFF; text-decoration: underline; clear: both; padding-left: 20px; padding-top: 10px;}
  #content #homeCenterfBoxBg input, #content #homeCenterfBoxBg select { margin-top:5px; margin-left: 10px; width: 340px; }
  #content #homeCenterfBoxBg h3 { color: #FFFFFF; text-decoration: none; padding-left: 20px; padding-top: 20px; padding-bottom: 0px; margin-bottom: 0px; text-align: left;}
  #content #homeCenterfBoxBg ul { font-size: 12px; margin-left: -5px; list-style-type: square; color: #FFFFFF; width: 320px; float: left; padding-top: 0px; margin-top: 5px; }
  #content #homeCenterfBoxBg ul a { color: #FFFFFF; text-decoration: underline; padding-left: 0px; padding-top: 0px; margin-top: 0px; }
  #content #homeCenterfBoxBg li { width: 340px; margin-bottom: 5px; }
  #content #homeCenterfBoxBg .columnCenterfBurLineContent { margin-bottom: 10px;width: 360px; }
  #content #homeCenterfBoxBg .columnCenterBoutonSubmitOrderSimple{ background : url('../images/columnCenterfButton_bg_right_home.gif') right top no-repeat; text-align:center; color: #FFFFFF !important; font-size:12px; cursor:pointer; height:17px; padding : 0px 30px 2px 0; font-weight: bold; margin-left: 47px; position: absolute; margin-top: -25px; }
  #content #homeCenterfBoxBg .columnCenterBoutonSubmitOrderSimple strong{ background : url('../images/columnCenterfButton_bg_left_home.gif') top left no-repeat; padding-left: 30px;padding-bottom : 3px;height:17px; }

  /* SURCHARGE RECRUTEUR */
  #content #homeCenterfBoxBg.blue { width: 380px; margin-left : 0px; margin-bottom: 10px; background-color: #127BA6;}
  #content #homeCenterfBoxBg.blue p.homeCenterfBoxFooter { background-image: url('../images/columnCenterfBoxBg_footer_home_blue.gif'); }
  #content #homeCenterfBoxBg.blue h2 { background-image: url('../images/titre_bg_home_blue.gif'); }
  #content #homeCenterfBoxBg.blue p { color: #FFFFFF; font-weight: bold; font-size: 14px; text-align: left; padding-top: 20px; padding-left: 20px;}
  #content #homeCenterfBoxBg.blue ul { padding-left: 70px; text-decoration: none; width: 300px; font-weight: bold; text-align: left;}
  #content #homeCenterfBoxBg.blue ul a { font-style: italic; text-decoration: underline; font-weight: normal; }
  #content #homeCenterfBoxBg.blue li { width: 280px; margin-bottom: 5px; }


  #homeRightSide {
    float: left;
    width: 380px;
    font: 12px Arial, Helvetica, sans-serif;
    text-align: justify;
    padding: 10px;
  }
  #homeRightSide a {
    text-decoration: underline;
    margin-bottom: -50px;
  }
  #homeRightSide a:hover {
    text-decoration: underline;
  }
  #homeRightSide h3 {
    color: #000000;
    height: 17px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  #homeRightSide p {
    margin: 0px;
    padding: 0px;
  }

  #homeRightSide .unabled h3 {
    color: #808080;
  }
  #homeRightSide .unabled p {
    color: #808080;
  }

  #homeRightSide .unabled p {
    color: #808080;
  }
  #homeRightSide .unabled p {
    color: #808080;
  }

  #homePage #homeRightSide {
    float:left;
    width:587px;
  }

  #homePage #absoluteRightSide {
    margin-left:0px;
  }

  #homeCenterfBoxBg .columnCenterfBurLineContent {
    width:100%;
    margin-top:10px;
    margin-left:10px;
    clear:both;
  }

  #homeCenterfBoxBg .columnCenterfBurLineContent label {
    margin-left:10px;
  }

  #homeCenterfBoxBg .contActionButton{
    float:right;
    margin-right:35px;
    margin-left:auto;
  }
  /* FIN HOME PAGE */


  /* RECAPITULATIF */
  .confirmation {font: 13px Arial, Helvetica, sans-serif; width:707px; }

  .cont dl.columnCenterfBoxListRecapInfos {display :block; clear: both; margin-left:45px;}
  .cont dl.columnCenterfBoxListRecapInfos dt {width: 180px; font-weight: bold; font-size : 12px; text-align : right; display : block;float:left;margin-right: 20px;clear:left;}
  .cont dl.columnCenterfBoxListRecapInfos dd {width: 380px; font-size : 12px;  float:left;}
  * html .cont dl.columnCenterfBoxListRecapInfos dd {float:none;}
  #showOffrePage .cont dl.columnCenterfBoxListRecapInfos dd {width: 250px;}
  .cont dl.columnCenterfBoxListRecapInfos dd a{text-decoration : underline;font-size : 11px;}
  .cont dl.columnCenterfBoxListRecapInfos dd input#registration, .cont dl.columnCenterfBoxListRecapInfos dd label {font-size : 12px;margin:0; width : auto}

  #content div.legal {  margin-left:55px; padding-top: 10px; padding-bottom: 10px; width: 590px; font-weight: bold; font-size : 12px; text-align : justify; display : block;}
  #content div.legal a { text-decoration: underline; }
  #legalAgreement { color: #000000; font-weight: normal; float:left; width:560px; margin-left:auto;}
  /* FIN RECAPITULATIF */


  /* BOUTONS ACTIONS */
  .columnCenterfAccNav { margin: 0; padding: 0; margin-top: 10px; color: #1E120B; width: 100%; clear : both; text-align : center;}
  #thcnt .columnCenterfAccNav {margin-left:0px!important}
  .columnCenterfAccNav a { color: #FFF; }
  .columnCenterfAccNav li { float: left; white-space: nowrap; }
  .columnCenterfAccNav2 { margin: 0; padding: 0; margin-top: 10px; color: #1E120B; width: 558px; clear : both; text-align : center; float:left;clear:left;}
  .columnCenterfAccNav2 a { color: #FFF; }
  .columnCenterfAccNav2 li { float: left; white-space: nowrap; }

  .contActionButton { margin-left: 55px;margin-top:5px; margin-bottom:5px !important; display: block; clear: both; float: left; width: 80%; }
  #listPresentationEntreprisePage .contActionButton { margin-left: 0px; width: 73%}
  #thcnt .contActionButton { margin-left:0px!important }

  .columnCenterfAccAction { margin-bottom: 25px;padding: 4px 5px 0 43px; height: 26px; display : block}

  .columnCenterBoutonSubmitOrderSimple{ text-align:center; color: #FFF !important; font-size:14px; cursor:pointer; height:15px; padding : 5px 10px 2px 0; }
  * html .columnCenterBoutonSubmitOrderSimple{padding : 0 10px 0px 0;margin-top:-2px;}
  .columnCenterBoutonSubmitOrderSimple strong{ padding-left: 10px;padding-bottom : 3px;height:15px;text-transform : uppercase;padding-top : 5px}
  * html .columnCenterBoutonSubmitOrderSimple strong{padding-bottom : 2px;}

  .columnCenterBoutonSubmitOrderSimple2{ background-color: #FFF; text-align:center; font-size:14px; cursor:pointer; height:15px; padding : 5px 10px 2px 0; }
  * html .columnCenterBoutonSubmitOrderSimple2{padding : 0 10px 0px 0;margin-top:-2px;}
  .columnCenterBoutonSubmitOrderSimple2 strong{ padding-left: 10px;padding-bottom : 3px;height:15px;text-transform : uppercase;padding-top : 5px}
  #thcnt .columnCenterBoutonSubmitOrderSimple2 strong{ text-transform : none; }
  * html .columnCenterBoutonSubmitOrderSimple2 strong{padding-bottom : 2px;}

  .columnCenterfAccAction .columnCenterBoutonSubmitOrderSimple{text-align:center; font-size:14px; cursor:pointer; height:23px; padding : 0 20px 2px 0; margin-right: 4px}
  * html .columnCenterfAccAction .columnCenterBoutonSubmitOrderSimple{padding : 0 20px 0 0; }
  .columnCenterfAccAction .columnCenterBoutonSubmitOrderSimple strong{ padding: 0 0 2px 20px;height:23px;text-transform : none;}
  * html .columnCenterfAccAction .columnCenterBoutonSubmitOrderSimple strong{  padding: 0 0 0px 20px;}

  .columnCenterBoutonSubmitOrderSimple3{ text-align:center; font-size: 14px; cursor:pointer; height:15px; padding : 5px 0px 2px 10px; margin-right:10px; z-index:2;}
  * html .columnCenterBoutonSubmitOrderSimple3{padding : 0 0 0 10px;}
  .columnCenterBoutonSubmitOrderSimple3 strong{ padding-right: 10px;padding-bottom : 3px;height:15px; padding-top : 5px}
  * html.columnCenterBoutonSubmitOrderSimple3 strong{padding-bottom : 0}

  .columnCenterBoutonSubmitOrderSimple4{ text-align:center; color: #FFFFFF !important; font-size:12px!important; cursor:pointer; height:15px; padding : 5px 10px 1px 0; }
  * html .columnCenterBoutonSubmitOrderSimple4{padding : 0px 10px 0px 0;margin-top:0px;}
	/*hack Safari 3*/
	@media screen and (-webkit-min-device-pixel-ratio:0) {
			.columnCenterBoutonSubmitOrderSimple4{padding-bottom:2px;}
	}
  .columnCenterBoutonSubmitOrderSimple4 strong{ padding-left: 10px;padding-bottom : 3px; height:15px; padding-top : 5px}
  * html .columnCenterBoutonSubmitOrderSimple4 strong{padding-bottom : 1px;}


  #content a.columnCenterBoutonSubmitOrderSimple, a.columnCenterBoutonSubmitOrderSimple2, a.columnCenterBoutonSubmitOrderSimple3, a.columnCenterBoutonSubmitOrderSimple4 {
    text-decoration: none!important
  }
  /* FIN BOUTONS ACTIONS */

  /* BOTTOM BAR */
  .bottomBar { margin: 0; padding: 0; width: 580px; height: 100%; clear: both; text-align: right; margin-top : 20px}
  .bottomBar a { background-repeat: no-repeat; display: inline; background-position: left; padding-left: 8px; font-size: 11px; }
  .bottomBar a.apecOptimize {background-image : none; float:left;margin:0;}
  /* FIN BOTTOM BAR */

  /* TOPBAR */
  #topBarre { margin: 0; padding: 0; width: 992px;}
  #topBarreUserName {font-size : 11px;  margin: 0 0 -2px 580px; padding: 0;}

  #top {
    background: url('../images/top.gif') no-repeat;
    margin-left: auto;
    margin-right: auto;
    width: 993px;
    height: 150px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    cursor:default;
  }

  .top{
    margin-left: auto;
    margin-right: auto;
    width: 993px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: -10px;
  }
  /* FIN TOPBAR */

  /* BARRE DE NAVIGATION */
  #barNavText {
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    margin-bottom:2px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    width:993px;
  }
  #barNavText p, #barNavText a { color:#26120B; }
  #barNavText a:hover { text-decoration:underline; }
  /* FIN BARRE DE NAVIGATION */


  /* TOP BAR ICF */
  #dates {
    font: 12px/24px Arial, Helvetica, sans-serif;
    font-weight: bold;
  }

  #signin {
    float:right;
    position: relative;
    width: 550px;
    height: 20px;
    font: 12px/24px Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: left;
  }

  #signin div {
  }

  #signin a {
    text-decoration: underline;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  #signin p {
    padding-bottom: 0px;
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  /* FIN TOP BAR ICF */


  /* MENU */
  #tabs {
    margin-left: auto;
    margin-right: auto;
    position: static;
    width: 993px;
    height: 25px;
    font: 14px/11px Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    cursor: default;
    z-index:24;
  }

  .menutitle {
  }

  #tabs ul {
    display: none;
    position: absolute;
    font: 12px Arial, Helvetica, sans-serif;
    text-align: left;
    width: 165px;
    height: 144px;
    padding-top: 23px;
    padding-left: 20px;
    margin-top: 2px;
    background: url(../images/menuback.gif) no-repeat;
    z-index:23;
  }

  .tab {
    width: 123px;
    height: 15px;
    left: 50px;
    margin-right: 4px;
    float: left;
    background: url(../images/tab.gif) no-repeat;
  }

  .tab a {
    color:#5B2B1A;
    text-decoration: none;
  }
  .tab a:hover {
    color: #FFFFFF;
    text-decoration: none;
  }

  #tab1 {
    margin-left: 10px;
  }

  #tab4 {
  }

  .menu, #menuRec {
    display: none;
    font: 12px Arial, Helvetica, sans-serif;
    text-align: left;
    width: 147px;
    height: 107px;
    padding-top: 15px;
    padding-left: 20px;
    background: url(../images/menuback.gif) no-repeat;
  }
  #menuRec {
  }

  .menu li a, #menuRec li a {
    color:#5B2B1A;
  }

  #menuRec li a {
  }
  #menuRec li a:hover {
  }
  /* FIN MENU */


  /* DELIA ET CONFIRMATION */
  #body a {
    color: #000000;
  }

  #body div {
    position: static;
    width: 100%;
    margin: 0px 0px;
    padding: 0px 0px;
  }

  #body .smalltext {
    margin-left: auto;
    margin-right: auto;
    width: 500px;
  }
  #body img {
    position: static;
    float: left;
    margin-right: 10px;
  }

  #body .rigthpic {
    margin: 0px 0px;
    margin-left: 10px;
    float: right;
  }

  #body .graph {
    margin-left: auto;
    margin-right: auto;
    width: auto;
    margin-bottom: 10px;
    text-align: center;
  }

  #body .graph>img {
    float: none;
  }

  #body ol {
    position: static;
    padding: 0px 15px;
    margin: 0px 0px;
  }
  #body ul {
    position: static;
    padding: 0px 15px;
    margin: 0px 0px;
  }

  #body ul a {
    text-decoration: underline;
  }

  #body table {
    position: static;
    padding: 0px 0px;
    margin: 0px 0px;
    width: 450px;
  }

  /* FIN DELIA ET CONFIRMATION */


  /* DELIA ICF */
  #rightside {
    position: relative;
    top: -28px;
    left: 8px;
    width: 305px;
    height: 278px;
    padding: 10px;
    font: 12px Arial, Helvetica, sans-serif;
    text-align: center;
    float: right;
  }

  .errorRightSide {
    top:-63px;
    left: 10px;
    width: 305px;
    height: 278px;
    padding: 10px;
    font: 12px Arial, Helvetica, sans-serif;
    text-align: center;
    float: right;
    position: relative;
  }

  * html .errorRightSide {
     top:-82px;
  }
  /* FIN DELIA ICF */


  /* BOTTOM BAR ICF */
  #bottom {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    position: static;
    width: 993px;
    height: auto;
    clear:both;
  }
  #byapec {
    float:left;
    height:68px;
    position:static;
    text-align:left;
    width:630px;
  }
  #bottomlinks {
    position: static;
    width: 339px;
    height: 68px;
    float: left;
    font: 11px/64px Arial, Helvetica, sans-serif;
    text-align: right;
  }
  #bottomlinks a {
  }
  /* FIN BOTTOM BAR ICF */

  /* BUREAUX */
  #newsBox {
    float: left;
    width: 210px;
    height: auto;
    padding: 10px;
    font: 12px Arial, Helvetica, sans-serif;
    text-align: justify;
  }
  #newsBox h1 {
    font: 16px Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-bottom: 0px;
  }
  #newsBox a {
    color: #F5865B;
  }
  #newsBox a:hover {
    color: #F5865B;
    text-decoration: underline;
  }

  #deskRightSide {
    float: left;
    width: 700px;
    font: 12px Arial, Helvetica, sans-serif;
    text-align: justify;
  }
  #deskRightSide a {
    text-decoration: none;
    margin-bottom: -50px;
  }
  #deskRightSide a:hover {
    text-decoration: underline;
  }
  #deskRightSide h3 {
    color: #000000;
    height: 17px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  #deskRightSide p {
    margin: 0px;
    margin-bottom: 10px;
    padding: 0px;
  }

  #deskRightSide .unabled h3 {
    color: #808080;
  }
  #deskRightSide .unabled p {
    color: #808080;
  }

  #deskRightSide .unabled p {
    color: #808080;
  }
  #deskRightSide .unabled p {
    color: #808080;
  }

  #pageTableauDeBord div.columnCenterfBurLineContent {
    margin-left:0px;
    margin-top:0px;
    margin-bottom:10px;
    width: 240px; !important
  }

  #columnCenterfBoxBg .columnCenterfSubBoxBg {
    width:240px;
    float:left;
    clear:none;
  }

  #columnCenterfBoxBg .columnCenterfSubBoxBgdroit{
    width:300px;
    clear:none;
    float:right;
  }

  #columnCenterfBoxBg .columnCenterfSubBoxBg h3, #columnCenterfBoxBg .columnCenterfSubBoxBgdroit h3 {
  }

  #pageTableauDeBord .contActionButton { width:550px; text-align: right; }
  #pageTableauDeBord .columnCenterfSubBoxBgdroit .contActionButton { width:240px; text-align: left; margin-left:0px; }

  #pageTableauDeBord #content
  {
    padding-left: 0px;
  }

  #pageTableauDeBord #listplage {
    width:663px;
    padding:10px 10px 10px 10px;
  }

  #pageTableauDeBord #candidateDashboardList table {
    width:663px;
  }

  #pageTableauDeBord #candidateFullScreenDashboardList table {
    width:663px;
  }
  #pageTableauDeBord .columnCenterContfOffresRechercherLieu {
    width:240px;
  }

  #pageTableauDeBord label.exemple {
    font-size:10px;
    color:#000000;
  }

  #listplage #agrandirCandidatDashboardList {
    font-size:13px;
    margin:0px;
    float:right;
  }

  #listplage #reduirCandidatDashboardList {
    font-size:13px;
    margin:0px;
    float:right;
  }

  #deskRightSide #columnCenterfBoxBg .contActionButton .columnCenterBoutonSubmitOrderSimple {
    margin-bottom:0px;
  }

  .imgFooterRecruteurSalonBureau {
    margin-top : -15px;
    width : 665px;
    clear:left;
    float:left;
    margin-left : 15px;
    margin-bottom: 2px;
  }
  /* FIN BUREAUX */

  /* HOME PAGE ESCCH */
  /* FIN HOME PAGE ESCCH */



  /* MESSAGES ERREUR INFO */
  #warningMsg, #infoMsg {
    width: 467px;
    font-size: 11px;
    margin-left: 200px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-top: 0px;
  }

  #warningMsg h2{
    font-weight: bold;
    color: #FF0000;
    font-size: 11px;
    text-align:center
  }
  #infoMsg h2 {
    font-weight: bold;
    color: #000000;
    font-size: 11px;
    text-align:center
  }

  #warningMsg .warningTop {
    height: 19px;
    background: url(../images/warningmsg_top.gif) no-repeat;
    margin-bottom: -20px;
  }
  #infoMsg .infoTop {
    height: 19px;
    background: url(../images/infomsg_top.gif) no-repeat;
    margin-bottom: -20px;
  }

  #warningMsg .warningMiddle {
    padding: 0px 20px;
    background: url(../images/warningmsg_middle.gif);
    text-align: center;
    font: 11px Arial, Helvetica, sans-serif; }

  #infoMsg .infoMiddle {
    padding: 0px 20px;
    background: url(../images/infomsg_middle.gif) repeat;
    text-align: center;
    font: 11px Arial, Helvetica, sans-serif;
  }

  #warningMsg .warningBottom {
    height: 19px;
    background: url(../images/warningmsg_bottom.gif) no-repeat;
    margin-top:-15px;
  }

  #infoMsg .infoBottom {
    height: 19px;
    background: url(../images/infomsg_bottom.gif) no-repeat;
    margin-top:-15px;
  }

  body #content .errorMessage {
    font-size : 10px;
    color : red;
    text-align:left;
    width:auto;
    margin-top: 0px;
    margin-left: 0px;
    margin-left: 3px!important!;
  }

  body #content .columnCenterfBurLineError {
    display : block;
    clear : both;
    margin-left: 0px;
    margin-top: 0px;
    float:none;
    width:auto;
  }

  /* **************  Définition du style des messages d'erreur utilisés dans les formulaires ********.
     Structure des messages d'erreur suivante est définie dans le fichier PlageTaglibHtmlTags.properties :
                <div style="float:left;" class="errorExternalDiv">
                  <label class="errorLabel">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
                  <div style= "font-size : 10px; color : red "  class="errorInternalDiv" >
                  </div>
                </div>
  */
  .errorLabel { width:0px; height:0px;}
  .errorInternalDiv { color:red!important;}
  .columnCenterfBurLineContent .errorExternalDiv { margin-left:205px!important; margin-top:0px!important; width:350px; }
  .columnCenterfBurLineContent .errorExternalDiv .errorInternalDiv{}
  .columnCenterfBoxBg .errorExternalDiv .errorInternalDiv {width:360px!important; margin-left:0px!important;}
  .columnCenterfBurLineContent2 .errorExternalDiv {  margin-left:0px!important;}
  .columnCenterfBurLineContent2 .errorExternalDiv .errorInternalDiv{ margin-left:5px!important; width:250px!important;}
  .errorExternalDiv {height:30px;}

  #updatePresentationEntreprisePage .errorInternalDiv {
  }
  #updatePresentationEntreprisePage .errorLabel {
    display:none;
  }

  /* FIN MESSAGES ERREUR INFO */


  /* DELIA */
  #newsBox p{
    margin-top: 9px;
    margin-bottom: 3px;
  }

  #stories {
    position: static;
    width: 600px;
    float: left;
    padding: 15px;
  }
  #stories .title {
    font: 20px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #5B2B1A;
    margin: 0px;
    margin-bottom: 10px;
    margin-left: 6px;
  }
  #stories .subtitle {
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #E85E27;
  }
  #stories .content {
    font: 12px Arial, Helvetica, sans-serif;
    color: #000000;
  }
  #stories .text {
    width: 450px;
    height: 116px;
    float: left;
    text-align: justify;
    padding-left: 6px;
  }
  #stories .picture {
    width: 94px;
    height: 116px;
    float: left;
  }
  #alaune {
  }

  #alaune h1 {
  }
  #alaune p{
  }
  #alaune  div{
  }
  #alaune .image{
  }
  #alaune .subtitle {
  }
  #alaune .date {
  }
  #alaune img {
  }
  #alaune .content {
  }
  #alaune .readnext {
  }

  #agenda {
  }
  #agenda h1 {
  }
  #agenda p{
  }
  #agenda  div {
  }

  #agenda img {
  }

  #agenda .subtitle {
  }
  #agenda .content {
  }
  #agenda .readnext {
  }

  #news {
    min-height:105px;
  }

  #news h1 {
  }

  #news p {
  }
  #news  div {
  }


  #news .subtitle {
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #E85E27;
    line-height: normal;
  }
  #news .subtitle2 {
    font: 11px Arial, Helvetica, sans-serif;
    color: #F5865B;
  }
  #news img {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    max-height:60px;
    max-width:60px;
  }
  #news .image{
    width: 70px;
    float: left;
    height: 70px;
  }

  #news .content {
    font: 12px Arial, Helvetica, sans-serif;
    color: #000000;
  }
  #news .readnext {
    color: #F5865B;
    font: 10px Arial, Helvetica, sans-serif;
    text-align: right;
    margin-bottom: -10px;
  }

  #content #body li { /* contenu delia */
    padding-bottom:10px;
  }

  #content #body ul a { /* contenu delia */
    font-weight: bold;
    width:580px;
    display:block;
  }

  #apercuMetiers { }
  #apercuMetiers h3 {  }
  #apercuMetiers a {  }
  #apercuMetiers .text { }
  #apercuMetiers .text h4 { }
  #apercuMetiers .text p { }
  #apercuMetiers .text p.title { }
  #apercuMetiers .text p.content { }
  #apercuMetiers .text .readnext { }
  #apercuMetiers .imgAndNav {	}
  #apercuMetiers .imgAndNav p { }
  #apercuMetiers .imgAndNav p span { }
  #apercuMetiers .imgAndNav .allJobs {  }

  /* FIN DELIA */



  .topButtonBar {
    height:20px;
    margin-bottom:20px;
    padding-left:45px;
    z-index:1;
  }

  .topButtonBar a {
    position:relative;
    top:12px;
  }

  /* LISTES AJAX PRESENTATION ENTREPRISE */

  #listPresentationEntreprisePage #listplage {
    width: 700px;
  }

  #listPresentationEntreprisePage #listplage table {
    width: 700px;
  }

  #listplagepresentation {
    float: left;
    width: 360px;
    height:auto;
    padding: 10px;
    font: 12px Arial, Helvetica, sans-serif;
    text-align: justify;
  }

  #listplagepresentation p {
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-left: 15px;
  }

  #listplagepresentation h4 {
    text-indent: 15px;
  }

  #listplagepresentation td {
    width: 25%;
    height: 30px;
    cursor: pointer;
  }

  #listplagepresentation tr {
    text-align: left;
  }

  #listplagepresentation .colspan {
    padding-left: 50px;
  }

  #listplagepresentation .colspan p {
    text-indent: 0px;
  }

  #listplagepresentation .colspan p span {
    font-weight: normal;
  }

  #listplagepresentation .tr1 {
    font-size:12px;
  }

  #listplagepresentation .tr2 {
    font-size:12px;
  }

  #listplagepresentation input, #listplagepresentation select {
    font-size: 12px;
  }

  #listplagepresentation #thcnt {
    width:276px;
    padding-left: 10px;
    padding-right: 10px;
  }

  /* FIN LISTES AJAX PRESENTATION ENTREPRISE */


  /* LISTES AJAX */
  .tableContainer { border:0px solid white; }
  #listplage .tableContainer h4 { text-indent:0px; padding-left:15px; }
  .tableContainerContent {height: 490px;width : 745px; overflow-y: scroll; overflow-x: hidden}

  #listplage {
    float: left;
    width: 740px;
    height: auto;
    padding: 10px;
    padding-right: 0px;
    font: 12px Arial, Helvetica, sans-serif;
    text-align: justify;
    margin-bottom: 10px;
  }

  #listplage table {
    border:0px;
    width: 740px;
    border-collapse:collapse;
  }

  #listplage p {
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-left: 15px;
  }

  #listplage .black {
    color: #261209;
    font-weight: normal;
  }

  #listplage h4 {
    font: 14px Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-indent: 15px;
  }

  #listplage td {
    height: 30px;
    cursor: pointer;
  }

  #listplage tr {
    text-align: left;
    color: #000000!important;
  }

  #listplage tr.entete a, #listplage tr.entete a:hover {
    text-align: left;
    font-weight: normal;
    text-decoration: none;
  }

  #listplage tr.entete a img {
    margin-top: 5px;
    margin-left: 3px;
  }

  #listplage tr a.paginator {
    color: #000;
  }

  #listplage .colspan {
    padding-left: 50px;
  }

  #listplage .colspan p {
    text-indent: 0px;
  }

  #listplage .colspan p span {
    font-weight: normal;
  }

  #listplage input, #listplage select {
    font-size: 12px;
  }

  #listplage .columnCenterfListeVide {
    text-align:center;
    font-style:italic;
    font-size:16px;
    color: #344555;
  }

  #thcnt {
    padding-top: 10px;
    padding-left: 50px;
    padding-bottom: 15px;
    margin-bottom: -5px;
    cursor:default;
    float:right;
    width:596px;
    display:block;
  }

  #thcnt p {
    margin-left: 0px;
  }

  .imgBottomThcnt {
    clear:right;
    margin-bottom:15px;
    z-index:10;
  }

  .imgSmallBottomThcnt {
    clear:right;
    margin-bottom:15px;
    z-index:10;
  }

  #searchCriteriaLeft {
    float: left;
    width: 230px;
    height: auto;
    padding: 10px;
    padding-left: 0px;
    padding-right: 0px;
    font: 12px Arial, Helvetica, sans-serif;
    text-align: justify;
  }
  #searchCriteriaLeft p {
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-bottom: 0px;
  }
  #searchCriteriaLeft ul {
    font: 12px Arial, Helvetica, sans-serif;
    position: static;
    padding: 0px 0px;
    margin: 0px 0px;
    margin-left: 2px;
  }

  #searchCriteriaLeft li {
    list-style-type: none;
  }

  #searchCriteriaLeft a:hover {
    text-decoration: underline;
  }

  #searchCriteriaLeft .imgForSubmit {
    position:relative;
    top:2px;
    cursor:pointer;
  }

  .pagination {
    width: 250px;
    height: auto;
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    float: left;
  }
  .pagination div {
    float: left;
  }
  .pagination a {
    text-decoration: underline;
  }

  #listplage tr.entete { background-color: #FFFFFF;}

  #listplage .entete h4 { margin:0; font-weight: normal; }
  #listplage .entete h4 strong { font-weight: normal; }
  #listplage .entete td { height:23px; }

  /* FIN LISTES AJAX */


  .boxName{
    margin-left:30;
    color:black!important;
    font-weight:bold;
    text-decoration:none!important;
  }


  /* PRESENTATION ENTREPRISE */
  .contentreprise { width:458px; font: 12px Arial, Helvetica, sans-serif; text-align: justify; margin-left:50px;}
  .contentreprise>p { width:273px; }
  .contentreprise label { padding-top: 5px; width: 200px; font-weight: bold; font-size : 12px; float:left;}
  .contentreprise .textField label { padding-top: 5px; width: 150px; font-weight: bold; font-size : 12px; text-align : left; display : block;float:left;margin-right: 20px;clear:left;}
  .contentreprise a.infos {margin : 4px 2px 0 2px;}

  .contentreprise dl.columnCenterfBoxListRecapInfos {margin-left:0px}
  .contentreprise dl.columnCenterfBoxListRecapInfos dt {width: 180px; font-weight: bold; font-size:12px; font-size : 12px;float:left;}
  .contentreprise dl.columnCenterfBoxListRecapInfos dd {width: 260px; font-size : 12px;float:right;text-align:left;}
  * html .contentreprise dl.columnCenterfBoxListRecapInfos dd {float:none;}
  .contentreprise dl.columnCenterfBoxListRecapInfos dd a{text-decoration : underline;font-size : 11px;}
  .contentreprise dl.columnCenterfBoxListRecapInfos dd input#registration,
  .cont dl.columnCenterfBoxListRecapInfos dd label {
    font-size : 12px;margin:0; width : auto;float:right;text-align:left;
  }
  .contentreprise span .libelle {
    margin-top:50px!important;
  }

  #partnercnt {
    width: 556px;
    margin-left: 10px;
    float: left;
    height:auto;
    min-height:160px;
    overflow:visible;
  }

  #partnercnt h2 {
    margin-left:10px;
    margin-top:10px;
    margin-bottom:20px;
  }

  #partnercnt h2 span {
    font-size:14px;
  }

  #partnercnt #contentrepriseText {
    clear:both;
    padding-top:15px;
  }

  #partnerdetails {
    margin-top:-10px;
    width: 385px;
    float:right;
    margin-right: 30px;
  }

  #partnerdetails h2 {
    margin-top:0px;
    margin-bottom:0px;
  }

  #listplagepresentation table {
    width:350px;
  }

  #updatePresentationEntreprisePage #partnercnt .columnCenterfBurLineContent {
    width:458px!important;
  }

  #partnerdetails td {
    height: 30px;
    cursor: pointer;
    padding-left: 10px;
  }
  #partnerdetails tr {
    text-align: left;
  }
  #partnerdetails p {
    margin: 0px;
  }
  #partnerdetails .button {
    padding-top: 10px;
    padding-bottom: 25px;
  }
  #partnerdetails .colspan {
     padding-left: 10px;
  }
  #partnerdetails .colspan p {
    text-indent: 0px;
  }
  #partnerdetails .colspan p span {
    font-weight: normal;
  }
  #partnerlogo {
    width: 385px;
    height: 134px;
    float: left;
    text-align: center;
    padding-top: 20px;
    margin-left: -1px;
  }

  .partnerBottom {
    margin-left:10px;
    width:558px;
    float:left;
    background: url(../images/partnerbottom.gif) no-repeat;
  }
  /* FIN PRESENTATION ENTREPRISE */


  /* PLANNING */
  .normalPage #capsulRdvRatios {
    margin-left: 0px;
  }

  .normalPage #capsulRdvRatios p {
    text-align:center;
    margin:0px;
  }

  .normalPage #capsulSession {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 0px;
    width: 550px;
  }

  .normalPage #capsulLieDatSession {
    float: none;
    font-size: 18px;
    text-align:center;
    width: 550px;
    margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .normalPage #capsulNomPreRec {
    float: none;
    font-size: 18px;
    text-align:center;
    width: 550px;
    margin-top: 16px;
    margin-bottom: 15px;
  }

  .tbplanning {
    float: left;
    border: 0px;
  }
  .tbplanning th {
    font-size: 18px;
  }
  .tbplanning td {
    width: 157px;
    height: 50px;
    border-right: 2px solid #999999;
    border-bottom: 2px solid #999999;
    font-size: 10px;
    color: #333333;
  }
  .tbplanning .firstrow td {
    height: 40px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
  }
  .tbplanning .plfirstcol {
    width: 109px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
  }
  .tbplanning .dispo {
    cursor: 0;
  }
  .tbplanning .indispo {
    cursor: default;
  }

  .tbplanning .dispo a {
    cursor: pointer;
  }

  .tbplanning td dl {
    padding:0px;
    margin:0px;
    padding-left: 10px;
    padding-right: 5px;
  }

  .tbplanning td dt {
    clear:left;
    text-align: left;
  }

  .tbplanning .emptyMiniInterval {
    height:5px;
    background-color:#EEEEEE;
  }

  .tbplanning .emptyInterval {
    background-color:#EEEEEE;
  }

  .nextDay {
    float:left;
    margin-left:150px;
  }

  .previousDay {
    float:left;
    margin-left:0px;
  }

  /* FIN PLANNING */

  /* CALENDRIER */
  .datePicker {
    border:		0px;
    background:	white;
    width:		135px;
    padding:	0px;
    cursor:		default;
    -moz-user-focus:	normal;
  }

  .datePicker td {
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: center;
    padding: 0px;
    font-size: 11px;
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .datePicker .header {
    color:  white;
    padding: 0px;
    font-weight:	bold;
  }

  .datePicker .headerTable {
    width: 100%;
  }

  .datePicker .footer {
    padding: 0px;
  }

  .datePicker .footerTable {
    width:		100%;
  }

  .datePicker .grid {
    padding:	0px;
  }
  .datePicker .gridTable {
    width:	100%;
  }

  .datePicker .gridTable td {
  }

  .datePicker .gridTable .daysRow td {
    font-weight:	bold;
    color: white;
  }

  .datePicker .grid .gridTable .upperLine {
    width:		100%;
    height:		0px;
    overflow:	hidden;
    background:	transparent;
  }

  .datePicker td.today {
    font-weight:	bold ;
  }

  .datePicker td.labelContainer {
    width:	100%;
    background-color: white;
    font-weight:	bold;
  }

  .datePicker td .topLabel {
    PADDING: 0px;
    MARGIN: 0px;
    TEXT-ALIGN: center;
  }

  .datePicker td.filler {
    width:			100%;
  }

  .datePicker button {
    border-width:	0px;
    font:			Caption;
    font-weight:	normal ;
  }

  .datePicker .previousButton {
    background: white;
    font-weight:	bold;
  }

  .datePicker .nextButton {
    background: white;
    font-weight:	bold;
  }

  .datePicker .previousButton, .datePicker .nextButton {
    width:			14px;
    height:			14px;
  }

  .datePicker .todayButton, .datePicker .noneButton {
    width:	50px;
  }


  .datePicker .labelPopup {
    position:	absolute;
    min-width:	130px;
    background:	white;
    border:		1px solid black;
    padding:	0px;
  }

  .datePicker .labelPopup a {
    width:				100%;
    display:			block;
    color:				black;
    text-decoration:	none;
    white-space:		nowrap;
  }

  .datePicker .labelPopup a:hover {
    color:		white;
  }

  .datePicker .labelPopup a.selected {
    font-weight:	bold;
  }
  /* FIN CALENDRIER */


  /* BARRE DE LANGUES */
  .langTabs {
    margin-left:390px;
    width:418px;
    position:relative;
    z-index:10;
  }

  .langTabs .langTab {
    float:right;
    width:120px;
    margin-left:3px;
    margin-right:3px;
    margin-bottom:-3px;
    padding-left:5px;
    z-index:10;
  }

  .langTabs .langTab a {
    width:100%;
    display:block;
    text-align:center;
    padding-right:5px;
    font-weight:normal;
    color:#FFFFFF;
  }

  .langTabs .selectedLangTab {
    float:right;
    width:120px;
    margin-left:3px;
    margin-right:3px;
    margin-bottom:-3px;
    padding-left:5px;
    z-index:10;
  }

  .langTabs .selectedLangTab a {
    width:100%;
    display:block;
    text-align:center;
    padding-right:5px;
    font-weight:normal;
  }

  #updateCVPage3 .langTabs, #createCVPage4 .langTabs {
   top:-10px;
   }

  /* FIN BARRE DE LANGUES */


  /*** SECTION POPUP MODALE ***/
  #MB_overlay {
    position: absolute;
    margin: auto;
    top: 0;	left: 0;
    width: 100%; height: 100%;
    z-index: 9999;
    background-color: #000!important;
  }
  #MB_overlay[id] { position: fixed; }

  #MB_window {
    position: absolute;
    top: 0;
    border: 0 solid;
    text-align: left;
    z-index: 10000;
  }
  #MB_window[id] { position: fixed!important; }

  #MB_frame {
    position: relative;
    background-color: #F0F0FF;
    height: 100%;
  }

  #MB_header {
    margin: 0;
    padding: 0;
  }

  #MB_content {
    padding: 6px .75em;
    overflow: auto;
  }

  #MB_caption {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    background-color: #E85E27;
    text-shadow: #FFF 0 1px 0;
    padding: .5em 2em .5em .75em;
    margin: 0;
    text-align: left;
  }

  #MB_close {
    position: absolute;
    right: 5px; top: 4px;
    padding: 2px 3px;
    font-weight: bold;
    text-decoration: none;
    font-size: 13px;
  }

  #MB_close:hover {
    background: transparent;
  }

  #MB_loading {
    padding: 1.5em;
    text-indent: -10000px;
    background: transparent url(../images/modalboxspinner.gif) 50% 0 no-repeat;
  }

  /* Color scheme */
  #MB_frame {
    padding-bottom: 7px;
  }

  #MB_window {
    background-color: #FFF;
    color: #000;
    -webkit-box-shadow: 0 8px 64px #000;
    -moz-box-shadow: 0 0 64px #000;
    box-shadow: 0 0 64px #000;
  }

  #MB_content {
    background-color: #F0F0FF;
    border-top: 1px solid #F9F9F9;
  }

  #MB_header {
    background-color: #DDD;
  }

  #MB_caption { color: #FFFFFF }

  #MB_close { color: #FFFFFF }

  #MB_close:hover { color: #FFFFFF }

  /* Alert message */
  .MB_alert {
    margin: 10px 0;
    text-align: center;
  }
  /*** FIN SECTION POPUP MODALE ***/



 /*** SECTION ARBRE ***/
.tree div, #columnCenterfBoxBg .tree div {
  margin : 0px 0px 0px 5px !important;
  width:auto!important;
  clear:left;
}

.treeZone, #columnCenterfBoxBg .treeZone {
  margin:0px !important;
  width:350px !important;
  float:left !important;
}

.treeContainer {
  height:263px;
  overflow:auto;
}

.nodeTreeItem {
  border-left:1px solid #999898;
  margin-left:15px;
}

.nodeTreeItem label {
  margin-left:5px;
  font-size:11px;
  position:relative;
  top:3;
}

.nodeTreeItem a label {
  cursor:hand;
}

.nodeTreeItemLine {
  position:relative;
  top:4;
  padding-left:11px;
  background : url('../images/nodeRoot.gif')  top left no-repeat;
}

.nodeTreeItem .selectedNode {
  font-weight:bold;
}
/*** FIN SECTION ARBRE ***/

  /* FAUSSES POPUP DE CONFIRMATION */
  .confirmBoxOnSide {
    border-width:1px;
    border-style:solid;
    position:absolute;
    margin-left:250px;
    margin-top:-65px;
    width:500px;
    height:150px;
    z-index:2;
  }

  .confirmBoxOnSide .cancelBar {
    padding-right:2px;
    padding-left:5px;
    padding-top:2px;
    font-weight: bold;
    text-align:right;
  }

  .confirmBoxOnSide .cancelBar label {
    color:#FFFFFF;
    text-align:left;
    width: 300px;
  }

  .confirmBoxOnSide .cancelBar a {
    cursor:pointer;
  }

  .confirmBoxOnSide .buttonBar {
    padding-top:8px;
    padding-bottom:8px;
    padding-left:20px;
    padding-right:20px;
  }

  .buttonBar .columnCenterfBurLineContent {
    width: 458px;
  }
  .buttonBar .columnCenterfBurLineContent .columnCenterfBurLineContentradio {
    width: 248px;
    display: inline;
  }
  /* FIN FAUSSES POPUP DE CONFIRMATION */

  /* MESSAGE CHAMPS OBLIGATOIRES */
  div.mandatory {
    width : 200px;
    float:right;
    text-align:right;
    line-height:10px;
    margin-top:-2px;
    margin-right:222px;
  }
  /* FIN MESSAGE CHAMPS OBLIGATOIRES */

  /* MESSAGE TEXT MAX OFFRE */
  div.IncludeTextMaxSize {
    clear: left; float: right; text-align: right; padding-right: 50px; margin-top:-5px;
    font-weight:normal;
  }
  /* FIN MESSAGE TEXT MAX OFFRE */

  /* LOGO ENTREPRISE */
  #divLogoContent {
    position:relative;
    width:0px;
    height:0px;
    left:7;
    top:12;
  }

  .iconeEntreprise  {
    width:100px;
    height:100px;
    width:100px!important;
  }

  #divLogoContent .iconeEntreprise {
    margin-left:-65px;
    padding-left:0px;
  }

  .columnCenterfBoxListRecapInfos dd .iconeEntreprise {
    padding-left:0px;
    margin-left:0px;
  }
  /* FIN LOGO ENTREPRISE */

  /* ALIGNEMENT CHECK BOX RADIO*/
  #content .columnCenterfBoxBg .columnCenterfBurLineContent p.label_checkbox_pair {
    clear: right;
    float: right;
    width:395px;
    padding-left:0px;
    margin-top:2px;
    margin-bottom:0px;
    position: relative;
    left:-3px;
  }

  #content .columnCenterfBoxBg .columnCenterfBurLineContent .label_checkbox_pair input {
    width: auto;
    float: left;
  }

  #content .columnCenterfBoxBg .columnCenterfBurLineContent .label_checkbox_pair label {
    width: 375px;
    clear: right;
    text-align:left;
    float: right;
    margin: 0px 0px -20px 0px;
    position: relative;
    top: -20px;
  }

  #content div.columnCenterfBoxBg .choiceRadio {
    margin-left:274px;
    font-weight:normal;
    width:340px;
  }
  /* FIN ALIGNEMENT CHECK BOX RADIO*/

  /* LARGEUR TEXTAREA */
  #updateCritereIntPage #columnCenterContfOffresRechercherTex {
    width:360px;
  }
  /* FIN LARGEUR TEXTAREA */

  /* TEXTE DES OFFRES */
  #textOffre {
    font:inherit!important;
    margin: 10px 10px 10px 60px;
    padding: 5px 5px 5px 5px;
    color: black;
  }

  #textOffre div {
    color: #666666;
  }
  #content .columnCenterfBoxBg #textOffre ul {
    color: black;
  }
  /* FIN TEXTE DES OFFRES */


  /* POSTULATION OFFRE LARGEUR SPECIALE DES LISTES */
  #applyOffreCvPage #listplage {
    padding-left:7px;
  }

  #applyOffreCvPage #applyOffreCVList table {
    width:720px;
  }

  #applyOffreLMPage #listplage {
    padding-left:7px;
  }

  #applyOffreLMPage #applyOffreLMList table {
    width:720px;
  }
  /* FIN POSTULATION OFFRE LARGEUR SPECIALE DES LISTES */


  /* LISTE DES OFFRES, TEXTE */
  #listOffreCandidatPage .descolspan, #listOffreInternautePage .descolspan {
    padding-top:10px;
    padding-right:10px;
    padding-bottom:10px;
  }

  #listOffreCandidatPage .descolspan .black, #listOffreInternautePage .descolspan .black {
    font-weight:normal!important;
  }
  /* FIN LISTE DES OFFRES, TEXTE */

  /* MINIMIZE MAXIMIZE BOUTONS */
  #content .columnCenterfBoxBg .columnCenterfBoxImg {
    float:right;
    position:relative;
    width:auto;
    height:0px;
  }

  #content .columnCenterfBoxBg .columnCenterfBoxImg a {
    text-decoration:none;
    clear:none;
    margin-right:4px;
    float:left;
  }
  /* FIN MINIMIZE MAXIMIZE BOUTONS */

  /* CV LIENS AJOUTER */
  #content .columnCenterfBoxBg .addSectionItemHref {
    float:right;
    position:relative;
    width:auto;
    height:0px;
    font:bold;
    text-decoration:underline;
  }
  /* FIN CV LIENS AJOUTER */

  /* SECTIONS CV TITRE EXPERIENCE FORMATION LANGUES */
  #commonCenterFirstBox {
    margin-top:-27px;
  }

  .cvcolumnCenterfBoxBg {
    width:720px!important;
    margin:0px!important;
    padding:0px!important;
  }

  .columnCenterfBurLineContentText {
    width:600px!important;
    margin:0px!important;
    padding:0px!important;
    margin-left:64px!important;
    margin-top:5px!important;
  }

  #lineCompactDesc {
    margin-left:65px;
    color:#000000;
    font-size:12px;
    width:580px!important;
  }

  #content .columnCenterfBoxBg .columnCenterfBurLineContent #columnCenterCvTit {
    width: 500px;
    font-size: 14px;
  }
  /* FIN SECTIONS CV TITRE EXPERIENCE FORMATION LANGUES */

  /* DOWNLOAD PIECE JOINTE LOGO */
  #content .columnCenterfBoxBg .columnCenterfBurLineContent input.fileTextfield {
    width:200px;
  }

  #content .columnCenterfBoxBg .columnCenterfBurLineContent span.fileTextfield {
    font-weight:normal;
  }
  /* FIN DOWNLOAD PIECE JOINTE LOGO */

  /*  ENVOYER A UN AMI */
   #plageSendAmi #content .columnCenterfBoxBg .columnCenterfBurLineContent label.errorLabel {
    margin-right:0px;
    width:105px;
  }
  #plageSendAmi .errorInternalDiv {
    width:200px;
    margin-left:25px;
  }
  /* FIN ENVOYER A UN AMI */

  /* EDITEUR DE TEXTE */
  .FCKindice label {
    text-align:right;
    margin-left:175px;
    width:465px;
  }
  /* FIN EDITEUR DE TEXTE */

  /* INTRO OFFRE, TEXTE */
  /* TODO A RETIRER EN CHANGEANT LE STYLE DE L INTRO POUR UN STYLE DE RECAP */
  #createOffreTarifPage #createOffreText {
    width:680px;
    margin-left:0px;
    padding-left:20px;
    color:#666666;
    font-weight:bold;
  }
  /* FIN INTRO OFFRE, TEXTE */

  /* LABEL DANS MODIFICATION DE TEXTE OFFRE OU LM */
  /* TODO A RETIRER EN METTANT JUSTE LE TITRE DE L OFFRE ET DE LA LM DANS UN TITRE */
  #updateOffreTextPage label {
    text-align:left;
    font-weight:normal;
  }
  /* Id de la page de modification des lettres de motivation - Modification du texte */
  #updateLMPage label {
   text-align:left;
    font-weight:normal;

  }
   /* Id de la page de création d'offre ( Saisi du texte de l'offre) */
  #createOffreTextPage label {
    text-align:left;
    font-weight:normal;
  }
  /* FIN LABEL DANS MODIFICATION DE TEXTE OFFRE OU LM */


  /* RECHERCHE CV SALON CRITERE TEXTE */
  .columnCenterContfOffresRechercherKeyword{ color: #666; font-size: 12px; padding: 2px 2px 2px 5px; margin:2px 0 0 30px; width : 500px; display :block; float:left;}
  /* FIN RECHERCHE CV SALON CRITERE TEXTE */

  #updateRecruteurPage .columnCenterfBoxBg .columnCenterContfOffresRechercher {
    width:300px;
  }

  .columnCenterContfOffresRechercherLieu option {color: #000000; }

  #logoEntreprise {
    position:absolute;
    margin-left:-175px;
  }

  B.boxText {font: Verdana 12px; text-decoration:none; margin-left:20px; margin-top : 10px; }

  #columnCenterCreatAccomptCodeP {width : 65px}

	/*hack Safari 3*/
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		#columnCenterCreatAccomptCv { border:none; }
	}

  .helpImg { margin : 5px 0px 0px 5px; }

  .spacer5 {
    margin-right:5px;
  }