/* CSS Document */

@-webkit-keyframes RetardFondNoir {
    from { opacity: 0; }
	50%{ opacity: 0; }
	to {opacity: 0.2;}
} 
@keyframes RetardFondNoir {
    from { opacity: 0; }
	50%{ opacity: 0; }
	to {opacity: 0.2;}
}

#AjaxAttente{
	display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #000;
    z-index: 10000;
    cursor: wait;
	opacity: 0;
}
#AjaxAttente.Visible{
	
	display:block;
	animation: RetardFondNoir 2s 1 forwards ;
}

#InfoBulle{
	z-index: 1000;
	display:block;
	position: absolute;
	background-color:#333333;
	color:#fff;
	line-height:30px;
	width:auto;
	padding:0px 10px;
	border-radius: 2px;
	margin-top:-41px;
	margin-left:-14px;
	box-shadow: 2px 2px 2px hsla(0,0%,0%,0.30);
	display:none;
	transform-origin: 25px;
	rotateX (0deg);
	-webkit-transform-origin: bottom center;
	-moz-transform-origin: bottom center;
	-o-transform-origin: bottom center;
	-ms-transform-origin: bottom center;
	transform-origin: bottom center;
	
	transform: rotate3d(1,0,0,0deg);
}

/* ------- */
@-webkit-keyframes AnimationInfoBulle {
    from { transform: translateY(-10px) rotate3d(1,0,0,00deg); }
	to {transform:  translateY(0px) rotate3d(1,0,0,0deg);}
} 
@keyframes AnimationInfoBulle {
    from { transform: translateY(-10px) rotate3d(1,0,0,00deg); }
	to {transform:  translateY(0px) rotate3d(1,0,0,0deg);}
}
/* ------- */


#InfoBulle.Visible{
	display:block;
	animation: AnimationInfoBulle 0.5s 1 forwards ;
}

#InfoBulle:before {
    content: '';
    position: absolute;
    top: 30px;
    left: 10px;
    width: 0;
    height: 0;
    border-top: 6px solid #333333;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
}

#InfoBulle.InfoSupprimer:before {border-top: 6px solid #E20A16;}
#InfoBulle.InfoSupprimer{background-color: #E20A16;}
    
#InfoBulle.Fixe{margin-left:6px;}

#InfoBulle.CodeAcces{margin-top: 44px;}
#InfoBulle.CodeAcces:before {border-top: 0px solid #333333;border-bottom: 6px solid #333333;top: -6px;}

.Cacher{display:none;}


body  {
	font: 100% Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #000000;
	
}
#FondNoir{
	display:block;
	position:fixed;
	z-index:999;
	width:100%;height:0;min-width:1100px;transition:0.3s;
	overflow:hidden;
	opacity:0;background-color:rgba(0,0,0,0.8);
}
#FondNoir.Visible{display:block;height:100%;opacity:1;}

#FondNoir #Popup{
	margin-left:auto;margin-right:auto;
	border-radius:5px;
	box-shadow:0px 0px 15px #000;
	background-color:#FFF;
	overflow:hidden;
	border:1px solid #000;
	width:300px;height:0px;
	margin-top:100px;
	transition:0.5s;
	padding-bottom:5px;
	padding:10px;
	
}
#FondNoir.Visible #Popup{width:300px;height:auto;margin-top:200px;}
#FondNoir #Popup h1, #FondNoir #Popup h1:first-line{
	margin: 0px;
	height: 30px;line-height: 30px;
	text-indent: 0px;
	
	display:block;
	
	background-image:none;
	/* background:linear-gradient(#BFBFBF 0%, #B7B3B3 80%, #AAA 100%); */
	background-color:#ccc;
	font-weight: normal;
	text-align: center;
	color: #FFF;
	font-size: 15px;
	border:1px solid #999;
	margin-bottom:0px;
	color:#333;
	border-radius:3px;
	padding:0px;
	
	/*
	background-color:transparent;
	border-radius:0px;
	border:0px solid #333;
	border-bottom:1px solid #333;
	*/
}

#FondNoir #Popup input{margin:10px 0px 0px 0px;width:298px; float:none; text-align:center; font-weight:bold;}

#FondNoir #Popup input[type="file"]{border:0px;}
#FondNoir #Popup a{display: block; float:none;margin:10px 0px 0px 0px;width:300px; background-color:#666; border-radius:3px; line-height:30px; color:#FFF;}

#FondNoir #Popup a#BackOffice{
	margin:10px 10px 0px 0px;
}
#FondNoir #Popup a#BackOffice, #FondNoir #Popup a#Extranet{
	float:left;width:143px; background-color:#fff; border-radius:3px; line-height:25px; color:#FFF;
	border:1px solid #000; color:#E20A16;
	}
#FondNoir #Popup a#BackOffice.Select,
#FondNoir #Popup a#BackOffice:hover,
#FondNoir #Popup a#Extranet.Select,
#FondNoir #Popup a#Extranet:hover{
	background-color:#E20A16;
	color:#fff;
	
}

#BandeauHaut, #ESBandeauHaut{
display: none;
position: fixed;
height: 25px;
background-color: #BFBFBF;
background: linear-gradient(#F9F9F9 0%, #EEEDED 80%, #E9E9E9 100%);
background: -webkit-linear-gradient(#F9F9F9 0%, #EEEDED 80%, #E9E9E9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#E9E9E9',GradientType=0 ); /* IE6-9 */

border-bottom: 1px solid #A2A2A2;
border-top: 1px solid #FFF;
z-index: 1000;
min-width: 1100px;
width: 100%;
margin-top: 0px;
overflow: hidden;
padding: 2px 0;
/* box-shadow: 0px 0px 15px #C7C7C7; */
	

}
#ESBandeauHaut{


	display: none;
    position: fixed;
    height: 30px;
    background-color: #dadada;
    background: linear-gradient(#e4e4e4 0%, #e0e0e0 80%, #dcdcdc 100%);
   background: -webkit-linear-gradient(#e4e4e4 0%, #e0e0e0 80%, #dcdcdc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#dcdcdc',GradientType=0 );
    border-bottom: 1px solid #A2A2A2;
    border-top: 0px solid #c9c9c9;
    z-index: 1000;
    min-width: 1100px;
    width: 100%;
    margin-top: 0px;
    overflow: hidden;
    padding: 0px 0;
    /* box-shadow: 0px 0px 15px #C7C7C7; */	
}
	
/*
 #ESBandeauHaut{
background-color: #E20A16;
  background-image: linear-gradient( rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  background-image: -webkit-linear-gradient( rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  border-bottom: 1px solid #000;

 }
 */
/*
  #ESBandeauHaut{
	background-color: #B5A995;
    background-image: none;
    border-bottom: 1px solid #7B766E;
 }
 */
  
#BandeauHautSite, #ESBandeauHautSite{width:1100px;}
#BandeauHaut a, #ESBandeauHaut a{
	
	font-weight:normal;
	
	font-size:13px;
	float:right;
	display:block;
	background-color:#FFF;
	background-color:transparent;
	color:#f9f9f9;
	
	margin:0px 5px;
	padding:0px 10px 0px 10px;
	line-height:25px;
	
	color:#666;
	
	/* text-shadow:0px 0px 2px #000; */
	box-shadow:none;
	border-radius: 5px;
	 
	
	
	
	
}

#ESBandeauHaut a {
    font-weight: normal;
    margin: 0px;
    padding: 0px 15px;
    line-height: 25px;
    color: #666;
    /* text-shadow: 0px 0px 2px #000; */
    line-height: 30px;
    border-radius: 0px;
}
    

#BandeauHaut a:hover, #ESBandeauHaut a:hover{
	color:#C10E18;
	text-shadow:none;
}

#ESBandeauHaut a:hover{
	/* background-color: #f0f0f0 !important; */
}

/*
#ESBandeauHaut a{ color: #fff;}
#ESBandeauHaut a:hover{ text-shadow: 1px 0px 2px #000; color: #fff; }
*/
#ESBandeauHaut a#Deconnexion{ color: #C10E18; font-weight:bold;}
#ESBandeauHaut a#Deconnexion:hover, #ESBandeauHaut a#Deconnexion{ background-color:#C10E18 !important;color: #fff; }



#ESBandeauHaut .IdPage2225 a#BtnTableauDeBord,
#ESBandeauHaut .IdPage2327 a#BtnMesDocuments,
#ESBandeauHaut .IdPage2222 a#BtnMesAlertes,
#ESBandeauHaut .IdPage2325 a#BtnMesAlertes,
#ESBandeauHaut .IdPage2323 a#BtnMonProfil,
#ESBandeauHaut .IdPage2326 a#BtnMesCandidatures
{font-weight:bold;    background-color: #d0d0d0;}






#BandeauHaut a#LogoBlancTalentup{
	float:left;
	font-family:"Trebuchet MS", sans-serif;
	font-size:20px;
	font-weight:normal;
	margin-left:-200px;
	transition:1s;
	
}
#BandeauHaut.Fixed a#LogoBlancTalentup{
	margin-left:5px;
	
}

#BandeauHaut a#LogoBlancTalentup .Up{
  font-style: italic;


}
#BoiteConnexionRecruteur{
	display: block;
	visibility:hidden;
	position:absolute;
	
	opacity:0;
	height:0px;
	overflow:hidden;
	transition: 0.2s;
	
	width:150px;
	
	border:1px solid #666;
	border-top-width:0px;
	/* box-shadow:2px 2px 3px #999; */
	margin-left:961px;
	margin-top:24px;
	background-color:#aaaaaa;
	border-radius: 0px 0px 10px 10px ;
	z-index:1000;
	
}
#BoiteConnexionRecruteur.Visible{
	display: block;
	visibility:visible;
	opacity:1;
	height:auto;
}
#BoiteConnexionRecruteur input, #BoiteConnexionRecruteur a {
	margin:0px 2px 2px 2px;
	float:left;
	width:144px;
	border-radius:2px;
	border:1px solid #666;
	padding:0px;

}
#BoiteConnexionRecruteur a {
	border-radius:0px 0px 9px 9px;
	background-color:#E20A16;	
}

#SiteCandidat  {
	width:1101px;
	padding-top:25px;
	margin-left:auto;
	margin-right:auto;

}
#Site  {
	background-image: url('../Img/FondSite.png');
	background-repeat:repeat-y;
	width:1101px;
	margin: 0;

	padding-top:0px;
	/*
	Centrage du sites
	width:1101px;
	background-color:#FFF;
	margin-left:auto;
	margin-right:auto;
	*/
}

.IdU #BoiteBandeauHaut{display: none;}
.IdU #Site  {padding-top:0px;}
/*
.IdU #Site  {padding-top:60px;}
.IdU #BoiteBandeauHaut{display: block;}
.IdU #ESBandeauHaut{height: 60px;}
*/

.clearfloat, .ClearFloat{clear:both;}
.ClearLeft{clear:left;}
.ClearRight{clear:right;}

span.ClearFloat{clear: both; display:block;
  height: 0; overflow: hidden; /* Précaution pour IE 7 */
 }


#logo{
display:block;
float: left;
width:262px;
height:86px;
border-bottom: 1px solid #BFBFBF;
background-color: #fff;
text-align:left;
}
#logo img{
	border: 0px;
	margin-top: 10px;
	margin-left: 20px;
	width: 210px;
	height: 68px;
	transition: 0.2s;
}
#logo img:hover{
	margin-left: 17px;
	
}

#BoiteHaut{
display:block;
float: left;
width:838px;
height:87px;

}
#LienSwf{
	position:absolute;
	width:838px;
	height:60px;
	background-color:transparent;
	cursor:pointer;
}

#BoiteBanniere{
	display:block;
	float:right;

	width:838px;
	height:65px;
	border: 0px solid  #bfbfbf;
	border-right-width:0px;
	margin-right:-1px;
	display: flex;
}

#LienEspacePerso{
    width: 100%;
    height: 65px;
    display: flex;
	justify-content: flex-end;
}

.IdU #BoiteBandeauHaut #LienEspacePerso{ display: flex;padding-left: 262px;box-sizing: border-box;}

    
#LienEspacePerso a{
	
	display: block;
    width: auto;
    padding: 0 12px;
    box-sizing: border-box;
    border-right: 0px solid #ccc;
    line-height: 60px;
    font-weight: normal;
    font-size: 11px;
   
    color: #000;
    color: #707478;
	
    background-repeat: no-repeat;
    background-position: center 10px;
    text-transform: uppercase;
	
	
	
}
#LienEspacePerso a:hover{ color: #000;}
#LienEspacePerso a.Select{color: #C08C1B; font-weight: bold;}



#LienEspacePerso a{ background-image: none;}


#LienEspacePerso a span {
	display: block;
	height: 21px;
	width: 18px;
	background-image: url(../Img/MenuPictos.png);
	margin: 14px auto -19px auto;
	
}




#LienEspacePerso a#MenuDeconnexion span { height:21px; width: 18px;background-position: -60px -22px;}
#LienEspacePerso a#MenuCandidatures span { height:21px; width: 22px;background-position: -104px -22px;}
#LienEspacePerso a#MenuCompte span { height:21px; width: 24px;background-position: -79px -22px;}
#LienEspacePerso a#MenuAlertes span { height:21px; width: 29px;background-position: 0px -22px;}
#LienEspacePerso a#MenuProfil span { height:21px; width: 18px;background-position: -127px -22px;}
#LienEspacePerso a#MenuDocuments span { height:21px; width: 29px;background-position: -30px -22px;}

#LienEspacePerso a#MenuDeconnexion:hover span {background-position: -60px  -44px;}
#LienEspacePerso a#MenuDeconnexion:hover{ color: #E20A16;}
#LienEspacePerso a#MenuCandidatures:hover span {background-position: -104px 0px;}
#LienEspacePerso a#MenuCompte:hover span {background-position: -79px 0px;}
#LienEspacePerso a#MenuAlertes:hover span {background-position: 0px 0px;}
#LienEspacePerso a#MenuProfil:hover span {background-position: -127px 0px;}
#LienEspacePerso a#MenuDocuments:hover span {background-position: -30px 0px;}

#LienEspacePerso a#MenuDeconnexion.Select span {background-position: -60px  -66px;}
#LienEspacePerso a#MenuCandidatures.Select span {background-position: -104px -66px;}
#LienEspacePerso a#MenuCompte.Select span {background-position: -79px -66px;}
#LienEspacePerso a#MenuAlertes.Select span {background-position: 0px -66px;}
#LienEspacePerso a#MenuProfil.Select span {background-position: -127px -66px;}
#LienEspacePerso a#MenuDocuments.Select span {background-position: -30px -66px;}

/*
#LienEspacePerso a#MenuDeconnexion.Select{ background-image: url('../Img/MenuDeconnexion.png');}
#LienEspacePerso a#MenuCandidatures.Select{ background-image: url('../Img/MenuCandidatures.png');}
#LienEspacePerso a#MenuCompte.Select{ background-image: url('../Img/MenuCompte.png');}
#LienEspacePerso a#MenuAlertes.Select{ background-image: url('../Img/MenuAlertes.png');}
#LienEspacePerso a#MenuProfil.Select{ background-image: url('../Img/MenuProfil.png');}
#LienEspacePerso a#MenuDocuments.Select{ background-image: url('../Img/MenuDocuments.png');}
*/

.Menu{display:block; float:left;}
.Menu a{
	display:block;
	border: 1px solid #bfbfbf;border-bottom-width: 0px;border-top-width: 0px;border-left-color:#F9F9F9;
	width:165px;height:13px;line-height:13px;padding-top:8px;
	
	background-image: url('../Img/MenuAFond.png');
	background-position:0px 0px;
	background-repeat:repeat-x;
	font-weight: bold;text-align:center;color:#898d8c;letter-spacing:0pt;font-size:12px;
	text-shadow:0px 0px 2px #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	transition: 0.6s;
}
.Menu:hover a, .Menu a:hover{
	background-position:0px -20px;
	color:#E20A16;
}

.Menu:last-child{width:168px;}
.Menu:last-child a{width:168px;}
.Menu a.Recruteur{background-image: none;width:141px;}

.BoiteSousMenu{
	float:none;
	display:block;
	width: auto;
	position:absolute;
	border:0px solid #CC0000;
	margin-top:0px;
	margin-left:-6px;
	height:auto;
	width:460px;
	
	padding:0px;
	padding-bottom:10px;
	padding-top:2px;
	overflow:hidden;
	
	z-index:200;
	transition: 0.3s;
	
	opacity:0;
	visibility:hidden;

}

.SousMenu{
	box-shadow: 0px 2px 7px #ccc; /* les parametres sont : marge gauche, haute, l'etendu et la couleur*/
	width:430px;
	margin-top:-250px;
	margin-left:5px;
	padding:7px;
	border: 1px solid #bfbfbf;
	background-color:#fff;
	background-color:rgba(255,255,255,0.98);
	transition: 0.3s;
	border-radius: 0px 7px 7px 7px;
}
/*
.SousMenu:before{
	content:"";
	position:absolute;
	margin-left:0px;
	margin-top:-11px;
	border: 1px solid #bfbfbf;
	border-bottom-width:0px;
	border-top-width:0px;
	width:138px;
	height:4px;
	margin-left:-423px;
	background-color:#fff;
}
*/

.CheminSousMenu{
	position:absolute;
	margin-left:0px;
	margin-top:-2px;
	border: 1px solid #bfbfbf;
	border-bottom-width:0px;
	border-top-width:0px;
	width:166px;
	height:5px;
	margin-left:5px;
	background-color:#fff;
	
}

.Menu:hover .BoiteSousMenu .SousMenu,.Menu .BoiteSousMenu:hover .SousMenu{margin-top:0px;}
.Menu:hover .BoiteSousMenu,.Menu .BoiteSousMenu:hover{display:block;}


.Menu .SousMenu a{
	display:block;
	float:left;
	padding:0px;
	border: 0px solid #bfbfbf;
	line-height:25px;
	height:25px;
	font-weight: normal;
	text-align:left;
	text-indent:10px;
	color:#333;
	font-size:11px;
	background-image: none;
	background-color:transparent;
	margin:0px;
	margin-bottom:0px;
	width:200px;
	letter-spacing:-1px;
	transition: 0.3s;

	
}
.Menu .SousMenu a:before{
  /* content:url(../Img/Bullet.png); */
  content:"";
  width:4px;
  height:4px;
  background-color:#333;
  float:left;
   margin-left:3px;
   margin-right: -3px;
  margin-top:12px;
}
.Menu .SousMenu a:hover:before{background-color:#E20A16;}
.Menu .SousMenu a:hover{color:#E20A16;}

.Menu .SousMenu a.Long{width:400px;}




/*  ------------------------- BoiteGauche */
#BoiteGaucheCandidat{
	display: block;
	float:left;
	background-color:#FFFFFF;
	width: 180px;
	min-height:600px;
	border-bottom:1px solid #BFBFBF;
	/*
	Centrage du site
	border-left:1px solid #999;
	margin-left:-1px;
	*/
}

#BoiteGauche{
	display: block;
	float:left;
	background-color:#FFFFFF;
	border-bottom: 1px solid #bfbfbf;
	width: 180px;

	/*
	Centrage du site
	border-left:1px solid #999;
	margin-left:-1px;
	*/
}
#MenuGauche{
	border-right: 1px solid #bfbfbf;
	width:160px;
	background-image: -webkit-linear-gradient(to right, #fff 0%, #f4f4f4 100%);
	background-image: linear-gradient(to right, #fff 0%, #f4f4f4 100%);
}

#MenuLangue{
	display: block;
	width: 160px;
	height:28px;
	border-bottom: 4px solid #e3002c;
	
}

#Diaporama{
	display: block;
	width: 160px;
	height:270px;
	background-color:#f9f9f9;	
	border-right: 1px solid #bfbfbf;
	background-image: url('../Img/Diaporama/Sourcing.jpg');
}



#EspaceReseau{
	display: block;
	width: 160px;
	border-top: 1px solid #bfbfbf;
	padding-bottom:10px;
}

#EspaceReseau a, #EspaceReseau p{
	display:block;
	text-align:left;
	text-indent:50px;
	
	
	background-repeat:no-repeat;
	background-position:20px center;
	line-height:30px;
	height: 30px;
	color:#666;
	color:#E2042D;
	color: #bfbfbf;
	color: #848484;
	border-bottom: 0px solid #bfbfbf;
	font-weight:bold;
	transition:0.5s;
}
#EspaceReseau a:hover{color:#E2042D;}
#EspaceReseau a#Facebook { background-image: url('../Img/Reseaux/Facebook.png');}
#EspaceReseau a#Twitter { background-image: url('../Img/Reseaux/Twitter.png');}
#EspaceReseau a#Google { background-image: url('../Img/Reseaux/Google.png');}
#EspaceReseau a#Rss { background-image: url('../Img/Reseaux/Rss.png');}
#EspaceReseau a#Linkedin { background-image: url('../Img/Reseaux/Linkedin.png');}
#EspaceReseau a#Viadeo { background-image: url('../Img/Reseaux/Viadeo.png');}

#EspaceReseau a#Facebook:hover { background-image: url('../Img/Reseaux/FacebookH.png');}
#EspaceReseau a#Twitter:hover { background-image: url('../Img/Reseaux/TwitterH.png');}
#EspaceReseau a#Google:hover { background-image: url('../Img/Reseaux/GoogleH.png');}
#EspaceReseau a#Rss:hover { background-image: url('../Img/Reseaux/RssH.png');}
#EspaceReseau a#Linkedin:hover { background-image: url('../Img/Reseaux/LinkedinH.png');}
#EspaceReseau a#Viadeo:hover { background-image: url('../Img/Reseaux/ViadeoH.png');}
/*
#EspaceReseau p{
	margin:0px;
	margin-bottom:10px;
	
	padding:0px;
	text-indent:0px;
	text-align:center;
	font-weight:normal;
	line-height:30px;
	height:30px;
	border-bottom: 0px solid #bfbfbf;
	color:#E2042D;
	
	background-color: #E20A16;
	background-image: linear-gradient( rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
	background-image: -webkit-linear-gradient( rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
	color: #FFF;
	font-size: 13px;
	background-position:0px 0px;
}
*/
#EspaceReseau p {
    margin: 0px;
    margin-bottom: 10px;
    padding: 0px;
    text-indent: 0px;
    text-align: center;
    font-weight: normal;
    line-height: 30px;
    height: 30px;
    border-bottom: 1px solid #bfbfbf;
    border-top: 0px solid #686868;
    /* color: #E2042D; */
    background-color: #e3e3e3;
    /* background-color: rgba(0, 0, 0, 0); */
    color: #666;
    font-weight: bold;
    background-image: none;
    /* background-image: -webkit-linear-gradient( rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%); */
    /* color: #FFF; */
    font-size: 13px;
    background-position: 0px 0px;
    /* font-family: 'Gloria Hallelujah', cursive; */
    font-weight: normal;
}


/*  ------------------------- BoiteContenu */

#BoiteContenu{
	display:block;
	float:left;
	width:820px;
	padding:20px;
	padding-left:81px;
	padding-bottom:60px;
	padding-top:30px;
	text-align:left;
}

#ContenuGauche{
	display:block;
	float:left;
	width:550px;
	margin-right:60px;
}

#ContenuDroit{

	display:block;
	float:left;
	width:230px;
	margin-right:-20px;

}




/*  ------------------------- BoiteBas */


#BoiteBas{
width:921px;

margin-left: 179px;
}

#MenuBas{
display:block;
width:921px;

height:21px;
border:0px solid #bfbfbf;
border-left-width: 1px;
border-bottom-width: 1px;

}

#MenuBas a{
	float:left;
	display:block;
	border: 1px solid #bfbfbf;
	border-bottom-width: 0px;
	border-top-width: 0px;
	border-left-color:#F9F9F9;
	width:182px;
	height:21px;
	line-height:21px;
	font-weight: normal;
	text-align:center;
	color:#6f7475;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url('../Img/MenuBasAFond.png');
}


#MenuBas a:hover{
	background-image: none;
	color:#E20A16;
}

#MenuBas a:last-child{ width:183px;}


#MenuSousBas {
background-color:#FFFFFF;

	width: 921px;
	text-align:center;
	display:none;

}
#MenuSousBas a{
	display:inline;
	border: 0px solid #bfbfbf;
	border-left-color:#F9F9F9;
	height:21px;
	line-height:21px;
	font-weight: normal;
	text-align:center;
	color:#6f7475;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-right: 10px;
}

#PhraseBas{
	background-color:#FFFFFF;
	font-size:10px;
	color:#adadad;
	text-align:center;
	padding-bottom: 20px;
    padding-top: 10px;

}
#PhraseBas p {
	text-align:center;
    margin: 0;
    line-height: 22px;}
#PhraseBas p a{ font-size: 12px; color: #666;}
#PhraseBas p a:hover{ font-size: 12px; color: #cc0000; text-decoration: underline;}

#Cookies{
	display: block;
	position: fixed;
	height: 27px;
	line-height: 27px;
	color: #FFF;
	background-color: #BFBFBF;
	background: webkit-linear-gradient(#BEBEBE 0%, #929292 80%, #868686 100%);
	background: linear-gradient(#BEBEBE 0%, #929292 80%, #868686 100%);
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	z-index: 1000;
	min-width: 1100px;
	width: 100%;
	bottom: 0px;
	overflow: hidden;
	padding: 2px 0;
	text-shadow: 0px 0px 2px #333;
	font-size:12px;
	

}
#Cookies a{
display: inline;
background-image: url('../Img/D30.png');
margin: 4px;
padding: 3px 7px 3px 5px;
text-indent: 0px;
line-height: 14px;
color: #FFF;
border: 1px solid #666;
background-color: #FFF;
border-radius: 4px;
transition: 0.5s;
color: #333;
text-shadow: none;
font-weight: bold;
opacity:0.5;

}
#Cookies a:hover{opacity:1;}

#Cookies.NonVisible{display:none;}


/* EMPLOI SPE*/
#AnnoncesSpe{margin: 30px 0px 30px 0px; transition: 1s;}
#AnnoncesSpe h1, #AnnoncesSpe h1:first-line{
	
	border:1px solid #BFBFBF;
	background-color: #f9f9f9;
	font-size:12px;
	background-image:url(../Img/D30.png);
	background-repeat:repeat-x;
	line-height:25px;
	height:25px;
	margin:0px;padding:0px;
	margin-bottom:0px;
	color:#666;
	border-radius: 3px 3px 0px 0px;
	text-indent:10px;
	padding:0px;

}


.AnnonceSpe{

	background-color:#F9F9F9;
	padding:2px;
	cursor:pointer;
	padding-top:10px;
	padding-bottom:10px;
}

.AnnonceSpe:nth-child(2n+1) {
	border:0px solid #CCCCCC;
	border-bottom-width:1px;
	border-top-width:1px;
	background-color:#FFF;
	
}
.AnnonceSpe:hover{ background-color:#f3f3f3;}

.AnnonceSpe a.Intitule{font-weight:bold; color:#000; font-size:12px;  line-height:20px; height:20px;}
.ColSpe .Reference, .ColSpe .Date {color:#E20A16; font-size:11px;  line-height:18px;}
.ColSpe .Entreprise, .ColSpe .Lieu{line-height:20px; color:#333;font-size:11px;}

.ColSpe{float:left; width:300px; padding-left: 5px;}
	
.ColSpe:nth-child(1){width:400px;}
.ColSpe:nth-child(2){width:200px;}
.ColSpe:nth-child(3){width:200px;}

p.DescriptionOffre{
	margin:5px 5px 0px 5px;
	font-size:11px;
	
}


/* --------------------------------- Formulaire --------------------------------- */

.BoiteFormulaire{overflow:hidden;transition:3s;}

input, select{
	float:left;
	width:300px;
	
	height:22px;line-height:22px;
	font-size:12px;
	margin-bottom: 7px;

	border-radius:  2px;
	border:1px solid #D2D2D2;
	text-indent:5px;

}

label{ float:left;width:100px;height:24px;line-height:24px;}
textarea {
	width: 450px;
	height:150px;
	margin-top:10px;
	margin-bottom:10px;
	border-radius:  2px;
}


/* --------------------- Espace Perso Tableaux ------------------------------ */


.Tableau{   display: block;
  width: 790px;
  border-collapse: collapse;
  margin-left: -20px;
  margin-right: -20px;
  margin-top: -10px;
  margin-bottom: -10px;

background-color: #F9F9F9;
}

.Tableau h4{   display: block; clear:both; margin: 10px 0px; color:#333; line-height:30px; border-bottom:1px dashed #999; text-decoration:none;}


.Tableau div{ display:block;width:100%; height:40px; overflow:hidden;border-collapse: collapse;background: #F9F9F9;text-align:center;border-radius:0px;cursor: pointer;

border-bottom: 1px solid #ECECEC;

border-bottom: 1px solid #D2D2D2;


padding: 5px 0px;
}

/* ------------- */
@-webkit-keyframes AnimationAjouter {
    from {width:0%;height:40px; padding-left:800px; }
	50% {width:100%;height:40px; }
	to {height:auto; padding-left:0px;  background: #F1F1F1;}
} 

@keyframes AnimationAjouter {
    from {width:0%;height:40px; padding-left:800px; }
	50% {width:100%;height:40px; }
	to {height:auto; padding-left:0px;  background: #F1F1F1;}
}
/* ------------- */
@-webkit-keyframes AnimationAjouterExpPro {
    from {height:40px; padding-left:800px; }
	50% {height:160px; }
	to {height:auto; padding-left:0px; background: #F1F1F1;}
}
@keyframes AnimationAjouterExpPro {
    from {height:40px; padding-left:800px; }
	50% {height:160px; }
	to {height:auto; padding-left:0px; background: #F1F1F1;}
}
/* ------------- */
@-webkit-keyframes AnimationAjouterMiseEnAvant {
    from {background-color:#DEDEDE; }
	20% {background-color:#D6D6D6;}
	40% {background-color:#D6D6D6;}
	80% {background-color:#DEDEDE;}
	to {background-color:#DEDEDE;}
}
@keyframes AnimationAjouterMiseEnAvant {
    from {background-color:#DEDEDE; }
	20% {background-color:#D6D6D6;}
	40% {background-color:#D6D6D6;}
	80% {background-color:#DEDEDE;}
	to {background-color:#DEDEDE;}
}
/* ------------- */
@-webkit-keyframes AnimationAjouterFiliere {
    from {height:40px; padding-left:800px; }
	50% {height:250px; }
	to {height:auto; padding-left:0px; background: linear-gradient(#DEDEDE 0%, #DEDEDE 70%, #D9D9D9 100%);}
}
@keyframes AnimationAjouterFiliere {
    from {height:40px; padding-left:800px; }
	50% {height:250px; }
	to {height:auto; padding-left:0px; background: linear-gradient(#DEDEDE 0%, #DEDEDE 70%, #D9D9D9 100%);}
}
/* ------------- */

.Tableau div.Ajout{display: none;height:0px; padding-left:800px; overflow: none; height:auto; }
.Tableau div.Ajout.Visible{display:block;
height:auto; padding-left:0px;  
background-color:#F1F1F1;
animation: AnimationAjouter 0.2s 1 forwards;
}


.Tableau div.Ajout.ExpPro.Visible{display:block;
height:auto; padding-left:0px;
background-color:#DEDEDE;
/* background-image: -webkit-linear-gradient( rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.06) 100%);*/

animation: AnimationAjouterExpPro 0.2s 1 forwards ;

}
.Tableau div.Ajout.Visible.MiseEnAvant{animation: AnimationAjouterMiseEnAvant 0.8s infinite ;

    border-bottom: 1px dotted #000;
	border-top: 1px dotted #000;
    box-sizing: border-box;
	
}

	
.Tableau div.Ajout.Filiere.Visible{display:block;
height:auto; padding-left:0px; background: linear-gradient(#DEDEDE 0%, #DEDEDE 70%, #D9D9D9 100%);
animation: AnimationAjouterFiliere 0.2s 1 forwards ;}	

/* ---------- */
@-webkit-keyframes AnimationAffFormulaire {
    from {padding:5px;padding-left: 0px;height:40px;border-bottom:1px solid #999;}
    to  {padding:5px;padding-left: 800px; height:40px;border-bottom:1px solid #999;}    
}

@keyframes AnimationAffFormulaire {
    from {padding:5px;padding-left: 0px;height:40px;border-bottom:1px solid #999;}
    to  {padding:5px;padding-left: 800px; height:40px;border-bottom:1px solid #999;}    
}
/* ---------- */

.Tableau div.AnimationAffFormulaire{
	padding:5px;padding-left: 800px; height:40px;border-bottom:1px solid #999;
	animation: AnimationAffFormulaire 0.5s 1 forwards ;}
	
	

.Tableau#Competence div.ASupprimer{ display:none;animation:none;} 
.Tableau#Competence  div.Ajout.Visible{animation: none;}
#GroupeInfoCompetence.GroupeInfo.MODEAJOUT a.Ajouter{ display:none;}


/* ---------- */
@-webkit-keyframes AnimationSupprimer {
    from {padding:5px;padding-left: 0px;height:40px;border-bottom:1px solid #D2D2D2;}
    80%  {padding:5px;padding-left: 800px; height:40px;border-bottom:1px solid #D2D2D2;}    
    99%   {padding:5px;padding-top:0px;padding-bottom:0px;padding-left: 800px; height:0px;border-bottom:1px solid #D2D2D2;}
	to { padding:5px;padding-top:0px;padding-bottom:0px;padding-left: 800px; height:0px;border-bottom:0px solid #D2D2D2;}
}
@keyframes AnimationSupprimer {
    from {padding:5px;padding-left: 0px;height:40px;border-bottom:1px solid #D2D2D2;}
    80%  {padding:5px;padding-left: 800px; height:40px;border-bottom:1px solid #D2D2D2;}    
    99%   {padding:5px;padding-top:0px;padding-bottom:0px;padding-left: 800px; height:0px;border-bottom:1px solid #D2D2D2;}
	to { padding:5px;padding-top:0px;padding-bottom:0px;padding-left: 800px; height:0px;border-bottom:0px solid #D2D2D2;}
}
/* ---------- */


.Tableau div.ASupprimer{
	padding:5px;padding-top:0px;padding-bottom:0px;padding-left: 800px; height:0px;border-bottom:0px solid #D2D2D2;
	animation: AnimationSupprimer 0.2s 1 forwards ;}
	
/* ---------- */
@-webkit-keyframes AnimationAcacher {
    from {padding:5px;padding-left: 0px;height:40px;border-bottom:1px solid #999;}
    80%  {padding:5px;padding-left: 0px; height:40px;border-bottom:1px solid #999;}    
    99%   {padding:5px;padding-top:0px;padding-bottom:0px;padding-left: 0px; height:0px;border-bottom:1px solid #999;}
	to { padding:5px;padding-top:0px;padding-bottom:0px;padding-left: 0px; height:0px;border-bottom:0px solid #999;}
}
@keyframes AnimationAcacher {
    from {padding:5px;padding-left: 0px;height:40px;border-bottom:1px solid #999;}
    80%  {padding:5px;padding-left: 0px; height:40px;border-bottom:1px solid #999;}    
    99%   {padding:5px;padding-top:0px;padding-bottom:0px;padding-left: 0px; height:0px;border-bottom:1px solid #999;}
	to { padding:5px;padding-top:0px;padding-bottom:0px;padding-left: 0px; height:0px;border-bottom:0px solid #999;}
}
/* ---------- */


.Tableau div.ACacher{padding:5px;padding-top:0px;padding-bottom:0px;padding-left: 800px; height:0px;border-bottom:0px solid #999;}
.Tableau div:last-child{border-bottom: 1px solid #D2D2D2;}
.Tableau div:hover{ background: #F1F1F1;}
.Tableau div.DragHover, div.DragHover{background: #fff;}

.Tableau p, .Tableau a, input[type="submit"]{
	
	display: block;
	float: left;
	border-collapse: collapse;
	width: 65px;
	margin: 0px;
	line-height: 40px;
	width: 65px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0px 5px;
	}
	
.Tableau div input, .Tableau div select, .Tableau div textarea{
  display: block;
  width: 100%;
  line-height: 30px;
  height: 30px;
  margin: 5px 0px;
  padding: 0px;
  border:1px solid transparent;
  background-color:transparent;
    background-color: #FFF;
     box-shadow: inset 1px 1px 3px #999;
}
  
  
  
.Tableau a, input[type="submit"].Sauvegarder {  width: 40px; text-align: center;padding:0px; margin:0px; background-position:center; background-repeat:no-repeat;

border: 0px solid rgba(0, 0, 0, 0);
  background-color: transparent;
  box-shadow: none;
  height:40px;
  margin-bottom: 5px;
}




input[type="submit"].Sauvegarder:hover{background-color: transparent;}


.Tableau input[type="file"] { border: 0px solid rgba(0, 0, 0, 0);
  background-color: transparent;
  box-shadow: none;
  height:40px;
}


.Tableau a.Telecharger {background-image:url('../Img/Nuage.png');} .Tableau a.Telecharger:hover{background-image:url('../Img/NuageHover.png');}
.Tableau a.BtnRetour {background-image:url('../Img/Retour.png');} .Tableau a.BtnRetour:hover{background-image:url('../Img/RetourHover.png');}
.Tableau a.Dupliquer {background-image:url('../Img/Dupliquer.png');} .Tableau a.Dupliquer:hover{background-image:url('../Img/DupliquerHover.png');}

/* -------- */
@-webkit-keyframes AnimationSauvegarder {
    from { transform: rotate3d(0,1,0,0deg); }
	40% { transform: rotate3d(0,1,0,360deg); }
	to { transform: rotate3d(0,1,0,360deg); }
}
@keyframes AnimationSauvegarder {
    from { transform: rotate3d(0,1,0,0deg);  }
	40% { transform: rotate3d(0,1,0,360deg); }
	to { transform: rotate3d(0,1,0,360deg); }
}
/* -------- */

.Tableau a.Sauvegarder, input[type="submit"].Sauvegarder {background-image:url('../Img/BtnSauvegarder.png');     } 
.Tableau a.Sauvegarder:hover, .Tableau input[type="submit"].Sauvegarder:hover{background-image:url('../Img/BtnSauvegarderHover.png');}

.Tableau a.Sauvegarder.EnAttente, input[type="submit"].Sauvegarder.EnAttente {background-image:url('../Img/BtnSauvegarderEnAttente.png');color: #B78005; animation: AnimationSauvegarder 1s ;} 
.Tableau a.Sauvegarder.EnAttente:hover, .Tableau input[type="submit"].Sauvegarder.EnAttente:hover{background-image:url('../Img/BtnSauvegarderHover.png');}








.Tableau a.Sauvegarder.EnAttente:before {
    content: 'div';
    position: absolute;
	display:block;
    top: 30px;
    left: 10px;
    width: 100px;
    height: 30px;
    border-top: 6px solid #333333;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
}
.Tableau a.Supprimer, .Tableau a.Annuler{

    opacity: 0.6;
    transform: scale(1,1);
	transition: 0.2s;
}

.Tableau a.Modifier, .Tableau a.Supprimer25 {
	opacity: 0.3;
}
.Tableau div:hover a.Supprimer, .Tableau div:hover a.Annuler, .Tableau div:hover a.Modifier, .Tableau div form a.Supprimer25, .Tableau div form a.Supprimer, .Tableau div form a.Annuler, .Tableau div form a.Modifier, .Tableaudiv form a.Supprimer25 {
 opacity: 1; 
}


.Tableau a.Supprimer { background-image:url('../Img/Corbeille.png');} .Tableau a.Supprimer:hover{background-image:url('../Img/CorbeilleHover.png');}
.Tableau a.Annuler {background-image:url('../Img/Annuler.png');} .Tableau a.Annuler:hover{background-image:url('../Img/AnnulerHover.png');}

.Tableau a.Modifier {background-image:url('../Img/Crayon.png');} .Tableau a.Modifier:hover{background-image:url('../Img/CrayonHover.png');}


.Tableau a.Supprimer25 {background-image:url('../Img/Corbeille25.png');} .Tableau a.Supprimer25:hover{background-image:url('../Img/Corbeille25Hover.png'); opacity:1;}
.Tableau a.BtnAjouter {background-image:url('../Img/Ajouter.png');} .Tableau a.BtnAjouter:hover{background-image:url('../Img/AjouterHover.png');}
.Tableau a.BtnAjouter {  width: 30px;
    width: 30px;
  width: 30px;
  height: 30px;
  margin: 5px;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 15px;
  /* border: 2px solid #EDEDED; */
  background-position: -4px -4px;
  padding: 0px;
  box-shadow:  1px 1px 5px #999;

  }
.Tableau a.Legende, input[type="submit"].Legende {  width: 107px;
  background-position: left;
  background-repeat: no-repeat;
  text-align: right;
  margin-right: 40px;
  font-weight: bold;
  color: #5C5C5C;
  margin-top: 10px;
  }
.Tableau a.Legende:hover, input[type="submit"].Legende:hover {color: #e20a16;}
  
  .Tableau a.BtnAjouter:hover{
  box-shadow: inset 1px 1px 2px #999;
   background-color: rgba(153, 153, 153, 0.34);
	  
	  }
	  
.Tableau .Legende { margin-top: 10px;}
.Tableau .Legende.Annuler {width: 83px;}
.Tableau .Legende.Supprimer {width: 100px;}    

  
  
  
.GroupeInfo a.Ajouter{
  display:block;
  width: 100%;
  margin: 10px -20px;
  padding: 0px 20px;
  line-height: 40px;
  border-top: 0px solid #CCC;
  text-indent: -10px;  
  background-image:url('../Img/Ajouter.png');
  background-position:-40px; background-repeat:no-repeat;
  font-style: italic;
  height:40px;
  overflow:hidden;
  transition:0.3s;
  margin-bottom: -10px;
  color:#333;
  font-weight:bold;
  
  background-color: rgba(255, 255, 255, 0.6);
}

.GroupeInfo a.Ajouter:hover{background-image:url('../Img/AjouterHover.png');  background-position:left; text-indent:14px;color:#e20a16;}

.GroupeInfo a.Ajouter span{color:#e20a16;color: #C08C1B;}


.GroupeInfo:hover a.Ajouter, .GroupeInfo.Vide a.Ajouter{height:40px; margin: 10px -20px;border-top: 0px solid #CCC; opacity:1;  margin-bottom: -10px;}
.GroupeInfo.Vide a.Ajouter{ border-top: 0px solid transparent;}



/* -------- */
@-webkit-keyframes AnimationCacher {
    from {opacity:1; }
	to { opacity:0;}
}
@keyframes AnimationCacher {
    from {opacity:1; }
	to { opacity:0;}
}
/* -------- */
.GroupeInfo a.Ajouter.NonVisible, .GroupeInfo a.Ajouter.NonVisible:hover{
	 background-position:0px;
	 padding:5px;padding-top:0px;padding-bottom:0px;
	 
	 height:0px;
	 overflow:hidden;
	 animation: none;
	 transition:0s;
	
}


.GroupeInfo a.Ajouter.NonDispo{
	transition:0s;
	 background-position:0px;
	 padding:5px;padding-top:0px;padding-bottom:0px;padding-left: 800px; height:0px;
	
}


/* -------- */

.BI{   
	float: left;
    width: 25px;
    height: 25px;
    border: 1px solid transparent;
    margin-right: -17px;
	background-repeat:no-repeat;
	background-position:center;
	
}
.BI.Confirmation{ 
	background-image:url('../Img/Confirmation.png');
	-webkit-animation: Apparition 0.3s cubic-bezier(0, 0, 0.15, 2) 0s normal;
	animation: Apparition 0.3s cubic-bezier(0, 0, 0.15, 2) 0s normal;
}
.BI.EnAttente{ 
	
	background-image:url('../Img/EnAttente.png');
	animation: Rotation 2s ease-in-out 0s infinite normal;
}

@-webkit-keyframes Rotation {from{-webkit-transform: rotate(0deg);}to{-webkit-transform: rotate(360deg);}}
@keyframes Rotation {from{-webkit-transform: rotate(0deg);}to{-webkit-transform: rotate(360deg);}}


@-webkit-keyframes Apparition {from{-webkit-transform: scale(0,0);}to{-webkit-transform: scale(1,1);}}
@keyframes Apparition {from{-webkit-transform: scale(0,0);}to{-webkit-transform: scale(1,1);}}

/* -------- */





#NeoFondNoir{
  display: block;
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  min-width: 1100px;
  transition: 0.3s;
  overflow: hidden;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.8);
}


.NeoPopup{
	
  display: block;
  width: 800px;
  height: 100px;
  border-radius: 2px;
  margin: auto;
  margin-top: 200px;	
}

.NeoPopup select, .NeoPopup input{
	float:left; height: 30px; margin: 0px 10px; width:150px;
	
	
}


@media (max-width:768px) {
	
	#Site{background-image:none; width:100%;padding-top: 0px; min-width:110px;}
	#logo {display: block;float: none;width: auto;background-color: #f9f9f9;padding: 20px;    display: flex; align-items: center;}
   #logo a{display:block;margin-left: auto;
    margin-right: auto;
}
	#logo img{
		margin-left: auto;
		margin-right: auto;
		width:100%;
		height:100%;
		max-width:210px;
		max-height:68px;
	}

	#BoiteHaut, #BoiteGauche, #BandeauHaut, #BoiteBas, #SiteBas{display:none;}
	#BoiteContenu, #ContenuGauche, #ContenuDroit{width:auto; margin:10px auto;padding:0px; }
#ContenuGauche, #ContenuDroit{padding:50px; width:auto;}
	#BoiteContenu {
		width: 100%;
		box-sizing: border-box;
		padding: 5px;
	}

	#Cookies{
		display:none;
		min-width: none;
		width: auto;

	}
}



.GroupeInfo{
	float:left;
	width:750px;
	background-color:transparent;
	background: none;
	border:1px solid transparent;
	border-radius:3px;
	/* box-shadow:1px 1px 8px #e1e0e0; */
	padding:10px 20px 10px 20px;
	margin-right:34px;
	margin-bottom:20px;
	overflow:hidden;
	  min-height: 46px;
}

/*
.GroupeInfo.Invisible, #GroupeInfoCodeAcces, #GroupeInfoCoordonnee {
	width:760px;
	background-color:transparent;
	background: none;
	border:1px solid transparent;
	  min-height:0px;
	  padding: 10px 20px 10px 0px;
}
*/


.GroupeInfo h3{
	
	font-family: Catamaran,sans-serif;
	font-weight: 200;
	background: rgba(0, 0, 0, 0);
    color: #7B7059;
    text-shadow: none;
    margin: -10px -20px 30px -20px;
    /* border-bottom: 1px solid #7B7059; */
    font-weight: 100;
    font-size: 28px;
    text-indent: 10px;
    border-bottom: 0px;
    box-shadow: 1px 1px 2px #e1e0e0;
    color: #D6D6D6;
	
	
}

.GroupeInfo h3 {
       background: rgba(0, 0, 0, 0);
    color: #7B7059;
    text-shadow: none;
    margin: -10px -20px 10px -20px;
    border-bottom: 1px solid #D2D2D2;
    font-weight: 100;
    font-size: 28px;
    text-indent: 10px;
   
    color: #D6D6D6;
	 font-weight: 100;
    font-size: 28px;
    text-indent: 10px;
     box-shadow:1px 1px 8px #e1e0e0; 
    color: #989898;
	
	line-height:50px;
	height:50px;
}

.GroupeInfo.Invisible h3{
	 margin: -10px -20px 30px 0px;


}


#MenuCandidat,
#MenuCandidat a {
  height: 30px;
  display: inline-block;
}

#MenuCandidat { 
	float: right;
  margin: 0;
  padding: 0;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  overflow: hidden;
}
#MenuCandidat a {
    text-rendering: optimizeLegibility;
    line-height: 30px;
    font-size: 12px;
    font-weight: 300;
    text-decoration: none;
    padding: 0 10px 0 20px;
    position: relative;
}
#MenuCandidat a:first-child { padding-left: 16px;}
#MenuCandidat a:last-child{
	padding-right: 16px;
    margin-left: -1px;
    background-color: #d3d7d7;
	pointer-events: none;
	cursor: default;
}

#MenuCandidat a:after,
#MenuCandidat a:before { 
	content: ''; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 17px solid transparent;
	border-bottom: 17px solid transparent;
	/* make left half the height */
	border-left: 10px solid transparent;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: calc( 100% - 1px );
	z-index: 2;
}
#MenuCandidat a:before { 
	margin-left: 1px;
	z-index: 1;
}

#MenuCandidat a:last-child:after,
#MenuCandidat a:last-child:before{
   border: none;
}
    
#MenuCandidat {
	margin-top:20px;
  border-color: #C3C3C3;
}
#MenuCandidat a {
	color: #454545;
	background-color: #e5e9e9;
	text-shadow: 0 -1px rgba(255,255,255,.7);
	/* box-shadow: inset 0 1px 0 #fff; */
} 
#MenuCandidat a:after {border-left-color: #e5e9e9;}
#MenuCandidat a:before { border-left-color: #9C9E9E;}
#MenuCandidat a:hover {background: #EDF1F1;}
#MenuCandidat a:hover:after {border-left-color: #EDF1F1;}


#BoiteEmploi #MenuCandidat {
    margin-top: 0px;
    margin-bottom: 0px;
    border-color: #C3C3C3;
   
}
    

.Drop{
	float: left;
    width: 635px;
    height: auto;
    border: 1px dashed #999;
    margin: 10px 0px 8px 45px;
    line-height: 25px;
    text-align: center;
    font-weight: bold;
    color: #999;
    font-size: 20px;
    padding: 30px;
	background-color: #EAEAEA;
	
}
.DropProgress{
	width: 677px;
    margin-left: 46px;
    height: 3px;
    margin-top: 42px;
    padding: 0;
    position: absolute;
    border-bottom: 0px;
    opacity: 1;
    border-radius: 0px;
	background-color:transparent;
}

.Progress{width:0%;
    height: 100%;
    background-color: #74D235;
    transition: 0.2s;
    padding: 0px;
    border-radius: 0px;
	}

/* ------------------------- Centrer le site -------------------------- */

/*
#BoiteGauche {border-left: 1px solid #bfbfbf; box-sizing: border-box;}
#Site {    margin-left: auto;
    margin-right: auto;}
	
#RechercheEmploi .BoiteRecherche { border-left:1px solid #E20A16 !important;     border-radius: 2px !important;}
*/