.gly-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.contenuPage:not(#gabarit_mobile_contenuPage) {
	display:grid;
	grid-gap:3px; 
	grid-template-columns: auto 300px;
	grid-auto-rows: minmax(0, auto);
	align-items:center; 
	padding-bottom:3px;
}

.contenuPage article, 
.contenuPage #colonneDroite { align-self: start; }

#listeOffresEmploi { 
	width: 100%; 
	position: relative; 
	background:#fff;
	border:	1px solid #293a4e;
	padding:10px;
}

#listeOffresEmploi:before, 
#listeOffresEmploi::before {
	display:block;
	background: #293a4e;
	color:#fff;
	content: attr(data-title);
	font-weight:bold;
	font-size:20px;
	line-height:20px;
	margin:-10px -10px 11px -10px;
	padding:6px 10px 7px;
}

#listeOffresEmploi .aucuneOffre { text-align:center; padding: 0.4rem 1.25rem; background-color: #e6ecf2; border:0; color:#647c88; }
#listeOffresEmploi div.unique .aucuneOffre { margin-left: -5px; }

#listeOffresEmploi h1.listeOffresEmploi, 
#listeOffresEmploi h1.listeVideOffresEmploi { color:#415f72; padding: .7rem 0 0.7rem; font-weight: 500; font-size: 1.8rem; text-align: left; margin:0; }
#listeOffresEmploi h1.listeVideOffresEmploi { padding: 1rem; font-size: 1rem; }
#listeOffresEmploi h1.listeVideOffresEmploi.center { text-align:center; }
#listeOffresEmploi h1.listeOffresEmploi span { display: inline-block; }

#listeOffresEmploi .societelogo { width:auto; height:max-content; position: relative; top: 24px; right: 12px; }
#listeOffresEmploi img { cursor: pointer; }

#listeOffresEmploi a.elem_liste { 
	display:flex; 
	position: relative; 
	padding:1rem .7rem; 
	margin:0; 
	color:#444; 
	text-decoration:none; 
	-moz-border-radius:.3em; 
	-webkit-border-radius:.3em; 
	border-radius:.3em; 
	border-bottom: 1px dotted #7192a8;
}
#listeOffresEmploi a.elem_liste:last-child { border:0; }
#listeOffresEmploi a.elem_liste:hover, 
#listeOffresEmploi a.elem_liste:hover .descrOffresEmploi { background: #d9edff !important; }
#listeOffresEmploi a.elem_liste span.poste { font-weight: 700; margin-right:15px; color:#647c88; } 
#listeOffresEmploi a.elem_liste.new span.poste { color:#527c4e; } 
#listeOffresEmploi a.elem_liste div:not(.descrOffresEmploi):not(.descr) { 
	position: absolute; 
	color:#fff; 
	left: -.9em; 
	top: -0.4em; 
	width: 37px; 
	height: 38px; 
	border-radius: 50px; 
	line-height: 38px; 
	text-align: center; 
}
#listeOffresEmploi a.elem_liste div.descr { position:relative; top:1px; }

#listeOffresEmploi .date { display:block; font-style:italic; font-size: 12px; margin-top:.5rem; color:#6f8ba6; }
#listeOffresEmploi a.elem_liste.new .date { color:#4a7b46; }

#listeOffresEmploi .descrOffresEmploi { font-size: 12px; margin-top:.5rem; display:inline; }

#listeOffresEmploi .p-2.bloc_emploi, 
#listeOffresEmploi .p-2.bloc_stage { 
	width:100%; 
	margin-right:10px; 
	padding:0 !important; 
	-webkit-border-radius: .25rem; 
	border-radius: .25rem;  
	color:#fff; 
}
#listeOffresEmploi .p-2.bloc_stage { margin-right:0; margin-left:10px; }
#listeOffresEmploi .p-2 .titreSection { 
	padding:5px 10px; 
	font-weight:bold; 
	background:#798E99; 
	margin-bottom: 10px; 
	-webkit-border-radius: .25rem; 
	border-radius: .25rem; 
}
#listeOffresEmploi .p-2 .titreSection[data-action] { 
	text-align:center;
	letter-spacing: 1pt;
	cursor:pointer; 
}
#listeOffresEmploi .p-2 div#glySpinEmploi, 
#listeOffresEmploi .p-2 div#glySpinStage { 
	border: 0;
	padding: 5px 0;
	font-weight: bold;
	background-color: #3e9555;
	text-shadow: none;
	cursor:default; 
	text-align:center;
}
#listeOffresEmploi .p-2 .elem_liste { 
	display:block; 
	border:0;
	padding:5px 90px 5px 10px; 
    margin: 0;
    margin-bottom: 10px;
    background: #e6ecf2;
    line-height: 14pt;
}
#listeOffresEmploi .p-2 .elem_liste.new { background:#e6f2e6; color:#527c4e; }
#listeOffresEmploi .p-2 .elem_liste .date { display:block; margin-top:0; position: absolute; top: calc(50% - 10px); right: 10px; }
#listeOffresEmploi .p-2 .elem_liste .poste { display:block; }


/* RECHERCHE */
#listeOffresEmploi div#recherche div#spinSearchInput, 
#listeOffresEmploi div#recherche div#spinSearchSelect { 
	display:none; 
	position: absolute; 
	right: 20px; 
	top: calc(50% - 8px); 
	z-index: 1; 
	color:#798e99; 
	opacity:.7; 
}
#listeOffresEmploi div#recherche div#spinSearchInput i, 
#listeOffresEmploi div#recherche div#spinSearchSelect i { font-size:16px; }
#listeOffresEmploi div#recherche div#spinSearchSelect { right: 40px; }	
#listeOffresEmploi div#recherche select[name="nboffres"] { 
	width:140px; 
	background:transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; 
	background-size: 8px 10px;
	position:relative; 
	z-index:1; 
}
#listeOffresEmploi div#recherche div#infoParPage { position: absolute; top: 6px; right: 64px; font-size: 14px; letter-spacing:0; }	
#listeOffresEmploi div#recherche input, 
#listeOffresEmploi div#recherche .btn { font-size:.8rem; padding:.275rem 0.75rem; }
#listeOffresEmploi div#recherche input { height:auto; border-color: #293a4e4f; color: #293a4e; }
#listeOffresEmploi div#recherche input[name="motcle"] { padding-right:50px; width: 100%; }
#listeOffresEmploi div#recherche .form-control:focus {
    border-color: #bdc2c8;
    outline: 0;
    -webkit-box-shadow: 0 0px 3px 1px rgba(41, 58, 78, 0.13);
    box-shadow: 0 0px 3px 1px rgba(41, 58, 78, 0.13);
}
#listeOffresEmploi div#recherche .form-control::placeholder { color:#6c757d66; }
#listeOffresEmploi div#recherche .btn-outline-secondary { 
	background-color: #293a4e; 
	border-color: #293a4e;
	-webkit-border-radius: 0 0.25rem 0.25rem 0;	
	border-radius: 0 0.25rem 0.25rem 0;	
	color: #fff; 
}
#listeOffresEmploi div#recherche .btn-outline-secondary:focus, 
#listeOffresEmploi div#recherche .btn-outline-secondary.focus {
	outline: 0;
	box-shadow: 0 0px 3px 1px rgb(213, 213, 213);
}

#listeOffresEmploi div#recherche .input-group.p-2 { height:0; }



#listeOffresEmploi div#recherche .row { padding:1rem 0; margin-right: 0px; margin-left: 5px; }
#listeOffresEmploi div#recherche .col { padding-right: 10px; padding-left: 0; }
#listeOffresEmploi div#recherche .col:nth-child(2) { margin-left:-5px; }
#listeOffresEmploi div#recherche .custom-select { 
	line-height:1.5; 
	font-size:14px;
	height:auto; 
	border-color: #293a4e4f; 
	color: #293a4e; 
	padding:0.275rem 50px 0.275rem 0.5rem;  
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#listeOffresEmploi div#recherche .custom-select optgroup { background: #8fa7b4; color: #f3f8fc; text-shadow: 1px 1px 1px #6f848fc2; font: 10pt Arial, sans-serif; }
#listeOffresEmploi div#recherche .custom-select optgroup option { background: #e6ecf2; color: #2b2b2b; text-shadow:none; }

/* UNIQUE */
#listeOffresEmploi div.unique { margin:15px 6px 0 10px; padding-bottom:10px; }
#listeOffresEmploi div.unique a.elem_liste { border:0; padding:.4em 110px .4em 0; margin:0; margin-bottom:10px; background:#e6ecf2; line-height:14pt; }
#listeOffresEmploi div.unique a.elem_liste.new { background:#e6f2e6; }
#listeOffresEmploi div.unique a.elem_liste:hover { background: #d9edff }
#listeOffresEmploi div.unique a.elem_liste div.dpt, 
#listeOffresEmploi div.unique a.elem_liste div.societeName { 
	font-weight: normal; 
	position: relative; 
	content:""; 
	left:-10px; 
	top:30px; 
	margin-top:-3.15em; 
	background:#798E99; 
	height:34px; 
	width:max-content;
	line-height:30px; 
	border:.3em solid #fff; 
	text-align:center; 
	-moz-border-radius:2em; 
	-webkit-border-radius:2em; 
	border-radius:2em; 
	color:#fff;
	text-shadow: 1px 0px 1px #4f6c7b;
	padding: 0 15px;
	white-space:nowrap;
}
#listeOffresEmploi div.unique a.elem_liste div.dpt { width:34px; }
#listeOffresEmploi div.unique a.elem_liste div.dpt span { width:auto; margin-left:-7px; }
#listeOffresEmploi div.unique a.elem_liste.annonceur { line-height:10pt; }
#listeOffresEmploi div.unique a.elem_liste.annonceur .date { top:calc(50% - 6px); }

#listeOffresEmploi div.unique a.elem_liste.new div.dpt, 
#listeOffresEmploi div.unique a.elem_liste.new div.societeName { background:#72996D; text-shadow: 1px 0px 1px #3f6a3b; }
#listeOffresEmploi div.unique a.elem_liste:hover div.dpt, 
#listeOffresEmploi div.unique a.elem_liste:hover div.societeName { color:#fff; }
#listeOffresEmploi div.unique .descrOffresEmploi { font-size: 12px; margin: 0.4em 1.5em 0 0; color:#647c88; border-left: 1px solid #b1c6d1; padding-left: 12px; }
#listeOffresEmploi div.unique a.elem_liste.new .descrOffresEmploi { color:#527c4e; }
#listeOffresEmploi div.unique .date { position:absolute; top:calc(50% - 8px); right:1.5em; margin: 0; opacity:.7; }

#listeOffresEmploi div.plusdoffres { 
	border: 1px solid #4f6671;
	margin: 0 6px 30px 10px;
	padding: 7px 10px;
	text-align: center;
	letter-spacing: 1pt;
	font-weight: bold;
	background-color: #4b626d;
	color: #fff;
	text-shadow: 1px 1px 1px #384a53;
	-webkit-border-radius: .25rem; 
	border-radius: .25rem; 
	cursor:pointer; 
}
#listeOffresEmploi i.fa-arrow-down { 	
	position:relative;
	top:1px;
	margin:0 10px;
}
#listeOffresEmploi div.plusdoffres i { font-size:15px;  }
#listeOffresEmploi div#glySpin { 
	border: 0;
	padding: 8px 0;
	font-weight: bold;
	background-color: #3e9555;
	text-shadow: none;
	cursor:default; 
}
#listeOffresEmploi div.plusdoffres .glyphicon { font-size:8pt; margin:0 10px; }
#listeOffresEmploi div.plusdoffres .glyphicon.gly-spin { font-size:16pt; line-height:unset; }
#listeOffresEmploi div:not(#glySpin).plusdoffres:hover { background-color:#445862; }

/* POPOVER */
.bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow { 
	bottom: calc((0.5rem + 11px) * -1); 
}
.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before { 
	border-top-color: rgba(0, 0, 0, 0.125); 
}
.popover { 
	display:table; 
	max-width:max-content; 
}
.popover-header { 
	display:table-cell;
	vertical-align:middle;	
	margin:0; 
	padding: 0.25rem 0.75rem 0.35rem; 
	background-color: #798E99; 
	border-bottom: 1px solid #798E99; 
	color:#fff; 
	text-shadow: 1px 1px 1px #526168;
	-webkit-border-radius: calc(0.3rem - 1px) 0 0 calc(0.3rem - 1px);
	border-radius: calc(0.3rem - 1px) 0 0 calc(0.3rem - 1px);
}
.popover-body { 
	display:table-cell;
vertical-align:middle;	
	padding: 0.25rem 0.75rem; 
	color: #212529; 
}