body  {
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #ffffff;
	background-color: #525156;
	background-image: url("images/fond.jpg");
	background-repeat: repeat;
	}
	
table  {
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #ffffff;
	}


.defaut {
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #ffffff;
	}
	
input
{
border:1px solid black;
background-color:white;
font-family: 'Open Sans', sans-serif;
font-size: 10px;
color:#000000;
border-radius: 2px 2px 2px 2px;
}


a:link { color: #ffffff ;text-decoration:none;}
a:visited {color: #ffffff ; text-decoration:none;}
a:hover { color: #ffffff ; text-decoration:underline;}

iframe  {
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #ffffff;
	background-color: #151418;
	}

#responsive-image { max-width: 100%; height:auto; }


/* Cadres d'affichage */
	
.Cadres {
	background-color:#008080;
	width:65%; 
	border-radius: 5px 5px 5px 5px;
	box-shadow: 2px 2px 5px #000000, -1px -1px 2px white;
	font-family: 'Open Sans', sans-serif;
	/*text-shadow: 2px 2px 2px black, 2px 2px 2px white; */
	color: #fff;
}

.BoutonTitre {
	margin: auto;
	text-align:center;
	vertical-align: middle;
	background-color:#17657D;
	/*  width: 300px; */
	height: 30px;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 2px 2px 5px #000000, -1px -1px 2px white;
	font-family: 'Open Sans', sans-serif;
	font-size: 18;
	text-shadow: 2px 2px 2px black, 2px 2px 2px white;
	color: #fff;	
}

.BoutonAction {
     font-family: 'Open Sans', sans-serif;
     font-size: 1.2em;
     width: 110px;
     height: 23px;
     margin: 5px;
     padding-top: 5px; /*permet le centrage vertical*/
     text-align: center;
     color: #ffffff;
     background: #444;
     background: linear-gradient( #555, #2C2C2C);
     border-radius: 20px;
	 text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
	 box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
}

.BoutonActionMaxi {
     font-family: 'Open Sans', sans-serif;
     font-size: 1.2em;
     width: 260px;
     height: 23px;
     margin: 5px;
     padding-top: 5px; /*permet le centrage vertical*/
     text-align: center;
     color: #ffffff;
     background: #444;
     background: linear-gradient( #555, #2C2C2C);
     border-radius: 20px;
	 text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
	 box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
}

.BoutonActionMini {
     font-family: 'Open Sans', sans-serif;
     font-size: 1.2em;
     width: 80px;
     height: 23px;
     margin: 5px;
     padding-top: 5px; /*permet le centrage vertical*/
     text-align: center;
     color: #ffffff;
     background: #444;
     background: linear-gradient( #555, #2C2C2C);
     border-radius: 20px;
	 text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
	 box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
}

.BoutonAction:hover {
     color: #222;
     background: #555;
     background: linear-gradient( #777, #333);
}

.BoutonAction:active {
     color: #000;
     background: #444;
     background: linear-gradient( #555, #2C2C2C);
     box-shadow: 1px 1px 10px black inset, 
                 0 1px 0 rgba( 255, 255, 255, 0.4);
	
}

.BoutonActionMini:hover {
     color: #222;
     background: #555;
     background: linear-gradient( #777, #333);
}

.BoutonActionMini:active {
     color: #000;
     background: #444;
     background: linear-gradient( #555, #2C2C2C);
     box-shadow: 1px 1px 10px black inset, 
                 0 1px 0 rgba( 255, 255, 255, 0.4);
	
}

.BoutonActionMaxi:hover {
     color: #222;
     background: #555;
     background: linear-gradient( #777, #333);
}

.BoutonActionMaxi:active {
     color: #000;
     background: #444;
     background: linear-gradient( #555, #2C2C2C);
     box-shadow: 1px 1px 10px black inset, 
                 0 1px 0 rgba( 255, 255, 255, 0.4);
	
}


.BoutonActionDesa {
     font-family: 'Open Sans', sans-serif;
     font-size: 1.2em;
     width: 110px;
     height: 23px;
     margin: 5px;
     padding-top: 5px; /*permet le centrage vertical*/
     text-align: center;
	color: #777;
     background: #444;
     background: linear-gradient( #555, #2C2C2C);
     border-radius: 20px;
         text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
         box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
}




#colonneDroite
{
float:left;
border:1px solid black;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
color:#000000;
}

/* test jm1 */
#dropfile{
width: 300px;
height: 50px;
border: 3px dashed #BBBBBB;
line-height:50px;
text-align: center;
}

/* test jm2 */
/*
body
{
 width:100%;
 margin:0 auto;
 padding:0px;
font-family:helvetica;
 background-color:#084B8A;
}*/
#wrapper
{
 text-align:center;
 margin:0 auto;
 padding:0px;
 width:995px;
}

#drop-area
{
 margin-top:20px;
 margin-left:220px;
 width:550px;
 height:200px;
 background-color:white;
 border:3px dashed grey;
}
.drop-text
{
 margin-top:70px;
 color:grey;
 font-size:25px;
 font-weight:bold;
}
#drop-area img
{
 max-width:200px;
}


/*
NEW V4.1 JQUERY
*/

.BlocPatient  {
	
	position:relative;
	display:block;
	clear: both;
	font-family: 'Cantarell', sans-serif;
	font-weight: normal;
	font-size: 32px;
	color: #ffffff;
	height: 50px;
	width: 800px;
  	vertical-align: middle;
  	text-align: left;
	background-color: #088A68;
	}
	
.BlocPatientBoutons  {
	
	position:relative;
	font-family: 'Cantarell', sans-serif;
	font-size: 12px;
	height: 50px;
	width: 800px;
	color: #000000;
	background-color: #58756D;
	display: none;
	}
	

	
.BlocPatientOptions  {
	font-family: 'Cantarell', sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #000000;
	background-color: #EEEEEE;
	width: 800px;
	display: none;
	
	}
	
.BlocPatientOptionsModifs	{
	font-family: 'Cantarell', sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #000000;
	width: 800px;
	background-color: #EEEEEE;
	}
	
	

.BlocPatientStudies  {
	font-family: 'Cantarell', sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #ffffff;
	width: 800px;
	background-color: #525156;
	}
	
.BlocPatientNegato  {
	font-family: 'Cantarell', sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #ffffff;
	width: 800px;
	background-color: #000000;
	}
	
.BlocStudy  {
	
	
	font-family: 'Cantarell', sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #ffffff;
	background-color: #5F8CA3;
	clear:left;
	}	
	
.BlocInfosStudy  {
	font-family: 'Cantarell', sans-serif;
	clear: left;
	font-weight: normal;
	font-size: 14px;
	color: #ffffff;
	background-color: #88CAA8;
	
	}

.BlocOptionsStudy  {
position:relative;
	font-family: 'Cantarell', sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #000000;
	background-color: #F7F8E0;
	}
	
	
	
	
.BlocStudysImages {
position:relative;
	font-family: 'Cantarell', sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #000000;
	background-color: #F7F8E0;
	}
	
	


.BlocImage {
	position:relative;
	float:left;
	}

.BlocImageApercu  {
	position:relative;
	z-index:1;
	}
	
.BlocImageCoche  {
	position:relative;
	z-index:2;
	top:-25px;
	font-family: 'Cantarell', sans-serif;
	font-weight: normal;
	font-size: 8px;
	color: #EEEEEE;
		visibility:hidden;
	}
	
.blocderexams {
	
}

.blocimagespatient  {
	font-weight: normal;
	font-size: 14px;
	color: #ffffff;
	/*width: 800px;*/
	background-color: #525156;
	}
.blocimagespatientvisit  {
	font-weight: normal;
	font-size: 14px;
	color: #ffffff;
	/*width: 800px;*/
	background-color: #000000;
	}


.champrecherche  {
position:relative;
	font-family: 'Cantarell', sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #000000;
	background-color: #F7F8E0;
	}