/** * Owner: Mathieu Ebacher * Summary : Main CSS Stylesheet for the Entremetteuse Website. * _________________________________________________________ */ /* /* General Declarations */ /************************************/ body {margin: 15px 0px 0px 0px; padding: 0px 0px 5px 0px; background-color: #000000;} img { border:0; } div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } p, td, div {color:#FFFFFF; font-size: 11pt; font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;} p {padding: 0px 0px 0px 0px 0px; margin: 0px 0px 18px 0px;} pre {color: #5bb9df; font-size: 11px; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; white-space: pre-wrap;} H1 {color: #FFFFFF; margin: 15px 0px 0px 15px; font-size: 24pt; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; font-weight: normal;} H2 {color: #FFFFFF; font-size: 9pt; font-family: Helvetica, Verdana, Arial, sans-serif; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight: normal; text-transform: uppercase;} H3 {color: #FFFFFF; font-size: 11pt; font-weight: normal; font-weight: bold; font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; text-transform:uppercase;} H4 {color: #FFFFFF; font-size: 11pt; line-height: 38px; font-weight: bold; height: 36px; font-family: Helvetica, Verdana, Arial, sans-serif; margin: 0px 0px 18px 0px; padding: 0px 0px 0px 0px; text-transform: uppercase; background-image: url(../images/pageContents/common/subtitle_bg.png); background-position: left top; background-repeat: repeat-x;} H5 {color: #FFFFFF; font-size: 9pt; font-family: Helvetica, Verdana, Arial, sans-serif; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; font-weight: normal; text-transform: uppercase;} strong {font-weight: bold;} strong.highlightedText {font-size: 11pt;} ul {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} li {margin: 0px 0px 14px 14px; padding: 0px 0px 0px 0px; color: #FFFFFF; list-style: square;} .article_separator {display: none;} .error, .required {color: #000000 !important;} .clearFloat {clear: both;} /* /* Hyperlinks */ /************************************/ a:link {color: #FFFFFF; text-decoration: underline; font-size: 11pt; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;} a:visited {color: #FFFFFF; text-decoration: underline; font-size: 11pt; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;} a:focus {color: #FFFFFF; text-decoration: underline; font-size: 11pt; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;} a:hover {color: #FFFFFF; text-decoration: underline; font-size: 11pt; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;} a:active {color: #FFFFFF; text-decoration: underline; font-size: 11pt; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;} a.oubli { font-family: Helvetica !important; } /* /* Section */ /************************************/ div.section { padding: 10px 0px; background-image: url(../images/pageContents/common/section_bg.png); background-position: left bottom; background-repeat: repeat-x; } /*div.section table td { width: 50%; padding: 2px 15px 2px 0; }*/ div.section div.actions { padding: 15px 0; } div.section div.actions a { padding: 0 25px 0 0; } div.section div.note { font-style:italic; padding:10px 0 0 0; } /* /* Frame */ /************************************/ #MainBodyDiv {width: 1006px; margin: 0px auto 0px auto;} #MainBodyDiv .mainBodyPaddingDiv {padding: 0px 0px 0px 30px;} #MainBodyLayoutTable {} #MainBodyLayoutTable .mainBodyLayoutLeftTopTD {vertical-align: top; width: 230px;} #MainBodyLayoutTable .mainBodyLayoutLeftBottomTD {vertical-align: bottom;} #MainBodyLayoutTable .mainBodyLayoutRightTD {vertical-align: top; width: 724px;} #MainBodyLayoutTable .login { text-align:right; padding: 0 0 2px 0;} #MainBodyLayoutTable .login a { color: #FFFFFF; text-decoration: none; font-style: normal; font-size: 9pt; font-family: Helvetica, Georgia, Verdana, Arial, sans-serif; padding: 0 0 0 10px; text-transform: uppercase; } /* /* Left Section */ /************************************/ .leftMenusContainer {width: 207px; height: 382px;} .topLeftTextContent {text-transform: uppercase; padding: 7px 0px 0px 0px; color:#FFFFFF; font-size: 9pt; font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif; line-height: 18px;} /* /* Social Networking Links Section */ /************************************/ #SocialNetworkLinksList {list-style: none; margin : 0; padding: 0px 0px 30px 0px;} #SocialNetworkLinksList li {list-style: none; width: 19px; height: 19px; margin: 0px; padding: 0px 5px 0px 0px; display: block; float: left;} /* /* Contact Us Section */ /************************************/ .bottomLeftContactContent {width: 207px;} .bottomLeftContactContent .bottomLeftContactTopBG {padding: 1px 0px 0px 0px; background-image: url(../images/leftSection/contactUs_content_bg_small.png); background-position: left top; background-repeat: no-repeat;} .bottomLeftContactContent .bottomLeftContactPadDiv {padding: 9px 0px 10px 0px; text-transform: uppercase; background-image: url(../images/leftSection/contactUs_content_bg_small.png); background-position: left bottom; background-repeat: no-repeat; color: #FFFFFF; font-size: 9pt; font-weight: normal; font-family: Helvetica, Verdana, Arial, sans-serif; line-height: 18px;} .bottomLeftContactContent a:link {color: #FFFFFF; text-decoration: none; font-size: 9pt; font-family: Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase;} .bottomLeftContactContent a:visited {color: #FFFFFF; text-decoration: none; font-size: 9pt; font-family: Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase;} .bottomLeftContactContent a:focus {color: #FFFFFF; text-decoration: none; font-size: 9pt; font-family: Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase;} .bottomLeftContactContent a:hover {color: #FFFFFF; text-decoration: underline; font-size: 9pt; font-family: Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase;} .bottomLeftContactContent a:active {color: #FFFFFF; text-decoration: none; font-size: 9pt; font-family: Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase;} /* /* Main Content (Right Section) */ /************************************/ .artMainBGImgCreatorLink {text-align: right; padding: 7px 11px 0px 0px;} .artMainBGImgCreatorLink a:link {color: #000000; text-decoration: none; font-size: 7pt; font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;} .artMainBGImgCreatorLink a:visited {color: #000000; text-decoration: none; font-size: 7pt; font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;} .artMainBGImgCreatorLink a:focus {color: #000000; text-decoration: none; font-size: 7pt; font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;} .artMainBGImgCreatorLink a:hover {color: #000000; text-decoration: none; font-size: 7pt; font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;} .artMainBGImgCreatorLink a:active {color: #000000; text-decoration: none; font-size: 7pt; font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;} #MainArticleLayoutTable {width: 100%;} #MainArticleLayoutTable .mainArticleRightTD {display: none;} #MainArticleLayoutTable .buttonheading {padding: 0px 0px 0px 10px;} #MainArticleLayoutTable .mainArticleSectionTitleDiv {} #MainArticleLayoutTable .mainArticleTitleDiv {} .artContent {padding: 192px 0px 0px 0px;} #SCROLLABLECONTENT {width: 710px; height: 380px; overflow: auto; margin: 15px 0px 0px 15px; text-align: left;} .scrollPaddingDiv {width: 680px;} .safariScroll .scrollPaddingDiv {width: 655px;} /* /* Find Perfect Candidate Section */ /************************************/ #ArtMainBGHome {width: 724px; height: 668px; background-image: url(../images/pageContents/accueil/accueil_bg.jpg); background-position: left top; background-repeat: no-repeat;} #ArtMainBGtrouvezcandidat {width: 724px; height: 668px; background-image: url(../images/pageContents/trouvezLeCandidatDeVosReves/trouvezCandidat_bg.jpg); background-position: left top; background-repeat: no-repeat;} #ArtMainBGtrouvezcandidat .artContentBG {width: 724px; height: 668px; background-color: #DD1D39; background-image: url(../images/pageContents/trouvezLeCandidatDeVosReves/trouvezCandidat_banner.jpg); background-position: left top; background-repeat: no-repeat;} #ArtMainBGtrouvcand-comrenct {width: 724px; height: 668px; background-image: url(../images/pageContents/trouvezLeCandidatDeVosReves/trouvezCandidat_bg.jpg); background-position: left top; background-repeat: no-repeat;} #ArtMainBGtrouvcand-comrenct .artContentBG {width: 724px; height: 668px; background-color: #DD1D39; background-image: url(../images/pageContents/trouvezLeCandidatDeVosReves/trouvezCandidat_banner.jpg); background-position: left top; background-repeat: no-repeat;} #ArtMainBGtrouvcand-devoilezvous {width: 724px; height: 668px; background-image: url(../images/pageContents/trouvezLeCandidatDeVosReves/trouvezCandidat_bg.jpg); background-position: left top; background-repeat: no-repeat;} #ArtMainBGtrouvcand-devoilezvous .artContentBG {width: 724px; height: 668px; background-color: #DD1D39; background-image: url(../images/pageContents/trouvezLeCandidatDeVosReves/trouvezCandidat_banner.jpg); background-position: left top; background-repeat: no-repeat;} #ArtMainBGtrouvcand-contacteznous {width: 724px; height: 668px; background-image: url(../images/pageContents/trouvezLeCandidatDeVosReves/trouvezCandidat_bg.jpg); background-position: left top; background-repeat: no-repeat;} #ArtMainBGtrouvcand-contacteznous .artContentBG {width: 724px; height: 668px; background-color: #DD1D39; background-image: url(../images/pageContents/trouvezLeCandidatDeVosReves/trouvezCandidat_banner.jpg); background-position: left top; background-repeat: no-repeat;} /* /* Meet Ideal Employer Section */ /************************************/ #ArtMainBGrencontrezemployeurideal {width: 724px; height: 668px; background-image: url(../images/pageContents/rencontrezEmployeurIdeal/rencontrezEmployeur_bg.jpg); background-position: left top; background-repeat: no-repeat;} #ArtMainBGrencontrezemployeurideal .artContentBG {width: 724px; height: 668px; background-color: #3c7daa; background-image: url(../images/pageContents/rencontrezEmployeurIdeal/rencontrezEmployeur_banner.jpg); background-position: left top; background-repeat: no-repeat;} #ArtMainBGrenc-rencontrespossibles {width: 724px; /*height: 668px;*/ background-image: url(../images/pageContents/rencontrezEmployeurIdeal/rencontrezEmployeur_bg.jpg); background-position: left top; background-repeat: no-repeat;} #ArtMainBGrenc-rencontrespossibles .artContentBG {width: 724px; /*height: 668px;*/ background-color: #3c7daa; background-image: url(../images/pageContents/rencontrezEmployeurIdeal/rencontrezEmployeur_banner.jpg); background-position: left top; background-repeat: no-repeat;} #ArtMainBGrenc-rencontrespossibles td { padding: 0 0 5px 5px; } #ArtMainBGrenc-devoilezvous {width: 724px; height: 668px; background-image: url(../images/pageContents/rencontrezEmployeurIdeal/rencontrezEmployeur_bg.jpg); background-position: left top; background-repeat: no-repeat;} #ArtMainBGrenc-devoilezvous .artContentBG {width: 724px; height: 668px; background-color: #3c7daa; background-image: url(../images/pageContents/rencontrezEmployeurIdeal/rencontrezEmployeur_banner.jpg); background-position: left top; background-repeat: no-repeat;} #ArtMainBGrenc-contacteznous {width: 724px; height: 668px; background-image: url(../images/pageContents/rencontrezEmployeurIdeal/rencontrezEmployeur_bg.jpg); background-position: left top; background-repeat: no-repeat;} #ArtMainBGrenc-contacteznous .artContentBG {width: 724px; height: 668px; background-color: #3c7daa; background-image: url(../images/pageContents/rencontrezEmployeurIdeal/rencontrezEmployeur_banner.jpg); background-position: left top; background-repeat: no-repeat;} div.pages { width: 400px; text-align:center; } div.pages a { padding: 0 5px; text-decoration:none; } div.pages a.current { text-decoration:underline; } div.pages a:hover { text-decoration: underline; } div.pages a.navigationLeft { padding:0 15px; float: left; } div.pages a.navigationRight { padding:0 15px; float: right; } /* /* Services Section */ /************************************/ #ArtMainBGservices {width: 724px; height: 668px; background-image: url(../images/pageContents/services/services_bg.jpg); background-position: left top; background-repeat: no-repeat;} #ArtMainBGservices .artContentBG {width: 724px; height: 668px; background-color: #42942C; background-image: url(../images/pageContents/services/services_banner.jpg); background-position: left top; background-repeat: no-repeat;} /* /* Promotion Section */ /************************************/ #ArtMainBGpromotion {width: 724px; height: 668px; background-image: url(../images/pageContents/equipe/equipe_bg.jpg); background-position: left top; background-repeat: no-repeat;} #ArtMainBGpromotion .artContentBG {width: 724px; height: 668px; background-color: #8B7CC3; background-image: url(../images/pageContents/equipe/equipe_banner.jpg); background-position: left top; background-repeat: no-repeat;} /* /* Candidate Section */ /************************************/ #FormMainBGCandidat {width: 724px; height: 668px;} #FormMainBGCandidat .formContentBG {width: 724px; height: 668px; background-color: #3c7daa;} #FormMainBGCandidatNoHeight {width: 724px; } #FormMainBGCandidatNoHeight .formContentBG {width: 724px; background-color: #3c7daa; padding:0 0 10px 0;} /* /* Employer Section */ /************************************/ #FormMainBGEmployeur {width: 724px; height: 668px;} #FormMainBGEmployeur .formContentBG {width: 724px; height: 668px; background-color: #DD1D39;} #FormMainBGEmployeurNoHeight {width: 724px; } #FormMainBGEmployeurNoHeight .formContentBG {width: 724px; background-color: #DD1D39; padding:0 0 10px 0;} /* /* Liste postes Section */ /************************************/ div.listePostesContent {background-color : #ffffff;} div.listePostesContent table tr {background-color: #666666;} div.listePostesContent table tr.alt {background-color: #F1F1F1;} div.listePostesContent table td {color:#000; padding: 5px 5px;} /*#ListeEmployeursElemsTable .listeEmployeursElemTD {border-bottom: 1px solid #666666;} #ListeEmployeursElemsTable .listeEmployeursElemTD .listeEmployeursElemText {padding: 3px 5px; color: #000000;}*/ /* /* Common To All Forms */ /************************************/ #MainFormLayoutTable {width: 100%;} #MainFormLayoutTable .formContent {width: 694px; margin: 15px 0px 0px 15px; text-align: left;} /*#MainFormLayoutTable .formTitleDiv h1 {color: #FFFFFF; margin: 15px 0px 0px 15px; font-size: 16pt; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}*/ #MainFormLayoutTable .formSubTitleDiv h4 {color: #FFFFFF; font-size: 11pt; line-height: 38px; font-weight: bold; height: 36px; font-family: Helvetica, Verdana, Arial, sans-serif; margin: 0px 0px 18px 0px; padding: 0px 0px 0px 0px; text-transform: uppercase; background-image: url(../images/pageContents/common/subtitle_bg.png); background-position: left top; background-repeat: repeat-x;} #MainFormLayoutTable .formSubTitleTextDiv {font-size: 11pt;} #MainFormLayoutTable .formSubTitleTextDivNoItalic {/*font-style: italic;*/ font-size: 11pt;} #MainFormLayoutTable .formSubTitleSmallTextDiv {font-style: italic; font-size: 8pt; margin: 5px 0px 0px 0px;} #MainFormLayoutTable .formFieldsContent {margin: 20px 0px 0px 0px;} #MainFormLayoutTable .mandatoryFieldsTextCont {width: 200px; float: right; clear: both;} #MainFormLayoutTable .mandatoryFieldsTextCont .mandatoryFieldsTextContPadDiv {text-align: right; height: 20px; line-height: 20px; padding: 0px 30px 0px 0px; background-image: url(../images/content/forms/error_icon.png); background-position: right top; background-repeat: no-repeat;} #MainFormLayoutTable .validatedField {float: left;} #MainFormLayoutTable .errorIndicator {float: left; width: 20px; height: 20px; margin: 2px 0px 0px 5px; background-image: url(../images/content/forms/error_icon.png); background-position: left top; background-repeat: no-repeat;} /* /* Step Indicator - Candidat */ /************************************/ #FormStepIndicatorCand {margin: 15px 0px 0px 0px;} #FormStepIndicatorCand .formStepIndicatorLayoutTable .formStepIndicatorStepTextTD div.active {height: 16px; padding: 0px 0px 0px 23px; background-image: url(../images/content/forms/stepIndicator/cand_stepInd_elem_sel_bg.gif); background-position: left top; background-repeat: no-repeat;} #FormStepIndicatorCand .formStepIndicatorLayoutTable .formStepIndicatorStepTextTD {padding: 0px 20px 0px 0px; text-transform: uppercase; font-weight: bold;} #FormStepIndicatorCand a:link {display: block; padding: 0px 0px 0px 23px; background-image: url(../images/content/forms/stepIndicator/cand_stepInd_elem_bg.gif); background-position: left top; background-repeat: no-repeat; color: #FFFFFF; text-decoration: none; font-size: 10pt; font-weight: bold; font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;} #FormStepIndicatorCand a:visited {display: block; padding: 0px 0px 0px 23px; background-image: url(../images/content/forms/stepIndicator/cand_stepInd_elem_bg.gif); background-position: left top; background-repeat: no-repeat; color: #FFFFFF; text-decoration: none; font-size: 10pt; font-weight: bold; font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;} #FormStepIndicatorCand a:focus {display: block; padding: 0px 0px 0px 23px; background-image: url(../images/content/forms/stepIndicator/cand_stepInd_elem_bg.gif); background-position: left top; background-repeat: no-repeat; color: #FFFFFF; text-decoration: none; font-size: 10pt; font-weight: bold; font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;} #FormStepIndicatorCand a:hover {display: block; padding: 0px 0px 0px 23px; background-image: url(../images/content/forms/stepIndicator/cand_stepInd_elem_sel_bg.gif); background-position: left top; background-repeat: no-repeat; color: #FFFFFF; text-decoration: none; font-size: 10pt; font-weight: bold; font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;} #FormStepIndicatorCand a:active {display: block; padding: 0px 0px 0px 23px; background-image: url(../images/content/forms/stepIndicator/cand_stepInd_elem_bg.gif); background-position: left top; background-repeat: no-repeat; color: #FFFFFF; text-decoration: none; font-size: 10pt; font-weight: bold; font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;} table.ficheCandidat td { padding: 2px 5px; vertical-align: top; } table.ficheCandidat td span { text-transform:uppercase; font-weight:bold; } /* /* Step Indicator - Employeur */ /************************************/ #FormStepIndicatorEmp {margin: 15px 0px 0px 0px;} #FormStepIndicatorEmp .formStepIndicatorLayoutTable .formStepIndicatorStepTextTD div.active {height: 16px; padding: 0px 0px 0px 23px; background-image: url(../images/content/forms/stepIndicator/emp_stepInd_elem_sel_bg.gif); background-position: left top; background-repeat: no-repeat;} #FormStepIndicatorEmp .formStepIndicatorLayoutTable .formStepIndicatorStepTextTD {padding: 0px 20px 0px 0px; text-transform: uppercase; font-weight: bold;} #FormStepIndicatorEmp a:link {display: block; padding: 0px 0px 0px 23px; background-image: url(../images/content/forms/stepIndicator/emp_stepInd_elem_bg.gif); background-position: left top; background-repeat: no-repeat; color: #FFFFFF; text-decoration: none; font-size: 10pt; font-weight: bold; font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;} #FormStepIndicatorEmp a:visited {display: block; padding: 0px 0px 0px 23px; background-image: url(../images/content/forms/stepIndicator/emp_stepInd_elem_bg.gif); background-position: left top; background-repeat: no-repeat; color: #FFFFFF; text-decoration: none; font-size: 10pt; font-weight: bold; font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;} #FormStepIndicatorEmp a:focus {display: block; padding: 0px 0px 0px 23px; background-image: url(../images/content/forms/stepIndicator/emp_stepInd_elem_bg.gif); background-position: left top; background-repeat: no-repeat; color: #FFFFFF; text-decoration: none; font-size: 10pt; font-weight: bold; font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;} #FormStepIndicatorEmp a:hover {display: block; padding: 0px 0px 0px 23px; background-image: url(../images/content/forms/stepIndicator/emp_stepInd_elem_sel_bg.gif); background-position: left top; background-repeat: no-repeat; color: #FFFFFF; text-decoration: none; font-size: 10pt; font-weight: bold; font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;} #FormStepIndicatorEmp a:active {display: block; padding: 0px 0px 0px 23px; background-image: url(../images/content/forms/stepIndicator/emp_stepInd_elem_bg.gif); background-position: left top; background-repeat: no-repeat; color: #FFFFFF; text-decoration: none; font-size: 10pt; font-weight: bold; font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;} /* /* Ajax Calendar */ /************************************/ .ajax__calendar .ajax__calendar_prev {} .ajax__calendar .ajax__calendar_title {color: #000000;} .ajax__calendar_body .ajax__calendar_days .ajax__calendar_dayname {color: #000000;} .ajax__calendar_body .ajax__calendar_days .ajax__calendar_day {color: #000000;} .ajax__calendar_body .ajax__calendar_month {color: #000000;} .ajax__calendar_body .ajax__calendar_year {color: #000000;} .ajax__calendar_today {color: #000000;} .ajax__calendar a:link {color: #000000; text-decoration: underline; font-size: 10pt; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;} .ajax__calendar a:visited {color: #000000; text-decoration: underline; font-size: 10pt; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;} .ajax__calendar a:focus {color: #000000; text-decoration: underline; font-size: 10pt; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;} .ajax__calendar a:hover {color: #000000; text-decoration: underline; font-size: 10pt; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;} .ajax__calendar a:active {color: #000000; text-decoration: underline; font-size: 10pt; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;} /* /* Evaluate Fields Table */ /************************************/ .evaluateFieldsTable {width: 100%; margin: 20px 0px 0px 0px; border-left: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;} .evaluateFieldsTable .evaluateFieldTitleTD {text-align: center; padding: 5px 0px 5px 0px; border-right: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF;} .evaluateFieldsTable .evaluateFieldTextTD {border-right: 1px solid #FFFFFF; padding: 2px 0px 2px 5px; border-top: 1px solid #FFFFFF;} .evaluateFieldsTable .evaluateFieldValueTD {text-align: center; padding: 2px 0px 2px 0px; border-right: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF;} /* /* Expertise Fields Table */ /************************************/ .expertiseCatFieldTitleDiv {font-weight: bold; padding: 0px 0px 5px 0px;} .expertiseCatFieldsTable {border-left: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;} .expertiseCatFieldsTable .expertiseCatFieldTextTD {width: 190px; border-right: 1px solid #FFFFFF; padding: 2px 0px 2px 5px; border-top: 1px solid #FFFFFF;} .expertiseCatFieldsTable .expertiseCatFieldValueTD {text-align: center; padding: 2px 0px 2px 0px; border-right: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF;} /* /* City List Table */ /************************************/ .workInCityFieldsTable {border-left: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;} .workInCityFieldsTable .workInCityFieldTextTD {width: 250px; border-right: 1px solid #FFFFFF; padding: 2px 0px 2px 5px; border-top: 1px solid #FFFFFF;} .workInCityFieldsTable .workInCityFieldValueTD {text-align: center; padding: 2px 0px 2px 0px; border-right: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF;} /* /* boutons suivant et retour */ /************************************/ div.bouton { padding: 10px 0px 5px 0px; } /*div.bouton a { padding: 0 10px; }*/ div.bouton a:link, div.bouton a:focus, div.bouton a:visited, div.bouton a:active { padding: 2px 10px; text-decoration: none; font-size:9pt; border: 1px solid #FFFFFF; font-family:Helvetica; text-transform: uppercase; } div.adminPageContent div.bouton a { border-color:#000;} #FormMainBGCandidat div.bouton a:hover, #FormMainBGCandidatNoHeight div.bouton a:hover, #ArtMainBGrencontrezemployeurideal div.bouton a:hover, #ArtMainBGrenc-rencontrespossibles div.bouton a:hover { background: #99ccff; } #FormMainBGEmployeur div.bouton a:hover, #FormMainBGEmployeurNoHeight div.bouton a:hover, #ArtMainBGtrouvezcandidat div.bouton a:hover { background: #cc9999; } div.adminPageContent div.bouton a:hover { background: silver; } /* /* Administration Section */ /************************************/ #AdminMainBG {width: 724px; height: 668px;} #AdminMainBG .adminContentBG {width: 724px; height: 668px; background-color: #FFFFFF;} #AdminMainBGNoHeight {width: 724px; } #AdminMainBGNoHeight {width: 724px; } #AdminMainBGNoHeight .adminContentBG {width: 724px; background-color: #FFFFFF;} #AdminMainCont p, #AdminMainCont td, #AdminMainCont div {color:#000000;} #AdminMainCont .adminTitleDiv h1 {color: #000000; padding: 15px 0px 0px 0px; margin: 0px 0px 0px 15px; font-size: 16pt; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; font-weight: normal;} #AdminMainCont .adminSubTitleDiv h4 {color: #000000; font-size: 11pt; font-weight: normal; font-family: Helvetica, Verdana, Arial, sans-serif; margin: 18px 0px 18px 0px; padding: 0px 0px 0px 0px; text-transform: uppercase; background-image: url(../images/pageContents/common/subtitle_bg_admin.png); background-position: left top; background-repeat: repeat-x;} #AdminMainCont .adminPageContent {padding: 0px 15px 0px 15px;} .adminPageContent .listeCandidatsLinkDiv {padding: 25px 0px 20px 0px;} .adminPageContent .listeEmployeursLinkDiv {padding: 0px 0px 20px 0px;} .adminPageContent .listeAdministrateursLinkDiv {padding: 0px 0px 0px 0px;} a.adminSectionLink:link {color: #000000; text-decoration: underline; text-transform: uppercase; font-size: 11pt; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;} a.adminSectionLink:visited {color: #000000; text-decoration: underline; text-transform: uppercase; font-size: 11pt; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;} a.adminSectionLink:focus {color: #000000; text-decoration: underline; text-transform: uppercase; font-size: 11pt; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;} a.adminSectionLink:hover {color: #000000; text-decoration: none; text-transform: uppercase; font-size: 11pt; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;} a.adminSectionLink:active {color: #000000; text-decoration: underline; text-transform: uppercase; font-size: 11pt; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;} a.adminListEditLink:link {color: #000000; text-decoration: underline; text-transform: uppercase; font-size: 11pt; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;} a.adminListEditLink:visited {color: #000000; text-decoration: underline; text-transform: uppercase; font-size: 11pt; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;} a.adminListEditLink:focus {color: #000000; text-decoration: underline; text-transform: uppercase; font-size: 11pt; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;} a.adminListEditLink:hover {color: #DD1D39; text-decoration: underline; text-transform: uppercase; font-size: 11pt; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;} a.adminListEditLink:active {color: #000000; text-decoration: underline; text-transform: uppercase; font-size: 11pt; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;} /* /* Liste Candidats Section */ /************************************/ #ListeCandidatsElemsTable {width: 694px;} #ListeCandidatsElemsTable .listeCandidatsElemHeadTD1 {width: 90px; background-color: #666666;} #ListeCandidatsElemsTable .listeCandidatsElemHeadTD2 {width: 200px; background-color: #666666;} #ListeCandidatsElemsTable .listeCandidatsElemHeadTD3 {width: 200px; background-color: #666666;} #ListeCandidatsElemsTable .listeCandidatsElemHeadTD4 {width: 214px; background-color: #666666;} #ListeCandidatsElemsTable .listeCandidatsElemHeadText {padding: 3px 5px; color: #FFFFFF;} #ListeCandidatsElemsTable .listeCandidatsElemTD {border-bottom: 1px solid #666666;} #ListeCandidatsElemsTable .listeCandidatsElemTD .listeCandidatsElemText {padding: 3px 5px; color: #000000;} #ListeCandidatsElemsTable .alt .listeCandidatsElemTD {background-color: #F1F1F1;} /* /* Liste Candidats Section */ /************************************/ #ListeEmployeursElemsTable {width: 694px;} #ListeEmployeursElemsTable .listeEmployeursElemHeadTD1 {width: 90px; background-color: #666666;} #ListeEmployeursElemsTable .listeEmployeursElemHeadTD2 {width: 200px; background-color: #666666;} #ListeEmployeursElemsTable .listeEmployeursElemHeadTD3 {width: 200px; background-color: #666666;} #ListeEmployeursElemsTable .listeEmployeursElemHeadTD4 {width: 214px; background-color: #666666;} #ListeEmployeursElemsTable .listeEmployeursElemHeadText {padding: 3px 5px; color: #FFFFFF;} #ListeEmployeursElemsTable .listeEmployeursElemTD {border-bottom: 1px solid #666666;} #ListeEmployeursElemsTable .listeEmployeursElemTD .listeEmployeursElemText {padding: 3px 5px; color: #000000;} #ListeEmployeursElemsTable .alt .listeEmployeursElemTD {background-color: #F1F1F1;} /* /* Liste Candidats Section */ /************************************/ table.tblCandidates { width: 80%; background-color:#ffffff; border: 1px solid #000000; border-bottom:0; } table.tblCandidates tr.alt { background-color: Silver; } table.tblCandidates th, table.tblCandidates td { padding: 5px 10px; border-bottom: 1px solid #000000; color:#000000; } table.tblCandidates td a { color: #000; } table.search th { text-align:left;} table.search th, table.search td { padding:0 5px 5px 0; } /* /* Login page */ /************************************/ #LoginMainBG {width: 724px; height: 668px; background-color: #3c7daa; background-image: url(../images/pageContents/equipe/equipe_banner.jpg); background-position: left top; background-repeat: no-repeat;} #LoginMainBG .centeredContent {width: 259px; padding: 380px 0px 0px 235px;} #LoginMainBG .centeredContent2 {width: 459px; padding: 300px 0px 0px 135px;} #LoginContent {width: 259px; height: 126px; background-image: url(../images/pageContents/login/login_bg.jpg); background-position: left top; background-repeat: no-repeat;} #LoginContent .loginContentPadDiv {padding: 15px 10px 0px 10px;} #LoginLayoutTable .loginFieldTextTD {text-transform: uppercase; font-weight: bold; padding: 0px 0px 3px 0px;} #LoginLayoutTable .loginFieldInputTD {padding: 0px 0px 15px 0px;} .loginForgotPasswordLinkContent {padding: 10px 0px 0px 10px;} a.smallLoginButtonLinkText:link {color: #FFFFFF; text-decoration: none; text-transform: uppercase; font-size: 11pt; font-family: Helvetica, Verdana, Arial, sans-serif;} a.smallLoginButtonLinkText:visited {color: #FFFFFF; text-decoration: none; text-transform: uppercase; font-size: 11pt; font-family: Helvetica, Verdana, Arial, sans-serif;} a.smallLoginButtonLinkText:focus {color: #FFFFFF; text-decoration: none; text-transform: uppercase; font-size: 11pt; font-family: Helvetica, Verdana, Arial, sans-serif;} a.smallLoginButtonLinkText:hover {color: #FFFFFF; text-decoration: underline; text-transform: uppercase; font-size: 11pt; font-family: Helvetica, Verdana, Arial, sans-serif;} a.smallLoginButtonLinkText:active {color: #FFFFFF; text-decoration: none; text-transform: uppercase; font-size: 11pt; font-family: Helvetica, Verdana, Arial, sans-serif;} /* /* Forgot Password page */ /************************************/ #ForgotPasswordMainBG {width: 724px; height: 668px; background-color: #3c7daa; background-image: url(../images/pageContents/equipe/equipe_banner.jpg); background-position: left top; background-repeat: no-repeat;} #ForgotPasswordMainBG .centeredContent {width: 259px; padding: 380px 0px 0px 235px;} #ForgotPasswordMainBG .centeredContent2 {width: 459px; padding: 300px 0px 0px 135px;} #ForgotPasswordContent {width: 259px; height: 126px; background-image: url(../images/pageContents/login/login_bg.jpg); background-position: left top; background-repeat: no-repeat;} #ForgotPasswordContent .forgotPasswordContentPadDiv {padding: 18px 10px 0px 10px;} #ForgotPasswordLayoutTable .forgotPasswordFieldTextTD {text-transform: uppercase; font-weight: bold; padding: 0px 0px 3px 0px;} #ForgotPasswordLayoutTable .forgotPasswordFieldInputTD {padding: 0px 0px 15px 0px;} a.smallForgotPasswordButtonLinkText:link {color: #FFFFFF; text-decoration: none; text-transform: uppercase; font-size: 11pt; font-family: Helvetica, Verdana, Arial, sans-serif;} a.smallForgotPasswordButtonLinkText:visited {color: #FFFFFF; text-decoration: none; text-transform: uppercase; font-size: 11pt; font-family: Helvetica, Verdana, Arial, sans-serif;} a.smallForgotPasswordButtonLinkText:focus {color: #FFFFFF; text-decoration: none; text-transform: uppercase; font-size: 11pt; font-family: Helvetica, Verdana, Arial, sans-serif;} a.smallForgotPasswordButtonLinkText:hover {color: #FFFFFF; text-decoration: underline; text-transform: uppercase; font-size: 11pt; font-family: Helvetica, Verdana, Arial, sans-serif;} a.smallForgotPasswordButtonLinkText:active {color: #FFFFFF; text-decoration: none; text-transform: uppercase; font-size: 11pt; font-family: Helvetica, Verdana, Arial, sans-serif;} /* /* Edit mode */ /************************************/ .editModeContentDiv {width: 710px; margin: 15px 0px 0px 15px; text-align: left;} a.adminSmallButton:link {color: #000000; display: block; padding: 3px 8px; background-color: #FFFFFF; border: 1px solid #000000; font-weight: bold; text-decoration: none; font-size: 8pt; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;} a.adminSmallButton:visited {color: #000000; display: block; padding: 3px 8px; background-color: #FFFFFF; border: 1px solid #000000; font-weight: bold; text-decoration: none; font-size: 8pt; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;} a.adminSmallButton:focus {color: #000000; display: block; padding: 3px 8px; background-color: #FFFFFF; border: 1px solid #000000; font-weight: bold; text-decoration: none; font-size: 8pt; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;} a.adminSmallButton:hover {color: #000000; display: block; padding: 3px 8px; background-color: #FFFFFF; border: 1px solid #000000; font-weight: bold; text-decoration: none; font-size: 8pt; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;} a.adminSmallButton:active {color: #000000; display: block; padding: 3px 8px; background-color: #FFFFFF; border: 1px solid #000000; font-weight: bold; text-decoration: none; font-size: 8pt; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;}