@CHARSET "UTF-8";

@import
	url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap')
	;

@import
	url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap')
	;

/** Override Font Bootstrap **/

@font-face {
	font-family: 'Glyphicons Halflings';
	src: url("/portail/javax.faces.resource/fonts/glyphicons-halflings-regular.eot.xhtml");
	src: url("/portail/javax.faces.resource/fonts/glyphicons-halflings-regular.eot.xhtml")
		format('embedded-opentype'),
		url("/portail/javax.faces.resource/fonts/glyphicons-halflings-regular.woff.xhtml")
		format('woff'),
		url("/portail/javax.faces.resource/fonts/glyphicons-halflings-regular.ttf.xhtml")
		format('truetype'),
		url("/portail/javax.faces.resource/fonts/glyphicons-halflings-regular.svg.xhtml")
		format('svg');
}
body {
	font-family: 'Poppins', sans-serif;
	font-style: normal;
	font-weight: normal;
}

.container-fluid {
	margin-left: 400px;
}
/* CSS Sidebar */
#div_sidebar {
	background: #26425d;
	background-image: url("/portail/javax.faces.resource/img/portail/Back_Sidebar.png.xhtml");
	background-size: cover;
	background-repeat: no-repeat;
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 400px;
	margin: auto;
	z-index: 1040;
	overflow-x: hidden;
	overflow-y: auto;
}

#div_sidebar_mobile {
	display: none;
	background-image: url("/portail/javax.faces.resource/img/portail/Back_Sidebar.png.xhtml");
	background-size: cover;
	background-repeat: no-repeat;
    padding-top: 10px;
    padding-bottom: 20px;
}

@media (max-width: 1090px) {
	#div_sidebar_mobile {
		display: block;
	}
	#div_sidebar {
		display: none;
	}
	.container-fluid {
		margin-left: 0px;
	}
	#contact {
		position: initial !important;
	}

}

#study_logo {
	background: transparent url("/portail/javax.faces.resource/img/portail/study-logo.png.xhtml") center
		no-repeat;
	background-size: contain;
	height: 50px;
	width: 126px;
	margin-left: 32px;
	margin-top: 22px;
}

#btn_sidebar {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	width: 119px;
	height: 26px;
	background: #023466;
	border-radius: 200px;
	margin: 60px auto 4px 32px;
	cursor: default;
	border: 1px;
}

#txt_btn_sidebar {
	font-family: Poppins;
	font-style: normal;
	font-weight: 500;
	font-size: 10px;
	line-height: 25px;
	text-align: center;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #ffffff;
}

#astellas {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 30px;
	line-height: 44px;
	letter-spacing: 8px;
	text-transform: uppercase;
	color: #023466;
	margin: auto auto 4px 32px;
}

#padcev {
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 4px;
	text-transform: uppercase;
	color: #023466;
	margin: 4px auto auto 32px;
}

#order {
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 4px;
	text-transform: uppercase;
	color: #023466;
	margin: 30px 32px auto 32px;
}
#parag_sidebar p {
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 1px;
	color: #023466;
	padding-left: 30px;
	padding-top: 20px;
	padding-right: 30px;
}

#parag_sidebar .guide_sidebar {
	padding-top: 20px;
}

#parag_sidebar p strong {
	font-size: 18px;
}

/* CSS Sign Up / In */
#div_signin {
	padding-top: 10px;
	padding-top: 10px;
	padding-left: 0px;
	margin: auto auto 10px auto;
}

#edclin_logo {
	background: transparent
		url("/portail/javax.faces.resource/img/portail/edclin-logo.png.xhtml") center no-repeat;
	background-size: contain;
	height: 50px;
	width: 125px;
	margin-left: 25px;
	margin-top: 10px;
}

#txt_inscrire, #txt_inscrire_atith {
	margin-top: 10px;
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	letter-spacing: 0.5px;
	color: #6A6A6A;
}

#btn_inscrire, #btn_connecter, #btn_inscrire_atih {
	background-color: #FFFFFF;
	justify-content: center;
	border: 1px solid #0077C8;
	border-radius: 200px;
}

#txt_btn_inscrire, #txt_btn_connecter, #txt_btn_inscrire_atih {
	font-family: Poppins;
	font-style: normal;
	font-weight: 500;
	font-size: 10px;
	line-height: 26px;
	text-align: center;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #0077C8;
}

#title_connexion {
	font-family: Montserrat;
	font-style: normal;
	font-weight: bold;
	font-size: 30px;
	line-height: 60px;
	letter-spacing: 8px;
	text-transform: uppercase;
	color: #023466;
	margin: 50px auto 0px auto;
	align-items: center;
}

#title_inscription {
	font-family: Montserrat;
	font-style: normal;
	font-weight: bold;
	font-size: 30px;
	line-height: 60px;
	letter-spacing: 8px;
	text-transform: uppercase;
	color: #023466;
	margin: 20px auto 0px auto;
	align-items: center;
}

#sub_title {
	margin: 0px auto 10px auto;
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 26px;
	letter-spacing: 1px;
	color: #6A6A6A;
}

.myform {
	text-align: left;
	margin-top: 5%;
	margin-left: 5%;
}

#form_label {
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 17px;
	letter-spacing: 1px;
	color: #023466;
}

.btn_validation, .btn-connect {
	padding: 16px 32px;
	width: 400px;
	height: 58px;
	left: 0px;
	top: 276px;
	background: #0077C8;
	border: 1px solid #0077C8;
	box-sizing: border-box;
	border-radius: 200px;
	margin: 14px 0px;
	text-align: center;
	letter-spacing: 4px;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-bottom: 50px;
}

.btn-connect-cs {
	background: linear-gradient(45deg, #0077C8, #00AEEF);
	color: white;
	border: 2px solid #0077C8;
	font-weight: 600;
	padding: 16px 32px;
	width: 400px;
	height: 58px;
	left: 0px;
	top: 276px;
	box-sizing: border-box;
	border-radius: 200px;
	margin: 14px 0px;
	text-align: center;
	letter-spacing: 4px;
	text-transform: uppercase;
	margin-bottom: 50px;
	transition: background 0.3s ease;
}

.btn-connect-cs:hover {
	background: linear-gradient(45deg, #00AEEF, #0077C8);
	color: white;
}


#form-login .btn-connect {
	margin-bottom: 0px;
}

#form-login .reset-pwd {
	margin-bottom: 20px;
}

.btn-outline-primary:hover {
	background-color: #eee !important;
}

#link_info {
	position: initial;
	width: 400px;
	bottom: 20px;
	margin: 5px;
}

#form-atih .userguide {
	margin-bottom: 40px;
}

#link_info_mobile a {
	padding: 15px;
	margin-left: 20px;
}

#link_info a, #link_info_mobile a {
	font-weight: bold;
	font-size: 14px;
	color: #023466;
	text-decoration: underline;
}

#parag_sidebar a {
	font-weight: bold;
	font-size: 16px;
	color: #023466;
	text-decoration: underline;
}

#contact {
	position: initial;
	color: #023466;
	font-size: 12px;
	padding: 5px 0 0 25px;
}

#contact a {
	text-decoration: underline;
	font-weight: bold;
	color: #0077C8;
}

@media (min-height: 650px) {
	#link_info {
		position: absolute;
	}
}

@media (min-height: 740px) {
	#contact {
		bottom: 0px;
		right: 0px;
		left: 400px;
		padding: 15px;
		background-color: #ffffff;
        margin-top: 250px;
	}
}

.has-error {
	border-color: red !important;
}

.has-error label {
	color: red !important;
}

.has-error a {
	border-color: red !important;
}

input[type=radio] {
	margin-left: 20px;
	margin-right: 5px;
	vertical-align: text-top;
}

select option[disabled="disabled"] { 
    display:none;
}

ul.alert-danger {
	padding-left: 30px;
}

.select2-container .select2-choice,
.select2-container .select2-choice .select2-arrow {
	background-image: none;
	background: #fff;
}

.select2-container .select2-choice {
    height: 34px;
    line-height: 34px;
}

.select2-container .select2-choice .select2-arrow b {
    background-position: 0 4px;
}

.block-ap {
	position: relative;
	width: 100%;
	height: 190px;
	border: 1px solid #333333;
	border-radius: 4px;
	margin: 20px 10px;
}

.block-ap .info {
	float: left;
	height: 100px;
	width: 300px;
	width: calc(100% - 45px);
	padding: 10px 15px;
}

.block-ap .info h4 {
	margin: 30px 0;
}

.block-ap .act {
	float: right;
	height: 100px;
	width: 45px;
}

.block-ap .act span {
	color: #0077C8;
	font-size: 36px;
	padding: auto auto;
	margin-top: 30px;
}

.block-ap .link {
	position: absolute;
	min-height: 42px;
	height: auto;
	bottom: -1px;
	left: -1px;
	right: 0;
	background-color: #323A45;
	border-radius: 0 0 4px 4px;
	padding: 0 15px;
}


.block-ap .link table {
	width: 100%;
	min-height: 42px;
}

#link_info  table {
	width: 380px;;
}

.block-ap .link table td {
	width: 33%;
}

.block-ap .link a {
	font-weight: bold;
	font-size: 14px;
	margin-top: 15px;
	color: #A3FFF6;
	text-decoration: underline;
}


.ap-disabled {
	border-style:dotted;
}

.ap-disabled, .ap-disabled a {
	cursor: default !important;
}

.ap-disabled h4, .ap-disabled .glyphicon  {
	color: #999 !important;
}


.ap-redirect {
	background-color: #f3f8fc;
}

.ap-redirect .info {
    height: 75px;
}

.ap-redirect .info h4 {
	margin-bottom: 5px;
}

.ap-redirect  .link {
	font-size: 12px !important;
	margin-top: 15px;
	color: #A3FFF6;
	background-color: #00589f;
}

.ap-redirect  .link a {
	font-size: 12px !important;
}


.ap-redirect .glyphicon  {
	color: #00589f !important;
}

.block-alert {
	color: #dc3545;
	text-align: left;
	position: relative;
	width: 100%;
	height: auto;
	border: 1px solid #dc3545;
	border-radius: 4px;
	margin: 10px 10px;
	padding : 6px;
	font-size: 13px;
}

.block-alert a {
	text-decoration: underline;
}

.text-alert {
	color: #dc3545;
	font-size: 12px;
	line-height: 1em;
}


/**
.block-ap-stop {
	border: 1px solid #cd3a48;
}

.block-ap-stop h4 {
	color: #cd3a48;
}

.block-ap-stop .link {
	background-color: #cd3a48;
}

.block-ap-stop .link a {
	color: #fff;
}

.block-ap-stop .act span {
    color: #cd3a48;
}
*/
.block-ap .badge {
	position: absolute;
	height: 20px;
	top: 0px;
	left: 50%;
	margin-left: -75px;
	width: 150px;
	background-color: #00aa00;
	border-radius: 0 0 10px 10px;
	padding: 3px 10px;
}

.block-ap-stop .badge {
	background-color:  #cd3a48 !important;
}

.block-ap-venir .badge {
	background-color:  #ff8413 !important;
}


/**
.block-ap-venir .glyphicon-menu-right {
	display: none;
}
*/

.btn-atih {
	background: linear-gradient(45deg, #514b63, #7a738b);
	border: 2px solid #514b63;
    margin-bottom: 0px;
	transition: background 0.3s ease;
	font-weight: 600;
}

.btn-atih:hover {
	color: #fff;
	background: linear-gradient(45deg, #7a738b, #514b63);
}

a.guide-connect {
	color: #514b63;
	text-decoration: underline;
}

a.guide-connect:hover {
	color: #000;
}

.pasrel {
	color: #514b63;
	font-weight: bold;
	font-size: 16px;
	
}

.alert-atih {
    color: #000;
    background-color: rgba(68,49,125,.2);
}

.line-center {
	display: block;
	height: 30px;
	border-top: 1px solid #cdcdcd;
	text-align :center;
}

.line-txt {
	line-height: 7px;
}


.plage-logo-small {
	display: inline-block;
    vertical-align: middle;
	background: transparent url("/portail/javax.faces.resource/img/portail/plage_logo.png.xhtml") center no-repeat;
	background-size: contain;
	height: 30px;
	width: 100px;
}

#browser-error {
	min-height: 400px;
	margin-top: 250px;
}

#browser-error h3{
	font-family: "Poppins", sans-serif !important;
}

.text-justify {
	text-align: justify;
}

.block-ap-mini h4 {
	font-size: 13px;
}


.block-ap-mini .link a {
    font-size: 9px;
    margin-top: 12px;
}

.block-ap-mini .link {
    min-height: 33px;
}

.block-ap-mini .link table {
    min-height: 30px;
}

.block-ap-mini {
    width: 60%;
    height: 120px;
    margin: 15px auto;
}    

	
@media (max-width: 1650px) {
	.block-ap-alert .info h4 {
		margin-top: 20px;
	}
	.block-ap-alert .text-alert {
		font-size: 12px;
	}
}


@media (max-width: 1400px) {
	.block-ap-mini {
		 width: 75%;
	    height: 120px;
	    margin: 15px auto;
	}
	.block-ap-alert .info h4 {
		margin-top: 15px;
	}
	.block-ap-alert .text-alert {
		font-size: 11px;
	}
}

@media (max-width: 1325px) {
	.block-ap-alert .info h4 {
		font-size: 14px;
		margin-top: 10px;
	}
	.block-ap-alert .text-alert {
		font-size: 11px;
	}
}

@media (max-width: 1250px) {
	.block-ap-mini {
		width: 85%;
	    height: 120px;
	    margin: 15px auto;
	}
	.block-ap-alert .info h4 {
		font-size: 12px;
		margin-top: 10px;
	}
	.block-ap-alert .text-alert {
		font-size: 10px;
	}
}

@media (max-width: 1080px) {
	.block-ap-mini {
		 width: 60%;
	    height: 120px;
	    margin: 15px auto;
	}
	.block-ap-alert .info h4 {
		margin-top: 30px;
		font-size: 16px;
	}
	.block-ap-alert .text-alert {
		font-size: 12px;
	}
}

.block-ap-mini  .act span {
    font-size: 24px;
    margin-top: 30px;
}

.block-ap-mini i {
	font-size: 12px;
}

.block-ap-mini .info {
    height: 60px;
}

.block-ap-mini .info h4 {
    margin: 25px 0;
}

.mrg-btm100 {
	margin-bottom: 100px;
}

/*NAVBAR CSS*/



.btn-home {
	background: linear-gradient(45deg, #5e6770, #1a191b);
	border: 1px solid transparent;
}

.btn-home:hover {
	background: linear-gradient(45deg, #5e6710, #1a101b);
}

.btn-edclin {
	background: linear-gradient(45deg, #0077C8, #00AEEF);
	border: 1px solid transparent;
}

.btn-edclin:hover {
	background: linear-gradient(45deg, #005a96, #008bb6);
}

.btn-pasrel {
	background: linear-gradient(45deg, #514b63, #7a738b);
	border: 1px solid transparent;
}

.btn-pasrel:hover {
	background: linear-gradient(45deg, #3e384b, #675e7a);
}

.inscription_btn {
	cursor: pointer;
	border: none !important;
	padding: 8px 12px;
	transition: all 0.3s ease;
	color: white;
	border-radius: 5px !important;
	font-weight: 600 !important;
	font-family: Poppins;
	font-style: normal;
	font-size: 12px;
	letter-spacing: 0.5px;
	margin: 0px 7px;
}

.cs-sbot10 {
    margin-bottom: 10px;
}