BODY,TD,TH,UL,OL,LI,TEXTAREA {
    font-family: Open Sans, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color:#FFFFFF;
    color: #666666;
}

BODY {
    margin: 0px;
    background-color:#FFFFFF;
    padding: 0px;
	top: 0px;
	/*margin-top: -10px;*/
}
FORM{margin:0px;padding:0px;}

INPUT {

/*    border:2px solid #666;
    margin-left:0px;
    padding-left:2px;
    height:14px;
    margin:0;*/
    font-size:10px;
    font-family: Open Sans, Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    
}
SELECT,OPTION {
    border:1px solid #666;
    font-size:10px;
    font-family: Open Sans, Verdana, Arial, Helvetica, sans-serif;
    background-color:#FFFFFF;
    color: #666666;

}
table.joli { border: 1px solid black;  border-collapse: collapse; }
th.joli { border-bottom: 1px solid black; border-left: 1px solid gray; }
th.joli1 { border-bottom: 1px solid black; }
td.joli { border-left: 1px solid gray; border-top: 1px dotted gray; }
td.joli1 { border-left: 1px solid gray; }

.masked { display:none; }

iframe.masked { display:none; }

.plgd {
    margin: 10px;
    font-size: 14px;
    font-family: Open Sans, Verdana, Arial, Helvetica, sans-serif;
    background-color:#FFFFFF;
    color: #000000;
}
.rad,.ckb,OPTION,.img {
    border:0px solid #666;
}

.noborder {
    border: 0px solid #666;
}
/*.btn {height:17px;}*/

.testretourprint {page-break-after : always;}

.fauxlink {
    color: #0000FF;
    text-decoration:underline;}
    
    
FIELDSET{
    border:1px solid #336299;
    padding:10px 20px;
    clear:both;
    margin:0px;
}

FIELDSET LEGEND {
    color:#336299;
    font-size:12px;
	width:auto;
	padding: 0px 5px 0 5px;
}

FIELDSET DIV{
    padding:0 0 10px 0;
}


td.periodedate, td.accueilmdate, td.accueilsdate  {
	background-color:#336299;
	color:#FFFFFF;
}

td.periodedate, td.accueilmdate, td.accueilsdate  {
	background-color:#336299;
	color:#FFFFFF;
}

td.periodeconge, td.accueilmconge, td.accueilsconge  {
	background-color:#DFB87E!important;
}

td.periodeouvert, td.accueilmouvert, td.accueilsouvert  {
	background-color:#A6E3EC; 
	color:#000000;
	text-align: center;
}

td.periodetitre, td.accueilmtitre, td.accueilstitre {
	background-color:#336299; 
	color:#FFFFFF;
}
.complet {
	color: #FF0000;
	padding-bottom: 7px;
	padding-top: 5px;
	
}
.periodeenfmax {
	color:#1529E3;
}

.periodeenfattente {
	color:#D86F1E;
}

.periodeenfconf {
	color:#007D3F;
	
}

.fichevalid {
}

.fichetovalid {
}

.ficheinvalid {
}

.etatok {
	font-weight:bold;
	color: #66CC00;
}
.etatko {
	font-weight:bold;
	color: #CC0000;
}
.etatincertain {
	font-weight:bold;
	color: #FF8000;
}
.msgparent {
	font-weight:bold;
	color: #CC0000;
}
.txtnormal {
	font-weight:normal;
}

#ifraaddr {
	border:1px solid #666666;
}

textarea {
	border:1px solid #666666;
}
#errdatenaiss {
	color: red;
	font-weight:bold;
}
table#table_joursferies td, table#table_joursferies th  {
	text-align:center;
}


div.ms-container.largems {width:1000px;}

div.infopaymenttitre {
	width: 180px;
    display: inline-block;
    vertical-align: top;
	padding-left: 20px;
}
div.infopaymentdata {
	display:inline-block;
}
span.select2.select2-container {
	width:200px!important;
}
table.allfacts>tbody>tr>td {
	vertical-align: top;
}
table.allfacts td, table.allfacts th {
	padding: 1px 5px 1px 5px;
}	
table.allfacts td iframe {
	width:400px;
	height:800px;
	/* position: fixed; */
}
table.Factures {    border-collapse: collapse; 
}

table.Factures tr.selected  {
	border: 2px solid blue;
}
.StartEnf {
	padding-left: 20px;
}
table.nicetab,table.nicetab th{
	border : 1px solid black;
	border-collapse: collapse;
}
table.nicetab tr.light td {
	background-color: lightblue;
}
table.nicetab tr.dark td {
	background-color: darktblue;
}

table.tblinscription th, table.tblinscription tbody tr td:first-child  {
	background-color:#336299; 
	color:#FFF;
	text-align: center;
	padding: 0 5px 0 5px;
}

table.tblinscription tr td  {
	background-color:#A6E3EC; 
	color:#FFF;
	text-align: center;
}

iframe#ifranewfact {
	width: 500px;
	height:100%;
	min-height: 500px;
	padding: 0px 0 0 10px;
}



.wrap{
  display:flex;
  justify-content:center;
}


@media (max-width: 1000px ){
  /*   450px = 2 * box-size + min-gap-width(50) */
	.wrap{
		align-items:center;
		flex-direction: column;
	}

  
}