/* 
STYLES
*/
*{margin:0; padding:0;}
body {background:#FFFFFF url(images/body.gif) repeat-x top left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#675C53;}
#Body {background:#FFFFFF url(images/body.gif) repeat-x top left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#675C53;}
img{border:none;} /* modif */
#container { width:865px; margin:0 auto; position:relative;}
.Normal { font-size:11px; line-height:17px; font-family:Verdana, Arial, Helvetica, sans-serif; }
p, form, ul, ol, li { margin:0; padding:0; }
ul { list-style:none; }
#headercontent h1 {font-size:22px; color:#004286; line-height:81px; display:block; background:url(images/bgd_title.jpg) top left no-repeat; height:81px; width:849px; padding:0px 0px 0px 18px; clear:both;}
h2 { color:#69923A; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; padding:0 0 5px 0; }
h2 a { color:#69923A; }
h3 { line-height:normal; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; color:#000; margin:0; padding:0 0 5px 0; }
h4 { line-height:normal; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:15px; color:#69923A; margin:0; padding:0 0 3px 0; }

.txt_intro a { color:#69923A; text-decoration:none; }
.txt_intro a:hover { text-decoration:underline; }
h1 a, h2 a, h3 a, h4 a, span a { text-decoration:none; }
a {color:#148569; text-decoration:none; font-size:bold;}
a:hover, a:hover span { text-decoration:underline;}
li a { text-decoration:none;}
.clear { clear:both; font-size:0; line-height:0; height:0; }
.left { float:left; }
.right { float:right; }
.show { display:block; }
.hidden { display:none; }
.accessibility { position:absolute; top:-10000px; }
a, a img { border:none; outline:none; text-decoration:none; }
small { color:#69923A }
blockquote { color:#62bd19; font-size:16px; font-weight:bold; font-style:italic; text-align:right; }
#maincontent .alaune ul { list-style:none; padding:0px; margin:0; }
#maincontent .alaune li { background:url(images/icon_decou.gif) no-repeat left top; text-indent:18px; padding-bottom:5px;}
#maincontent .alaune li ul{padding-bottom:5px; padding-left:40px;}
#maincontent .alaune li ul li {list-style-image:none; padding-bottom:5px;}
* html #maincontent li { height:1% }
#maincontent .liens ul { padding:2px; margin:0; }
#maincontent .alaune p {padding-bottom : 8px;}
.liens {/*padding-bottom:10px;*/ }
#maincontent .lien, #maincontent .liens li { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#148569; background:none; text-indent:0; text-decoration:none; display:block; }
.lien a, .liens a { color:#148569; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; background:url(images/icon_decou.gif) no-repeat left 3px; padding-left:15px; text-decoration:none; }
.lien a:hover, .liens a:hover { text-decoration:underline }
/*textes intro*/
.intro, .txt_intro, .intro .Normal, .txt_intro .Normal { font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:19px; font-weight:bold; }
.intro a, .txt_intro a { color:#69923A; }
.alaune h2 {padding-top:15px}
/*
HEADER
*/
#container { width:865px; margin:0 auto; position:relative;}

.headerpane .bloc h1{ font-size:20px; color:#004286; line-height:81px; display:block; background:url(images/bgd_title.jpg) top left no-repeat; height:81px; width:849px; padding:0px 0px 0px 18px; clear:both;}


#menu_portail {width:865px; margin:0 auto; height:34px;}
#menu_portail ul { background:#0033FF url(images/body.gif) repeat-x top left; overflow:hidden; list-style:none; margin:0 auto; padding:10px 0 0 0; font-size:11px;}
#menu_portail ul li.test1 { position:absolute; top:40px; left:670px; overflow:hidden; border:none; background: url(images/circle-arrow.gif) no-repeat left;}
#menu_portail ul li.test1 a { padding:0 0 0 15px; }
#menu_portail ul li.test2 { position:absolute; top:57px; left:685px; overflow:hidden; border:none; background: url(images/circle-arrow.gif) no-repeat left;}
#menu_portail ul li.test2 a { padding:0 0 0 15px; }
#menu_portail ul li { float:left; border-left:1px solid #FFFFFF;}
#menu_portail ul li.noborder { border:none; margin:0 0 0 7px; }
#menu_portail ul li.select { border:none; margin:0 0 -1px 7px; }
#menu_portail ul li.noborder form { float:left; margin:0; padding:0; }
#menu_portail ul li.select a { float:left; width:50px; }
#menu_portail ul li a {color:#FFFFFF; padding:0 7px 0 7px; text-decoration:none}
#menu_portail ul li a:hover { color:#000000; text-decoration:none }
#menu_portail ul li.noborder select {margin:-5px 0 0 0; padding:4px 2px 4px 0; font-size:10px; background: url(images/select-top.gif) no-repeat top left; border:none; width:152px;}
*html #menu_portail ul li.noborder select{margin:0;}

/* Header */
#header {width:865px; margin:0 auto; background:url(images/container.gif) 100% 0 no-repeat;}
#header h1 {float:left; width:113px; height:49px; background: url(images/sage-logo.gif) no-repeat top left; margin:35px 0 0 0;}
#header h1 a { width:113px; height:49px; text-indent:-1000px; font-size:10px; color:#000000; background:url(images/sage-logo.gif) no-repeat top left; display:block}
#header a img { float:left; width:566px; margin:35px 0 0 0; }

#fsearch {float:right; width:189px; margin:70px 0 10px 0;}
#fsearch form {padding:0 0 0 20px; background:url(images/search-loop.gif) 0 50% no-repeat;}
#fsearch form input, #fsearch input { border:1px solid #F3F3F3; width:110px; height:19px; margin:5px 0px 0px 3px; padding:1px 0 0 0; }
#fsearch form input.bt, #fsearch input.bt  { border:none; width:27px; height:21px; margin:2px 0 -5px 0; padding:0;}
#fsearch img { margin-top:5px; float:left }

/*- Menu et Drop down -*/
#menuh {height:30px; clear:both; font-family:Arial, Helvetica, sans-serif;font-size:12px; padding-right:10px; background:#FFFFFF url(images/menu.gif) no-repeat top left; width:860px; }
#menuhalign{float:left; clear:both}
#menuh ul li ul, #menuh ul:first-child{background:none;}
#menuh ul, #menuh li{margin:0;padding:0;}
#menuh li a{color:#237D60;text-decoration:none;display:block;width:143px;text-align:center;line-height:30px; padding:0px}
#menuh li a:hover{text-decoration:none;border:none;color:#004286;background:url(images/menu-button-corp.gif) no-repeat top left;}
#menuh ul{float:left;display:inline;}
#menuh li{display:block;float:left;list-style:none;position:relative;height:30px;}
#menuh li:hover{cursor:pointer;}
#menuh ul li ul{background-color:#FFFFFF; border:1px solid #CECECE; position:absolute;top:29px;left:0;display:none; width:195px;padding:5px 0;}
#menuh ul li ul li{font-size:11px;font-weight:normal;float:none;padding:3px 13px;height:1%;}
#menuh ul li ul a{font-weight:normal;padding:0; background:none;line-height:normal; text-align:left; width:auto; color:#000000}
#menuh ul li ul a:hover{background:none; width:auto; color:#000000}
#menuh ul li:hover{background:url(images/menu-button-corp.gif) no-repeat top left;}
#menuh ul a.amenu{background:url(images/menu-button-corp.gif) no-repeat top left;text-decoration:none;border:none;color:#004286}
#menuh ul li ul a.amenu{background:none;}
#menuh ul li:hover ul li:hover{background:url(images/li-li-hov.gif) repeat-x top left;}
#menuh ul li:hover ul{display:block;}
#menuh ul li:hover ul li ul{display:none;position:absolute;top:0;left:195px;z-index:1000;background:none;}
#menuh ul li:hover ul li:hover ul{display:block;background:#fff;}
#menuh ul li:hover ul li:hover ul li ul{display:none;position:absolute;top:0;left:195px;zindex:
1000;background:#fff;}
#menuh ul li:hover ul li:hover ul li:hover ul{display:block;background:#fff url() repeat-x
top left;} 
#menuh ul li.blue a { color:#00A1DE; }
#menuh ul li.blue a:hover { color:#00A1DE; }
#menuh ul li.yellow a { color:#004286; }
#menuh ul li.yellow a:hover { color:#004286; }


/*maincontent*/
#maincontent { width:860px; margin:0 auto; clear:both; }
/*path*/

#maincontent_hp { clear:both; width:865px; margin:0 auto; /*background:url(images/footer-image.gif) no-repeat bottom right;*/ overflow:hidden }


#locator { clear:both;}
.locator { width:800px; float:left; margin:1px 0 0 0; padding:3px 0 0 5px; font-size:11px; color:#000000 }
.locator a { color:#000000; text-decoration:none }
.locator a:hover { color:#000000; text-decoration:underline }
#locator a.send { float:left; width:22px; height:22px; background:url(images/send.gif) no-repeat top left; font-size:10px; text-indent:-10000px; }
#locator a.print { float:left; width:23px; height:22px; background:url(images/print.gif) no-repeat top left; font-size:10px; text-indent:-10000px; }


#offre { clear:both}
/*- Drop Down -*/
.outils180 {height:39px; clear:both; background:#FFFFFF url(images/les-domains.gif) no-repeat; width:865px; margin:10px 0 10px 0;}

#lesdomains{float:left;width:700px; margin:3px 0 0 72px; }
#lesdomains ul li ul, #lesdomains ul:first-child{background:none;}
#lesdomains ul, #lesdomains li{margin:0;padding:0;}
#lesdomains li a{color:#FFFFFF;text-decoration:none;display:block;width:132px; height:26px; text-align:left; padding:0 0 0 13px; font-weight:bold; font-size:12px; line-height:24px;}
#lesdomains li a:hover{text-decoration:none;border:none;color:#FFFFFF;}
#lesdomains ul{float:left;display:inline;margin:4px 0 0 15px;}

#lesdomains ul.secteur { background:url(images/secteur-icon.gif) no-repeat left; padding:0 0 0 8px; margin-left:23px; float:left; width:150px;}
#lesdomains ul.secteur li a { width:auto;}
#lesdomains ul.produit { background:url(images/disc-icon.gif) no-repeat left; width:100px; padding:0 0 0 8px; margin-left:23px; float:left;}
#lesdomains li{display:block;float:left;list-style:none;position:relative;}
#lesdomains li:hover{cursor:pointer;}
#lesdomains ul li ul{background:#fbfbfb; border:1px solid #CECECE; position:absolute;top:26px; left:0; display:none; width:300px;padding:5px 0; margin:0;}
#lesdomains ul li ul li{font-size:11px;font-weight:normal;float:none; height:1%;}
#lesdomains ul li ul a{font-weight:normal;padding:0 15px; background:none; text-align:left; width:auto; color:#68388d; line-height:20px;}
#lesdomains ul li ul a:hover{background:none; width:auto; color:#b79ec7}
#lesdomains ul li:hover{background:none; color:#FFFFFF}
#lesdomains ul a.amenu{background:none;color:#FFFFFF}
#lesdomains ul li ul a.amenu{background:none;}
#lesdomains ul li:hover ul li:hover{ color:#000}
#lesdomains ul li:hover ul{display:block;}
#lesdomains ul li:hover ul li ul{display:none;position:absolute;top:0;left:195px;z-index:1000;background:none;}
#lesdomains ul li:hover ul li:hover ul{display:block;background:#0a4832 url(images/bg_layer.png) repeat-x top left;}
#lesdomains ul li:hover ul li:hover ul li ul{display:none;position:absolute;top:0;left:195px;z-index:1000;background:none;}
#lesdomains ul li:hover ul li:hover ul li:hover ul{display:block;background:#0a4832 url(images/bg_layer.png) repeat-x top left;} 
p.titre { width:80px; float:left; margin:3px 0 0 10px; padding:0; font-weight:bold}

#lesdomains ul.domains { width:228px; height:34px; display:block; float:left; background:url(images/bg_solutions_taille.gif) no-repeat top left; margin:0; padding:4px 0 0 0;}
#lesdomains ul.domains li  { padding-left:35px; padding-right:40px;}
#lesdomains .secteur_activite { width:228px; height:34px; float:left; background:url(images/bg_solutions_secteur.gif) no-repeat top left; margin-left:5px; padding:0;}
#lesdomains .expert_compatable { width:228px; height:34px; float:left; background:url(images/bg_solutions_expert.gif) no-repeat top left; margin-left:5px; padding:0;}

#lesdomains p a { color:#FFFFFF; font-size:12px; text-decoration:none; font-weight:bold; margin:0; padding:9px 0 8px 45px; display:block;}


#footer {font-size:11px; overflow:hidden; padding:0 0 20px 0; text-align:right; color:#69923A; width:860px; margin:30px auto 0 auto; border-top:#cccccc 1px solid; }
#footer ul { width:801px; margin:0 60px 0 0;  padding:2px 60px 2px 0; list-style:none; background:url(images/sage-footer.gif) no-repeat right; overflow:hidden; text-align:right; display:block;}
#footer ul li {display:inline;}
#footer a {color:#69923A; text-decoration:none; margin:0 3px;}
#footer a:hover { color:#69923A; text-decoration:underline; }
.date{text-align:right; color:#808080; padding:0 198px 0 0;}


/* old styles contenu */
.menuv_links ul li a { color:#7E8B7A; }
.menuv_links ul li a:hover { text-decoration:underline; }
.txt_projets { margin-top:10px; }
.txt_projets a, .txt_projets a:hover { text-decoration:none; }
.txt_projets a img { border:0; }
/*udt temoignages*/
.imgleft img { float:left; margin-right:10px; }
.imgright img { float:right; margin-left:10px; }
.imgleft .image { float:left; }
.imgright .image { float:right; }
/*udt produit desc*/
.close .infoproduitdesc, .close .btclose { display:none; }
.close .btopen { display:block }
.open .infoproduitdesc, .open .btclose { display:block; }
.open .btclose { display:block }
.open .btopen { display:none }
.produit_desc .infoproduitdesc { padding:10px 0 20px 10px; background:url(images/bg_sep_index.png) repeat-x top left; }
.produit_desc .liens li { background:none; list-style:none; }
.produit_desc .liens a { color:#148569; background:url(images/fl_green_forest.png) no-repeat left 4px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; padding-left:18px; text-decoration:none; }
.header_desc { color:#fff; min-height:30px; margin-top:1px; background:#a1d296; width:575px; }
* html .header_desc { height:30px; }
.header_desc h2 { float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; margin:0; color:#fff; width:450px; padding:5px 0 5px 10px; }
.btopen, .btclose { float:right; display:block; width:86px; height:22px; margin-top:4px; margin-right:4px }
.btopen span, .btclose span { display:none; }
.btopen { background:url(images/bt_open_clair.png) no-repeat top left; }
.btclose { background:url(images/bt_close_clair.png) no-repeat top left; }
/*udt vos besoins // nos solutions*/
#maincontent .menu_solutions { list-style:none; height:30px; line-height:30px; font-size:13px; font-weight:bold; margin:0; padding:0 0 0 10px }
#maincontent .menu_solutions li { margin:0; padding:0 }
#besoins .left { width:50%; margin:0; }
#besoins, #solutions { background:url(images/deg_udt.png) repeat-x top left; margin-top:1px; border-bottom:1px solid #e5e8e4; padding:20px 0; }

#maincontent .rightpane .udt_type_1 .liens li { background:none; font-weight:bold; color:#69923A; }
#maincontent .rightpane .udt_type_1 .liens a { color:#69923A; background:url(images/icon_decou.gif) no-repeat left top; text-indent:18px; padding-bottom:5px;}


.rightpane #orientation_solutions .taille { background:url(images/bg_orientation_sol_taille.png) no-repeat top left; height:34px; }
/*.rightpane #orientation_solutions .taille select{ margin-left:37px; margin-top:6px; width:150px;} */
.rightpane #orientation_solutions .secteur { background:none; width:auto; }
.rightpane #orientation_solutions .experts { }
/******************************* COMBO BOX *******************************/

#sage_combobox { width:150px; margin-left:37px; padding-top:6px; }
/******************************* COMBO BOX *******************************/

/* RH : Rubrique de consultation des offres et de ciblage de l'univers de la recherche a droite */
#rh_offre_consultation .consultation_ciblage { background:url(images/bg_rh_offres.png) no-repeat top left; height:175px; margin-bottom:10px; }
#rh_offre_consultation .consultation_ciblage .consultation_ciblage_content { padding-top:40px; }
#rh_offre_consultation .ciblage_domaine { padding-left:45px; background:url(images/bg_rh_offre_consult_domaine.png) no-repeat 16px top; }
#rh_offre_consultation .ciblage_domaine select { width:160px; }
#rh_offre_consultation .ciblage_localisation { margin-top:10px; padding-left:45px; background:url(images/bg_rh_offre_consult_localisation.png) no-repeat 16px top; height:10% }
#rh_offre_consultation .ciblage_localisation select { width:160px; }
#rh_offre_consultation .ciblage_contrat { margin-top:10px; margin-bottom:10px; padding-left:45px; background:url(images/bg_rh_offre_consult_contrat.png) no-repeat 16px top; height:10%; }
#rh_offre_consultation .ciblage_contrat select { width:160px; }
#rh_offre_consultation a.ciblage_validation, #rh_offre_consultation a.ciblage_validation:hover { width:39px; height:23px; margin-left:45px; background:url(images/bg_rh_offre_consult_valid.png) no-repeat top left; text-decoration:none; display:block; }
a.depos_candidature, a.depos_candidature:hover { width:222px; height:42px; background:url(images/btn_candidature.png) no-repeat top left; text-decoration:none; display:block; }
/* Table de resultats standards qui se trouve dans l'espace RH */
.result_table_top { width:620px; height:75px; background:url(images/bg_sep_index.png) repeat-x top left; }
.result_table_top_content { padding:35px 20px 25px 0; font:Arial, Helvetica, sans-serif; font-size:18px; line-height:20px; font-weight:bold; color:#000000; }
.result_table_top_content a { color:#69923A; text-decoration:none; }
.result_table_top_content a:hover { text-decoration:underline; }
#tresult { width:620px; border:0; text-align:left; }
#tresult a { text-decoration:none; color:#000 }
#tresult a:hover { text-decoration:underline }
#tresult th { color:#000000; font-size:11px; line-height:15px; font-weight:bold; border-bottom:1px solid #e5e7e4; }
#tresult th div { padding-left:10px; padding-right:10px; }
#tresult th.col1, #tresult th.col2, #tresult th.col3, #tresult th.col4, #tresult th.col5 { height:25px; background-color:#A1D296 ; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#FFFFFF; border-bottom:none; }
#tresult td { color:#7E8B7A; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; vertical-align:top; padding-bottom:15px; padding-top:15px; border-bottom:1px solid #e5e7e4; }
#tresult td.tfooter { height:30px; background-color:#f9f9f9; text-align:right; padding:0; margin:0; vertical-align:middle; padding-right:15px; }
#tresult td.result_table_footer_paging { height:30px; background-color:#7e8b7a; text-align:right; padding:0; margin:0; vertical-align:middle; padding-right:15px; }
#tresult .tfooter a { color:#333; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; text-decoration:none; background:url(images/fl_green_forest.png) no-repeat left 3px; padding-left:18px; }
#tresult .tfooter a:hover { text-decoration:underline }
#tresult .col1 { width:225px; font-size:11px; font-weight:bold; }
#tresult th.col1 { font-weight:bold; }
#tresult .col2 { width:110px; }
#tresult .col3 { width:100px; }
#tresult .col4 { width:95px; }
#tresult .col5 { width:90px; }
/* Paging de la table de resultat */
#tresult .tfooter .previous { display:inline; float:left; text-align:left; }
.current { display:inline; float:right; text-align:right; font-size:17px; color:#FFFFFF; }
#tresult .tfooter .next { display:inline; float:right; text-align:right; }
#tresult .tfooter .previous a, #tresult .tfooter .next a { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; color:#FFFFFF; text-decoration:none; }
#tresult .tfooter .previous a:hover, #tresult .tfooter .next a:hover { text-decoration:underline }
#tresult .tfooter .previous a { background:url(images/fl_rh_resulttable_white_left.png) no-repeat 5px 3px; padding-left:23px; }
#tresult .tfooter .next a { background:url(images/fl_rh_resulttable_white.png) no-repeat right 4px; padding-right:18px; }
/* latestnews articles */
.news_publishdate { display:inline; font-size:11px; font-weight:bold; color:#000; }
.news_title { font-size:11px; font-weight:bold; }
.news_content { clear:left; }
.news_listitem { background:url(images/icon_article.png) no-repeat top left; padding-left:28px; padding-bottom:25px; }
.news_listitem .lien { padding-top:2px; }
.listitem_top { padding-bottom:25px; background:url(images/bg_sep_index.png) repeat-x bottom left; margin-bottom:15px; }


/*
 * Ext JS Library 2.0.1
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

/* all fields */
.x-form-field { margin: 0 0 0 0; font:normal 11px Verdana, Arial, Helvetica, sans-serif; }
/* ---- text fields ---- */
.x-form-text, textarea.x-form-field { padding:1px 3px; background:#fff url(images/combobox/text-bg.gif) repeat-x 0 0; border:1px solid #B5B8C8; }
textarea.x-form-field { padding:2px 3px; }
.x-form-text { height:22px; line-height:18px; vertical-align:middle; }
.ext-ie .x-form-text { margin:-1px 0; /* ie bogus margin bug */ height:22px; /* ie quirks */ line-height:18px; }
.ext-ie textarea.x-form-field { margin:-1px 0; /* ie bogus margin bug */ }
.ext-strict .x-form-text { height:18px; }
.ext-safari .x-form-text { height:20px; /* safari always same size */ padding:0 3px; /* remove extra top/bottom padding */ }
.ext-safari.ext-mac textarea.x-form-field { margin-bottom:-2px; /* another bogus margin bug, safari/mac only */ }
.ext-gecko .x-form-text { padding-top:2px; /* FF won't center the text vertically */ padding-bottom:0; }
textarea { resize: none;  /* Disable browser resizable textarea */ }
/* select boxes */
.x-form-select-one { height:20px; line-height:18px; vertical-align:middle; background-color:#fff; /* opera */ border: 1px solid #B5B8C8; }
/* wrapped fields and triggers */
.x-form-field-wrap { position:relative; zoom:1; white-space: nowrap; }
.x-editor .x-form-check-wrap { background:#fff; }
.x-form-field-wrap .x-form-trigger { width:17px; height:21px; border:0; background:transparent url(images/combobox/trigger.gif) no-repeat 0 0; cursor:pointer; border-bottom: 1px solid #B5B8C8; position:absolute; top:0; }
.ext-safari .x-form-field-wrap .x-form-trigger { height:21px; /* safari doesn't allow height adjustments to the fields, so adjust trigger */ }
.x-form-field-wrap .x-form-date-trigger { background-image: url(images/combobox/date-trigger.gif); cursor:pointer; }
.x-form-field-wrap .x-form-clear-trigger { background-image: url(images/combobox/clear-trigger.gif); cursor:pointer; }
.x-form-field-wrap .x-form-search-trigger { background-image: url(images/combobox/search-trigger.gif); cursor:pointer; }
.ext-safari .x-form-field-wrap .x-form-trigger { right:0; }
.x-form-field-wrap .x-form-twin-triggers { }
.x-form-field-wrap .x-form-twin-triggers .x-form-trigger { position:static; top:auto; vertical-align:top; }
.x-form-field-wrap .x-form-trigger-over { background-position:-17px 0; }
.x-form-field-wrap .x-form-trigger-click { background-position:-34px 0; }
.x-trigger-wrap-focus .x-form-trigger { background-position:-51px 0; }
.x-trigger-wrap-focus .x-form-trigger-over { background-position:-68px 0; }
.x-trigger-wrap-focus .x-form-trigger-click { background-position:-85px 0; }
.x-trigger-wrap-focus .x-form-trigger { border-bottom: 1px solid #676767; }
.x-item-disabled .x-form-trigger-over { background-position:0 0 !important; border-bottom: 1px solid #B5B8C8; }
.x-item-disabled .x-form-trigger-click { background-position:0 0 !important; border-bottom: 1px solid #B5B8C8; }
/* field focus style */
.x-form-focus, textarea.x-form-focus { border: 1px solid #676767; }
/* invalid fields */
.x-form-invalid, textarea.x-form-invalid { background:#fff url(images/combobox/invalid_line.gif) repeat-x bottom; border: 1px solid #dd7870; }
.ext-safari .x-form-invalid { background-color:#ffeeee; border: 1px solid #ff7870; }
/* editors */

.x-editor { visibility:hidden; padding:0; margin:0; }
.x-form-check-wrap { line-height:18px; }
.ext-ie .x-form-check-wrap input { width:15px; height:15px; }
.x-editor .x-form-check-wrap { padding:3px; }
.x-editor .x-form-checkbox { height:13px; }
/* If you override the default field font above, you would need to change this font as well */
.x-form-grow-sizer { font:normal 11px Verdana, Arial, Helvetica, sans-serif; left: -10000px; padding: 8px 3px; position: absolute; visibility:hidden; top: -10000px; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; zoom:1; }
.x-form-grow-sizer p { margin:0 !important; border:0 none !important; padding:0 !important; }
/* Form Items CSS */

.x-form-item { font:normal 11px  Verdana, Arial, Helvetica, sans-serif; display:block; margin-bottom:4px; }
.x-form-item label { display:block; float:left; width:100px; padding:3px; padding-left:0; clear:left; z-index:2; position:relative; }
.x-form-element { padding-left:105px; position:relative; }
.x-form-invalid-msg { color:#ee0000; padding:2px; padding-left:18px; font:normal 11px Verdana, Arial, Helvetica, sans-serif; background: transparent url(images/combobox/warning.gif) no-repeat 0 2px; line-height:16px; width:200px; }
.x-form-label-right label { text-align:right; }
.x-form-label-top .x-form-item label { width:auto; float:none; clear:none; display:inline; margin-bottom:4px; position:static; }
.x-form-label-top .x-form-element { padding-left:0; padding-top:4px; }
.x-form-label-top .x-form-item { padding-bottom:4px; }
.x-form-empty-field { color:black; }
/* Editor small font for grid, toolbar and tree */
.x-small-editor .x-form-field { font:normal 11px Verdana, Arial, Helvetica, sans-serif; }
.x-small-editor .x-form-text { height:20px; line-height:16px; vertical-align:middle; }
.ext-ie .x-small-editor .x-form-text { margin-top:-1px !important; /* ie bogus margin bug */ margin-bottom:-1px !important; height:20px !important; /* ie quirks */ line-height:16px !important; }
.ext-strict .x-small-editor .x-form-text { height:16px !important; }
.ext-safari .x-small-editor .x-form-field { /* safari text field will not size so needs bigger font */
    font:normal 11px Verdana, Arial, Helvetica, sans-serif; }
.ext-ie .x-small-editor .x-form-text { height:20px; line-height:16px; }
.ext-border-box .x-small-editor .x-form-text { height:20px; }
.x-small-editor .x-form-select-one { height:20px; line-height:16px; vertical-align:middle; }
.x-small-editor .x-form-num-field { text-align:right; }
.x-small-editor .x-form-field-wrap .x-form-trigger { height:19px; }
.x-form-clear { clear:both; height:0; overflow:hidden; line-height:0; font-size:0; }
.x-form-clear-left { clear:left; height:0; overflow:hidden; line-height:0; font-size:0; }
.x-form-cb-label { width:'auto' !important; float:none !important; clear:none !important; display:inline !important; margin-left:4px; }
.x-form-column { float:left; padding:0; margin:0; width:48%; overflow:hidden; zoom:1; }
/* buttons */
.x-form .x-form-btns-ct .x-btn { float:right; clear:none; }
.x-form .x-form-btns-ct .x-form-btns td { border:0; padding:0; }
.x-form .x-form-btns-ct .x-form-btns-right table { float:right; clear:none; }
.x-form .x-form-btns-ct .x-form-btns-left table { float:left; clear:none; }
.x-form .x-form-btns-ct .x-form-btns-center { text-align:center; /*ie*/ }
.x-form .x-form-btns-ct .x-form-btns-center table { margin:0 auto; /*everyone else*/ }
.x-form .x-form-btns-ct table td.x-form-btn-td { padding:3px; }
.x-form .x-form-btns-ct .x-btn-focus .x-btn-left { background-position:0 -147px; }
.x-form .x-form-btns-ct .x-btn-focus .x-btn-right { background-position:0 -168px; }
.x-form .x-form-btns-ct .x-btn-focus .x-btn-center { background-position:0 -189px; }
.x-form .x-form-btns-ct .x-btn-click .x-btn-center { background-position:0 -126px; }
.x-form .x-form-btns-ct .x-btn-click .x-btn-right { background-position:0 -84px; }
.x-form .x-form-btns-ct .x-btn-click .x-btn-left { background-position:0 -63px; }
.x-form-invalid-icon { width:16px; height:18px; visibility:hidden; position:absolute; left:0; top:0; display:block; background:transparent url(images/combobox/exclamation.gif) no-repeat 0 2px; }
/* fieldsets */
.x-fieldset { border:1px solid #B5B8C8; padding:10px; margin-bottom:10px; }
.x-fieldset legend { font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#15428b; }
.ext-ie .x-fieldset legend { margin-bottom:10px; }
.ext-ie .x-fieldset { padding-top: 0; padding-bottom:5px; }
.x-fieldset legend .x-tool-toggle { margin-right:3px; margin-left:0; float:left !important; }
.x-fieldset legend input { margin-right:3px; float:left !important; height:13px; width:13px; }
fieldset.x-panel-collapsed { padding-bottom:0 !important; border-width: 1px 0 0 0 !important; }
fieldset.x-panel-collapsed .x-fieldset-bwrap { visibility:hidden; position:absolute; left:-1000px; top:-1000px; }
.ext-ie .x-fieldset-bwrap { zoom:1; }
.ext-ie td .x-form-text { position:relative; top:-1px; }
.x-fieldset-noborder { border:0px none transparent; }
.x-fieldset-noborder legend { margin-left:-3px; }
/* IE legend positioing bug */
.ext-ie .x-fieldset-noborder legend { position: relative; margin-bottom:23px; }
.ext-ie .x-fieldset-noborder legend span { position: absolute; left:-5px; }
.ext-gecko .x-window-body .x-form-item { -moz-outline: none;/*overflow: auto;*/ /* this causes each field to scroll independently? */
}
.ext-gecko .x-form-item { -moz-outline: none; }
.x-hide-label label.x-form-item-label { display:none; }
.x-hide-label .x-form-element { padding-left: 0 !important; }
.x-combo-list { border:1px solid #676767; background:#ddecfe; zoom:1; overflow:hidden; }
.x-combo-list-inner { overflow:auto; background:white; position:relative; /* for calculating scroll offsets */ zoom:1; overflow-x:hidden; }
.x-combo-list-hd { font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#15428b; background-image: url(images/combobox/panel-title-light-bg.gif); border-bottom:1px solid #676767; padding:3px; }
.x-resizable-pinned .x-combo-list-inner { border-bottom:1px solid #676767; }
.x-combo-list-item { font:normal 11px Verdana, Arial, Helvetica, sans-serif; padding:2px; border:1px solid #fff; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; }
.x-combo-list .x-combo-selected { border:1px dotted #a3bae9 !important; background:#ccc; cursor:pointer; }
.x-combo-noedit { cursor:pointer; }
.x-combo-list .x-toolbar { border-top:1px solid #676767; border-bottom:0 none; }
.x-combo-list-small .x-combo-list-item { font:normal 11px Verdana, Arial, Helvetica, sans-serif; }

/*fil d'arianne*/
#path { height:20px; color:#000; line-height:20px; font-size:11px; float:none; background-color:#fff; }
#path a { color:#000; text-decoration:none; font-weight:normal}
#path a:hover { text-decoration:underline }
#path .fl_path_vert, #path .fl_path_bl { background:url(images/fl_path_noir.png) no-repeat 0 3px; padding-left:18px; margin-left:2px; }

.intitule {color:#747476; font-size:12px; font-weight:bold; text-align:center; }
.element {margin:8px 0;}