strong { font-weight: 500; }

a, a:hover, a:focus {

	text-decoration: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

h1, h2 {
	margin-top: 10px;
	font-size: 38px;
    font-weight: 100;
    color: #555;
    line-height: 50px;
}

h3 {
	font-size: 22px;
    font-weight: 300;
    color: #555;
    line-height: 30px;
}

img { max-width: 100%; }

::-moz-selection { background: #19b9e7; color: #fff; text-shadow: none; }
::selection { background: #19b9e7; color: #fff; text-shadow: none; }


.btn-link-1 {
	display: inline-block;
	height: 50px;
	margin: 5px;
	padding: 16px 20px 0 20px;
	background: #19b9e7;
	font-size: 16px;
    font-weight: 300;
    line-height: 16px;
    color: #fff;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.btn-link-1:hover, .btn-link-1:focus, .btn-link-1:active { outline: 0; opacity: 0.6; color: #fff; }

.btn-link-1.btn-link-1-facebook { background: #4862a3; }
.btn-link-1.btn-link-1-twitter { background: #55acee; }
.btn-link-1.btn-link-1-google-plus { background: #dd4b39; }

.btn-link-1 i {
	padding-right: 5px;
	vertical-align: middle;
	font-size: 20px;
	line-height: 20px;
}

.btn-link-2 {
	display: inline-block;
	height: 50px;
	margin: 5px;
	padding: 15px 20px 0 20px;
	background: rgba(0, 0, 0, 0.3);
	border: 1px solid #fff;
	font-size: 16px;
    font-weight: 300;
    line-height: 16px;
    color: #fff;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.btn-link-2:hover, .btn-link-2:focus, 
.btn-link-2:active, .btn-link-2:active:focus { outline: 0; opacity: 0.6; background: rgba(0, 0, 0, 0.3); color: #fff; }

.btn-link-2 i {
	padding-right: 5px;
	vertical-align: middle;
	font-size: 20px;
	line-height: 20px;
}

.form-box {
	margin-top: 45px;
	background: #2c3e50;
}

.apply .form-box {
	margin-top: 0;
}

.form-top {
	overflow: hidden;
	padding: 0 25px 15px 25px;
	background: #444;
	background: rgba(0, 0, 0, 0.35);
	-moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
	text-align: left;
}

.form-top-left {
	float: left;
	width: 75%;
	padding-top: 25px;
}

.form-top-left h3 { margin-top: 0; color: #fff; }
.form-top-left p { opacity: 0.8; color: #fff; }

.form-top-right {
	float: left;
	width: 25%;
	padding-top: 5px;
	font-size: 50px;
	color: #fff;
	line-height: 70px;
	text-align: right;
	opacity: 0.3;
}

.form-bottom {
	padding: 25px 25px 30px 25px;
	background: #444;
	background: rgba(0, 0, 0, 0.3);
	-moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
	text-align: left;
}

.form-bottom form textarea {
	height: 100px;
}

.form-bottom form button.btn {
	width: 100%;
}

.form-bottom form .input-error {
	border-color: #19b9e7;
}

.social-header-message {
	text-align: center;
	color: #fff;
	font-size: 24px;
	padding: 10px;
}

.loginOr {
	padding-top: 10px;
}

.hrOr {
	height: 1px;
	border: 0;
	border-top: 1px solid #fff;
}

.spanOr {
	display: block;
	position: absolute;
	left: 43%;
	top: 0.6em;
	color: #fff;
	background-color: #202b38;
	width: 3em;
	font-size: 1.5em;
	text-align: center;
}

.social-login {
	margin-top: 35px;
}

.social-login h3 {
	color: #fff;
}

.social-login-buttons {
	margin-top: 25px;
}

.social-facebook {
	background-color: #4267b2;
    border-color: #4267b2;
}

.social-linkedin {
	background-color: #287bbc;
    border-color: #1b5480;
}

.middle-border {
	min-height: 490px;
	margin-top: 45px;
	border-right: 3px solid #fff;
	border-right: 3px solid rgba(255, 255, 255, 0.6);
}

.next-step{
	background-color: #c43434;
    border-color: #c43434;
    color: #fff;
    padding: 10px;
}

.captcha{
	background:url("https://dev.prim-web.com/captcha.png");
}

input[type="radio"],
label[for="with-cv"],
label[for="without-cv"] {
	cursor:pointer;
}

/************************* UPLOADING CV MODULE *****************************/
#cvsection{
	background: #fff;
    padding: 5px;
    border-radius: 10px;
}

input[type="radio"] {
    display:none;
}

input[type="radio"] + label {
    font-family:Arial, sans-serif;
    cursor:pointer;
    font-weight:bold;
    color:rgba(57, 134, 10, 0.89);
}

input[type="radio"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-2px 10px 0 0;
    vertical-align:middle;
    background:url(/img/storageicons/check_radio_sheet.png) -38px top no-repeat;
    cursor:pointer;
}

input[type="radio"]:checked + label span {
    background:url(/img/storageicons/check_radio_sheet.png) -57px top no-repeat;
}
.radio-button{
	margin-top:10px;
	margin-bottom:10px;
}

#storage-icons{
	text-align:center;
	
}

#storage-icons div {
	text-align:center;
	
}

#registration-submitbutton {
	margin-bottom: 13px;
}



.container{
	  margin-bottom: 50px;
}

.box_login
{
	margin-top:20px;
	padding:10px;	
}  
p[for="recaptcha-container"]{
		color:#a94442;
	}
	
	#modal-main div.modal-header
	{
    	background: #33579C !important;
	}
	
	.modal-header h3{
		margin:0 !important;

	}
	.modal-dialog .modal-content .modal-header h3 .number {
	    font-size: 26px;
	    color:#fff;
	}
	.modal-header .fa-3x {
	    font-size: 28px !important;
	    margin-top: 26px !important;
	}
	
	.glyphicon:empty {
	    width: 2em;
	}
	
	select#subscriberType {
	    appearance:none;
	    -moz-appearance:none; 
	    -webkit-appearance:none; 
	    cursor:pointer;
	}
	
	.error-block
	{
		color: #a94442;	
	}
	
	#selected-file .error-block
	{
		margin: 10px auto;
    	width: 73%;
	}
	
	#home_container .panel-default {
	    border-color: #ddd;
	    background: #2c3e50;
	    cursor:pointer;
	    color:#fff;
	}
	
	#home_container .panel-default:hover {
		background: rgb(44, 54, 80);
	}
	    
	#home_container .panel-body .row {
	    margin-bottom: 10px !important;
	    padding: 0px 45px;
    }
    
    .minifiche{
    	background:#fff;
    }
    
    .minifiche div.colonne2 div{
    	text-align:left;
    }
    
    .tabhoraires th, .tabhoraires td {
	    border:1px solid #eee;
	}
	
	#home_subscription_container{
		position:relative;
		margin: 0 5px;
	}
	
	#home_subscription_container.apply {	
		border: 1px solid;
	    border-radius: 10px;
	    background: rgba(44, 62, 80, 0.77);
	    padding-bottom:30px;
   }
   
   #home_container .row{	
	    margin-left:0 !important;
	    margin-right:0 !important;
   }
   
   #resultats .minifiche {
    	margin: 0px 20px !important;
   }
   
   .panel-default .panel-heading.pw3 .panel-title {
   		color:#fff !important;
   }
   
   #assistant-inscription ul.nav-wizard li.validated a .badge {
	    background-color: #F5F5F5;
	    color: #17a08c;
   }
   
   /***************** MODAl STYLES *******************/
   #modal-main .modal-dialog,
   #modal-conditions .modal-dialog,
   #modal-skipsbscription .modal-content {
	    width: 40% !important;
	    margin: 30px auto !important;
	    padding: 0 !important;
	}
	
	#modal-apply .modal-dialog {
		width:70% !important;
		margin: 30px auto !important;
	    padding: 0 !important;
	}
	
	#modal-apply .modal-body,
	#modal-skipsbscription .panel-body {
	   max-height: calc(100vh - 210px);
       overflow-y: auto;
	}
	
	#modal-apply .modal-dialog .col-sm-2 {
    	max-width: 16.66666667% !important;
	}
	
	#modal-skipsbscription .modal-content .panel-warning{
		margin-bottom:0;
	}
	
	#modal-incomplete-account .modal-dialog {
    width: 30% !important;
    margin: 30px auto !important;
    padding: 0 !important;
}

	/* Pour les iPad en portrait */
	@media only screen 
	and (min-width: 768px) 
	and (max-width: 768px) {
			.spanOr {
			left: 38%;
			top: 0.6em;
		}

	}

	/*************************************************/
	@media only screen and (max-width:767px) {
		#modal-main .modal-dialog,
   		#modal-conditions .modal-dialog,
   		#modal-skipsbscription .modal-content {
   			width:100% !important;
   			margin: 5px !important;
   		}
		.spanOr {
			left: 45%;
			top: 0.8em;
		}
		
	}
	
	@media only screen 
	and (min-device-width : 320px) 
	and (max-device-width : 568px) { 
		.image-logo{
			display:none;
		}
	}