/* CSS Document */

body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

ul, li
{
	margin:0;
	padding:0;
	list-style:none;
}

a
{
	text-decoration:none;
	color:black;
}

a:hover
{
	color:#027fff;
	text-decoration:none;
}

.header
{
	background-color:#007cb9;
	width:100%;
	padding-top:14px;
	height:36px;
}

.header_box
{	
	width:1000px;
	margin:0 auto;
}

.logo, .bout_header
{
	float:left;
}

.logo
{
	margin-right:50px;
    color:#fff;
    font-weight:bold;
    font-size:14px;
}

.menu_header li
{
	display:inline;
}


.bout_bleu, .bout_violet, .bout_orange, .bout_vert
{
	display:block;
	float:left;
	position:relative;
	background-color:#0267ff;
	padding:5px 10px;	
	margin-right:10px;
	color:white;
	font-weight:bold;
	text-transform:uppercase;
	font-size:13px;
}

.bout_bleu:hover
{
	color:white;
	background-color:#027fff;
}

.bout_violet
{
	background-color:#9d57eb;
}

.bout_violet:hover
{
	color:white;
	background-color:#bf4fff;
}

.bout_orange
{
	background-color:#ff6c00;
}

.bout_orange:hover
{
	background-color:#ff7e00;
	color:white;
}

.bout_vert
{
	background-color:#666666;
}

.bout_vert:hover
{
	color:white;
	background-color:#999999;
}

.ss_menu_header
{
	width:530px;
	float:left;
	margin-top:20px;
}

.ss_menu_header li a
{
	text-transform:none;
	background-color:#0267ff;
	margin:0;
	padding-right:15px;
	font-size:12px;
}

.ss_menu_header li a.alerte_mail
{
	background-color:#ffffff;
	color:black;
	margin-right:0;
	margin-left:1px;
}

.ss_menu_header li a.alerte_mail:hover
{
	background-color:red;
	color:white;
}

.titre_page
{
	background-color:#666666;	
	width:100%;
	padding:2px;
	text-align:center;
}

.titre_page h1
{
    color: #ffffff;
    font-size: 17px;
    font-weight: normal;
    padding-left: 10px;
    text-align: left;
    text-transform: uppercase;
}

.recherche
{
	width:100%;
	background-color:#dddddd;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:20px;
}

.recherche label, .recherche input
{
	border:none;
}

.recherche input
{
	background-color:white;
	margin-right:10px;
}

.recherche input.bout_ok
{
	background-color:#444444;
	color:white;
}

.recherche input.bout_ok:hover
{
	cursor:pointer;
	background-color:#000000;
}

.page
{
	padding:20px;
}

table th
{
	background-color:#444444;
	color:white;
	text-align:left;
}

table tr:hover
{
	background-color:#eeeeee;
}

table tr td
{
	border-bottom:1px #cccccc solid;
}

.bout_tab
{
	background-color:#eeeeee;
	padding:1px 4px;
	margin:2px;
	display:inline-block;
	text-align:center;
	position:relative;
	color:white;
	width:95px;
	font-size:11px;
}

.bout_tab:hover
{
	background-color:#000000;
	color:white;
}

.bleu_01
{
	background-color:#0043dc;
}

.bleu_02
{
	background-color:#007eff;
	/*width:60px;*/
}

.bleu_03
{
	background-color:#5087da;
}

.bleu_04
{
	background-color:#009398;
}

.bleu_05
{
	background-color:#00c2a0;
	/*width:60px;*/ 
}

.bleu_06
{
	background-color:#ff8811;
}

.bleu, .violet, .vert
{
	background-color:#007eff;
	color:white;
	padding:5px;
	font-weight:bold;
}

.red
{
    background-color:#ff0000!important;
	color:white;
	padding:5px;
	font-weight:bold;
}

a.bleu:hover
{
	color:white;
	background-color:#002096;
}

.violet
{
	background-color:#d304ff;
}

.vert
{
	background-color:#00c06c;
}

.bout_ajout
{
	float:right;
	margin-bottom:5px;
}

.bout_ajout a
{
	background-color:#0267ff;
	color:white;
	padding:5px 10px;
}

.bout_ajout a:hover
{
	background-color:#027fff;
}

.floatLeft
{
	float:left;
}

.even
{
	background-color:#f7f7f7;
}

.bout_td
{
	text-align: right;
    width:270px;
}

.bout_td table tr td
{
	border:none;
}

.mots_cles
{
	float:left;
	width:16%;
	background-color:#eeeeee;
	border-right:3px white solid;
}

.recherche_cv
{
	float:left;
	width: 900px;
}

.search_box
{
	background-color:#dddddd;
}

.clearBoth
{
	clear:both;
}

.text_center
{
	text-align:center;
}

.no_border td
{
	border:none;
}

.text_bleu_01
{
	color:#0267ff;
}

.text_bleu_02
{
	color:#009398;
}

.bout_actif
{
	display:block;
	background-color:#09A86A;
	padding:2px;
	color:white;
	width:60px;
	text-align:center;
}

.bout_actif:hover
{
	background-color:red;
	color:white;
}

.bout_inactif
{
	display:block;
	background-color:red;
	color:white;
	padding:2px;
	width:60px;
	text-align:center;
}

.bout_inactif:hover
{
	background-color:#09A86A;
	color:white;
}
.manager_inner {padding:12px 30px 12px 12px;}
.filtre_response {display:flex;}
.filtre_response .reponse {background:#dfdfdf; width:300px; height:150px; margin-right:5px;}
.filtre_response .reponse .titra {background:#0267ff; text-align:center; color:#fff;}
.filtre_response .reponse .messazy {padding:10px;}
.filtre_response .reponse .messazy a {display:block; font-weight:bold;}
.response-notice {color:red;}
.filtre_response .reponse_act {width:250px; height:140px; background:#0267ff; text-align:center; padding:5px; color:#fff;}
.filtre_response .reponse_act ul li {margin:10px 0;}
.filtre_response .reponse_act a, .filtre_response .reponse_act span {background:#fff; color:#000; display:block; padding:4px 0;}
.filtre_response .reponse_act span {background:#c8c8c8; color:#fff;}
.filtre_response .reponse_act a:hover {background:#00006c; color:#fff;}

.link_tab { padding: 1px 8px; margin: 2px; display:inline-block; text-align: center; position: relative; color:white; font-size: 11px;}
a.link_tab:hover {background:#000; color:#fff;}
.link_bleu_01 {background:#0043dc;}
.link_bleu_02 {background:#007eff;}
.link_bleu_03 {background:#38339b;}
.link_gris_01 {background:#a8a8a8;}
.link_rouge_01 {background:#d63a59;}
.link_vert_01 {background:#00c2a0;}
.bo_separator {border-top:1px solid #dfdfdf; margin:8px 0;}
.paging2 a {font-size:14px; background:#3573b0; color:#fff; padding:2px 10px;}
.historique {display:flex;}
.historique .form {width:540px; border-right:1px solid #ccc; padding:0 10px;}
.historique .form textarea {height:200px;}
.historique .form .input-text {width:100%;}
.historique .form .bar_action {margin:10px 0; text-align:right;}
.historique .list {width: calc(100% - 550px); padding:0 10px;}
.historique h2 {margin:0; font-size:14px; background:#ccc; padding:8px;}
.date_entretien {color:#5e84ae;}
.orizine {color:#3d8fbc;}


.timeline h4{margin:0; padding:0; color:#FF3D00; font-size:1.5rem; text-transform:uppercase; }
.timeline h4 i {font-size:1.5rem;}
.timeline h4:after{height: 2px;display: block;width: 96%;background: #FF3D00;content: ''; margin-left:0rem;}
.timeline_item {color:#000; border-bottom:1px solid #dfdfdf; padding:1rem 0.5rem 1rem 0; margin-right:1rem; position:relative;}
a.action {background-color:#ff3d00; color:#fff; border-radius:4px; padding:2px 10px; float:right; margin-right:0.5rem;}
a.ignore {background-color:#D7EDFA; color:#869FA6;}
.timeline i.fa-check {color:#57a038; float:right;}
.cls_annonce_save, .cls_candidature, .cls_recruteur_suivi, .cls_annonce, .redlabel{color:#ff3d00; font-weight:bold;}
.timeline-link {background-color: #ff3d00; border-radius: 4px; color: #fff; margin-top: 0.5rem; padding: 2px 10px; display:inline-block; width:80%; text-align:center;}
a.visibility,  a.visibility i{background-color:#77ba0d!important; color:#fff!important;}
.timeline_item .vert {color:#77ba0d; background:#fff;}

a.visib_active, a.visib_active i{background-color:#FA8C01!important; }

.timeline_item:after{position:absolute; top:1.4rem; left:0; }
.icon_annonce_save:after{content: "\f0c7"; font-family: 'FontAwesome';}
.icon_candidature:after{content: "\f045"; font-family: 'FontAwesome';}
.icon_recruteur_suivi:after{content: "\f0a1"; font-family: 'FontAwesome';}
.icon_recruteur_cv:after{content: "\f090"; font-family: 'FontAwesome';}
.icon_annonce:after{content: "\f016"; font-family: 'FontAwesome';}
.timeline_item div {margin-left:1.2rem;}
.link-remove-candidature {background:red; color:#fff; padding:4px;}
.link-remove-candidature:hover {background:#000; color:#fff;}

.link-restore-candidature {background:#549c50; color:#fff; padding:4px;}
.link-restore-candidature:hover {background:#000; color:#fff;}

tr.not-vue td.premier {font-weight:bold;}
.filtrage_head {display:flex;}
.filtrage_head .bout_ajout {margin-left:auto;}
.filtrage_filter {margin:0 0 10px 0;}
.filtrage_filter a {background:#1d6478; color:#fff; padding:5px;}
.prev-cv div {margin:10px 0;}