@import url('https://fonts.googleapis.com/css?family=Work+Sans&display=swap');

.exemple1{color:#ccc;text-align:center;}
.exemple2{color:#fff;text-align:center;border: solid 1px #fff;padding:5px;}
#r1d1{background-color:#000;}
.bg-form{background-color:#a83f43;}
.bg-hero{background-color: #efe4de;}

span, h1, h2, h3, h4, h5, p, a, label, input, button , body {font-family: 'Work Sans', sans-serif; }
h1, h2, h3, h4, h5{color:#69bfec;}

/* GENERAL */

.Wlogo{max-width: 65%;}
.Upper{text-transform: uppercase;}
.no-pad {padding:0px!important;}
.p5{padding:5px;}
.p10{padding:10px;}
.p20{padding:20px;}
.pR20{padding-right:20px;}
.pL20{padding-left:20px;}
.p40{padding:40px;}
.quart{height:12%;}
.demiquart{height:30px;}

.alignC{text-align: center!important;}
.alignR{text-align: right!important;}
.alignL{text-align: left!important;}
.alignJ{text-align: justify!important;}
.aCenter{margin: auto;}

.fw700{font-weight: 700;}

.espace10{height:10px;}
.espace20{height:20px;}
.espace40{height:40px;}
.espace80{height:80px;}

.separateur{border-bottom:1px solid #ccc;}

.Full{width:100%;}
.Hull{height:100%;}

.s10{font-size: 10px;}
.s12{font-size: 12px;}
.s14{font-size: 14px;}
.s16{font-size: 16px;}
.s18{font-size: 18px;}
.s20{font-size: 20px;}
.s22{font-size: 22px;}
.s24{font-size: 24px;}
.s28{font-size: 28px!important;}
.s30{font-size: 30px;}
.s40{font-size: 40px;}
.s60{font-size: 60px;}

.l14{line-height: 14px;}
.l16{line-height: 16px;}
.l18{line-height: 18px;}
.l20{line-height: 20px;}
.l22{line-height: 22px;}
.l24{line-height: 24px;}
.l26{line-height: 26px;}
.l28{line-height: 28px;}
.l32{line-height: 32px;}
.l34{line-height: 34px;}
.l42{line-height: 42px;}
.l60{line-height: 60px;}

/* COLOR */

.bleuW{color:#337799;}
.bleuC{color:#177e9f;}
.Rose{color: #c33367;}
.Blanc{color:#ffffff!important;}
.gris{color: #575756; !important;}
.jaunelmds{color:#ef9024;}
.bleu{color:#167a9c; !important;}
.rouge{color:#BD1934;}

.bgGris{background-color: #f5f5f5;}
.bgBlanc{background-color: #fff}

.field {
    height: 4.5rem !important;
    font-size: 1.7rem !important;
    margin: 0 0 2.5rem !important;
}

input.recherche{
	border-radius:10px;
	padding-left:20px; 
	padding-right:40px;
	font-size:14px;
	background-image:url(ico-loupe.png);
	background-repeat:no-repeat;
	background-position:right center;
	margin-bottom: 0;
	}
a.bt-retour{position:absolute;display:inline-block; width:120px;color:#FFF;font-weight:500;     text-align: center;}	
a.bt-retour span{color:#FFF;padding:0; line-height:18px; font-size:24px; font-weight:600; }
a.bt-retour p{margin-bottom:0px;}
a.bt-retour:hover span, a.bt-retour:hover p{color:#ccc;border-color:#ccc;}

a.bt-ajout{
	display:inline-block;
	font-weight:600;
	color:#575756;
	background-color:#fff;
	padding:8px 15px;
	border-radius:10px;
	padding-right:45px;
	transition:background-color 0.3s;
	}
a.bt-ajout:after{
	content:"+";
	position:absolute;
	margin-left:8px;
	display:inline-block;
	font-size:25px;
	text-align:center;
	width:23px;
	height:23px;
	border:1px solid #575756;
	border-radius:50%;
	line-height: 22px;
	
}

.inblock{display: inline-block;}
.bright {border-right: solid 1px #fff;}
.b-submit{
    display: inline-block !important;
    width: 100% !important;
    vertical-align: middle !important;
    margin: 0 0 1rem !important;
    padding: .85em 1em !important;
    -webkit-appearance: none !important;
    border: 1px solid transparent !important;
    border-radius: 0px!important;
    transition: background-color .25s ease-out,color .25s ease-out !important;
    font-size: 1.5rem !important;
    line-height: 1 !important;
    text-align: center !important;
    cursor: pointer !important;
    background-color: #69bfec !important;
    color: #fefefe !important;
    max-width: 380px !important;
}

.bsign{ 
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    margin: 0 0 1rem;
    padding: .85em 1em;
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: 10px;
    transition: background-color .25s ease-out,color .25s ease-out;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #69bfec;
    color: #fefefe;
    font-family: 'Work Sans', sans-serif;
}

.bsign-email{ 
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    margin: 0 0 1rem;
    padding: .85em 1em;
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: 10px;
    transition: background-color .25s ease-out,color .25s ease-out;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #b6d8ab;
    color: #fefefe;
    font-family: 'Work Sans', sans-serif;
}

li.feedbackPanelERROR {
    color: red;
    min-height: 16px;
    margin:0;
    padding-bottom: 5px;
    text-align: left;
}

li.feedbackPanelINFO {
    color: green;
    min-height: 16px;
    margin:0;
    padding-bottom: 5px;
    text-align: left;
}

.bdisc{ 
    display: inline-block;
    width: 100%;
    max-width: 150px;
    vertical-align: middle;
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: 0px;
    transition: background-color .25s ease-out,color .25s ease-out;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: transparent;
    color: #69bfec;
    border: 1px solid #69bfec;
    padding: 3px 10px!important;
}
.bdisc:hover{ color: #69bfec; background-color: #ffdada;}
.rad50{border-radius: 17px!important;}
.bsign:hover {color:#043a8d!important}
.b-submit:hover {
    color:#fff!important;
    background-color: #039ae3 !important;
}
.blocklogin{max-width:420px;margin:auto;border: 0px solid #69bfec;}
.blocklogin-mdp{max-width:380px;margin:auto;border: 0px solid #69bfec;}
.cleanweb-cadre{border:1px solid #ccc;}
.accordion-title:before {content: "+";font-size: 20px!important;}
.accordion-title {
    border : none!important;
    border-bottom: 1px solid #c1c1c1 !important;
    font-size: 18px!important;
    color: #177e9f!important;
}
.accordion{ background: none!important;}
.accordion-content { border: none!important;background: none!important;}
.capsule{background-color: #fff;border:1px solid #ccc;padding: 5px;padding-left: 10px;margin-bottom: 16px;}
select:not(:focus){color: #cacaca!important;}
.menu-icon::after {
    background: #337799!important;
    box-shadow: 0 7px 0 #337799, 0 14px 0 #337799!important;
}

div.colbg {
    background-image: url('fond-pfizer.jpg');
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
}
body.colbg-mdp {background-image: url('fond-pfizer.jpg');background-position:right;background-size: cover;background-repeat: no-repeat;}
div.ecrf-ctms {position: relative;}
img.ecrf {width: 300px;position: absolute;left: 30px;top: 30px;}
img.ctms {width: 300px;position: absolute;bottom: 30px;right: 30px;}

img.ecrf-mdp {width: 300px;position: absolute;right: 1050px;top: 150px;}
img.ctms-mdp {width: 300px;position: absolute;right: 800px;top: 700px;}

.title-login {font-size: 12px; font-weight: 700;color: #69bfec;margin-bottom: 20px;}
.title-login-mdp {font-size: 12px; font-weight: 700;color: #69bfec;margin-bottom: 20px;}
div.head-login {background-color: #fff;padding: 12px;color: #69bfec;border:1px solid #69bfec;max-width: 380px;
    display: block;
    margin-left: auto;
    margin-right: auto;margin-bottom: 10px;font-size: 16px;}
div.head-login-mdp {background-color: #fff;padding: 12px;color: #69bfec;border:1px solid #69bfec;max-width: 380px;
    display: block;
    margin-left: auto;
    margin-right: auto;margin-bottom: 10px;font-size: 16px;}
section.header h1 {font-size: 20px;margin: 0.67em 0;margin-left: 40px;color: #69bfec;font-family: 'Work Sans', sans-serif;font-weight: 500;}
div.menu-accueil {width:320px;height: 350px;display: block;margin: auto;}
div.menu-accueil > a > div {width:100%;background-color: #ffffff;padding: 10px;margin-bottom: 30px;color: #69bfec;font-size: 16px;font-weight: bold;}
p.text-edito {color: white;font-size: 14px;line-height: 16px;}
section.content-edito h1 {color:#ffffff;}
section.content-edito p {color: #ffffff;font-size: 12px;line-height: 14px;}
.logo-pfizer {width: 64px;margin-top: 20px;margin-bottom: 20px;}
.logo-pfizer-mdp {width: 64px;margin-top: 10px;margin-bottom: 10px;}
.logo-cleanweb {width: 120px;}
.logo-cleanweb-mdp {width: 120px;}
.rwdt {width: 160px;margin-bottom: 20px;}
a.identifiants {color: #69bfec!important;}
a.authentification {color: #69bfec!important;padding: 0;}
span.sas {color: #69bfec;}
.copyright-mdp {margin-top: 60px;margin-bottom: 0px;}
.question {margin-bottom: 0;}
.identifiant {max-width: 380px;display: block;
    margin-left: auto;
    margin-right: auto;}
.mdp {max-width: 380px;display: block;
    margin-left: auto;
    margin-right: auto;}
#r2d2 {min-height: 100vh;}




/* Small only */
@media screen and (max-width: 39.9375em) {
    .dropdown .mtext {margin-right: 20px!important;line-height: 1.2;}
    .quart{height:40px!important;}
    .dropdown li div {display: block!important;width: 100%!important;}
    .dropdown li img {margin:auto!important;}
    #logout-block {display: block!important;width: 100%!important;margin:auto;}
    #logout-block .bdisc {margin:auto;margin-top: 15px;}
    #time-block {display: inline-block!important;}
    #user-block {display: inline-block!important;width: 50%!important;}
    #r2d2 img {margin-top: 20px;}
.titre-search h1 {padding-left: 5px;padding-right: 5px;border-left: 0px;border-right: 0px;}
a.bt-retour {width: auto;}
a.bt-ajout:after {margin-left: 10px;margin-top: -23px;}
}

/* Medium and up */
@media screen and (min-width: 40em) {
    .dropdown .mtext {margin-right: 20px!important;line-height: 1.2;}
    .dropdown li div {display: inline-block;}
    #logout-block {display: inline-block!important;max-width: 100%!important;margin:auto;}
    #time-block {display: inline-block!important;max-width: 100%!important;margin:auto;}
    #user-block {display: inline-block!important;max-width: 100%!important;margin:auto;}
}

.verifyOTP span {
    cursor: pointer;
    text-decoration: none;
    color: #ffffff;
    background-color: #69bfec;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    display: inline-block;
    width: 100%;
}