@charset "utf-8";
/* CSS Document */
@import url("//fonts.googleapis.com/css?family=Gloria+Hallelujah");

#Contenu{ margin-top:10px; }

#CarteFrance path{
    fill: #FFF;
    stroke: #E20A16;
}
#CarteFrance path:hover, #CarteFrance path.Select{
     fill: #E20A16;
    stroke: #FFF;
}


/* #C08C1B ->  #C08C1B */
#BoiteContenu{ 

	/* background-color: #ccc; */

	width: 890px;
	padding-left: 30px;
	padding-right: 1px;

}

h2{color: #999;}

#Contenu{min-height:300px;	}
#ColGauche{float: left;width: 650px;}
#ColDroite{float: right;width: 220px;}

#RechercheEmploi h2{ margin-bottom:0px; }
#RechercheEmploi{margin-right:0px;min-height:150px;}

#RechercheEmploi #LienSpecifique{height: auto;margin-top: 12px;}
#RechercheEmploi #LienSpecifique a{float: left;font-weight: bold;margin-right: 17px; color:#C08C1B; background-repeat: no-repeat; text-indent:20px; font-size:11px; line-height: 25px;    background-position: left center;}
#RechercheEmploi #LienSpecifique a:hover{text-decoration:underline;}


#RechercheEmploi #LienSpecifique a#Dirigeants{ background-image:url(../Img/Executive2.png); text-indent:20px;}
#RechercheEmploi #LienSpecifique a#International{ background-image: url(../Img/International2.png); text-indent:20px;}
#RechercheEmploi #LienSpecifique a#Jeunes{ background-image:url(../Img/JeunesTalents2.png); text-indent:23px;}
#RechercheEmploi #LienSpecifique a#Home{ background-image:url(../Img/Home.png);text-indent:20px;}

.BoiteTalentup {border: 1px solid #999;box-shadow: none;margin-bottom: 10px;border: 1px solid #ccc;}
#BoiteCarteFrance{height: 150px;width: 200px;display: block;position: absolute;margin-left: 430px;}
#CarteFrance{-ms-transform: scale(0.27,0.27); -webkit-transform: scale(0.27, 0.27);-moz-transform:scale(0.27, 0.27);
-o-transform:scale(0.27, 0.27);transform:scale(0.27, 0.27);margin-top: -198px;margin-left: -70px;}
#RechercheInput{display:block;float:left;width:180px;border:1px solid #999;-webkit-border-radius: 2px;-moz-border-radius:  2px;border-radius:  2px;margin-right:20px;margin-top:13px;background-color:#fff;}
#RechercheInput{ width: 392px; margin-top: 9px;}
#RechercheInput form{display:inline;}
#RechercheInput input, #RechercheRegion p, #RechercheFiliere p, #RechercheSolution p{
	width:150px;
	height: 30px;
	line-height:30px;
	margin:0px;
	border:0px;
	background-color:transparent;
	font-size:12px;
	font-weight:normal;
	text-indent:10px;
	text-align: left;
}
#RechercheInput input{ width:360px;	}

#RechercheBtn, #RechercheRegionBtn{display:block;float:right;
width:30px;height:30px;background-image: url('../Img/BtnRecherche.png');	cursor: pointer;
}


#BoiteSelect{min-height: 50px;}

#RechercheRegion, #RechercheFiliere, #RechercheSolution{border:1px solid #999;-webkit-border-radius: 2px;-moz-border-radius:  2px;border-radius:  2px;margin-right:20px;margin-top:13px;background-color:#fff;cursor:pointer; width: 190px; position: absolute; background-image: url('../Img/FlecheSelect.png'); background-repeat:no-repeat;  background-position: 172px center;z-index: 100;}

#RechercheFiliere {margin-left:204px; width:215px; background-position: 195px center  ;}
#RechercheSolution{     margin: 0px;
    width: 218px;
    border: 1px solid #999;
    background-position: 196px center;
    /* box-shadow: 2px 3px 4px #BCBCBC; */}



#RechercheRegion p, #RechercheFiliere p, #RechercheSolution p{width:200px;float:left; }
#RechercheSolution p{width: 218px;}



#BoiteSelectRegion, #BoiteSelectFiliere, #BoiteSelectSolution{
	margin-top:30px;
	height:0px;
	overflow:hidden;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
	background-color:rgba(255,255,255,0.95);
	margin-left:1px;
	margin-right:1px;
	margin-bottom:1px;
	-webkit-border-radius: 8px;
	-moz-border-radius:  8px;
	border-radius:  8px;

}

#BoiteSelectRegion.Visible{height:435px;}
#BoiteSelectFiliere.Visible{height:310px;}

#BoiteSelectSolution{margin:0px; width:218px;}
#BoiteSelectSolution.Visible{height:250px;}



#BoiteSelectRegion a, #BoiteSelectFiliere a, #BoiteSelectSolution a{
	display:block;text-indent:0px; font-size:11px;line-height:18px;margin-left:10px;margin-right:10px;
	-webkit-border-radius: 2px;-moz-border-radius:  2px;border-radius:  2px;font-weight:normal;
	    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#BoiteSelectSolution a{ font-size:12px; font-weight:bold;line-height:25px;}
#BoiteSelectRegion a.Select, #BoiteSelectFiliere a.Select, #BoiteSelectSolution a.Select{color: #FFF;text-decoration:underline;color:#E20A16; }



#Presentation  {width:368px;margin-right: 20px; min-height: 160px; cursor:pointer;    border: 1px solid #AD0F18;	}


#Presentation h2 {font-weight:normal; font-family:trebuchet MS;font-size:20px; margin-bottom:20px;}
#Presentation h2 .Accelerateur { font-style: italic; font-size:15px;}

#Presentation h3 {color: #fff; text-align:center; background:none; border:0px; font-weight:bold;font-size: 22px;line-height: 33px; 
/* text-shadow:0px 0px 3px #000; */
}
#Presentation p {text-align:center; font-size:13px; }

.Bloc#Identification{border: 1px solid transparent;}
/*
.Bloc h1{text-align: left;text-indent: 12px;font-family: 'Gloria Hallelujah', cursive; background-color:transparent; background-image:none;}
.Bloc {border: 1px solid transparent;}
#BoiteContenu .Bloc h1:first-line { color:#333;}
*/
	
#DerniereOffres{min-height: 278px; margin-right: 0px;}
#DerniereOffres a{margin: 0px 10px;font-size:11px;display:block;line-height:27px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-weight:normal;
	
}
#DerniereOffres a:last-child{font-weight:bold;}
#Services{margin-right:0px;margin-top:20px;}
#Services h2{line-height: 35px;margin: 0px;margin-top: -10px;	}
#Services h3{margin: -15px -15px 15px;}



#Services .Boite{
	float: left;
background: #FFF;
width: 248px;
min-height: 176px;
margin-right: 29px;
margin-bottom: 26px;
padding: 10px;
box-shadow: none;
border-radius: 2px;
background: webkit-linear-gradient(rgba(249, 249, 249, 0.33) 0%, rgba(238, 237, 237, 0.21) 80%, rgba(233, 233, 233, 0.61) 100%);
background: linear-gradient(rgba(249, 249, 249, 0.33) 0%, rgba(238, 237, 237, 0.21) 80%, rgba(233, 233, 233, 0.61) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#E9E9E9',GradientType=0 ); /* IE6-9 */
border: 1px solid #ccc;
}





#Services .Boite h2{color:#C08C1B; border-bottom: 1px solid #C08C1B;	margin: 0px; line-height: 28px;
margin-top: -8px; font-size: 13px;}
#Services .Boite p{font-size: 12px; margin-bottom: 10px; min-height:104px;}
#Services .Boite a{font-size: 13px; font-weight:bold;border: 0px; margin:0;}

#Services .Boite a {
    display: block;
    font-size: 12px;
    font-weight: bold;
    border: 0px;
    margin: 0;
    padding: 0;
    line-height: 28px;
    /* padding: 0px 15px; */
    /* font-family: 'Gloria Hallelujah', cursive; */
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    color: #666;
    text-align: right;
}
#Services .Boite.Droite a {background-color: transparent;}

#Services .Droite{float:right;min-height:398px; margin-right:0px; width: 268px;}

.Bloc{ width:218px; margin-top: 0px; margin-bottom:20px; min-height: 20px; float:left; border: 1px solid #ccc;}
.Bloc h1{text-indent: 0px;
    /* font-family: 'Gloria Hallelujah', cursive; */
    background-image: none;
    background-color: #f3f3f3;
    line-height: 30px;
    background-image: url(../Img/D30.png);
    background-repeat: repeat-x;
    color: #fff;
    margin: 0px;
    padding: 0px;
    height: auto;
    font-size: 13px;
    text-align: center;
    border-bottom: 1px solid #ccc;
    color: #666;
	    background-color: #f3f3f3;
}
#BoiteContenu .Bloc h1:first-line {       color: #666;}


.Bloc#Identification p{text-align:left;}
.Bloc#Identification input{ display: block;
float: none;
width: 190px;
margin: 10px 10px 5px 10px;}

.Bloc#Identification a{
	
	float: left;
margin-top: 9px;
margin-left: 10px;
display: block;
color: #2499c8;
color: #C08C1B;
font-size: 10px;
line-height: 15px;
text-indent: 12px;
background-image: url('../Img/Tic.png');
background-repeat: no-repeat;
}

.Bloc#Identification div{display:flex;justify-content:space-between;}
.Bloc#Identification a#Connexion, .Bloc#Identification a#Inscrire {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#333333',GradientType=0 );
    background-image: linear-gradient(#999 0%, #666 50%, #333 100%);
    background-image: -webkit-linear-gradient(#999 0%, #666 50%, #333 100%);
    border: 0px solid #999;
    text-align: center;
    margin: 0px 5px;
    margin-left: 0px;
    color: #FFF;
    text-shadow: 0px 0px 2px #333;
    text-indent: 0px;
    line-height: 30px;
    border-radius: 2px;
    float: left;
    width: 100px;
    width: 41%;
    width: calc( 50% - 5px );
    box-sizing: border-box;
	font-size:12px;
}

.Bloc#Identification a#Inscrire {margin-right: 0px;}
.Bloc#Identification a#Inscrire {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E20A16', endColorstr='#bc0f18',GradientType=0 );
    background-image: linear-gradient(#E20A16 0%, #bc0f18 100%);
    background-image: -webkit-linear-gradient(#E20A16 0%, #bc0f18 100%);
}

.Bloc#Identification a#AlertEmail{
margin-top: 0px;
}


.Bloc a#BtnEmail {
background-image: url('../Img/EspaceMail.png');
background-repeat: no-repeat;
width: 155px;
line-height: 23px;
display: block;
text-indent: 40px;
margin: 10px 15px;
font-weight: bold;

}

.Bloc a#BtnEmail:hover {
color: #C00;
}

.Bloc select{
width: 200px;
margin:0px;
border: 0px;
line-height:30px;
height:30px;
font-weight: bold;
float: none;
}
.Bloc#Solution{
width: 221px;
line-height:30px;
height:30px;
border:0px;
box-shadow: none;


}

#BoiteEntreprisesLogo{
	margin-top: 24px;
	
}
#EntreprisesLogo img{
	width: 100px;
	height:50px;
	float: left;
	margin: 10px 15px;
	border-radius: 4px;
	border: 0px solid #CCC;
		
}

#Publicite	, #Publicite #Bloc3D, #Publicite #Bloc3D #Face, #Publicite #Bloc3D #Pile{
	
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	
	-webkit-perspective: 1500px;
	-moz-perspective: 1500px;
	-o-perspective: 1500px;
	-ms-perspective: 1500px;
	perspective: 500px;
	
	
	-webkit-transform-origin:109px 90px ;
	-moz-transform-origin:109px 90px ;
	-o-transform-origin:109px 90px ;
	-ms-transform-origin:109px 90px ;
	transform-origin:109px 90px ;
	
	
}



#Publicite {
	display:block;
	
	width:218px;
	height:180px;
	border-radius: 5px;
	box-shadow: none;
	border: 0px; 
	cursor: pointer;

}
#MouseOver{
	display:block;
	z-index:0;
	position:absolute;
	background-color:transparent;
	width:218px;
	height:180px;

}


#Publicite #Bloc3D{
	position:absolute;
	z-index:999;
}

#Publicite #Bloc3D.Reverse2{
	
	-webkit-transform: rotateY( 180deg ) translateZ(0px );
	-moz-transform: rotateY( 180deg ) translateZ(0px );
	-o-transform: rotateY( 180deg ) translateZ(0px );
	transform: rotateY( 180deg ) translateZ(0px );

	
}
#Publicite>#Bloc3D>div{
	position:absolute;
	background-color:#f9f9f9;
	width: 218px;
	height: 180px;
		border-radius: 4px;

	overflow:hidden;

	
	-webkit-backface-visibility: hidden; /* Safari & Chrome */
	-moz-backface-visibility: hidden; /* Firefox */
	-ms-backface-visibility: hidden; /* Internet Explorer */
	-o-backface-visibility: hidden; /* Opera */
	backface-visibility: hidden;  /* W3C */
		

	-webkit-perspective: 2500px;
	-moz-perspective: 2500px;
	-o-perspective: 2500px;
	perspective: 2500px;
	
    border-radius: 2px;
    border: 1px solid #ccc;
	
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

}

#Publicite>#Bloc3D>div>p{

    font-size: 20px;
    /* font-weight: bold; */
    text-align: center;
    color: #666;
    line-height: 25px;
    font-family: trebuchet MS;
    letter-spacing: -0.7px;
	margin:0;
	
}
#Publicite>#Bloc3D>div>p.Rouge{
		    /* font-weight: bold; */
    color: #cc0000;
    font-size: 16px;
    line-height: 25px;
    margin-top: 20px;


}

#Publicite #Bloc3D #Face{

	-webkit-transform:  rotateY( 0deg );
	-moz-transform:  rotateY( 0deg );
	-o-transform:  rotateY( 0deg );
	transform:  rotateY( 0deg );
	transition:0.5s;
	
	
	
}

#Publicite #Bloc3D #Face:hover{
	box-shadow: 2px 3px 10px #999;
}


#Publicite #Bloc3D #Pile{

	-webkit-transform:  rotateY( 180deg );
	-moz-transform:  rotateY( 180deg );
	-o-transform:  rotateY( 180deg );
	transform:  rotateY( 180deg );
	transition:0.5s;
	
	
}
/* Pour 

#Publicite #Bloc3D.Reverse #Pile{

	-webkit-transform:  rotateY( 360deg );
	-moz-transform:  rotateY( 360deg );
	-o-transform:  rotateY( 360deg );
	transform:  rotateY( 360deg);
	
	
}
#Publicite #Bloc3D.Reverse #Face{

	-webkit-transform:  rotateY( 180deg );
	-moz-transform:  rotateY( 180deg );
	-o-transform:  rotateY( 180deg );
	transform:  rotateY( 180deg );
	
	
	
}
*/

#EntreprisesLogo h2{
	cursor:pointer;
	
	
}





@media (max-width:768px) {
	
	#BoiteContenu {width: 100%; box-sizing: border-box; padding:5px;}
	#ColGauche {float: none;width: 100%;}
	#BoiteCarteFrance{display: none;}
	#RechercheInput { width: 100%;}
	#RechercheInput input { width: calc( 100% - 30px );}
	#BoiteSelect {width: 100%; display:flex; align-items:center;flex-wrap: wrap;}
	#RechercheRegion, #RechercheFiliere, #RechercheSolution {width: calc( 50% - 15px ); float:left;position: relative;margin-left: 0px;background-position: calc( 100% - 5px) center;}
	 #RechercheSolution {width: 100%;}
	.Bloc#Solution {width: 100%;}
	#RechercheRegion p, #RechercheFiliere p, #RechercheSolution p {width: 100%;}
	#RechercheFiliere {background-position: calc( 100% - 5px) center; margin-right:0px;}
	#Presentation {width: 100%;box-sizing: border-box;}
	#ColDroite { float: none; width: 100%;}
	.Bloc { width: 100%;}
	#Publicite{ display:none;}
	#Services .Boite {width: 100%;
    box-sizing: border-box;
    background: none;
    border: 0px;
    box-shadow: none;
    min-height: 0;}
	#Services .Boite.Droite{ min-height: 0;}
	hr {display:none;}
	
	#RechercheEmploi {
    border: 1px solid transparent;
	background-color: transparent; 
	background-image:none;
	background:none;
    box-shadow: none;
    
	}
	#RechercheEmploi{margin-bottom:10px;}
    
}
@media (max-width:360px) {
	#RechercheRegion, #RechercheFiliere, #RechercheSolution {width: 100%; float:none; margin-right: 0px;}
	#LienSpecifique {margin-top: 5px;}
}