@font-face {font-family: 'Source Sans Pro';font-style: normal;font-weight: 400;src:url('/fonts/source-sans-pro-v13-latin-regular.woff2') format('woff2'),url('/fonts/source-sans-pro-v13-latin-regular.woff') format('woff');}
@font-face {font-family: 'Source Sans Pro';font-style: normal;font-weight: 700;src:url('/fonts/source-sans-pro-v13-latin-700.woff2') format('woff2'),url('/fonts/source-sans-pro-v13-latin-700.woff') format('woff');}
@font-face {font-family:'TradeGothicLTStd-BdCn20';font-style: normal;font-weight: 400;src:url('/fonts/tradegothicltstd-bdcn20.woff2') format("woff2"),url('/fonts/tradegothicltstd-bdcn20.woff') format("woff");}

/* Par défaut */
body,html{height:100%;}
body {background:#F5F5F5;font-family: 'Source Sans Pro',sans-serif;font-size: 14px;}
#logo {width:400px;}
#loginBox {background-color:#FFF;border:1px solid #D9D9D9;padding:20px 20px 0 20px;color: #00707f;margin:15px 0;}
#loginBox a {color:#005da9;}
#loginTitle {font-size: 48px;font-weight: bold;line-height: 50px;text-align:center;margin-bottom:20px;}
#loginBox input::placeholder {color:#c6c1b4;}
#loginBox .input-group-prepend {border-radius:0;}
#loginBox .input-group-text {color:#00707f;font-size:1.4rem;border-radius:0;background:#F5F5F5;border-bottom:1px solid #00707f !important;}
#loginBox .form-control {background:#F5F5F5;border-bottom:1px solid #00707f !important;border-radius:0;padding-left:0;}
#loginBox .btn-primary {background: #00707f;}
#loginBox a.btn-primary {color:#FFF;}
#loginBox .btn-primary:hover {background:#5fa4b0;}
#loginInfo {font-size: 14px;line-height:22px;text-decoration: none;text-align: center;padding:10px 0;}
#loginInfo #ko {color: #AA0000;}
#copyright {margin:30px 0;color:#00707f;line-height: 20px;text-align: center;}
#copyright a {color:#00707f;}
#loginBox #source {margin-bottom:30px;}
#loginBox #or {position:relative;width:180px;height:50px;color:#c6c1b4;line-height:50px;text-align:center;}
#loginBox #or::before,#loginBox #or::after {position:absolute;width:75px;height:1px;top:24px;background:#c6c1b4;content: '';}
#loginBox #or::before {left: 0;}
#loginBox #or::after {right: 0;}
#loginBox #logoInfo {width:100px;}
#loginBox #textInfo {font-size:16px;}
#loginBox .labelRB {display: block;position:relative;padding-left:35px;margin-bottom: 12px;cursor: pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
#loginBox .labelRB input {position: absolute;opacity:0;cursor:pointer;}
#loginBox .checkmark {position: absolute;top:0;left:0;height:25px;width:25px;background-color:#eee;border-radius:50%;}
#loginBox .labelRB:hover input ~ .checkmark {background-color:#5fa4b0;}
#loginBox .labelRB input:checked ~ .checkmark {background-color:#00707f;}
#loginBox .checkmark:after {content: "";position: absolute;display:none;}
#loginBox .labelRB input:checked ~ .checkmark:after {display:block;}
#loginBox .labelRB .checkmark:after {top:9px;left:9px;width:8px;height:8px;border-radius:50%;background:white;}

/* CHU */
#CHU {font-family:'TradeGothicLTStd-BdCn20',sans-serif;}
#CHU #loginBox {color:#3e72ac;}
#CHU #loginBox a {color:#0000ff;}
#CHU #loginBox a.btn-primary {color:#FFF;}
#CHU #copyright,#CHU #copyright a {color:#3e72ac;}
#CHU #loginBox .input-group-text {color:#3e72ac;border-bottom:1px solid #3e72ac !important;}
#CHU #loginBox .form-control {border-bottom:1px solid #3e72ac !important;}
#CHU #loginBox .btn-primary {background:#76c2bd;}
#CHU #loginBox .btn-primary:hover {background:#3e72ac;}
#CHU #loginBox .labelRB:hover input ~ .checkmark {background-color:#76c2bd;}
#CHU #loginBox .labelRB input:checked ~ .checkmark {background-color:#3e72ac;}

@media (max-height: 600px) {
	
	#logo {display:none;}
}
@media (max-width: 550px) {
	
	#logo {width:250px;}
	#loginTitle {font-size:38px;line-height:40px;}
}
@media (max-width: 1024px) {
	
	#logo {width:300px;}
}
@media (max-width: 450px) {
	
	#logo {width:200px;}
	#loginTitle {font-size:26px;line-height:28px;}
}