/* ----------------- */
/*   A D O S J O B   */
/* ----------------- */

/* ----------------- */
/* Balises generales */
/* ----------------- */

* { margin:0; padding:0; }
a { text-decoration:none; }
ul,ol { padding:5px 0 5px 30px; }
blockquote { margin-left:20px; }

body, input, textarea, select { font-family:Arial, Helvetica, sans-serif; font-size:12px;}

body { width: 910px; margin: 0 auto 0 auto; position:relative; }

h1 { font-size:22px; color:#7E7E7E; }
h2 { padding:0 0 10px 0; font-size:16px; color:#000; }
h3 { padding:0 0 4px 0; font-size:12px; color:#000; }
h4 { padding:0 0 3px 0; font-size:11px; color:#646464; }

hr { display:none; }

p { padding:0 0 8px 0; font-size:12px; }

a { color:#009aff;}
a:hover { color:#2254BE; text-decoration:underline; }

a.demandeLien { color:#88A300; }
a.demandeLien:hover { color:#718701; text-decoration:underline; }

a.commentaireLien, a.commentaireLien:hover { color:#6e6e6e; }

a.gris, a.gris:hover { color:#000; text-decoration:underline; }
a.orange, a.orange:hover { color:#ff761a; }

/* ------------ */
/* Identifiants */
/* ------------ */

#avertissement { background-color:#ffffe1; border:1px solid #cbcb83; padding:3px; }

#publicite { position:relative; top:5px; height:10px; }

#conteneurPublicite { background-color:#f5f5f5; border:1px solid #e6e6e6; padding:0 2px 2px 2px; margin-bottom:9px; width:auto; -moz-border-radius:8px; }

#entete { position:relative; top:5px; height:71px; padding-top:5px; }

#menu { position:relative; top:10px; height:183px; }
div#menuBoxOverlay { position:absolute; top:0px; left:0px;}

#menuBoxDemande, #menuBoxOffre {left:0px; position:absolute; display:block; margin-top:35px; }

#menuBoxDemande { width:175px; top:20px; left:0px; padding-left:10px; }
#menuBoxDemandeProfil, #menuBoxOffreProfil { width:540px; position:absolute; margin:20px 0 0 23px; top:20px; left:0px; }
#menuBoxOffreProfil { width:720px; }
#menuBoxOffre { top:20px; left:186px; width:175px; padding-left:10px; } 
#menuBoxCoaching { position:absolute; display:block; left:372px; width:173px; top:2px; } 

#menuBoxDemande input.champ { height:15px; width:76px; background:#c6dd55; border:1px solid #7faf00; font-size:11px; padding:0 2px 0 2px;}
#menuBoxDemande input.bouton { background:#c6dd55; color:#4b7e00; border:1px solid #7faf00; height:17px; padding:0 5px 0 5px; font-size:11px; display:none; }

#menuBoxOffre input.champ { height:15px; width:76px; background:#99D7FF; border:1px solid #40A4FF; font-size:11px; padding:0 2px 0 2px;}
#menuBoxOffre input.bouton { background:#99D7FF; color:#042B7C; border:1px solid #40A4FF; height:17px; padding:0 5px 0 5px; font-size:11px; display:none;}

/*
#menuBoxCoaching a.lienCoaching { color:#eaaca9; display:block; }
#menuBoxCoaching a.lienCoaching { margin-bottom:3px; padding:3px 5px 3px 5px; }
#menuBoxCoaching a.lienCoaching:hover { text-decoration:none; border:1px solid #96160f; background-color:#e6a7a2; padding:2px 4px 2px 4px; } */

#menuGauche { float:left; height:175px; border-top:4px solid #88A300; background: url("img/titreFond_demande.gif") repeat-x top #BDE10B; padding-right:10px; }
#menuDroite { float:right; height:175px; border-top:4px solid #2254BE; background: url("img/titreFond_offre.gif") repeat-x top #80CDFF;}

#conteneur { position:relative; top:10px; height:100%; padding:6px 0 6px 0; }
#conteneurContenu { float:left; width:728px; text-align:justify; background:url("img/point.gif") repeat-y right; padding:0 11px 0 0; margin-bottom:4px;}
#conteneurContenuUnique { float:left; width:100%; text-align:justify; margin-bottom:4px;}
#conteneurPanneau { float:right; width:165px; text-align:left;}

#pied { border-top:1px solid #c8c8c8; padding-top:5px; height:50px; clear:both; font-size:11px;}

/* --------------- */
/* Balises ciblees */
/* --------------- */

#menuGauche p, #menuDroite p, #menuGauche table, #menuDroite table { font-size:11px;}

/* Panneau droite */
#conteneurPanneau p { font-size:0.9em; color:#000; text-align:left; padding-bottom:2px;}
#conteneurPanneau h2 { font-size:1.1em; margin:0; padding:0 0 2px 0;}
#conteneurPanneau h3 { font-size:11px; margin:0px 0 -4px 0; font-weight:bold; }
#conteneurPanneau textarea { border:0; font-size:10px; width:170px; color:#646464;}
#conteneurPanneau input { border:1px solid #c8c8c8; font-size:10px; color:#646464; padding:0 2px 0 2px;}
#conteneurPanneau img.icone { margin-right:6px; }
#conteneurPanneau a { color:#ff761a; }
#conteneurPanneau a:hover { color:#ff761a; text-decoration:underline; }

#infos h2 { color:#ff5353; padding:1px 0 1px 3px; }
#infos h3 { margin:1px 0 2px 0; }
#infos h3 a, #infos h3 a:hover { color:#730000;}
#infos a p { color:#6e6e6e; font-size:11px; }
#infos a p:hover /* FF */, #infos a:hover /* IE */ { color:#000; text-decoration:underline; }

/* Pied */
#pied a { color:#333; }
#pied a:hover { color:#333; border-bottom:1px solid #333; text-decoration:none;}

/* Menu Gauche - Demande d'emploi */
#menuGauche p,#menuGauche table { color:#58730C}
#menuGauche input.champ { height:15px; width:76px; background:#D2F71D; border:1px solid #A0BF06; font-size:11px; padding:0 2px 0 2px;}
#menuGauche input.bouton { background:#D2F71D; color:#718700; border:1px solid #A0BF06; height:17px; padding:0 5px 0 5px; font-size:11px;}
#menuGauche h3 { color:#5D6F00;}

/* Menu Droite - Offre d'emploi */
#menuDroite p, #menuDroite table { color:#002B87;}
#menuDroite input.champ { height:15px; width:76px; background:#99D7FF; border:1px solid #40A4FF; font-size:11px; padding:0 2px 0 2px;}
#menuDroite input.bouton { background:#99D7FF; color:#042B7C; border:1px solid #40A4FF; height:17px; padding:0 5px 0 5px; font-size:11px;}
#menuDroite h3 { color:#042B7C;}

/* ------- */
/* Classes */
/* ------- */

/* Formulaires divers */
.formulaire { margin-bottom:4px; }
.formulaire input, select, textarea { border:1px solid #BEBEBE; margin-bottom:3px; }
.formulaire input, textarea { padding:0 0 0 2px;}
.formulaire select { font-size:11px;}
.formulaire textarea { height:60px; width:435px; font-size:11px; padding:2px;}
.formulaire td { padding:2px 0 0px 0; font-size: 11px;}
.formulaire p { font-size: 11px; padding:3px 0 0 0; }
.formulaire h3 { margin:5px 0 5px 0; padding:0; display:inline;}
.formulaireTitre { background: url("img/point.gif") repeat-x top; }
.formulaireTitreFond { background-color:#f5f5f5; border-bottom:2px solid white;}
.formulaireSep { background: url("img/point.gif") repeat-y left; }
.formulaireInput { height:16px; width:200px;}

.formulaireEntete { background-color:#e4e4b2; border:1px solid #d0d0a5; font-size:11px; color:#848467; margin-bottom:3px; }

/* Fonds */
.demandeObligatoire { background:#D2F71D; color:#88A200; border:1px solid #BADA1E; text-align: center; font-size:11px; }
.demandeOptionnel, .offreOptionnel { background:#EFEFEF; color: #AEAEAE; border:1px solid #c8c8c8; text-align:center; font-size:11px; }
.offreObligatoire { background:#99D7FF; color:#0067C4; border:1px solid #40A4FF; text-align:center; font-size:11px; }

/* Images */
img.menuImage { float:left; margin-right:10px;}
img.menuImageDroite { float:right; margin-left:10px;}
img.menuTitre { margin-top:2px;}
img.droite, img.gauche, img.libre { padding:6px; background: url("img/point.gif") repeat; }
img.droite { float:right; margin-left:10px;}
img.gauche { float:left; margin-right:10px;}
img.miniGauche { float:left; margin-right:5px; }
.vignetteTitre { vertical-align:middle; margin:0 10px 2px 0;}

/* Boutons */
input.demandeBouton { background:#bde10b; color:#587107; font-size:14px; border:1px solid #A0BF06; padding:1px 0 0 0;}
input.offreBouton { background:#75C9FF; color:#0062bb; font-size:14px; border:1px solid #40A4FF; padding:1px 0 0 0;}

span.piedSep { position:relative; color:#c8c8c8; margin:0 6px 0 6px; top:-1px; font-size:10px; }
span.erreurInscription { color:#E7B600; font-size:9px; position:relative; top:-5px;}

/* Commentaires */
.commentaire, .commentaireDiv { color:#6e6e6e; font-size:10px; }
.commentaireDiv { padding-bottom:4px; }

/* Team */
.teamNom { color:#ff761a; font-size:11px; font-weight:bold; }

/* Menu Profils */
.demandeMenuProfil { float:left; margin:0 20px 0 0; padding:0 10px 5px 0; height:125px; color:#5D6F00}
.demandeMenuProfil a { color:#5D6F00; font-size:12px; padding:3px; }
.demandeMenuProfil a:hover { color:#5D6F00; text-decoration:none; background-color:#dfec92; border:1px solid #8dbe00; padding:2px; -moz-border-radius:5px;-webkit-border-radius:5px;}
.demandeMenuProfil h3 { font-size:14px; margin:8px 0 10px 0; padding:0 0 4px 0; border-bottom:1px solid #85a800; }
.demandeMenuVignette { float:left; margin:0 8px 100px 0; }

.offreMenuProfil { float:left; margin:0 20px 0 0; padding:0 10px 5px 0; height:125px;}
.offreMenuProfil a { color:#042B7C; font-size:12px; padding:3px; }
.offreMenuProfil a:hover { color:#042B7C; border-bottom:1px solid #042B7C; text-decoration:none; background-color:#d4edfd; border:1px solid #6cc5ff; padding:2px; -moz-border-radius:5px;-webkit-border-radius:5px;}
.offreMenuProfil h3 { font-size:14px; margin:8px 0 10px 0; padding:0 0 4px 0; border-bottom:1px solid #46b4f7; color:#2254BE; }
.offreMenuVignette { float:left; margin:0 8px 100px 0; }

/* Liens catégories page d'accueil */
.offreType td { color:#8F8F8F; font-size:10px;}
.offreType a { font-size:12px; color:#000; text-decoration:underline;}
.offreType a:hover { color:#999; text-decoration:underline; }
a.offreTypeOn { color:#f06600; text-decoration:none; border:none; font-weight:bold; }
a.offreTypeOn:hover { color:#f06600; border:none; text-decoration:none; }

/* Publicité */
.pubDroite { float:right; margin:8px 0 0 6px; width:auto; }
.pubDroiteTexte { font-size:0.75em; color:#b2b2b2; margin-bottom:2px; }

/* CV */
span.cvNom { font-weight:bold; font-size:18px; color:#88A300; }
h3.cvTitre { padding:4px 0; height:23px; background-color:#d2f71c; border-bottom:1px solid #BADA1E; color:#88A300; font-size:16px; font-weight:bold; padding-left:6px; }
.cvPhoto { float:right; padding:2px; margin-bottom:0px; background-color:#d2f71c; border-left:1px solid #BADA1E; border-bottom:1px solid #BADA1E; }
.cvGauche { float:left; margin:4px 30px 4px 0; line-height:20px; }
.cvCadre { border-top:3px solid #88A300; background: url("img/point.gif") repeat-x bottom; border-bottom:1px solid #fff; }
.cvCadreOn { border-top:3px solid #FF9900; background-color:#ffecbb; border-bottom:1px solid #ffd567;  } /* style d'un CV sélectionné */

* html .check {	margin:-18px -3px -5px -4px; } /* checkbox de sélection des CVs - Hack IE */

/* Barre de sélection dans l'affichage des candidatures */
table.barreSelectionCV { background-color:#cceafd; border:1px solid #c8c8c8; }
table.barreSelectionCV td { padding:5px 0 5px 0; }
.barreSelectionCV a { text-decoration:underline; color:#000; }
.barreSelectionCV a:hover { text-decoration:none; color:#ef6000; }
.barreSelectionCV .commentaire { color:#014876; font-size:12px; }
.barreSelectionCVTitre { font-weight:bold; margin:0px 8px 0px 8px; color:#ef6000; border:0px solid #5eb2e5; }
input.boutonCadreOptions, input.boutonCadreOptions2 { font-size:12px; color:#718701; cursor:pointer; padding:1px 0 0 0; } /* Aussi en dessous dans "cadre d'options" */
input.boutonCadreOptions2 { background-color:#99d7ff; color:#2683bf; border:1px solid #6cc5ff; } /* Aussi en dessous dans "cadre d'options" */

div.aucuneDonnee { background:#CCCCCC; color:#000; padding:3px; border:1px solid #999999; }
div.aucuneDonnee a, div.aucuneDonnee a:hover{ text-decoration:underline; color:#333; }
div.aucuneDonnee a:hover { text-decoration:none; }

span.cvComplements { float:left; display:block; width:48.3%; padding:5px 0 5px 0; margin-bottom:4px; background: url("img/point.gif") repeat-x top; font-size:11px; }
span.cvComplementsDroite { padding-left:15px;}
span.cvComplementsGauche { padding-right:15px;}

/* Offre */
a.offreLien:hover { text-decoration:none; }

.offreCadre { border-top:3px solid #5EC0FF; background: url("img/point.gif") repeat-x bottom; }
.offreCadre table { font-size:12px; margin:0px 0px 2px 0px;}
.offreCadre .champ, .petit { font-size:11px; }

.offreTitre { padding-top:6px; border-bottom:1px solid #9AD7FF; color:#3EB2FC; font-size:18px; font-weight:bold; padding-left:6px; background-color:#CCEBFF; }
.offreComplement { color:#333333; float:right; text-align:right; margin-right:5px; }

a.offreCandidats { color:#FF9900; border-bottom:1px solid #FF9900; }
a.offreCandidats:hover { color:#FF9900; border:0; text-decoration:none; }

/* Offre template */
a.offreListeLien, a.offreListeLien2 { display:block; width:100%; margin:0; padding:0; text-decoration:none; }
@media screen and (-webkit-min-device-pixel-ratio:0){ /* Only Safari */ a.offreListeLien, a.offreListeLien2 { height:35px; } } 
a.offreListeLien2 { background-color:#f7f7f7; }

a.offreListeLien2:hover, a.offreListeLien:hover { text-decoration:none; }

.offreListeCadre { margin:4px 0 4px 0; }

.offreLigneTitre { padding-top:2px; }
.offreLigneDesc { padding-bottom:2px; margin-top:-2px; overflow:hidden; }

.offreExtrait { color:#6e6e6e; font-size:11px;}

.numOffreListe, .numOffreListeON { background:#99D7FF; color:#0067C4; border:1px solid #40A4FF; text-align:center; font-size:11px; float:left; height:29px; padding:4px 0 0 0; margin-right:5px;  }
.numOffreListeON { background:#40A4FF; }

/* Offre Cadres numéros */
.cadreNumOffre, .cadreNumDemande, .cadreNumGris { text-align:center; font-weight:bold; font-size:18px; padding:2px; }
.cadreNumOffre { color:#d4eeff; }
.cadreNumDemande { color:#F4FFC0; }
.cadreNumGris { color:#d7d7d7; }

/* Cadre d'options à droite des Cadre CV / Candidatures / Offres */
span.demandeCadreOptions, span.offreCadreOptions, input.boutonCadreOptions { font-weight:normal; margin:1px 4px 0 0; border:1px solid #aacc03; background-color:#deff3b; }
span.demandeCadreOptions, span.offreCadreOptions { float:right; font-size:12px; padding:2px 3px 2px 3px;  }
span.offreCadreOptions { border:1px solid #9ad7ff; background-color:#d8f0ff; }

/* Type des comptes */
.compteType1, .compteType2 { font-weight:bold; font-size:14px; }
.compteType1 { color:#ff9751; }
.compteType2 { color:#ff4646; }
.comparatif td { border-right:1px solid #ddd; border-bottom:1px solid #ddd; height:28px; }
.comparatif th, .comparatif td.titre { border-bottom:1px solid #ddd; height:28px;}
td.comparatifRetrait { padding-left:20px; }
.comparatif a { color:#000; font-size:12px;}
.comparatif a:hover { background-color:#e0e0e0; text-decoration:none; color:#000 }
p.comparatifCommentaire { background-color:#fff; color:#ff0000; padding:3px; margin-top:2px; display:none; font-size:12px; }

/* Info */
.infoContenu img { margin:3px 0 3px 15px; }
.infoContenu p, .infoContenu { font-size:13px; }
.infoContenu a, .infoContenu a:hover { color:#b62a2a; }

/* Info Cadre */
.infoUpperLeft { background-color:#ffd7d7; color:#ff7474; background-image:url('img/coinInfo_haut_gauche.gif'); background-repeat:no-repeat; background-position:top left; }
.infoUpperRight { background-image:url('img/coinInfo_haut_droite.gif'); background-repeat:no-repeat; background-position:top right; }
.infoLowerLeft { background-image:url('img/coinInfo_bas_gauche.gif'); background-color:#fff3f3;	background-repeat:no-repeat; background-position:bottom left; }
.infoLowerRight { background-image:url('img/coinInfo_bas_droite.gif'); background-repeat:no-repeat;	background-position:bottom right; padding:3px 5px 1px 5px; }

/* Info Recherche Offres */
.searchUpperLeft { background-color:#e6e6e6; color:#888888; font-size:10px; background-image:url('img/coinSearch_haut_gauche.gif'); background-repeat:no-repeat; background-position:top left; }
.searchUpperRight { background-image:url('img/coinSearch_haut_droite.gif'); background-repeat:no-repeat; background-position:top right; padding:2px; }
.searchLowerLeft { background-image:url('img/coinSearch_bas_gauche.gif'); background-color:#f7f7f7;	background-repeat:no-repeat; background-position:bottom left; }
.searchLowerRight { background-image:url('img/coinSearch_bas_droite.gif'); background-repeat:no-repeat;	background-position:bottom right; padding:3px 5px 1px 5px; }

a#infoArchive, a#infoArchive:hover { color:#ff7070; padding:3px 4px 0 0; float:right; font-size:10px; }
.infoMois { margin-right:2px; color:#ff4646; font-size:10px; }
.infoLien, .infoLien:hover, span.infoLien { font-size:11px; color:#730000; }

/* Administration */
.adminDroite { float:right; margin:15px 4px 0 6px; }
.adminPanneau { margin-bottom:4px; }
.adminPanneau a { font-size:12px; }
.adminPanneau a,a.adminLien { color:#ff761a; padding:0 2px 0 2px; }
.adminPanneau a:hover,a.adminLien:hover { color:#ff761a; }
.adminRollOver { background-color:#b7b7b7; }
.adminRollOver2 { background-color:#f0f0f0; }

/* Popup */
.exemple { background:#f9ffdf; color:#4e5e00; border:1px solid #bde10b; text-align:justify; padding:5px; }

/* Orange */
input.orangeBouton, .orangeBouton, .orangeBouton:hover { background:#fec999; color:#ea5e00; border:1px solid #ff9600; text-align:center; }
.cadreOrange { background:#fec999; color:#ffedcd; border:1px solid #ff9600; text-align:center;  }

.panneauSep { border-top:1px solid #c8c8c8; height:0px; line-height:0px; margin:4px 0 4px 0 }

/* CSS RollOver */
a.rollOver:hover img { filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6; }