/****** General ******/
.mainpage
{
	height:600px;
}

body{
	color:#666;
	
	background-color:#3C3C3C;
	padding:0;
	margin:0;
	font-family: verdana;
	font-size:12px;
	
}

div#wrap{
/*background:url(images/container_bg.png);
background-repeat:repeat-y;*/
margin:0 auto 30px;
width:99%;
 border: 1px solid silver;
 background:white;

}
div#Page{
	/*width:950px;*/
	margin:0 auto;
	padding:0;
	text-align:left;
	background-color:#FFFFFF;
	min-height:570px;
	
}
div#contentBody{
	clear:both;
	padding:0;
	margin:0;
}
div#Header{
	font-weight: bolder;
	background:url(images/barre_titre.gif) no-repeat;
	height:113px;
	background-color:#336699;
}
div#Footer{
	
	font-size:10px;
	clear:both;
	
	text-align: center;
	/*background-image:url(images/footer.png);*/
background-position:left bottom;
background-repeat:no-repeat;
color:#666666;
font-family:arial,sans-serif;
font-size:8pt;
font-weight:bold;

padding:10px 10px 26px;
text-align:center;
}
div#Footer a{
	text-decoration: none;
	font-stretch:expanded;
	font-weight:100;
	color:silver
}
div#Footer a:hover{
	text-decoration: none;
	font-stretch:expanded;
	font-weight:100;
	color:#CCCCCC;
}
div#Footer {
	
	color:silver;
}
img,hr{
	margin:0;
	border:0;
}
hr{height:1px;}
.pusher {
	clear:both;
	height:10px;
}
.clearer {clear:both;}

/****** Les titres ******/
h2{
	font-family: arial;
	font-size:18px;
	background:url(images/bgg.png) repeat-x;
	text-align:center;
	color:#666666;
	border-bottom:1px solid #dfdfdf;
	padding:10px;
	text-transform:uppercase;
}
form h2 {
	
	font-size:16px;
	text-align:left;
}
h3 {
	color:#666;
	font-size:13px;
	border-bottom:1px solid #336699;
	padding:0 0 0 30px;
	background:url(images/h3.gif) no-repeat 8px top;
}
h4 {
	font-size:12px;
	color:#666;
	border-top:1px solid #ca0417;
	border-bottom:1px solid #ca0417;
}

/**********menu **********/
ul#menu {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: bolder;
   margin-right: 10px;
    padding: 0;
	list-style-type:none;
}

ul#menu ul {
  list-style-type:none;
  padding: 0;
  font-weight: bolder;
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

ul#menu a {
  display: block;
  text-decoration: none;
	height:26px;
	padding-top:10px;
	text-align:left;
	width: 130px;
}

ul#menu li {
    border-bottom: 1px solid #CCCCCC; 
}

ul#menu li a {
	color: #333;	
	padding: 0.5em;
	display: block;
    height: 26px;
    padding-top: 10px;
    text-align: left;
    width: 130px;
}

ul#menu li a:hover {
	color: #336699;
  text-decoration:none;
}

ul#menu li:hover{background:url(images/bggh.png);}
ul#menu li.selected{background:url(images/bggh.png) ; }
ul#menu li.selected a{
	
	height:26px;
	padding-top:10px;
	display:block;
	text-align:left;
	width: 130px;
	text-decoration:none;

}


ul#menu li ul li a {

	margin:0px;
	padding:0;
 
 background-color: #FBF9F5;
  padding-left: 20px;
}

ul#menu li ul li a:hover {
  background: url(images/bggh.png) ;
  border-left: 5px #FFFFF solid;
 
}


/****** Les liens ******/
a {
	color:#666;
	text-decoration:none;
	font-weight:bold;
}
a:hover {color:#336699;}

/****** Les formulaires ******/
form p{clear:left;}
fieldset{color:#336699; border:1px solid white; padding:5px;}
fieldset p{text-align:left;}
fieldset p:hover{background:#f0f0f0}
fieldset input#typeLivraison_assurance {float:left;}
label{
	color:#666666;
	width:30%;
	font-weight: bold;
	display:block;
	float:left;
	text-transform:uppercase;
	font-size:10px;
}
.requiredField{
	color:#336699;
	font-weight:bold;
	font-size:12px;
	padding:5px;
}
textarea{
	height:150px;
	width:50%;
	border:1px solid #ca0417;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
input[type='text'] , 
input[type='password'] , 
select , 
textarea,input[type='file'] {
	border:1px solid #CFCFCF;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:white;
}
.listing input[type='text'] , 
.listing input[type='password'] , 
.listing select , 
.listing textarea,.listing input[type='file'] {
	border:0px solid #CFCFCF;}
input[type='text'] {
	width: 50%;
}
.listing input[type='text'] {
	width: 100%;
}

.listing input.fieldDate {
    width: 150px;
}

input,input[type='file'] {
	/*border:1px solid #ca0417;*/
	color:#666;
}
input[type='submit'] , 
input[type='reset']  {
	border:1px solid #336699;
	background:#FFF;
	color:#336699;
	font-weight:bold;
	cursor:pointer;
	
	min-width:200px ;
	
	
}
input.btFormulaire {
	border:1px solid #336699;
	background:#FFF;
	color:#336699;
	font-weight:bold;
	cursor:pointer;
}
input.btFormulaire:hover {
	background:#336699;
	color:#FFF;
}
input[type='submit']:hover  {
	background:#336699;
	color:#FFF;
}
.listing input[type='text']:hover , 
.listing input[type='password']:hover ,
.listing input[type='file']:hover,
.listing select:hover , 
.listing textarea:hover,
.listing input[type='text']:focus , 
.listing input[type='password']:focus ,
.listing input[type='file']:focus,
.listing select:focus , 
.listing textarea:focus {border:0px solid #336699;}

.tr_selected{
	color: #336699;
		border: 2px solid #336699;
}

#table-content table#filter_select input,
#table-content table#filter_select select{
	width: 80%;
	border: solid 1px #666;
}

.tr_selected  input, 
.tr_selected  select{
	color: #336699
}


/* champ de type numérique */
input.numeriqueField, input.prixField{
	text-align:right;
	width:150px;
}
input.fieldDate{width:150px;}
input.input-ordre{width:22px;font-size:9px;text-align:right;}
/****** Formulaire de connexion ******/
#formLogin{
	width:400px;
	margin-left:auto;
	margin-right:auto;
}

/****** Formulaire de recherche ******/
div#adminRecherche, div#adminOptions{
	padding:10px 10px 5px 10px;
	border:1px solid #eaeaea;
	background:url(images/bgg.png) repeat-x;
}
div#adminRecherche ul,div#adminOptions ul{
	margin:0;
	padding:0;
	list-style-type:none;
	font-weight:bold;
	/*height:18px;*/
	color:#336699;
}
div#adminRecherche li,div#adminOptions li {float:left;}
div#adminRecherche li#libelleRecherche,div#adminOptions li#libelleOptions{
	width:33%;
	text-align:left;
	cursor:pointer;
	color:#666666;
}
div#adminRecherche li#nbFiltreRecherche{
	width:34%;
	text-align:center;
	color:#666666;
}
div#adminRecherche li#nbEnregistrement{
	width:33%;
	text-align:right;
}
#adminRecherche label,#adminOptions label{color:#666666;}
#adminRecherche form p,#adminOptions form p{
	width:48%;
	float:left;
	clear:none;
}
#adminRecherche#adminOptions #formSubmitRecherche{clear:both; text-align:center; width:100%}
#contentBody #formprod {
	margin-top:10px;}
	
	div#adminOptions{
margin-bottom:20px;

}
#formSubmitRecherche{text-align:center;width:100% !important;}
/****** Pagination ******/

/* paragraphe affichage pagination */
.paginationListing{
	text-align:center;
	font-family:Tahoma,Verdana,Helvetica,sans-serif;
font-size:11px;
border: 1px solid #E4E4E4; padding:10px;
}
.paginationListing a{
	
	 text-decoration:underline; font-weight:100;
	
}
.paginationListing a:hover{
	text-decoration:none;
	
}
.paginationListing span.currentListingPage{
	font-weight:bold;
	
	
}

/***** tableau affichage des données ******/
table.listing{
	width:100%;
	clear:both;
	border-collapse:collapse;
	border-bottom: 1px solid #E4E4E4;
	border-left: 1px solid #E4E4E4;
	border-right: 1px solid #E4E4E4;
	font: 11px tahoma,arial,verdana,sans-serif;
}

table.listing thead tr{

font-family:Tahoma,Verdana,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
padding-left:4pt;
text-decoration:none;
}

table.listing thead tr th{
	background-color:#E4E4E4;
background-image:url(images/table_bg.gif);
background-repeat:repeat-x;
border-bottom:1px solid #DDDDDD;
color:#336699000;
padding:2px;
vertical-align:middle;

}


table.listing th, table.listing td,table.listing thead th{
	border:1px solid #EDECEC;
	border-collapse:collapse;
}
table.listing td{border-bottom:1px solid #EDECEC; padding: 0 1px;}
table.listing tr:hover{ background:#f0f0f0;}

table.listing th a:link , 
table.listing th a:visited {color:#336699000; text-decoration:none; white-space: nowrap;}
table.listing th a:hover , 
table.listing th a:active {color:#336699000;text-decoration:underline;}
table.listing td.actions{text-align:center; max-width:120px;width:30px;}
/*.row_paire,.tr2 {background:url(images/bgUlMenu.gif) repeat left top;}*/
.row_paire,.tr1 {background-color:#eee;}
.row_impaire,.tr1 {background-color:#FFFFFF;}
 

/*
	Les erreurs
*/
.errNeeded{
	color:#FF0000;
	font-size:larger;
}

/*** Style pour les commandes si site marchand ***/
#rechercheCommande fieldset{
	border:1px solid #ca0417;
	background:url(images/bgUlMenu.gif) repeat left top;
	margin-bottom:10px;
}
#rechercheCommande fieldset label {margin-bottom:2px;}
#rechercheCommande legend{font-weight:bold;}
#commande-contenu #adr_livraison { 
	float:left;
	width:46%;
}
#commande-contenu #adr_facturation { 
	float:left; width:46%;
	margin-left:2%;
}
#commande-contenu #commande_total { 
	float:left;
	width:40%;
}
#commande-contenu #info-paiement {float:left; width:56%;}
#ficheClient #adresseFacturation{
	width:40%;
	float:left;
}
#ficheClient #actionClient{
	width:40%;
	float:right;
}
#ficheClient #commandesClient{clear:both;}
#commande-contenu #formRegion{
	width:38%;
	float:left;
}
#commande-contenu #formRegion input#region_libelle , 
#commande-contenu #formRegion input#region_libelleEn {
	width:180px;
}
#commande-contenu form input#typeLivraison_optionInfos {width:250px;}
#commande-contenu #listePays{
	width:60%;
	float:right;
	background:url(images/bgUlMenu.gif) repeat left top;
	border:1px solid #ca0417;
	height:300px;
}
#commande-contenu #ongletsPanels ul{
	height:1em;
	margin:0;
	padding:0;
}
#commande-contenu #ongletsPanels li{
	display:inline;
	margin-left:0.5em;
	margin-right:0.5em;
	list-style-type:none;
}
#commande-contenu .ongletSelectionne{
	font-weight:bold;
	color:#336699;
}
#commande-contenu .ongletNormal{
	font-weight:normal;
	color:#666;
}
#commande-contenu .panel li{
	list-style-type:none;
	width:33%;
	float:left;
}
#commande-contenu .panel li label{
	display:inline;
	float:none;
}
input#lotQte{width:50px;}

.addlink{ min-width:200px; padding:6px; border:1px solid #336699; float:right; text-align:center; margin-right:10px; text-decoration:none; background:#F0F0F0; font-size:12px; margin-top:-3px; text-transform:uppercase;}
.addlink:hover{background:#336699;color:white;}
.info-vert,.info-red,.errNeeded {  width:100%; min-height:30px; margin-left:auto;margin-right:auto; padding-top:12px; text-align:center;  color:#666666; font-size:18px;  text-transform:uppercase;font-family: "Arial"; display:block;}
.info-red,.errNeeded{background: #FFE6E6;border-top:2px solid #CC0000; border-bottom:2px solid #CC0000; color:#CC0000; }
.info-vert{background:#D6FEC2;border-top:2px solid #669900; border-bottom:2px solid #669900; color:#669900;}
.errNeeded{padding-top:0px;padding-bottom:12px;}
/*#frmLogin{margin-top:auto;margin-bottom:auto; height:100%;position:absolute; left:450px; top:200px}*/
#frmLogin{ height: 100%;margin-bottom: auto; margin-left: auto;margin-right: auto; padding-top: 25px;}
#frmLogin a {font-weight:100; font-size:10px; text-decoration:none;}
#frmLogin a:hover{text-decoration:underline;}
#frmLogin label{ text-align:left;}
#firefox{display:none}
.toplink{padding:10px; display:block; border-top: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4; padding-right:20px;}
iframe{border:none; margin:0px;  padding:0px;}

/** Validation des forms jquery Start **/

	.formError {
			position:absolute;
			top:300px; left:300px;
			width:150px;
			padding-bottom:15px;
			display:block;
			z-index:5000;
		}
			.formError .formErrorContent {
				width:100%; 
				background:#336699;
				color:#fff;
				font-family:tahoma;
				font-size:10px;
				/*box-shadow: 0px 0px 6px #336699;
				-moz-box-shadow: 0px 0px 6px #336699;
				-webkit-box-shadow: 0px 0px 6px #336699;*/
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;
				
			}
				.formError .formErrorArrow div{
					/*box-shadow: 0px 0px 6px #336699;
					-moz-box-shadow: 0px 0px 6px #336699;
					-webkit-box-shadow: 0px 0px 6px #336699;*/
					font-size:0px; 
				}
				.formError .formErrorArrow .line10{width:15px;height:1px; background:#336699;margin:0 auto; font-size:0px; display:block;} 
				.formError .formErrorArrow .line9{width:13px;height:1px; background:#336699;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line8{width:11px;height:1px; background:#336699;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line7{width:9px;height:1px; background:#336699;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line6{width:7px;height:1px; background:#336699;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line5{width:5px;height:1px; background:#336699;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line4{width:3px;height:1px; background:#336699;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line3{width:1px;height:1px; background:#336699;margin:0 auto;display:block;} 
				
				.labelneeded {color:#336699 !important;}
				
/*** Fin validation forms jquery */				
#menu , #menudiv{width: 157px;}
#menuzonelink{display:none;}
.pform{border-bottom:0px solid silver; padding:10px;clear:both;margin:0px;min-height: 15px;}
.bodyincluse{background-color:#FFFFFF;}
.datatools {
	text-align : right;
	border: 1px silver solid;
    margin-top: 25px;
    padding: 5px 25px 5px 5px;
    }

 .numerictd{text-align: right; padding-right:5px; padding-left:5px;}