@import "pagelist.css";

#appercu-email {
 float : left;
 clear : both;
 width : 90%;
 padding : 5%;
 background : #f2f2f2;
 border : 1px solid #e5e5e5;
 margin : 0 0 1em 0;
}


.bandeau-mike {
    float : left;
    clear : both;
    width : 100%;
}

.bandeau-mike h3 {
    margin : 1em 0 0 0;
    padding : 0;
}

.bandeau-mike .colonne {
    float : left;
    width : 47%;
}

#colonne-gauche .liste-metiers h1 {
    margin-bottom : 1em;
    padding : 0;
}

.liste-metiers h2 {
    margin : 0;
    padding : 0;
}

#colonne-gauche .liste-metiers h3 {
    margin : 0;
    padding : 0;
}


.liste-metiers h1 span {
    font-size : .7em;
    font-weight : normal;
}


/* -----   Détails d'une demande ------ */

#detail-demande {
    float : left;
    clear : both;
    width : 100%;
}



div.infos-demandes {
    display : block;
    clear : both;
    width : 100%;
    text-align : left;
    margin : 0;
    padding : 0;
}

div.infos-demandes p {
    float : left;
    width : 62%;
    line-height : 100%;
}

div.coordonnees-demandeur {
    float : right;
    width : 15em;
    background : #f2f2f2;
    border : 5px solid #e5e5e5;
    padding : .4em;
}

div.coordonnees-demandeur p {
    width : 100%;
}


div.coordonnees-demandeur p.paragraphe-telechargement {
    float : left;
    clear : both;
    width : auto;
    background : #e5e5e5;
    border : 1px solid #b0b0b0;
    padding : .4em;
}

div.coordonnees-demandeur p.paragraphe-telechargement a.demande-cv-telechargement {
    float : left;
    width : auto;
    background : url(../../img/cv.jpg) top left no-repeat;
    height : 1em;
    padding : 0 0 0 1.2em;
    color : #000;
    text-decoration : underline;
}


/* -----   Détails d'une actualité ------ */


.actualite-details {


}

.actualite-details h1 {
  float: none;
  display: block;
  width: 100%;
  clear: both;
  margin-top : 0;
  padding : 0 0 1em 0;
}


.actualite-details #colonne-gauche h1 span,
.actualite-details h1 span {
  font-weight : normal;
  background : orange;
  color : #fff;
  padding : 0 .4em;
  margin : 0 .4em 0 0;
  font-size : 0.8em;
}

.accroche {
  float : left;
  clear : both;
  width : 100%;
  font-style : italic;
}

.liste-metiers h1 {
  float : left;
  clear : both;
  width : 100%;
  padding : 0 0 1em 0;
}

.liste-metiers h3 {
  float : left;
  clear : both;
  width : 100%;
  margin : 0;
  padding : 1.3em 0 0 0;
  border-bottom : 1px solid #e5e5e5;
}



.liste-metiers h6 {
  float : left;
  clear : both;
  width : 100%;
  text-align : left;
  border-bottom : 1px solid #e5e5e5;
}


.liste-metiers h5 {
  border : none;
}
.liste-metiers h5 a:hover,
.liste-metiers h5 a {
  border : none;
  font-weight : bold;
}
.liste-metiers h5 a:hover { text-decoration : underline; }


.liste-metiers h5 a.secteur {
  color : #595959;
  font-weight : normal;
  text-transform : none;
}


.recherche-box {
  float : left;
  clear : both;
  width : 100%;
  padding : 0 0 2em 0;
}


.recherche-box p a {
  color : #595959;
  text-decoration : underline;
}


.formations {
  float : left;
  clear : both;
  width : 100%;
  margin : 0;
  padding : 0;
}

.formations p {
  float : left;
  clear : both;
  width : 100%;
  margin : 0;
  padding : 0;
}


.formations strong {
  color : #777;
}


.formations ul {
  float : left;
  clear : both;
  width : 100%;
  padding : 0 0 .7em 0;
}

.formations li {
  float : left;
  clear : both;
  width : 100%;
}

#liste-formations-table .intitule .formations a,
.formations a,
.formations a:hover {
  color : #595959;
  font-weight : normal;
}
.formations a:hover { text-decoration : underline; }


.lien-metier {
  background : url(../../icones/fleche-ronde.png) center left no-repeat;
  padding : 2px 0 2px 22px;
  line-height : 160%;
}


/* ------------ tableau avec classement ------------ */

#liste-formations-table table {
  /*border-collapse : collapse;*/
  background : #f0f0f0;
  /*border : 1px solid #fff;*/
  border : none;
  border-bottom : 3px solid #0B2252;
  width : 99%;
}

#liste-formations-table th {
  background : #0B2252;
  padding : 0.3em 0.4em;
  /*border : 1px solid #fff;*/
  border : none;
  text-align : center;
  color : #f2f2f2;
  font-weight : normal;
}


#liste-formations-table th a {
  color : #f2f2f2;
  font-weight : bold;
}

#liste-formations-table td {
  border : 1px solid #fff;
  border : none;
  padding-bottom : 1em;
}

#liste-formations-table td a:hover {
  text-decoration : underline;
}


#liste-formations-table .link a {
  color : #595959;
}

/*#liste-formations-table .intitule {
    width : 75%;
}*/

#liste-formations-table .intitule a {
  font-weight : bold;
}


#liste-formations-table  td p a.evolution-carriere {
	font-weight : normal;
	text-decoration : underline;
	color : #333;
}

#liste-formations-table tr.c0 {
  background : #eaeaea;
}
#liste-formations-table tr.c1 {
  background : #fff;
}


#liste-formations-table th a {
  display : block;
  width : auto;
  margin : 0 auto;
  padding-left : 12px;
  background : url('../../img/fleche-tri-indication.png') left 50% no-repeat;
}

#liste-formations-table th.asc a {
  background : url('../../img/fleche-tri-annonces-haut.png') left 50% no-repeat;
}

#liste-formations-table th.desc a {
  background : url('../../img/fleche-tri-annonces-bas.png') left 50% no-repeat;
}




/* -------------  Indentification  ------------------------------ */

#special-login {
  display : block;
  /*float : left;*/
  clear : both;
  width : 90%;
  padding : 1em;
  margin : 1em auto;
}


/* -------- dépôt d'une demande d'emploi ou de stage ------- */


#colonne-droite-vert.processus-etapes {
  padding : 1em 0 0 0;
}


#type-demande {
  float : left;
  clear : both;
  width : 90%;
  padding : 0 0 1em 0;
}

#type-demande.error label {
  background : #FFF7C0;

}

.liste-choix p,
#inscription #type-demande p {
  float : left;
  clear : none;
  width : 160px;
  margin : 0 1em 0 0;
  padding : 0;
  text-align : right;
}

.liste-choix p {
  width : 100%;
}

.liste-choix input,
#type-demande input {
  margin : 0;
  padding : 0;
  border : none;
}

.liste-choix label,
#type-demande label {
  margin : 0;
  padding : 0;
}


.liste-choix samp,
#type-demande samp {
  margin : 0 0 0 165px;
  padding : 0;
  font-weight : normal;
  font-size : 0.9em;
}


.liste-choix {
  float : left;
  clear : both;
  width : 100%;
  padding : 0 0 1em 0;
}


.liste-choix ul {
  float : left;
  clear : both;
  width : 400px;
  margin : 0;
  padding : 0 0 0 160px;
}

.liste-choix li {
  float : left;
  width : 48%;
  margin : 0;
  padding : 0 0 0.6em 0;
}




/*  ----------   Progression du dépot de demande emploi / stage ---------- */

#colonne-droite-vert .annonce-etape {
    background : #fff url(../../img/fond-boite-colonne_droite-h.png) no-repeat top left;
    clear : both;
    border : none;
}

#colonne-droite-vert .annonce-etape-active {
    background : #FFECB3 url(../../img/fond-boite-colonne_droiteh2.png) no-repeat top left;
    clear : both;
    margin-bottom : 0.6em;
}


.annonce-etape-active h5,
#colonne-droite-vert div#publication_annonce.annonce-etape-active h5,
.annonce-etape h5,
#colonne-droite-vert div#publication_annonce.annonce-etape h5 {
    font-weight : bold;
    color : #999;
    text-align : left;
    font-size : 1.7em;
    line-height : 110%;
    padding : 0.2em;
    margin : 0;
    text-transform : none;
    border : none;
}

.annonce-etape h5 a {
  color : #999;
}

#colonne-droite-vert .annonce-etape-active {
  float : left;
  width : 100%;
  background : #A1B741;

}
.annonce-etape-active h5,
#colonne-droite-vert div#publication_annonce.annonce-etape-active h5 {
    color : #fff;
}

.annonce-etape-active h5 a {
  color : #fff;
}


.annonce-etape-active h5 span,
#colonne-droite-vert div#publication_annonce.annonce-etape-active h5 span,
.annonce-etape h5 span,
#colonne-droite-vert div#publication_annonce.annonce-etape h5 span {
    font-weight : bold;
    /*color : #fff;*/
    text-align : center;
    font-size : 0.7em;
    padding : 0;
    margin : 0;
}



/* ----------- synthèse de la demande d'emploi / stage  ------------- */

.synthese-demande h2 {

}

.synthese-demande p {

}



/* ----------- Téléchargement pour la demande d'emploi / stage  ------------- */


#fichiers-demande {


}

#fichiers-demande li {
  color : #156BA7;
  background : url(../../img/attach.png) center left no-repeat;
  padding-left : 20px;
}


/* ----------- colonne de droite espace entreprise  ------------- */


#colonne-droite-vert .encart-190 {
  padding : 0 0 1em 1em;
}

#colonne-droite-vert .encart-190 ul {
    margin : 0;
    padding : 0;
    /*list-style-type : none;*/
}

#colonne-droite-vert .encart-190 ul.triangle {
  list-style-type : none;
}

#colonne-droite-vert .encart-190 ul li {
    /*margin : 0;
    padding : 0;*/
    background : url(../../icones/triangle-orange2.gif) center left no-repeat;
}


#colonne-droite-vert .encart-190 ul.triangle a:hover {
  text-decoration : underline;
}


#colonne-droite-vert .encart-190 ul.triangle li.selected {
  /*background : #fff;*/
}

#colonne-droite-vert .encart-190 ul.triangle li.selected a {
  font-weight : bold;
  color : #000;
}




#colonne-droite-vert h2 {
    float : left;
    /*background : pink;*/
    clear : both;
    width : 100%;
}




/* ----------- formulaire des filtres  ------------- */

#filtres-liste {
  padding : 1em 0 0 0;
}


#filtres-liste .formrow-m {
  float : left;
  width : 90%;
  padding : 0 5%;
  clear : both;
}



#filtres-liste .formrow-m label {
  float : left;
  width : 46%;
  text-align : right;
  padding : .5em 0 0 0;
}


#filtres-liste .formrow-m input {

}

#filtres-espace-entreprise .formrow-m select,
#filtres-liste .formrow-m select {
  float : left;
  width : 50%;
  font-size : 0.9em;
}



.submit {
  float : left;
  clear : both;
  padding : 1em 0 0 1em;
}



#filtres-espace-entreprise {
    float : left;
    clear : both;
    width : 100%;
    padding : 0;
}

#filtres-espace-entreprise .formrow-m {
    float : left;
    clear : none;
    width : 49%;
    padding : 0;
}


#filtres-espace-entreprise .formrow-m label {
    float : left;
    width : 44%;
    text-align : left;
    padding : 0;
}

#filtres-espace-entreprise .formrow-m select {
    width : 53%;
}




/* ----------- Livret d'accueil  ------------- */



#livrets-accueil {

}


#livrets-accueil ul {
  float : left;
  clear : both;
  width : 90%;
  list-style-type : none;
  margin : 1em 0 0 0 ;
  padding : 0;
}


#livrets-accueil li {
  float : left;
  clear : both;
  width : 80%;
  margin : 0.4em 0;
  padding : 0.6em 0 0 70px;
  background : url(../../img/attachements/zip_medium.jpg) top left no-repeat;
  height : 70px;
}

#livrets-accueil h2 {
  float : left;
  clear : both;
  width : 100%;
  margin : 0;
  padding : 0;
  color : #696969;
  font-weight : bold;
}

#livrets-accueil h3 {
  float : left;
  clear : both;
  width : 100%;
  margin : 0;
  padding : 0;
  color : #696969;
  font-weight : bold;
}


#livrets-accueil em {
  margin-left : 1em;
  font-size : 0.75em;
  font-weight : normal;
}


#livrets-accueil p {
  float : left;
  clear : both;
  width : 100%;
  margin : 0;
  padding : 0;
}


#livrets-accueil p.file {

}



/* ----------- Vidéos des métiers  ------------- */


#videos {

}

#videos ul {
  float : left;
  clear : both;
  width : 100%;
  margin : 1em 0 0 0;
  padding : 0;
}

#videos li {
  float : left;
  clear : both;
  width : 45%;
  margin : 0;
  padding : .8em .4em 0 0;
}

#videos li h5 {
  float : left;
  clear : both;
  width : 100%;
  margin : 0;
  padding : 0 0 0.5em 0;
  border : none;
}



/* ----------- Quel métier pour moi ?  ------------- */


#quel-metier {
    float : left;
    width : 100%;
    clear : both;
}

#quel-metier h1 {
    float : left;
    width : 100%;
    clear : both;
    margin : 1em 0 0 0;
}

#quel-metier h3 {
    float : left;
    width : 100%;
    clear : both;
    padding : 1em 0 .4em 0;
    margin : 0;
}


#quel-metier fieldset {
    float : left;
    width : 100%;
    clear : both;
    border : none;
}



#quel-metier .form-checkbox {
    float : left;
    width : 33%;
    padding : .3em 0 0 0;
    margin : 0;
    clear : none;
}



/* ---------  Formulaire de recherche ----------- */


#formulaire-recherche {
    display : block;
    clear : both;
    margin : 0;
    padding : 0;
}

#formulaire-recherche input.champ-recherche {
    padding : .3em;
    border : 1px solid #a5a5a5;
    margin : 0 .4em 0 0;
}

#stats-resultats-recherche {
    display : block;
    float : none;
    margin : 0 auto;
    clear : both;
    width : 30em;
    border : 1px solid #e5e5e5;
    padding : .4em 1em;
}

#stats-resultats-recherche h5 {
    text-decoration : none;
    border : none;
    text-transform : none;
    font-weight : bold;
    font-size : 1em;
}



#stats-resultats-recherche p.resultats {
    float : left;
    clear : both;
    width : 100%;
    padding : .5em 0;
}

#stats-resultats-recherche p.resultats a {
    float : left;
    /*clear : both;*/
    width : 25%;
    color : #333;
    text-decoration : none;
    background : #fff;
}


#stats-resultats-recherche p.resultats a.voir {
    float : left;
    width : 60%;
    padding : 0 0 0 13px;
    text-decoration : underline;
    background : transparent url(../../img/liens_fleche.gif) center left no-repeat;
}



#stats-resultats-recherche p.resultats a:hover { background-color : #f2f2f2; text-decoration : underline; }



/* Détails d'une offre */

p.offre-description {
    float : left;
    width : 52%;
}




/* Tableau simple */
table.tableau-contenu {
    width : 100%;
    border : 1px solid #fff;
}


table.tableau-contenu th {
    background : #aeaeae;
    color : #fff;
}


table.tableau-contenu th,
table.tableau-contenu td {
    padding : .6em;
    border : 1px solid #fff;
}


/*  Fiche entreprise
--------------------------------------------------------------- */

#fiche-entreprise {
	
}


#fiche-entreprise h1 {
   margin : 0;
}

#fiche-entreprise div.presentation {
   float : left;
   width : 45%;
   padding : 0 2em 0 0;
}

#fiche-entreprise div.presentation p {
   padding : 0 0 .8em 0;
}


#fiche-entreprise div.presentation p.produits,
#fiche-entreprise div.presentation p.details-activite {
   color : #000;
   background : url(../../icones/fleche-ronde.png) top left no-repeat;
   padding-left : 25px;
}

#fiche-entreprise div.presentation p.produits {
	padding-top : 1em;
	background-position : 0 1em;
}


#fiche-entreprise div.coordonnees {
   float : left;
   width : 45%;
}

#fiche-entreprise div.coordonnees p {
   
}



#fiche-entreprise div.adresse {
	float : left;
	clear : both;
	width : 291px;
   background : #E5E5E5 url(../../img/entreprise-adresse_fond.jpg) top left no-repeat;
   padding : 0;
}



#fiche-entreprise div.adresse p {
   padding : 13px 0 15px 50px;
   margin : 0;
   font-size : .9em;
   background : url(../../img/entreprise-adresse_bas.jpg) bottom left no-repeat;
}


#fiche-entreprise div.contact {
	float : left;
	width : 100%;
	clear : both;
   color : #000;
   background : url(../../icones/icn-entreprise-medium.png) 0 15px no-repeat;
   padding : 10px 0 0 34px;
}


/*  Dépôt d'une offre dans l'espace entreprise
--------------------------------------------------------------- */

#inscription #champ-description.formrow-m {
   float : left;
   width : 100%;
}


#inscription #champ-description.formrow-m label {
	float : left;
	width : 100%;
	text-align : left;
}

#fichiers-demande,
.champ-fichier {
	display : block;
	width : 100%;
	clear : both;
	float : none;
	overflow : hidden;
}


/*  Pliage des formations / métiers
--------------------------------------------------------------- */

#infos-formations div.groupe-formation {
	display : block;
	clear : both;
	overflow : hidden;
	padding : .8em 0 0 0;
}

#infos-formations div.groupe-formation span {
   display : block;
   background : url(../../icones/triangle-gris.png) 0 1px no-repeat;
   cursor : pointer;
   padding : 0 0 0 12px;
   color : #888;
}

#infos-formations div.groupe-formation.afficher-liste span {
   display : none;
}

#infos-formations div.groupe-formation.afficher-liste span.alternative {
   display : block;
   background-image : url(../../icones/triangle-gris-deplie.png);
}

#infos-formations div.groupe-formation.cacher-liste span.alternative {
   display : none;
}

#infos-formations div.groupe-formation a {
   font-weight : bold;
}

#infos-formations div.groupe-formation.cacher-liste ul {
	display : none;
}

#infos-formations div.groupe-formation.afficher-liste ul {
   display : block;
}

#infos-formations div.groupe-formation ul li a {
   font-weight : normal;
}