/* Styles pour editeur */

.titreh2_1 { color: #fa7000; font-size: 18px; font-weight: normal; margin: 0 0 0 30px; }
.titreh2_2 { color: #5a5b55; font-size: 30px; font-weight: normal; margin: 0 0 0 30px; }
.titreh2_3 { color: #5a5b55; font-size: 18px; font-weight: bold; margin: 0 0 0 15px; }
.titreh3_1 { color: #5a5b55; font-size: 14px; font-weight: bold; margin: 0 0 0 30px; }
.titreh3_2 { color: #5a5b55; font-size: 12px; font-weight: normal; margin: 0 0 0 30px; }
.titreh3_3 { color: #5a5b55; font-size: 16px; font-weight: normal; margin: 0 0 0 15px; }
.titreh4_1 { color: #444a39; font-size: 12px; font-weight: bold; padding: 6px 0 6px 10px; margin: 0; background: url(menu01_titre_bg.png) right bottom no-repeat transparent; text-align: left; }
.titreh5_1 { color: #FFFFFF; margin: 10px 0; padding: 5px 10px; border-bottom: 1px dotted #fff; }

.inscLink { color: #fb7a04; text-decoration: underline; font-size: 10px; }
.planLink { color: #0066cc; text-decoration: underline; font-size: 10px; }
.situerLink { color: #30818f; text-decoration: none; font-size: 10px; display: inline-block; padding-right: 7px; background: url(picto_fleche01.gif) right 3px no-repeat transparent; }

.tbl_ligne1 { color: #5a5b55; font-size: 10px; vertical-align: middle; }
.tbl_ligne2 { color: #fff; font-size: 10px; vertical-align: middle; }

.texte1 { font-size: 11px; color: #444a39; }



/* not editor */

/* Compléments de styles editeur */
.tbl_ligne1 a { color: #5a5b55; }
.tbl_ligne2 a { color: #fff; }
.titreh4_1 a { color: #444a39; }


/* Styles généraux */
body { background: url(bg_body_01.gif) left top repeat-x #ecede7; font-family: Tahoma, Geneva, sans-serif; margin: 0; padding:0; color: #5a5b55; }
a { text-decoration: none; color: #FA7000; }
a:hover { text-decoration: underline; }
a img { border: none; }
.clearer { clear: both; height: 0; font-size: 0; }
.cornL { position: absolute; left: 0px; top: 0px; } /* Pour les coins dans les cellules */
.cornR { position: absolute; right: 0px; top: 0px; } /* Pour les coins dans les cellules */
object { outline: none; }
object:focus{ -moz-outline-style: none; } /* Focus laids de firefox */

.select1 { width: 165px; }
.select2 { width: 70px; }
.inputStyle1 { width: 90%; border-right: 1px solid #dbdfe6; border-bottom: 1px solid #e3e9ef; border-left: 1px solid #e3e9ef; border-top: 1px solid #abadb3; font-size: 11px; font-family: Tahoma, Geneva, sans-serif; padding: 3px; }
.inputStyle1:active { border-right: 1px solid #ff9188; border-bottom: 1px solid #ffa8a5; border-left: 1px solid #feab9d; border-top: 1px solid #e22108; }
.inputStyle1:focus { border-right: 1px solid #a4c9e3; border-bottom: 1px solid #b7d9ed; border-left: 1px solid #b5cfe7; border-top: 1px solid #3d7bad; }
.inputStyle2 { width: 90%; font-size: 11px; padding: 3px; border: 2px solid #d5d4d0; }
.selectStyle1 { font-size: 11px; padding: 3px; border: 2px solid #d5d4d0; }
.selectStyle2 { width: 180px; font-size: 11px; padding: 3px; border: 2px solid #d5d4d0; }


.selectForFlash { position: relative; top: 50px; z-index: 10; }
.carteflashHelp { position: absolute; top: 105px; right: 15px; z-index: 0; }
.carteFlash { position: relative; z-index: 5; }

.input1 { width: 62px; }
.input2 { width: 200px; } 
.input3 { width: 80px; }
.readonly1 { border: none; color: #a09c9c; text-align: center; }

.warninglow { color: #fb4d00; }
.warningcanceled { text-decoration: line-through; }
.texte_resultats { margin-left: 15px; }
.texte_resultats strong { color: #fa7000; }

.marginVert10 { margin: 10px 0; }

.permis-link .permis-aide { display: none; position: absolute; left: 35px; top: -45px; border: 1px solid #B2B4AB; z-index: 15; }

/* Images */

.elargirrech { float: right; margin-right: 5px; text-align: right; }

/* Boutons */

.btn_submit_01 { font-size: 11px; font-weight: bold; background: url(btn_bg_01.gif) left top no-repeat transparent; width: 125px; height: 21px; color: #9f9e9e; border: none; }
.btn_submit_02 { font-weight: bold; background: url(btn_bg_02.png) left 6px no-repeat transparent; width: 195px; height: 55px; color: #000; border: none; text-align:center; }
.btn_submit_02:hover { background-image: url(btn_bg_02_hover.png); }
.btn_submit_03 { font-weight: bold; background: url(btn_bg_03.png) left 9px no-repeat transparent; width: 125px; height: 42px; color: #000; border: none; text-align:center; }
.btn_submit_03:hover { background-image: url(btn_bg_03_hover.png); }
.btn_submit_04 { font-size: 11px; font-weight: bold; background: url(btn_bg_08.png) left top repeat-x transparent; border: 1px solid #aeaeae; width: 125px; height: 19px; color: #9f9e9e; }

.big_btn_01 { width: 482px; height: 48px; background: url(btn_bg_04.png) left top no-repeat transparent; text-align: center; margin: 10px auto; padding: 12px 0 0; font-size: 14px; font-weight: bold; color: #FFFFFF; }
.big_btn_02 { width: auto; height: 27px; background: url(btn_bg_06_left.gif) left top no-repeat transparent; display: inline-block; margin: 5px; }
.big_btn_02 span { display: block; height: 23px; padding-right: 32px; padding-left: 10px; padding-top: 4px; font-weight: bold; font-size: 14px; color: #FFFFFF; background: url(btn_bg_06_right.gif) right top no-repeat transparent; }

.btn_green_01 { background: url(btn_bg_05.png) left top repeat-x transparent; border: 1px solid #5b9400; padding: 2px 5px; color: #fffffe; display: inline-block; }
.btn_green_02 { background: url(btn_bg_05.png) left top repeat-x transparent; border: 1px solid #5b9400; padding: 2px 5px; color: #fffffe; display: block; font-weight: bold; font-size: 10px; text-align: center; }

.btn_gray_01 { background: url(btn_bg_07.png) left top repeat-x transparent; border: 1px solid #b3b3b3; padding: 2px 5px; color: #444a39; display: inline-block; }
.btn_gray_01:hover { background: url(btn_bg_05.png) left top repeat-x transparent; border: 1px solid #5b9400; padding: 2px 5px; color: #fffffe; }

.btnfleche01 { border: 2px solid #d5d4d0; background: #d5d4d0; display: inline-block; width: 20px; height: 17px; margin-top: 5px; }

/* Listes */

.menu01 { width: 215px; list-style: none; padding: 0; margin: 0 0 0 10px; font-size: 12px; color: #444a39; }
.menu01 ul { padding:0; margin: 0; list-style: none; }
.menu01 ul .niv2 a { color: #30818f; text-decoration: none; font-size: 11px; display: block; padding: 2px 0 2px 45px; background: url(picto_fleche01.gif) 35px 5px no-repeat transparent; text-align: left;}
.menu01 ul .niv2 a:hover { background-color: #fff; }
.menu01 .niv1 a { border-bottom: 1px solid #bcc0ac; display: block; padding: 5px 10px 5px 5px; text-align: left; position: relative; color:#444a39; }
.menu01 .niv1:hover a { color: #24b9d3; }
.menu01 .niv1 a .picto { position: absolute; top: 4px; right: 0; }
.menu01 .itemselected a { color: #24b9d3; }
.menu01 ul .itemselectednv2 a { background-color: #dedfd8; }


/* Structure globale */

.main_bg { width: auto; height: auto; background: url(route_bg_big.jpg) center bottom no-repeat; }
.main_body { width: 1015px; margin: 0 auto; background: url(page_bg_body.png) 225px top repeat-y transparent; position: relative; margin-top: 128px; position: relative; z-index: 2; }
.colgauche { width: 240px; float: left; position: relative; top: -83px; z-index: 5; }
.coldroite { width: 265px; float: right; position: relative; top: -83px; z-index: 5; }
.colbloc1 { height: 45px; vertical-align: middle; }
.colbloc2 { height: 35px; font-size: 10px; color: #ffffff; }
.colbloc1 img, .colbloc2 img { vertical-align: middle; }
.colbloc2 a { color: #ffffff; }

.page_main { width: 502px; margin: 0; padding: 0 0 50px 1px; position: relative; font-size: 12px; overflow: hidden; }
.page_main_overflow { height: 1100px; overflow: auto; }
.page_header { width: 534px; height: 48px; position: absolute; padding-top: 70px; top: -118px; left: 225px; background: url(page_header.png) left top no-repeat transparent; }
.page_infoheader { width: 100%; height: auto; font-size: 10px; color: #ffffff; position: absolute; top: -5px; text-align: center; }
.page_accroche { color: #9fab95; font-size: 12px; text-align: center; }
.page_bigtitre { font-size: 30px; color: #5a5b55; font-family: Tahoma, Geneva, sans-serif; margin: 25px 0 0; text-align: right; }
.page_bigtitre2 { font-size: 20px; color: #fa7000; font-weight: bold; }
.page_box_main { background: none #f2f2f1; border: 1px solid #afb8a7; padding: 20px; margin-bottom: 20px; position: relative; }
.page_box_fields { background: none #e3e3e0; border: 1px solid #9fab95; padding: 10px; }
.page_box_fields input { border: 1px solid #9fab95; background: none #fffffe; margin-bottom: 10px;}
.page_box_fields label { font-weight: bold; }
.page_box_fields .btnvalider { font-family: Tahoma, Geneva, sans-serif; font-size: 11px; font-weight: bold; color: #5a5b55; padding: 3px; }
.page_picto { position: absolute; top: -25px; left: 0px; }

.footer { width: auto; height: auto; background: url(footer_bg.png) left top repeat-x #777e6c; position: relative; color: #fff; font-size: 11px; padding-bottom: 5px; z-index: 1; }
.footer .bordertop { width: 100%; height: 10px; background: url(footer_bordertop.png) left top repeat-x transparent; position: relative; top: 0; left: 0; }
.footer .content { width: 950px; padding: 10px 0; margin: 0 auto; overflow: hidden; }
.footer a { color: #93de18; display: inline-block; margin: 0 1px; padding: 3px; }
.footer a:hover { color: #575b4f; background: #93de18; }
.footer table { padding: 0 5px; width: 100%; }
.footer table .col1 { width: 175px; }
.footer table .col2 { color: #93de18; }
.footerbottom { width: auto; padding: 15px 0 25px 0; background: url(footer_borderbottom.png) left top repeat-x #ffffff; font-size: 12px; text-align: center; }
.footerbottom a { color: #444a39; }
.imgfooterleft { position: absolute; left: 50%; margin-left: -660px; top: -600px; }
.imgfooterright { position: absolute; left: 50%; margin-left: 230px; top: -600px;}

/* CORNERS - Les coins utilisés pour les boites */

.cornersTop { width: auto; height: 11px; background: url(corn1_tl.png) left top no-repeat transparent; position: relative; display: block; }
.cornersBot { width: auto; height: 11px; background: url(corn1_bl.png) left top no-repeat transparent; position: relative; display: block; }
.cornersTop span, .cornersBot span { width: 11px; height: 11px; position: absolute; top: 0; right: 0; background: url(corn1_tr.png) right top no-repeat transparent; }
.cornersBot span { background-image: url(corn1_br.png); }

.cornersTop2 { width: auto; height: 6px; background: url(corn2_tl.png) left top no-repeat transparent; position: relative; display: block; margin-bottom: 5px; }
.cornersBot2 { width: auto; height: 6px; background: url(corn2_bl.png) left top no-repeat transparent; position: relative; display: block; margin-top: 5px; }
.cornersTop2 span, .cornersBot2 span { width: 6px; height: 6px; position: absolute; top: 0; right: 0; background: url(corn2_tr.png) right top no-repeat transparent; }
.cornersBot2 span { background-image: url(corn2_br.png); }

.cornersTop3 { width: auto; height: 6px; background: url(corn3_tl.png) left top no-repeat transparent; position: relative; display: block; margin-bottom: 5px; }
.cornersBot3 { width: auto; height: 6px; background: url(corn3_bl.png) left top no-repeat transparent; position: relative; display: block; margin-top: 5px; }
.cornersTop3 span, .cornersBot3 span { width: 6px; height: 6px; position: absolute; top: 0; right: 0; background: url(corn3_tr.png) right top no-repeat transparent; }
.cornersBot3 span { background-image: url(corn3_br.png); }


/* Tables */

.tbl_etapes { width: 100%; }
.tbl_etapes .etapeon, .tbl_etapes .etapeoff { width: 45px; height: 46px; text-align: center; vertical-align: middle; background: url(picto_etape_off.png) center 2px no-repeat transparent; font-size: 20px; font-weight: bold; color: #FFFFFF; }
.tbl_etapes .etapeon { background-image: url(picto_etape_on.png); }
.tbl_etapes .etapeon a, .tbl_etapes .etapeoff a { display: block; color: #FFFFFF; }
.tbl_etapes .etapeondesc, .tbl_etapes .etapeoffdesc { padding: 4px 0 0 5px; text-align: left; vertical-align: top; color: #bcc0ac; font-size: 11px; }
.tbl_etapes .etapeondesc { color: #5a5b55; font-weight: bold; }

.tbl_formstage { width: 460px; margin: 10px auto; font-size: 11px; }
.tbl_formstage a { color: #008dd2; text-decoration: none; }
.tbl_formstage td { padding: 5px; vertical-align: top; }
.tbl_formstage .result { font-weight: bold; }
.tbl_formstage .titrechamps { text-align: right; vertical-align: middle; }
.tbl_formstage .titrechamps2 { text-align: left; vertical-align: middle; }
.tbl_formstage .saisies { text-align: left; vertical-align: middle; }

.tbl_formstageend { /*width: 100%;*/ font-size: 11px; padding: 10px;}
.tbl_formstageend td, .tbl_formstagepromo td { padding: 5px; }
.tbl_formstageend a { color: #008dd2; text-decoration: none; }
.tbl_formstageend .colcheckbox { width: 20px; }
.tbl_formstagepromo { width: 100%; font-size: 11px; padding: 0 15px; }
.tbl_formstagepromo .codepromotitle { width: 120px; padding-left: 20px; }
.tbl_formstagepromo .codepromocontent { width: 250px; }


.tbl_dernieresmin { width: 100%; font-size: 11px; color: #8d8e72; }
.tbl_dernieresmin th { background-color: #444a39; text-align: left; padding: 5px; color: #FFFFFF; }
.tbl_dernieresmin td { text-align: left; padding: 10px; }
.tbl_dernieresmin .resultsep { height: 2px; padding: 0 10px; }
.tbl_dernieresmin .resultsep div { border-bottom: 1px dotted #000; height: 1px; font-size: 1px; }

.tbl_resultsregion { width: 100%; font-size: 11px; color: #8d8e72; }
.tbl_resultsregion strike{display:block;}
.tbl_resultsregion th { background-color: #444a39; text-align: left; padding: 10px; color: #FFFFFF; }
.tbl_resultsregion td { text-align: left; padding: 10px 7px; border-bottom: 1px dotted #000; vertical-align: top; }
.tbl_resultsregion tr:hover { background: #e5e5e5; color: #444a39; }
.tbl_resultsregion tr:hover .btn_gray_01 { background: url(btn_bg_05.png) left top repeat-x transparent; border: 1px solid #5b9400; padding: 2px 5px; color: #fffffe; display: inline-block; }

.tbl_recherche { width: 100%; border-top: 2px solid #d5d4d0; border-bottom: 2px solid #d5d4d0; padding: 5px 15px; background: #ecede7; font-size: 12px; }
.tbl_recherche td { padding: 5px; }
.tbl_recherche .title { color: #499eb3; font-weight: bold; }
.tbl_recherche .col1 { width: 85px; }
.tbl_recherche .col2 { width: 180px; }
.tbl_recherche .col3 { width: 35px; }
.box_tbl_rech { background: url(fleche_tblrech.gif) center bottom no-repeat transparent; margin: 10px 0; padding-bottom: 11px; }


/* Boites */
.wrapper1 { padding: 0 10px; }
.box_rounded { position: relative; background: #CCC; }

.infosbox_parent { position: relative; cursor: pointer; display: block; }
.infosbox_parent:hover .infosbox { display: block; }
.infosbox { position: absolute; top: -20px; right: -250px; display: block; width: 280px; height: auto; overflow: hidden; display: none; }
.infosbox .header { position: relative; z-index: 2; }
.infosbox .footer { width: 100%; height: auto; display: block; position: absolute; bottom: 0; left: 0; background: url(infosbox_footer.png) left bottom no-repeat transparent; top: 50px; z-index: 1; }
.infosbox .content { position: relative; z-index: 3; top: -30px; left: 50px; padding-right:50px; display: block; }

.rappelclosed { width: 280px; height: 85px; padding: 70px 10px 0; background: url(bg_rappelautoclosed.gif) left top no-repeat transparent; font-size: 11px; }

/* derniere minutes */
#derniere_minute{position:absolute;top:11px;left:10px;}
#listing_stage1 .pagination{border:0px;}

/* Erreurs et messages */
.boite_msg{height:24px;overflow:hidden;}
.inputError { border: 1px solid #AE0000;background-color:#e28888; }
.inputOk { /*border: 1px solid #5bb503; background-color:#b3e285;*/}
.divError { width: auto; border: 1px solid #AE0000;margin:5px;padding:2px 4px; color:#ffffff;background-color:#e28888;}
.divOK { width: auto; border: 1px solid #5bb503;margin:5px;padding:2px 4px; color:#3f6a16;background-color:#b3e285;}