html, body
	{
		height: 100%;
	}
	
	body
	{
		margin: 0px;
		padding: 0px;
		background: #151515;
		font-family: 'Open Sans', sans-serif;
		font-size: 11pt;
		font-weight: 300;
		color: #6c6c6c
	}
	
	
	p, ol, ul
	{
		margin-top: 0;
	}
	
	ol, ul
	{
		padding: 0;
		list-style: none;
	}
	
	p
	{
		line-height: 180%;
	}
	
	strong
	{
	}
	
		
	.container
	{
		margin: 0px auto;
		width: 1200px;
	}
	
/*********************************************************************************/
/* Image Style                                                                   */
/*********************************************************************************/

	.image
	{
		display: inline-block;
	}
	
	.image img
	{
		display: block;
		width: 100%;
	}
	
	.image-full
	{
		display: block;
		width: 100%;
		margin: 0 0 2em 0;
		}		
	.image-left
	{
		float: left;
		margin: 0 2em 2em 0;
	}
	
	.image-centered
	{
		display: block;
		margin: 0 0 2em 0;
	}
	
	.image-centered img
	{
		margin: 0 auto;
		width: auto;
	}

/*********************************************************************************/
/* List Styles                                                                   */
/*********************************************************************************/

	ul.style1
	{
		margin: 0;
		padding: 0em 0em 0em 0em;
		overflow: hidden;
		list-style: none;
		color: #6c6c6c
	}
	
	ul.style1 li
	{
		overflow: hidden;
		display: block;
		padding: 1.50em 0em;
		border-top: 1px solid #D1CFCE;
		font-size: 0.8em;
	}
	
	ul.style1 li:first-child
	{
		padding-top: 0;
		border-top: none;
	}

	ul.style1 .image-left
	{
		margin-bottom: 0;
	}

	ul.style1 li h3
	{
		padding: 0.8em 0em 1em 0em;
		letter-spacing: 0.10em;
		text-transform: uppercase;
		font-size: 1.5em;
		font-weight: 600;
		color: #454445;
	}

	ul.style1 a
	{
		text-decoration: none;
		color: #525252;
	}

	ul.style1 a:hover
	{
		text-decoration: underline;
		color: #525252;
	}

	ul.style2
	{
		margin: 0;
		padding-top: 1em;
		list-style: none;
	}
	
	ul.style2 li
	{
		border-top: solid 1px #E5E5E5;
		padding: 0.80em 0;
	}

	

	ul.style2 li:first-child

	{

		border-top: 0;

		padding-top: 0;

	}



/*********************************************************************************/

/* Social Icon Styles                                                            */

/*********************************************************************************/



	ul.contact

	{

		margin: 0;

		padding: 2em 0em 0em 0em;

		list-style: none;

	}

	

	ul.contact li

	{

		display: inline-block;

		padding: 0em 0.30em;

		font-size: 2.5em;

	}

	

	ul.contact li span

	{

		display: none;

		margin: 0;

		padding: 0;

	}

	

	ul.contact li a

	{

		color: #FFF;

	}

	

	ul.contact li a:before

	{

		display: inline-block;

		background: #3f3f3f;

		width: 70px;

		height: 70px;

		line-height: 70px;

		border-radius: 35px;

		text-align: center;

		color: #FFFFFF;

	}

	

	ul.contact li a.icon-twitter:before { background: #2DAAE4; }

	ul.contact li a.icon-facebook:before { background: #39599F; }

	ul.contact li a.icon-dribbble:before { background: #C4376B;	}

	ul.contact li a.icon-tumblr:before { background: #31516A; }

	ul.contact li a.icon-rss:before { background: #F2600B; }



/*********************************************************************************/

/* Button Style                                                                  */

/*********************************************************************************/

	.button

	{

		display: inline-block;

		padding: 1em 3em;

		background: #068900;

		-moz-transition: opacity 0.25s ease-in-out;

		-webkit-transition: opacity 0.25s ease-in-out;

		-o-transition: opacity 0.25s ease-in-out;

		-ms-transition: opacity 0.25s ease-in-out;

		transition: opacity 0.25s ease-in-out;

		letter-spacing: 0.20em;

		text-decoration: none;

		text-transform: uppercase;

		font-weight: 600;

		color: #FFF;

	}



		.button:hover

		{

			-moz-transition: opacity 0.25s ease-in-out;

			-webkit-transition: opacity 0.25s ease-in-out;

			-o-transition: opacity 0.25s ease-in-out;

			-ms-transition: opacity 0.25s ease-in-out;

			transition: opacity 0.25s ease-in-out;

			background: #48ED22;

		}

		

		.button:active

		{

			-moz-transition: opacity 0.25s ease-in-out;

			-webkit-transition: opacity 0.25s ease-in-out;

			-o-transition: opacity 0.25s ease-in-out;

			-ms-transition: opacity 0.25s ease-in-out;

			transition: opacity 0.25s ease-in-out;

			background: #40D31F;

		}

		

		.button-big

		{

			padding: 1.6em 4em;

			font-size: 1.4em;

			font-weight: 900;

		}

			

/*********************************************************************************/

/* Heading Titles                                                                */

/*********************************************************************************/



	.title

	{

		margin-bottom: 3em;

	}



	.title h2

	{

		font-weight: 400;

		font-size: 2.8em;

		color: #323232;

	}

	

	.title .byline

	{

		letter-spacing: 0.15em;

		text-transform: uppercase;

		font-weight: 400;

		font-size: 1.1em;

		color: #068900;

	}


/*********************************************************************************/

/* Logo                                                                          */

/*********************************************************************************/

	#logo
	{
		position: absolute;

		top: 3em;

		left: 0;

		width: 100%;

	}

	#logo h1

	{

		display: inline-block;

		font-size: 2.5em;

		text-transform: uppercase;

		font-weight: 700;

		color: #FFF;

	}

	

	#logo a

	{

		text-decoration: none;

		color: #FFF;

	}



/*********************************************************************************/

/* Menu                                                                          */

/*********************************************************************************/



	#menu

	{

		position: absolute;

		right: 0;

		top: 3.5em;

	}

	

	#menu ul

	{

		display: inline-block;

	}

	

	#menu li

	{

		display: block;

		float: left;

		text-align: center;

	}

	

	#menu li a, #menu li span

	{

		display: block;

		margin: 0px 1px;

		padding: 0em 1.5em;

		letter-spacing: 0.20em;

		line-height: 50px;

		text-decoration: none;

		font-size: 0.90em;

		font-weight: 600;

		text-transform: uppercase;

		outline: 0;

		color: #FFF;

	}

	

	#menu li:hover a, #menu li.active a, #menu li.active span

	{

		background: #068900;

		color: #FFF;

	}

	

	#menu .current_page_item a

	{

		background: #068900;

		color: #FFF;

	}



/*********************************************************************************/

/* Banner                                                                        */

/*********************************************************************************/

	

	#banner-wrapper

	{

		overflow: hidden;

		padding: 5em 0em;

		background: #F6F6F6;

	}



	#banner .box-left

	{

		float: left;

	}



	#banner .box-right

	{

		float: right;

	}

	

	#banner h2

	{

		margin: 0em;

		padding: 0em;

		font-weight: 400;

		font-size: 3em;

		color: #3E454C;

	}

	

	#banner span

	{

		display: block;

		padding-top: 0.50em;

		font-size: 1.4em;

		color: #068900;

	}



/*********************************************************************************/

/* Page                                                                          */

/*********************************************************************************/



	#wrapper

	{
		background: #FFF;
	}

	

	#page
	{

		overflow: hidden;
		padding: -5em 0em;
	}



/*********************************************************************************/

/* Content                                                                       */

/*********************************************************************************/

	#content2
	{
		float: left;
		width: 820px;
	}

	#content3
	{
		float: center;
		width: 1100px;
	
	}
/*********************************************************************************/

/* Sidebar                                                                       */

/*********************************************************************************/

	#sidebar
	{
		float: right;
		width: 350px;
	}

	#stwo-col
	{
		margin-top: 0em;
	}

	#stwo-col h2
	{
		display: block;
		padding-bottom: 1.5em;
		letter-spacing: 0.10em;
		text-transform: uppercase;
		font-size: 1.2em;
		font-weight: 600;
		color: #454445;
	}



	#stwo-col .sbox1

	{
		float: left;
		width: 210px;
	}

	#stwo-col .sbox2
	{
		float: right;
		width: 210px;
	}


/*********************************************************************************/

/* One Column                                                                    */

/*********************************************************************************/

	#onecolumn
	{
		margin-top: 0em;
	}

	#onecolumn .title
	{
		margin-bottom: 1em;
	}

	#onecolumn .title h2
	{
		font-size: 1.8em;
	}
	
/*********************************************************************************/
/* entreprise menu                                                                  */
/*********************************************************************************/
.post1_ent{
  margin-top: 5px;
  background: #ffffff;
  border: 1px solid #D1CFCE;
  text-align: left;
  padding: 23px 17px 25px 20px;
  margin-bottom:15px;
}

.img-wrapper4 {
  width: 100px;
  height: 100px;
  overflow: hidden;
  display: inline-block;
  margin-top:5px;
  
}

.post1_ent h1 {
  padding-left: 120px;
  margin-top: -65px;
  position: relative;
  display: inline-block;
  margin-bottom: 35px;
  font-size: 20px;
}

.post1_ent h2 {
  font-size: 20px;
}

.post1_ent h3 {
  font-size: 18px;
}

.post1_ent h3 {
  font-size: 18px;
}
.post1_ent .post12 h3 {
  font-size: 15px;
}

.post1_ent p {
  margin-left: 0px; 
}

.post1_ent a {
  color:#f54f29;
}

.post1_ent .header6 a {
  color: #6600FF;
}

.post1_ent .post12 p {
  text-align:left;
  font: 400 15px/16px "Inder", sans-serif;
   display:block;
   padding-top: 10px; 
}

.post1_ent .post12 .post11_p2 {
  margin-top: 5px;
  font-size: 13px; 
  color:#333333;
}

.post1_num {
  position: relative;
  display: block;
  margin-bottom: 5px; 
  font-size: 20px;
}

.ent_notation{
position: relative;
margin-top: -25px;
 text-align: right;
 padding-right:20px;
}

.ent_titre{
position: relative;
margin-top: -5px;
margin-bottom: 0px;
text-align: left;
}
.ent_titre_moyen{
position: relative;
margin-top: -5px;
margin-bottom: 0px;
text-align: center;
}

.ent_titre p{
display: block;
margin-top: -10px;
font-size: 12px;
}

.ent_titre2{
position: relative;
margin-top: -5px;
margin-bottom: 25px;
text-align: left;
}
.ent_titre2 span{
  display: block;
  font-size: 14px;
  color:#f54f29;
}

.ent_titre3{
position: relative;
margin-left:150px;
text-align: left;
}

.ent_titre3 h3 {
margin-top: -155px;
text-align: left;
font-size:15px;
}

.ent_titre3 span a{
font-size:15px;
color:#4169E1;
}

.ent_titre3 p{
position: relative;
text-align: left;
margin-left:0px;
padding-top:10px;
font-style: italic;
}

.post1_ent .btn-default2 {
position: relative;
margin-left: 550px;
color:#FFFFFF;
}

.post1_ent .btn-default3 {
position: relative;
margin-left: 600px;
margin-bottom:-5px;
color:#FFFFFF;
}
/************************page entreprise  partie connexion*************************************/
.post2_ent {
  margin-top: 10px;
  background: url(../img_valide/lejustesalaire-evolution-salaire-smic.jpg) no-repeat;
  padding: 25px 17px 150px 20px;
  margin-bottom:15px;
}

.post2_ent a {
 color:#f54f29;
 font-weight: 400;
 font-size:16px;
}

.post2_ent a  :hover{
 color:#B2CEE0;
}

/************************page entreprise  partie entete et menu de entreprise*****************slider2e.png********************/
.post3_ent{
  margin-top: 5px;
  background: url(../images/slider2e.png) repeat;
  border: 1px solid #D1CFCE;
  text-align: left;
  padding: 23px 17px 25px 20px;
  margin-bottom:15px;
}

.post3_ent h1 {
  padding-left: 120px;
  margin-top: -55px;
  position: relative;
  display: inline-block;
  margin-bottom: 35px;
  font-size: 22px;
  color: white;
    text-shadow: 2px 2px 4px #000000;
}
.table_salaire1 {
font-size:13px;
}

.tr_sal td {
font-weight:bold;
text-align:center;
}

.table_post td {
text-align:center;
color: #666;
font-weight: bold;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
font-size:17px;
 border-bottom: 1px solid #f54f29;
 padding-bottom: 15x;
}

/************************page entreprise  partie avis*************************************/
.post4_ent{
  margin-top: 5px;
  background: #dddddd;
  text-align: center;
  padding: 23px 0px 25px 0px;
  margin-bottom:15px;
}
/************************page  connexion*************************************/
.post_connex {
  margin-top: -10px;
  background: url(../img_valide/lejustesalaire-evolution-salaire-smic.jpg) no-repeat center;
  height:400px;
   width:100%;
   position: relative;  
  padding: 30px 17px 50px 20px;
  margin-bottom:15px;
  text-align:center;
  -webkit-background-size: cover;     
-moz-background-size: cover;     
-o-background-size: cover;     
background-size: cover; 
 float: none;
}
  
  
/************************page salaire par metier*****************slider2e.png********************/
.post_sal{
  margin-top: 5px;
  background: url(../images/slider2e.png) repeat;
  border: 1px solid #D1CFCE;
  text-align: left;
  padding: 23px 17px 25px 20px;
  margin-bottom:15px;
}

.post_sal h1 {
  padding-left: 20px;
  margin-top: 10px;
  position: relative;
  display: inline-block;
  margin-bottom: 35px;
  font-size: 22px;
  color: white;
    text-shadow: 2px 2px 4px #000000;
}
.post_pos{
  margin-top: 5px;
  background: url(../img_valide/salaire-par-metier.jpg) no-repeat center;
  border: 1px solid #D1CFCE;

  padding: 23px 17px 25px 20px;
  margin-bottom:15px;
}

.post_pos h1 {
  padding-left: 20px;
  margin-top: 10px;
   text-align:left;
  position: relative;
  display: inline-block;
  margin-bottom: 35px;
  font-size: 22px;
  color: white;
  text-shadow: 2px 2px 4px #000000;
}

.post_pos span {
 text-align:center;
  margin-top: 10px;
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
  font-size: 20px;
  color: #eae1cf;
  text-shadow: 2px 2px 4px #000000;
  
}

/************************page salaire par poste*****************slider2e.png********************/

.salaire_post{
  margin-top: 5px;
  background: url(../img_valide/lejustesalaire-salaire-par-poste1.jpg) no-repeat center;
height:260px;
 border: 1px solid #D1CFCE;
  padding: 23px 17px 25px 20px;
  margin-bottom:15px;
}
.salaire_post1{
  margin-top: 5px;
  background: url(../img_valide/lejustesalaire-salaire-par-poste2.jpg) no-repeat center;
  height:260px;
  border: 1px solid #D1CFCE;
  padding: 23px 17px 25px 20px;
  margin-bottom:15px;
}
.salaire_post2{
  margin-top: 5px;
  background: url(../img_valide/lejustesalaire-salaire-par-poste3.jpg) no-repeat center;
  height:260px;
  border: 1px solid #D1CFCE;
  padding: 23px 17px 25px 20px;
  margin-bottom:15px;
}
.salaire_post3{
  margin-top: 5px;
  background: url(../img_valide/lejustesalaire-salaire-par-poste5.jpg) no-repeat center;
  height:260px;
  border: 1px solid #D1CFCE;
  padding: 23px 17px 25px 20px;
  margin-bottom:15px;
}

.salaire_post_titre h1 {
  padding-left: 20px;
  margin-top: 10px;
   text-align:left;
  position: relative;
  display: inline-block;
  margin-bottom: 35px;
  font-size: 22px;
  color: white;
  text-shadow: 2px 2px 4px #000000;
}

.sala_poste p {
   margin-top: -40px;
  font-size: 14px;
  color: #fff;
  background:rgba( 106, 90, 205, 0.8 );
  padding-top:5px;
  padding-left:5px;
  padding-bottom:10px;
}

.sala_poste span {
 font-weight: bold;
}
/**********page salaire poste detail*****rgba( 249, 152, 25, 0.8 );*****************************/

.salaire_post_titre1{
  margin-top: -50px;
   text-align:left;
  position: relative;
  display: inline-block;
  margin-bottom: 0px;
    /*background:rgba( 255, 255, 255, 0.6 );*/
  margin-left:-20px;
  padding-left:20px;
  padding-top:10px;
  width:800px; 
}

.salaire_post_titre1 h1 {
  font-size: 24px;
  color: #f54f29;
  font-weight: bold;
  font-family:Arial;
}

.salaire_post_titre1bis {
  color: #5e5d5d;
  margin-top:-35px;
  font-size: 16px;
    font-family:Tahoma;
	font-weight: bold;
	margin-bottom: 10px;
}

.salaire_post_titre1 span {
  font-size: 13px;
   color: #333;
}

/************************page avis******#7d7a7a*******************************/
.post_avis{
 margin-top: 40px;
 margin-bottom: 40px;
 padding-right: 20px;
}

@media (max-width: 979px) {
 .post_avis {
   padding-right: 0;
 }

}

/************************page salaire par metier*************************************/
.sal_metier{
 height:200px;
 font-size:13px;
 padding-top:5px;
 padding-left:5px;
 background:rgba(218, 207, 184, 0.6);
}

.metier1{
color:#6A5ACD;
 font-size:14px;
  font-weight: bold;
 }
 
 .sal_metier1{
 height:200px;
 font-size:13px;
 padding-top:5px;
 padding-left:5px;
 margin-top:-10px;
 margin-left:-400px;
 position:absolute;
  background:rgba(218, 207, 184, 0.7);
}
.metier-selected{
background:#f4a508;
}
.post1_ent{
  margin-top: 5px;
  background: #ffffff;
  border: 1px solid #D1CFCE;
  text-align: left;
  padding: 23px 17px 25px 20px;
  margin-bottom:15px;
}

.moyen_metier{
position: relative;
margin: 10px auto;
text-align:center;
overflow:hidden;

}
.left{
float:left;
width:48%;
}

#grafico{
position:relative;
height:280px;
width:100%;
margin-top:0px;
margin-left:10px;
}