.contenuPage:not(#gabarit_mobile_contenuPage) { 
	padding:0 4px 5px;
	display: grid;
	grid-gap: 0 4px;
	grid-template-columns: auto 300px;
	grid-auto-rows: minmax(0, auto);
	align-items: center;
	grid-template-areas: 'annonce_article indexBox_menu' 
		'. indexBox_menu';
}

.contenuPage:not(#gabarit_mobile_contenuPage) article { position:relative; grid-area: annonce_article; align-self: start; }

.contenuPage:not(#gabarit_mobile_contenuPage) #colonneDroite { grid-area: indexBox_menu; align-self: start; }

.dn { display:none; }

.dvp_loader {
	display:inline-block;
	margin-left:10px;
	width: 14px;
	height: 14px;
	position:absolute;
	top:calc(50% - 7px);
	left:-36px;
	z-index:2;
	border: 3px solid #000;
	border-right-color: transparent;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	from { transform: rotate(0deg);   opacity: 0.4; }
	50%  { transform: rotate(180deg); opacity: 1.0; }
	to   { transform: rotate(360deg); opacity: 0.4; }
}

.input-group-append { position:relative; }

#msgErreurProfil {
	display:none;
	position: fixed;
	top: 0;
	left: 0;
	background: #00000080;
	height: 100%;
	width: 100%;
	z-index: 20;
	overflow: hidden;
}

#msgErreurProfil > div {
	border: 1px solid #363636;
	width: 50%;
	position: relative;
	top: calc(50% - 66px);
	margin: 0 auto;
	padding: 0 0 20px 0;
	text-align: center;
	background: #fff;
}

#msgErreurProfil > div:before, 
#msgErreurProfil > div::before {
	display:block;
	background: #363636;
	color:#fff;
	content: attr(data-title);
	font-weight:bold;
	font-size:14px;
	line-height:20px;
	margin:0 0 20px 0;
	padding:6px 10px 7px;
	text-align:left;
}

#infoUserH {
	display: grid;
	grid-gap: 0 3px;
	grid-template-columns: max-content auto max-content;
	grid-auto-rows: minmax(0, auto);
	align-items: center;
	padding:20px 0;
}

#infoUserH .photo {
	max-width:84px;
	-webkit-border-radius:20%;
	border-radius:20%;
	margin-right:10px;
}

#infoUserH h1 { margin:0; padding:0; }

#infoUserH h1 i { 
	cursor:pointer;
	font-size:19px;
	margin-left:10px;
	position:relative;
	top:-5px;
	color:#26b364;
}

#infoUserH h1 i:hover { color:#20804b; }

#infoUserH div[role="editNamePanel"], 
#editInfosPanel { 
	display: grid;
	grid-gap: 0 20px;
	grid-template-columns: repeat(2, max-content);
	grid-auto-rows: minmax(0, auto);
	align-items: center;
	padding:10px 0 20px;
}

#editInfosPanel { 
	display:flex; 
	xflex-flow:wrap; 
	padding:0 0 20px;
}

#infoUserH div[role="editNamePanel"] .form-control { font-size:12px; max-width:110px; height:28px; padding:5px 10px 4px; }
#infoUserH div[role="editNamePanel"] .btn { height:28px; line-height:1.3; font-size:12px; }

#editInfosPanel > div { flex:content; text-align:left;  }
#editInfosPanel > div:nth-child(1) { white-space:nowrap; }
#editInfosPanel > div:nth-child(2) { text-align:center; }
#editInfosPanel > div:nth-child(3) { text-align:right; }

@media screen and (max-width: 1235px) {
	#editInfosPanel > div:nth-child(1) { position:relative; top:17px; min-height:42px; }
	#editInfosPanel > div:nth-child(3) { text-align:center; }
}

@media screen and (max-width: 1100px) {
	#editInfosPanel { flex-flow:wrap; }
	#editInfosPanel > div:nth-child(1) { top:9px; }
	#editInfosPanel > div:nth-child(2), 
	#editInfosPanel > div:nth-child(3) { line-height:42px; text-align:left; }
}

#editInfosPanel > div > div { display:inline-flex; }
 
#editInfosPanel > div > div:first-child { font-size:11px; font-weight:bold; }

#infoUserH div[role="editNamePanel"] .btn, 
#editInfosPanel .btn { 
	line-height:1.1; 
}

#editInfosPanel .btn { 
	margin:0;
	padding:4px 10px;
	position:relative;
}

#infoUserH div[role="editNamePanel"] .btn-outline-secondary, 
#editInfosPanel .btn-outline-secondary { 
	background:#6c757d; 
	color:#fff; 
}

#infoUserH div[role="editNamePanel"] .btn-outline-secondary:hover, 
#editInfosPanel .btn-outline-secondary:hover { 
	background:#555c63; 
}

#dispoEtudes {
	display:flex;
	flex-direction: row;
	justify-content:space-between;
	padding-left:0;
}

#dispoEtudes > .etiquette {
	flex:auto;
	border:1px solid #a2bbca70; 
	background:#b1d2e67d;
	height:30px;
	line-height:30px;
	padding:0;
	margin:0 10px 0 0;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	color:#293a4e;
	-webkit-text-shadow:1px 1px 2px #d6dfea;
	text-shadow:1px 1px 2px #d6dfea;
}

#dispoEtudes > .etiquette:last-child { margin-right:0; }

.button {
	border-color:#5E8198;
	padding:3px 5px 5px;
	margin-left:-1px;
	font-weight:normal;
	font-family:inherit;
	font-size:inherit;
	background: #7aa0b9;
	background: -moz-linear-gradient(top, #7aa0b9 0%, #5e8198 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7aa0b9) color-stop(100%,#5e8198));
	background: -webkit-linear-gradient(top, #7aa0b9 0%,#5e8198 100%);
	background: -o-linear-gradient(top, #7aa0b9 0%,#5e8198 100%);
	background: -ms-linear-gradient(top, #7aa0b9 0%,#5e8198 100%);
	background: linear-gradient(to bottom, #7aa0b9 0%,#5e8198 100%);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-top-left-radius: 0;
	-moz-border-top-left-radius: 0;
	border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
}

.button:hover {
	background: #89b3ce;
	background: -moz-linear-gradient(top, #89b3ce 0%, #5e8198 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#89b3ce) color-stop(100%,#5e8198));
	background: -webkit-linear-gradient(top, #89b3ce 0%,#5e8198 100%);
	background: -o-linear-gradient(top, #89b3ce 0%,#5e8198 100%);
	background: -ms-linear-gradient(top, #89b3ce 0%,#5e8198 100%);
	background: linear-gradient(to bottom, #89b3ce 0%,#5e8198 100%);
}
.button:disabled {
	border-color:#E0E0E0;
	padding:4px 8px 6px;
	margin-left:5px;
	font-weight:normal;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #646464 !important;
	text-shadow: 1px 1px 1px #fff;
}

#content input, #content textarea{
	border: solid 1px #999;
}

.contenuPage h1 {
	color: #486171;
	margin-bottom: 0;
}

.contenuPage nav ul {
	display:flex;
	flex-flow:wrap;
	margin:0;
	padding:0;
	width:100%;
	line-height:38px;
	background-color: none;
}
.contenuPage nav li {
	flex:auto;
	list-style:none;
	height:38px;
	line-height:inherit;
	overflow:hidden;
	position:relative;
	background:#fff;
	margin-top: 0px;
	border: 1px solid #d7d9db;
	border-right: 0;
}
.contenuPage nav li.dropdown { height:36px; line-height:38px; }
.contenuPage nav li:last-child { border-right: 1px solid #d7d9db; }
.contenuPage nav li:hover { background:#adccde; height:38px; }
.contenuPage nav li.dropdown:hover { height:36px; line-height:38px; }
.contenuPage nav li a, 
.contenuPage nav li a:visited, 
.contenuPage nav li a:hover {
	list-style:none;
	display:block;
	top:0;
	left:-2px;
	height:inherit;
	line-height:inherit;
	text-align:center;
	color:#444;
	font-size:12px;
	text-shadow:#e8e8e870 0 1px 0;
	padding-right:10px;
	padding-left:10px;
	text-decoration:none;
}
.contenuPage nav li a:visited, 
.contenuPage nav li a:hover { color:#255075; }
.contenuPage nav li a#dropdownMenuRh, 
.contenuPage nav li a#dropdownMenuRh:visited, 
.contenuPage nav li a#dropdownMenuRh:hover { font-weight:bold;}
.contenuPage nav .private a, 
.contenuPage nav .private a:visited, 
.contenuPage nav .private a:active, 
.contenuPage nav .private a:focus, 
.contenuPage nav .private a:hover {
	color: #2a5427;
	text-shadow:#e8e8e8 0 1px 0;
}
.contenuPage nav .private.selected a, 
.contenuPage nav li.selected {
	background:#5d8196;
}
.contenuPage nav .private.selected a,
.contenuPage nav li.selected a {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	color: #fff;
	text-shadow:#293a4e 0 1px 0;
	cursor: grab;
}
.contenuPage nav .private{
	background: #dfffe0;
	height:36px;
}
.contenuPage nav #dropdownMenuRh{
	background: #ffdfdf;
	height:36px;
}	
 
.contenuPage nav li.private:hover { background: #dfffe0; height:36px; }

.contenuPage nav li a#dropdownMenuRh:hover { height:36px; }
.contenuPage nav li a:focus{ outline:none; }

.contenuPage nav li.dropdown a.dropdown-item{ text-align:left; }

section .contenuPage {
	padding:20px;
	padding-top:0;
}

.contenuPage section {
	background: #fff;
	border: 1px solid #d7d9db;
	padding: 20px;
	margin-top: 10px;
}

.competence{
	margin:3px;
	padding: 5px;
	line-height:25px;
}

.competence .lib{
	border-radius: 3px;
	background: #ccf;
	padding: 3px;
	padding-left:10px;
	padding-right: 10px;
	background-repeat: no-repeat;
	background-position: 3px 2px;
}

.competence a, .competence a:hover, .competence a:visited{
	text-decoration: none;
	color: black;
	white-space: nowrap;
}

.competence img{
	height:16px;
}

#competencesSearch{
	width:200px;
	font-style: italic;
}

.competence .recommandations{

}

#skillForm select, 
#skillForm input, 
div[role="missingSkillPanel"] input, 
#languesPanel select, 
#languesPanel input, 
#abonnementPanel input[type=submit] {
	padding: 1px 4px;
	border: 1px solid #d6e9c6;
}

#skillForm input {
	padding: 2px 4px;
}

#skillForm input::placeholder {
	opacity: .4;
}

#skillForm input.button, #languesPanel input.button, div[role="missingSkillPanel"] input.button, div[role="missingEcolePanel"] input.button {
	padding: 0px 15px;
	font-size: 8pt;
	margin: 0 4px;
	line-height: 22px;
	border-radius: 0;
	vertical-align: top;
	background: #81ae6e;
	background: -moz-linear-gradient(top, #81ae6e 0%, #54903c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#81ae6e) color-stop(100%,#54903c));
	background: -webkit-linear-gradient(top, #81ae6e 0%,#54903c 100%);
	background: -o-linear-gradient(top, #81ae6e 0%,#54903c 100%);
	background: -ms-linear-gradient(top, #81ae6e 0%,#54903c 100%);
	background: linear-gradient(to bottom, #81ae6e 0%,#54903c 100%);
}

div[role="missingSkillPanel"] input.button {
	line-height: 19px;
}

#skillForm {
	margin-top: 6px;
}

a[role="missingSkill"] {
	font-style: italic;
	color: #658664;
	margin-left: 20px;
}

div[role="missingSkillPanel"] {
	background-color: #fff;
	border: 1px solid #d6e9c6;
	margin: 15px 0 10px;
	padding: 10px;
	color: #324856;
}

.competenceResultItem{
	background-color: #fff;
	padding: 0 6px;
	height: 20px;
	line-height: 20px;
	font-size: 8pt;
}

.competenceResultItem:hover{
	background-color: #84c083;
	color: #fff;
	cursor:pointer;
}

.addButton{
	cursor: pointer;
	font-size: 8pt;
	border-radius: 5px;
	border: solid 1px black;
	background: #bbb;
	padding: 2px;
	float: right;
}

.competenceResult{
	border: solid 1px #c1d5b1;
	xwidth: 350px;
	display:none;
	max-height: 350px;
	overflow-y: auto;
	margin-bottom: 10px;
	margin-top: 4px;
}

.skillBloc{
	margin-top: 20px;
}

.skillLevel{
	padding: 20px 0 0;
	margin-bottom: 0;
	border: none;
	color: #254151;
	font-weight: bold;
	font-size: 1em;
}

.rhDossier { padding:20px 0 0; }

.rh_item {  
	background: #c0ddeb;
	background: -moz-linear-gradient(left,  #c0ddeb 0%, #ffffff 100%);
	background: -webkit-linear-gradient(left,  #c0ddeb 0%,#ffffff 100%);
	background: linear-gradient(to right,  #c0ddeb 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0ddeb', endColorstr='#ffffff',GradientType=1 );
	border-color: #5e8198;
	border-style: solid;
	border-width: 1px;
}

.rh_poster{
	padding: 8px;
	color:#285a7b;
	width:200px;
}
.rh_poster a:link, .rh_poster:active, .rh_poster:focus { font-weight:bold; color:#285a7b; }
.rh_poster p { margin:0; padding:0; white-space:nowrap; width:0; }

.rh_item { 
	display:grid;
	grid-gap:0; 
	grid-template-columns: 200px auto max-content;
	grid-auto-rows: minmax(0, auto);
	align-items:center; 
	margin-bottom:10px;
}
.rh_item:hover { -webkit-box-shadow: 0 0 5px 4px #5e81982b; box-shadow: 0 0 5px 4px #5e81982b; }
.rh_item > div { align-self:start; height:100%; }

table.cms_table { width:100%; color:#385364 !important; }
table.cms_table tr td { border:1px solid #c4d7e3 !important; }
table.cms_table tr:first-child td { 
	background-color: #c4d7e3 !important; 
	border:1px solid #c4d7e3 !important; 
	color:#385364 !important; 
	font-weight:bold; 
	text-align:left !important; 
}
table.cms_table tr td { padding:4px !important; }
table.cms_table tr:not(:first-child):hover { background-color:#c4d7e366; }
table.cms_table tr:hover { box-shadow:none !important; }

.rh_content { padding: 10px 15px; }

.rh_action{
	padding: 0 20px 0 0;
	line-height:24px;
	text-align:right;
}
.rh_action i { 
	font-size:19px; 
	position:relative;
	top:calc(50% - 9px);
	cursor:pointer;
}
.rh_action i.fa-trash { margin-left:20px; color:#db2d2d; }
.rh_action i.fa-trash:hover { color:red; }

.rh_item > div.editPanel:not(.dn) { 
	grid-column: span 2; 
	display:grid;
	grid-gap:0; 
	grid-template-columns: auto;
	grid-auto-rows: minmax(0, auto);
	align-items:center;	
	position:relative;
}
.rh_item > div.editPanel:not(.dn) > div { padding:20px; padding-right:0; }
.rh_item > div.editPanel:not(.dn) > a { 
	position:absolute; 
	right:-54px;
	font-size:2rem;
	color:#6f6f6f;
	text-shadow:0px 0px 1px #000;
}
.rh_item > div.editPanel:not(.dn) > a:hover { color:#525050; }

.kha_content a, .kha_content a:visited, .kha_content a:hover{
	color:#146392;
}

.competenceButton span{
	vertical-align:middle;
}

.competenceButton span {
	margin-left:0;
	margin-right:10px;
}

.competenceButton img[role='delete'], .competenceButton img[role='confirm']{
	cursor:pointer;
}

.competenceButton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #dedede));
	background:-moz-linear-gradient(top, #ffffff 5%, #dedede 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #dedede 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #dedede 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #dedede 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #dedede 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dedede',GradientType=0);
	background-color:#ffffff;
	border:1px solid #bdbdbd;
	display:inline-block;
	color:#5e8198;
	font-size:1em;
	font-weight:normal;
	padding:4px 10px;
	text-decoration:none;
	margin: 6px 0 6px 6px;
	text-shadow:0px 1px 0px #ffffff;
	vertical-align: top;
}
.contenuCompetences, .contenuLangues { padding: 5px 10px; }

.cv_item {
	display:grid;
	grid-gap:0; 
	grid-template-columns: max-content auto;
	grid-auto-rows: minmax(0, auto);
	align-items:center; 
}
.cv_item .periode {
	align-self:start; 
	position:relative; 
	padding:11px 40px 0 0; 
	text-align:right;
	height:100%;
}
.cv_item .periode .spandate {
	display:inline-block; 
	padding:6px 10px 7px; 
	-webkit-border-radius: 4px 4px 4px 4px; 
	border-radius: 4px 4px 4px 4px; 
	font-weight:bold; 
	color:#394c59;
}
.cv_item .periode .fleche {
	width:0; 
	height:0; 
	border-style:solid; 
	border-width:9px 0 9px 12px; 
	position:absolute; 
	top:18px; 
	right:32px;
}
.cv_item .details {
	align-self:center;
	position:relative; 
	border-left:3px solid #bccfdc; 
	background-color:#eff3f7;
	padding: 10px 75px 10px 20px;
}
.cv_item .details .puce {
	position:relative; 
	top:5px; 
	left:-7px; 
	width:22px; 
	height:22px; 
	background-color: #5e8198; 
	display:inline-block; 
	border-radius:50%; 
	margin-left:-26px; 
	border:3px solid #fff;
}
.cv_item .details:hover {
	border-color: #a0b5c3 !important;
	background: #dee7f0 !important;
}
.cv_item .periode .titreFormation,  
.cv_item .details .titreFormation { 
	display:inline-block; 
	padding:6px 10px 7px; 
	-webkit-border-radius: 4px 4px 4px 4px; 
	border-radius: 4px 4px 4px 4px; 
	font-weight:bold; 
}
.cv_item .details .titreFormation { 
	padding:0 0 7px; 
	color:#4f6b7d;
	font-size:20px;
}
.cv_item .periode .pointerFormation { 
	width:0; 
	height:0; 
	border-style:solid; 
	border-width:9px 0 9px 12px; 
	position:absolute; 
	top:18px; 
	right:32px;
}
.cv_item .periode .cadreActionFormation { position:relative; top:10px; right:0; width:100%; text-align:right; }
.cv_item .periode .cadreActionFormation i { font-size:19px; cursor:pointer; }
.cv_item .periode .cadreActionFormation i.fa-edit { color:#444; }
.cv_item .periode .cadreActionFormation i.fa-edit:hover { color:#2b2b2b; }
.cv_item .periode .cadreActionFormation i.fa-trash-alt { margin-left:20px; color:#db5454; }
.cv_item .periode .cadreActionFormation i.fa-trash-alt:hover { color:#ce3939; }

.cv_item .details .diplome { position:absolute; top:calc(50% - 36px); right:20px; color:#5e8198; font-size:46px; }
.cv_item .details .fa-school { font-size:15px; padding-right:5px; color:#4f6b7d; }

.cv_item .details.dernier, 
.cv_item .details.dernier:hover { background:#bfdcbc !important; border-left: 3px solid #bfdcbc !important; color:#1d521b !important; }
.cv_item .details.dernier p, 
.cv_item .details.dernier span, 
.cv_item .details.dernier a, 
.cv_item .details.dernier a:hover, 
.cv_item .details.dernier a:visited, 
.cv_item .details.dernier a:focus, 
.cv_item .details.dernier .diplome { color:#1d521b !important; }

.cv_item table tr td div.cadreFormation { position:absolute; top:45px; right:34px; width:70px; }
.cv_item table tr td div.cadreFormation img { width:16px; cursor:pointer; }
.cv_item table tr td div.cadreFormation a { margin-left:10px; }
.cv_item table tr td div.actionsFormation { text-align:right; margin: 8px 10px; }
.cv_item table tr td div.editPanel { position:relative; z-index:1; padding:10px; text-align:left; background-color: #dbe4eb; }

.cv_item .test { padding:10px 75px 10px 20px; background: none; }
.cv_item .test:hover { border-color:#a0b5c3 !important; background: #dee7f0 !important; }
.cv_item .test2 { padding:0; background: none; }
.cv_item .test p { margin:0 4px 4px; }
.cv_item .test2 { height:30px; border-left: 3px solid #bccfdc; }

img.tools{
	height:16px;
	margin:2px;
	position:relative;
	top:-15px;
	float:right;
}

.lastViewers a, lastViewers a:hover{
	color:#155a81;
}

.alert {
	border-radius:0;
	margin-bottom: 12px;
	padding:6px 10px 4px;
}

.alert img.check {
	position:relative;
	top:-1px;
	left:4px;
}

#competencesTab .alert.alert-info {
	color: #4f4f4f;
	background-color: #f6f6f6;
	border-color: #eaeaea;
}

.votants {
	margin-top: 10px;
}

.votants a, .votants a:hover{
	color: #155a81;
}

.basicLink{
	color: #155a81;
}
.basicLink:hover{
	color: #3788b6;
}

.langueItem{
	margin:10px;
}
.langueItem img{
	margin:3px;
	vertical-align: bottom;
}

.langueItem .drapeau{
	padding: 6px;
	border: 1px solid #ddd;
	border-radius: 5px;
	font-size: 8pt;
	color: #155a81;
}

.contactListe {
	display:block;
	width:100%;
	background-color:#44c76754;
	border:1px solid #38a8454d;
	display:inline-block;
	color: #3c742c !important;
	font-weight:bold;
	padding:4px 10px;
	margin-top:20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #f2f2f2;
	text-align:center;
	font-size:14px;
}

#badges { padding: 0; }

#badges img{
	margin: 10px;
	margin-right:10px;
	background:#fff;
	border:10px solid #fff;
	-webkit-border-radius:50%;
	border-radius:50%;
	-webkit-box-shadow:1px 0px 2px 0px #8e8e94;
	box-shadow:1px 0px 2px 0px #8e8e94;
}

#badges img:hover {
	cursor:help;
	border-color:#d6fcd0;
	background:#d6fcd0;
}

.colorpicker span{
	float:right; 
	padding:2px; 
	border: 1px solid #ccc; 
	width:10px; 
	height: 10px; 
	margin:3px;
	cursor: pointer;
}

.colorpicker span.selected{
	border: 2px solid black;
	margin:2px;
}

.activite {
	color: #486171;
	margin-left: 3px;
}

#msgErreurProfil > div > span { display:block; }

#msgErreurProfil input[role="fermerMsgErreurProfil"], 
#msgErreurProfil input[role="confirmerSuppression"] {
	display:block;
	height: 30px;
	padding: 0 20px;
	margin:20px auto 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background:#a9e694;
	border-color:#98da81;
	color:#2b3d24 !important;
	font-weight:bold;
}

#msgErreurProfil input[role="confirmerSuppression"] {
	margin-left: 10px;
	background: #d26a6a;
	border-color: #c05d5d;
	color: #fff !important;
}

.profilBloc {
	display: grid;
	grid-gap: 0 3px;
	grid-template-columns: auto max-content;
	grid-auto-rows: minmax(150px, auto);
	align-items: center;
	padding:0;
}

.profilBloc.m20 { margin-top:20px; }

.detailsProfilBloc { color: #486171; }
 
.editCvProfil > p {
	display:block;
	background: #c4c4c4;
	color:#3a3a3a;
	content: attr(data-title);
	font-weight:bold;
	font-size:12px;
	line-height:12px;
	padding:6px 20px;
}

.editCvProfil > p.fraicheurNo {
	background: #da3f3f;
	color:#fff2f2;
}

.detailsProfilBloc {
	height:100%;
	border: 1px solid #c4c4c4;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	background-color:#fff;
}

.detailsProfilBloc, 
.editCvProfil {
	height:100%;
	border: 1px solid #c4c4c4;
	background-color:#fff;
}

.detailsProfilBloc .informationsUserPro { 
	margin:0 20px; 
	display: grid;
	grid-gap: 0 12px;
	grid-template-columns: repeat(2, auto);
	grid-auto-rows: minmax(148px, auto);
	align-items: center;
}

.detailsProfilBloc .informationsUserPro p { margin:0; line-height:26px; }

.detailsProfilBloc .informationsUserPro .username {  
	font-size:20px;
	font-weight:bold;
	line-height:40px;
}

.detailsProfilBloc .informationsUserPro p span.hint { margin-right:10px; }

.detailsProfilBloc .informationsUserPro .titre { text-align:left; font-weight:bold; line-height:26px; }

.detailsProfilBloc .informationsUserPro .titre > div { text-align:left !important; }

.editCvProfil { 
	padding: 0; 
	text-align:center; 
	position:relative;
}

.editCvProfil #loaderEditCv { 
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
	background:#dfeaf4b5; 
	z-index:3;
}

.editCvProfil .actionsCv { 
	display:inline-flex; 
	width:calc(100% - 30px);
	height:70px;
	margin: 0 auto;
}

.editCvProfil .actionsCv .cvDl { 
	padding:0 25px 0 50px; 
}

.editCvProfil .actionsCv .cvBtn { 
	margin-left:14px; 
	line-height:64px;
}

.editCvProfil #loaderEditCv .dvp_loader { 
	width:90px;
	height:90px;
	top:calc(50% - 45px);
	left:calc(50% - 45px);
	border:10px solid #293a4e99;
	border-right-color: transparent;
}

.editCvProfil p.pbCv { background:red; color:#fff; margin-bottom:0; }

.editCvProfil p.pbCv .fa-exclamation { font-size:11px; }

.editCvProfil #informationsCv { text-align: center; }

.editCvProfil #informationsCv i { 
	padding:0 10px; 
	font-size:14px; 
	position:relative;
	top:2px;
}

.editCvProfil #informationsCv p {
	color: #fff;
	background-color: #293a4e;
	font-size: 11px;
	padding:3px 10px 2px;
	margin-bottom:0;
}

.editCvProfil #informationsCv form { margin: 5px 10px; }

.editCvProfil #informationsCv .input-group, 
.editCvProfil #informationsCv .input-group > .custom-file, 
.editCvProfil #informationsCv .input-group .custom-file-input, 
.editCvProfil #informationsCv .input-group .custom-file-label, 
.editCvProfil #informationsCv .input-group .input-group-append, 
.editCvProfil #informationsCv .input-group .input-group-append button, 
.editCvProfil #informationsCv .input-group .custom-file-label:after, 
.editCvProfil #informationsCv .input-group .custom-file-label::after { 
	height:22px; 
	line-height:11px; 
	-webkit-border-radius:0;
	border-radius:0;
	border:0;
}
.editCvProfil #informationsCv .input-group .custom-file-input { 
	width:250px; 
	font-size:11px; 
	display:inline-block;
}

.editCvProfil #informationsCv .input-group .custom-file-label {
	text-align:left;
	margin:0;
	font-size:11px;
}

.editCvProfil #informationsCv .input-group .custom-file-label:after, 
.editCvProfil #informationsCv .input-group .custom-file-label::after {
	padding:0 20px;
	content: "Parcourir...";
	line-height:24px;
	font-weight:bold;
}

.editCvProfil #informationsCv #inputGroupFile, 
.editCvProfil #informationsCv #inputGroupFile:focus, 
.editCvProfil #informationsCv label:focus, 
.editCvProfil #informationsCv #inputGroupFile:active, 
.editCvProfil #informationsCv label:active {
  box-shadow:none !important;
}

.editCvProfil #informationsCv .input-group .input-group-append button { margin:0; }

.editCvProfil #informationsCv .input-group .input-group-append button:focus { 
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	border:0;
}

.editCvProfil #informationsCv.aucunCv { height:124px; }

.editCvProfil #informationsCv.aucunCv > div { margin-top:30px; }

.editCvProfil #informationsCv.aucunCv > div .custom-file-label { 
	border-top: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
}

.editCvProfil #informationsCv.aucunCv > div #inputGroupFile { width:230px; }

.editCvProfil #informationsCv.aucunCv .input-group .custom-file-label:after, 
.editCvProfil #informationsCv.aucunCv .input-group .custom-file-label::after {
	height:20px;
	line-height:20px;
	border-left: 1px solid #c4c4c4;
}

.editCvProfil #informationsCv.aucunCv > div .input-group-append {
	display:block;
	position:absolute;
	top:30px;
	left:1px;
}

.editCvProfil #informationsCv.aucunCv > div .input-group-append { margin-top:20px; }

.editCvProfil #informationsCv.aucunCv > div .input-group-append, 
.editCvProfil #informationsCv.aucunCv > div .input-group-append button { width:100%; }

.editCvProfil .button {
	-webkit-border-top-left-radius: 4px;
	-moz-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	height:22px;
	padding:0 10px;
	
}

.editCvProfil .informationsUserPro p { margin: 0px 0 6px; }

.deleteCv {
	color: #899eb9;
	font-style: italic;
	font-size: 0.8em;
}

.editCvProfil .supCv, 
.editCvProfil .SuggCv { 
	padding: 0 10px;
	margin: 0;
	font-size: 0.75rem;
	line-height: 20px;
	width:220px;
}

.editCvProfil .SuggCv { 
	border-color:#3b914f ;
	background: #72d389 ;
	background: -moz-linear-gradient(top, #72d389  0%, #3b914f  100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#72d389 ) color-stop(100%,#3b914f ));
	background: -webkit-linear-gradient(top, #72d389  0%,#3b914f  100%);
	background: -o-linear-gradient(top, #72d389  0%,#3b914f  100%);
	background: -ms-linear-gradient(top, #72d389  0%,#3b914f  100%);
	background: linear-gradient(to bottom, #72d389  0%,#3b914f  100%);
}

.editCvProfil .SuggCv:hover { 
	border-color:#3b914f ;
	background: #6cca82 ;
	background: -moz-linear-gradient(top, #6cca82  0%, #3b914f  100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6cca82 ) color-stop(100%,#3b914f ));
	background: -webkit-linear-gradient(top, #6cca82  0%,#3b914f  100%);
	background: -o-linear-gradient(top, #6cca82  0%,#3b914f  100%);
	background: -ms-linear-gradient(top, #6cca82  0%,#3b914f  100%);
	background: linear-gradient(to bottom, #6cca82  0%,#3b914f  100%);
}

.editCvProfil .supCv { 
	border-color:#bc3636 ;
	background: #ff8282 ;
	background: -moz-linear-gradient(top, #ff8282  0%, #bc3636  100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8282 ) color-stop(100%,#bc3636 ));
	background: -webkit-linear-gradient(top, #ff8282  0%,#bc3636  100%);
	background: -o-linear-gradient(top, #ff8282  0%,#bc3636  100%);
	background: -ms-linear-gradient(top, #ff8282  0%,#bc3636  100%);
	background: linear-gradient(to bottom, #ff8282  0%,#bc3636  100%);
}

.editCvProfil .supCv:hover { 
	border-color:#bc3636 ;
	background: #f86060 ;
	background: -moz-linear-gradient(top, #f86060  0%, #bc3636  100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f86060 ) color-stop(100%,#bc3636 ));
	background: -webkit-linear-gradient(top, #f86060  0%,#bc3636  100%);
	background: -o-linear-gradient(top, #f86060  0%,#bc3636  100%);
	background: -ms-linear-gradient(top, #f86060  0%,#bc3636  100%);
	background: linear-gradient(to bottom, #f86060  0%,#bc3636  100%);
}

.editCvProfil span.hint.oneLine {
	height:78px;
	line-height:76px;
}

.editCvProfil span.hint:not(.oneLine) {
	height:64px;
	line-height:62px;
}

.editCvProfil span.hint.visit {
	height:104px;
	line-height:104px;
}

.editCvProfil .infoSuggCv {
	position:relative;
	bottom:-6px;
	height:44px;
	border-top: 1px solid #E0E0E0;
	padding:4px 8px 6px;
	font-size:11px;
	font-weight:normal;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
	color: #646464 !important;
	text-shadow: 1px 1px 1px #fff;
}

.editCvProfil .infoSuggCv.oneLine {
	height:30px;
	line-height:22px;
}

.editCvProfil p.infoAnonyme {
	font-size: 0.7rem;
	padding-top: 5px;
	margin:0;
	color: #a2a1a1;
	font-style:italic;
}

/************ STYLE ********************/

.custom-select {
	width:auto;
	height:24px;
	font-size:12px;
	padding:3px 26px 3px 6px;
}

.detailsProfilBloc .custom-select, 
#editInfosPanel .custom-select {
	-webkit-border-top-right-radius: 0;
	-moz-border-top-right-radius: 0;
	border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
}

#editInfosPanel .custom-select { padding-right:50px; }
#editInfosPanel span:not(.input) .dvp_loader { left:-56px; }

.cs-input {
	background: #fff;	
	padding-right:26px;
}

.uniquementUser {
	text-align:right;
	color:#486171;
	font-style:italic;
}

#contactsTab h2, #optionsTab h2, #parcoursTab h2, #formationTab h2, #candidaturesTab h2 { color:#486171; margin:0 0 20px 0; padding-top:0; }

/* CHECKBOX */
.checkBlok .checkbox { display:inline-block; padding:0; margin:0; }
.checkBlok .checkbox label:after { content: ''; display: table; clear: both; }
.checkBlok .checkbox .cr {
    position: relative;
	top:4px;
    display: inline-block;
    border: 1px solid #d9d9d9;
	color: rgba(4, 8, 2, 0.5);
	background-color: #fff;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: none;
    margin-right: .2em;
}
.checkBlok .checkbox .cr .cr-icon { 
	position: absolute; line-height: 0; top: 37%; left: 20%; 
}
.checkBlok .checkbox label input[type="checkbox"] { 
	display: none; 
}
.checkBlok .checkbox label input[type="checkbox"] + .cr > .cr-icon { 
	transform: scale(3) rotateZ(-20deg); opacity: 0; transition: all .3s ease-in; 
}
.checkBlok .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon { 
	transform: scale(1) rotateZ(0deg); opacity: 1; 
}
.checkBlok .checkbox label input[type="checkbox"]:disabled + .cr { 
	opacity: .5; 
}

#ecranForMsg {
	position: absolute;
	top: -1px;
	left: -1px;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	background: #44444485;
	z-index: 5;
	border: 1px solid #44444430;
	margin-bottom:0;
}

#ecranForMsg span {
	display: block;
	text-align: center;
	color: #000;
	text-shadow: 1px 1px 1px #cfcfcf;
	font-size: 32px;
	line-height: inherit;
	position: relative;
	top: calc(50% - 26px);
	-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 1s; /* Firefox < 16 */
	-ms-animation: fadein 1s; /* Internet Explorer */
	-o-animation: fadein 1s; /* Opera < 12.1 */
	animation: fadein 1s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* PARCOURS | FORMATIONS */
#formAddParcours, 
#formAddFormations { 
	position:relative; 
	width:100%; 
	border:1px solid #dfdede; 
	margin-bottom:0;
	padding:20px;
	padding-bottom:0;
	background-color:#f4f4f4;
}
#formAddParcours.edit, 
#formAddFormations.edit { background-color:#f1faf7; }
#formAddParcours:before, 
#formAddParcours::before, 
#formAddFormations:before, 
#formAddFormations::before { 
	display:block;
	background: #444;
	color:#fff;
	text-shadow:0 0 1px #121212;
	content: attr(data-title);
	font-weight:bold;
	font-size:13px;
	line-height:20px;
	margin:-21px -21px 20px;
	padding:6px 10px 7px;
}
#formAddParcours.edit:before, 
#formAddParcours.edit::before, 
#formAddFormations.edit:before, 
#formAddFormations.edit::before { 
	background: #66bc9c;
	color:#134f25;
	text-shadow:0 0 1px #c2dbc8;
}
#formAddParcours .date, 
#formAddFormations .date { color:#3e586a; }
#formAddParcours .date span, 
#formAddParcours .date select, 
#formAddFormations .date span, 
#formAddFormations .date select { margin-right:10px; }
#formAddParcours > div, 
#formAddFormations > div { margin-bottom:12px; }
#formAddParcours .selectionEcoleStype .custom-select, 
#formAddFormations .selectionEcoleStype .custom-select { width:100%; }
#formAddFormations > .date { margin-bottom:6px; }
#formAddParcours > input, 
#formAddFormations > input { 
	display:block;
	width:calc(100% + 42px);
	margin:20px 0 0 -21px;
	padding:2px 10px;
	border:0 !important;
	-webkit-border-radius:0 !important;
	border-radius:0 !important;
	background:#444 !important;
	letter-spacing:1px;
	font-size:14px;
	font-weight:bold;
	text-shadow:0 0 1px #121212;
}
#formAddParcours > input:hover, 
#formAddFormations > input:hover { background:#626262 !important; }

#formAddFormations table tr:first-child td { padding:10px; border:1px solid #5e8198; }
#formAddFormations table tr:first-child td:last-child p { margin:15px 0; padding:0 5px 0 10px; }
#formAddFormations table tr:first-child td:last-child { padding:0; }
#formAddFormations table tr:last-child td input { 
	margin:0; 
	padding:0 8px; 
	width:100%; 
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px; 
	border-radius: 0px; 
	border-width:0;
}

#formAddFormations.checkBlok .checkbox label {
	color:#444; 
	font-weight:bold;
	letter-spacing:1px;
	margin-left:20px;
	font-size:11px;
}

#formAddFormations.checkBlok .checkbox .cr {
	border: 1px solid #d9d9d9;
	width:21px;
	height:21px;
	top:7px;
}

#formAddFormations.checkBlok .checkbox .cr .cr-icon { top:9px; left:2px; font-size:15px; }

#formAddFormations input[name='intituleFormation'] { padding-top:4px; }

#formAddParcours input, 
#formAddParcours textarea, 
#formAddFormations input, 
#formAddFormations textarea {
	border: 1px solid #d9d9d9;
	color: rgb(58, 79, 92);
	background-color: #fff;
	border-radius: .25em;
	margin-right: .2em;
}

#formAddParcours textarea, 
#formAddFormations textarea { width:100%; padding:10px; min-height:50px; }

#formAddParcours input::placeholder, 
#formAddParcours textarea::placeholder, 
#formAddFormations input::placeholder, 
#formAddFormations textarea::placeholder { color:#444; }

#formAddParcours input:focus, 
#formAddParcours textarea:focus, 
#formAddParcours select:focus, 
#formAddFormations input:focus, 
#formAddFormations textarea:focus, 
#formAddFormations select:focus { box-shadow: 0 0px 8px -6px #000; -webkit-box-shadow: 0 0px 8px -6px #000; }

#formAddParcours select:focus, 
#formAddFormations select:focus { border-color:#ced4da; }

#formAddFormations div.ajoutFormationEcole { 
	background-color: #e3e3e3;
	border: 1px solid #cbcbcb;
	color: #636363;
	margin: 0 0 12px 0 !important;
	padding: 4px 10px !important;
	border-radius: 0.25rem;	
	font-weight: bold;
	letter-spacing:1px;
}

#formAddFormations div.ajoutFormationEcole a {
	font-weight: normal;
	margin-left: 1px;
	font-size: 12px;
	letter-spacing: 0.5px;
	color:#7e7e7e;
}

#formAddFormations div.ajoutFormationEcole a[role="missingEcole"] {
	display:block;
	width:100%;
	height:100%;
}

#formAddFormations div.ajoutFormationEcole a:hover { text-decoration: none; }

#formAddFormations div.ajoutFormationEcole div { letter-spacing:0; margin:10px 0; }
#formAddFormations table tr:first-child td:last-child div[role="missingEcolePanel"] p { padding:0 5px 0 0 !important; }

#formAddFormations select[name="franceSTypeFormation"] optgroup { background:#5e8198; color:#25333c; }
#formAddFormations select[name="franceSTypeFormation"] option { background:#fff; }

#formAddParcours.edit, 
#formAddFormations.edit { border:1px solid #badbd0; }

#parcoursTab div[role="resetForm"], 
#formationTab div[role="resetForm"] { background: #c85959 !important; }
#parcoursTab div[role="resetForm"]:hover, 
#formationTab div[role="resetForm"]:hover { background: #af4e4e !important; }

#formAddParcours.edit > input, 
#formAddFormations.edit > input { background:#83ceb2 !important; color:#134f25 !important; text-shadow:0 0 1px #c2dbc8; }
#formAddParcours.edit > input:hover, 
#formAddFormations.edit > input:hover { background: #66bc9c !important; }

#parcoursTab div[role="resetForm"], 
#formationTab div[role="resetForm"] {
	color:#fff;
	border: 1px solid #c85959;
	padding: 4px 10px;
	margin-top:20px;
	-webkit-border-radius: 0;
	border-radius: 0;
	cursor:pointer;
	text-align:center;
	font-size:13px; font-weight:bold;
	text-shadow:0 0 1px #943c3c;
}

#formAddParcours .input-group-text {
	line-height:1;
	font-size:12px;
	font-weight:bold;
	padding:0 20px 0 0;
	background:none;
	color:#4c4c4c;
	text-shadow: 0px 0px 1px #fff;
	border:0;
	width:130px;
}
#formAddParcours input { height:29px; font-size:12px; }

/* CERTIFICATIONS */
#certificationsTab .lienCertif { 
	display:block;
	height:auto;
	width:calc(33% - 32px);
}
#certificationsTab .lienCertif:hover { text-decoration:none; }
#certificationsTab .cadreCertif {
	display:inline-block;
	position:relative;
	width:100%;
	height:auto;
	white-space: nowrap;
	padding:10px 10px 30px;
	margin:5px 5px 10px;
	background-color: #fff;
	border: 1px solid #c5d1dd;
	-moz-box-shadow: inset 0 0 14px #d8e4f0;
	-webkit-box-shadow: inset 0 0 14px #d8e4f0;
	box-shadow: inset 0 0 14px #d8e4f0;
	color: #fff;
	text-decoration:none;
	text-align:center;
}
#certificationsTab .cadreCertif:hover {
	background: #ecf1f4;
	background: -moz-linear-gradient(left,  #ecf1f4 0%, #f9f9f9 100%);
	background: -webkit-linear-gradient(left,  #ecf1f4 0%,#f9f9f9 100%);
	background: linear-gradient(to right,  #ecf1f4 0%,#f9f9f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf1f4', endColorstr='#f9f9f9',GradientType=1 );
	border: 1px solid #c5d1dd;
	-moz-box-shadow: inset 0 0 14px #d8e4f0;
	-webkit-box-shadow: inset 0 0 14px #d8e4f0;
	box-shadow: inset 0 0 14px #d8e4f0;
	color: #fff;
	text-decoration:none;
}

#certificationsTab .cadreCertif div.stampTitle { 
	height:21px;
	line-height:20px;
	padding:0 10px;
	margin-bottom:26px; 
	font-weight:bold;
	text-align:left;
	text-shadow: 0px 0px 3px #3a4d5b;	
	background: #d1d1d1;
	background: -moz-linear-gradient(top,  #d1d1d1 0%, #b4b4b4 100%);
	background: -webkit-linear-gradient(top,  #d1d1d1 0%, #b4b4b4 100%);
	background: linear-gradient(to bottom, #d1d1d1 0%, #b4b4b4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#b4b4b4',GradientType=0 );
}

/* RH */
.noteRh { 
	width:100%;
	padding:0 8px; 
	margin: 0;
	border: solid 1px #acacac;
	border-top:0;
	color:#1f2930 !important;
	background: #d1d1d1;
	background: -moz-linear-gradient(top,  #d1d1d1 0%, #b4b4b4 100%);
	background: -webkit-linear-gradient(top,  #d1d1d1 0%, #b4b4b4 100%);
	background: linear-gradient(to bottom, #d1d1d1 0%, #b4b4b4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#b4b4b4',GradientType=0 );
	border-radius:0;
	-webkit-border-radius:0;
	letter-spacing:1px;
	font-weight:bold;
	text-shadow:1px 1px 0px #dcdcdc;
}
.noteRh:hover { 
	background: #c2c1c1;
	background: -moz-linear-gradient(top, #c2c1c1 0%, #979797 100%);
	background: -webkit-linear-gradient(top, #c2c1c1 0%, #979797 100%);
	background: linear-gradient(to bottom, #c2c1c1 0%,#979797 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2c1c1', endColorstr='#979797',GradientType=0 );
	text-shadow:1px 1px 0px #cbcbcb;
}

/* ACTIVITE DVP */
#activiteTabStats { border-collapse:collapse; white-space:nowrap; border: 5px solid #486578; }
#activiteTabStats caption { text-align:left; padding: 20px 0 10px; font-weight:bold; color:#254151; }
#activiteTabStats th { text-align:center; font-weight:normal; border: 1px solid #486578; }
#activiteTabStats th, #activiteTabStats td { padding: 2px 6px; }
#activiteTabStats td:not(.jour) { padding:0; width:1em; height:1em; border:1px solid #69869933; }
#activiteTabStats .mois, #activiteTabStats .jour { background-color:#5e8198; color:#fff; }
#activiteTabStats .jour { font-size:0.7em; border: 1px solid #486578; }
#activiteTabStats .spanHint { display:block; width:inherit; height:inherit; cursor:default; }
#activiteTabStats tbody { font-size:14pt; }
.contenuActivite { padding: 15px; margin-bottom: 14px; border: 1px solid #b1c1cc; }
#activiteTab .skillLevel { position:relative; }
#activiteTab .pagination { margin:0; position:absolute; right:0; bottom:-1px; font-size:1em; background:none; border:0; }
#activiteTab .pagination a{
	border:1px solid #b1c1cc;
	border-bottom:0;
	padding:0 20px;
	text-decoration:none;
	color: #99aab5;
	background: #fff;
    font-weight: normal;
    line-height:2;
	-webkit-border-radius: 0 10px 0 0;
	border-radius: 0 10px 0 0;
}
#activiteTab .pagination a:first-child{
    border-width:1px;	
	-webkit-border-radius: 10px 0 0 0;
	border-radius: 10px 0 0 0;	
	background: #fff;
}
#activiteTab .pagination a:hover {
	background: #dcecf2;
	background: -moz-linear-gradient(top,  #dcecf2 0%, #fffcfc 100%);
	background: -webkit-linear-gradient(top,  #dcecf2 0%,#fffcfc 100%);
	background: linear-gradient(to bottom,  #dcecf2 0%,#fffcfc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcecf2', endColorstr='#fffcfc',GradientType=0 );
}

/* OPTIONS */
#optionsTab div.contenu { color:#486171; }
#optionsTab div.contenu > div { 
	display: grid;
	grid-gap: 0 5px;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: minmax(50px, auto);
	align-items: center;
}
#optionsTab div.contenu > div:hover { background:#f7f7f7; }
#optionsTab div.contenu > div > div { display:inline-block; }
#optionsTab div.contenu > div > div:last-child { white-space:nowrap; }

#optionsTab div.contenu > div > div span.button { position:relative; }
#optionsTab div.contenu > div > div span.button .dvp_loader { left:-56px; }

#optionsTab div.contenu > div > div .custom-select { 
	-moz-border-top-right-radius:0;
	-webkit-border-top-right-radius:0;
	border-top-right-radius:0;
	-moz-border-bottom-right-radius:0;
	-webkit-border-bottom-right-radius:0;
	border-bottom-right-radius:0;
	padding-right:50px;
}
#optionsTab div.contenu > div > div .custom-select[size] { padding:5px 26px 3px 6px; height:24px; }
#optionsTab div.contenu > div > div [role="validercodepostal"] { margin:0 0 0 -4px; }
#optionsTab div.contenu > div > div span.button[role="validercodepostal"] .dvp_loader { left:-36px; }

#optionsTab div.contenu .checkBlok .checkbox .cr { 
	width:22px;
	height:22px;
	top:8px;	
}
#optionsTab div.contenu .checkBlok .checkbox .cr .cr-icon { 
	top: 54%;
	left: 20%;
	font-size:13px;
}
#optionsTab div.contenu .checkBlok span.button { 
	position:relative;
	top: 1px;
	margin:0;
	margin-left:10px;
	padding:3px 5px 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
}
#optionsTab div.contenu > div > div.checkBlok span.button .dvp_loader { left:30px; }

/* CONTACTS */
#resultatContacts {
	display: grid;
	grid-gap: 15px;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: minmax(0, auto);
	align-items: center;
}
#contactsTab .cadreAvatar {
	display:inline-block;
	position:relative;
	white-space: nowrap;
	padding:10px;
	margin-bottom:2px;
	background-color: #fff;
	border: 1px solid #c5d1dd;
	-moz-box-shadow: inset 0 0 14px #d8e4f0;
	-webkit-box-shadow: inset 0 0 14px #d8e4f0;
	box-shadow: inset 0 0 14px #d8e4f0;
	color: #486171;
}
#contactsTab .avatar {
	width:90px;
	height:90px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background-color:#fff;
	background-repeat: no-repeat;
	background-position: center center;
	-moz-box-shadow: 0px 0px 50px 0px #c5d1dd;
	-webkit-box-shadow: 0px 0px 50px 0px #c5d1dd;
	-o-box-shadow: 0px 0px 50px 0px #c5d1dd;
	box-shadow: 0px 0px 50px 0px #c5d1dd;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#c5d1dd, Direction=NaN, Strength=50);
}
#contactsTab .userAvatar, 
#contactsTab .usertitleAvatar,
#contactsTab .mpAvatar, 
#contactsTab .profilforumAvatar { position: absolute; left: 116px; }
#contactsTab .userAvatar { display: block; top: 10px; font-size: 1.8em; }
#contactsTab .userAvatar:hover { text-decoration:none; }
#contactsTab .usertitleAvatar { top: 42px; }
#contactsTab .mpAvatar { top: 62px; }
#contactsTab .profilforumAvatar { top: 82px; }

/* CANDIDATURES */
#candidaturesTab table { border-collapse:collapse; border:1px solid #b1c1cc; padding:10px 20px; margin-top:30px; }
#candidaturesTab table tr td { border-bottom:1px solid #b1c1cc; padding:20px; }
#candidaturesTab table tr td:last-child { font-weight:bold; margin-bottom:0; }
#candidaturesTab table tr td:last-child span { font-weight:normal; }

/* RHINTERNE */
#rhinterneTab .infosPerso { display:flex; margin-top:20px; padding:6px 10px; }
#rhinterneTab .infosPerso > div { flex:auto; font-weight:bold; }
#rhinterneTab .infosPerso > div span.button { position:relative; }
#rhinterneTab .infosPerso > div:first-child span.button .dvp_loader { left:-56px; }
#rhinterneTab .infosPerso > div select { padding-right:50px; }
#rhinterneTab .infosPerso > div .custom-select { 
	-moz-border-top-right-radius:0;
	-webkit-border-top-right-radius:0;
	border-top-right-radius:0;
	-moz-border-bottom-right-radius:0;
	-webkit-border-bottom-right-radius:0;
	border-bottom-right-radius:0;
}