/**************************************************************/
/* @import url(http://fonts.googleapis.com/css?family=Muli); */
@font-face{
    font-family : "gothic";

    src : url('http://62.251.167.25/sites/all/themes/ompic/css/font/gothic/gothic.eot');
    src : local('?'),
          url('http://62.251.167.25/sites/all/themes/ompic/css/font/gothic/gothic.woff') format('woff'),
          url('http://62.251.167.25/sites/all/themes/ompic/css/font/gothic/gothic.svg#abcd') format('svg'),
          url('http://62.251.167.25/sites/all/themes/ompic/css/font/gothic/gothic.ttf') format('truetype');
}


body{margin: 0 !important;font-family : "gothic", Helvetica, Arial, sans-serif;}
table{width: 100%;}
table table{width: auto;}
.TD_libelle {
	COLOR: #747474;
	background: none;
	FONT-SIZE: 12px;
	font-family : "gothic", Helvetica, Arial, sans-serif;
	vertical-align: top;
	padding-top: 15px;
}
.TD_donnees_clair, .input_autre {
	COLOR: #747474;
	background: none;
	FONT-SIZE: 12px;
	padding: 10px 0;
	font-family : "gothic", Helvetica, Arial, sans-serif;
}
table table .TD_donnees_clair table  tr:first-child  .TD_donnees_clair{
	padding:0;
}
/* table  table  tr:first-child  .TD_libelle{
	padding-top:20px;
} */

table  table  tr:first-child  .TD_libelle:first-child {
	padding-top: 0;
	vertical-align: middle;
}
form[name=form] center ,
form[name=f] {
	background: #FFF;
	position: absolute;
	top: 0;
}
input[type=text] {
	height: 34px;
	width: 300px;
	display: block;
}
input[name=nomMarque],input#objetDepot {
	margin-bottom: 13px;
}
input#denomination {
	width: 150px;
}
select {
	height: 34px;
	width: 300px;
}
input[name=dateDepotDeb]{
	width: 126px;
	margin-right: 11px;
	display: inline;
}
input[name=dateDepotFin] {
	width: 126px;
	margin-left: 11px;
	display: inline;
}
input#codeNice, input#codeVienne, input#refClasseLOCARNOLabel {
	height: 34px;
	width: 300px;
}
img#imgCaptcha{width: 184px;border: 1px solid #cdcdcd;display:block}
input[type=submit],input[type=Reset] {
	background: #2987c7;
	border: 0;
	color: #FFF;
	padding: 10px 20px;
	font-weight: bold;
	font-size: 13px;	
	font-family : "gothic", Helvetica, Arial, sans-serif;
}
form table + img{display:none}
/* span.TD, */
input[type=radio] {
	vertical-align:bottom;
}
tr:first-child + tr + tr span.TD input[type=radio] {
	margin-top: 10px;
}

td.TD_donnees_clair a {
	background: url(http://62.251.167.25/sites/all/themes/ompic/images/search-icon.jpg);
	height: 16px;
	width: 16px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}
#nomcommercial{ width: 150px;}
td.TD_donnees_clair a img,
center > img,
.TD_titre {
	display: none;
}
center{text-align:left;}

td.TD_donnees_clair table {
	width: auto;
}
td.TD_donnees_clair table #inCaptchaChars {
	width: 126px;
}
td.TD_donnees_clair table a {
	background: none;
	width: auto;
	height: auto;
}
td.TD_donnees_clair table a img{
	display: block;
}

@media screen and (max-width: 420px) {
tr{display:block;}
.TD_libelle {
width: 75px !important;
}
table table tr:first-child .TD_donnees_clair {
width: 200px;
}
	input[type=text] {
		width: 190px;
	}
	input[name=designation] {
		width: 180px;
	}
	input[name=numMarqueAnt] {
		margin-left: 10px;
	}
	input#inCaptchaChars {
		width: 93%;
	}
	img#imgCaptcha {
	width: 125px;
	}	
	input#codeNice, input#codeVienne, input#refClasseLOCARNOLabel {
		width: 164px;
	}	
	select {
		width: 190px;
		float: right;
	}	
	input[name=dateDepotDeb] {
		width: 70px;
	}	
	input[name=dateDepotFin] {
		width: 70px;
	}	
	td.td_donnees_clair table #incaptchachars {
		width: 95%;
	}	
	input#denomination {
		width: 65px; 
	}	
	#nomcommercial {
		width: 65px;
	}	 
	input[type=submit] {
		margin-left: 25px;
}
}
@media screen and (max-device-width: 480px) { 
	tr{display:block;}
.TD_libelle {
width: 75px !important;
}
table table tr:first-child .TD_donnees_clair {
width: 200px;
}
	input[type=text] {
		width: 190px;
	}
	input[name=designation] {
		width: 180px;
	}
	input[name=numMarqueAnt] {
		margin-left: 10px;
	}
	input#inCaptchaChars {
		width: 93%;
	}
	img#imgCaptcha {
	width: 125px;
	}	
	input#codeNice, input#codeVienne, input#refClasseLOCARNOLabel {
		width: 164px;
	}	
	select {
		width: 190px;
		float: right;
	}	
	input[name=dateDepotDeb] {
		width: 70px;
	}	
	input[name=dateDepotFin] {
		width: 70px;
	}	
	td.td_donnees_clair table #incaptchachars {
		width: 95%;
	}	
	input#denomination {
		width: 65px; 
	}	
	#nomcommercial {
		width: 65px;
	}	 
	input[type=submit] {
		margin-left: 25px;
}
}