/* Global properties */ * {margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; outline:none;} body {font-size:11px; color:#7b777e; text-align:center;} h2 {font-size:26px; color:#ba4489; margin:0 0 15px 0; font-weight:normal} h3 {font-size:11px; color:#fff; text-transform:none; margin:0 0 5px 0} caption {font-size:11px; color:#fff; text-transform:uppercase; text-align:left; padding:0 0 5px 18px} p { vertical-align:middle} li { list-style:none} a {color:#7b777e; text-decoration: none;} a:hover {color:#7b777e; text-decoration: underline;} input { font-size:10px; color:#7b777e; vertical-align:middle} select { font-size:10px; color:#7b777e; vertical-align:middle } label { vertical-align:middle} textarea { font-size:10px; color:#7b777e; } fieldset {border:0 none;} img {border:0 none;} /******************************************************************************************************************/ /* Basic classes */ .clear {clear:both;} .hide {display:none;} .tabhide{position:absolute; top:-10000px; left:-5000px;} .invisible {visibility:hidden;} .popup {position:absolute; left:0; z-index:101;} .exclu {color: red;} .exclu a {color: red; text-decoration: none;} /* Alert box class */ .alertClassBox {font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:13px; color:#000; background:#fff url(../images/_alert_bar.gif) 0 0 no-repeat; border:1px solid #ccc; height:auto; position:absolute; top:-200px; left:-200px; padding:2px; visibility:hidden; z-index:999;} .alertClassBox p {margin:0; padding:5px 3px 3px 3px; clear:both;} .alertClassBox a.closeImage {width:12px; height:12px; background:url(../images/_alert_close.gif) 0 0 no-repeat; float:right; display:block; cursor:pointer;} .alertClassIframe {position:absolute; top:-200px; left:-200px; visibility:hidden; z-index:998;} /********************************************************************************************************************/ /* Basic IDs */ #eaiBlue { background:url(../images/bgd_eai_blue.gif) 0 0 repeat;} #container {width:960px; margin:auto; text-align:left; overflow:hidden; font-size:11px; } #content {width:960px; overflow:hidden;} #main { background:#fff; width:766px; float:right;} #main h3 { font-size:14px; font-weight:bold; color:#7b777e; text-transform:none; margin:0 0 10px 0} #main caption{font-size:14px; font-weight:bold; color:#7b777e; text-transform:none; margin:0 0 10px 0} #main p { padding: 0 0 5px 0; line-height:18px;} .intro {padding: 0px 0px 50px 18px; margin:0 15px 0 15px;} .intro2 {padding: 40px 0px 20px 0; margin:0 15px 0px 15px;} /*********************************************************************************************************************/ /****************************** Header *******************************************************************************/ /*********************************************************************************************************************/ #header { background:#fff; width:960px; overflow:hidden; padding:15px 0 0 0; margin:0 0 5px 0} #header .biep { float:right; margin:0 20px 0 0} #header h1 { float:left; margin:0 55px 0 5px} #header h2 { float:left; width:345px; margin:0 0 15px 0} #header h3 { font-size:14px; font-weight:bold; color:#ff0000; text-decoration:blink; text-transform:none; width:440px; display:block; margin:0 0 0 153px; clear:left; font-size:11px; } #eaiBlue #header h3 { color:#4a8ee3;} /********* espace frm login **********/ #espace { width:300px; float:right} #themePar { width:300px; overflow:hidden;} #themePar li { float:left; margin:0 4px 0 0;} #themePar a {width:148px; height:16px; color:#a6afb6; background:#fff url(../images/bgd_espace_li.gif) 0 0 no-repeat; float:left; text-align:center; font-weight:bold} #themePar .active { background:#7b777e url(../images/bgd_espace_active.gif) 0 0 no-repeat; color:#fff; margin:0} #themePar li.last { margin:0} .proInfo {background:#7b777e; height:65px; padding:10px 5px 5px 5px ; overflow:hidden; color:#fff; font-size:10px;} .proInfo a { color:#fff;} .frmLogin p { width:290px; align:center; overflow:hidden; padding:2px 0; } .frmLogin label { width:95px; float:left; text-align:right; margin:0 10px 0 0} .frmLogin input { width:133px; float:left; margin:0 5px 0 0} .frmLogin .btnOk { background:#a6afb6; width:25px; color:#fff; border:0; font-weight:bold; padding:1px 0 0 0} .frmLogin .btnLogin { margin-left : 51px; background:url(../images/bgd_btn_inscrire.gif) 0 0 no-repeat; width:81px; height:17px; padding:0 0 2px 0; text-align:center; border:0; font-weight:bold; color:#fff; font-size:11px; float:left; text-decoration:none;} .frmLogin .btnInscrire { margin-left : 27px; background:url(../images/bgd_btn_inscrire.gif) 0 0 no-repeat; width:81px; height:17px; padding:0 0 2px 0; text-align:center; border:0; font-weight:bold; color:#fff; font-size:11px; float:left; text-decoration:none;} .frmLogin .forgotPassword{ margin : 10px 0 0 55px; float:left; } .frmLogin p a { color:#fff; text-decoration:underline} .frmLogin p a:hover { color:#fff; text-decoration:none; color:#51AE7D;} .frmLogin .jai { width : 100%;} /*********************************************************************************************************************/ /****************************** lev1 *******************************************************************************/ #lev1 { width:960px; overflow:hidden; font-size:10px; margin:0 0 5px 0} #lev1 li { float:left; margin:0 1px 0 0;} #lev1 a { background:url(../images/bgd_lev1_li.gif) 0 0 no-repeat; width:119px; height:25px; display:block; float:left; text-align:center; color:#faf3f1; font-weight:bold} #lev1 .oneRow {width:119px; height:20px; display:block; float:left; padding:5px 0 0 0} .breadcum {background:#fff; margin:0 0 5px 0; padding:7px 0 7px 5px;} .breadcum li {display:inline; color:#ba4489;} .breadcum li a { color:#000; background:url(../images/ico_breadcrum.gif) right 5px no-repeat; padding:0 10px 0 0} .breadcum li a:hover { color:#ba4489;} .introduction {padding:0 0 30px 0;} /**************************************************************************************************************/ /**************************************** lev2 ****************************************************************/ #lev2 { background:#51ae7d; width:173px; float:left; padding:15px 5px 5px 5px;} #lev2 h2{font-weight:bold; font-size:11px; color:#fff; text-transform:uppercase; margin:0 0 5px 0;} #lev2 ul { background:#b5d8c3; width:170px; overflow:hidden; border:1px solid #fff;} #lev2 li { width:165px; border-bottom:1px solid #fff; padding:1px 0 1px 5px} #lev2 li a {color:#ba4489; } #lev2 li.last { border:0 none} #lev2 .subNav { width:170px; border:0 none; padding:0} #lev2 .subNav ul { width:170px; border:0 none; padding:0} #lev2 .subNav li { background:#d6f3e1 url(../images/ico_01.gif) 10px 3px no-repeat; width:150px; padding:0 0 0 20px;} #lev2 .subNav li a {color:#7b777e;} #lev2 .statistiques { margin:15px 0 0 0} #lev2 .aide {margin:30px 0 0 0;} #lev2 .aide li {width:165px; border:0 none; padding:3px 0 3px 5px; font-weight:bold; font-size:12px;} #lev2 .aide a { text-decoration:underline} #lev2 .aide a:hover { text-decoration:none} /********* eaiBlue lev2 **********/ #eaiBlue #lev2 { background:#488fe1; width:173px; float:left; padding:15px 5px 5px 5px;} #eaiBlue #lev2 ul { background:#d9d9d9; border:1px solid #fff;} #eaiBlue #lev2 li {border-bottom:1px solid #fff; padding:1px 0 1px 5px} #eaiBlue #lev2 li a {color:#ba4489; } #eaiBlue #lev2 li.last { border:0 none} #eaiBlue #lev2 .subNav li { background:#d6f3e1 url(../images/ico_01.gif) 10px 3px no-repeat; width:150px; padding:0 0 0 20px; } #eaiBlue #lev2 .subNav li a {color:#7b777e;} /*********************************************************************************************************************/ /********* highlight **********/ .highlight { width:736px; background:#fff url(../images/bgd_hightlight.gif) 0 bottom repeat-x; border-top:1px solid #7698a6; padding:5px 15px 10px 15px; margin:0 0 10px 0} .highlight p{ padding:0; line-height:14px; margin:0} .highlight .col1 { width:400px; float:left;} .highlight .col2 { width:200px; float:right} .highlight li { background:url(../images/ico_arrow.gif) 5px 3px no-repeat; margin:0 10px 0 0; padding:1px 0 2px 20px;} /*********************************************************************************************************************/ /********* highlight1 **********/ .highlight1 {width: 100%; background: url(../images/bgd_hightlight_01.gif) 0 100% repeat-x; overflow: hidden;} .highlight1 h3{padding: 0 0 0 18px;} .highlight1 div.formAjouter{float: left; width:100%; padding: 0 0 15px 0;} .highlight1 div.boxAjouter{float: left; padding: 0 8px 10px 0;} .highlight1 div.boxAjouterFirst{float: left; padding: 0 8px 10px 18px;} .highlight1 div.boxAjouter label, .highlight1 div.boxAjouterFirst label{display: block; padding: 0 0 5px 0} .highlight1 div.boxAjouterFirst select{width: 168px; border: 1px solid #a6afb6; line-height: 22px} .highlight1 div.boxAjouter input{width: 150px; height: 14px; border: 1px solid #a6afb6} .highlight1 div.boxAjouter input.large{width: 292px} .highlight1 div.boxAjouterFirst input{width: 150px; height: 14px; border: 1px solid #a6afb6} .highlight1 div.boxAjouterFirst input.large{width: 292px} .highlight1 div.boxAjouterFirst input.file{width: auto; height: auto;} .highlight1 div.btnAjouter{float: left; width:100%; padding: 0 0 0 18px;} .highlight1 div.btnAjouter label{display: block; padding: 0 0 5px 0} .highlight1 div.btnAjouter2{float: left; width:auto; padding: 0 0 0 18px;} .highlight1 div.btnAjouter2 label{display: block; padding: 0 0 5px 0} /*********************************************************************************************************************/ /********* highlight 2 **********/ .highlight2 { width:736px; background:#fff url(../images/bgd_hightlight2.gif) 0 bottom repeat-x; border-top:1px solid #7698a6; padding:5px 15px 10px 15px; margin:0 0 10px 0} .highlight2 p{ padding:0; line-height:14px; margin:0} .lstAttente { width:720px; overflow:hidden;} .lstAttente li { background:#de71b1 url(../images/ico_arrow.gif) 5px 3px no-repeat; margin:0 10px 0 0; float:left; padding:1px 0 2px 20px; font-size:10px;} .lstAttente li a { color:#fff; font-weight:bold; border-left:1px solid #fff; padding:0 5px 0 5px;} .lstAttente li a:hover { color:#fff;} /*********************************************************************************************************************/ /********* highlight 3 **********/ .highlight3 { width:736px; background:#fff url(../images/bgd_hightlight3.gif) 0 bottom repeat-x; border-top:1px solid #7698a6; padding:5px 15px 10px 15px; margin:0 0 10px 0} .highlight3 p{ padding:0; line-height:14px; margin:0} .lstAttente { width:720px; overflow:hidden;} .lstAttente li { background:#de71b1 url(../images/ico_arrow.gif) 5px 3px no-repeat; margin:0 10px 0 0; float:left; padding:1px 0 2px 20px; font-size:10px;} .lstAttente li a { color:#fff; font-weight:bold; border-left:1px solid #fff; padding:0 5px 0 5px;} .lstAttente li a:hover { color:#fff;} /*********************************************************************************************************************/ /********* field Select **********/ .fldSelect { width:570px; overflow:hidden; float:right; margin:0 0 10px 0} .fldSelect p { width:560px; overflow:hidden; margin:2px 0;} .fldSelect label { width:300px; float:left} .fldSelect select { width:260px; float:left} /*********************************************************************************************************************/ /********* field rechercher **********/ .fldRechercher { background:url(../images/bgd_fld_rechercher.gif) 257px 0 repeat-y; width:100%; overflow:hidden; clear:both} .fldRechercher div { float:left!important; margin:0 10px 0 0} .fldRechercher p { line-height:20px; vertical-align:middle} .fldRechercher .col1 { width:255px!important; padding:10px 0 0 0} .fldRechercher .pSearch { background:#fff; width:246px; margin:0 0 10px 0; line-height:14px; padding:2px 0 0 0; vertical-align:middle; overflow:hidden; border:1px solid #bebebf} .fldRechercher .txtSearch { width:220px; vertical-align:middle; border:0 none; padding:0 0 0 5px; margin:0;} .fldRechercher .btnSearch { width:12px; height:12px; vertical-align:middle} .fldRechercher .col2 { width:200px; float:left} .fldRechercher .col2 input { width:95px; margin:0 5px 0 0} .fldRechercher .col3 { width:150px; } .fldRechercher .col3 p { line-height:16px;} .fldRechercher .col4 { width:100px; margin:0; clear:right; padding:70px 0 10px 0} /*********************************************************************************************************************/ /********* table Eri08 **********/ .tblEri { width:765px; background:url(../images/bgd_tbl_annonces.gif) left top no-repeat; margin:0 0 5px 0; border-bottom:2px solid #00532f;} .tblEri th { color:#fff; padding:0 0 5px 8px; text-align:left; height:30px;} .tblEri td { background:url(../images/bgd_line_tbl.gif) right top repeat-y; text-align:left; padding:0 5px 5px 5px;} .tblEri table td {padding:4px 5px 4px 8px;} .tblEri .bgColor td { background:#eefaf3 url(../images/bgd_line_tbl.gif) right top repeat-y;} .tblEri .bgColor td.last {background:#eefaf3 none} .tblEri .last { background:none} .tblEri img { margin:0 5px 0 0; vertical-align:middle} /*********************************************************************************************************************/ /********* table annonces **********/ .tblAnnonces { width:765px; background:url(../images/bgd_tbl_annonces.gif) left top no-repeat; margin:0 0 5px 0; border-bottom:2px solid #00532f; } .tblAnnonces img { margin:0 5px 0 0; vertical-align:middle} .tblAnnonces th { color:#fff; background:#00532f; padding:0 0 5px 8px; text-align:left; height:30px; } .tblAnnonces td {background:url(../images/bgd_line_tbl.gif) right top repeat-y; text-align:left; padding:0 7px 0 7px;} .tblAnnonces .bgColor td{background:url(../images/bgd_line_tbl.gif) left top repeat-y; padding:5px 5px 5px 15px;} .tblAnnonces .bgColor td.first{background:none; padding: 5px 5px 5px 28px; border-left:2px solid #00532f;} .tblAnnonces .bgColor td.tree{background:url(../images/ico_tree_first.gif) 40px 0 no-repeat; padding:12px 5px 0 55px;} .tblAnnonces .bgColor td.treeLast{background:url(../images/ico_tree.gif) 40px 0 no-repeat; padding:12px 5px 10px 55px;} .tblAnnonces .bgColor td.last{background:url(../images/bgd_line_tbl.gif) left top repeat-y; padding: 5px 5px 5px 15px; border-right:2px solid #00532f;} .tblAnnonces .bgColor td.singleColumn{background:none; padding: 5px 5px 5px 13px; border-right:2px solid #00532f; border-left:2px solid #00532f;} .tblAnnonces .bgColor2 td{background:#eefaf3 url(../images/bgd_line_tbl.gif) left top repeat-y; padding:5px 5px 5px 15px;} .tblAnnonces .bgColor2 td.first{background:#eefaf3 none; padding: 5px 5px 5px 28px; border-left:2px solid #00532f;} .tblAnnonces .bgColor2 td.tree{background:#eefaf3 url(../images/ico_tree_first.gif) 40px 0 no-repeat; padding:12px 5px 0 55px;} .tblAnnonces .bgColor2 td.treeLast{background:#eefaf3 url(../images/ico_tree.gif) 40px 0 no-repeat; padding:12px 5px 10px 55px;} .tblAnnonces .bgColor2 td.last{background:#eefaf3 url(../images/bgd_line_tbl.gif) left top repeat-y; padding: 5px 5px 5px 15px; border-right:2px solid #00532f;} .tblAnnonces .bgColor2 td.singleColumn{background:#eefaf3; padding: 5px 5px 5px 13px; border-right:2px solid #00532f; border-left:2px solid #00532f;} .tblAnnonces .firstTh {background:url(../images/bgd_left_th.gif) 0 0 no-repeat #00532f;} .tblAnnonces .lastTh {background:url(../images/bgd_right_th.gif) 100% 0 no-repeat #00532f;} /*********************************************************************************************************************/ /********* table AddressBook **********/ .tblAddressBook { width:765px; background:url(../images/bgd_tbl_annonces.gif) left top no-repeat; margin:0 0 5px 0; border-bottom:2px solid #00532f; } .tblAddressBook img { margin:0 5px 0 0; vertical-align:middle} .tblAddressBook th { color:#fff; background:#00532f; padding:0 0 5px 8px; text-align:left; height:30px; } .tblAddressBook td { text-align:left; padding:0px 0px 1px 0px;} .tblAddressBook table .bgColor td{background:url(../images/bgd_line_tbl.gif) left top repeat-y; padding:5px 5px 5px 15px;} .tblAddressBook table .bgColor td.first{background:none; padding: 5px 5px 5px 28px; border-left:2px solid #00532f;} .tblAddressBook table .bgColor td.simple{background:none; padding: 5px 5px 5px 28px;} .tblAddressBook table .bgColor2 td{background:#eefaf3 url(../images/bgd_line_tbl.gif) left top repeat-y; padding:5px 5px 5px 15px;} .tblAddressBook table .bgColor2 td.first{background: #eefaf3 none; padding: 5px 5px 5px 28px; border-left:2px solid #00532f;} .tblAddressBook table .bgColor2 td.simple{background: #eefaf3 none; padding: 5px 5px 5px 28px;} .tblAddressBook .last{border-right:2px solid #00532f;} .tblAddressBook .PrincipalTr { background:url(../images/bgd_line_h.gif) left bottom repeat-x} .tblAddressBook .PrincipalTd { background:url(../images/bgd_line_tbl.gif) right top repeat-y; border-left:2px solid #00532f;} .tblAddressBook .principalLabel {padding:10px 5px 5px 15px;} .tblAddressBook .firstTh {background:url(../images/bgd_left_th.gif) 0 0 no-repeat #00532f;} .tblAddressBook .lastTh {background:url(../images/bgd_right_th.gif) 100% 0 no-repeat #00532f;} /*********************************************************************************************************************/ /********* table Referentiel **********/ .tblReferentiel {width:765px; background:url(../images/bgd_tbl_referentiel.gif) left top no-repeat; margin:0 0 5px 0; border-bottom:2px solid #488fe1;} .tblReferentiel th { color:#fff; padding:0 0 5px 18px; text-align:left; line-height: 26px} .tblReferentiel th.first{width: 100px} .tblReferentiel td {background:url(../images/bgd_line_tbl.gif) left top repeat-y; text-align:left; padding:0 7px 0 7px;} .tblReferentiel .bgColor td{background:url(../images/bgd_line_tbl.gif) left top repeat-y; padding:5px 5px 5px 15px;} .tblReferentiel .bgColor td.first{background: none; padding: 5px 5px 5px 28px; border-left:2px solid #488fe1;} .tblReferentiel .bgColor td.tree{background: url(../images/ico_tree_first.gif) 40px 0 no-repeat; padding:4px 5px 0 55px;} .tblReferentiel .bgColor td.treeLast{background: url(../images/ico_tree.gif) 40px 0 no-repeat; padding:4px 5px 10px 55px;} .tblReferentiel .bgColor td.last{background:url(../images/bgd_line_tbl.gif) left top repeat-y; padding: 5px 5px 5px 28px; border-right:2px solid #488fe1;} .tblReferentiel .bgColor td.all{background:url(../images/bgd_line_tbl.gif) left top repeat-y; padding: 5px 5px 5px 28px; border-right:2px solid #488fe1; border-left:2px solid #488fe1;} .tblReferentiel .bgColor td.singleColumn{background:none; padding: 5px 5px 5px 13px; border-right:2px solid #488fe1; border-left:2px solid #488fe1;} .tblReferentiel .bgColor2 td { background:#eefaf3 url(../images/bgd_line_tbl.gif) left top repeat-y; padding:5px 5px 5px 15px;} .tblReferentiel .bgColor2 td.first{background: #eefaf3 none; padding: 5px 5px 5px 28px; border-left:2px solid #488fe1;} .tblReferentiel .bgColor2 td.tree{background: #eefaf3 url(../images/ico_tree_first.gif) 40px 0 no-repeat; padding:4px 5px 0 55px;} .tblReferentiel .bgColor2 td.treeLast{background: #eefaf3 url(../images/ico_tree.gif) 40px 0 no-repeat; padding:4px 5px 10px 55px;} .tblReferentiel .bgColor2 td.last{background: #eefaf3 url(../images/bgd_line_tbl.gif) left top repeat-y; padding:5px 5px 5px 28px; border-right:2px solid #488fe1;} .tblReferentiel .bgColor2 td.singleColumn{background: #eefaf3; padding: 5px 5px 5px 13px; border-right:2px solid #488fe1; border-left:2px solid #488fe1;} .tblReferentiel input{width: auto; border: 1px solid #a6afb6; padding: 2px 10px} .tblReferentiel input.radio{border:0 none;} .tblReferentiel input.input04{width:300px;} .tblReferentiel a{text-decoration: underline} .tblReferentiel a:hover{text-decoration: none} /*********************************************************************************************************************/ /********* table Recherche **********/ .tblRao { border-top: #a6afb6 solid 1px; border-right: #a6afb6 solid 1px; text-align: center;} .tblRao th { padding:5px; border-left: #a6afb6 solid 1px; border-bottom: #a6afb6 solid 1px;} .tblRao td { padding:5px; border-left: #a6afb6 solid 1px; border-bottom: #a6afb6 solid 1px;} /*********************************************************************************************************************/ /********* table blockPage **********/ .blockPage { width:100%; overflow:hidden; margin:10px 0} .blockPage .next { width:185px; float:right; text-align:right;} .blockPage .next a { text-decoration:underline} .blockPage .next a:hover { text-decoration:none} .blockPage .back { width:130px; float:left;} .blockPage .back a { text-decoration:underline} .blockPage .back a:hover { text-decoration:none} .blockPage ul { width:500px; float:left; text-align:center} .blockPage li { background:url(../images/bgd_page_li.gif) right 2px no-repeat; display:inline; padding:0 3px 0 4px ; float:none;} .blockPage .active a { font-weight:bold; text-decoration:underline} .blockPage li.last { background:none} /*********************************************************************************************************************/ /******** Formulaires ********/ .formType01{padding:10px 18px; border-top:1px solid #7698a6; border-bottom:1px solid #7698a6; height:1%; overflow:hidden;} .formType01 fieldset{clear:both; padding:0 0 10px 0;} .formType01 h3{padding:0 0 5px 0;} .formType01 p{clear:both;} .formType01 p.hiden{} .formType01 p.hiden label{color: #b7b7b7} .formType01 label{width:195px; float:left;} .formType01 input{width:440px; border:#a6afb6 solid 1px; margin:0 0 5px 0; padding:3px 2px; float:left; } .formType01 input.radio{border:0 none;} .formType01 .input00{width:15px;} .formType01 .input01{width:120px;} .formType01 .input02{width:150px;} .formType01 .input03{width:220px;} .formType01 .input04{width:360px;} .formType01 input.txtCheck { border:0; width:13px} .formType01 select{width:447px; margin:0 0 5px 0; padding:2px; float:left;} .formType01 .select02{width:225px; margin:0 0 5px 0; padding:2px; float:left;} .formType01 textarea{width:440px; height:80px; margin:0 0 5px 0; float:left; border:#a6afb6 solid 1px; padding:0 0 0 3px;} .formType01 textarea.smalltxt{height:40px;} .formType01 textarea.bigtxt{height:240px;} .formType01 img{float:left; display:block; margin:2px 10px 0 0;} .formType01 .btn{margin:0 0 0 190px;} .formType01 .btn a{font-size:10px; font-weight:bold; color:#fff; background:#ff851d url(../images/bgd_a.gif) no-repeat; text-decoration:none; height:16px; width:auto; line-height:16px; display:block; float:left; margin:10px 30px 0 0; padding:0 10px 0 28px;} .formType01 .btn a:hover { text-decoration:underline} .formType01 .btn2{} .formType01 .btn2 input{width:15px; height:15px; margin:0 5px 20px 0;} .formType01 .btn2 input.radio{border:0 none;} .formType01 .btn2 label{width:auto; line-height:15px; margin:0 15px 0 0;} .formType01 a{text-decoration:underline;} .formType01 a:hover { text-decoration:none} .formType01 .btn3{} .formType01 .btn3 input{width:15px; height:15px; margin:5px 5px 5px 0;} .formType01 .btn3 label{width:auto; line-height:15px; margin:5px 15px 0 0;} .formType01 span.note{padding: 0 0 0 5px} .formType01 span.right{font-size:9px; float:right} /*********************************************************************************************************************/ /******** Images de fonds pour les formulaires ou divs ********/ .formBG01{background:url(../images/bgd_gradient.gif) 0 100% repeat-x;} .formBG02{background:url(../images/bgd_gradient2.gif) 0 100% repeat-x;} .formBG03{background:url(../images/bgd_gradient3.gif) 0 100% repeat-x;} .formBG04{background:url(../images/bgd_hightlight_01.gif) 0 100% repeat-x;} /*********************************************************************************************************************/ /******** Modificateur pour les formulaires de type "login" ********/ .ecni03 h3{padding:0; margin:0} .ecni03 span {font-size:9px;float:right} .ecni03 img{margin:3px 0 0 10px;} .ecni03 fieldset { padding:10px 0} .ecni03 label {width:220px; float:left;} .ecni03 label.txt1{width:205px;} .ecni03 label.txt2{ margin:20px 0 0 0} .ecni03 label.txtLarge{width:400px;} .ecni03 input {width:250px; float:left;} .ecni03 input.captcha {width:205px; color:#000; text-align:center; font-size:13px; margin:0 13px 0 0; padding:30px 0; float:left;} .ecni03 select{width:255px; float:left;} .ecni03 p.note { font-size:10px; line-height:normal; padding:0; margin:15px 0} .ecni03 .btn{margin:0 0 0 220px;} .ecni03 .btn2 input, .btn3 input{ border:0} .pub { margin:10px 0 20px 0;} /*********************************************************************************************************************/ /******** Modificateur pour les formulaires de type "inscription" ********/ .register {margin: 0 0 9px 0;} /*********************************************************************************************************************/ /******** Modificateur pour les formulaires de type "Recherche d'offres" ********/ .rechercherRao span {width:400px; float:left; margin:0 0 15px 0;} .rechercherRao label {width:220px; float:left; margin:0 0 15px 0;} .rechercherRao input {width:250px; float:left; } .rechercherRao select {width:255px; padding:2px; margin:0 0 3px 0; float:left;} .rechercherRao select.large {width:450px;} .rechercherRao textarea {width:470px; height:100px; margin:0 0 15px 0;} .rechercherRao label.txt1{width:700px; margin:0 0 15px 0;} .rechercherRao label.txt2{width:250px; margin:0 0 15px 0;} .rechercherRao .btn{margin:0 0 0 220px;} .rechercherRao .lstAction{width:auto;} /*********************************************************************************************************************/ /******** Style pour les boutons ********/ .lstAction { width: auto; margin:0 0 8px 5px; overflow: hidden; padding: 0 0 0 0;} .lstAction li { width:auto; height: 15px; background:#ff851d url(../images/ico_arrow.gif) 5px 3px no-repeat; margin:0 5px 5px 0; float:left; padding:1px 5px 2px 20px; font-size:10px;} .lstAction li a { color:#fff; font-weight:bold; border-left:1px solid #fff; text-decoration:none;height:16px; width:auto; line-height:16px; display:block; float:left; margin:0; padding:0 10px 0 10px;} .lstAction li a:hover { color:#fff; text-decoration:none;} .lstAction li.aLength { width:170px;} .lstAction li.alignR {float: right;} .valignCenter {vertical-align:middle; margin:0 0 0 5px;} .valignCenter li {margin:0 0 0 5px;} .lstAttente { width: auto; margin:0 0 8px 5px; overflow: hidden; padding: 0 0 0 0;} .lstAttente li { width:auto; height: 15px; background:#de71b1 url(../images/ico_arrow.gif) 5px 3px no-repeat; margin:0 5px 5px 0; float:left; padding:1px 5px 2px 20px; font-size:10px;} .lstAttente li a { color:#fff; font-weight:bold; border-left:1px solid #fff; padding:0 5px 0 5px; text-decoration:none;} .lstAttente li a:hover { color:#fff; text-decoration:none;} .lstAttente li.aLength { width:170px;} .lstAttente li.alignR {float: right;} .fullWitdh {width: 720px;} .button01 input{ width: auto; height : 13px; border-right: 0px; border-left: 1px solid #fff; border-top: 0px; border-bottom: 0px; padding: 0 5px 0 5px; background: #ff851d; color:#fff; font-weight:bold; font-size:10px; margin-left: 0; margin-right: 0; margin-top: 1px; margin-bottom: 1px ; } .button01 input.size01{width: 80px;} .button01 input.size02{width: 100px;} .button01 input.size03{width: 120px;} .button01 input.size04{width: 160px;} .button01 input.size05{width: 180px;} .button01 input.size06{width: 200px;} .button01 input:hover { text-decoration:underline; } .button02 input{ width: auto; height : 13px; border-right: 0px; border-left: 1px solid #fff; border-top: 0px; border-bottom: 0px; padding: 0 5px 0 5px; background: #de71b1; color:#fff; font-weight:bold; font-size:10px; margin-left: 0; margin-right: 0; margin-top: 1px; margin-bottom: 1px; } .button02 input.size01{width: 80px;} .button02 input.size02{width: 100px;} .button02 input.size03{width: 120px;} .button02 input.size04{width: 160px;} .button02 input.size05{width: 180px;} .button02 input.size06{width: 200px;} .button02 input:hover { text-decoration:underline; } /************************************************************************************/ /****************************** classe d'affichage des erreurs ****/ .form_error{color : red; align:left;} /*********************************************************************************************************************/ /******** Style pour les blocs de contenus ********/ #box01{width: 755px; background: url(../images/bgd_box_02.gif) 0 100% no-repeat; padding: 0 12px 15px 0; margin: 0 0 5px 0;} #box01 div.content{border-top: 1px solid #00532f;} #box01 div.content h3{color:#00532f; border-bottom:1px solid #00532f; padding:3px 0 3px 15px} #box01 div.content ul{padding: 0 0 5px 15px} #box01 div.content li{background: url(../images/ico_02.gif) 3px 10px no-repeat; padding:5px 0 0 12px; display: block} #box01 div.content li.title{font-weight: bold; background:none; padding:0 0 5px 0} #box01 div.content li a, .content li.title a{color: #00532f; text-decoration: underline} #box01 div.content a:hover, .content li.title a:hover{color: #00532f; text-decoration: none} #box02{background: url(../images/bgd_box_03.gif) 0 100% no-repeat; padding: 0 12px 15px 0; margin: 0 0 5px 0;} #box02 div.content{border-top: 1px solid #ff851d;} #box02 div.content h3{color: #ff851d; border-bottom: 1px solid #ff851d; padding: 3px 0 3px 15px} #box03{background: url(../images/bgd_box_01.gif) 0 100% no-repeat; padding: 0 12px 15px 0; margin: 0 0 5px 0} #box03 div.content{border-top: 1px solid #7b777e;} #box03 div.content h3{color: #7b777e; border-bottom: 1px solid #7b777e; padding: 3px 0 3px 15px} #box03 div.content p{padding: 0 0 5px 15px} #box03 div.content a.action{color: #f37f1c; font-size: 10px; text-decoration: underline; background: url(../images/ico_03.gif) 0 5px no-repeat; padding: 0 0 0 8px;} #box03 div.content a.action:hover{text-decoration: none} /*********************************************************************************************************************/ /******** Style spécifique pour la page d'accueil ********/ .home{padding: 0 10px; overflow: hidden} .intro{ font-size: 12px; padding: 30px 20px 30px 0;} #colLeft{float: left; width: 370px;} #colLeft.smallCol{width: 316px;} #colLeft .box01{ width:304px; background: url(../images/bgd_box_02.gif) 100% 100% no-repeat; overflow: hidden; padding: 0 12px 15px 0;} #colLeft .box01 div.content{border-top: 1px solid #00532f;} #colLeft .box01 div.content h3{color: #00532f; border-bottom: 1px solid #00532f; padding: 4px 0 4px 20px} #colLeft .box01 div.content p{padding: 10px 20px} #colLeft .box01 div.content .photo{float: left; width: 96px; padding: 10px 0 0 20px;} #colLeft ul.btn{ float: left; width: 162px; margin:79px 0 0 5px;} #colLeft ul.btn li{ float: left; display: block; background: none; height:25px; width:122px; line-height:25px;} #colLeft ul.btn li.btn01{background:#51ae7d url(../images/bgd_btn_green_01.gif) no-repeat; padding:0 0 0 36px; margin:0 0 5px 0;} #colLeft ul.btn li.btn02{background:#51ae7d url(../images/bgd_btn_green_02.gif) no-repeat; padding:0 0 0 36px;} #colLeft ul.btn li a{font-size:10px; font-weight:bold; color:#fff; text-decoration:none;} #colLeft ul.btn li a:hover { text-decoration:underline} #colRight{float: left; width: 370px; display: inline} #colRight.bigCol{width: 642px;} #colRight .box01{background: url(../images/bgd_box_01.gif) 100% 100% no-repeat; padding: 0 12px 15px 0; margin: 0 0 5px 0;} #colRight .box01 div.content{border-top: 1px solid #51ae7d;} #colRight .box01 div.content h3{color: #51ae7d; border-bottom: 1px solid #51ae7d; padding: 4px 0 4px 20px} #colRight .box01 div.content p{padding: 10px 20px} #colRight .box01 div.content ul{padding: 0 0 12px 20px} #colRight .box01 div.content li{background: url(../images/ico_02.gif) 3px 10px no-repeat; padding: 5px 0 0 12px; display: block} #colRight .box01 div.content li a{color: #51ae7d; text-decoration: underline} #colRight .box01 div.content a:hover{color: #51ae7d; text-decoration: none} #colRight .box02{float: left; width: 309px; background: url(../images/bgd_box_03.gif) 100% 100% no-repeat; padding: 0 12px 15px 0; margin: 0 0 5px 0;} #colRight .box02 div.content{border-top: 1px solid #ff851d;} #colRight .box02 div.content h3{color: #f37f1c; border-bottom: 1px solid #ff851d; padding: 4px 0 4px 20px} #colRight .box02 div.content p{padding: 10px 20px} #colRight .box02 div.content a.action{color: #f37f1c; font-size: 10px; text-decoration: underline; background: url(../images/ico_03.gif) 0 5px no-repeat; padding: 0 0 0 8px;} #colRight .box02 div.content a.action:hover{text-decoration: none} .pubHome {margin:10px 15px 20px 0; float:right;} .home .pubHome {margin:10px 15px 20px 0; margin-left:120px;float:none;} /*** accordion ***/ /********************************/ #contResultatsFaq {width:100%; overflow:hidden;} #contResultatsFaq .recherchezTitle {background:url(../images/bgd_line_h.gif) 0 bottom repeat-x; width:754px; display:block; float:left; padding:0 0 0px 0; margin:0} #contResultatsFaq .recherchezTitle a { background:#eefaf3 url(../images/ico_up.gif) 0px 10px no-repeat; width:754px; padding:0 0 0 0;} #contResultatsFaq .recherchezTitle span { margin:0 0 0 7px;} #contResultatsFaq .recherchezTitle span a { background:none !important; margin:0 i!important; text-decoration:underline} #contResultatsFaq .recherchezTitle span a:hover { text-decoration:none} #contResultatsFaq .recherchezContent span a { background:none !important; margin:0 0 0 7px; text-decoration:underline} #contResultatsFaq .recherchezContent span a:hover { text-decoration:none} #contResultatsFaq .recherchezContent { background:#eefaf3 url(../images/bgd_line_h.gif) 0 bottom repeat-x; width:754px; display:block; overflow:hidden; margin:0 0 0 0; float:left;} #contResultatsFaq .last { background: url(../images/bgd_linePapier.gif) 0 100% repeat-x !important; margin:0; } .icoDown { background:#eefaf3 url(../images/ico_down.gif) 3px 10px no-repeat;} .icoUp { background:url(../images/ico_up.gif) 5px 8px no-repeat;} .addBgColor { background:#eefaf3} .noBgColor { background:#eefaf3} #contResultatsFaq .dt { background:url(../images/bgd_line_h.gif) 0 0 repeat-x } #contResultatsFaq .first { background:none} /*EAI0602*/ #eaiBlue #espace { width:300px; float:right} #eaiBlue #themePar { width:300px; overflow:hidden;} #eaiBlue #themePar li { float:left; margin:0 4px 0 0;} #eaiBlue #themePar a {width:148px; height:16px; color:#1674e1; background:#fff url(../images/bgd_espace_active_01.gif) 0 0 no-repeat; float:left; text-align:center; font-weight:bold;} #eaiBlue .proInfo {background:#d9d9d9; height:65px; padding:10px 25px 5px 24px ; overflow:hidden; color:#1674e1; font-size:10px;} #eaiBlue .proInfo li{padding: 0 0 12px 0} #eaiBlue .proInfo li.last{float: right;} #eaiBlue .proInfo li.last a{color: #ba4489; text-decoration: underline;} #eaiBlue .proInfo li.last a:hover{text-decoration: none} h3.title{color: #488fe1} /*action */ .boxActionR{width: 100%; border-bottom: 1px solid #7698a6; padding:14px 0; overflow: hidden} .lstActionR {padding:0 10px;_padding:0;} .lstActionR li { width:110px; background:#ff851d url(../images/ico_arrow.gif) 5px 3px no-repeat; margin:0 10px 5px 0; float:right; padding:1px 0 2px 20px; font-size:10px;} .lstActionR li a { color:#fff; font-weight:bold; border-left:1px solid #fff; padding:0 5px 0 5px;} .lstActionR li a:hover { color:#fff; } /*ERI01*/ h3.title{padding: 0 0 5px 15px} /*ECI01*/ #box {width:767px; padding: 0 0 15px 0; margin: 0 0 5px 0;} #box div{border-top: 1px solid #7798a6; background: url(../images/bgd_hightlight.gif) 0 100% repeat-x; margin:0 0 20px 0; padding:0 0 10px 0 } #box div h3{color: #7b777e; border-bottom: 1px solid #7798a6; padding: 3px 0 3px 15px} #box a { font-weight:bold; text-decoration:underline } #box a:hover {text-decoration:none } #box span { float:left } #box p { padding: 3px 0 3px 15px} #box td {width:190px; padding:3px 15px;} #box th {width:270px; padding:3px 15px; text-align:left; font-weight:normal} #box .widthTh { width:370px; } #box .widthTd { width:255px; padding:3px 15px 3px 0;} #box .widthTd01 { width:100px;padding:3px 10px 3px 0;} #box .widthTd02 { width:120px; padding:3px 10px 3px 0;} #box a.btn{font-size:10px; font-weight:bold; color:#fff; background:#ff851d url(../images/bgd_a.gif) no-repeat; text-decoration:none; height:16px; width:auto; line-height:16px; display:block; float:left; margin:0; padding:0 10px 0 28px;} #box a:hover.btn { text-decoration:underline} #box .blockPage { width:100%; overflow:hidden; margin:10px 0; background:none; border:0} #box .blockPage .next { width:300px; float:right; text-align:right;} #box .blockPage .next a { text-decoration:underline} #box .blockPage .next a:hover { text-decoration:none} #box .blockPage .back { width:130px; float:left;} #box .blockPage .back a { text-decoration:underline} #box .blockPage .back a:hover { text-decoration:none} .lstActionL { width:245px; margin:10px 0 8px 0; float:left} .lstActionL li { width:160px; background:#ff851d url(../images/ico_arrow.gif) 5px 3px no-repeat; margin:0 10px 5px 0; float:left; padding:1px 0 2px 20px; font-size:10px;} .lstActionL li a { color:#fff; font-weight:bold; border-left:1px solid #fff; padding:0 5px 0 5px;} .lstActionL li a:hover { color:#fff; } .lstActionL li.aLength { width:190px;} .btnBgd a {background:#ff851d url(../images/ico_arrow.gif) 5px 2px no-repeat; padding:1px 10px 2px 20px; font-size:10px; border-left:1px solid #fff; color:#fff; font-weight:bold;} /*--------------Liste des offres--------*/ .contListOffer{width:766px; padding:0;} .infoOffer{width:728px; background:url(../images/bgd_info.gif) 0 100% repeat-x; padding:13px 19px; margin:0 0 20px 0; overflow:hidden; border-bottom:#7698a6 solid 1px; border-top:#7698a6 solid 1px;} .infoOffer h3{font-size:12px; color:#7b777e; padding:0; margin:0 0 5px 0!important;} .infoOffer p{padding:0; margin:0;} .infoOffer a{} .infoOffer a.print{display:block; float:right; background:url(../images/ico_print.gif) 0 0 no-repeat; padding:2px 0 2px 25px; text-decoration:underline;} .infoOffer a.print:hover{text-decoration:none;} .infoOffer ul{} .infoOffer li{display:inline;} .infoOffer li a{display:block; color:#fff; font-weight:bold; font-size:10px; display:block; float:left; background:#ff851d url(../images/bgd_a.gif) 0 0 no-repeat; padding:2px 13px 2px 25px; margin:0 10px 0 0;} .infoOffer li a:hover{color:#fff;} .moreOffer{width:747px; padding:0 0 13px 19px; margin:0 0 20px 0; overflow:hidden; border-bottom:#7698a6 solid 1px;} .lastOffer{border-bottom:none;} .deatailOffer{width:515px; float:left; padding:0 15px 0 0;} .deatailOffer h4, .infoContact h4{font-size:11px; color:#ba4489; background:url(../images/ico_arrow_01.gif) 0 3px no-repeat; padding:2px 0 2px 18px; margin:0 0 3px 0;} .blockMemoriser{width:217px; float:right; overflow:hidden;} .blockMemoriser ul{width:110px; float:left;} .blockMemoriser ul li{display:inline;} .blockMemoriser ul li a{display:block; background:url(../images/ico_download.gif) 0 0 no-repeat; padding:0 0 2px 20px; margin:0 0 7px 0; text-decoration:underline;} .blockMemoriser ul li a:hover{text-decoration:none;} .blockMemoriser a.btnMemoriser{ width : 100px;color:#fff; font-weight:bold; font-size:10px; display:block; float:right; background:#ff851d url(../images/bgd_a.gif) 0 0 no-repeat; padding:2px 13px 2px 25px;} .pagelinks{width:728px; overflow:hidden; padding:0 19px 13px 19px; text-align:center;} .pagelinks a.prev{display:block; float:left; text-decoration:underline;} .pagelinks a.prev:hover, .pagelinks a.next:hover{text-decoration:none;} .pagelinks a.next{display:block; float:right; text-decoration:underline;} .pagelinks a.page{text-decoration:underline;} .infoContact{width:728px; padding:13px 19px; margin:0 0 20px 0; overflow:hidden; border-bottom:#7698a6 solid 1px; border-top:#7698a6 solid 1px;} /*********************************************************************************************************************/ /****************************** footer *******************************************************************************/ #footer {width:960px; margin:10px 0; padding:5px 0; overflow:hidden; border-top:1px solid #808080; border-bottom:1px solid #808080; text-align:center } #footer li { display:inline; border-right:1px solid #808080; padding:0 5px;} #footer .last { border:0 none}