/****************************************************************************************
Suppression des styles par défaut drupal posant problèmes
****************************************************************************************/
/*****
definition de la page
*****/
body {
color:#666;
background-color:#EEEEEE ; text-align: center;
}
body * {margin: none; padding:0; text-align: left; font-family: arial, sans-serif; font-size:11px; }
#site {width: 960px; padding: 0px; margin: auto; text-align: center;}
body#page-popup{
background-color:#FFFFFF
}
/*****
liens
*****/
/* liens seuls */
a {color: #2175D9; font-weight:bold; text-decoration: none; font-size: 11px;}
a:hover {color: #012F8F;}
/* liens en liste */
ul li a,
table tbody tr th a
{color: #2175D9; text-decoration: none; font-size: 11px; font-weight: normal;}
ul li a {padding: 3px 2px 3px 10px;}
table tbody tr th {padding: 3px 2px 3px 3px;}
ul li a:hover,
tbody tr th a:hover {color: #2175D9; text-decoration: underline; }
.form-required,
.error {color: red !important; font-size: 11px}
/* autres */
ul {list-style:none;}
table {border:none;}
a img,fieldset {border:none;}
h1 {font-size:18px;color:#333;font-weight:bold;border-top:1px dotted #CCCCCC;}
h2 {font-size:14px;color:#333;font-weight:bold;}
h3 {font-size:11px;color:#333;font-weight:bold;margin:10px 0 0;}
p {font-size:11px;color:#666;margin: 0 0 0 0;}
tbody {border-top:none}
tbody th {border-bottom:none;}
th {padding-right:0px;}
table {border-collapse:separate}
p span,
p {font-size: 11px;}
.ui-tabs-hide { display:none; } /* cacher une zone en fonction du menu */
div.description { display: inline; }
.clb { clear: both; }
.dspln { display: none; }
span.rouge { color: red;}
.float-left {float: left;}
.float-right {float: right;}
.float-none {float: none;}
.bloc-static {display: block; float: none; position: static;}
.w100pc {width: 100%}
.no-padding {padding: 0;}
.border-collapse {border-collapse:collapse; }
.aerer15 {margin: 15px 0px 15px 0px;}
.retrait1 {margin-left: 58px;}
.gras {font-weight: bold;}
.droite {text-align: right; horizontal-align: right;}
.ofh {overflow:hidden;}
.u {text-decoration:underline;}
.margin-left-10 {margin-left: 10px}
.hide {display:none; }
.dil {display: inline;}
.db {display: block;}
.descend10 {margin-top: 30px;}
.font-size-13 {font-size: 13px;}
.centre-vertical {vertical-align: middle;}
div.espace-contenu {background-color: #FFFFFF; display: block; float: none; overflow: hidden;}
.fond-tres-clair {background-color: #FFFFFF; /* overflow:hidden; */ }
.centre {text-align: center;}
div.message-surligne {margin: 4px 32px 4px 32px !important;}
.message-surligne p,
.message-surligne a {font-size: 13px !important;line-height: 18px;}
/* class pour contenu editorial */
table td { padding: 4px; }
table.borderGrey, table.borderGrey td { border:1px solid #898989; border-collapse: collapse;}
table.borderBlack, table.borderBlack td { border:1px solid black; border-collapse: collapse;}
table.fondBleuCiel, table.fondBleuCiel { border:1px solid #F0EFEF; background-color:#FAFEFE; border-collapse: collapse;}
/* class pour contenu editorial */
/*
Colonnes de contenu par largeur et blocs/div par propriétés.
*/
div.colonneGa,
div.colonneCe,
div.colonneDr {float: left; margin: none; }
/**********************************************************************************************
entete
***********************************************************************************************/
/* header */
div#entete {width: 960px; margin: 0px; padding: 0; background-color: #FFFFFF;}
div#entete table.header {width: 960px;}
div#entete table.header td {width: 33%; vertical-align: center; }
div#entete table.header td img {margin: 0 20px -4px 20px; }
/*****
Fil d Arian / Breadcrum
*****/
#entete table,
#entete table tbody,
#entete table tbody tr,
#entete table tbody tr td,
#entete table tbody tr td ul,
#entete table tbody tr td ul li,
#entete table tbody tr td ul li a {padding: 0; margin: 0;}
#entete table tbody tr td ul li a {padding: 0; margin: 0;}
#entete .path-tools
{
margin: 0px 0px 10px 0px;
display: block;
height: 11px;
padding: 8px 16px 10px 16px;
font-size: 11px;
font-weight: normal;
text-decoration:none;
clear: both;
}
#entete .path-tools .path,
#entete .path-tools .tools
{
margin : 0px;
padding : 0px;
height: 11px;
}
/* fil d'Ariane */
#entete .path {float: left;}
#entete .path a,
#entete .path a:visited {font-weight: normal; color:#2175d9}
#entete .path a:hover {text-decoration:underline; color:#2175d9}
/*****
outils
*****/
#entete .tools {color:#2175d9; float: right; }
#entete .tools h2 {display: none;}
#entete .tools ul {display: block;}
#entete .tools ul li {display: block; float: left; }
#entete .tools ul li a,
#entete .tools ul li a:visited {border-right:1px solid #E0E0E0; padding: 0px 8px 0px 8px;}
#entete .tools ul li a:hover {text-decoration:underline; color:#2175d9}
#entete .tools ul li:last-child a {border: 0px;}
/****************************************************************************************
Blocs recherche haut de page
****************************************************************************************/
#topcontent {border-bottom : 10px solid #EEEEEE; }
#topseek {
padding: 10px 8px 14px 8px; height: 65px;
background-image:url(../img/background/gradient-professionals-jobsearch.png);
background-position:left top; background-repeat:repeat-x;
}
#topseek * {color: #FFFFFF; padding: 0; margin: 0px; font-weight: normal; font-size: 11px;}
#topseek h2 {padding: 2px 8px 4px 0px; font-size: 18px;font-weight: bold; }
#topseek table {width: 100%;}
#topseek td.labels {padding-left: 16px;}
#topseek td.saisie {padding-left: 02px;}
#topseek input {
border: none; height:16px; padding:2px;
color:#999999; font-size:8pt;
}
#topseek select {
border: none; line-height: 24px; padding: 2px;
color:#999999; font-size:8pt;
}
#topseek select option {color:#999999;}
/* libelle nombre d'offres */
#form_atome_search_simple_offer td.espace1 {width: 224px; }
#form_atome_search_simple_offer td.nombre-offres {text-align: left;}
#form_atome_search_simple_offer td.nombre-offres a {margin: 0 0 20px 0;}
#form_atome_search_simple_offer td.nombre-offres a {color: #FFFFFF; font-weight: normal; text-decoration: none; }
#form_atome_search_simple_offer td.nombre-offres a span {text-decoration: underline; font-weight: bold;}
/* champs */
#form_atome_search_simple_offer input#secteur { width:260px;}
#form_atome_search_simple_offer input#edit-location { width:170px;}
#form_atome_search_simple_offer select#edit-zone { width:060px;}
#form_atome_search_simple_offer input#edit-submit { margin-left: 15px;}
/* specifique recherche d offres */
#form_atome_search_simple_offer td {text-align: center; font-size:10px; }
/* specifique recherche d agence */
#formSearchAgency #topseek table {padding-right: 32px; }
#formSearchAgency #topseek td.titre h2 {width: auto; padding-left: 20px; }
#formSearchAgency #topseek td.label {width: auto; text-align: right; padding-right: 8px;}
#formSearchAgency #topseek td.form_submit {width: auto;}
#formSearchAgency #topseek input#edit-location,
#formSearchAgency #topseek input#edit-expertisename {width: 180px;}
/* RECHERCHE SANS SPECIALITE JB LE 25/5/2010
#formSearchAgency #topseek td.titre h2 {padding-left: 20px; }
#formSearchAgency #topseek td.label {text-align: right; padding-right: 8px;}
#formSearchAgency #topseek td.form_location {width: 280px;}
#formSearchAgency #topseek input#edit-location {width: 270px;}
#formSearchAgency #topseek td.form_submit {width: 80px;}
#formSearchAgency #topseek table {padding-right: 240px}
*/
/* bouton de soumission */
/* #formSearchContent input.form-image, */
#topseek input.form-image {
background: #2175D9 /* url(../img/button-submit.gif) no-repeat 30px 30px */; padding: 3px;
font-weight: bold; color: #F9F9F9;
}
/* #formSearchContent input.form-image:hover, */
#topseek input.form-image:hover {
background: #FF8A00;
}
#node_admin .formulaire table td img.marge-specifique
{margin-right: 32px !important; border: 0px;}
/* ie7 et ie7 */
body.msie7 #topseek,
body.msie6 #topseek {padding-top: 12px; padding-bottom: 19px}
/****************************************************************************************
bloc titre noir
****************************************************************************************/
div.bloc-titre {
line-height: auto; width: auto;
padding: 23px 23px 23px 32px;
background-image:url(../img/background/gradient-professionals-jobsearch.png);
background-position:left top; background-repeat:repeat-x;
background-color: #EEEEEE;
}
div.bloc-titre h1 {
min-height: 47px;
background-image:url(../img/header-arrow.gif);background-position:left top; background-repeat:no-repeat;
margin: 0px; padding:0 0 0 57px; border: none;
color:#FFFFFF; font-size: 18px;
}
div.bloc-titre h1 span.petit { font-size: 11px;}
/* Visuels places juste sous le bloc titre */
div.visuel-sous-titre {
margin: 0px; padding: 0px; text-align: center; background-color: #FFFFFF; height: auto; width: 960px;
}
/* ie7 et ie7 */
body.msie6 div.bloc-titre h1 {line-height: 47px}
body.msie6 div.bloc-titre h1 span.petit {line-height: 12px}
/* REGION */
.block-region {
font-weight: bold; border: 1px dashed black; background-color: yellow; margin:3px 0px 3px 0px;
}
/* GMap */
.gmap-control div span { display: none; }
/* formulaire configurable */
#node_webform{ background-color:white;}
#webform.long-label label{
width:auto !important;
padding-bottom: 5px;
float:none;
}
#webform.long-label .form-checkboxes,
#webform.long-label .form-radios{
float:none !important;
padding-bottom: 0px;
}
#webform label,
#webform span.label {
position: relative;
top: 1px;
display: block;
float: left;
clear: both;
width: 165px;
font-size: 12px;
font-weight:bold;
}
#webform input , #webform select {
font-size: 12px;
line-height: 120%;
color: #3c3c3c;
padding: 2px 4px;
}
#webform div { margin-top : 10px; margin-bottom : 10px; }
#webform span{ color: #8f0f4f; }
#webform .description {
margin-left:166px;
clear:both;
display:block;
}
#webform .webform-component-textfield,
#webform .webform-component-email,
#webform .webform-component-select,
#webform .webform-component-textarea{
clear:both;
}
#webform .autres { width: 290px; }
#webform .nom { width: 226px; }
#webform .mr { width: 60px; }
#webform .secteur { width: 302px;}
#webform .short { width: 135px; }
#webform textarea { width: 378px; height: 70px; float:left; margin-bottom: 10px; }
#webform textarea.autres2 { width: 295px; height: 70px; }
#webform .form-submit {
float:left;
clear:both;
background: #2175D9 url(../img/btns/submit_recherchez.gif) 100% 100% no-repeat;
padding: 2px 20px 2px 2px;
margin:10px 0 0 166px;
border: none; color:white; font-weight:bold;
cursor: pointer;
}
#webform .form-checkboxes,
#webform .form-radios {
margin-top:0px;
margin-bottom:0px;
float:left;
}
#webform .form-checkboxes input {
float:left;
}
#webform .form-checkboxes .option,
#webform .form-radios .option {
margin-bottom:5px;
font-weight: normal;
width:auto;
}
#webform table {
width: 383px;
border-spacing: 0px;
border-collapse: collapse;
}
#webform td {
padding-bottom:3px;
padding-top:3px;
text-align: center;
border-bottom: 2px solid #0073AC;
color: #0073AC;
}
#webform th {
padding: 5px;
color: #0073AC;
font-weight: normal;
text-align: center;
}
#webform tr.odd {
background-color: #e8f6fd;
}
#webform .webform-component-markup p {
clear:both;
}
#webform .errorMsg li {
margin-left:50px;
color:#5595BA;
list-style-type:disc;
}
/* FIN WEBFORM */
/* SONDAGE */
.poll label,
#poll-view-voting label { font-weight:bold; }
#poll-view-voting label.option { font-weight:normal; display:block; margin:5px 0; }
#poll-view-voting label.option input { border:0px; }
#poll-view-voting div.form-radios { margin:10px 0 30px; }
.poll div.poll-results { margin:15px 0 10px; }
.poll .bar .foreground { background-color:#263A72; }
/****************************************************************************************
homes pages et modules generiques
****************************************************************************************/
.module-generique
{
margin: 0 0 10px 0;
padding: 0;
height: 188px;
background-color: #F9F9F9;
color: #666666;
font-size: 11px;
}
.module-generique.plat {height: 106px;}
.module-generique.intermediaire {height: 188px;}
.module-generique.haut {height: 212px;}
.module-generique.long {width: 634px;}
.module-generique.court {width: 316px;}
.module-generique.tres-court {width: 308px; border-left: 10px #EEEEEE solid;}
.module-generique .colonneGa {width: 155px;}
.module-generique.long .colonneDr {width: 479px;}
.module-generique.court .colonneDr {width: 161px; }
.module-generique.tres-court .colonneDr {width: 153px;}
.module-generique .colonneDr p {margin-top:13px; }
.module-generique h2 {
margin: 0 0 0 0; padding: 7px 1px 6px 16px;
background-color: #E0E0E0; text-align: left;
font-size: 12px; color: #666666;
text-decoration: none; font-weight: none;
}
/* liens modules bleu fin */
div.module-generique ul.liste {
margin: 3px 13px 0px 13px;
list-style-image:none; list-style-position:outside; list-style-type:none;
}
div.module-generique ul.liste li {padding: 3px 3px 3px 3px;}
div.module-generique p {padding: 2px 8px 2px 8px; color: #666666;}
div.module-generique h6 {
display: block; padding: 6px 10px 6px 1px;
color: #666666; font-size:11px; font-weight: normal;
}
/* lien generique en bas a droite */
.module-generique .blocklink,
.module-generique .bas-droit
{
position: relative;
text-align: right;
height: 0px;
}
.module-generique.intermediaire .blocklink,
.module-generique.intermediaire .bas-droit
{
top: 139px;
}
.module-generique.plat .blocklink,
.module-generique.plat .bas-droit
{
top: 060px;
}
.module-generique.haut .blocklink,
.module-generique.haut .bas-droit
{
top: 0px;
}
.module-generique .blocklink a,
.module-generique .bas-droit a
{
padding-right: 16px;
}
/**************************************************************************************************
specifique homes pages
***************************************************************************************************/
/* region des homes pages */
#frontpage.colonneGa.home-page {width: 634px;display: block; margin: 0; padding: 0;}
#side_right.colonneDr.home-page {width: 316px; margin: 0 0 0 10px ; padding: 0;}
.frontpage.module-generique.tres-court,
.frontpage.module-generique.court
{
float: left;
}
.frontpage.module-generique.long,
.side-right.module-generique
{
clear: both;
float : none;
}
/******
Specifique home client :
******/
/* traiter les blocs générés par DRUPAL (id="block") entre la région et le contenu écrit dans le CMS */
/*
#frontpage #bloc,
#side_right #bloc,
#frontpage #bloc div.content,
#side_right #bloc div.content,
#frontpage #block div.content,
#side_right #block div.content {margin: 0; padding: 0; width: auto;}
*/
/* réduire l'espace entre le header et le content car il n'y a pas de top content */
#page-client #topcontent {margin-top : -10px; }
/* specifique bloc logo */
.module-generique#cms-logos .contenu {margin-top: 8px; padding: 16px;}
.module-generique#cms-logos img {margin: 16px;}
/* specifique deroule filieres / sectors */
.module-generique#cms-sectors h2 {margin-bottom: -3px;}
/* special module investisseurs */
.home-page .module-generique#interne-cours-action div.bas-droit {margin: 0 0 0 0;}
.home-page .module-generique#interne-cours-action h6 {margin: 0 0 0 20px; padding: 4px 0 4px 0;}
.home-page .module-generique#interne-cours-action h6.stockvalue {font-size:17px; font-weight:bold; margin-bottom: 8px;}
/* specifique bloc dernieres offres */
.home-page #frontpage #block_annonce-last_offers { display: block; float: left;}
.home-page #frontpage #block_annonce-last_offers .listJobs li { display: block; float: left;}
.home-page #frontpage #block_annonce-last_offers .listJobs li span { display: block; float: left; }
.home-page #frontpage #block_annonce-last_offers .listJobs li span.jobHome { width: 310px;}
.home-page #frontpage #block_annonce-last_offers .listJobs li span.companyHome { width: 230px; }
.home-page #frontpage #block_annonce-last_offers .listJobs li span.date { width: auto; }
/* Traitement special vue "view" */
.module-generique .view ul {margin-top: 10px;}
.module-generique .view ul li {line-height : 18px;}
.module-generique .view ul li div {display : inline;}
/****************************************************************************************
module generique pour page market 3x3
****************************************************************************************/
#node_market33 {
width: 960px; display: block; float: none; background-color:#EEEEEE; padding-bottom: 24px;
}
#node_market33 .bloc-titre {margin-bottom: 10px;}
#node_market33 .module-generique,
#node_market33 .module-generique-transparent
{
float: left;
width: 316px ;
height: 212px;
}
#node_market33 .module-generique.colonne2,
#node_market33 .module-generique-transparent.colonne2
{
width: 309px;
margin-left: 9px;
margin-right: 9px;
}
#node_market33 .module-generique .contenu {padding: 20px 16px 16px 16px; margin-top: -25px;}
#node_market33 .lien-bas {position: relative; top: 170px; text-align: right; margin: 0px;}
#node_market33 .module-generique .lien-bas a {padding-left: 10px; }
#node_market33 .module-generique .lien-bas p {padding: 0px; margin: 0px;}
#node_market33 .bloc-regulateur-hauteur {height: 222px;}
/* ie 6 ; */
body.msie6 #node_market33 .module-generique.colonne2
{
width: 309px;
}
/****************************************************************************************
Modules entêtes de home
****************************************************************************************/
.module-entete
{
height: 18px;
background-color: #E0E0E0;
margin: 0 0 10px;
padding: 14px 16px 14px 16px;
height: 22px;
}
.module-entete *
{
border: 0px;
margin: 0px;
padding: 0px;
vertical-align: middle;
}
.module-entete h2
{
display: inline;
padding-right: 16px;
color: #333333;
font-size: 18px;
}
.module-entete p
{
display: inline;
padding: 0 4px 4px 0;
font-size: 12px;
font-weight: bold;
color: #666666;
}
.module-entete a
{
margin: 0 4px 0 0;
font-size: 12px;
color: #666666;
}
.module-entete a.bouton-fleche
{
display : inline-block;
margin: 0 0 0 16px;
}
.module-entete a.lien-texte:hover
{
text-decoration : underline;
}
/****
Modules entêtes de home
****/
/****************************************************************************************
FULL PAGE
****************************************************************************************/
#full_page .document {
padding: 32px 32px 0px 32px; background-color: #FFFFFF; color:#666666; font-size:11px;
background: #FFFFFF no-repeat;
}
#full_page .document p,
#full_page .document div {
margin: 0px; padding: 0px;
}
#full_page .document p {
line-height: 18px; font-family: arial, sans-serif;
}
#full_page .animation,
#full_page .picture {
margin: 0px; padding: 0px; text-align: center; background-color: #FFFFFF; height: auto; width: auto;
}
/****************************************************************************************
Module avec onglets et sous menus
****************************************************************************************/
.menu-tabulaire ul {
margin:0;
padding:0;
list-style-type:none;
list-style-image:none;
text-align:center;
position:relative;
}
.menu-tabulaire ul li {
float:left;
margin:0 !important;
padding:0;
width:157px;
list-style-type:none;
list-style-image:none;
background: #F9F9F9 url(../img/background/bg_tab_0.png) repeat-x scroll 0 0;
border-right: 1px solid #CECECE;
border-bottom: 1px solid #CECECE;
}
.menu-tabulaire ul li a {
display:block;
text-decoration:none;
padding:12px 5px 2px;
height:25px;
text-align:center;
}
.menu-tabulaire ul li ul li{
float:none;
background:none;
padding:3px;
height:14px;
border:none;
width:316px;
}
.menu-tabulaire ul li ul li a {
text-align:left;
padding:3px 2px 3px 10px;
}
.menu-tabulaire ul li ul{
display:none;
margin:3px 13px 0;
position:absolute;
left:0;
}
.menu-tabulaire ul li.active{
background: transparent url(../img/background/bg_tab_1.png) repeat-x scroll 0 0;
}
.menu-tabulaire ul li.active ul{
display:block;
}
/****************************************************************************************
Page administration
****************************************************************************************/
#node_admin .formulaire {width: 840px; padding: 20px 60px 40px 60px; margin: 0px; background-color: #FFFFFF;}
#node_admin .formulaire p {padding: 5px 0px 5px 0px; line-height: 16px;}
#page-popup #node_admin .formulaire {padding: 10px; margin: 0px; width:auto;}
/****************************************************************************************
Pages de présentation, documents
****************************************************************************************/
.document {margin-bottom : 0; padding : 0 0 32px 0; background: transparent url(../img/background/bg_menu_page.png) repeat-y scroll 0 0; overflow-y: hidden;}
.document .colonneGa,
.document .colonneCe,
.document .colonneDr {background-color: #FFFFFF; padding-top : 10px; }
.document h1, div.document h2 {color:#333333; font-size:14px; font-weight:bold; border: none;}
.document h3 {color:#333333; font-size:11px; font-weight:bold;}
.document h4 {color:#333333; font-size:11px; font-weight:bold;}
.document a {color:#2175D9; font-size:11px; font-weight: bold;}
.document p {color:#666666; font-size:11px; margin: 12px; }
.document.editorial {padding: 20px 20px 20px 40px;}
.document .colonneGa{
width:288px;
}
.document .colonneCe{
width:466px;
}
.document .colonneDr{
width:206px;
}
/* notes de bas de page - utilisation de la balise h6 dans les documents */
.document h6
{
margin: 8px 12px 8px 12px;
}
.document h6,
.document h6 a
{
font-size: 10px;
font-weight: normal !important;
padding : 0px;
letter-spacing : 0px;
}
/*****
tableau
*****/
table.bordures {border: solid 1px #666666; }
table.bordures td {border: solid 1px #666666; padding: 6px;}
/****************************************************************************************
Sous menu marge gauche (3 niveaux parametres) pour les documents ou les vues communiqués et actualités
*****************************************************************************************/
.menuEdito {
margin: 0px;
background-color: #F9F9F9;
border-left: 16px solid #FFFFFF;
border-right: 16px solid #FFFFFF;
padding: 12px 0;
}
.document .menuEdito h2
{
border-bottom: 1px dotted #CCCCCC;
padding: 10px 16px 10px 8px;
margin: 0;
}
.menuEdito ul
{
margin-bottom:0px;
padding: 10px 16px 0;
list-style:none;
}
/* style sans selection */
.menuEdito { margin: 0px; padding: 0 0 10px; }
.menuEdito * { margin: 0px; padding: 0px; }
.menuEdito * li { padding: 2px 0 2px 0; list-style-image:none; list-style-position:outside; list-style-type:none;}
.menuEdito * a { color: #2175D9;}
.menuEdito ul li ul {padding-top: 0px}
.menuEdito ul li ul li ul li a { font-weight: normal;}
.menuEdito ul li.on li a span {color: #2175D9; margin-bottom: 0px;}
/* style elements selectionnes */
.menuEdito ul li.on a span,
.menuEdito ul li.on li strong a span {color: #333333; margin-bottom: -4px;}
/****************************************************************************************
Contenu editoriaux, vues, recherches de contenu
*****************************************************************************************/
/* contenu + portlet */
.document .colonneGa.contentEdito {width: 704px; padding: 0 16px 0 32px;}
/* menu + contenu */
.document .colonneDr.contentEdito {width: 656px; padding: 0 16px 0 0 ; margin: 0px}
/* menu + contenu + portlet*/
.document .colonneCe.contentEdito {width: 450px; margin: 0; padding: 10px 16px 0 0; border: 0px;}
/* menu + contenu */
.colonneCe.contentEditoLeft {width: 688px; margin: 10px 16px 10px 28px; padding: 10px 16px 0 0; border: 0px;}
/* contenu + portlet droit */
.colonneCe.contentEditoRight {width: 656px; margin: 0; padding: 10px 16px 0 0; border: 0px;}
/* contenu sans menu ni portlet */
.colonneCe.contentEditoFull {width: 908px; margin: 10px 16px 10px 28px; padding: 10px 16px 0 0; border: 0px;}
.document .contentEdito h2 {
border-bottom:1px dotted #CCCCCC; padding:10px 0 10px 0; margin:0;
}
.document .contentEdito ul {margin: 35px 12px 12px 12px; list-style:none inside none}
.document .contentEdito li {/* background:transparent url('../img/square.png') no-repeat left 3px; */
padding-left: 6px;
}
.document .contentEdito li a {padding:0; }
/****************************************************************************************
Portlets
****************************************************************************************/
.document .colonneGa .portlet {width: auto; padding: 0px; background-color:#F9F9F9; margin:10px 16px;}
.document .colonneDr.portlet {width: auto; padding: 10px 0 0; margin: 00px; }
.atomePortlet {
clear: both; display: block; position: static;
width: auto; height: auto; padding: 16px 4px 16px 4px !important; margin: 0px;
background-color:#F9F9F9;
}
.colonneGa .portlet .atomePortlet {margin-left: 16px !important; }
.atomePortlet .objectPortlet { width:198px; text-align: center;}
.atomePortlet .portletContent { width:190px; padding: 4px 4px 0 4px; }
.atomePortlet object { overflow:hidden; width:190px; text-align: center;}
.atomePortlet img { overflow:hidden; text-align: center;}
.atomePortlet p { margin: 0px !important;}
/****************************************************************************************
Pages liste et cartes des offres et agences (meme style)
*****************************************************************************************/
/******
Donnees de bases
******/
.search_offer_agency {background-color: #FFFFFF; padding-bottom: 30px;}
.search_offer_agency h1 {color:#333333; font-size:14px; font-weight:bold;}
.search_offer_agency h3 {color:#333333; font-size:11px; font-weight:bold;}
.search_offer_agency h4 {color:#333333; font-size:11px; font-weight:bold;}
.search_offer_agency a {color:#2175D9; font-size:11px; font-weight: bold;}
.search_offer_agency p {color:#666666; font-size:11px; }
.search_offer_agency .logo {float:right;}
.search_offer_agency #refinements,
.search_offer_agency #resultsList,
.search_offer_agency #searchTools {background-color: #FFFFFF; overflow: hidden;}
.search_offer_agency .espace-contenu {padding-bottom: 16px; margin-bottom: 32px;}
/*****
menu type de vue
******/
.search_offer_agency .type_vue * {padding: 0px; margin: 0px; }
.search_offer_agency .type_vue {
height: 18px; width: 100%; padding-bottom : 5px; background-color: #565656;
}
.search_offer_agency .type_vue ul li {display: inline;}
.search_offer_agency .type_vue ul li.last-child {margin-left: -1px;}
.search_offer_agency .type_vue ul li a {
border-left: 1px solid #4E4E4E; border-bottom : 1px solid #4E4E4E;
padding: 8px 20px 8px 20px; background-color: #FFFFFF; color:#2175D9;
}
.search_offer_agency .type_vue ul li a:hover {text-decoration: underline;}
.search_offer_agency .type_vue ul li.actif a {
border-left: 1px solid #FFFFFF; border-bottom : 1px solid #FFFFFF; color:#666666;
padding: 8px 20px 8px 20px;
}
/* msie 6 */
body.msie7 .search_offer_agency .type_vue {height: 13px; }
body.msie7 .search_offer_agency .type_vue ul li a {padding: 4px 20px 3px 20px; }
/* msie 6 */
body.msie6 .search_offer_agency .type_vue {height: 18px; }
/*****
Colonnes principales
******/
.list.search_offer_agency #refinements.colonneGa {
background-color: #FFFFFF; width: 208px; padding: 32px 0 0 16px; margin: 0px; text-align: left;
}
.list.search_offer_agency #resultsList.colonneCe {
background-color: #FFFFFF; width: 474px; padding: 32px 0 0 32px; margin: 0 0 0 0; text-align: left;
}
.list.search_offer_agency #searchTools.colonneDr {
background-color: #F9F9F9; width: 198px; padding: 0; margin: 0 0 0 32px;
}
.msie6 .list.search_offer_agency #searchTools.colonneDr {
margin-left: 16px;
}
.list.search_offer_agency #resultsList.colonneCe {border-right: 0px solid #FFFFFF;}
/******
colonne de gauche affinage de resultats
*******/
.search_offer_agency #resultsList h2,
.search_offer_agency #refinements h2 {
padding: 0 0pt 20px 0px; text-align: center;
font-size: 14px; font-weight:bold; color:#333333;
}
.search_offer_agency #refinements h3 {
background-image:url(../img/arrow-expanded.gif); background-repeat: no-repeat; background-position: 5px center;
display:block; padding:0 16px; text-align: left;
color:#333333; font-size:11px; font-weight:bold;
}
.search_offer_agency #refinements div.filter {
border:1px solid #CCCCCC; margin: 0 0 10px 0; padding: 0 0 5px 0; text-align: left; background-color: #F9F9F9
}
.search_offer_agency #refinements div.filter ul {
list-style-image:none; list-style-position:outside; list-style-type:none; text-align: left;
margin: none; padding : 2px 0px 2px 2px; font-size: 11px; color: #666666;
}
.search_offer_agency #refinements div.filter ul li {
list-style-image:none; list-style-position:outside; list-style-type:none;
padding: 1px 0px 1px 12px; color: #666666; font-size: 11px;
}
.search_offer_agency #refinements div.filter ul li a {
padding-left: 0px;
}
.search_offer_agency #refinements div.filter ul li.cat_depth_0 a {font-size: 11px; font-weight:bold; color: #666666;}
.search_offer_agency #refinements div.filter ul li.cat_depth_1 a {font-size: 11px; font-weight:normal; color: #666666;}
.search_offer_agency #refinements a {text-decoration: underlined; color: #666666;}
.search_offer_agency #refinements a:hover {text-decoration: underlined; color: #333333;}
.search_offer_agency #refinements a.desactivate {color:#005EB0; font-size:10px;}
body.msie6 .search_offer_agency #refinements ul,
body.msie7 .search_offer_agency #refinements ul,
body.msie6 .search_offer_agency #refinements ul li,
body.msie7 .search_offer_agency #refinements ul li {margin: 0px;}
body.msie6 .search_offer_agency #refinements ul li a,
body.msie7 .search_offer_agency #refinements ul li a {line-height: 115%;}
/******
ordre de tri (colonne centrale - 1)
******/
/* ordre de tri */
.search_offer_agency .ordre_tri {padding : 11px 0px 16px 0px;}
.search_offer_agency .ordre_tri * {margin: 0px; font-size: 11px; line-height: 12px; }
.search_offer_agency .ordre_tri .specifique {
background-color: #EEEEEE; padding : 04px 04px 04px 04px; width: auto; float: right;
}
.search_offer_agency div.ordre_tri a,
.search_offer_agency div.ordre_tri a:link {font-weight: bold; padding: 2px 2px 2px 2px;}
/******
pagination de la liste d annonces (colonne centrale - 2)
******/
.search_offer_agency #resultsList .pagination{
border-top:1px dotted #E0E0E0;
}
.search_offer_agency #resultsList .pagination .nbhit{
line-height:28px;
}
.search_offer_agency #resultsList .pagination #lien-haut-de-page{
border-top:1px dotted #E0E0E0;
line-height:28px;
}
.search_offer_agency #resultsList .pagination ul{
list-style-image:none; list-style-position:outside; list-style-type:none;
line-height:28px;
}
.search_offer_agency #resultsList .pagination li{
display:inline;
list-style-image:none; list-style-position:outside; list-style-type:none;
padding:0 0 0 3px;
font-weight:bold;
color:#333333;
}
.search_offer_agency #resultsList .pagination li.first{
padding:0;
font-weight:normal;
color:#666666;
}
.search_offer_agency #resultsList .pagination li.prev a,
.search_offer_agency #resultsList .pagination li.next a{
font-weight:normal;
}
.search_offer_agency #resultsList .pagination a{
padding:0;
font-weight:bold;
}
.search_offer_agency #resultsList .pagination select{
width: 40px;
}
/******
Liste des annonces et liste des agences (colonne centrale - 3)
******/
.search_offer_agency #resultsList .liste h3 {
line-height:120%; text-align:left; margin: 0;
color: #2175D9; font-weight: bold; font-size:14px;
}
.search_offer_agency #resultsList .item {padding : 12px 0 12px 0; border-top : 1px dotted #E0E0E0;}
.search_offer_agency #resultsList .item th a {color:#2175D9; }
.search_offer_agency #resultsList .item td {color:#000000; font-size:11px; width:260px;}
.search_offer_agency #resultsList .item td span {color:#999999;}
.search_offer_agency #resultsList .item jobDesc {margin: 6px 0 2px 2px; font-size:11px; }
.search_offer_agency #resultsList .liste p.offerLink {padding: 16px 0 8px 0;}
.search_offer_agency #resultsList .liste p.offerLink a {
display: inline;
margin-bottom: 0; margin-top:0; text-decoration: none; padding: 0 40px 0 0;
color: #666666; font-weight: normal; text-decoration: underline; /* font-size: 10px; */
}
.search_offer_agency #resultsList .liste p.offerLink a:hover {color: #333333;}
.search_offer_agency #resultsList p.offerLink a.bt-ajouter { width: 160px; }
.search_offer_agency #resultsList p.offerLink a.bt-retirer { width: 160px; }
.search_offer_agency #resultsList p.offerLink a.bt-envoyer { width: 140px; }
.search_offer_agency #resultsList p.offerLink a.bt-print { width: 70px; }
.search_offer_agency #resultsList .mapExtend {padding-top:10px;}
.search_offer_agency #resultsList .mapExtend li {list-style-type:none; margin-left:15px;}
.search_offer_agency #resultsList .mapExtend li li {list-style-type:disc; list-style-position: inside;}
/******
region gauche : outils de recherche
******/
.search_offer_agency div#searchTools div.filter {
width: 190px; margin: 09px 0px 10px 0px; padding: 6px 0px 8px 0px; border:1px solid #CCCCCC;
font-size: 11px; color: #666666;
}
.search_offer_agency div#searchTools div.filter.lien-carte {margin-top: 0px ; border-top: 0px ;}
.search_offer_agency div#searchTools div.filter.alertes h3,
.search_offer_agency div#searchTools div.filter.lien-carte h3 {
background-image:url(../img/arrow-expanded.gif); background-repeat: no-repeat; background-position: left center;
margin-left: 5px; padding-left: 12px;
color:#333333; font-size:11px; font-weight:bold;
}
.search_offer_agency div#searchTools div.filter h4 {
background-image:url(../img/job-alert-small.png); background-repeat: no-repeat; background-position: left center;
padding: 8px 2px 4px 40px;
color:#666666; font-size:11px; font-weight:bold;
}
.search_offer_agency div#searchTools div.filter div {padding: 4px 0 4px 16px;}
.search_offer_agency div#searchTools div.filter div a {
padding: 4px 2px 4px 0px;
font-size: 11px; color: #2175D9; font-weight: normal; text-decoration: none;
}
div.search_offer_agency div#searchTools div.filter div a:hover {text-decoration: underline; }
div.search_offer_agency div#searchTools div.filter a.carte img {margin: 8px 0px 8px -2px;}
#searchResult #resultsList th a.titre-annonce {
font-size: 14px; display: block; font-weight: bold; margin-bottom: 5px;
}
.search_offer_agency #resultsList th a.titre-annonce:hover {color: #012F8F;}
div.grande-carte {margin: 10px 0 0 40px !important;} /* redefinition div#searchResult div#resultsList */
/* ie6 et ie7 */
body.msie6 .search_offer_agency #searchTools .filter.lien-carte h3,
body.msie7 .search_offer_agency #searchTools .filter.lien-carte h3 {background: none; padding: 0;}
/******
affichage des offres sur une carte ; differences par rapport a la vue en liste
*******/
.carte.search_offer_agency #refinements {width: 176px; padding: 20px 0px 0 12px; margin: 0px;}
.carte.search_offer_agency #resultsList {width: auto; padding: 20px 4px 0 12px; margin: 10 0 0 0;}
.carte.search_offer_agency #resultsList h2,
.carte.search_offer_agency #refinements h2 {padding: 0 0pt 10px 0px;}
.carte .gmap-control {overflow: hidden}
.carte .gmap-control span {display:none}
.carte .gmnoprint,
.carte .gmnoprint *,
.carte .gmap-control,
.carte .gmap-control * {background-color: transparent;}
/******
Page no-result sur agence ou offre
******/
#search_noresult {width: 960px; margin: 0px; padding: 0px;}
#search_noresult .colonneGa {
width: 550px; padding: 0px 16px 0px 32px; margin: 0px;
border-right: 1px dotted #CCCCCC;
}
#search_noresult .colonneDr {width: 260px; padding: 0px 16px 0px 0px; margin: 0px; }
#search_noresult .message-surligne p {
font-size:13px;
padding: 12px 16px 0 32px;
}
#search_noresult .message-surligne a {
font-size:13px;
color:#2175d9;
font-weight:bold;
text-decoration: underline;
}
/****************************************************************************************
Pages de vue communiques, actualites, recherches dans les contenus ?
****************************************************************************************/
/******
general
******/
.vue {padding: 0px; margin: 0px;}
.vue * {padding: 0;}
.vue .view-content ul,
.vue .view-content li
{
margin : 24px 0 0 0;
padding : 0px;
}
.vue .view-content li
{
margin : 16px 0 8px 0;
}
.vue .document {background-color: #FFFFFF; overflow-x: hidden;}
.vue #newComment.document
{
background-image: none;
} /* eviter 2 colonnes grises dues a la presence de 2 classes documents l une sous l autre */
.vue .document .contentEdito {border-top : solid 12px #FFFFFF ; width: 656px; padding: 0 16px 0 0 ; margin: 0px}
.vue .contenu .view-content .item
{
border-bottom: 1px dotted #E0E0E0;
padding : 8px 0 8px 0;
background-color : #FFFFFF;
}
.vue .contentEdito .view-content .views-field-title
{
margin-bottom: 6px;
font-size:11px;
font-weight:normal;
color: #666666;
display: inline;
}
.vue .contentEdito .view-content .views-field-field-date-publication-value
{
display: inline;
margin-left : 12px;
}
.vue .contentEdito .view-content .views-field-title a { font-size:14px; font-weight:bold;}
.vue .contentEdito .view-content p,
.vue .contentEdito .view-content h2,
.vue .contentEdito .view-content p b,
.vue .contentEdito .view-content div.item div {
margin: 3px 0 0 12px; color:#666666; font-size:11px; font-weight: normal; border: 0px;
}
.vue .contentEdito .view-content a { font-size:11px; font-weight:normal;}
.vue .contentEdito .view-content a:hover { color: #012F8F; text-decoration: none;}
/* Ne pas afficher les images, fonds et formulaires dans les vues */
.vue .view-content *,
.view .view-content * { background-image: none !important; list-style: none;}
.vue .pager,
.view .pager
{
padding-bottom: 40px;
background-color : #FFFFFF;
}
.vue .pager ul,
.view .pager ul
{
list-style:none;
}
.view ul.pager
{
margin : 24px 0px 12px 0px;
}
.view ul.pager li
{
margin-left : 8px;
}
.vue .pager li,
.view .pager li
{
padding: 0px 2px 0px 2px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.vue .pager li a,
.view .pager li a
{
color: #2175D9;
font-weight : bold;
}
.view ul img,
.view ul form,
.view ul object,
.view ul script,
.view ul .PDS_Poll,
.vue ul img,
.vue ul form,
.vue ul object ,
.vue script,
.vue ul .PDS_Poll
{
display: none;
}
.view *
{
border : red 0px solid !important;
}
.view .addthis_toolbox,
.vue .contentEdito .addthis_toolbox {display: none;}
/******
Page de recherche de contenu
******/
/* ne pas afficher les portlets dans les vues */
.vue .document .contentEdito iframe,
.vue .document .contentEdito .portlet,
.vue .document .contentEdito .group-portlets,
.vue .document .contentEdito .group-portlets-gauche,
.vue .document .contentEdito .field-field-portlet1,
.vue .document .contentEdito .field-field-portlet2,
.vue .document .contentEdito .field-field-portlet-gauche-1,
.vue .document .contentEdito .field-field-portlet-gauche-2
{display: none;}
.wiew .view-content iframe,
.wiew .view-content .portlet,
.wiew .document .contentEdito .group-portlets,
.wiew .document .contentEdito .group-portlets-gauche,
.wiew .document .contentEdito .field-field-portlet1,
.wiew .document .contentEdito .field-field-portlet2,
.wiew .document .contentEdito .field-field-portlet-gauche-1,
.wiew .document .contentEdito .field-field-portlet-gauche-2
{display: none;}
/****
pour ie6 ; taille minimale et permettre l affichage du blanc sur la totalité des blocs ; ces instructions ne conviennent pas a FireFox.
*****/
body.msie6 #node_communiques.vue .document,
body.msie6 #node_actualites .document {height: 400px; overflow: visible;}
/****************************************************************************************
nouvelle classe formulaire
****************************************************************************************/
/* donnees generiques */
.formulaire {
display: block; position: static; overflow: hidden;
margin-bottom : 0; padding: 32px 0 32px 0; background-color: #FFFFFF;
}
.formulaire * {color: #666666; padding: 0; margin: 0px; }
.formulaire .colonneGa,
.formulaire .colonneCe,
.formulaire .colonneDr {background-color:#FFFFFF;; padding : 0 0 0 32px; }
.formulaire h2 {
clear: both; display: block;
margin: 20px 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px dotted #CCCCCC;
text-align: left;font-size:14px; color:#333333; font-weight:bold;
}
.formulaire a {color: #2175D9;}
.formulaire a:hover {color: #012F8F;}
.formulaire input {
float: left; width: 259px; height: 18px; border: 1px solid #AAAAAA; margin: 10px 0 1px 0; font-size: 11px;
}
.formulaire textarea {
width: 424px; height: 128px; border: 1px solid #AAAAAA; margin: 10px 0 1px 0;
}
#webform textarea
.formulaire input.form-file {margin: 10px 0 5px 0; background-color: #FFFFFF; height: 21px;}
.formulaire select {
float: left; width: 261px; height: 19px; border: 1px solid #AAAAAA; margin: 10px 0 0 0; font-size:1em;
}
.formulaire label {float: left; width: 159px; margin: 15px 5px 0 0;}
/*.formulaire label img {margin: 10px 5px 0 5px;} => BUGGY */
.formulaire .jjMmAaaa {width: auto; margin: 0px 0 0 165px; font-size: 10px;}
.formulaire .dp-choose-date {display: none;}
.formulaire p.remarque {margin: 10px 0 5px 0; font-style: italic; color: #666666; }
/* special */
.formulaire #edit-title,
.formulaire #edit-titlef,
.formulaire .sous-formulaire select#civilite {float: left; width: 050px;margin-right: 5px; }
input#edit-lastname,
input#edit-lastnamef,
.formulaire .sous-formulaire input#name,
.formulaire .sous-formulaire input#nom,
.formulaire .sous-formulaire input#edit-lastname {width: 204px;}
.formulaire label#edit-complement {width: 422px; margin-bottom: 7px;}
.formulaire textarea#edit-complement {width: 422px;}
div.formulaire h2 span.min {
margin: 10px 0 10px 0; padding-bottom: 0 0 5px 0;
text-align: left; font-size:11px; color:#333333; font-weight:none;
}
div.formulaire h3 {
clear: both; display: block;
margin: 10px 0 5px 0; padding: 10px 0 10px 0;
text-align: left; font-size:14px; color:#333333; font-weight:bold;
}
div.formulaire h4 {
clear: both; display: block;
margin: 5px 0 0px 0; padding: 5px 0 5px 0;
text-align: left;font-size:12px; color:#333333; font-weight:bold;
}
div.formulaire table tbody tr td,
div.formulaire table tbody tr th {
color:#666666; font-size: 11px; font-weight : normal; vertical-align:top; text-align: left;
}
div.formulaire table tbody tr th.label {width: 159px; }
div.formulaire div div p {
padding: 2px 0 2px 0; margin:0;
font-size: 11px; color: #666666; font-weight: none;
}
div.formulaire div p {padding: 5px 0px 5px 0px; margin:0;}
div.formulaire div em,
div.formulaire p em,
div.formulaire div h6 {padding: 2px 8px; margin:0;font-style: italic; font-size: 11px; font-weight: none; }
div.formulaire div p.bt-rose {color: red; font-size: 24px; }
div.formulaire div table,
div.formulaire ul,
div.formulaire div ul {padding: 10px 0px 10px 0px;}
div.formulaire ul li,
div.formulaire div ul li {
margin-left: 10px; padding-top: 5px;
font-size: 11px; font-weight: none; font-decoration: none; color: #666666
}
div.formulaire div .autres {width: 290px;}
div.formulaire div .nom {width: 226px;}
div.formulaire p.condition {margin: 20px 0px 5px 0px;}
div.formulaire td.min {color: #FFFFFF, font-size: 11px; font-weight: none; margin-top: 5px;}
div.formulaire td.min label.option {color: #FFFFFF, font-size: 11px; font-weight: none; margin-top: 0px;}
div.formulaire table.checkbox {display: inline}
div.formulaire table.checkbox label {display: none;}
/* tailles des champs */
div.formulaire .secteur { width: 302px;}
div.formulaire .short { width: 135px; }
div.formulaire textarea.autres2 { width: 295px; height: 70px; }
div.formulaire .form-checkboxes .option,
div.formulaire .label .option {width: 180px; margin-top:0; }
/* classes pour champ date */
div.formulaire input.date-pick,
div.formulaire input.inputDate {background: #FFFFFF url(../img/bg_calendar_input.gif) no-repeat scroll right 1px;}
/* classe pour les conditions generales d'utilisation */
#CGU{
width:100%;
}
#CGU table.checkbox label{
display:inline;
margin-top:0px;
width:410px;
}
/* msie 6*/
body.msie6 .formulaire .colonneGa,
body.msie6 .formulaire .colonneCe,
body.msie6 .formulaire .colonneDr {padding-bottom: 32px;}
/*****
AFFICHAGE DES ERREURS SUR LES FORMULAIRES
******/
input.error,
textarea.error,
select.error {color: black; border:1px solid #5595BA; }
form label.error {color: red;font-weight: bold;}
.errorText {color: red; clear:left; display:block;}
.nopadding .errorText {padding-left:0px!important; }
#atome-contact-form .errorText {padding-left: 186px; padding-bottom: 8px; }
#form-user-login .errorText {padding-left: 130px; padding-bottom: 8px; }
#atome-client-commande-form .errorText {padding-left: 190px; }
#atome-client-commande-webcallback-form .errorText {padding-left: 190px; }
#form-create-user .errorText { padding-left: 190px; }
#form-alter-userIds .errorText { padding-left: 190px; }
#form-alter-informations .errorText { padding-left: 190px; }
#form-add-resume .errorText { padding-left: 90px; }
#atome-agence-contact-form .errorText { padding-left: 190px; }
#form-forgotten-password .errorText { padding-left: 190px; }
#form-spontaneous-application .errorText { padding-left: 190px; }
/* #form-jobOffer-application .errorText { padding-left: 190px; } */
#form-alter-profil .errorText { padding-left: 190px; }
#form-forgotten-id .errorText { padding-left: 190px; }
#form-newsletter .errorText { padding-left: 50px; }
.formulaire table.chek-box td .errorText { padding-left: 0px;}
.formulaire #form-jobOffer-application .sous-formulaire .errorText { padding-left: 165px; }
/*****
specifique commande client
*****/
#client_commande .formulaire {
background: #FFFFFF url(../img/background/bg_fcolumn_7.png) repeat scroll right 1px;
padding: 0 0 0 16px ;
}
#client_commande .formulaire .colonneGa { width: 573px; padding: 10px 16px 25px 16px; background-color: tansparent;}
#client_commande .formulaire .colonneDr { width: 290px; padding: 10px 0px 25px 16px; ; background-color: transparent;}
body.msie6 #client_commande .formulaire {width: 944px;}
/******
specifique candidature spontane
******/
div.candidature div.formulaire div.colonneGa {
width: 445px; padding: 10px 15px 0 15px; border-right: 1px dotted #CCCCCC ;
}
.candidature .formulaire .colonneDr {width: 420px; padding: 10px 30px 0 24px;}
.candidature .formulaire #agencyList {
display:block; float:right; overflow:auto; padding-top: 2px;
width: 300px; height: 120px; border:1px solid #AAAAAA;
}
.candidature .formulaire #agencyList .checkAgencies {height: 24px; margin-bottom: 2px; border-bottom : #EEEEEE 1px dotted;}
.candidature .formulaire #agencyList .checkAgencies input {clear: both; margin-left: 8px; }
body.msie6 .candidature .formulaire {width: 960px;}
/******
specifique zone ajout cv pour formulaires de candidature à une offre et spontanee
******/
.candidature .formulaire .sous-formulaire.select-cv .form-radios
{margin-top: 0px; margin-bottom: 20px; }
.candidature .formulaire .sous-formulaire.select-cv .form-radios label
{display: block; margin-top: 0px !important; clear:both; width:440px; }
.candidature .formulaire .sous-formulaire.select-cv .form-radios label input
{margin-top: 0px !important; width:auto; margin-right: 10px; }
.candidature .formulaire .sous-formulaire.select-cv a.bouton-bleu
{display: block; width: 110px; position: static; float: left; }
div.selectCV { text-align: right; }
/* Solution temporaire pour empecher l'affichage du champ optin sur les formulaires de CANDIDATURE */
.candidature .formulaire .hide-optin-temp input.form-checkbox
{display: none !important;}
.formulaire .types-contrats table.checkbox {width : 260px !important; text-align: left;}
.formulaire .types-contrats table.checkbox label {display: inline !important; width : 180px !important; margin: 0px;}
/* msie */
body.msie6 div.candidature div.formulaire div.colonneGa {width: 482px;}
body.msie7 div.candidature div.formulaire div.colonneGa {width: 470px;}
body.msie6 div.candidature div.formulaire div.colonneDr {width: auto;}
body.msie7 div.candidature div.formulaire div.colonneDr {width: auto ;}
/* specifique check-box */
.formulaire table.check-box {margin: none; padding: 0;}
.formulaire table td.box div {width: 14px; text-align: left;}
.formulaire table td input.form-checkbox {width: 15px; margin: 0 10px 0 0px;}
.formulaire label.option {margin-top: 0px; }
body.msie6 .formulaire input.form-checkbox,
body.msie7 .formulaire input.form-checkbox {border: 0px;}
/* page de confirmation */
#annonce_apply_confirm{
background-color:#FFFFFF;
padding-bottom:30px;
}
#annonce_apply_confirm .bloc-titre h1 {
background: transparent url('../img/header-checked.png') no-repeat left top;
min-height:33px;
padding:20px 0 0 78px;
}
#confirmation-header{
background-color: #EFF0F6 ;
border-top: 2px dotted #747475 !important;
border-bottom: 2px dotted #747475 !important;
margin: 20px 28px;
padding: 20px 50px 0 10px;
}
#confirmation-header .intro,
#confirmation-header .intro a{
font-size:14px;
font-weight:bold;
}
#confirmation-header img{
margin-left:10px;
v-align:bottom
}
#confirmation-content{
margin: 0 28px 0;
padding: 20px 0 0;
background:transparent url('../img/background/apply-confirm.png') repeat-y;
}
#confirmation-content .colonneGa{
width: 680px;
padding: 0 5px 0;
}
#confirmation-content h4 {
margin: 15px 0 15px 0; border-bottom:1px dotted #CCCCCC; padding-bottom:5px;
color:#333333; font-size:14px; font-weight:bold;
}
#confirmation-content .colonneDr{
width: 210px;
overflow:hidden;
}
#confirmation-content .atomePortlet{
background:none;
}
#confirmation-content .atomePortlet p,
#confirmation-content .atomePortlet a{
font-size:10px;
}
#confirmation-content h2:first-letter{
font-size:1.3em;
font-weight:bold;
}
/****
Formulaire FJP
****//*
body.msie6 .formulaire div.field { width: 426px; }
body.msie7 .formulaire div.field { width: 426px; }
*/
.formulaire div.field { width: 426px; }
.formulaire .line-checkbox-2 {margin: 15px 5px;}
.formulaire .line-checkbox-2 label {margin: 0 5px; width:auto;}
.formulaire .line-checkbox-2 input.form-checkbox { margin: 0px}
.formulaire .line-checkbox-2 .line-error { margin:0; }
.formulaire .line-error {color:red; margin: 0 0 0 162px; font-size:0.9em}
.formulaire .sous-formulaire input.mini { width: 184px;}
.formulaire .sous-formulaire select.miniRight { width: 70px; margin-left:5px;}
/* fin FJP */
/* specifique check box de liste d'agence */
.formulaire #agencyList {border: 2px solid #AAAAAA;}
.formulaire #agencyList input.form-checkbox {width: 16px !important; margin: 0px 4px 4px 0px;}
/******
specifique ecran de contact
******/
#contact .formulaire .colonneGa {width: 436px;padding: 10px 18px 0 36px; border-right: 1px dotted #CCCCCC ;}
#contact .formulaire .colonneDr {width: 404px;padding: 10px 18px 0 36px;background-color:#FFFFFF;}
#contact .formulaire .colonneGa p {clear: both; padding-top: 15px; padding-bottom: 15px;}
/******
specifique ecrans cooptation
******/
.cooptation .formulaire .colonneGa {width: 436px;padding: 10px 18px 0 36px; border-right: 1px dotted #CCCCCC ;}
.cooptation .formulaire .colonneDr {width: 404px;padding: 10px 18px 0 36px; background-color:#F9F9F9;}
/******
specifique page de notification
******/
div.notification {width: 960px; }
div.notification div.formulaire div.colonneGa {width: 840px; padding: 30px 60px 60px 60px; }
/******
specifique contact agence
******/
#atome_agence_contact .formulaire .colonneGa {border-right:1px dotted #CCCCCC; padding:10px 18px 0 36px; width:426px;}
div.notification div.formulaire div.colonneGa {width: 840px; padding: 0px 32px 0px 64px; }
div.notification div.formulaire div.colonneGa a {font-weight: bold; line-height: 16px;}
/****************************************************************************************
page détail annonce et agence
****************************************************************************************/
/******
Donnees de base
******/
.agence_annonce_view_page
{padding: 0px 0 32px 0; background-color: #FFFFFF;}
#annonce_view_page.agence_annonce_view_page.espace-contenu
{width: 960px; margin: -16px 0px 0px 0px; padding: 0px 0px 32px 0px; background-color: #FFFFFF; overflow-x: hidden;}
#annonce_view_page.agence_annonce_view_page.espace-contenu .colonneGa
{width: 675px; padding-left: 32px; padding-right: 20px; border-right:1px dotted #CCCCCC; background-color: #FFFFFF; }
#annonce_view_page.agence_annonce_view_page.espace-contenu .colonneDr
{width: 208px; padding-left: 18px; padding-right: 6px; background-color:#F9F9F9;}
/******
detail
******/
.agence_annonce_view_page h1 {
color:#333333;
font-size:18px;
font-weight:bold;
margin:10px 0 0 -16px;
padding:10px 0 0 16px;
border:none;
}
.agence_annonce_view_page h1.annonce {
float: left;
color:#333333; font-size:18px; font-weight:bold;
margin:0 0 10px 0; padding:0 0 0 0;
}
.agence_annonce_view_page .cobranding {
padding-bottom: 10px;
width: 100%; font-size:16px; font-weight:normal; border-bottom:1px dotted #CCCCCC;}
.agence_annonce_view_page .agence_annonce_description{
float:none;
margin: 0 0 10px 0;
}
.agence_annonce_view_page h4 {
margin: 15px 0 15px 0; border-bottom:1px dotted #CCCCCC; padding-bottom:5px;
color:#333333; font-size:14px; font-weight:bold;
}
.agence_annonce_view_page .colonneDr h4 {padding-top: 29px;}
.agence_annonce_view_page h5 {
background-image:url(../img/arrow-expanded.gif); background-position: 0px 10px; background-repeat:no-repeat;
padding: 5px 0 5px 12px; color:#333333; font-weight:bold;
}
.agence_annonce_view_page ul.table {margin-top: 10px; padding: 10px 0 10px 0;}
.agence_annonce_view_page ul.table li {padding: 0px 5px 0px 5px; }
.agence_annonce_view_page ul.table li label {width: 150px; float: left;}
.agence_annonce_view_page ul.table li info {width: 500px; font-weight: bold;}
.agence_annonce_view_page .colonneGa .cadre-bouton-bleu,
.formulaire .colonneGa .cadre-bouton-bleu
{padding: 30px 0 30px 0;}
.agence_annonce_view_page#annonce_view_page ul.menu
{
border-bottom:1px dotted #CCCCCC; padding: 10px 0 10px 0;
}
.msie6 .agence_annonce_view_page .colonneDr .bouton-bleu {width: 161px;}
/******
* Highlight
******/
.agence_annonce_view_page h1 .highlighted {
color:#333333; font-size:18px; font-weight:bold;
}
.highlighted{
background-color: yellow;
}
/**************************************************************************************************
fiche agence
**************************************************************************************************/
.agence_annonce_view_page#atome_agence_view {overflow: hidden; background-color: #FFFFFF;}
.agence_annonce_view_page#atome_agence_view .colonneGa {
background-color: #FFFFFF; width: 671px; padding: 15px 16px 25px 32px; border-right:1px dotted #CCCCCC;
}
.agence_annonce_view_page#atome_agence_view .colonneDr {
background-color:#F9F9F9;208px; padding: 45px 0px 25px 16px;
}
.agence_annonce_view_page#atome_agence_view ul.menu { padding: 16px 0 16px 0;}
.agence_annonce_view_page#atome_agence_view ul.menu li a {
color:#666666; text-decoration:underline; font-weight: normal;
padding: 0px 4px 0px 0px;
}
.agence_annonce_view_page#atome_agence_view .colonneDr a,
.agence_annonce_view_page#atome_agence_view ul.listJobs li a {text-decoration:none; color:#2175D9;font-weight:normal;}
.agence_annonce_view_page#atome_agence_view .colonneDr a:hover,
.agence_annonce_view_page#atome_agence_view ul.listJobs li a span:hover
{
text-decoration:underline !important; color:#2175D9 !important; font-weight:normal !important;
}
.agence_annonce_view_page#atome_agence_view .colonneDr h4 {padding-top: 16px;}
body.msie6,
body.msie7 .agence_annonce_view_page#atome_agence_view .colonneDr {padding-top: 43px}
/******
sur-definitions pour autres annonces interessantes
******/
#annonce_bloc_interesting_offer h4
{width: 100%; border-bottom:1px dotted #CCCCCC; margin-top: 40px; margin-bottom: 5px; }
#annonce_bloc_interesting_offer p
{padding: 3px 0 6px 3px; }
#annonce_bloc_interesting_offer #autresOffres .colonneGa.offre-interessante
{height: 120px; width: 331px; float: left; margin: 8px 0px 4px 0px; padding: 0px !important; border: none;}
#annonce_bloc_interesting_offer ul.table
{padding: 0; margin-top: 0px ;}
#annonce_bloc_interesting_offer a
{color: #2175D9; font-weight:bold; text-decoration: none; font-size: 12px; border: none; padding: 0 0 0 0;}
#annonce_bloc_interesting_offer a:hover
{color: #012F8F;}
#annonce_bloc_interesting_offer label
{width : auto; margin-right: 5px;}
.agence_annonce_view_page .formlaire
{border:1px solid #AAAAAA;}
/******
sur-definitions pour marge droite
******/
.agence_annonce_view_page .colonneDr div.bloc
{border-bottom:1px dotted #CCCCCC; padding: 10px 0 20px 0;}
.agence_annonce_view_page .colonneDr li
{border : none; }
.agence_annonce_view_page .colonneDr a
{border : none; padding: 5px 3px 15px 3px; height:18px; font-weight: normal;}
.agence_annonce_view_page .colonneDr a.envoi-email
{
display: block; float: none; border : none; padding: 15px 0px 0px 0px;text-decoration:none;
}
.agence_annonce_view_page .colonneDr a.envoi-email
{
text-decoration:underline;
}
.agence_annonce_view_page .tabs { clear:both; padding:0 !important; }
.agence_annonce_view_page .tabs li { display: inline; padding:0 0 0 1px; }
.agence_annonce_view_page .tabs li a { padding: 5px 10px 5px 10px; height:18px; }
.agence_annonce_view_page ul.googleMapList { padding: 5px 0px 5px 0px; }
.agence_annonce_view_page .colonneDr .googleMap.ui-tabs-panel {margin-top: 15px}
.agence_annonce_view_page .colonneDr .googleMap p select
{
width: 200px; height: 19px; border: 1px solid #AAAAAA !important; margin: 0px 0 6px 0;
}
.agence_annonce_view_page .colonneDr .googleMap p label
{
width: 170px; height: 19px; margin: none;
}
.agence_annonce_view_page .colonneDr .googleMap p span span,
{
width: 170px; height: 19px; margin: 0px 0 18px 0;
}
/* msie 6 */
body.msie6 #annonce_view_page.agence_annonce_view_page.espace-contenu .colonneGa
{width: 660px;}
body.msie6 #annonce_view_page.agence_annonce_view_page.espace-contenu #annonce_bloc_interesting_offer .colonneGa
{width: 325px; }
/******
sur-definitions pour annonces de l'agence
******/
.agence_annonce_view_page#atome_agence_view #annonce_bloc_offers_for_agency ul.menu
{padding: 0px 0 20px 0;}
.agence_annonce_view_page#annonce_bloc_offers_for_agency ul.menu li
{padding: 0 10px 0 0;}
.agence_annonce_view_page#atome_agence_view ul.listJobs
{display: block; width: 610px; }
.agence_annonce_view_page#atome_agence_view ul.listJobs *
{text-decoration: none;}
.agence_annonce_view_page#atome_agence_view ul.listJobs li
{clear: both; padding-top: 6px; display: block; width: 610px; }
.agence_annonce_view_page#atome_agence_view ul.listJobs a span
{display: block; float: left;}
.agence_annonce_view_page#atome_agence_view ul.listJobs a span.titre
{width: 310px;}
.agence_annonce_view_page#atome_agence_view ul.listJobs a span.ville
{width: 240px; }
.agence_annonce_view_page#atome_agence_view ul.listJobs a span.datedeb
{width: 60px; }
.agence_annonce_view_page#atome_agence_view ul.listJobs a span.clb
{width: 01px; }
/*************************************************************************************************
carte Google
*************************************************************************************************/
/* .googleMap #tab1, .googleMap #tab2 { background:#f9f9f9; } */
.googleMap .googleMapList { padding:0 0 13px 0; }
.googleMap .googleMapList li { clear:both; padding:3px 0 0 8px; color:#7a7a7a; }
.googleMap .googleMapList li img { float:left; margin:0 7px 0 0; }
.googleMap #tab2 form { padding:19px 9px 15px 9px; }
.googleMap #tab2 p { clear:both; padding:0 0 14px 0; }
.googleMap #tab2 label { display:block; padding:0 0 2px 0; }
.googleMap #tab2 select { width:178px; }
.googleMap #tab2 span { clear:both; display:block; padding:5px 0 0 0; width:200px; font-size:9px; }
.googleMap #tab2 span span { clear:none; display:inline; padding:0; float:left; width:156px; }
.googleMap #tab2 span a { float:right; color:#5595ba; }
.googleMap #tab2 .submit { padding:13px 3px 0 0; text-align:right; }
.googleMap #tab2 .selectArea { width:202px !important; }
.googleMap #tab2 .selectArea .center { width:181px !important; color:#2a2a2a; font-size:10px; }
* html .googleMap #tab2 .selectArea .center { float:left; margin-right:-12px; }
.googleMap #tab2 textarea {
border: 1px solid #AAAAAA; padding:2px; width:196px; height:45px;
color: #666666;
}
.googleMap #tab2 #otherDeparture { padding:5px 0 14px 0; }
.googleMap #tab2 #otherDeparture label { font-size:10px; }
#tpl1 #googleMap { margin:0 0 18px 0; height:372px; }
#tpl1 .googleMapAgency { margin:0 0 18px 0; height:406px; }
#googleMap .infoWindow .offres { color:#5595ba; font-style:italic; font-weight:bold; }
#googleMap .infoWindow .numOffre { color:#666; }
#googleMap .infoWindow .numOffre a { color:#5595ba; }
#googleMap .infoWindow .desc { color:#000; background:#fff; }
#googleMap .infoWindow .desc a { text-decoration:underline; }
#googleMap .infoWindow .desc a:hover { text-decoration:none; }
#googleMap .infoWindow .desc a, #googleMap .infoWindow .desc strong { color:#5595ba; }
#googleMap .infoWindow, #googleMap .infoWindow2 { padding:10px 0 0 0; }
#tpl1 #googleMap .loading { padding:186px 0 0 0; }
#googleMap .loading p { text-align:center; }
#googleMap a.prevFirst, #googleMap a.prevFirst:hover, #googleMap a.nextFirst, #googleMap a.nextFirst:hover { text-decoration:none; cursor:default; color:#666; }
#googleMap .infoWindow2 .title { text-transform:uppercase; }
#googleMap .infoWindow2 .links { font-size:10px; }
/*** itineraire ***/
.agence_annonce_view_page #common_map_display ul.tabs {margin : 8px 0 8px 0;}
.agence_annonce_view_page #common_map_display ul.tabs li a {color: #2175D9;}
.agence_annonce_view_page #common_map_display ul.tabs li.ui-tabs-selected a {color: #666666;}
/****************************************************************************************************
espace perso
*****************************************************************************************************/
.espace-perso .formulaire .colonneGa {width: 445px; padding: 0 16px 16px 22px; margin: 0 0 0 0;}
.espace-perso .formulaire {padding: 20px 0px 30px 0px; width: 960px;}
.espace-perso .formulaire .colonneDr {width: 419px; padding: 0 16px 16px 32px; margin: 0 0 0 0;}
.espace-perso .formulaire .colonneGa {border-right: 1px dotted #CCCCCC;}
.espace-perso .formulaire h2 {
clear: both; display: block;
margin: 20px 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px dotted #CCCCCC;
text-align: left;font-size:14px; color:#333333; font-weight:bold;
}
.espace-perso .formulaire label {padding-bottom: 2px;}
espace-perso .formulaire ul {padding: 5px 0px 5px 0px;}
espace-perso .formulaire ul li {padding-top: 3px;}
.espace-perso .formulaire .colonneIframe{width: 440px; padding: 0 16px 16px 32px; margin: 0 0 0 0;}
.espace-perso .formulaire .colonneIframe {border-right: 1px dotted #CCCCCC;}
/* msie */
body.msie6 .espace-perso .formulaire {padding-top: 24px; margin-top: 0px;}
body.msie6 .espace-perso .formulaire .colonneGa,
body.msie7 .espace-perso .formulaire .colonneGa {width: 480px;}
body.msie6 .espace-perso .formulaire .colonneDr,
body.msie7 .espace-perso .formulaire .colonneDr {width: auto;}
body.msie6 .espace-perso .formulaire label,
body.msie7 .espace-perso .formulaire label {width : 120px; margin-right: 0px; margin-left: 0px;}
body.msie6 .espace-perso .formulaire input.form-text,
body.msie7 .espace-perso .formulaire input.form-text {width : 220px; margin-right: 0px; margin-left: 0px;}
body.msie6 .espace-perso .formulaire table.check-box input.form-checkbox {margin: 0 10px 0 0px;}
body.msie7 .espace-perso .formulaire table.check-box input.form-checkbox {margin: 0 10px 0 117px;}
/******
menu d'onglets horizontaux
******/
/* ne pas afficher le menu par onglet dans la zone topcontent de la page */
.topcontent #user_menu
{
display : none;
}
.bloc-titre.avec-menu
{
padding: 23px 23px 23px 0px;
position : relative;
}
.bloc-titre.avec-menu div
{
padding : 0px; /* IE */
}
.bloc-titre.avec-menu h1
{
line-height : 23px;
margin-left : 23px;
}
.bloc-titre.avec-menu #user_menu
{
margin: 28px 0 -4px 0px;
}
.bloc-titre.avec-menu #user_menu ul
{
margin: 0px; /* IE */
}
.bloc-titre.avec-menu #user_menu ul li
{
float: left;
list-style-image : none;
list-style-type : none;
margin : 0px !important;
padding : 0px;
}
.bloc-titre.avec-menu #user_menu ul li a {
margin: 1px 0px 0px 0px;
padding: 4px 20px 4px 20px;
border: solid 1px #4E4E4E;
text-align: center;
background-color: #F9F9F9;
color: #2175D9;
text-decoration: none;
font-size: 11px;
font-weight: normal;
background-color : #FFFFFF; /* IE */
position : relative; /* IE */
z-index : 1; /* IE */
}
.bloc-titre.avec-menu #user_menu ul li a.actif,
.bloc-titre.avec-menu #user_menu ul li a.active
{
color: #666666 ;
border: solid 1px #FFFFFF;
background-color: #FFFFFF;
}
.bloc-titre.avec-menu #user_menu ul li a:hover {text-decoration: underline; }
/*
msie 6
*/
body.msie6 .bloc-titre.avec-menu #user_menu ul li a
{
top : -253px;
left : -56px;
}
/*****
creation de compte
*****/
.espace-perso#user_creation_compte .formulaire table.chek-box td {width: auto !important;}
/*****
page accueil connecte et ma selection d offres
*****/
#user_page_accueil * {}
#user_page_accueil .cadre-bouton-bleu {
float: none; margin: 10px 0 10px 0 20px; padding: 10px 0 10px 0;
}
#user_page_accueil a.bouton-bleu {
float: none;
}
#user_ma_selection_doffres h3,
#user_page_accueil #annnonce_bloc_lighting_offers h3 {
float: none; margin-top: 10px; border-top:1px dotted #E0E0E0; margin-bottom: 0px; padding-bottom: 0px;
}
#user_page_accueil #annnonce_bloc_lighting_offers h3 a {
color:#2175D9;font-size:11px; font-weight:bold;
}
#user_ma_selection_doffres h3 a:hover,
#user_page_accueil #annnonce_bloc_lighting_offers h3 a:hover {color:#012F8F;}
#form-ma-selection div.logo {display: inline; padding-left: 20px;}
#user_ma_selection_doffres ul.links,
#user_page_accueil #annnonce_bloc_lighting_offers ul.links {
margin-bottom: 15px;
}
#user_ma_selection_doffres ul.links li ,
#user_page_accueil #annnonce_bloc_lighting_offers ul.links li {
float:left; padding: 0 12px 0px 12px;}
#user_ma_selection_doffres ul.links li a,
#user_page_accueil #annnonce_bloc_lighting_offers ul.links li a {
text-decoration: underline; color:#666666;
}
#user_ma_selection_doffres ul.links li a:hover,
#user_page_accueil #annnonce_bloc_lighting_offers ul.links li a:hover {color:#333333;}
#user_page_accueil .mentions-legales {
float: none; margin-top: 20px; border-top:1px dotted #E0E0E0; padding-top: 10px; padding-bottom: 10px;
}
#user_page_accueil .colonneDr .block {
width: 224px;background-color:#F9F9F9;
}
/* uniquement ma selection d offres */
#form_atome_user_ma_selection .itemContent input.form-checkbox {
float: left; margin:0 10px 0 0px; width: 13px;
}
#form_atome_user_ma_selection h2 {
padding-bottom: 10px; border: none;
}
#form_atome_user_ma_selection .liens-tri {
padding-bottom: 10px;
}
#user_ma_selection_doffres .formulaire #form_atome_user_ma_selection h2 span.grand {
color:#333333; font-size:14px; font-weight:bold;
}
#form_atome_user_ma_selection .cadre-bouton {
margin: 10px 0 20px 0; border-top:1px dotted #E0E0E0;
}
#user_ma_selection_doffres .mentions-legales {
float: none; margin-top: 20px; padding-top: 10px; padding-bottom: 10px;
}
#user_ma_selection_doffres input#delSelectionSubmit {width: 180px; margin-right: 10px;}
/*****
specifique ecran profil
*****/
#user_profil p.dashedBox {
margin-top: 5px; padding: 2px 0 15px 0; border-bottom: dashed 1px #2175D9;
}
#user_profil p.dashedBox a {
display: block; float: left; color: #2175D9; font-weight: normal; text-decoration: none; font-size: 11px; margin-right: 8px;
}
#user_profil p.dashedBox a:hover {color: #012F8F; text-decoration: underline;}
#user_profil p.dashedBox a.newsletterTheme {width: 500px;}
#user_profil p.dashedBox a.newsletterSubscribe {width: 90px; text-align: right; float: right; }
#user_profil a.suppCompte,
#user_profil_edit a.suppCompte {
background-image:url(../img/btns/close2.png);
background-repeat:no-repeat;
background-position: left center;
padding-left : 24px;
}
body.msie7 #user_profil p.dashedBox a.newsletterTheme {width: 500px;}
body.msie6 #user_profil p.dashedBox a.newsletterTheme {width: 400px;}
#user_profil p.dashedBox .alertImg {display: inline;}
/* specifique ecran modif mot de passe */
#user_profil_edit .errorText { padding: 0 0 10px 0px; }
/* specifique modification identifiants */
#form_atome_user_ajout_cv .formulaire a.bouton-back {float: left; margin-right: 20px;}
#form_atome_user_ajout_cv .formulaire input.edit-submit {float: left;}
/* specifique abonnement newsletter */
.espace-perso#user_page_newsletter div.formulaire {width: auto; padding: 20px 40px;}
.espace-perso#user_page_newsletter div.formulaire label {float: left; width: 32px; margin: 15px 5px 0 0;padding-left:0px;}
.espace-perso#user_page_newsletter div.paragraphe {margin: 15px 0; padding: 10px 0 10px ; border-top:1px dotted #CCCCCC; border-bottom:1px dotted #CCCCCC;text-align:center}
.espace-perso#user_page_newsletter div.paragraphe h4,
.espace-perso#user_page_newsletter div.paragraphe p,
.espace-perso#user_page_newsletter div.paragraphe ul {padding: 0 0 0 190px;}
.espace-perso#user_page_newsletter div.formulaire input.form-checkbox {margin-left:0}
.espace-perso#user_page_newsletter div.formulaire li {margin-left:0}
.espace-perso#user_page_newsletter .newsletter-banner {text-align: center}
/* specifique ecran login */
#user_identification input#edit-submit {margin-top: 00px !important; }
#user_identification div.ajuster {margin-top: 60px !important; display: block; float: none;}
#user_modif_identifiant .oubli {padding: 8px 5px 0px 0px;}
#user_modif_identifiant td.label {vertical-align:middle; }
/* specifique modification info profil */
.espace-perso .formulaire #user_modif_profil label
{width: 159px !important; }
.espace-perso .formulaire #user_modif_informations a.bouton-back
{margin-top: 9px; margin-right: 25px; float: left;}
.espace-perso .formulaire #user_modif_informations input.edit-submit
{float: left;}
/* rappel mot de passe */
body.msie6 div.espace-perso#user_rappel_pass,
body.msie7 div.espace-perso#user_rappel_pass {margin-top: 0px; }
/******
specifique ma selection d offres, mes CV, accueil user
******/
#user_profil .formulaire .colonneGa,
#user_mes_cvs .formulaire .colonneGa,
#user_ma_selection_doffres .formulaire .colonneGa,
#user_page_accueil .formulaire .colonneGa {width: 639px; padding: 0 16px 0 32px; margin: 0px; }
#user_ma_selection_doffres .formulaire .colonneDr,
#user_page_accueil .formulaire .colonneDr {width: auto; padding: 0 16px 32px 32px; margin: 0; background-color: #F9F9F9; }
/* specifique mes CV */
#user_mes_cvs input#btsupp {margin: 0px; padding: 0px ; border: none; width: 15px; height: 15px; }
#user_mes_cvs ul#liste-cvs {
margin:30px 0 10px 0; border-top:1px solid #ebebeb; /* border-bottom:1px solid #ebebeb; */
}
#user_mes_cvs ul#liste-cvs li .icon { float:left; padding:0 10px 0 0; }
#user_mes_cvs ul#liste-cvs li { padding:10px 0; border-bottom:1px dashed #ebebeb; font-size:10px; }
#user_mes_cvs ul#liste-cvs li:first-child { border-top:none; }
#user_mes_cvs ul#liste-cvs li strong a { font-size:12px; }
#user_mes_cvs ul#liste-cvs li span { display:block; float:left; width:300px; padding:0; }
#user_mes_cvs ul#liste-cvs li .close img { margin:7px 0 0 0; }
#user_mes_cvs form { padding:10px 0 0 0; background:#fff; }
#user_mes_cvs form label { display:block; float:left; font-weight:bold; }
#user_mes_cvs form .inputText {margin: 8px 0 0px 0; padding:1px 2px; width:271px; }
#user_mes_cvs a.bouton-back {float: left;}
/* #user_ajout label {padding-bottom: 6px;} */
/* picto pour annonces selectionnees */
/* identifie dans .espace-perso agence_annonce_view_page */
a.tooltipThick img.tooltipThick {margin: 0 16px 0 8px; }
/****************************************************************************************
bouton (balises et )
****************************************************************************************/
/*******
soumission formulaire haut de page
*******/
a.bouton-fleche ,
#topseek table td.saisie input#edit-submit,
#topseek table td.form_submit input#edit-submit
{
width: 22px ;height: 22px;
background-image:url(../img/btns/submit_recherchez.gif); background-repeat:no-repeat;
background-position: 2px 2px; background-color: #2175D9;
padding: 0px; margin: 10px 10px 10px 10px; border: none;
}
a.bouton-fleche:hover,
#topseek table td.saisie input#edit-submit:hover,
#topseek table td.form_submit input#edit-submit:hover {background-color: #FF8A00; cursor: pointer;}
/******
boutons realises a partir des balises et (bleu, vert, back)
******/
/* balise : forme generale */
a.bouton-bleu,
a.bouton-back,
a.bouton-vert {
width: auto;
height: auto;
margin: 10px 10px 10px 0; padding-top: 3px; padding-bottom: 3px; border: none;
color: #FFFFFF !important; font-weight: bold; text-decoration:none !important; letter-spacing:1px;
}
body.msie7 a.bouton-bleu,
body.msie7 a.bouton-back,
body.msie7 a.bouton-vert {line-height: 24px; border-top: 0px; font-weight: bold; }
body.msie6 a.bouton-bleu,
body.msie6 a.bouton-back,
body.msie6 a.bouton-vert {line-height: 24px;}
/******
navigation list
******/
.cadre-bouton-bleu ul{
margin-top: 48px;
display:inline;
}
.right{
float:right;
}
.left{
float:left;
}
.navclearfix{
clear:both;
height:1%;
}
/* balise forme generale */
input.bouton-bleu,
input.bouton-back,
input.bouton-vert,
#search-form.search-form input.form-submit,
input.form-image#delSelectionSubmit,
#topseek input#edit-submit,
#page-popup input#edit-submit,
.formulaire input#edit-submit,
.formulaire input#postulerSubmit,
.formulaire input#submitButton,
.formulaire input#edit-submit,
.formulaire input#delSelectionSubmit {
width: auto;height: auto;
margin: 10px 5px 10px 5px; padding-top: 2px; padding-bottom: 2px; border: none;
color: #FFFFFF !important; font-weight: bold; text-decoration:none !important; letter-spacing:1px;
}
/* specificites boutons avec fleche vers la droite */
a.bouton-vert,
a.bouton-bleu,
input.bouton-bleu,
input.bouton-bleu#edit-submit,
#topseek input#edit-submit,
#page-popup input#edit-submit,
.formulaire input#postulerSubmit,
.formulaire input#submitButton,
.formulaire input#edit-submit {
background-image:url(../img/button-arrow.gif); background-repeat:no-repeat; background-position: right center;
background-color: #2175D9; padding-left: 10px; padding-right: 20px;
}
/* specificites boutons avec fleche vers la gauche*/
a.bouton-back,
input.bouton-back,
.formulaire input#delSelectionSubmit,
input.form-image#delSelectionSubmit {
background-image:url(../img/buttonback-arrow.gif); background-repeat:no-repeat; background-position: left center;
background-color: #2175D9; padding-left: 20px; padding-right: 10px;
}
/* Couleurs : vert */
a.bouton-vert,
input.bouton-vert,
#search-form.search-form input.submit,
#page-popup input#edit-submit,
.formulaire input#edit-submit,
#search-form.search-form input.form-submit,
.formulaire input#postulerSubmit {background-color: #009900;}
/* Couleurs : bleu */
a.bouton-bleu,
a.bouton-back,
input.bouton-back,
input.bouton-bleu,
input.bouton-bleu#edit-submit,
#topseek input#edit-submit
input.form-image#delSelectionSubmit,
.formulaire input#delSelectionSubmit {background-color: #2175D9;}
/* hover */
a.bouton-bleu:hover,
a.bouton-back:hover,
a.bouton-vert:hover {background-color: #FF8A00; color: #FFFFFF; cursor: pointer;}
#page-popup input#edit-submit:hover,
.formulaire input#delSelectionSubmit:hover,
.formulaire input#edit-submit:hover,
.formulaire input#submitButton:hover,
.formulaire input#postulerSubmit:hover
{background-color: #FF8A00; color: #FFFFFF; cursor: pointer;}
.lien-format-bouton {
padding: 16px 16px 16px 24px; width : auto;
color: #2175D9; font-weight:bold; text-decoration: none; font-size: 12px; letter-spacing:1px;;
}
.lien-format-bouton:hover {color: #012F8F; text-decoration: underline;}
/***************************************************************************************************************
pied de page
****************************************************************************************************************/
#block-atome_search-footer_search {
background-color: #EEEEEE; margin: 0px; padding-top: 25px; width: 960px;
}
body.msie6 #block-atome_search-footer_search {
margin-left: -32px; padding-bottom: 64px; ;
}
/* partie 1 */
#search_footer {
display: block; position: static; background-color: #EEEEEE;
margin: 25px 0 0 0; padding : 20px 15px 0 ; width: 930px;
border-top:1px solid #666666; text-align: left;
}
.menufooter ul {display: block; padding: 5px 0 5px 0; margin: 0px; }
.menufooter ul li {display: inline; padding: 0 5px 0 0; }
.menufooter ul li a {padding: 1px 10px 1px 0;}
.menufooter h3 {
padding: 0px 10px 10px 0; border: 0px;
color:#666666; font-weight: bold;
}
#search_footer a {color:#666666; text-decoration: underline;}
#search_footer a:hover {color:#333333;}
/* version footer en 2 colonnes : styles modifiees
##search_footer div.lienvillesoffres {float: left; padding: 8px 32px 2px 0px; width: auto; }
#search_footer div.lienvillesoffres.last {padding-right: 0px;}
#search_footer div.lienvillesoffres ul {margin: 0px; padding: 0px;}
#search_footer div.lienvillesoffres ul li {padding: 0 2px 0 2px;}
#search_footer div.lienvillesoffres ul li a {font-size: 10px;}
*/
/***************************************************************************************************
ADMINISTRATION Ameliorer l'affichage des adminBlocks
****************************************************************************************************/
table.jCalendar {
border: 1px solid #000;
background: #aaa;
border-collapse: separate;
border-spacing: 2px;
}
table.jCalendar th {
background: #333;
color: #fff;
font-weight: bold;
padding: 3px 5px;
}
table.jCalendar td {
background: #ccc;
color: #000;
padding: 3px 5px;
text-align: center;
}
table.jCalendar td.other-month {
background: #ddd;
color: #aaa;
}
table.jCalendar td.today {
background: #666;
color: #fff;
}
table.jCalendar td.selected {
background: #f66;
color: #fff;
}
table.jCalendar td.selected:hover {
background: #f33;
color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
background: #fff;
color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
background: #bbb;
color: #888;
}
/***************************************************************************************************
ADMINISTRATION Ameliorer l'affichage des adminBlocks
****************************************************************************************************/
#admin-tabs {display: block; padding-bottom:50px;}
#admin-tabs ul.primary {border: 0px;}
#admin-tabs .tabs li a {background:none;}
#header tbody { /* override system.css */ border-top:0px;}
table#blocks { /* Tableau affichant les blocks */width: 100%; }
}
/*********************************************************************************************************
popup
*********************************************************************************************************/
a.dp-choose-date { display:none; }
div.dp-popup {
position: relative;
background: #ccc;
font-size: 10px;
padding: 2px;
width: 171px;
line-height: 1.2em;
}
div#dp-popup {
position: absolute;
z-index: 199;
}
div.dp-popup h2 {
font-size: 12px;
text-align: center;
margin: 2px 0;
padding: 0;
}
a#dp-close {
font-size: 11px;
padding: 4px 0;
text-align: center;
display: block;
}
a#dp-close:hover {
text-decoration: underline;
}
div.dp-popup a {
color: #000;
text-decoration: none;
padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
position: absolute;
top: 2px;
left: 4px;
width: 100px;
}
div.dp-popup div.dp-nav-prev a {
float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
cursor: default;
}
div.dp-popup div.dp-nav-next {
position: absolute;
top: 2px;
right: 4px;
width: 100px;
}
div.dp-popup div.dp-nav-next a {
float: right;
}
div.dp-popup a.disabled {
cursor: default;
color: #aaa;
}
div.dp-popup td {
cursor: pointer;
}
div.dp-popup td.disabled {
cursor: default;
}
/* THICKBOX */
#TB_overlay { position:fixed; z-index:100; top:0px; left:0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack { background: url(../img/macFFBgHack.png) repeat; }
.TB_overlayBG { background-color:#fff; /*filter:alpha(opacity=0); -moz-opacity:0; opacity:0;*/ }
* html #TB_overlay { position:absolute; height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_window { position:fixed; z-index:102; display:none; text-align:left; top:50%; left:50%; overflow:hidden; border:1px solid #ccc; }
* html #TB_window { position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_window img#TB_Image { display:block; }
#TB_caption { height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow { height:25px; padding:11px 25px 10px 0; float:right; }
#TB_closeAjaxWindow { padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle { float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title { height:37px; font-size:22px; color:#929292; text-transform:uppercase; display:none; display: none;}
#TB_ajaxContent { clear:both; overflow:hidden; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal { padding:15px; }
#TB_load { position:fixed; display:none; height:13px; width:208px; z-index:103; top:50%; left:50%; margin:-6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load { position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_HideSelect { z-index:99; position:fixed; top:0; left:0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; height:100%; width:100%; }
* html #TB_HideSelect { position:absolute; height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; overflow:hidden; }
/*****
specifique Top Expert
*****/
#atome_search_candidat .opt-mail{
background: url("../img/job-alert-small.png") no-repeat scroll 0 0 transparent;
padding:10px 0 0 40px;
height:25px;
}
#resultsListTopExpert{
font-size: 11px;
overflow:hidden;
}
#resultsListTopExpert .item{
padding: 0 0 5px;
border-bottom: 1px dotted #E0E0E0;
}
#resultsListTopExpert .item.last{
border-bottom: 0px dotted #E0E0E0;
}
#resultsListTopExpert .item h3{
margin: 0;
color: #2175D9;
}
#resultsListTopExpert .pagination{
min-height:11px;
height:11px;
border-top: 1px dotted #CCCCCC;
border-bottom: 1px dotted #CCCCCC;
valign:center;
padding: 7px 0 8px;
}
#resultsListTopExpert .pagination ul {
float: left;
padding: 0;
}
#resultsListTopExpert .pagination span {
float: left;
}
#resultsListTopExpert .pagination ul li{
float: left;
padding:0 5px;
margin: 0;
font-weight: bold;
color: #333333;
}
#resultsListTopExpert .pagination ul li a{
font-weight: bold;
}
#resultsListTopExpert .pagination ul li.prev a{
font-weight: normal;
}
#resultsListTopExpert .pagination ul li.next a{
font-weight: normal;
}
.formulaire .colonneGa ul.cadre-bouton-bleu li{
margin-left:0;
}
.formulaire .colonneGa ul.cadre-bouton-bleu li a{
margin-left:0;
}
#resultsListTopExpert .inner-description{
padding-left:8px;
}
.departmentfound{
font-weight: bold;
}
/******
* Fin Top Expert
*******/
/* Style Free Job Posting */
.line-info-fjp{
margin: 0px;
font-size:10px;
font-style:italic;
padding-left:165px;
}
/*****
IP COMPANY VIEWER
****/
.ipviewer_partner {
cursor:pointer;
}
.jcarousel-skin-ie7 .jcarousel-container {
background: none;
}
.jcarousel-skin-ie7 .jcarousel-direction-rtl {
direction: rtl;
}
.jcarousel-skin-ie7 .jcarousel-container-horizontal {
width: 588px;
padding: 20px 24px;
}
.jcarousel-item-detail-image {
/*width:146px;*/
height:60px;
line-height:60px;
text-align: center;
vertical-align:middle;
overflow:hidden;
}
.jcarousel-item-detail-image a{
text-decoration:none;
}
.jcarousel-item-detail-image img{
vertical-align:middle;
}
.jcarousel-item-detail .jcarousel-item-detail-text {
/*width:146px;*/
/*max-height:31px;*/
}
.jcarousel-item-detail-link-company{
/*height:16px;
max-height:16px;*/
text-align:center;
max-height:30px;
overflow:hidden;
}
.jcarousel-item-detail-link-company a {
text-decoration:none;
font-weight:bold;
color:#2275D9;
}
.jcarousel-item-detail-link-company a:hover {
text-decoration:underline;
}
.jcarousel-item-detail-link-offers {
/*height:15px;
max-height:15px;*/
text-align:center;
}
.jcarousel-item-detail-link-offers a {
text-decoration:none;
color: #666666;
}
.jcarousel-item-detail-link-offers a:hover {
text-decoration:underline;
}
.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
width: 588px;
height: 120px;
text-align: center;
}
.jcarousel-skin-ie7 .jcarousel-item {
width: 147px;
height: 120px;
text-align: center;
}
.jcarousel-skin-ie7 .jcarousel-item:hover {
border-color: #808080;
}
.jcarousel-skin-ie7 .jcarousel-item-horizontal {
margin-left: 0;
/*margin-right: 7px;*/
}
.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-item-horizontal {
margin-left: 7px;
margin-right: 0;
}
.jcarousel-skin-ie7 .jcarousel-item-placeholder {
}
/**
* Horizontal Buttons
*/
.jcarousel-skin-ie7 .jcarousel-next-horizontal {
position: absolute;
top: 26px;
right: 5px;
width: 14px;
height: 107px;
cursor: pointer;
background: transparent url('../img/arrow-right.png') no-repeat 0 0;
}
.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-next-horizontal {
left: 5px;
right: auto;
background-image: url('../img/arrow-left.png');
}
.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover {
/* background-position: -32px 0;*/
cursor:pointer;
border: 1px solid #808080;
}
.jcarousel-skin-ie7 .jcarousel-next-horizontal:active {
/* background-position: -64px 0;*/
}
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active {
cursor: default;
border:none;
/* background-position: -96px 0;*/
}
.jcarousel-skin-ie7 .jcarousel-prev-horizontal {
position: absolute;
top: 26px;
left: 5px;
width: 14px;
height: 107px;
cursor: pointer;
background: transparent url('../img/arrow-left.png') no-repeat 0 0;
}
.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-prev-horizontal {
left: auto;
right: 5px;
background-image: url('../img/arrow-right.png');
}
.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover {
/* background-position: -32px 0;*/
cursor:pointer;
border: 1px solid #808080;
}
.jcarousel-skin-ie7 .jcarousel-prev-horizontal:active {
/* background-position: -64px 0;*/
}
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active {
cursor: default;
border:none;
/* background-position: -96px 0;*/
}
/****
fin ip viewer
****/
/**** Début AUTOCOMPLETE ****/
.ac_results {
padding: 0px;
border: 1px solid black;
background-color: white;
overflow: hidden;
z-index: 99999;
text-align: left;
}
.ac_results ul {
width: 100%;
list-style-position: outside;
list-style: none;
padding: 0;
margin: 0;
}
.ac_results li {
margin: 0px;
padding: 2px 5px;
cursor: default;
display: block;
/*
if width will be 100% horizontal scrollbar will apear
when scroll mode will be used
*/
/*width: 100%;*/
font: menu;
font-size: 11px;
/*
it is very important, if line-height not setted or setted
in relative units scroll will be broken in firefox
*/
line-height: 16px;
overflow: hidden;
}
.ac_loading {
background: white url(../img/ajax-loader-line.gif) 127px center no-repeat;
}
.ac_odd {
background-color: #eee;
}
.ac_over {
background-color: #2175D9;
color: white;
}
/**** Fin AUTOCOMPLETE ****/
/**** Début logo twitter bas de page ****/
#twitter-link{
float:right;
margin-left:5px;
}
#twitter-link a{
color: #666666;
font-weight: normal;
text-decoration: underline;
background: transparent url(http://twitter-badges.s3.amazonaws.com/t_mini-b.png) no-repeat scroll left center;
padding: 0 0 0 21px;
line-height: 21px;
display: block;
}
#twitter-link a:hover{
color: #333333;
}
/**** Fin logo twitter bas de page ****/
#diversite{
float:right;
margin-left: 5px;
vertical-align: top;
margin-top: -19px;
}
/**** Début logo facebook bas de page ****/
#facebook-link{
float:right;
margin-left:5px;
}
#facebook-link a{
color: #666666;
font-weight: normal;
text-decoration: underline;
background: transparent url(../img/facebook.png) no-repeat scroll left center;
padding: 0 0 0 21px;
line-height: 21px;
display: block;
}
#facebook-link a:hover{
color: #333333;
}
/**** Fin logo facebook bas de page ****/
/* popup redirection MPO */
.header-redirect{
border-bottom:1px dotted #CECECE;
margin-bottom:10px;
padding-bottom:5px;
}
.header-redirect h2{
width:380px
}
.inner-redirect p{
margin:5px 0;
}
/* FIN popup redirection MPO */
/* DEBUT BOUTON ILIKE */
.ilike{
/*margin-top:10px;*/
}
/* FIN BOUTON ILIKE */
/* DEBUT related-content */
.related-content{
}
.related-content .inner{
font-weight:bold;
font-size:12px;
padding:5px;
}
.related-content .related-link ul{
margin-top:0px;
}
.related-content .related-link li{
list-style:none;
background:url("../img/bullet_6.png") no-repeat scroll 0 2px transparent;
margin-left:0;
padding-left:16px;
}
/* FIN related-content */
/* DEBUT renouvellement mot de passe */
.new-password li {
background: transparent url('../img/box-inactive.png') no-repeat scroll 0 3px;
padding: 5px 0 5px 25px;
}
.new-password li.active {
background: transparent url('../img/box-active.png') no-repeat scroll 0 3px;
}
.new-password li.checked{
background: transparent url('../img/box-coche.png') no-repeat scroll 0 3px;
}
.new-password li span{
font-weight:bold;
}
.new-password li.active span{
color: #00308F;
}
/* FIN renouvellement mot de passe */
/* DEBUT FICHE METIER */
/* GENERAL */
.fiche-metier table {
border: medium none;
border-spacing: 0;
border-collapse: separate;
margin: 15px 0 0;
color: #0F3D7E;
}
.fiche-metier table td {
text-align: center;
}
.fiche-metier table th {
font-weight: bold;
}
.fiche-metier table th, .fiche-metier table td {
border-color: #F2F2F2 #CCC #CCC #F2F2F2;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-style: solid;
border-width: 1px;
padding: 4px;
}
.fiche-metier table thead tr th {
color: #FFFFFF;
text-transform: uppercase;
}
.fiche-metier table th.empty {
text-align: center;
}
/* TABLE IT */
.fiche-metier.it table thead tr th {
background: url("/files/img_exp/site/gradient-it-table.jpg") repeat-y scroll 0 0 #014A94;
}
.fiche-metier.it table td.median {
background-color: #DDDDF1;
border-color: #F0F0FA #C9C9F0 #C9C9F0 #F0F0FA;
}
.fiche-metier.it table td.mini {
background-color: #C6C8E3;
border-color: #E2E5FF #B2B7DE #B2B7DE #E2E5FF;
}
.fiche-metier.it table td.maxi {
background-color: #ACB5D6;
border-color: #C9D2F2 #8E95AD #8E95AD #C9D2F2;
}
/* TABLE INGENIERIE */
.fiche-metier.inge table thead tr th {
background: url("/files/img_exp/site/gradient-inge-table.jpg") repeat-y scroll 0 0 #58AB27;
}
.fiche-metier.inge table td.median {
background-color: #EBF3E2;
border-color: #F7FFEF #D2D8CB #D2D8CB #F7FFEF;
}
.fiche-metier.inge table td.mini {
background-color: #DDEBCE;
border-color: #EBF7DC #B1C49B #B1C49B #EBF7DC;
}
.fiche-metier.inge table td.maxi {
background-color: #CFE3B9;
border-color: #D8E5C9 #B4CC99 #B4CC99 #D8E5C9;
}
/* TABLE COMPTA */
.fiche-metier.compta table thead tr th {
background: url("/files/img_exp/site/gradient-compta-table.jpg") repeat-y scroll 0 0 #EC7405;
}
.fiche-metier.compta table td.median {
background-color: #FFF3DF;
border-color: #FFFAF0 #F9D79F #F9D79F #FFFAF0;
}
.fiche-metier.compta table td.mini {
background-color: #FEEAC9;
border-color: #FCF0DE #EFCE99 #EFCE99 #FCF0DE;
}
.fiche-metier.compta table td.maxi {
background-color: #FEE1B3;
border-color: #FFEACC #EABD79 #EABD79 #FFEACC;
}
/* TABLE MARKETING */
.fiche-metier.market table thead tr th {
background: url("/files/img_exp/site/gradient-market-table.jpg") repeat-y scroll 0 0 #8B0052;
}
.fiche-metier.market table td.median {
background-color: #F6E9F0;
border-color: #FAF2F7 #F2D6E5 #F2D6E5 #FAF2F7;
}
.fiche-metier.market table td.mini {
background-color: #F1DAE6;
border-color: #F2E5EA #EDC6D8 #EDC6D8 #F2E5EA;
}
.fiche-metier.market table td.maxi {
background-color: #EBCBDB;
border-color: #EDDBE5 #DEA2C1 #DEA2C1 #EDDBE5;
}
/* TABLE RH */
.fiche-metier.rh table thead tr th {
background: url("/files/img_exp/site/gradient-rh-table.jpg") repeat-y scroll 0 0 #005F7C;
text-shadow: 0 1px #033B4D;
}
.fiche-metier.rh table td.median {
background-color: #EAF5F5;
border-color: #F7FAFA #D1F0F0 #D1F0F0 #F7FAFA;
}
.fiche-metier.rh table td.mini {
background-color: #DBEEEE;
border-color: #E8F2F2 #BCE0E0 #BCE0E0 #E8F2F2;
}
.fiche-metier.rh table td.maxi {
background-color: #CCE8E7;
border-color: #DBEDED #A2DBDB #A2DBDB #DBEDED;
}
/* Autre */
.document .contentEdito ul.bullet-star li {
background: url("../img/bullet_6.png") no-repeat scroll 0 2px transparent;
padding-left: 16px;
}
.fiche-metier.it .txt{
border-right: 10px solid #008FCB;
}
.fiche-metier.inge .txt{
border-right: 10px solid #58AB27;
}
.fiche-metier.compta .txt{
border-right: 10px solid #F6A800;
}
.fiche-metier.market .txt{
border-right: 10px solid #CA5D91;
}
.fiche-metier.rh .txt{
border-right: 10px solid #3BB6B8;
}
table.barometre{
border-collapse: separate;
border-spacing: 0;
color: #333;
margin-top: 10px;
}
table.barometre th,
table.barometre td{
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border-color: #F2F2F2 #CCCCCC #CCCCCC #F2F2F2;
border-style: solid;
border-width: 1px;
padding: 4px;
background-color: #f9f9f9;
}
table.barometre th{
font-weight: bold;
}
table.barometre thead td,
table.barometre thead th{
font-weight: bold;
text-transform: uppercase;
text-align: center;
border: none;
background; none;
color: #333;
}
table.barometre td{
font-weight: normal;
text-align: center;
}
table.barometre tr.it td.median{
background-color: #DDDDF1;
border-color: #F0F0FA #C9C9F0 #C9C9F0 #F0F0FA;
}
table.barometre tr.it td.mini{
background-color: #C6C8E3;
border-color: #E2E5FF #B2B7DE #B2B7DE #E2E5FF;
}
table.barometre tr.it td.maxi{
background-color: #ACB5D6;
border-color: #C9D2F2 #8E95AD #8E95AD #C9D2F2;
}
table.barometre tr.it th{
color:#014A94;
}
table.barometre tr.inge td.median{
background-color: #EBF3E2;
border-color: #F7FFEF #D2D8CB #D2D8CB #F7FFEF;
}
table.barometre tr.inge td.mini{
background-color: #DDEBCE;
border-color: #EBF7DC #B1C49B #B1C49B #EBF7DC;
}
table.barometre tr.inge td.maxi{
background-color: #CFE3B9;
border-color: #D8E5C9 #B4CC99 #B4CC99 #D8E5C9;
}
table.barometre tr.inge th{
color:#509B21;
}
table.barometre tr.compta td.median{
background-color: #FFF3DF;
border-color: #FFFAF0 #F9D79F #F9D79F #FFFAF0;
}
table.barometre tr.compta td.mini{
background-color: #FEEAC9;
border-color: #FCF0DE #EFCE99 #EFCE99 #FCF0DE;
}
table.barometre tr.compta td.maxi{
background-color: #FEE1B3;
border-color: #FFEACC #EABD79 #EABD79 #FFEACC;
}
table.barometre tr.compta th{
color:#D86A08;
}
table.barometre tr.market td.median{
background-color: #F6E9F0;
border-color: #FAF2F7 #F2D6E5 #F2D6E5 #FAF2F7;
}
table.barometre tr.market td.mini{
background-color: #F1DAE6;
border-color: #F2E5EA #EDC6D8 #EDC6D8 #F2E5EA;
}
table.barometre tr.market td.maxi{
background-color: #EBCBDB;
border-color: #EDDBE5 #DEA2C1 #DEA2C1 #EDDBE5;
}
table.barometre tr.market th{
color:#8B0052;
}
table.barometre tr.rh td.median{
background-color: #EAF5F5;
border-color: #F7FAFA #D1F0F0 #D1F0F0 #F7FAFA;
}
table.barometre tr.rh td.mini{
background-color: #DBEEEE;
border-color: #E8F2F2 #BCE0E0 #BCE0E0 #E8F2F2;
}
table.barometre tr.rh td.maxi{
background-color: #CCE8E7;
border-color: #DBEDED #A2DBDB #A2DBDB #DBEDED;
}
table.barometre tr.rh th{
color:#005F7C;
}
/* FIN FICHE METIER */
.form-text.form-text2
{
font-size : 15px; !important
}
/**************************************************************************************************
Blocs recherche haut de page
**************************************************************************************************/
.topcontent.block-atome_search #topseek {
padding: 10px 8px 14px 8px; height: 65px;
background-image:url(../img/background/gradient-professionals-jobsearch.png);
background-position:left top; background-repeat:repeat-x;
}
.topcontent.block-atome_search #topseek * {color: #FFFFFF; padding: 0; margin: 0px; font-weight: normal; font-size: 11px;}
.topcontent.block-atome_search #topseek h2 {padding: 2px 8px 4px 0px; font-size: 18px;font-weight: bold; }
.topcontent.block-atome_search #topseek table {width: 100%;}
.topcontent.block-atome_search #topseek td.labels {padding-left: 16px;}
.topcontent.block-atome_search #topseek td.saisie {padding-left: 02px;}
.topcontent.block-atome_search #topseek input {
border: none; height:16px; padding:2px;
color:#999999; font-size:8pt;
}
.topcontent.block-atome_search #topseek select {
border: none; line-height: 24px; padding: 2px;
color:#999999; font-size:8pt;
}
.topcontent.block-atome_search #topseek select option {color:#999999;}
.topcontent.block-atome_search #topseek input.form-image {
background: #2175D9 /* url(../img/button-submit.gif) no-repeat 30px 30px */; padding: 3px;
font-weight: bold; color: #F9F9F9;
}
.topcontent.block-atome_search #topseek input.form-image:hover {
background: #FF8A00;
}
/* ie7 et ie7 */
body.msie7 .topcontent.block-atome_search #topseek ,
body.msie6 .topcontent.block-atome_search #topseek {padding-top: 12px; padding-bottom: 19px}
/**************************************************************************************************
Blocs recherche de contenu
**************************************************************************************************/
div.page-2.box-type-3,
form#search-form.search-form
{
padding : 32px 0px 0px 0px;
background-color : #FFFFFF;
}
form#search-form.search-form {
margin-bottom: 0px;
}
#search-form.search-form label
{
width: 60px;
display : inline;
}
#search-form.search-form div.container-inline
{
display : inline;
}
#search-form.search-form input#edit-keys
{
width: 360px;
height:16px;
padding:2px;
border:1px solid #AAAAAA;
color:#999999;
display : inline;
}
#search-form.search-form .item-list .pager
{
text-align: left;
}
/* FIN BLOC RECHERCHE */
/* INSTRUCTION POUR EDITEUR DE DOCUMENTS */
body.mceContentBody
{
background-color: #FFFFFF;
}
body.mceContentBody h2
{
border-bottom: 1px dotted #CCCCCC;
padding: 10px 0;
margin: 0;
color: #333333;
font-size: 14px;
font-weight: bold;
}
body.mceContentBody h3
{
color: #333333;
font-size: 11px;
font-weight: bold;
margin: 10px 0 0;
}
body.mceContentBody p
{
color: #666666;
font-size: 11px;
margin: 12px;
}
/* FIN EDITEUR */
/* DEBUT special form viadeo */
#atome-viadeo-missing-data-form .fieldset-wrapper{
display:none;
}
/* FIN special form viadeo */
/***************************************************************************************************
fin du fichier
****************************************************************************************************/