body {
	
	
	font-family:'vegasoft' , 'Open Sans', sans-serif;
	
	color: #363636 ;
	}


	@font-face {
	font-family: "vegasoft";
		font-weight: 500 ;
	src: url('/customStyle/police/vegasoft-Regular.ttf');
}
@font-face {
	font-family: "vegasoft";
	font-style: italic;
	src: url(/customStyle/police/vegasoft-Italic.ttf);
}
@font-face {
	font-family: "vegasoft";
	font-weight: bold;
	src: url(/customStyle/police/vegasoft-Bold.ttf);
}
	
@font-face {
	font-family: "vegasoft";
	font-weight: 300 ;
	src: url(/customStyle/police/vegasoft-Light.ttf);
}	

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
	font-family: 'vegasoft' , 'Open Sans', sans-serif;
	
}

::placeholder {
  color: #fff ;
}

.textOffreRe {
	color: #2E2E2E ;
}

.btn:hover{
	cursor: pointer ;
}

/*     index style   */

.btn-index i {
		
	 
		background: #2C3E50 ;
		border-radius: 500px ;
		color: #fff ;
		padding: 15% ;
		
		font-size: 35px  ;
		margin-bottom: 10px ;
		
	}
	
	.btn-index {
		color: rgba(61,61,61,0.50);
    font-size: 14px;
    font-weight: 700;
		
	}
	.btn-index-j {
		border-color: #EBBD63 ;
		
	}
	
	.btn-index:hover i {
			background: #EBBD63 ;
		color: rgba(88,86,86,0.90) ;
			/*background: #eee ;
		
		color: #2C3E50 ;*/
		
	}

/*     index style   */



a{
	color: #323232 ;
}

a:hover {
	color: #121212 ;
}

h1,h2,.h1,.h2 {
	font-family: 'vegasoft' , 'Raleway', sans-serif;
	
	
	font-weight: 200 ;
}


.myfont{
	font-family: 'vegasoft' , 'Raleway', sans-serif;
	
	
	font-weight: 400 ;	
}

h3,.h3
 {
	font-family:'vegasoft' , 'Raleway', sans-serif;
	
	
	font-weight: 300 ;
}

h4,
h5,
h6,
.h4 ,
.h5,
.h6 {
	
	font-weight: 500 ;
}
.myBold {
	font-weight: 700 ;
}
	
	
.global {
	background: rgba(45,62,80,0.03) ;
	width:100% ;
	}	
.globalSec {
	width:95% ;
	}
.global .row {
	margin-top: 10px ;
	margin-bottom: 10px ;
	}

.ou {
	text-align:center ;
	background: rgba(46,91,61,0.20) ;
	border-radius: 50px ;
	margin:10px ;
	padding: 20px 0px 20px 0px  ;

	
	
	}



.window {
	
	background:#FFFFFF ;
	border-radius: 5px ;
	height:inherit ;
	padding:10px ;
	padding-right:20px ;
	padding-left:20px ;
	border: 1px solid rgba(203,203,203,0.30) ;
	
	}	
	.footer {
		background:#22313F ;
		color:#FFFFFF ;
		width:100% ;
		padding:30px ;}

.icon-dem {
	width: 50px ;
	padding: 5px ;
	background: #34495E ;
	transition-duration: 0.1s ;
}

.window-dem {

	border-radius: 2px ;
	cursor: pointer ;
}


.ndisplay {
	
	display: none ;
}


.nav-profil {
	margin-bottom: 5px ;
}





.windowContain {
	padding-top: 6px ;
	text-align: left;
	position: relative ;
}


.profilName {
	margin-top: 20px ;
}




.profilInfo .profilIcon , .experiencesIcon , .diplomeIcom , .offreIcon , .rechercheIcon 


{
	display: inline-block;
	text-align: center ;
	width: 20px ;
}

.profilInfo {
	width: 100% ;
		text-align: left ;
		height: auto;
	}

@media (max-width: 768px) {
	
	.windowContain {
	text-align: center;
}
	.profilInfo {
		text-align: left ;
	
	}
	
	.window-dem .myBold {
		display: none ;
	}
	
	.profilInfo2 {
		display:  none ;
		margin-bottom: 20px ;
	}
	.suivantProfil {
		display: block ;
	}
	
}

.window-next-line {
	margin-top: 10px ;
}

.chargement {
	display: inline-block ;
}


.form-control {
  border-radius: 0;
  width: 100%; 
height: 34px ;
  min-height: 28px;
}


.form-control:focus {
  border-color: #CCD0D7;
  box-shadow: none !important; }


.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
	margin-right:  0px ;
  min-height: 34px;
 }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #73879C;
  padding-top: 2px; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding-top: 2px; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 34px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  margin-top: 2px;
  border: none;
  border-radius: 0;
  padding: 2px 4px; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #ccc; }
.select2-search , .select2-search--inline {
	width: 100% ;
}




.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.15s ease-in-out;
    width: 20px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.1s ease-in-out;
    width: 12px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 10px;
}
.modifierIcon {
	
	position: absolute ;
	top: 3px ;
	right: 5px ;
	
	
}



@media (max-width: 768px) {
	
	.modifierIcon .fa {
	opacity: 1 ;
}
}


.modifierIcon .fa {
	margin-right: 10px ;
	opacity: 0.5 ;
	
}

.modifierIcon .fa:hover {
	opacity: 1 ;
	cursor: pointer ;
	
}

.ch {
	width: 150px ;
}

.fileAff {
	padding: 10px ;
	border-radius: 3px ;
}

.iconFile {
	max-height: 120px ;
}

.footerLink a {
	color: rgba(255,255,255,0.90) ;
	
}

.footerLink div {
	margin: 10px ;
}

.row-experience , .row-diplome {
	padding: 20px ;
}

.detail .experiencesIcon , .detail .diplomeIcon {
	display: inline-block ;
}


.chart{position:relative;display:inline-block;width:110px;height:110px;margin-top:5px;margin-bottom:5px;text-align:center}
.chart canvas{position:absolute;top:0;left:0}
.percent{display:inline-block;line-height:110px;z-index:2;font-size:18px}
.percent:after{content:'%';margin-left:0.1em;font-size:.8em}
.angular{margin-top:100px}
.angular .chart{margin-top:0}

.progress_sm {height: 10px ; margin-top: 7px ;}
.progress_xs {height: 7px ; margin-top: 5px ;}
.progress {margin: 2px ; border-radius: 0px ;} 

.itemLangueB {
	padding: 15px ;
}

#titreLangueA {
	padding-top: 10px ;
	height: 70px ;
}


#titreCompetencesA{
	padding-top: 10px ;
	
}

.itemCompetencesB{
	padding-left: 40px ;
}


.comp {
	
	
	left: 5px ;
	display: none ;
}

.itemCompetencesB:hover .comp {
	display: block ;
}


@media (max-width: 768px) {
	
.comp {
	display: block ;
}
}



.profilImage {
	max-width: 126px ;
	background: #fff ;
	padding: 3px ;
	border: 1px solid rgba(70,70,70,0.10) ;
	border-radius: 2px ;
	cursor: pointer ;
}

#InfoAffichage {
	padding: 20px ;
	position: relative ;
}

.nbrOffrePublier {
	color: rgba(61,61,61,0.50) ;
	font-size: 20px ;
	font-weight: 700 ;
}

.nbrOffrePublierN {
	
	color: rgba(54,55,96,0.70) ;
	font-size: 30px ;
	font-weight: 700 ;
}
.stat {
	padding: 10px 20px ;
	margin: 0px 10px ;
	
	border-radius: 5px ;
	background: rgba(255,255,255,1.00) ;
}


.editor-wrapper {
  min-height: 250px;
  background-color: white;
  border-collapse: separate;
  border: 1px solid #cccccc;
  padding: 4px;
  box-sizing: content-box;
  box-shadow: rgba(0, 0, 0, 0.07451) 0px 1px 1px 0px inset;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  overflow: scroll;
  outline: none; }


.compose .compose-body .editor-wrapper {
  height: 100%;
  min-height: 50px;
  max-height: 180px;
  border-radius: 0;
  border-left: none;
  border-right: none;
  overflow: auto; }

.rechercheAffichage {
	padding: 5px 5px 5px 5px  ;
	border-bottom: solid 1px rgba(209,209,209,0.50) ;
}

.rechercheAffichage:hover {
	cursor: pointer ;
	background: rgba(200,200,200,0.50) ;
	box-shadow: 0px 0px 2px rgba(100 ,100 ,100 ,0.5) ;
}

.footerDate{
	
	color: rgba(168,168,168,1.00) ;
	position: absolute ;
	bottom: 12px ;
	right: 30px ;
}

.btn-admin {
	margin: 2px ;
	border-radius: 5px ;
	border: 1px solid rgba(223,223,223,1.00) ;
	cursor: pointer ;
}
.btn-admin hr {
	margin: 5px ;
}
.btn-admin h3 {
	font-size: 20px ;
	margin: 3px 2px  ;
}

.btn-admin:hover{
	box-shadow: 0px 0px 5px rgba(223,223,223,0.50) ;
}
.textAdmin{
	height: 100px ;
	padding: 5px ;
}
.verificationEntreprise {
	margin: 2px ;
}

.PreRecItem {
	height: 80px ;
}





.emailRow {
	margin-right: 5px ;
	margin-bottom: 5px ;
	color: rgba(255,255,255,0.80) ;
	display: inline-block ;
	padding: 0px 5px  ;
	background: #BD872F ;
	border: rgba(122,122,122,1.00) 1px solid ;
	border-radius: 3px ;
}
.textEmail {
	margin: 0px 5px ;
}

.textEmail , .iconEmail ,  .iconEmailD {
	display: inline-block ;
}

.iconEmail , .iconEmailD {
	padding: 0px ;
	
}

.iconEmailD {
	padding-right: 5px ;
	border-right: 1px solid rgba(255,255,255,0.30) ;
}

.iconEmail {
	padding-left: 5px ;
	border-left: 1px solid rgba(255,255,255,0.30) ;
}


.goDisable{
	position: absolute ;
	top: 10px ;
	bottom: 10px ;
	left: 10px ;
	right: 10px ;
	border-radius: 5px ;
	
	z-index: 20 ;
}

.postuler {
	margin: 10px ;
}

.chHide {
	display: none ;
}

.progress-bar{
	transition-duration: 0.5s ;
}
.select2-offscreen {
    top:0px
}