@font-face {
    font-family: 'open_sans_condensedbold';
    src: url('../fonts/OpenSans/OpenSans-CondBold-webfont.eot');
    src: url('../fonts/OpenSans/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans/OpenSans-CondBold-webfont.woff') format('woff'),
         url('../fonts/OpenSans/OpenSans-CondBold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans/OpenSans-CondBold-webfont.svg#open_sans_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*-------------------Espace BIEP----------------------------*/
#menubiep1, #menubiep2, #menubiep3{
	list-style: outside none none;
  margin: 0 0 10px -20px;
}
#menubiep1 a#esprecrut, #menubiep2 a#espcand, #menubiep3 a#espapren{
	border-radius: 5px;
	display: inline-block;
	font-family: open_sans_condensedbold;
	font-size: 1.2em;
	padding: 8px 0 8px 15px;
	text-transform: uppercase;
	width: 255px;
}
#menubiep1 ul.menu li, #menubiep2 ul.menu li, #menubiep3 ul.menu li{
	list-style-image: none;
	list-style-type: disc;
	margin: 5px 0 5px -10px;
}
#menubiep1 ul.menu, #menubiep2 ul.menu, #menubiep3 ul.menu{
	margin-bottom: 15px;
}
#menubiep1 a#esprecrut{
	background-color: #ffb612;
}
#menubiep2 a#espcand{
	background-color: #9bbb59;
}
#menubiep3 a#espapren{
	background-color: #3e7184;
	color: #fff;
}

.js .biep-resultats {
  display: none;
}
.js .biep-pagination {
  display: none;
}

/*-------------------Espace Remuneration----------------------------*/
.node-type-ma-r-mu-fiche-fonctionnaire .article p, .node-type-ma-r-mu-page .article p{
	font-size: 1.1em !important;
}
.node-type-ma-r-mu-fiche-fonctionnaire #FildAriane, .node-type-ma-r-mu-page #FildAriane{
	margin-bottom: 10px;
}
.node-type-ma-r-mu-fiche-fonctionnaire .article ul, .node-type-ma-r-mu-page .article ul{
	font-size: 1.1em !important;
	margin-left: 5px;
}
.node-type-ma-r-mu-fiche-fonctionnaire .article ul li, .node-type-ma-r-mu-page .article ul li{
	/*list-style-image: url("../img/maremu/list1.png");*/
	line-height: 1.5em;
	padding-left: 20px;
}
.node-type-ma-r-mu-fiche-fonctionnaire .article ul li::before, .node-type-ma-r-mu-page .article ul li::before{
	background: url("../img/maremu/list3.png") no-repeat;
	height: 15px;
	width: 15px;
	top: 3px;
}
.node-type-ma-r-mu-page .catA, .node-type-ma-r-mu-page .catB{
	margin-right : 10px;
}

/*Calculateur d'indice*/
.node-type-ma-r-mu-page .contextual-links-region h2.title-style-5{
  border-radius: 0;
}
.node-type-ma-r-mu-page .contextual-links-region #remuneration-form{
	display: inline-block;
  margin-bottom: 30px;
}
.node-type-ma-r-mu-page .contextual-links-region #remuneration-form label{
	text-align: left;
	width: auto;
}
.node-type-ma-r-mu-page .contextual-links-region #remuneration-form input#edit-indice{
	border: 1px solid #02769c;
	border-radius: 3px;
	padding-left: 10px;
	width: 80px;
}
.node-type-ma-r-mu-page .contextual-links-region #remuneration-form input#edit-submit{
	background-color: #02769c;
	border-radius: 3px;
	height: 32px;
	margin-left: 10px;
	width: 110px;
}
.node-type-ma-r-mu-page .contextual-links-region #remuneration-form .calucl-remu{
	display: inline-block;
	font-size: 1.2em;
	width: 100%;
}
.node-type-ma-r-mu-page .contextual-links-region #remuneration-form .calucl-remu .gain-1{

}
.node-type-ma-r-mu-page .contextual-links-region #remuneration-form .calucl-remu .gain-2{

}
.node-type-ma-r-mu-page .contextual-links-region #remuneration-form .calucl-remu .gain-total{
	color: #2b2e83;
	font-size: 1.1em;
	font-weight: bold;
}

/*Page d'accueil*/
.node-type-ma-r-mu-page .pa-ma-remu .article h1{
	display: none;
}

.node-type-ma-r-mu-page main{
	width : 100%;
}

.node-type-ma-r-mu-page .pa-ma-remu .region-content{
	float: left;
  width: 63%;
}

.node-type-ma-r-mu-page .ma-remu-quoi-de-neuf{
	float: right;
	box-shadow: 0 0 5px #c6c6c5;
	margin-right: 45px;
  width: 31%;
}

.node-type-ma-r-mu-page .QDNMetier, .node-type-ma-r-mu-page .QDNCat, .node-type-ma-r-mu-page .PPCR-DQS, .node-type-ma-r-mu-page .EtEnsuite, .node-type-ma-r-mu-page .catA, .node-type-ma-r-mu-page .catB, .node-type-ma-r-mu-page .catC, .node-type-ma-r-mu-page .primes-points, .node-type-ma-r-mu-page .avancee-txt{
	box-shadow: 0 0 5px #c6c6c5;
}
.node-type-ma-r-mu-page .QDNMetier{
	margin-right : 15px;
	margin-bottom : 15px;
}
.node-type-ma-r-mu-page .QDNCat{
	margin-bottom : 15px;
}
.node-type-ma-r-mu-page .PPCR-DQS, .node-type-ma-r-mu-page .primes-points{
	margin-right : 15px;
}
.node-type-ma-r-mu-page .EtEnsuite{

}

.node-type-ma-r-mu-page .ma-remu-quoi-de-neuf .view-header{
	/*background: #02769c url("/sites/all/themes/fp2015/assets/img/maremu/QDNparDate.png") no-repeat scroll center center;*/
  background-color: #02769c;
	border-radius: 0;
  height: 115px;
  width: 350px;
}
.node-type-ma-r-mu-page .ma-remu-quoi-de-neuf .view-header img{
	margin: 10px 10px 10px 70px;
}
.node-type-ma-r-mu-page .ma-remu-quoi-de-neuf .view-content ul{
	padding-bottom: 0;
  padding-top: 20px;
}
.node-type-ma-r-mu-page .ma-remu-quoi-de-neuf .view-content li{
	font-size: 1.2em;
  line-height: 1.3em;
  list-style-type: none;
  margin-bottom: 15px;
  margin-left: 8px;
	min-height: 55px;
  padding-left: 65px;
}
.node-type-ma-r-mu-page .ma-remu-quoi-de-neuf .view-content li a{
	text-decoration: none;
}
.node-type-ma-r-mu-page .ma-remu-quoi-de-neuf .view-content li .date-display-single{
	color: #02769c;
}
.node-type-ma-r-mu-page .ma-remu-quoi-de-neuf .view-content li .views-field-title{
	color: #02769c;
	margin-bottom: 0;
	padding-bottom: 0;
}
.node-type-ma-r-mu-page .ma-remu-quoi-de-neuf .view-content li .views-field-body p{
	padding: 0;
	margin: 0;
}
.node-type-ma-r-mu-page .ma-remu-quoi-de-neuf .view-content li.views-row-1{
	background: url("../img/maremu/1.png") no-repeat;
}
.node-type-ma-r-mu-page .ma-remu-quoi-de-neuf .view-content li.views-row-2{
	background: url("../img/maremu/2.png") no-repeat;
}
.node-type-ma-r-mu-page .ma-remu-quoi-de-neuf .view-content li.views-row-3{
	background: url("../img/maremu/3.png") no-repeat;
}
.node-type-ma-r-mu-page .ma-remu-quoi-de-neuf .view-content li.views-row-4{
	background: url("../img/maremu/4.png") no-repeat;
}
.node-type-ma-r-mu-page .ma-remu-quoi-de-neuf .view-content li .views-field-counter{
	display: none;
}

/*Page standard*/
.node-type-ma-r-mu-page h1{
  color: #2b2e83;
  font-family: "open_sans_condensedbold",Arial,Helvetica,sans-serif;
  font-size: 2.2em;
  font-weight: normal;
  margin: 1em 0;
}
.node-type-ma-r-mu-page h2{
	background: #fff none repeat scroll 0 0;
	border-left: 3px solid #02769c;
  color: #02769c;
  font-family: open_sans_condensedbold;
  font-size: 1.8em;
  font-weight: normal;
  margin: 10px 0;
  padding: 0 0 0 10px;
}
.node-type-ma-r-mu-page h3{
	color: #02769c;
  font-family: open_sans_condensedbold;
  font-size: 1.5em;
  font-weight: normal;
  margin: 1em 0 0.5em;
}
.node-type-ma-r-mu-page article{
	margin-bottom: 40px;
}
.node-type-ma-r-mu-page ul:not(.sf-menu-fonction-publique.sf-menu.menu) li::before{
	background: #02769c none repeat scroll 0 0;
}

.listremucoldr{
	background-color: #f5f5f5;
	border: 2px solid #02769c;
	float: right;
	margin: 0 0 20px 20px;
	position: relative;
	z-index: 1;
}
.listremucoldr h2{
    background-color: #02769c;
    border: 0 none;
    color: #fff;
    font-family: open_sans_condensedbold;
    font-size: 1.3em;
    font-weight: normal;
    margin: 0 0 10px;
}
.listremucoldr ul {
	margin: 15px !important;
}
.listremucoldr ul li{
	font-size: 1em;
}


/*Page Quoi de neuf par date?*/
.revalorisation.mobile{display: none;}
table.revalorisation th.vide {
    background-color: #fff;
    border: 1px solid #fff;
}
table.revalorisation tbody th {
    background-color: #02769c;
    font-family: open_sans_condensedbold;
    font-size: 1.3em;
    font-weight: normal;
    width: 92px;
}
table.revalorisation thead th {
    background-color: #02769c;
    font-family: open_sans_condensedbold;
    font-size: 1.4em;
    font-weight: normal;
    text-align: center;
}
table.revalorisation tbody td{
	font-size: 1.1em;
	line-height: 1.5em;
	width: 165px;
}
table.revalorisation tbody td p{
	font-size: 1em !important;
	line-height: 1.3em;
}
table.revalorisation tbody td.imgqdnpd {
    background-color: #fff !important;
    vertical-align: middle;
    width: 55px;
}
table.revalorisation tr:nth-child(2n+1) td {
	background-color: #f5f5f5;
}
.article table.revalorisation tr:last-child td{
	border: 1px solid #fff;
}

/*Page metiers*/
.node-type-ma-r-mu-page .pa-metiers h1{
	display: none;
}
.node-type-ma-r-mu-page .pa-metiers .region-content, .node-type-ma-r-mu-fiche-fonctionnaire .region-content{
	float: right;
  width: 70%;
	margin-right: 10px;
}
.ma-remu-gauche{
	float: left;
  width: 25%;
}

.ma-remu-gauche ul.menu{
	margin: 0;
	padding:0;
}
.ma-remu-gauche ul.menu li{
	list-style-type: none;
	list-style-image: none;
}
.ma-remu-gauche ul.menu li a.menu-metiers{
	color: #fff;
  display: inline-block;
  font-family: "open_sans_condensedbold",Arial,Helvetica,sans-serif;
  font-size: 1.5em;
  margin-bottom: 5px;
  padding: 5px 2px 5px 10px;
  text-transform: uppercase;
  width: 290px;
}

.node-type-ma-r-mu-page .pa-metiers .ma-remu-gauche ul.menu li a.menu-metiers-medicaux, .node-type-ma-r-mu-fiche-fonctionnaire .ma-remu-gauche ul.menu li a.menu-metiers-medicaux{
	background-color:#EA5456;
}
.node-type-ma-r-mu-page .pa-metiers .ma-remu-gauche ul.menu li a.menu-metiers-administratifs, .node-type-ma-r-mu-fiche-fonctionnaire .ma-remu-gauche ul.menu li a.menu-metiers-administratifs{
	background-color:#6B8B2C;
}
.node-type-ma-r-mu-page .pa-metiers .ma-remu-gauche ul.menu li a.menu-metiers-secu, .node-type-ma-r-mu-fiche-fonctionnaire .ma-remu-gauche ul.menu li a.menu-metiers-secu{
	background-color:#0F908C;
}
.node-type-ma-r-mu-page .pa-metiers .ma-remu-gauche ul.menu li a.menu-metiers-animation, .node-type-ma-r-mu-fiche-fonctionnaire .ma-remu-gauche ul.menu li a.menu-metiers-animation{
	background-color:#51684f;
}
.node-type-ma-r-mu-page .pa-metiers .ma-remu-gauche ul.menu li a.menu-metiers-enseignants, .node-type-ma-r-mu-fiche-fonctionnaire .ma-remu-gauche ul.menu li a.menu-metiers-enseignants{
	background-color:#8B6888;
}
.node-type-ma-r-mu-page .pa-metiers .ma-remu-gauche ul.menu li a.menu-metiers-social, .node-type-ma-r-mu-fiche-fonctionnaire .ma-remu-gauche ul.menu li a.menu-metiers-social{
	background-color:#E62263;
}
.node-type-ma-r-mu-page .pa-metiers .ma-remu-gauche ul.menu li a.menu-metiers-secu-muni, .node-type-ma-r-mu-fiche-fonctionnaire .ma-remu-gauche ul.menu li a.menu-metiers-secu-muni{
	background-color:#B68B11;
}
.node-type-ma-r-mu-page .pa-metiers .ma-remu-gauche ul.menu li a.menu-metiers-sport, .node-type-ma-r-mu-fiche-fonctionnaire .ma-remu-gauche ul.menu li a.menu-metiers-sport{
	background-color:#88867B;
}
.node-type-ma-r-mu-page .pa-metiers .ma-remu-gauche ul.menu li a.menu-metiers-culture, .node-type-ma-r-mu-fiche-fonctionnaire .ma-remu-gauche ul.menu li a.menu-metiers-culture{
	background-color:#1A96A9;
}
.node-type-ma-r-mu-page .pa-metiers .ma-remu-gauche ul.menu li a.menu-metiers-autres, .node-type-ma-r-mu-fiche-fonctionnaire .ma-remu-gauche ul.menu li a.menu-metiers-autres{
	background-color:#E96253;
}
.pa-metiers .texte-metier{display: none;}
.pa-metiers .texte-metier{display: none;}
.ma-remu-gauche ul.menu li ul.menu{
	margin: 10px 15px;
}
.ma-remu-gauche ul.menu li ul.menu li ul.menu{
	margin: 10px 5px;
}
.ma-remu-gauche ul.menu li ul.menu li{
	list-style-type: disc;
	color: #2b2e83;
  list-style-image: none;
}
.ma-remu-gauche ul.menu li ul.menu li ul.menu li{
	list-style-type: square;
	font-weight: normal;
	color: #02769c;
}
.ma-remu-gauche ul.menu li ul.menu li.active-trail, .ma-remu-gauche ul.menu li ul.menu li ul.menu li.active-trail  {
	font-weight: bold;
}
.node-type-ma-r-mu-page .pa-metiers article p a{margin-right: 10px;}
.node-type-ma-r-mu-page .pa-metiers article p a:last-child{margin-right: 0;}

/*.node-type-ma-r-mu-page .pa-metiers .infirmiers{
	margin-right: 10px;
}
.node-type-ma-r-mu-page .pa-metiers .administratifs{
	margin-right: 10px;
}
.node-type-ma-r-mu-page .pa-metiers .enseignants{
	margin-right: 10px;
}
.node-type-ma-r-mu-page .pa-metiers .social{
	margin-right: 10px;
}*/

.listremu ul{
	margin-top: 35px !important;
}
.listremu ul li{
	display: inline-table;
	font-family: open_sans_condensedbold;
	font-size: 1.3em;
	height: 145px;
	margin-bottom: 5px;
	margin-right: 5px;
	padding: 5px 10px !important;
	text-align: center;
	width: 145px;
}
.listremu ul li a {
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 5px;
	color: #000;
	display: block;
	font-size: 0.8em;
	height: 70px;
	line-height: 15px;
	margin-left: 3px;
	margin-top: 62px;
	padding: 5px;
	text-decoration: none !important;
	width: 116px;
}
.listremu ul li a:hover{
	text-decoration: underline !important;
	color: #2b2e83;
}

.node-type-ma-r-mu-fiche-fonctionnaire .article .listremu ul li::before, .node-type-ma-r-mu-page .article .listremu ul li::before{
	background: none;
}

/*Page fiche fonctionnaire*/
.node-type-ma-r-mu-fiche-fonctionnaire h1{
	margin: 10px 0;
}
.node-type-ma-r-mu-fiche-fonctionnaire .tableau h2{
	background: none;
	text-align: center;
	font-family: "open_sans_condensedbold",Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.5em;
	border-radius: 5px;
	margin-bottom: 20px;
	color: #2B2E83;
}

/*Page Infirmiers et paramedicaux*/
.node-type-ma-r-mu-fiche-fonctionnaire .param h1{
	color: #ea5456;
}
.node-type-ma-r-mu-fiche-fonctionnaire .param .tableau h2{
	border: 2px solid #ea5456;
}
.param .tableremu .tableau.table2 table.remu::before{
	background: url("../img/maremu/flecheGrilleRouge.png") no-repeat;
}
.param .listremu ul li{
	background: url("../img/maremu/InfirmiersEtParamedicaux2.png") no-repeat;
}


/*Page metiers administratifs*/
.node-type-ma-r-mu-fiche-fonctionnaire .administratif h1{
	color: #6b8b2c;
}
.node-type-ma-r-mu-fiche-fonctionnaire .administratif .tableau h2{
	border: 2px solid #6b8b2c;
}
.administratif .tableremu .tableau.table2 table.remu::before{
	background: url("../img/maremu/flecheGrilleVert.png") no-repeat;
}
.administratif .listremu ul li{
	background: url("../img/maremu/MetiersAdministratifs2.png") no-repeat;
}

/*Page metiers de la securite nationale*/
.node-type-ma-r-mu-fiche-fonctionnaire .securite-nationale h1{
	color: #0f908c;
}
.node-type-ma-r-mu-fiche-fonctionnaire .securite-nationale .tableau h2{
	border: 2px solid #0f908c;
}
.securite-nationale .tableremu .tableau.table2 table.remu::before{
	background: url("../img/maremu/flecheGrilleBleu.png") no-repeat;
}
.securite-nationale .listremu ul li{
	background: url("../img/maremu/MetiersSecuriteNationale2.png") no-repeat;
}

/*Page metiers de l animation*/
.node-type-ma-r-mu-fiche-fonctionnaire .animation h1{
	color: #51684f;
}
.node-type-ma-r-mu-fiche-fonctionnaire .animation .tableau h2{
	border: 2px solid #51684f;
}
.animation .tableremu .tableau.table2 table.remu::before{
	background: url("../img/maremu/flecheGrilleBleu.png") no-repeat;
}
.animation .listremu ul li{
	background: url("../img/maremu/MetiersAnimation2.png") no-repeat;
}

/*Page enseignants et metiers educatifs*/
.node-type-ma-r-mu-fiche-fonctionnaire .enseignants h1{
	color: #8b6888;
}
.node-type-ma-r-mu-fiche-fonctionnaire .enseignants .tableau h2{
	border: 2px solid #8b6888;
}
.enseignants .tableremu .tableau.table2 table.remu::before{
	background: url("../img/maremu/flecheGrilleViolet.png") no-repeat;
}
.enseignants .listremu ul li{
	background: url("../img/maremu/EnseignantsMetiersEducatifs2.png") no-repeat;
}

/*Page metiers du social*/
.node-type-ma-r-mu-fiche-fonctionnaire .social h1{
	color: #e62263;
}
.node-type-ma-r-mu-fiche-fonctionnaire .social .tableau h2{
	border: 2px solid #e62263;
}
.social .tableremu .tableau.table2 table.remu::before{
	background: url("../img/maremu/flecheGrilleRose.png") no-repeat;
}
.social .listremu ul li{
	background: url("../img/maremu/MetiersSocial2.png") no-repeat;
}

/*Page metiers de la securite municipale et intercommunale*/
.node-type-ma-r-mu-fiche-fonctionnaire .secumun h1{
	color: #B68B11;
}
.node-type-ma-r-mu-fiche-fonctionnaire .secumun .tableau h2{
	border: 2px solid #B68B11;
}
.secumun .tableremu .tableau.table2 table.remu::before{
	background: url("../img/maremu/flecheGrilleBleu.png") no-repeat;
}
.secumun .listremu ul li{
	background: url("../img/maremu/MetiersSecuriteMunicipale2.png") no-repeat;
}

/*Page metiers du sport*/
.node-type-ma-r-mu-fiche-fonctionnaire .sport h1{
	color: #88867B;
}
.node-type-ma-r-mu-fiche-fonctionnaire .sport .tableau h2{
	border: 2px solid #88867B;
}
.sport .tableremu .tableau.table2 table.remu::before{
	background: url("../img/maremu/flecheGrilleBleu.png") no-repeat;
}
.sport .listremu ul li{
	background: url("../img/maremu/MetiersSport2.png") no-repeat;
}

/*Page metiers de la culture*/
.node-type-ma-r-mu-fiche-fonctionnaire .culture h1{
	color: #1A96A9;
}
.node-type-ma-r-mu-fiche-fonctionnaire .culture .tableau h2{
	border: 2px solid #1A96A9;
}
.culture .tableremu .tableau.table2 table.remu::before{
	background: url("../img/maremu/flecheGrilleBleu.png") no-repeat;
}
.culture .listremu ul li{
	background: url("../img/maremu/MetiersCulture2.png") no-repeat;
}

/*Page metiers logistiques et techniques*/
.node-type-ma-r-mu-fiche-fonctionnaire .autres-metiers h1{
	color: #e96253;
}
.node-type-ma-r-mu-fiche-fonctionnaire .autres-metiers .tableau h2{
	border: 2px solid #e96253;
}
.autres-metiers .tableremu .tableau.table2 table.remu::before{
	background: url("../img/maremu/flecheGrilleOrange.png") no-repeat;
}
.autres-metiers .listremu ul li{
	background: url("../img/maremu/MetiersLogistiquesEtTechniques2.png") no-repeat;
}


/*Grilles*/
.tableau2cols{
  width: 700px;
}
.tableau2cols .tableau{
	max-width: 100% !important;
  width: 100% !important;
}
.flechetable{
	text-align: center;
	width: 700px;
}

.tableremu .tableau{
  max-width: 45%;
  display: inline-block;
  vertical-align: middle;
}
.tableremu .tableau.table2{
  margin-left: 50px;
  position: relative;
}
.tableremu .tableau.table2 table.remu::before{
  content: "";
  height: 50px;
  left: -40px;
  position: absolute;
  top: 50%;
  width: 30px;
}
.node-type-ma-r-mu-fiche-fonctionnaire .tableau .titreRemu{
	font-family: "open_sans_condensedbold",Arial,Helvetica,sans-serif;
	font-size: 1.3em !important;
	text-align: center;
}
.node-type-ma-r-mu-fiche-fonctionnaire .tableau table.remu{
	border : none;
	position: relative;
}
.node-type-ma-r-mu-fiche-fonctionnaire .param .tableau thead{

}
.node-type-ma-r-mu-fiche-fonctionnaire .tableau thead th{
	background-color: #2b2e83;
	font-family: "open_sans_condensedbold",Arial,Helvetica,sans-serif;
	font-size: 1em;
  font-weight: normal;
	height: 45px;
	text-align: center;
}
.node-type-ma-r-mu-fiche-fonctionnaire .tableau tbody td{
	/*border: 1px solid #dadad9;*/
	font-size: 1.1em;
  text-align: center;
	padding: 7px 12px;
}
.node-type-ma-r-mu-fiche-fonctionnaire .article table tr:nth-child(2n+1) td{
	background-color: #f5f5f5;
}
.node-type-ma-r-mu-fiche-fonctionnaire .article table tr:last-child td{
	border-bottom: 0px;
}
.node-type-ma-r-mu-fiche-fonctionnaire .article thead tr th:first-child{
	border-top-left-radius: 5px;
}
.node-type-ma-r-mu-fiche-fonctionnaire .article thead tr th:last-child{
	border-top-right-radius: 5px;
}


/*Menu Bas de page Ma r�mu*/
.ma-remu-pied-page{
	display: inline-block;
	margin-top: 45px;
	width:100%;
}
.ma-remu-pied-page ul.menu{
	padding: 0;
}
.ma-remu-pied-page ul.menu li#ma-remu-menu-bas-indice, .ma-remu-pied-page ul.menu li#ma-remu-menu-bas-comprendre, .ma-remu-pied-page ul.menu li#ma-remu-menu-bas-carriere{
	display: inline-block;
	height: 120px;
  list-style-image: none;
  list-style-type: none;
  width: 340px;
	box-shadow: 0 0 5px #c6c6c5;
}
.ma-remu-pied-page ul.menu li#ma-remu-menu-bas-indice{
	background: url("../img/maremu/MonIndice.png") no-repeat;
	margin-right: 25px;
}
.ma-remu-pied-page ul.menu li#ma-remu-menu-bas-comprendre{
	background: url("../img/maremu/MaRemuneration.png") no-repeat;
	margin-right: 25px;
}
.ma-remu-pied-page ul.menu li#ma-remu-menu-bas-carriere{
	background: url("../img/maremu/Carriere.png") no-repeat;
}
.ma-remu-pied-page ul.menu li#ma-remu-menu-bas-indice a, .ma-remu-pied-page ul.menu li#ma-remu-menu-bas-comprendre a, .ma-remu-pied-page ul.menu li#ma-remu-menu-bas-carriere a{
	display: block;
  font-family: "open_sans_condensedbold",Arial,Helvetica,sans-serif;
  font-size: 1.8em;
  height: 120px;
  padding-left: 100px;
  padding-top: 15px;
  width: 300px;
}

/*POPIN*/
#popinOverlay {
    background-color: rgba(135, 135, 135, 0.8);

  width:      100%;
  height:     100%;
  z-index:    10;
  top:        0;
  left:       0;
  position:   fixed;
/*    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(135, 135, 135, 0.8);
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    bottom: 0;
    display: block;
    left: 0;
    position: static;
    right: 0;
    top: 0;
    z-index: 10;*/
}

#popin {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #fff;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    margin-bottom: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 300px;
    position: relative;
    text-align: left;
    width: 45%;
}

.outerPopin {
	padding:20px;
	float: right;
}
.outerPopin img{
    padding-left : 10px;
}

.innerPopin {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    width: 70%;
    margin-right: 15%;
    margin-left: 15%;
}