/* CSS Document */
body {
	background-position: top;	
	margin: 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#3b3b3b
}

/* Structure */
div#pageEnCours {
	margin: 0 auto;
	min-height: 600px;
	position: relative;
	width: 950px;
	background: url(../images/background_page.png) no-repeat right top
}

	div#mainHeader {
		margin: 0 auto;
		width:950px;	
	}	
	
div#mainHeader div#inscriptionGratuite {
	height:113px;
	float:right;
	vertical-align:bottom;
	padding-left:21px;
	text-align:right;
}	

div#mainHeader div#logoIDays {
	float:left;
	padding:10px 0;
}
div#mainHeader div#tagLigne {
	background-image:url(../images/tag_line.png);
	background-repeat:no-repeat;
	width:299px;
	height:110px;
	float:left;
	vertical-align:bottom;
	padding-left:21px
}

div#mainHeader div#tagLigne p{
	margin-top:76px
}

div#mainHeader div#tagLigne a{
	text-decoration:none;
}	




	

#navigation {
	background: #000 none repeat scroll 0 0;
	clear: both;
	height: 30px;
}		


#voirDemo {	
	margin-left:300px;
	background:url(../images/bouton_demo.png) no-repeat;
	padding:15px 0 26px 7px;
	width:81px
}

		
		
		
		
div#main {
	margin: 0 auto;
	min-height: 500px;
	position: relative;

}
	/* Home page */
	div#accueilReKrute{
		width: 950px;
		height:370px;
		position:relative;
		background-image: url(../images/entree_idays3.jpg);
		background-repeat:no-repeat;
		padding-bottom:40px
	}
	
	div#accueilReKrute p {
		width: 485px;	
		padding: 278px 0 0 20px;
		font-weight:bold;
		font-size : 23px;
		color:#FFF
	}
	div#espaceInfosAccueil {
		position:relative;
		float:right;
		background-color:#e0e0e0;	
		width:240px;
		min-height:550px;
		height:1800px
	}	

div#espaceInfosInscription {
		position:relative;
		float:right;
		background-color:#e0e0e0;	
		width:240px;
		min-height:1090px;
	}			
		
				
	/* Fin - Home page */
	
	
	/* Bénéfices */
	div#salonReKrute{
		width: 950px;
		height:394px;
		position:relative;
		background-image: url(../images/salon.jpg);
		background-repeat:no-repeat;
	}
	
	div#salonReKrute p {
		width: 485px;	
		padding: 262px 0 0 370px;
		font-weight:bold;
		font-size : 23px;
		color:#FFF
	}
			
	div#espaceInfos {
		position:relative;
		float:right;
		background-color:#e0e0e0;	
		width:240px;
		min-height:1100px;
	}
	div#espaceInfosPresentation {
		position:relative;
		float:right;
		background-color:#e0e0e0;	
		width:240px;
		height:3760px
	}
	
	div#espaceInfosEdition2011 {
		position:relative;
		float:right;
		background-color:#e0e0e0;	
		width:240px;
	}	

	div#espaceInfosInscription {
		position:relative;
		float:right;
		background-color:#e0e0e0;	
		width:240px;
		min-height:850px;
	}						
		
	/* Fin - Bénéfices */
	
	/* Stands */
	#nomPackage {
		font-size : 16px;
		font-weight:normal	
	}
	div#packageSlider {
		padding-bottom:30px;			
	}

	div#produit {
		background-image:url(../images/ombre_sous_rubrique.png);
		background-repeat:no-repeat;
		position:relative;
		height: 74px
	}
	div#descriptionPackage {
		/*background-color:#FFF;*/
		position:relative;
		width:940px;
		min-height: 300px;
		padding: 10px 0 40px 0 ;
	}
div#espaceInfosModeEmploi {
		position:relative;
		float:right;
		background-color:#e0e0e0;	
		width:240px;
		min-height:4260px;
	}	
div#espaceInfosTemoignage {
		position:relative;
		float:right;
		background-color:#e0e0e0;	
		width:240px;
		min-height:2070px;
	}			
	
	div#descriptionPackage  ul {
		list-style:url(../images/puce_rouge_2.png);
		padding:0  0  0 40px
	}

	div#descriptionPackage ul li{
		padding-bottom:15px;
	}
	
	
	
	

	#vignettesModules h2 {
		font-weight:bold;
		font-size:12px;
		font-style:normal;
	
	}	
	#vignettesModules p {
		color:#7A7A7A;
		font-size:11px;
		font-style:normal;
	
	}	
	
		

	div#produit h2 {
		padding: 25px 0 0 25px ;
		font-size : 15px;
		font-weight:bold;
		font-style:normal		
	}
	
	div#listeModules {
		padding-bottom:40px;
		min-height:300px
	}			
	
	/*Uniquement pour le pack Bronze*/
	div#imageModuleReception {
		float:left;
		width:550px;
		height:292px
	}
	div#descriptionModuleReception {
		float:right;
		width:330px;
		height:292px;
		vertical-align:top
				
	}
	
	.ulIntroModule  { 
		list-style:url(../images/puce_rouge_2.png);
		font-size:11px;
		padding:0 0 0 11px
	}

	
	div#listeModules h2 a{
		color:#7A7A7A
	}	
	
	
	div#listeModules h2 a:Hover{
		color: #b0121f 
	}	


	
	
	
	/* Fin - Stands */
	
	div#breadCramps {
		width:640px;
		
	}
	
	div#espaceContenu {
		/*background-color:#;*/
		position:relative;
		float:left;
		width:669px;
		min-height: 300px;
		padding: 0 10px 0px 0 ; 
	}
	
	div#espaceContenu h2 {
		padding-bottom:20px;
		font-size : 15px;
		font-weight:bold;
		font-style:normal		
	}
	
	div#espaceContenu h2 a{
		font-size : 15px;
		font-weight:bold;
		color:#535353;
		text-decoration:none			
	}
	
	div#espaceContenu h2 a:Hover{
		color:#b0121f;
		text-decoration: underline				
	}

	/* Prix */
	

	div#espacePrix {
		position:relative;
		float:left;
		width:950px;
		min-height: 300px
	}
	
	div#produit h2 {
		padding-bottom:20px;
		font-size : 15px;
		font-weight:bold;
		font-style:normal		
	}
	
	div#espacePrix h2 a{
		font-size : 15px;
		font-weight:bold;
		color:#535353;
		text-decoration:none			
	}
	
	div#espacePrix h2 a:Hover{
		color:#b0121f;
		text-decoration: underline				
	}			
	/* Fin - Prix */
	
	
	/* Debut - Contact */

	div#espaceFormulaire {
		position:relative;
		float:left;
		width:614px;
		min-height: 300px;
	}
	
	div#adresse {
		position:relative;
		float:right;
		width:336px;
		min-height:300px;
	}			
	div#adresse p{
		font-size:11px
	}
	
	/* Fin - Contact */
		
div#footer {
	clear:both;
	background: url(../images/ombre_footer.png) #4b4b4b no-repeat center top;
	margin: 0 auto;
	padding-bottom:20px;
	width: 950px;
	color:#FFF
}
	
		div#footer ul {
			padding : 20px 0 0 20px
		}		
		div#footer li{
			display:inline;
			margin:0			
		}
	
		div#footer a {
			text-decoration:none;
			color:#dedede
		}

		div#footer a:Hover {
			text-decoration: underline;
		}	
	div#copyright{
		margin: 0 auto;
		padding:10px;	
		width: 950px;
		text-align:center
	}

/* Mise en page */ 

h1 { font-size:20px; padding:0; margin:0; }
#espaceContenu h1 {font-size:24px; font-weight:normal; padding:0 0 25px 0; margin:0; }

#espaceContenu ul {
	list-style:url(../images/puce_rouge.png);
	padding:0  0  0 40px
}

#espaceContenu ul li{
	padding-bottom:15px;
}





#espaceInfosPresentation ul, div#espaceInfos ul, div#espaceInfosAccueil ul, #espaceInfosEdition2011 ul, #espaceInfosInscription ul, #espaceInfosModeEmploi ul, #espaceInfosTemoignage ul   {
	list-style:url(../images/puce_info_rouge.png);
	padding:0  10px  0 40px;
	margin:0
}

#espaceInfosPresentation ul li, div#espaceInfos ul li, div#espaceInfosAccueil ul li, #espaceInfosEdition2011 ul li, #espaceInfosInscription ul li, #espaceInfosModeEmploi ul li, #espaceInfosTemoignage ul li {
	padding-bottom:15px;
	font-size:11px
}


h2 { padding:0; margin:0; color:#767676; font-style:italic; font-size:17px; font-weight:normal}
a {color:#3b3b3b}
a:Hover {color : #b0121f}
p {padding: 0 0 10px 0}
sup {font-size : 11px;}

.texteJaune {color:#ffba42}
.texteRouge {color:#b0121f}
.texteRougeGras13 {color:#b0121f; font-weight:bold; font-size:13px}
.texteBlanc20{ font-size:20px; font-weight:normal; color:#FFF }
.textInvisible { color: rgba(0,0,0,0)}


p.info {
    background-image: url("../images/puce_info.png");
    background-position: 0 8px;
    background-repeat: no-repeat;
    font-size: 15px;
    padding: 0 17px;
}

.texteInfo {font-size:14px;}
.suite {
	text-align:right; 
	width:220px;
	background-image:url(../images/separateur_info.png); 
	background-repeat:repeat-x; 
	margin: 0 auto;}
a.lienSuite {text-decoration:underline }

/* Les stands */

.titreModuleGris { font-size:19px }
.titreModuleRouge { font-size:18px; color:#b0121f}

.ulDetailModule  { 
	list-style:url(../images/puce_rouge_2.png);
	font-size:11px;
	padding:0 0 0 10px
}

.liDetailModule{
	padding-bottom:10px;
}

.photoModule { float:left ; padding-right:10px}
.descriptionModule {float: left}




/* Prix */

.featuresTitle {padding: 23px 0 10px 0 ; font-size:13px; font-weight:bold}
.featuresTitleRouge {padding: 23px 0 10px 0 ; font-size:13px; font-weight:bold; color:#b0121f}


#prix {font-size:11px;}

#prix a {font-size:12px; font-weight:bold; color:#FFF}

#prix td{ padding-bottom: 10px}

.bordureBasse { border-bottom: solid 1px #bfbfbf;}

#packAnnonceur {padding: 23px 0 10px 0 ; font-size:13px; font-weight:bold}

.bordureBasseColonneBronze {background-image:url(../images/background_bronze.png); border-bottom: solid 1px #bfbfbf; text-align:center; color:#FFF}
.bordureBasseColonneArgent {background-image:url(../images/background_argent.png);border-bottom: solid 1px #bfbfbf; text-align:center; color:#FFF}
.bordureBasseColonneOr { background-image:url(../images/background_or.png); border-bottom: solid 1px #bfbfbf; text-align:center; color:#FFF}
 
#ongletBronze {
	background-image:url(../images/onglet_bronze.png) ; background-repeat: no-repeat ; background-position:bottom; width:155px; height:74px; font-size:23px; color:#FFF; text-align:center; vertical-align:middle; border-bottom: solid 1px #bfbfbf;
}



.colonneBronze {  background-image:url(../images/background_bronze.png); background-repeat:  repeat-y; color:#FFF; text-align:center;; vertical-align:top}

#ongletArgent { background-image: url(../images/onglet_argent.png) ; background-repeat: no-repeat ; background-position:bottom; width:140px;height:74px; font-size:23px; color:#FFF; text-align:center; vertical-align:middle; border-bottom: solid 1px #bfbfbf;   }

.onglet1 { background-image: url(../images/ognlet-1.png) ; background-repeat: no-repeat ; background-position:bottom; width:140px;height:74px; font-size:23px; color:#FFF; text-align:center; vertical-align:middle; border-bottom: solid 1px #bfbfbf;   }
.onglet2 { background-image: url(../images/onglet-2.png) ; background-repeat: no-repeat ; background-position:bottom; width:141px;height:74px; font-size:23px; color:#FFF; text-align:center; vertical-align:middle; border-bottom: solid 1px #bfbfbf;   }
.onglet3 { background-image: url(../images/onglet-3.png) ; background-repeat: no-repeat ; background-position:bottom; width:140px;height:74px; font-size:23px; color:#FFF; text-align:center; vertical-align:middle; border-bottom: solid 1px #bfbfbf;   }

.colonneArgent {  background-image:url(../images/background_argent.png) ; background-repeat:  repeat-y; ; color:#FFF ; text-align:center; vertical-align:top }		

#ongletOr { background-image: url(../images/onglet_or.png); background-repeat: no-repeat ; background-position:bottom; width:140px;height:74px; font-size:23px; color:#FFF; text-align:center; vertical-align:middle; border-bottom: solid 1px #bfbfbf;   }
.colonneOr {  background-image:url(../images/background_or.png); background-repeat:  repeat-y; ; color:#FFF; text-align:center ; vertical-align:top }
.ombreOngletOr {  background-image:url(../images/ombre_onglet.png); background-repeat: no-repeat ; background-position:bottom; width:5px }
.ombreColonneOr {  background-image:url(../images/ombre_colonne.png); background-repeat: repeat-y; width:5px }
#infoBronze { background-image:url(../images/background_bronze.png); background-repeat:  repeat-y; ; color:#FFF; text-align:center ; height:40px}
#infoArgent {background-image:url(../images/background_argent.png); background-repeat:  repeat-y; ; color:#FFF; text-align:center ; height:40px}
#infoOr { background-image:url(../images/background_or.png); background-repeat:  repeat-y; ; color:#FFF; text-align:center ; height:40px}

#ongletBronze a, #ongletArgent a, #ongletOr a  { font-size:11px; font-weight:normal;}

ul#legende {list-style:none; padding:30px 0}
ul#legende li {padding-bottom:7px}

.lignePrix { background-color:#2e2e2e;  color:#FFF; vertical-align:middle; font-size:11px; font-weight: bold; padding-left:5px;}
.tdPrix { background-color:#2e2e2e; color:#FFF; vertical-align:middle; font-size:11px; font-weight: bold; padding-left:5px;text-align:center}

/* Nous contacter */
.input {	
	color: #3b3b3b;
	border:solid #dcdcdc 1px;	
	height:20px;
	width:400px;
}
.inputMessage {
	border:solid #dcdcdc 1px;
	width:550px;	
}
/* Nous contacter */



.texteRouge {color:#b0121f}


.nomTemoignage{ color:#3b3b3b; font-weight:bold; padding: 3px 0 0 20px}
.enteteTemoignage { height:40px; background-image:url(../images/micro.png); background-repeat:no-repeat; color:#b0121f;font-size:11px; padding: 2px 0 0 25px}
.contenuTemoignage {background-image: url(../images/bulle.png); background-repeat:no-repeat; background-color:#ebebeb;  font-size:11px; padding:20px; vertical-align:top}

/*------------- begin modifs 3 juillet 2014 --------------*/

div#accueilReKrute {
    background-image: url("../images/idays-v2014.jpg");
    width: 700px;
}

#accueilReKrute > div {
    color: #FFFFFF;
    font-size: 20px;
    left: 20px;
    position: relative;
    top: 285px;
    width: 410px;
}

#banner_title #banner_line1 {
    color: #FFEE00;
}

#banner_title div {
    font-size: 25px;
}

.addthis_toolbox.addthis_default_style {
    position: relative;
    top: -5px;
}

div#pageEnCours {
    box-shadow: 0 0 5px #ccc;
    padding: 10px;
}

div#footer {
    box-shadow: 0 0 5px #000000 inset;
    margin: 0;
    text-align: center;
}

div#espaceInfosEdition2011 {
    box-shadow: 0 0 5px #aaaaaa inset;
}

.logo > img {
    box-shadow: 0 0 5px #aaaaaa;
}

div#espaceInfosTemoignages, div#sponsors {
    height: auto;
}

/*------------- end modifs 3 juillet 2014 --------------*/

/*------------- begin modifs 23 september 2014 --------------*/

.banner-bkg {
    background: #000;
    display: block;
    float: left;
    height: 80px;
    left: 0 !important;
    opacity: 0.5;
    padding-top: 10px;
    position: absolute !important;
    width: 440px !important;
}

#banner_title {
    top: 295px !important;
}

div#accueilReKrute {
    background-position: -240px center;
}

.logo > img {
    display: block;
    margin: 0 auto;
    position: relative;
}

/*------------- end modifs 23 september 2014 --------------*/

/****************  begin modifs 9 oct 2014   ***************/

.btn-inscription {
    background: url("../images/btn-inscription-v2.png");
    background-repeat: no-repeat;
    height: 40px;
    margin: 0 auto;
    width: 140px;
}

a.inscription-link {
    display: block;
    margin: 0 auto;
    width: 144px;
}

/****************  end modifs 9 oct 2014   ***************/

/*-----------------  begin close stands modifs 1 nov 2014  -------------------*/

div#accueilReKrute {
    background-image: url("../images/visuel-iDAYS-Home_HD-2014-v2.jpg");
    background-position: -235px -85px;
}

#accueilReKrute.close > div {
    width: 550px !important;
}

.close #banner_title #banner_line1 {
    color: #fff;
}

.close #open_date {
    color: #be1724;
    font-size: 30px;
    font-weight: bold;
}

.close #banner_line1 {
    font-size: 22px;
}

#accueilReKrute.close > div {
    height: 90px;
    left: 210px;
    width: 620px !important;
}


.close .banner-bkg {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #000;
    background-image: url("../images/ferme-v1.png");
    background-origin: padding-box;
    background-position: 10px 3px;
    background-repeat: no-repeat;
    background-size: auto auto;
    opacity: 0.7;
    opacity: 0.7;
}

/*-----------------  end modifs 1 nov 2014  -------------------*/

#espaceContenu h1 {
    padding: 0 0 10px;
}

div#espaceContenu h2 {
    color: #ce232e;
    font-size: 22px;
    font-weight: bold;
}


/*-----------------  begin modifs 17 sep 2015  -------------------*/

#header-title {
    color: #000;
    font-size: 19px;
    padding-top: 31px;
    text-align: center;
    text-shadow: 0 0 2px #fff;
}

#header-title strong {
    color: #ce232e;
}

/*-----------------  begin modifs 17 sep 2015  -------------------*/


/*-----------------  begin modifs 22 sep 2015  -------------------*/

div#accueilReKrute {
    background-image: url("http://www.rekrute.com/websites/idays/images/visuel-iDAYS-Home_HD-2014-v3.jpg");
    background-position: 0 -85px;
    width: 950px;
}

#points-forts > ul {
    list-style: outside url("../images/puce_info_rouge.png") disc;
}

#points-forts {
    background: #e0e0e0 none repeat scroll 0 0;
    box-shadow: 0 0 5px #aaaaaa inset;
    margin-top: 20px;
    padding-top: 5px;
    width: 100%;
    display: table;
}


/*-----------------  end modifs 22 sep 2015  -------------------*/

/*-----------------  begin modifs 28 sep 2015  -------------------*/

.mode-emploi img {
	width: 700px;
	border: 1px dotted #d6d6d6;
}

/*-----------------  end modifs 28 sep 2015  -------------------*/

/*-----------------  begin modifs 30 oct 2015  -------------------*/

#navigation {
	background: #231f20;
	height: 40px;
}

#navigation a {
    color: #fff;
    text-decoration: none;
    transition: all 0.5s ease 0s;
}

#navigation a:hover {
    text-decoration: underline;
}

#navigation td {
    padding: 5px 5px 5px 15px;
}

#navigation td.subscribe {
    background: #ce232e url("../images/2015/arrow-v1.png") no-repeat scroll 0 0 / 20px auto;
}

#navigation .suscribe-link > a {
    font-size: 15px;
    left: 40px;
    position: relative;
}

#header {
    margin-top: 20px;
}

.top-header {
    width: 600px;
}

.top-header .title {
    font-size: 23px;
    font-weight: bold;
}

.top-header .subtitle {
    color: #898989;
    font-size: 17px;
    font-weight: bold;
}

.red {
    color: #ce232e;
}

.top-header .text {
    margin-top: 10px;
    text-align: justify;
}

.top-header .center {
    font-weight: bold;
}

.top-header .notabene {
    font-size: 9px;
}

#calendar {
    background: #000;
    height: 245px;
    margin-left: 10px;
    width: 330px;
}

#calendar a {
    position: relative;
    z-index: 9999999;
}

#calendar > table {
    float: left;
    margin-left: 10px;
    padding-top: 5px;
    width: 310px;
}

#calendar td {
    border-bottom: 1px solid #6f6f6f;
    color: #fff;
    padding: 5px;
    width: 33%;
}

#calendar .corner {
    background: rgba(0, 0, 0, 0) url("../images/2015/red-corner-calendar-v1.png") no-repeat scroll right bottom;
    height: 100%;
    position: relative;
    width: 100%;
}

#espaceContenu {
    margin-top: 20px;
}

#home-page div#espaceContenu, #espaceContenu table#renault {
    width: 950px;
}

table#renault .tr-1 .td-1, table#renault .tr-1 .td-2, table#renault .tr-2 .td-2, table#renault .tr-3 .td-1 {
    background: #231f20;
}

table#renault .tr-1 .td-1 {
    color: #fff;
    font-size: 15px;
    padding-left: 10px;
    width: 700px;
}

table#renault .tr-3 .td-2 {
    background: #ce232e url("../images/2015/arrow-v1.png") no-repeat scroll 0 0 / 11px auto;
    color: #fff;
    font-size: 15px;
    text-align: center;
}

table#renault .tr-2 .td-1 {
    height: 200px;
}



table#bmce, table#lafarge {
    width: 450px;
}

table#bmce .tr-1 .td-1, table#bmce .tr-1 .td-2, table#bmce .tr-2 .td-2, table#bmce .tr-3 .td-1, table#lafarge .tr-1 .td-1, table#lafarge .tr-1 .td-2, table#lafarge .tr-2 .td-2, table#lafarge .tr-3 .td-1 {
    background: #231f20;
}

table#bmce .tr-1 .td-1, table#lafarge .tr-1 .td-1 {
    color: #fff;
    font-size: 15px;
    padding-left: 10px;
    width: 700px;
}

table#bmce .tr-3 .td-2 , table#lafarge .tr-3 .td-2 {
    background: #ce232e url("../images/2015/arrow-v1.png") no-repeat scroll 0 0 / 11px auto;
    color: #fff;
    font-size: 15px;
    text-align: center;
}

table#bmce .tr-2 .td-1, table#lafarge .tr-2 .td-1 {
    height: 200px;
}

.sponsors-platinium {
    margin-top: 20px;
    width: 985px;
}

.horaires {
    color: #fff;
    text-align: center;
    width: 100%;
}

.sponsors-platinium .horaires {
    width: 120px;
}

.wight-link {
	color: #fff;
	text-decoration: none;
}

.wight-link:hover {
	color: #fff;
	text-decoration: underline;
}


.sponsors-gold {
    margin-top: 20px;
    width: 950px;
}

.sponsors-gold td {
    margin: 0;
    padding: 0;
    vertical-align: top;
}

.sponsor-title {
    background: #efefef none repeat scroll 0 0;
    font-size: 17px;
    width: 225px;
    padding-left: 5px;
}

.sponsor-logo {
    height: 120px;
    position: relative;
    text-align: center;
    top: 10px;
}

.sponsors-gold .td-total .sponsor-logo img {
    top: 25px;
    position: relative;
}

.sponsor-bg-button {
    background: #000 none repeat scroll 0 0;
    height: 40px;
    margin-top: -10px;
    opacity: 0.5;
}

.sponsor-button {
    border: 2px solid #fff;
    color: #fff;
    display: table;
    font-size: 12px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
    position: relative;
    text-align: center;
    top: -35px;
}

.sponsor-date {
    color: #8a8a8a;
    font-size: 11px;
    margin-top: -25px;
}

.partners {
    margin-top: 20px;
    width: 950px;
    margin-bottom: 20px;
}

.partners .title {
    font-size: 20px;
}

#home-page #points-forts {
    display: none;
}

.partners tr:last-child td {
    width: 14%;
}

/*-----------------  end modifs 30 oct 2015  -------------------*/

/*-----------------  begin modifs 1 nov 2015 (logo animation)  -------------------*

#logoIDays img {
	animation: animated_logo 5s 1;
	position: relative;
}

@keyframes animated_logo {
	0%		{transform: rotate(0deg);left:0px;}
	25%		{transform: rotate(0deg);left:0px;}
	50%		{transform: rotate(0deg);left:650px;}
	55%		{transform: rotate(0deg);left:650px;}
	70%		{transform: rotate(0deg);left:650px;}
	100%	{transform: rotate(0deg);left:0px;}
}

#header-title {
	animation: animated_title 5s 1;
	animation-timing-function: ease-in;
}

@keyframes animated_title {
	0%		{opacity: 1;}
	25%		{opacity: 0;}
	50%		{opacity: 0;}
	75%		{opacity: 0;}
	100%	{opacity: 1;}
}

/*  */

/* slider partenaires */

#slider {
	list-style:none;
	padding:0px
}

.slider-container { 
	width: 900px; 
	height: 70px; 
	padding: 0px 20px; 
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px; 
}

#slider img { 
	width:109px; 
	height:auto; 
	margin:0px; 
	display:inline-block;
	cursor: pointer; 
}

#slider li {
	width:210px
}

.bx-wrapper, .bx-window {
    width: 900px !important;
}

/**/
.suscribe-link a {
	animation: animated_link 1s 1;
	position: relative;
	animation-iteration-count: 2;
	animation-delay: 5s;
	animation-timing-function: ease-in;
}

@keyframes animated_link {
	0%		{left: 40px;}
	30%		{left: 30px;}
	60%		{left: 50px;}
	100%		{left: 40px;}
}
/**/
/*-----------------  end modifs 1 nov 2015  -------------------*/


/*-----------------  begin modifs 23 nov 2015 pages dediees  -------------------*/

#page_dediees .top-header {
    background-image: url("http://www.rekrute.com/idays/images/2015/pagedediees/header-v1.jpg");
   	width: 950px;
    height: 250px;
}

#page_dediees #top-header-icon {
    background-image: url("http://www.rekrute.com/idays/images/2015/pagedediees/play-v1.png");
   	height: 180px;
    margin: 0 auto;
    position: relative;
    top: 40px;
    width: 180px;
}

#page_dediees div#espaceContenu {
    float: left;
    min-height: 300px;
    padding: 0 10px 0 0;
    position: relative;
    width: 950px;
    text-align: justify;
}

#page_dediees div#espaceContenu h2 {
    font-weight: normal;
    color: #000;
}

#page_dediees .top-header {
    background-image: url("http://www.rekrute.com/idays/images/2015/pagedediees/header-v1.jpg");
   	width: 950px;
    height: 250px;
}

#page_dediees .documents-testimonials .icon {
    border: 1px solid #ccc;
    height: 90px;
    padding: 2px;
    width: 104px;
    margin-right: 5px;
}

#page_dediees .documents-testimonials #docs, #page_dediees .documents-testimonials #testimonials {
    width: 475px;
}

#page_dediees .documents-testimonials #docs {
    border-right: 1px dotted #ccc;
    padding-right: 15px;
    width: 470px;
}

.documents-testimonials #docs .title, .documents-testimonials #testimonials .title, #social_networks .title {
    font-size: 18px;
    text-transform: uppercase;
    padding-bottom: 10px;
}

#docs h3, #testimonials h3 {
    margin-top: 0px;
}

#docs td, #testimonials td {
    vertical-align: top;
    font-size: 11px;
}

.documents-testimonials .btn {
    width: 100px;
    background: #ce232e;
    padding: 5px 10px;
    text-align: center;
    color: #fff;
    margin-top: 10px;
}

.documents-testimonials .btn a {
    color: #fff;
    text-decoration: none;
}

.documents-testimonials .btn a:hover {
    text-decoration: underline;
}

#page_dediees .separator {
    border-bottom: 1px dotted #ccc;
}

/*-----------------  end modifs 23 nov 2015 pages dediees  -------------------*/

#home-page .play-icon {
    background-image: url("http://www.rekrute.com/idays/images/2015/pagedediees/play-v1.png");
    background-size: 90px auto;
    display: none;
    height: 90px;
    margin: 0 auto;
    width: 90px;
    margin: 15px;
}

#home-page .play-icon.black {
    background-image: url("http://www.rekrute.com/idays/images/2015/pagedediees/play-black-v1.png");
    margin: 0 auto;
    position: absolute;
    left: 82px;
    top: 5px;
    background-size: 70px;
    width: 70px;
    height: 70px;
}

.text-play {
    color: #fff;
    position: relative;
    text-align: center;
}

.text-play.end {
	display: none;
}

.sponsor-button.end {
	display: none;
}

.sponsors-gold .text-play {
	color: #000;
    display: table;
    left: -60px;
    top: 115px;
    width: 200px;
}

/**-------------------------- plays webkonfs --------------------------**/

/* renault */
#home-page #renault .play-icon {
	display: block;
}

#home-page #renault .horaires {
	display: none;
}

table#renault .tr-3 .td-2 a {
    visibility: hidden;
}
/* fin renault*/

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

/* lafarge */
#home-page #lafarge .play-icon {
	display: block;
}

#home-page #lafarge .horaires {
	display: none;
}

table#lafarge .tr-3 .td-2 a {
    visibility: hidden;
}
/* fin lafarge*/

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

/* ifm */
#home-page .td-ifm .play-icon {
	display: block;
}

#home-page .td-ifm .horaires {
	display: none;
}

.td-ifm .sponsor-bg-button {
   height: 20px;
}
/* fin ifm*/

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

/* total */
#home-page .td-total .play-icon {
	display: block;
}

#home-page .td-total .horaires {
	display: none;
}

.td-total .sponsor-button, .td-total .sponsor-date {
    visibility: hidden;
}

.td-total .sponsor-bg-button {
   height: 20px;
}
/* fin total*/

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

/* lydec */
#home-page .td-lydec .play-icon {
	display: block;
}

#home-page .td-lydec .horaires {
	display: none;
}

.td-lydec .sponsor-button, .td-lydec .sponsor-date {
    visibility: hidden;
}

.td-lydec .sponsor-bg-button {
   height: 20px;
}
/* fin lydec*/


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

/* bmce */
#home-page #bmce .play-icon {
	display: block;
}

#home-page #bmce .horaires {
	display: none;
}

table#bmce .tr-3 .td-2 a {
    visibility: hidden;
}
/* fin bmce*/

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

/* dell */
#home-page .td-dell .play-icon {
	display: block;
}

#home-page .td-dell .horaires {
	display: none;
}

.td-dell .sponsor-button, .td-dell .sponsor-date {
    visibility: hidden;
}

.td-dell .sponsor-bg-button {
   height: 20px;
}
/* fin dell*/

/**-------------------------- end plays webkonfs --------------------------**/

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

/**-------------------------- stopping webkonfs --------------------------**/

/* renault */
#home-page #renault .play-icon {
	display: none;
}

#home-page #renault .text-play.end {
	display: block;
}
/* fin renault*/

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

/* lafarge */
#home-page #lafarge .play-icon {
	display: none;
}

#home-page #lafarge .text-play.end {
	display: block;
	margin: 20px;
}
/* fin lafarge*/

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

/* ifm */
#home-page .td-ifm .play-icon {
	display: none;
}

#home-page .td-ifm .sponsor-button.end {
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
    border: none;
}

#home-page .td-ifm .sponsor-button, #home-page .td-ifm .sponsor-date {
    display: none;
}

#home-page .td-ifm .sponsor-bg-button {
	height: 40px;
}

/* fin ifm*/

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

/* total */
#home-page .td-total .play-icon {
	display: none;
}

#home-page .td-total .sponsor-button.end {
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
    border: none;
}

#home-page .td-total .sponsor-button, #home-page .td-total .sponsor-date {
    display: none;
}

.td-total .sponsor-button, .td-total .sponsor-date {
    visibility: visible;
}

#home-page .td-total .sponsor-bg-button {
	height: 40px;
}

/* fin total*/

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

/* lydec */
#home-page .td-lydec .play-icon {
	display: none;
}

#home-page .td-lydec .sponsor-button.end {
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
    border: none;
}

#home-page .td-lydec .sponsor-button, #home-page .td-lydec .sponsor-date {
    display: none;
}

.td-lydec .sponsor-button, .td-lydec .sponsor-date {
    visibility: visible;
}

#home-page .td-lydec .sponsor-bg-button {
	height: 40px;
}

/* fin lydec*/

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

/* bmce */
#home-page #bmce .play-icon {
	display: none;
}

#home-page #bmce .text-play.end {
	display: block;
	margin: 20px;
}
/* fin bmce*/

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

/* dell */
#home-page .td-dell .play-icon {
	display: none;
}

#home-page .td-dell .sponsor-button.end {
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
    border: none;
}

#home-page .td-dell .sponsor-button, #home-page .td-dell .sponsor-date {
    display: none;
}

.td-dell .sponsor-button, .td-dell .sponsor-date {
    visibility: visible;
}

#home-page .td-dell .sponsor-bg-button {
	height: 40px;
}

/* fin dell*/

/**-------------------------- end stopping webkonfs --------------------------**/

#social_networks a img {
    opacity: 0.7;
}

#social_networks a img {
	transition: all 0.5s ease 0s;
}

#social_networks a img:hover {
    opacity: 1;
}


/**** modifs 3 dec 2015 ****/

#espaceContenu .photos img {
	width: 470px;
}

#page_dediees.gold #header {
    margin-top: 0;
}

#page_dediees.gold #social_networks img {
	width: 30px;
}

#page_dediees.gold #docs .title {
    padding-bottom: 0;
}

.documents-testimonials td {
    vertical-align: top;
}

#page_dediees.gold #espaceContenu {
    border-top: 1px solid;
    padding-right: 0 !important;
    padding-top: 15px !important;
}

#page_dediees #main {
    min-height: auto !important;
}

#page_dediees.gold .top-header {
    background-image: none;
    height: inherit;
}

#page_dediees.gold div#espaceContenu h2 {
    font-size: 25px;
    font-weight: bold;
    text-align: center;
}

#page_dediees.gold #social_networks {
    margin: 0 auto;
}

#page_dediees.gold .logo-client {
    display: table;
    margin: 0 auto 15px;
}

#page_dediees.gold #espaceContenu {
	background: rgba(0, 0, 0, 0) url("../images/background_page.png") no-repeat scroll center top;
}

#page_dediees.gold div#pageEnCours {
	background: none;
}

#page_dediees #header {
    height: 450px;
}

#page_dediees video {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}

/**** end modifs 3 dec 2015 ****/

/**** begin modifs 9 dec 2015 ****/

#page_dediees h2 {
    color: #000;
    font-size: 18px;
    font-style: inherit;
    font-weight: bold;
    margin-bottom: 10px;
}

#page_dediees #points-forts {
    display: none !important;
}

.anchor-link {
    transition: all 0.5s ease 0s;
}

html {
    scroll-behavior: smooth;
}

.anchor-link.gotop {
    background: rgba(0, 0, 0, 0) url("../images/2015/pagedediees/gotop.png") repeat scroll 0 0 / 50px auto;
    display: block;
    font-size: 0;
    height: 50px;
    margin: 0 auto;
    width: 50px;
}

#page_dediees.gold #header {
    height: 250px;
}

#racourcis-menu .anchor-link {
    font-size: 20px;
    font-weight: bold;
}

#racourcis-menu td {
    text-align: center;
    width: 230px;
}

#racourcis-menu {
    margin-top: 15px;
}

page_dediees.gold .logo-client {
    margin-bottom: 15px;
}

#page_dediees.gold div#espaceContenu h2 {
    padding-bottom: 5px;
    text-align: left;
}

.gold-customer td {
    vertical-align: top;
}

.gold-customer .td-rs {
    float: right;
}

.gold-customer .td-video {
    padding-right: 10px;
}

.sponsor-button.end > a {
    color: #ececec;
}

.sponsor-button.end > a:hover {
    color: #fff;
    text-decoration: none;
}

.text-play.end > a {
    color: #ececec;
}

.text-play.end > a:hover {
    color: #fff;
    text-decoration: none;
}

#page_dediees .lafarge #espaceContenu {
    min-height: inherit;
}

#social_networks .title {
    font-size: 15px;
}

/**** end modifs 9 dec 2015 ****/

/**** begin modifs 14 dec 2015 ****/

#page_dediees.gold div#espaceContenu .td-name h2 {
    font-size: 22px;
}

/**** end modifs 14 dec 2015 ****/

/**** begin modifs 23 dec 2015 ****/

#home-page #main #espaceContenu #renault .tr-2 .td-2 div.text-play {
    text-align: left;
    padding: 0 10px;
}

table#renault .tr-3 .td-2 a.wight-link {
    font-size: 12px;
    visibility: visible;
    display: block;
    height: 20px;
}

table#bmce .tr-3 .td-2 a.wight-link, table#lafarge .tr-3 .td-2 a.wight-link {
    font-size: 11px;
    visibility: visible;
    display: block;
    height: 30px;
}

table#bmce .tr-3 .td-2, table#lafarge .tr-3 .td-2 {
    background-size: 10px 31px;
}

#home-page #bmce .text-play.end, #home-page #lafarge .text-play.end {
    display: block;
    margin: 10px;
    width: 100px;
    text-align: left;
}

#home-page .sponsors-gold .sponsor-button.end > a:hover {
    text-decoration: underline;
}

#home-page .sponsors-gold .sponsor-bg-button {
    opacity: 1;
}

#home-page .sponsors-platinium #bmce .tr-2 .td-1, #home-page .sponsors-platinium #lafarge .tr-2 .td-1 {
    text-align: center;
}

table#bmce .tr-3 .td-1, table#lafarge .tr-3 .td-1 {
    background: #ce232e url("../images/2015/arrow-v1.png") no-repeat scroll 0 0 / 11px auto;
    color: #fff;
    font-size: 12px;
    text-align: left;
    height: 20px;
    padding-left: 20px;
}

table#bmce .tr-3 .td-2, table#lafarge .tr-3 .td-2 {
    background: #000;
    text-align: right;
}

table#renault .tr-3 .td-1 {
    background: #ce232e url("../images/2015/arrow-v1.png") no-repeat scroll 0 0 / 11px auto;
    color: #fff;
    font-size: 12px;
    text-align: left;
    height: 20px;
    padding-left: 20px;
}

table#renault .tr-3 .td-2 {
    background: #000;
	text-align: right;
}

.sponsor-button {
    padding: 0 5px;
}

a.read-next-1 {
    color: #fff;
    font-size: 12px;
    visibility: visible !important;
    padding-right: 10px;
    text-decoration: none;
}

a.read-next-1:hover {
    text-decoration: underline;
}

#sphere {
    background: #000 none repeat scroll 0 0;
    height: 245px;
    margin-left: 10px;
    width: 330px;
}

#sphere > img {
    width: 245px;
    margin: 0 auto;
    display: table;
}

/**** end modifs 23 dec 2015 ****/

/**** begin modifs 7 janvier 2016 ****/

div#accueilReKrute {
    background-image: url("../images/visuel-iDAYS-Home_HD-2014-v4.png");
    background-position: 0 center;
}

#accueilReKrute > h1 {
    margin-top: 20px;
}

#accueilReKrute .banner-bkg {
    width: 100% !important;
}

#accueilReKrute #banner_title {
    text-align: center;
    top: 265px !important;
    width: 100%;
}

#banner_title h2 {
    color: yellow;
    font-style: normal;
}

#prices-idays-customers {
    border-spacing: 0;
    width: 100%;
}

#prices-idays-customers td {
    font-size: 11px;
    padding: 10px 0;
}

#prices-idays-customers tr.title td {
    font-size: 13px;
    font-weight: bold;
    padding-top: 20px;
}

#prices-idays-customers tr.title td {
    border-top: 1px dotted #ccc;
}

#prices-idays-customers .td-1 {
    width: 55%;
}

#prices-idays-customers .td-2, #prices-idays-customers .td-3, #prices-idays-customers .td-4 {
    color: #fff;
    text-align: center;
    width: 15%;
}

#prices-idays-customers .td-2 {
    background: #bd0f11;
}

#prices-idays-customers .td-3 {
    background: #9C1719;
}

#prices-idays-customers .td-4 {
    background: #931B20;
}

#prices-idays-customers tr:first-child .td-2, #prices-idays-customers tr:first-child .td-3, #prices-idays-customers tr:first-child .td-4 {
    font-size: 22px;
    padding: 25px 0;
}

.infos-stars {
    font-size: 10px;
    font-style: italic;
}

.nota-bene {
    font-size: 11px;
}

.pack-details {
    border-top: 1px dotted;
    font-size: 11px;
    padding-bottom: 15px;
}

.pack-details h2 {
    color: #000;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    padding-bottom: 15px;
    padding-top: 15px;
}

.advises {
    border-top: 1px dotted #ccc;
    font-size: 11px;
}

#prices-idays-customers .title-bkg td, #prices-idays-customers .subtitle-bkg td {
    background: #2E2E2E;
}

#prices-idays-customers .title-bkg td {
    font-weight: bold;
    padding-bottom: 0;
}

#prices-idays-customers .title-bkg td:first-child {
    color: #fff;
    padding-left: 20px;
}

#prices-idays-customers .subtitle-bkg td {
    font-size: 8px;
    height: 10px;
    padding-top: 0;
}

#prices-idays-customers td span.euro {
    font-size: 8px;
}

#accueilReKrute #banner_title {
    top: 300px !important;
}

.benefices #accueilReKrute #banner_title {
    top: 255px !important;
}

/**** end modifs 7 janvier 2016 ****/