#header {
	background: white url("/images/logo_ci_new.png") no-repeat scroll 50px center;
	color: #838385;
	border-bottom: 1px solid #CCCCCC;
  	background-size: 250px;
	height : 115px;
}
#header #logo .css_bold {
	font-weight: normal;
	font-size: 24px;
}
#header small {
	font-size: 16px;
	color: rgb(44,163,45);
}
#footer {
	border-top: 1px solid #CCCCCC;
	background: #838385;
	color: white;
}

.nom-long-etude{
	font-size : 46px;
	font-weight : bold;
	font-family:calibri;
	color : #64acc4;
}
#header a {
	color: #838385;
}
#header a:hover{
	color: rgb(176,174,174);
}

#header{
	background: no-repeat left top white;
	color : #838385;
	height : 115px;
}

#content{
	padding-top : 116px;
}

.nom-long-etude-petit{
	font-size : 22px;
}

.nom-long-etude{
	font-size : 46px;
	font-weight : bold;
	font-family:calibri;
	color : #64acc4;
}

a{
	color :#838385;
}
a:link{
	color : #838385;
}
a:visited{
	color : #838385;
}
a:hover{
	color : #64acc4;
}
#header a{
	color :#838385;
}
#header a:hover{
	color : #64acc4;
}
#breadcrumb a{
	color :#838385;
}
#breadcrumb a:hover{
	color : #64acc4
}
#banner{
	width : 85%;
}

.logo-cysta{
	padding-left : 35%;
	position : absolute;
	
}
.logo-sponsor{
	padding-top : 15px;
	position : absolute;
	
}

.logo-cysta img, .logo-sponsor img{
	height : 100px;
	
}

button, input[type="submit"], input[type="reset"], input[type="button"] {
	color:#00ADA4;
}


button, input[type="submit"], input[type="reset"], input[type="button"] {
	color:#64acc4;
}

button:hover, input[type="submit"]:hover , input[type="reset"]:hover, input[type="button"]:hover {	
	background: #64acc4;
	color: white;
}
#SUBMIT_2{
	background: #64acc4;
	color: white;
}

#logo{
	padding-top : 0px;
}

#SUBMIT_2:hover{
 	background: #838385;
	color:white;
}
#footer{
	background-color :#64acc4;
	background:#64acc4;
}

.calendrier-groupe-pere{
	background-color :#64acc4;
	background:#64acc4;
	
}
#contenuPage tr td.tdtit{
	background-color: #64acc4;
}

.elementMenu ul li a:hover{
	color : white;
	background-color : #838385;
}

.connexion h2{
	color : #64acc4;
}

.calendrier-sous-groupe{
	color : #64acc4;
}

.information_haut{
	background-color : #64acc4;
}
.titrebox{
	background-color : #838385;
}

.calendrier-patient-eig-cal{
	display : inherit;
}

.warning{
	background-color: #f74c3b;
	color: white; 
	font-style : italic;
}

#lien-pdf-container{
	text-align: center;
	width: 20%;	
}

#toolbox{
	top : 270px;
}

.information_haut #information-haut-container{
	width: 40%;
	
}

#lien-pdf-sae{
	float : right;
	font-size: 10px;
	text-align: center;
	width: 20%;
}
#lien-pdf-sae button{
	
	background : #E0E0E0;
	color : #333333;
	font-size: 10px;
}

#patient-profile {
	float : right;
	text-align: center;
	width: 20%;
}
#patient-profile button{
 	background: #FAFAFA;
	color: #333333;
	font-size: 10px;
	border-color: #CCCCCC;
}
#patient-profile button .fa {
	color:rgb(152,12,12);
}
#patient-profile button:hover {
	background: rgb(152,12,12);
	color: white;
}
#patient-profile button:hover .fa {
	color:white;
}

#lien-pdf-sae button:hover {
 	background: #333333;
	color:white;
	font-size: 10px;
}

.bouton-telecharger-pdf{
	padding-left : 15px;
}

.bouton-telecharger-pdf a{
	font-weight: initial !important; 
}
.bouton-telecharger-pdf .fa{
	color : rgb(152,12,12);
}

.report-table {
	width: 90%;
	margin : 2rem auto 4rem;
	border-collapse: collapse;
	border: thin solid rgb(0, 65, 40);
}

.report-table-legend {
	font-size: 12pt;
	padding-bottom: 1.5rem;
	text-align : center;
}

.report-table td {
	padding: .25rem .5rem;
	text-align: center;
}

.report-table th {
	color: white;
	background-color: rgb(0, 175, 165);
	padding: .5rem .75rem;
	font-size: 11pt;
}

.patient-included {
	color: rgb(50,50,50);
	font-weight: bold;
}

.patient-log-legend {
	color: rgb(0, 195, 185);
	font-weight: bold;
}
.patient-log {
	color: rgb(0, 195, 185);
	font-weight: bold;
	margin-left : 25%;
}

.report-table td, .report-table th {
	border-bottom: thin solid rgb(0, 65, 40);
}

.report-table td[class="patient-included"], .report-table th {
	border-left: thin solid rgb(0, 65, 40);
}

.report-table td[class="patient-log"], .report-table th {
	border-right: thin solid rgb(0, 65, 40);
}

.sous-titre{
	font-weight : bold !important;
	background-color : transparent !important;
	color : #333333 !important;
}

.lien-cliquable:hover{
	text-decoration : underline;
}

.lien-cliquable{
	cursor : pointer;
	font-size : 10px;
}

.titre-ligne-tableau{
	/* background-color : #EEEEEE; */
	background-color : inherit;
	color : black;
	font-weight : normal;
}

.lien-aide:hover{
	cursor : pointer;
}
.lien-aide{
	color : #003a80;
	font-size : 16px;
}

.aideVariable{
	height : 750px;
}

.WordSection1{
	overflow : auto;
}
#etat-signature {
	border-color: #838385;
}
.titre-signature {
	background-color: #838385;
}

/*** Echelle ***/

/* Libellé */
.echelle-libelle {
	color: rgb(12, 88, 22);
}

/* Curseur */
.echelle > .slider > .ui-slider-handle {
	background-color: rgba(165, 6, 6) !important;
	height: 2em !important;
	width: 3em !important;
	top: 25% !important;
}

/* Slider échelle horizontale */
.echelle:not(.echelleVertical) > .slider.ui-slider {
	height: 1.2em !important;
	background: #1f4326 !important;
}

/*** Echelle verticale ***/
.echelleVertical .ui-slider-vertical .ui-slider-handle-custom {
	top: unset !important;
	left: -1.1em;
}

/* Hauteur du slider */
.echelleVertical > .slider.ui-slider {
	height: 400px;
	background-size: cover;
	width: .8em;
	background: #1f4326 !important;
}

/* Libellé */
.echelleVertical {
	display: flex;
	flex-direction: row;
	padding-left: 50%;
}
.echelleVertical .echelle-libelle {
	flex-direction: column;
	margin-left: 1.5em;
}