@charset "utf-8";
/* CSS Document */

.mob{
	display: none;
}

/*CSS LINKEDIN */

.sk-ww-linkedin-page-post{
	height:500px !important;
	overflow: scroll !important;
}


/* styles de base */
.cls{clear: both}
html{
	height: 100%;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin: 0;
	min-height: 100%;
	line-height: normal;
}
.bold{
	font-weight:bold;
}

.semibold{
	font-weight:500;
}
.italic{
	font-style:italic;
}
.capitale{
	text-transform:uppercase;
}
.justify{
	text-align: justify;
}
.center{
	text-align: center;
}
.left{
	text-align: left;
}
.right{
	text-align: right;
}
.relative{
	position: relative;
}
a img{
	border:0;
}
a {
	text-decoration:none;
}
ul,ol,dl,figure{
	margin:0;
	padding:0;
	list-style: none;
}
.nonValide{
	background-color: rgba(255,0,0,0.6) !important;
}
.inlineMiddle,.inlineBottom,.inlineTop{
	display: inline-block !important;
	vertical-align: middle;
}
.inlineBottom{
	vertical-align: bottom;
}
.inlineTop{
	vertical-align: top;
}
.none,.mobileOnly{
	display: none;
}
.floatLeft{
	float: left;
	margin: 0 5px 5px 0;
}
.floatRight{
	float: right;
	margin: 0 0 5px 5px;
}
.clear{
	clear: both;
}
.spacerTop{
	margin-top: 50px !important;
}
.lienInvisible{
	color: inherit;
}
.blanc{
	color: #fff;
}
.noir{
	color: #000;
}
.gris{
	color: #6d6e71;
}

.bloc{
	display: block;
}
.imgResp{
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

.barlow{
	font-family: 'Barlow', sans-serif;
}
.lato{
	font-family: 'Lato', sans-serif;
}
.raleway{
	font-family: 'Raleway', sans-serif;
}
.roboto{
	font-family: 'Roboto', sans-serif;
}

.times{
	font-family: 'Times', sans-serif;
}

a.skip-link {
	position: fixed !important;
	top: -200px !important;
}

.opacity-3{
	opacity: 0.3;
}

.overlay{position: fixed;top:0px;left:0px;width: 100%;height: 100%;background-color: rgba(34, 31, 32, 0.7);}

/* POPUPS */

.loader_overlay {
	position: fixed;
	top: 45%;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center;
	display: none;
	z-index: 800;
	width: 100%;
	height: 100%;
}

.lds-ripple {
	display: inline-block;
	position: relative;
	width: 100px;
	height: 100px;
}

.lds-ripple div {
	position: absolute;
	border: 6px solid #009cdd;
	opacity: 1;
	border-radius: 50%;
	animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
	animation-delay: -0.5s;
}

@keyframes lds-ripple {
	0% {
		top: 49px;
		left: 49px;
		width: 0;
		height: 0;
		opacity: 1;
	}
	100% {
		top: -1px;
		left: -1px;
		width: 100px;
		height: 100px;
		opacity: 0;
	}
}


.wrapPop{display: none;position: fixed;z-index:100;top:0px;left:0px;width: 100%;text-align: center;background-color: rgba(34, 31, 32, 0.7);height: 100%}
.wrapPop.on{display: flex;justify-content: center;align-items: center}

.pop{display: none;width: 100%;max-width:1170px;background:#FFFFFF;min-height: 100px;/*margin-top:5%;*/position: relative;max-height: 90%}
.pop.on{display: inline-block}

.pop .close{position: absolute;top:0%;right:0;cursor: pointer;}
.pop .inner{position:relative;margin:5% 5% 5% 5%;height: 80vh;max-height: 80vh;overflow: hidden;text-align: left;padding-bottom: 20px}

.openPop{cursor: pointer}

/* POP NOTIFICATION */

.pop#notification,
.pop#notification_create_cv{
	margin-top:10% !important;
	width: 500px;
	height:auto;
}

.pop#notification .inner,
.pop#notification_create_cv .inner{
	height: auto !important;
}

.pop#notification h4,
.pop#notification_create_cv h4{
	text-transform: uppercase;
	color: #009cdd;
	font-size: 1.4em;
	margin: 0;
}

/* POP INSCRIPTION */

.pop#inscription{
	/*margin-top:10% !important;*/
	width: 600px;
	height:auto;
}

.pop#inscription .inner{
	height: auto !important;
	padding-bottom: 5px !important;
	margin-bottom:5px !important;
}

.pop#inscription h4
{
	text-transform: uppercase;
	color: #009cdd;
	font-size: 1.4em;
	margin: 0;
}

.pop#inscription .wrap_form{
	margin-top:20px;
	margin-bottom:20px;
}

.pop#inscription .wrap_form .item-field
{
	margin-bottom: 15px;
	position: relative;
	width: 100%;
}

.pop#inscription .wrap_form .row-item-field
{
	position: relative;
	width: 100%;
	clear:both;
}

.pop#inscription .wrap_form .row-item-field.row-2 .item-field
{
	display: block;
	position: relative;
	width: 48%;
}
.pop#inscription .wrap_form .row-item-field.row-2 .item-field:first-child{
	float: left;
}
.pop#inscription .wrap_form .row-item-field.row-2 .item-field:last-child{
	float: right;
}

.pop#inscription .wrap_form .item-field label{
	display: block;
	font-size: 0.88em;
	margin-bottom: 5px;
	color: #808080;
	font-weight: 600;
	text-transform: uppercase;
}

.pop#inscription .wrap_form .item-field input{
	margin:0;
	display: block;
	border: 1px solid #e6e7e8;
	padding:5px 2% 5px 2%;
	width: 100%;
	height:35px !important;
	line-height: inherit;
	box-sizing: border-box;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.pop#inscription .wrap_form .item-field input::placeholder{
	color: #C0C0C0;
	font-style: italic;
	opacity: 1;
}

.pop#inscription .wrap_form .item-field textarea{
	margin:0;
	border: 1px solid #e6e7e8;
	padding:5px 2% 5px 2%;
	width: 100%;
	height:45px !important;
	line-height: inherit;
	box-sizing: border-box;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.pop#inscription .wrap_form .item-field .custom_select{
	position: relative;
	width: 100%;
}
.pop#inscription .wrap_form .item-field select{
	margin:0;
	border: 1px solid #e6e7e8;
	position: relative;
	padding:5px 2% 5px 2%;
	width: 100%;
	height:40px !important;
	line-height: inherit;
	box-sizing: border-box;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.pop#inscription .wrap_form .item-field .custom_select::before,
.pop#inscription .wrap_form .item-field .custom_select::after {
	--size: 0.5rem;
	position: absolute;
	content: "";
	right: 1rem;
	pointer-events: none;
}

.pop#inscription .wrap_form .item-field .custom_select::before {
	border-left: var(--size) solid transparent;
	border-right: var(--size) solid transparent;
	border-bottom: var(--size) solid black;
	top: 20%;
}

.pop#inscription .wrap_form .item-field .custom_select::after {
	border-left: var(--size) solid transparent;
	border-right: var(--size) solid transparent;
	border-top: var(--size) solid #009cdd;
	top: 45%;
}

.pop#inscription .wrap_form .inscr_step{
	display: none;
}

.pop#inscription .wrap_form .inscr_step.on{
	display: block;
}

.pop#inscription .bt-inscription-step{
	display: inline-block;
	text-transform: uppercase;
	font-size: 13px;
	padding: 12px 20px 12px 20px;
	margin-top: 20px;
	font-weight: 600;
	background: #009cdd;
	color: #ffffff;
	-webkit-appearance:none;
}

.pop#inscription .bt-inscription-pop-identification {
	display: inline-block;
	text-transform: uppercase;
	font-size: 13px;
	padding: 12px 20px 12px 20px;
	margin-top: 20px;
	font-weight: 600;
	background: #009cdd;
	color: #ffffff;
	-webkit-appearance: none;
}

.pop#inscription .bt-inscription-cancel{
	display: inline-block;
	text-transform: uppercase;
	font-size: 13px;
	padding: 12px 20px 12px 20px;
	margin-top: 20px;
	margin-right: 10px;
	font-weight: 600;
	background: #F0F0F0;
	color: #A0A0A0;
	-webkit-appearance:none;
}


.pop#inscription .bt-inscription-step span,
.pop#inscription .bt-inscription-cancel span,
.pop#inscription .bt-inscription-pop-identification span{
	display: inline-block;
	vertical-align: middle;
}
.pop#inscription .bt-inscription-step i,
.pop#inscription .bt-inscription-cancel i,
.pop#inscription .bt-inscription-pop-identification i{
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
}

.pop#inscription .bt-inscription-pop-identification i{
	font-size: 17px !important;
}
.pop#inscription .wrap_form .inscription-error-message{
	font-size:11px;
	color:red;
}

.pop#inscription .wrap_form .mdp_list_check{
	list-style-type: disc;
	margin-left: 10px;
	padding-left: 10px;
}

.pop#inscription .wrap_form .mdp_list_check li{
	opacity: 0.3;
	transition: all 0.2s linear;
	color:#000000;
}

.pop#inscription .wrap_form .mdp_list_check li.valid{
	opacity: 1;
	color:#44AA44;
	font-weight: bold;
}
.pop#inscription .wrap_form .wrap-item-field-checkbox{
	border-top: 1px solid #e6e7e8;
	padding-top: 20px;
	cursor: pointer;
}

.pop#inscription .wrap_form .wrap-item-field-checkbox span{
	display: inline-block;
	vertical-align: middle;
}

.pop#inscription .wrap_form .wrap-item-field-checkbox span.input-checkbox{
	width: 17px;
	height:17px;
	border:1px solid #009cdd;
	margin-right: 10px;
	transition: all 0.2s linear;
}

.pop#inscription .wrap_form .wrap-item-field-checkbox.checked span.input-checkbox{
	background-color:  #009cdd;
}

.pop#inscription .wrap_form .wrap-item-field-checkbox.checked span.label-checkbox{
	color:#009cdd;
}

.pop#inscription .wrap_form .bt-inscription-renvoi-code{
	width: 100%;
	color:#009cdd;
	display: inline-block;
	text-align: right;
	text-transform: uppercase;
	transition: all 0.2s linear;
	font-size: 0.8em;
	font-weight: 500;
}
.pop#inscription .wrap_form .bt-inscription-renvoi-code:hover{
	opacity: 0.5;
}


/* POP IDENTIFICATION */

.pop#identification,
.pop#send-message-emploi,
.pop#postuler,
.pop#contact-candidat,
.pop#nouvelle-alerte,
.pop#nouvelle-alerte-tags,
.pop#message-reponse,
.pop#annonce-pas-abo,
.pop#article-pas-abo{
	margin-top:10% !important;
	width: 500px;
	height:auto;
}

.pop#article-pas-abo .btn {
display: inline-block;
text-transform: uppercase;
font-size: 13px;
padding: 12px 20px 12px 20px;
margin-top: 20px;
font-weight: 600;
background: #009cdd;
color: #ffffff;
-webkit-appearance: none;
}

.pop#identification .inner,
.pop#send-message-emploi .inner,
.pop#postuler .inner,
.pop#contact-candidat .inner,
.pop#nouvelle-alerte .inner,
.pop#nouvelle-alerte-tags .inner,
.pop#message-reponse .inner,
.pop#annonce-pas-abo .inner,
.pop#article-pas-abo .inner{
	height: 320px !important;
}

.pop#nouvelle-alerte-tags{
	width: 700px !important;
	height: auto !important;
}

.pop#nouvelle-alerte-tags label{
	font-weight: 600;
	color:#009cdd;
	text-transform: uppercase;
	margin-bottom: 10px;
}

#identification h4,
#send-message-emploi h4,
#postuler h4,
#contact-candidat h4,
#nouvelle-alerte h4,
#nouvelle-alerte-tags h4,
#message-reponse h4,
#annonce-pas-abo h4,
#article-pas-abo h4
{
	text-transform: uppercase;
	color: #009cdd;
	font-size: 1.4em;
	margin: 0;
}

#identification .wrap_form,
#send-message-emploi .wrap_form,
#postuler .wrap_form,
#contact-candidat .wrap_form,
#nouvelle-alerte .wrap_form,
#nouvelle-alerte-tags .wrap_form,
#message-reponse .wrap_form{
	margin-top:30px;
    margin-bottom:30px;
}

#identification .wrap_form .item-field,
#send-message-emploi .wrap_form .item-field,
#postuler .wrap_form .item-field,
#contact-candidat .wrap_form .item-field,
#nouvelle-alerte .wrap_form .item-field,
#nouvelle-alerte-tags .wrap_form .item-field,
#message-reponse .wrap_form .item-field
{
	margin-bottom: 15px;
}

#identification .wrap_form .item-field label,
#send-message-emploi .wrap_form .item-field label,
#postuler .wrap_form .item-field label,
#contact-candidat .wrap_form .item-field label,
#nouvelle-alerte .wrap_form .item-field label,
#nouvelle-alerte-tags .wrap_form .item-field label,
#message-reponse .wrap_form .item-field label{
	display: block;
	margin-bottom: 5px;
}

#identification .wrap_form .item-field label{
	font-style: italic;
	color:#666666;
	font-weight: normal;
	font-size: 0.95em;
}

#identification .wrap_form .item-field input,
#send-message-emploi .wrap_form .item-field input,
#postuler .wrap_form .item-field input,
#contact-candidat .wrap_form .item-field input,
#nouvelle-alerte .wrap_form .item-field input,
#message-reponse .wrap_form .item-field input{
	margin:0;
	border: 1px solid #e6e7e8;
	padding:2%;
	width: 95%;
	height:20px !important;
	line-height: inherit;
	box-sizing: content-box;
}

#postuler .wrap_form .item-field textarea,
#send-message-emploi .wrap_form .item-field textarea,
#contact-candidat .wrap_form .item-field textarea,
#nouvelle-alerte .wrap_form .item-field textarea,
#message-reponse .wrap_form .item-field textarea{
	margin:0;
	border: 1px solid #e6e7e8;
	padding:2%;
	width: 95%;
	line-height: inherit;
	box-sizing: content-box;
}

#identification .wrap_form .item-field input.is-invalid{
	border: 1px solid red;
}

#identification .bt-send-identification,
#send-message-emploi .bt-pharma-send-message,
#postuler .bt-pharma-send-message,
#contact-candidat .bt-pharma-send-message-candidat,
#nouvelle-alerte .bt-pharma-emploi-create-alerte,
#nouvelle-alerte-tags .bt-pharma-emploi-create-alerte-tags,
#message-reponse .bt-pharma-send-message-reponse{
	display: inline-block;
	text-transform: uppercase;
	font-size: 13px;
	padding: 12px 20px 12px 20px;
	margin-top: 20px;
	font-weight: 600;
	background: #009cdd;
	color: #ffffff;
	-webkit-appearance:none;
}

#identification .wrap_form .login-error-message,
#send-message-emploi .login-error-message,
#postuler .login-error-message,
#contact-candidat .login-error-message{
	font-size:11px;
	color:red;
}

.bt-pharma-send-message.disabled,
.bt-pharma-send-message-candidat.disabled,
.bt-pharma-emploi-create-alerte.disabled
{
	opacity: 0.6;
	cursor: none;
}

/* POP IDENTIFICATION ORI ABO */

.pop#identification.type-private{
	margin-top: 0px !important;
	width: 600px;
}

.pop#identification.type-private .inner{
	height:520px !important;
}

.pop#identification.type-private .wrap_form{
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.pop#identification.type-private .inner .bt-pop-inscription{
	display: none;
}

.pop#identification.type-private .inner .notification-spec-abo{
	display: block !important;

}

.pop#identification.type-private .inner .notification-spec-abo p{
	color: #808080;
	margin-top:8px;
	margin-bottom:0px;
}
.pop#identification.type-private .wrap_form_inscription{
	margin-top: 20px;
	display: block !important;
}

.pop#identification.type-private .wrap_form_inscription h5{
	margin-top: 5px;
	margin-bottom: 8px;
	text-transform: uppercase;
	color:#009cdd;
}

.pop#identification.type-private .wrap_form_inscription .item-field{
	margin-bottom: 5px;
}

.pop#identification.type-private .wrap_form_inscription .item-field input {
margin: 0;
display: block;
border: 1px solid #e6e7e8;
padding: 5px 2% 5px 2%;
width: 100%;
height: 35px !important;
line-height: inherit;
box-sizing: border-box;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}

.pop#identification.type-private .wrap_form_inscription .item-field input::placeholder{
	color: #C0C0C0;
	font-style: italic;
	opacity: 1;
}

.pop#identification.type-private .wrap_form_inscription .item-field label {
display: block;
font-size: 0.95em;
margin-bottom: 5px;
font-style: italic;
color:#666666;
font-weight: normal;
text-transform: none;
}

.pop#identification.type-private .wrap_form_inscription p{
	color: #808080;
	margin-top:0;
	margin-bottom:10px;
}
.pop#identification.type-private .wrap_form_inscription .bt-inscription-cancel {
display: inline-block;
text-transform: uppercase;
font-size: 13px;
padding: 12px 20px 12px 20px;
margin-top: 8px;
margin-right: 10px;
font-weight: 600;
background: #F0F0F0;
color: #A0A0A0;
-webkit-appearance: none;
}

.pop#identification.type-private .wrap_form_inscription .bt-inscription-step {
display: inline-block;
text-transform: uppercase;
font-size: 13px;
padding: 12px 20px 12px 20px;
margin-top: 8px;
font-weight: 600;
background: #009cdd;
color: #ffffff;
-webkit-appearance: none;
}

.pop#identification.type-private .wrap_form_inscription .inscription-error-message {
font-size: 11px;
color: red;
}

#previewRdp h4{
	text-transform: uppercase;
	color:#8ba8ff;
	font-size: 1.4em;
	margin:0;
}

#previewRdp p{
	color:#6d6e71;
}

#previewRdp img{
	width: 100%;
}

#previewRdp .scroller{position:relative;height: 95%;overflow: scroll}

#contactAboRdp .inner,
#contactAboMag .inner,
#contactAboDm .inner,
#contactAboTM .inner,
.sendPop .inner,
#erreurForm .inner{
	height: auto;max-height: 80vh;overflow: hidden;text-align: left
}
.sendPop .inner{
	text-align: center;
}

.sendPop img{
	width: 50%;
	max-width: 350px;
	height: auto;
	margin: 0 auto;
}

.sendPop h4{
	color:#006ca8;
	font-family: Raleway;
	font-size: 2.5em;
	font-weight: 300;
	margin-top:0;
}

.sendPop p{
	color:#6d6e71;
	margin-top:2%;
	font-size:1.2em;
}

#sendAbo.sendPop h4{
	color:#006ca8;
	font-family: Raleway;
	font-size: 2.5em;
	font-weight: 300;
	margin:0;
}



#sendAbo.sendPop p{
	color:#666666;
	margin-top:1%;
}

#sendAbo.sendPop p.small{
	margin-top:2%;
	margin-bottom: 2%;
	font-size:1em;
}



 #sendEssai.sendPop h4{
	 color:#8ba8ff;
	 font-family: Raleway;
	 font-size: 2.3em;
	 font-weight: 300;
	 display: inline-block;
	 max-width: 73%;
 }

#sendEssai.sendPop p{
	color:#5270cc;
	font-size: 1.4em;
	margin-top:2%;
}

#sendPartenariat.sendPop h4{
	color:#de656a;
	font-family: Raleway;
	font-size: 2.2em;
	font-weight: 300;
}

#sendPartenariat.sendPop .pharmaHomeButton{
	color:#de656a;
}

#sendPartenariat.sendPop .pharmaHomeButton:hover{
	color:#ffffff;
	background:#de656a;
}

#contactAboRdp h4,
#contactAboMag h4,
#contactAboDm h4,
#contactAboTM h4,
#erreurForm h4{
	color:#5270cc;
	font-size: 2.5em;
	font-weight: 500;
	margin-top:0;
}

#erreurForm h4{
	color:red;
	font-size: 2em;
	font-family: Raleway;
	margin-bottom: 1%;
}

#contactAboRdp p,
#contactAboMag p,
#contactAboDm p,
#contactAboTM p,
#erreurForm p{
	color:#6d6e71;
	font-size:1em;
}

.retourForm{
	cursor: pointer;
}
#erreurForm p{
	font-size: 1.3em;
}
#contactAboMag h4{
	color:#006ca8;
}

#contactAboDm h4{
	color:#009cdd;
}
.wrapPopContact{text-align: center}
.wrapPopContact .inlineTop{width: 45%}
.wrapPopContact p.telDmMagContact{
	line-height: 35px !important;
	color: #6d6e71;
	font-size: 1.8em !important;
	margin: 50px 0 0 0 !important;
}

.wrapPopContact .pictoTelContactDmMag {
	width: 180px;
}

.wrapPopContact .emailContactDmMag{
	width: 180px;
}

#sendContact{
}

/* Transition */

.transi-opacity{
	transition: opacity 0.2s linear;
}

.transi-opacity:hover{
	opacity: 0.5;
}

@media only screen and (max-width: 1000px){


}

@media only screen and (max-width: 700px){

	.pop#identification,
	.pop#notification_create_cv,
	.pop#notification,
	.pop#nouvelle-alerte,
	.pop#send-message-emploi{
		margin-top:10% !important;
		width: 90%;
		height:auto;
	}

	.mob{
		display: block;
	}

	.nomob{
		display: none;
	}

}

/* WOOCOMMERCE */

.woocommerce .product-type-variable.product p.price,
.woocommerce li.product-type-variable.product span.price{
	/*display: none !important;*/
}