
/* Bouton devenir membre page postuler*/
a.airlink0.hider.pull-right.btn.btn-info {

}

a {
	color: #501b73;
}

.btn-primary, .panel-primary .panel-heading {
	background-color: #501b73;
	border-color: #501b73;
}

.btn-primary:hover {
	background-color: #8d41c0;
	border-color: #8d41c0;
}

#logoImg {
	width: 200px !important;
	max-width: 200px !important;
}

h2.myalertTitle{
	font-size:17px;color:#888888;font-weight:bold;padding:10px;background:#efefef;display:block;
}

.taillechamps{
	max-height:30px!important;
}

.visualiser{
	float:right;
	margin-bottom:20px;position:relative;top:10px;font-size:13px;

}

input#inputPassword.pass, input#inputEmail.pass{
	width:450px;
}

.clignoter:hover{
	animation:none;
}

.sendCv{
	margin: 40px 0 20px 0 ;
}

.clignoter {
-webkit-animation-name: blinker;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: blinker;
-moz-animation-duration: 1s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
animation-name: blinker;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.5; }
100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.5; }
100% { opacity: 1.0; }
}

@keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.5; }
100% { opacity: 1.0; }
}

.navbar-default .navbar-collapse{

	border:none;
}

.ctmeter {

width: 75%;
float: right;
display: inline-block;
clear: both;
}


#dropdown-account:hover ul.dropdown-menu{ 
	display:block;	 
}

#profilPub{

	width:58%;
}



.avatar{
	border-radius:15px;
}

.item-profil .btn, .item-profil input, .item-profil select, .item-profil label{

margin-top:10px;
}

.row.item-profil{

	
}


.modifExp{
	background-color:#fff;
	color:#eea236 !important;
	border:none;
	margin:0 15px 25px 0;
	display:inline-block;

}


.containerOrgExp{
	margin-left: 0px;
	clear:both;
}


.controlit{
margin-bottom:-20px;
}

#block{

display:none;
}

.linksocial:hover{
	color:#501b73 !important;
	text-decoration:none;
}

.linksocial{
	color:#333;
	text-decoration:none;
}

#overlay3{
display: none;
position: fixed;
top:0; right:0; bottom:0; left:0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1000;
}

.mandatory{
color: #d9534f;
font-weight:bold;
font-family:arial;
}

.expand{
background-color:lightgray;
display:block;
margin: -15px 0 20px 0;
padding:25px 15px 25px 15px;
overflow:hidden;
}

.charleft{
	overflow:hidden;
	clear:both;
}

#overlay3:target{
display: block;
}

.info-form{

display:inline-block;
margin: 0 0 20px 20px;

}

.spacew b{
position:relative;
left:-15px;
top:0px; 
display:inline-block;
margin-top:20px;
margin-bottom:5px;
}

.popup_block{
background: #fff;
padding: 20px;
border: 20px solid #ddd;
position: relative;
margin: 15% auto;
width: 40%;
min-height:125px;
box-shadow: 0px 0px 20px #000;
border-radius: 10px;
}

.entlogo{
display:block;
margin: 5px auto 10px auto;
}

.poids {
position: relative;
bottom: 19px;
left: 10px;
color: white;
}

.alert{
width:90%;
margin:10px auto 0 auto;
max-width:800px;
}

.airlink0{
font-weight:bold;
margin-top:-13px;

}

.ou{

width: 90%;
max-width: 800px;
margin: 20px auto 10px auto;
	
text-align:center;
font-family:verdana;
font-size:1.3em;
height:25px;
line-height:25px;
background-image:url('../images/ressources/back-or.png');
	
}

.outxt{
	
	background-color:#e6e7f0;
	padding: 0px 10px 0 10px;
	color:grey;
	font-weight:bold;
}
#connexion{
width: 90%;
max-width: 800px;
margin: 20px auto 10px auto;
background-color:#ffffff;
border: 2px solid #dadada;
padding: 10px 50px 10px 50px;
border-radius: 10px;
}

#imgClick{
width: 90%;
max-width: 800px;
margin: 20px auto 50px auto;
background-color:#ffffff;
border: 2px solid #dadada;
padding: 10px;
border-radius: 10px;
}



.ctem a{
float:right;
margin: 0 0 5px 0 ;
display:inline-block;
width:200px;
}

body, html {
margin: 0;
padding: 0;
min-height: 100%;
}

html {
top: 0;
left: 0;
min-height: 100%;
width: 100%;
}

.space{
color:#CED8F6 !important;
}

.onglet{
color:#CED8F6 !important;

}


.onglet img{
border:2px solid green;
}

.onglet:hover{
background-color:#444!important;
}

.space:hover{
background-color:#444!important;
}

.onglet-space{
border-right:1px solid #fff!important;
}

.active{
background-color:#e6ecee;
color:#333!important;
font-weight:bold;
}
.active:hover{
//background-color:#fff!important;
}

.espace{
height:10px;
background-color:#333;
}

#header-infinity{
background-color:#501b73;
background-image:url('/t_medias/2013/back_header.png');
background-repeat:repeat-y;
border-bottom:2px solid #539bd0;
}

#mon-header{
width:90%;
margin:0 auto 0 auto;
max-width:800px;
}

.navbar-default{

background-color:#333;
border:none;
margin:0;
width:90%;

}

#nav-infinity{
width:100%;
position:relative;
background-color:#333;


}

.nav-center{


margin:0 auto 0 auto;
max-width:800px;
}


#mon-header a {
color:#fff;
font-size:0.9em;
}


#mon-header img{
margin: 15px 0 15px 0;

}

.spacew b{
line-height:100%;
}

#footer-infinity{

position:absolute;

right:0;
left:0;

background-color:#333;
border-top:2px solid #666;

}
.pub-in{
float:right;
}
.pub{

margin-bottom:30px;
float:right;
width:300px;
height:250px;
}

.itsblue{
background-color: #501b73;
background-image: url('/t_medias/2013/back_header.png');
background-repeat: repeat-y;
}

.voirleprofil{
margin-right:20px;
}

.voirleprofil:hover,.lastbutton:hover{
text-decoration:none;
}

.monjambon {
overflow:hidden;
background-color:white;
opacity:0.9;
padding:5px 5px 25px 15px;
margin: 0 0 20px 0;
}

.monjambon h3{
font-size:1.7em;
}

.monjambon a {
margin-left:80px;
}

.lastbutton{
display:block;
margin: 0 auto 0 auto;
max-width:250px;
text-align:center;
}

.data{
border-top:5px solid #501b73;

padding: 10px 20px 20px 20px !important;


}

#mon-footer{
width:90%;
max-width:800px;
margin:0 auto 0 auto;


}

#mon-footer img{
margin:5px 0 5px 0;
}


.ctr-radio{
	padding-bottom:5px;
}

#steps {
	width: 90%;
	max-width: 800px;
	margin: 0 auto 20px auto;
	font-size: 1.4em;
	text-align: center;
	font-weight: bold;
	color: #337ab7;

}

.step {
	color: white;
	box-shadow: 3px 3px 5px grey;
	margin-top: 20px;
	margin-right: 20px;
	width: 40px;
	height: 40px;
	padding-top: 5px;
	border-radius: 22px;
	display: inline-block;
	background-color: #CEE3F6;
	border: 1px solid #CEE3F6;

}

.step-active {
background-color: #337ab7;
border: 1px solid #337ab7;
}

.btn-xs {
background-color: #CEE3F6;
}

#backToTop {
display: inline-block;
float: right;
margin: 20px 0 0 0;
}

#separated {
border-bottom: 1px solid #F2F2F2;
}

#separated button {
margin-bottom: 7px;
}

.totalexp {
border: 1px solid black;
text-align: center;
display: block;
width: 70%;
margin: 0 auto 25px auto;
padding: 10px;
border-radius: 5px;

}

#present {
width: 375px;
padding: 0 15px 0 0;
}

#present b {
	font-size: 0.9em;
}

#menu {
	float: right;
	clear: both;
	margin: 20px 0 0 0;
	width: 220px;
	border-radius: 15px;
	padding: 15px;
	font-size: 0.9em;
}

#menu ul {
	list-style: none;
	padding: 0;
}

#menu li {
	margin: 0 0 8px 0;
	list-style: none;
}

.global {
	display: inline-block;
	margin: 5px 0 5px 25px;
	border-left: 4px solid #D8D8D8;
	padding-left: 20px;
	width:100%;
}

.globalcomment {
	display: inline-block;
	margin:0 auto 20px auto !important;
	width:100%;
	padding-left:60px;
	padding-right:40px;
}

#bloctools {
	position: absolute;
	top: 0;
	width: 200px;
}

#bloctools img {
	width: 15px;
	padding: 0;
}

#bloctools button {
	border: none;
	width: 30px;
	height: 30px;
	background-color: #337ab7;
}

.modifier {
float: right;
border-top-right-radius:15px;
}


div#modMyData{
	overflow:hidden;
	margin-left:30px; 
}

div#apercu{
	overflow:hidden;clear:both;position:relative;top:200px;
}

.recadrer{

border-top-left-radius:15px;

}


button.btn.btn-default.col-xs-1.editButton {
	padding-left:0;position:relative;left:-30px;top:2px;

}

.magikLink{
	color:black;
	display:inline-block;
	margin: 0 0 1px 0;
	padding:3px;
}

.magikLink:hover {
	text-decoration:none;
	color:#337ab7;
	background-color:#dbeeff;
	display:inline-block;
	margin: 0 0 1px 0;
}

.gLink:hover{
	background-color:#e9e9e9;
	padding:3px;
	text-decoration:none;

}

.magikLink:hover:after{
	content:'\00b6 ';
}


.img-profil{
	border-radius:30px;
	max-width:400px;
}

.date-gris{
font-weight:bold;
color:#777;
}

.no-puce{
list-style:none;
color: #333;
display:inline-block;
margin: 0 10px 10px 0;
padding:5px 10px 4px;
background: #f1f1f1;
border-radius: 5px;
text-decoration: none;
}

.no-puce a{
text-decoration:none;
color:#333;
}

.no-puce:hover{
background-color:#c5e0f4;
}

.no-puce a:hover{
	color:#d9534f;
	}


/* PUCE BLOCK */

.no-puce-block{
list-style:none;
color: #333;
margin: 0 40px 5px 0;
padding:5px 10px 4px;
background: #f1f1f1;
border-radius: 5px;
text-decoration: none;

}

.no-puce-block a{
text-decoration:none;
color:#333;
}

.no-puce-block a:hover{
	color:#d9534f;
	}

.no-puce-block:hover{
background-color:#c5e0f4;
}



.no-puce-sans{
list-style:none;
color: #333;
display:inline-block;
margin: 0 10px 5px 7px;
padding:5px 10px 4px;
background: #f1f1f1;
border-radius: 5px;
text-decoration: none;
}

.removeIt{
	margin:2px 5px 2px 10px;
}

.cvcomment{
padding: 60px 40px 40px 20px !important;
margin-bottom:30px;
border:1px solid #f0ad4e;
border-radius:20px;
background:url('../images/ressources/quote-right.png')  no-repeat,
url('../images/ressources/quote-left.png') no-repeat;
background-position: 95% 30px, 40px 90%;
}

.history{
padding:20px !important;
margin-bottom:30px;
border-radius:20px;
}

.history h4{
background-image:url('/t_medias/2013/back_header.png');
height:130%;
color:white;
padding:12px;
}

.history li{
	list-style:square;
}

.content-item{
background-color:#333;
padding:7px 0 7px 0;
color:#fff;
font-size:1.3em;
font-family:verdana;
line-height:35px;

}

.puce-block{
display:block;
max-width:50%;
}

.action-button{
padding:2px 3px 5px 2px;
margin-right: -9px;
border-radius: 50%;
width:35px;
height:35px;
font-weight:bold;
font-size:1.1em;

}

.action-button:hover{
	background-color:#dceaf4}


.header-profil,.item-profil{
padding:15px 0 15px 0;
background-color:white;

}


div.item-profil.mainProfilItem{

	padding-right:60px;
}

.header-profil{
	background-image :url('../images/ressources/ban-my-aerocontact.com.jpg');
	margin-bottom:30px;
	height:270px;
}

.item-profil .spacew{

list-style:none
}


.picture-tools{
margin: 20px 0 0 0;
display:inline-block;
text-align:right;
width:100%;

}

.picture-tools a{
display:inline-block;
margin: 0 0 0 0 ;
color:black;
}

.picture-tools a:hover{

}

.picture-tools span{
margin: 0 10px 0 0;
}

#detailCv {
width: 90%;
max-width: 800px;
margin: 10px auto 50px auto;
background-color:#ffffff;
border: 1px solid #dadada;
padding: 20px 50px 10px 50px;
border-radius: 10px;
}

#myprofil{
width: 100%;
max-width: 860px;
margin: 10px auto 50px auto;
background-color:#e6ecee;
padding: 20px 50px 10px 50px;
border-radius: 10px;

}

#recapOffer {
width: 90%;
max-width: 800px;
margin: 20px auto 10px auto;
background-color:#ffffff;
border: 1px solid #dadada;
padding: 10px 50px 10px 50px;
border-radius: 10px;
}


.col-sm-10 {
width: 65%;
}

.add {
margin: 20px 0;
width: 200px;
}

.personalData{
	display:block;
	max-width:400px;
	margin:10px auto 0 auto !important;
	font-weight:bold;
}

input.btn-aero {
height: 22px;
background: #eeeeee;
border: 1px solid #cccccc;
border-radius: 2px;
color: #555555;
min-width: 60px;

}

.itemContainer {
margin-bottom:20px;
width: 70%;
float: left;
}

.itemContainer b {
color: #424242;
font-family: verdana;
font-size: 0.9em;
}

.item-profil .sub{
color:#666;
font-size:0.8em;
}

.actionContainer {
width: 30%;
float: left;
text-align: right;
}

.profilName {

text-transform: uppercase;

}

.titles {
margin-bottom: 15px;
color: #777;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px solid #dddddd;
padding-bottom: 2px;

}

.title {
display: inline-block;
}

#photo {
width: 200px;
float: right;

}

#formCv {
width: 90%;
max-width: 700px;
margin: 50px auto 50px auto;
border: 1px solid #dadada;
padding: 20px 50px 50px 50px;
border-radius: 10px;
}

#myCv {
border: none;
text-align: center;
margin: 0;
}

.pull-right.btn.btn-primary.edit {
margin: 20px 0;
width: 200px;
}


#dispoContainer{

border-top:1px solid #dedede;
border-bottom:1px solid #dedede;
margin:40px 0;
padding:20px 0;


}


.educTitle{
margin-left:50px;
/*background:#BBDEEB;*/
background:#efefef;
padding:5px;
color:#501b73;
border-radius:3px;

}   

.expTitle{
margin-left:50px;
/*background:#FFDEC8;*/
background:#efefef;
padding:5px;
color:#501b73;
border-radius:3px;

}
.tit{
font-weight:bold;
font-size:1.2em;
}
@media screen and (max-width: 768px) {

	.visualiser{
		float:none;
		margin-bottom: 30px;
	}

	.data{

	border-top:5px solid #501b73;
	box-shadow: none;

	}

	.pub{
	margin: 30px auto 30px auto;
	float:none;
	}

	.pub-in{
	float:none;

	}

	.tit{
	text-align:center;
	}


	.educTitle{
	margin-left:0px;
	}
	.expTitle{
	margin-left:0px;
	}
	.popup_block{
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	position: relative;
	margin: 25% auto;
	width: 95%;
	min-height:145px;
	box-shadow: 0px 0px 20px #000;
	border-radius: 10px;
	}


	.trouble{
	margin-bottom:10px;
	}

	.radioDispo{
	display:block;

	}

	.ctem{
	float:none;
	width:200px;
	margin: 0 auto 5px auto;
	}

	.ctmeter {
	width: 100%;
	float: none;
	}


	.meter {
	float: none;
	margin: 13px auto 3px auto;
	}

	#steps {

	margin-bottom: 20px;

	}

	#present {
	width: 100%;
	}

	#menu {
	float: none;
	margin: 0 auto 20px auto;
	}

	.monjambon {
	margin-bottom:20px;

	}

	.monjambon a{
	margin:0;
	}

	#bloctools {

	display: block;
	margin: 0 auto 0 auto;
	width: 200px;
	}

	div.col-sm-10 {
	width: 100%
	}

	#detailCv {
	width: 95%;
	margin: 10px auto 10px auto;
	border: none;
	padding: 10px;
	border-radius: 5px;
	}

	#myprofil{
	width: 95%;
	margin: 10px auto 10px auto;
	border: none;
	padding: 10px;
	border-radius: 5px;
	}

	#recapOffer {
	width: 95%;
	margin: 10px auto 10px auto;
	border: none;
	padding: 10px;
	border-radius: 5px;
	}




	.edit {
	margin: 40px 0;
	width: 100%;

	}

	#photo {
	width: 100%;
	margin-bottom: 20px;
	}

	.avatar {

	display: inline-block;
	margin: 0 auto 0 auto;
	width: 200px;
	}

	.itemContainer {
	width: 100%;
	float: none;
	}

	.actionContainer {
		width: 100%;
		text-align: left;
		margin: 5px 0;
	}

	.actionContainer form {

		float: right;
		margin: 2px;
	}
	.item-profil ul {
		padding:15px;
	}

	.global{
	margin-left:0;
	padding-left:8px;
	width:100%;
	}
	
	.globalcomment{
	margin-left:0;

	width:100%;
	}

	.item-profil .btn, .item-profil input, .item-profil select{

	margin-top:5px;
	}

	.actionContainer form .btn-aero {

	}

	#checkActual{

	float:left;
	}

	.no-puce-block{

	margin-right:0;

	}


	.spacew b{
	position:relative;

	top:0;
	}

	.pull-right.btn.btn-primary.edit {
	width: 100%;
	}


	.modifExp{
		position:relative;
		top:5px;
	}


	div.item-profil.mainProfilItem{

		padding-right:0px;
	}
	
	.containerOrgExp{
		margin-left: 5px;
	}
	
	ul#lastExpPro{	
		margin-left:20px;
	}
	
	#profilPub{	
		width:97%;
		margin:0 auto;	
	}
	
	#profilPubContainer{
		margin:0;	 
	}
	
	div.item-profil.data {

	}
	
	
	#profilPhoto {
		text-align:center;
	}
	
	#profilPhoto img{
		float: none !important;
	}
	
	.picture-tools {
		text-align:center;
		margin-bottom:10px;
	}
	
	div.modPerso {
		text-align:center;
		margin:0 auto;
		
	}
	
	.cvcomment{
padding:50px 5px 20px 5px !important;

background:url('../images/ressources/quote-right.png')  no-repeat,
url('../images/ressources/quote-left.png') no-repeat;
background-position: 95% 20px, 20px 97%;
background-color:white;

}
	
	div#modMyData{
		width:200px;margin:0 auto;

	}
	
	
	div#apercu{
		overflow:hidden;clear:both;position:static;
		float:none;
	}
	
	
	.header-profil{
		height:320px;
	}
	
	.controlit,.spacew b{
	margin-left:6px;
	}
	

	
	
	button.btn.btn-default.col-xs-1.editButton {

		left:-25px;top:7px;

	}
	/* Bouton devenir membre page postuler*/
	a.airlink0.hider.pull-right.btn.btn-info {
		position:relative;
		top:-7px;
	}
	
	.personalData{
	width:90%;
	}
	

}

/* Bouton devenir membre page postuler*/
@media screen and (max-width:400px) {

	a.airlink0.hider.pull-right.btn.btn-info {
		position:relative;
		top:10px;
	}

}