.date-heure > tbody > tr > td > div > div > a.ui-input-clear.ui-btn.ui-icon-grid.ui-btn-icon-notext.ui-shadow.ui-corner-all{
	position : relative;
	margin-top : auto;
}

.detail_admin tbody>tr.pseudo_date_heure_btn>td.bouton_ad{
	text-align:right;
	padding-left:5px;
	width:7%;
}

.detail_admin p{
	display:inline;
	font-weight:bold;
}

.detail_admin{
	box-shadow: 1px 1px 12px #555;
	margin-top:10px;
	border-radius:7px;
	display: block;
	width: 100%;
}

.detail_admin tr.pseudo_date_heure_btn{
	background-color:rgba(51, 51, 51, 0.1);
	display:block;
	font-family:"Palatino" serif;
	font-size: 13pt;
	color:#5B6668;
}

.detail_admin tbody>tr.pseudo_date_heure_btn>td{
	padding-left:2px;
	width: 80%;
}

tbody.ecran{
	display: block !important;
	width: 100%;
}

th > label {
padding: 10px 5px 5px 0px;
}

.couleur>.ui-btn.ui-input-btn.ui-btn-a.ui-corner-all.ui-shadow{
	background-color: #38C;
	color: rgba(237, 237, 222, 0.07);
	border-color: #38C;
}

.obligatoire{
	color:red;
}

.ui-input-text.ui-shadow-inset.ui-body-inherit.ui-corner-all.ui-textinput-autogrow{
	width:100% !important;
}

.ui-header.ui-bar-inherit{
	background-color: rgba(195, 190, 190, 1) !important;
}

.ui-footer.ui-bar-inherit{
	background-color: rgba(195, 190, 190, 1) !important;
}

.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
    background-color: rgba(80, 77, 77, 0.07) !important;
}

@media ( min-width: 35em ) {

	/* Show the table header rows and set all cells to display: table-cell */
	.date-heure td,
	.date-heure th,
	.date-heure tbody th,
	.date-heure tbody td,
	.date-heure thead td,
	.date-heure thead th {
		display: table-cell;
		margin: 0;
	}
	
	.date-heure.ui-responsive.ui-table.ui-table-reflow tbody tr>th {
    	vertical-align:middle !important;
    	text-align:center !important;
    }
	
	.date-heure label
	{
		width : 50%;
		display: inline !important;
	}
	
	/* Hide the labels in each cell */
	.date-heure td .ui-table-cell-label,
	.date-heure th .ui-table-cell-label {
		display: none;
	}
	
	#detail td,
	#detail th,
	#detail tbody th,
	#detail tbody td,
	#detail thead td,
	#detail thead th {
		display: table-cell;
		margin: 0;
	}
	
		/* Hide the labels in each cell */
	#detail td .ui-table-cell-label,
	#detail th .ui-table-cell-label {
		display: none;
	}
	
	.logo_canard{
		width:10%; 
		display: inline-block; 
		margin-left: 35%; 
		margin-right: auto;
		vertical-align: middle;
	}
	
	.titre{
		display: inline-block !important;
		margin: auto !important;
		vertical-align:middle !important;
	}
}


@media (max-width: 35em) 
{
	.titre{
		display: inline-block !important;
		margin: auto !important;
		vertical-align:middle;
	}
	
	.logo_canard{
		width:20%; 
		display: inline-block; 
		margin-right: auto;
		vertical-align:middle;
	}
	
	#detail .table-stroke tbody th, .table-stroke tbody td {
    	border-bottom: 0px !important;
	}
	
	#detail tbody>tr{
		border-bottom:2px groove rgba(50, 43, 43, 0.65);
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}
	
	#detail tbody td{
		padding-left:5px !important;
	}
	
	#detail tbody td.dateDetail{
		padding-top:5px !important;
	}
	
	
	.lieu>div.ui-input-text.ui-body-inherit.ui-corner-all.ui-mini.ui-shadow-inset{
		margin-top: -35px !important;
		margin-left: 55px !important;
	}
	
	.dpt>div.ui-input-text.ui-body-inherit.ui-corner-all.ui-mini.ui-shadow-inset{
		margin-top: -35px !important;
		margin-left: 117px !important;
	}
	
	.nom>div.ui-input-text.ui-body-inherit.ui-corner-all.ui-mini.ui-shadow-inset{
		margin-top: -35px !important;
		margin-left: 116px !important;
	}
	
	.lune>.ui-select.ui-mini{
		margin-top: -35px !important;
		margin-left: 50px !important;
	}
	
	.esp>.ui-select.ui-mini{
		margin-top: -35px !important;
		margin-left: 95px !important;
	}
	
	.meteo>.ui-select.ui-mini{
		margin-top: -35px !important;
		margin-left: 60px !important;
	}
	
	.tmps>.ui-select.ui-mini{
		margin-top: -35px !important;
		margin-left: 105px !important;
	}
		
	.comm>.ui-input-text.ui-shadow-inset.ui-body-inherit.ui-corner-all.ui-textinput-autogrow {
		overflow: hidden !important;
		margin-top: -20px !important;
	}

	.date-heure > tbody > tr > td > div > div > a.ui-input-clear.ui-btn.ui-icon-grid.ui-btn-icon-notext.ui-shadow.ui-corner-all{
	position : relative;
	margin-top : auto;
	}

	td>div.ui-input-text.ui-body-inherit.ui-corner-all.ui-mini.ui-shadow-inset.ui-input-has-clear{
		padding-right:0.5em !important;
	}
	
	.date-heure tbody th > label {
		padding: 10px 0px 5px;
	}

    .date-heure tbody th
    {
    	margin-top: 0em!important;
        display: block;
        font-size: 13px;
        line-height: 110%;
        padding: 5px 0px 0px !important;
        background-color: #fff;
        text-align: left;
    }
        
    .date-heure tbody th .ui-table-cell-label,
    .date-heure tbody td.date .ui-table-cell-label,
    .date-heure tbody td.heure .ui-table-cell-label     
	{
        display: none;
    }
    
    .date-heure tbody td.date 
    {
       	margin-top: -45px;  
        text-align: right; 
    }
    
    .date-heure tbody td.date>div>div.ui-input-datebox.ui-corner-all.ui-mini.ui-body-a {
	     padding: 0 0 0 0.2em!important;
    }
    
    .date-heure tbody td.date>div {
    	margin: 5px 10px -10px 60px;
    	text-align: right;
    	width: 40%;
    }
 
    .date-heure tbody td.heure
    {
		margin-top: -40px;
		margin-left: 80px;
		width: 35%;
    }
 
    .date-heure td .ui-table-cell-label,
    .date-heure th .ui-table-cell-label
    {
        min-width: 20%;
    }
    
    .vues-nb tbody td.nb-vues{
    	margin-top: -48px; 
    	margin-left: 70px;
    }
    
    .vues-nb tbody td.prelevees{
		margin-left: 175px; 
		width: 30%; 
		margin-top: -47px;
    }
    
    .vues-nb tbody td.prelevees>div.ui-input-text.ui-body-inherit.ui-corner-all.ui-mini.ui-shadow-inset.ui-input-has-clear{
		padding-right:0.5em;
    }
    
    .vent-force tbody td.vent{
		margin-left: 47px; 
		margin-top: -47px;
    }
    
	.vent-force tbody td.force{ 
		margin-left: 112px; 
    	width: 50%; 
    	margin-top: -45px;
	}
   
	.ui-field-contain.forceVent{
   		padding-top:0px;
	}
   
	.ui-table-reflow tbody th {
    	margin-top: 0em !important;
	}
	
	.ui-responsive.ui-table.ui-table-reflow tbody tr>th{
		padding:0px !important;
		background-color: transparent !important;
	}
	
    .ui-table td {
    	padding : 0px !important;
    }
}

/* Hack to make IE9 and WP7.5 treat cells like block level elements */
/* Applied in a max-width media query up to the table layout breakpoint so we don't need to negate this */
@media ( max-width: 35em ) 
{
    .date-heure td,
    .date-heure th 
    {
        width: 100%;
        float: left;
        clear: left;
    }
}