/*
References des couleurs
/*
References des couleurs
vert clair : pantone 376
#7ECC30
vert fonc� : pantone 370
#308100
gris clair
#888
*/



body{
font-family: Verdana, Arial, Helvetica, sans serif;
font-size: 11px;
color: #333333;
width: 100%;
background-image: url(./bg-image.jpg);
margin:0;
padding: 0;
text-align:center;
}

*html body{
margin-bottom:10px;
}

#wrapper{
width: 1000px;
position: relative;
margin: auto;
top:0;
padding:0;
}

/*style du header*/

#header{
float: left;
height:80px;
width:1000px;
top:0;
padding:0;
background-image: url(./header.png);
background-size: 100%;
}

#home{
float: left;
margin-top:10px;
width:140px;
height:50px;
border:none;
}

#login{
	float: right;
	margin-top:20px;
	width:260px;
	height:30px;
	text-align: left;
	font-size: 11px;
	background-image: url(./bg-login.png);
	background-repeat:no-repeat;
	color:white;
	text-indent:7px;
	padding-top:2px;
}
*html{
	height:32px;
}

#nom{
	float:left;
	font-variant:normal;
}

#cadenas{
	float:right;
	margin-top:-11px;
	margin-right:15px;
}

#animate-text{
	float:left;
	margin-top:40px;
	margin-left:0px;
	padding-left:0px;
	color:white;
	font-style: italic;
	text-align:left;
	z-index:100;
}

/*ie6*/
* html #animate-text{
	margin-left:0px;
	padding-left:0px;
}


#menu{
float: left;
height:20px;
width:900px;
background-image: url(./fond.png);
background-size: 100%;
padding:0px 50px;
background-repeat:repeat-y;
}

#infosDemandes{
float: left;
height:20px;
width:900px;
background-image: url(./fond.png);
background-size: 100%;
padding:5px 50px 0px;
text-align:right;
}

/*ie6*/
* html #menu{
width:840px;
padding:0px;
}

#menu div.float-r{
float: right;
padding:0px 0px 0px 0px;
height:20px;
font-variant: small-caps;
text-align: center;
color:#888;
}

#menu div.first{
margin-right:0px;
}

/*ie6*/
* html #menu div.first{
margin-right:25px;
}
/*ie7*/
*+html #menu div.first{
margin-right:50px;
}

#nav, #nav ul{
     margin:0;
     padding:0;
     list-style-type:none;
     list-style-position:outside;
     position:relative;
     font-variant: small-caps;
	 line-height:1.5em;
	 font-size: 12px;
}

#nav ul {
    position:absolute;
    width:12em;
    top:20px;
}

#nav li{
    float:left;
    position:relative;
}

#nav li.first{
    float:left;
    position:relative;
	margin-left:0px;
}

/*ie6*/
* html #nav li.first{
	margin-left:25px;
}

#nav a{
	font-size:11px;
	padding:0px 2px;
    width:108px;
	text-align:center;
}

/*ie6*/
* html #nav a{
	padding:0px 2px;
	width:112px;
}

#nav a.mainlink:link, #nav a.mainlink:active, #nav a.mainlink:visited{
    display:block;
    color:white;
    text-decoration:none;
    background-color:#7ECC30;
    text-align: center;
    border-right:1px solid white;
	height:20px;
 }

#nav a.mainlink:hover{
    background-color: #308100;
    color:white;
    border-right:1px solid white;
}

#nav a.sublink:link, #nav a.sublink:active, #nav a.sublink:visited{
    display:block;
    text-decoration:none;
    background-color:white;
    text-align: center;
    color:#7ECC30;
	line-height:0.9em;
	padding-bottom:4px;
	padding-top:4px;
	z-index:10;
}

#nav a.sublink:hover{
    color:#308100;
}

#nav a.notfirst{
    border-top:1px dotted #7ECC30;
}

img{
    border:none;;
}

#content{
float: left;
display:block;
width:900px;
background-image: url(./fond.png);
background-size: 100%;
padding:120px 50px 20px 50px;
text-align:justify;
background-repeat:repeat-y;
min-height:250px;
}

*html #content{
height:250px;
}

#accordeon {
	margin:0px;
	padding:0px;
	text-indent:0px;
	width:100%;
}

#accordeon div.titre {
	cursor:pointer;
	border:none;
	background:url(collapsed.png) no-repeat scroll 2px 12px;
	color:#333;
	display:block;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-indent:15px;
	text-decoration: none;
	padding-top:10px;
	padding-bottom:2px;
	font-size:10px;
}

#accordeon div.titre.selected {
	background:url(expanded.png) no-repeat scroll 2px 12px;
}


/*---------------------------------------------
STYLE POUR LE CONTENU
-----------------------------------------------*/

#content div.monocol{
float: left;
display:block;
width:95%;
margin:0;
text-align:left;
}

#content div.col-l{
float: left;
display:block;
width:70%;
margin:0;
text-align:left;
}

#content div.col-l p, #content div.monocol p{
	text-align:justify;
}

#content div.col-r{
float: right;
width:25%;
padding:0px;
margin-left:5%;
}

#content div.col-r img{
padding:0px;
margin:0;
border:none;
width:180px;
}

#content div.col-r div.texte{
padding:10px 10px;
margin:0;
border:none;
width:160px;
text-align:left;
font-size:11px;
color:#333;
}

#content div.col-r div.texte a{
font-size:11px;
color:#333;
text-decoration:none;
border-bottom:1px dotted #333;
}

#content div.col-r div.texte a:hover{
font-size:11px;
color:#308100;
text-decoration:none;
border-bottom:1px solid #308100;
}

#content span.lois, #content p.lois{
font-size:0.8em;
}

#footer{
float: left;
height:30px;
width:900px;
background-image: url(./footer.png);
background-size: 100%;
padding:5px 50px;
text-align: center;
font-variant: small-caps;
color:#888;
}

/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
		#nav a{
		font-size:1.2em;
		padding:0px 5px;
		width:100px;
		text-align:center;
	}
}

#content ul.intext{
padding-top:0.5em;
padding-bottom:0.5em;
padding-left:25px;
}

#content ul.intext li{
padding:2px;
margin:0;
list-style-image: url(./hyphen.gif);
text-indent:0px;
text-align:justify;
line-height:1.2em;
}

#content b{
font-size:0.95em;
}



#content span.actu{
float:left;
margin-top:20px;
font-size:11px;
width:520px;
}

#content span.actu span.titre{
float:left;
font-size:11px;
font-weight:bold;
width:520px;
}

#content span.actu span.date{
float:left;
font-size:10px;
color:#888;
width:520px;
}

#content span.actu span.texte{
float:left;
margin-top:10px;
font-size:11px;
color:black;
width:520px;
}

#content p{
display:block;
text-align:justify;
line-height:1.2em;
}

#content p.titre{
font-weight:bold;
font-size:10px;
padding-bottom:10px;
}

#content p.bloc-titre{
	display:inline;
	height:20px;
	text-align:left;
	font-variant:small-caps;
	color:white;
	padding:2px 15px;
	background-image: url(./bg-bloc-titre.png);
	background-repeat:repeat-x;
	font-size:12px;
}

#content a.intext{
font-size:11px;
color:#888;
text-decoration:none;
border-bottom:1px dotted #888;
}

#content a.intext:hover{
font-size:11px;
color:#308100;
text-decoration:none;
border-bottom:1px solid #308100;
}

form label, label,
form input, input,
form select, select, option,
form textarea, textarea {
font-size:11px;
}


table{
border-collapse:collapse;
}

table.dechets{
margin:0;
padding:0;
color:#333333;
width:90%;
}

table.dechets thead th, table.infos thead th{
font-size:10px;
font-weight:bold;
border-bottom:1px solid #308100;
padding:5px 2px;
}

table.dechets tbody th{
font-size:10px;
font-weight:bold;
padding:5px 2px;
}

table.dechets tbody td{
font-size:10px;
padding:5px 2px;
}

table.infos{
margin:0;
padding:0;
color:#333333;
width:100%;
}

table.infos tbody th{
font-size:10px;
font-weight:bold;
padding:2px;
}

table.infos tbody td{
font-size:10px;
padding:2px;
}

table.formulaire tbody tr td{
padding:5px 20px; 
width:50%
}

table.queryresult{
margin:0;
padding:0;
color:#333333;
}

table.queryresult thead th{
font-size:10px;
font-weight:bold;
/*image relative au theme jquery ui*/
background:url('../jquery/ui/themes/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png') repeat-x scroll 50% 50% #E6E6E6;
border:1px solid #BBB;
padding:5px 2px;
text-align:center;
}

table.queryresult thead td{
border:none;
}

table.queryresult tbody th{
font-size:10px;
font-weight:bold;
padding:5px 2px;
border:1px solid #BBB;
text-align:left;
}

table.queryresult tbody td{
font-size:10px;
padding:5px 2px;
border:1px solid #BBB;
}

table.queryresult tr.subtotal td{
font-size:10px;
padding:5px 2px;
font-weight:bold;
/*image relative au theme jquery ui*/
background:url('../jquery/ui/themes/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png') repeat-x scroll 50% 50% #E6E6E6;
border:1px solid #BBB;
}

table.queryresult tfoot th,table.queryresult tfoot td{
font-size:10px;
padding:5px 2px;
font-weight:bold;
/*image relative au theme jquery ui*/
background:url('../jquery/ui/themes/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png') repeat-x scroll 50% 50% #A6A6A6;
border:1px solid #BBB;
}

table thead th{
text-align:center;
}

table th.bbottom, table td.bbottom{
border-bottom:1px solid #888;
}

table th.gauche, table td.gauche{
text-align:left;
}

table th.droite, table td.droite{
text-align:right;}

table th.centre, table td.centre{
text-align:center;
}

table.queryresult td.spacer{
border:none;
width:10px;
height:10px;
background:none;
}


fieldset{
padding:10px 20px; 
border:1px solid #888; 
width:95%
}

fieldset legend{
padding:2px 5px;
background-image:url('./bg-bloc-titre.png'); 
color:white; 
min-width:100px; 
width:auto;
}

input.bouton{	
	background-color:#7ECC30;
	color:white;
	font-family: Verdana, Arial, Helvetica, sans serif;
	font-weight:bold;
	cursor:pointer;
	padding:1px 4px;
}


input.bouton:hover{
	background-color:#308100;
	color:white;
}

input.cmdAutoLogin{
background-color:white;
border:none; 
width:140px;
background-image: url('../../img/commande-off.png');
padding:0px;
margin:0px;
height:20px;
cursor:pointer;
background-repeat:no-repeat;
}

input.cmdAutoLogin:hover{
background-image: url('../../img/commande-on.png');
}

a.custo-button-padding{
padding: 0.4em 1em;
}

div.tooltip{
text-align: right; 
background-color:white; 
display:block; 
font-style:italic; 
font-size:0.8em;
}

p.tooltip{
display:block; 
font-style:italic; 
}


table.dopiece{
border-collapse:collapse;
width:95%;
border: 1px solid black;
}

table.dopiece thead th{
border:1px solid black;
padding:3px;
}

table.dopiece tbody td{
border-left:1px solid black;
border-right:1px solid black;
padding:3px;
}

table.dopiece tfoot th{
border:1px solid black;
padding:3px;
font-weight:bold;
background: #EEEEEE;
}

table.dopiece tfoot td{
border:1px solid black;
padding:3px;
font-weight:bold;
background: #FFFFFF;
}

/*style pour les indicateur vert-orange-rouge pour les poids notamment*/
table.queryresult td.rouge{
color:white;
background:none;
background-color:#CC3333;
}

table.queryresult td.orange{
color:white;
background:none;
background-color:#FF9933;
}

table.queryresult td.blanc{
background:none;
background-color:#FFF;
}

table.queryresult td.vert{
color:white;
background:none;
background-color:#339933;
}

table.queryresult th.pastyear,
table.queryresult td.pastyear{
color:#BBB;
}

input.texte{
border:1px solid #BBB;
color:#333;
height:17px;
}

#choices input{
margin:5px 0px 0px 0px;
}
#choices label{
margin:5px 5px 0px 2px;
}

*html #placeholder{
top:15px;
}

#menu-r{
width:100%;
padding:0px;
margin:0px;
}

#menu-r h2{
background:#BBB;
color:white;
font-size:12px;
font-variant:small-caps;
padding:2px 5px;
margin:0px;
font-weight:normal;
background-image:url('./bg-bloc-titre.png'); 
}

#menu-r ul li{
list-style-type:none;
padding: 3px 0px;
}

#menu-r ul li a {
font-size:12px;
color:#888;
text-decoration:none;
font-weight:bold;
padding:0px;
margin:0px;
}

#menu-r ul {
padding:10px;
}

#menu-r ul li a img.ico,
#menu-r ul li img.ico{
height:24px;
width: 140px;
margin: 0px;
padding:0px;
}

#tab-section{
margin-top:-1px;
text-align:left;
padding-top:20px;
padding-bottom:20px;
}

input.onglet{
width:90px;
padding: 0.4em 0.4em;
font-family: Verdana, Arial, Helvetica, sans serif;
font-size:1em;
}

a.orderNum{
padding:1px 3px;
background:#308100;
color:white;
font-weight:bold;
text-decoration:none;
}

a.orderNum:hover{
background:#7ECC30;
}

/*surcharge de jquery UI pour obtenir des bords arrondis sous IE*/
.ui-corner-tl,
.ui-corner-tr,
.ui-corner-bl,
.ui-corner-br,
.ui-corner-top,
.ui-corner-left,
.ui-corner-right,
.ui-corner-bottom,
.ui-corner-all{
behavior:url(./style/CSS3-PIE/PIE.htc);
}

.ui-jqgrid tr.jqgrow td{
cursor:pointer;
}

td.legendLabel{
text-align:left;
font-size:10px;
}