BODY 
{
	margin: 0 0 0 0; 	
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

table 
{
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:black;
	border-collapse:separate;
}

select
{
	vertical-align:middle;
	font-size:14px;
}

input
{
	vertical-align:middle;
	font-size:14px;
}
textarea
{
	font-size:14px;
}

img 
{
	border: none;
	vertical-align:middle;
}
td{
	margin:0;
	padding:0;
}
h1{
	font-size:18px;
	color:#4887CA;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	font-style:italic;
}
.menu{
	/*height:120px;*/
	background-image:url(../images/bandeau.jpg);
	background-position: top;
	background-repeat:no-repeat;
}
.menu a{
	font-weight:bold;
	font-size:12px;
	color:#4887CA;
	text-decoration:none;
}

#IframeCentral{
	border:solid 1px #4887CA;	
}

#DivSousMenu{
	color:#4887CA;
}

#DivSousMenu a{
	text-decoration:none;
	color:#4887CA;
}
#DivSousMenu a:hover{
	text-decoration:underline;
}
.login{
	margin-top:20%; 
	width:400px;
	border:solid 1px #CBDEEF;
}
.login td{
	color:#689DD3;
	font-weight:bold;
	font-size:14px;
}
.bouton{
	background-color:#CBDEEF;
	color:#577BBB;
	font-weight:bold;
	width:100px;
}
.listing {
	border-collapse:collapse;
	border:solid 1px #CBDEEF;
}
.listing td{
	color:#000000;
	padding-left:5px;
	border-bottom:dotted 1px #CCCCCC;
	
}
.listing th{
	text-align:left;
	color:#4887CA;
	background: linear-gradient(to bottom, white,#c8deee);
	padding-left:5px;
	padding-right:5px;
}
.listing3 {
	border-collapse:collapse;
	border:solid 1px #CBDEEF;
}

.listing4 {
	border-collapse:collapse;
	border:solid 2px #B9121B;
}

.listing4 {
	border-collapse:collapse;
	border:solid 1px #CBDEEF;
}
.listing4 td{
	color:#000000;
	padding-left:5px;
	border-bottom:dotted 1px #CCCCCC;
	
}
.listing4 th{
	text-align:left;
	color:#4887CA;
	background: linear-gradient(to bottom, white,#c8deee);
	padding-left:5px;
	padding-right:5px;
}

.listing3 td{
	color:#000000;
	padding-left:5px;
	border-bottom:dotted 1px #CCCCCC;
	
}
.listing3 th{
	text-align:left;
	color:#4887CA;
	background-image:url(../images/fond_3.jpg);
	background-repeat:repeat-x;
	padding-left:5px;
	padding-right:5px;
}
.listing2 {
	border-collapse:collapse;
	border:solid 1px #CBDEEF;
}
.listing2 td{
	color:#000000;
	padding-left:1px;
	border-bottom:dotted 1px #CCCCCC;	
}
.listing2 th{
	text-align:left;
	color:#4887CA;
	background: linear-gradient(to bottom, white,#c8deee);
	padding-left:1px;
}

.planning {
	border-collapse:collapse;
	border:solid 1px #BBBBBB;
	font-weight:bold;
	font-size:9px;
}
.planning td{
	color:#000000;
	padding-left:5px;
	border-bottom:dotted 1px #BBBBBB;
	
}
.planning th{
	text-align:left;
	color:#4887CA;
	background-image:url(../images/fond.jpg);
	background-repeat:repeat-x;
	padding-left:5px;
	padding-right:5px;
}

 /* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  font-size: 14px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: 700;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;  
  color: #4887CA;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
} 

.tabcontent {
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

.espace {
	margin-bottom : 10px;
	margin-top : 10px;	
}

input[readonly="true"],input[readonly=""] {
	background-color: lightgray;
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

@media screen and (min-device-width: 1025px){
	.bandeau {display: block !important;}
	.agrandir {display: none !important;}
	.mobile {display: none !important;}
	.navigateur {display: inline !important;}
}

@media screen and (max-device-width: 1024px){
.bandeau {display: block;}
.agrandir {display: block;}
.mobile {display: inline;}
.navigateur {display: none;}
}

.param_flex {
	display:flex;
	align-items:center;
}

input:read-only {
	background-color: lightgray;
}

textarea:read-only {
	background-color: lightgray;
}