/**********************************************************
 *   Procop
 *
 *   (c) KurTZdev 2010
 *
 ********************************************************/


/******************
    	Template 
******************/

html{
	background-color:#FFF;
}

body{
}
 
div#page{
	margin:0 auto;
	padding:0;
	position:relative;
	width:1005px;
}

div#contenu{
	overflow:visible;
	position:relative;
}


/***   Header	**/
div#header{
	height:150px;
	position:relative;
}

div#header a{
	display:block;
	height:100px;
	width:220px;
}

div#header{
	height:150px;
	position:relative;
}

/**   Menu Top   **/
div#menuTop ul{
	overflow:hidden;
}

div#menuTop li{
	background:url("../images/boutons/btn-titre-menu.png") no-repeat scroll 0 0 transparent;
	color:#FFFFFF;
	float:left;
	height:24px;
	padding:6px 0 0;
	position:relative;
	text-align:center;
	width:199px;
}

div#menuTop li a{
	color: #FFFFFF;
	display: block;
	width:100%;
	height:24px;
}
 

/**   Menu Gauche   **/

div#menuNosProduits,
div#menuNewsletter {
	background-color:#FFFFFF;
	overflow:hidden;
}

div#blocGauche {
	left:0;
	position:absolute;
	top:30px;
	width:199px;
	z-index:2;
}

span#titreMenuProduits {
	margin: 15px 0 0 5px;
	background:transparent url(../images/backgrounds/nos-produits.png) no-repeat scroll 0 0;
	display:block;
	height:33px;
	text-indent:-99999px;
}

span#titreMenuCategories {
	margin: 15px 0 0 5px;
	background:transparent url(../images/backgrounds/nos-produits.png) no-repeat scroll 0 0;
	display:block;
	height:33px;
	text-indent:-99999px;
}

div#menuNosProduits ul{
	overflow:hidden;
	border-bottom: 1px solid #c2d8b5;
}

div#menuNosProduits li{
	border-top:1px solid #C2D8B5;
	font-size:14px;
	font-weight:bold;
}

/**  boutique   **/
div#menuNosProduits li.souscategorie { 
	 
	}
	




div#menuNosProduits ul .active {

}

div#menuNosProduits ul li ul {
	border-bottom:none;
	overflow:hidden;
} 

div#menuNosProduits li ul a {
	color:#000000;
	font-size:12px;
	font-weight:normal;

}

div#menuNosProduits ul .active ul{
	display:block;
	margin:2px 0 0;
}

div#menuNosProduits .active{
	background:transparent url(../images/boutons/menuHover.png) no-repeat scroll 0 0;
}

div#menuNosProduits li a{
	color:#478C2F;
	display:block;
	margin:0 0 0 5px;
	padding:4px 0 5px;
}

span#titreMenuNewsletter {
	margin: 15px 0 0 5px;
	background:transparent url(../images/backgrounds/newsletter.png) no-repeat scroll 0 0;
	display:block;
	height:33px;
	text-indent:-99999px;
}

div#menuNewsletter dl {
	background:transparent url(../images/boutons/btn-titre-menu.png) no-repeat scroll 0 0;
	color:#FFFFFF;
	position:relative;
	text-align:center;
	width:199px;
}

div#menuNewsletter dt{
	color:#FFFFFF;
	display:block;
	height:24px;
	padding:6px 0 0;
	width:100%;
}

div#menuNewsletter dd{
	background-color:#63A83A;
	color:#0F5014;
	margin:0 0 0 8px;
	overflow:hidden;
	padding:0 7px;
}

form#repondreAnnonce {
	overflow:hidden;
}

form#repondreAnnonce div{
	clear:both;
	margin:4px 0 0 0;
	overflow:hidden;
}

div#menuNewsletter label{
	float:left;
}

div#menuNewsletter #nom{
	float:right;
	width:135px;
}

div#menuNewsletter #prenom{
	float:right;
	width:119px;
}

div#menuNewsletter #email{
	float:right;
	width:126px;
}

div#menuNewsletter .caseEnvoyer{
	margin: 0px 0 4px 0;	
}

a.suivant{
	background:url("../images/boutons/espaceClientTxt.png") no-repeat scroll 0 0 transparent;
	display:inline-block;
	height:40px;
	line-height:7px;
	margin:0 0 0 0;
	text-indent:-9999px;
	width:179px;
}

div#menuNewsletter button{
	background:transparent none repeat scroll 0 0;
	border:medium none;
	color:#FFFFFF;
	float:right;
	padding:0;
	text-align: right;
}





/**   Contenu Page   **/

div.sousMenuProcopSAS  {
	display: none;
}

div.sousMenuDevDurable  {
	display:none;
	padding:0 0 0 199px;
}

div.sousMenuProcopSAS ul,
div.sousMenuDevDurable ul {
	background-color:#63A83A;
	border-left:1px solid #63A83A;
	border-right:1px solid #63A83A;
	border-bottom:1px solid #63A83A;
	width:157px;
}

div.sousMenuProcopSAS li,
div.sousMenuDevDurable li {
	height: 30px;
	color: #63a83a;
	border-bottom: 1px solid #FFF;
}

div.sousMenuProcopSAS .active,
div.sousMenuDevDurable .active {
	background-color:#FFFFFF;
}

div.sousMenuProcopSAS .last,
div.sousMenuDevDurable .last {
	border-bottom: none;
}

div.sousMenuProcopSAS .active a,
div.sousMenuDevDurable .active a {
	color: #63a83a;
}


div.sousMenuProcopSAS a,
div.sousMenuDevDurable a {
	color:#FFFFFF;
	display:block;
	height:100%;
	padding:8px 0 0 25px;
}

div.menuOn  {
	display: block;
}

div#blocCentre {
	border-bottom:1px solid #C2D8B5;
	border-left:1px solid #C2D8B5;
	border-right:1px solid #C2D8B5;
	margin:0 0 50px 198px;
	min-height:575px;
	padding:0 40px 50px;
	position:relative;
	width:525px;
	z-index:1;
}

ul#navigationActu {
	overflow:hidden;
}

li#archives {
	background:url("../images/boutons/archives.png") no-repeat scroll -5px 0 transparent;
	float:left;
	margin:0 0 0 0;
	width:247px;
	
}

li#btn_navigation {
	background:url("../images/boutons/navigation.png") no-repeat scroll 0 0 transparent;
	float:left;
	margin:0 0 0 31px;
	overflow:hidden;
	width:247px;
}

a#navPrecedent{
	width:50%;
	float:left;
}


a#navSuivant {
	width:50%;
	float:right;
}


ul#navigationActu li a {
	text-indent: -9999px;
	display: block;
	height:40px;
}

div#mentionsLegales a{
	background:url("../images/boutons/mentions.jpg") no-repeat scroll 0 0 transparent;
	bottom:-10px;
	display:block;
	position:absolute;
	right:39px;
	text-indent:-9999px;
	width:149px;
}

h1#titrePage{
	border-bottom:1px solid #C2D8B5;
	color:#63A83A;
	font-size:35px;
	font-weight:bold;
	margin:0 0 18px;
	padding:42px 0 0;
}

div#blocCentre p{
	padding: 20px 0 0 0;
}


/**   Menu Droite   **/

div#menuAccesClient,
div#menuActualites,
div#recherche {
	background-color:#FFFFFF;
	overflow:hidden;
}

div#recherche {
	padding:0 0 13px;
}

div#blocDroite {
	left:796px;
	position:absolute;
	top:30px;
	width:199px;
	z-index:1;
}

div#menuAccesClient dt {
	display: none;
}

div#menuAccesClient dd{
	background:#DFEBD8 url(../images/backgrounds/accesClient.png) repeat-x scroll 0 0;
	color:#010203;
	margin:0 0 0 8px;
	padding:5px 7px;
}

div#menuAccesClient span{
	display: block;
}

div#menuAccesClient em{
	display:block;
	font-size:11px;
	text-align:justify;
}

form#login label{
	color:#FFFFFF;
	display:inline-block;
	font-size:11px;
	margin:2px 0 0;
	overflow:hidden;
	float: left;
}

form#login div{
	padding: 4px 0 0 0;
	overflow: hidden;
	clear: both;
}

form#login .caseEnvoyer{
	padding: 0 0 5px 0;
}

span#newsletterOk,
span#newsletterErreur{
	display:none;
	font-size:11px;
	text-align:left;
	margin: 0 0 5px 0;
}

form#login #identifiant{
	float:right;
	font-size:11px;
	width:95px;
}

form#login #motDePasse{
	float:right;
	font-size:11px;
	width:95px;
}

form#login button{
	background:transparent none repeat scroll 0 0;
	border:medium none;
	color:#FFFFFF;
	float:right;
	padding:0;
	display: block;
	cursor: pointer;
}

span#titreMenuActualites {
	margin: 15px 0 0 5px;
	background:transparent url(../images/backgrounds/actualites.png) no-repeat scroll 0 0;
	display:block;
	height:33px;
	text-indent:-99999px;
}

div#menuActualites dl {
	background:transparent url(../images/boutons/btn-titre-menu.png) no-repeat scroll 0 0;
	color:#FFFFFF;
	position:relative;
	text-align:center;
	width:199px;
}

div#menuActualites dt a{
	color:#FFFFFF !important;
	display:block;
	height:24px;
	padding:6px 0 0;
	width:100%;
}

div#menuActualites dd a{
	background:url("../images/backgrounds/footer-actualites.png") no-repeat scroll 0 bottom transparent;
	color:#529733 !important;
	display:block;
	margin:0 0 0 8px;
	padding:5px 7px 7px;
	text-align:justify;
}

span#titreMenuRecherche {
	margin: 15px 0 0 5px;
	background:transparent url(../images/backgrounds/recherche.png) no-repeat scroll 0 0;
	display:block;
	height:33px;
	text-indent:-99999px;
}

div#recherche dl {
	background:transparent url(../images/boutons/btn-titre-menu.png) no-repeat scroll 0 0;
	color:#FFFFFF;
	position:relative;
	text-align:center;
	width:199px;
}

div#recherche dt{
	color:#FFFFFF;
	display:block;
	height:24px;
	padding:6px 0 0;
	width:100%;
}

div#recherche dd{
	background:transparent url(../images/backgrounds/footer-actualites.png) no-repeat scroll 0 bottom;
	color:#0F5014;
	margin:0 0 0 8px;
	padding:0 7px 7px;
}





span#titrePanierColonne {
	background:url("../images/backgrounds/commandes.png") no-repeat scroll 0 0 #FFFFFF;
	display:block;
	height:33px;
	margin:0 0 0 5px;
	text-indent:-99999px;
}


div#bt_panier {
	background:url("../images/boutons/btn-titre-menu.png") no-repeat scroll 0 0 transparent;
	color:#FFFFFF;
	height:24px;
	padding-top:6px;
	position:relative;
	text-align:center;
	width:199px;
}

div#bt_panier a { color: #FFFFFF; }

.panier {
	background:url("../images/backgrounds/basPanier.png") no-repeat scroll 1px bottom transparent;
	margin:0 0 0 8px;

}

.panier .elementPanier{
	border-top: 1px solid #c2d8b5;
	padding:5px 10px;
}

.panier .prix{
	font-weight: bold;
}


h2.menuArchives a {
	color:#828282;
}

/***   Footer	**/

div#footer{
	bottom:0;
	height:107px;
	position:absolute;
	width:100%;
	display: none !important;
	visibility: hidden !important;
}

div#logoPEFC {
/*
	background:url("../images/boutons/PEFC.png") no-repeat scroll 0 0 transparent;
	color:#0F5014;
	float:left;
	height:105px;
	margin:5px 0 0 31px;
	width:150px;
	display: none !important;
*/
}

div#logoFSC {
/*
	background:url("../images/boutons/FSC.png") no-repeat scroll -10px 0 transparent;
	color:#0F5014;
	float:right;
	height:110px;
	margin:0 44px 0 0;
	width:150px;
	display: none !important;
*/
}





/******************
    	Contenu 
******************/


/* Page fabrication */

div.titreFabrication{
	background-color: #c5ddb7;
	overflow: hidden;
	font-weight: bold;
}

div.elementFabrication{
	padding: 2px 5px;
	overflow: hidden;
}

div.ElementFabricationVert{
	background-color: #ecf5e7;
}

div.elementFabrication .c1{
	float:left;
	padding:0 2px;
	width:160px;           
}                      
                       
div.elementFabrication .c2{
	float:left;
	padding:0 2px;
	width:210px;          
	            
}                      
                       
div.elementFabrication .c3{
	float:left;
	padding:0 2px;
	width:130px;           
	
}

a.ficheTechnique {
	display: block;
	padding: 10px 0 0 0;
}


/***   Nuancier	**/

div#nuancier {
	width: 530px;
	position: relative;
	}
	
div#prevue {
	display: none;
	position: absolute;
	top:0;
	left: 0;
	width: 272px;
	height: 220px;
	z-index: 999;
	}	
	
div.cat {
	margin-top: 15px;
	border-bottom: solid 1px #CCCCCC;
	padding-bottom: 12px;
	}
div#nuancier h2 {
	width: 530px;
	height: 45px;
	clear: both;
	margin-top: 24px;
	margin-top: 18px;
	}
div#nuancier ul {
	width: 530px;
 	position: relative;
	}
li.pastille {
	cursor:pointer;
	display:inline;
 	height:90px; 
	width:106px;
	margin-right: 8px;
	}
	
li.pastille .5 {
	margin-right: 0;
	}
	
	
div#navigationNuancier {
	margin-top: 15px;
	width: 530px;
	text-align: center;
	}
div#navigationNuancier ul {
	
	}
div#navigationNuancier li {
	display: inline;
	margin-right: 15px;
	cursor: pointer;
	font-size: 14px;
	}




	
/***  Page Bobine Jet d'Encre	**/
	
div.accordion {
	margin:0 auto;
	width:435px;
}

div.border {
	border:1px solid #63A834;
	margin:0 0 0 9px;
}

div.accordion h3{
	background:url("../images/backgrounds/menuSlide.png") no-repeat scroll 0 0 transparent;
	color:#237F39;
	cursor:pointer;
	display:block;
	font-weight:bold;
	line-height:29px;
	text-align:center;
	width:435px;
}
	
	
 
div#blocDroite  p.ajaxSearch_resultsInfos,
div#blocDroite div.ajaxSearch_grpResult {
	display: none;
	}

/**   Archives   **/
h2.menuArchives{
	
}

/**   Recherche   **/
div#recherche .AS_ajax_resultsIntroFailure{
	display: none;
}


form#ajaxSearch_form {
	background:url("../images/boutons/btn-titre-menu.png") no-repeat scroll 0 0 transparent;
	color:#FFFFFF;
	padding:4px 0 0 18px;
	position:relative;
	width:181px;
}

input#ajaxSearch_input {
	float:left;
	font-size:9px;
	height:15px;
	width:132px;
}

input#ajaxSearch_submit {
	background:url("../images/boutons/loupe.png") no-repeat scroll 1px 2px transparent;
	border:medium none;
	cursor:pointer;
	display:block;
	float:right;
	height:27px;
	margin:0 12px 0 0;
	overflow:hidden;
	text-indent:-9999px;
	vertical-align:top;
	width:20px;
}

div.AS_ajax_resultsIntroFailure{
	font-size:11px;
	color:#0F5014 !important;
	margin:0 0 0 8px;
	padding:5px 7px 7px;
	text-align:justify;
}

div.ajaxSearch_result h3 a {
	font-size:20px;
	color:#478C2F;
}

span.ajaxSearch_resultDescription {
	display:block;
	font-size:10px;
	padding:5px 0;
}

div.ajaxSearch_resultExtract p{
	padding: 0;
}

div.ajaxSearch_result hr {
	margin:0 0 15px;
}

div#blocCentre #ajaxSearch_form{
	display: none;
}


/**   Contacts   **/
img#imgGoogleMaps {
}


/******************
    	Fonts
******************/	

body{
	font-family: "SuperFonte";
	color:#000;
	font-family:verdana,times New Roman,Arial,Helvetica, sans-serif !important;
	font-size:12px;
}

h1, h2, h3, h4, h5, h6{
	
	line-height: auto;
}

h2{
	font-size:20px;
	line-height:40px;
}



#blocCentre strong{
	padding: 0!important;
}


a {
	outline: none;
	color: #828282 ;
	text-decoration: underline;
}

em {
	font-size:11px;
}

strong {
	font-weight:bold;
}

strong {
	display:inline-block;
	padding:10px 10px 0 0;
	vertical-align:top;
}






/*******************
      Boutique
*******************/
#listeProduits h1{
	
}

#listeProduits {

}

#navigationListeProduits{
	margin:20px 0;
	overflow:hidden;
}

#bt_infosProduit {
	background:url("../images/boutons/btn_caracteristiques.jpg") no-repeat scroll 0 0 transparent;
	border:medium none;
	cursor:pointer;
	display:block;
	float:left;
	height:40px;
	margin:0;
	text-indent:-9999px;
	width:244px;
}

div#listeProduits .sortable .pair,
div#listeProduits .sortable .impair {
	cursor: pointer;
	}
div#listeProduits th, 
div#listeProduits td {
	padding: 3px 9px;
}

#listeProduits .sortable .pair{
	background-color:#C5DDB7;
}

#listeProduits .sortable .designation{
	width: 250px;
	background-color:#C5DDB7;
}

#listeProduits .sortable .grammage{
	width: 110px;
	background-color:#C5DDB7;
}

#listeProduits .sortable .format{
	width: 100px;
	background-color:#C5DDB7;
}

#listeProduits .sortable .selection{
	background-color:#C5DDB7;
}

#listeProduits .sortable input{
	margin:0 21px;
	text-align:center;
}


.infosProduit {
	margin:0 0 40px;
	position: relative;
}

.infosProduitG {
	float:left;
	width:310px;
}

#infosProduits h2 {
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	padding:0 0 4px;
}

#infosProduits .infosProduit {
	border-bottom:1px solid #C2D8B5;
	overflow:hidden;
}

#infosProduits .infos {
	font-size:11px;
	padding:0 0 11px !important;
	width:310px;
}

#infosProduits .ligneClient {
	color:#63A83A;
	font-size:10px;
	font-weight:bold;
	padding:0;
	width:310px;
}

#infosProduits .cadreQuantite {
	border-left:1px solid #C2D8B5;
	border-right:1px solid #C2D8B5;
	float:right;
	font-size:11px;
	overflow:hidden;
	width:210px;
}

#infosProduits .cadreQuantite p{
	overflow:hidden;

}

#infosProduits .info {
	background-color:#C2D8B5;
	padding:10px ;
}

#f_qte {
	padding:10px !important;
}

#f_qte label {
	float:left;
	line-height:18px;
	width:63px;
}

#f_qte input {
	float:left;
	width:60px;
}

.prixHT {
	float:left;
	font-weight:bold;
	padding:0 0 0 10px !important;
	width:105px;
}


.cRemise {
	float:left;
	font-size:11px;
	padding:0 10px 0 0 !important;
	width:85px;
}

#infosProduits  .bt_ajouter {
	background:url("../images/boutons/ajoutPanier.png") no-repeat scroll 0 0 transparent;
	border:medium none;
	cursor:pointer;
	display:block;
	float:right;
	height:40px;
	margin:10px 10px 10px 0;
	text-indent:-9999px;
	width:149px;
}


.msg_paq {
	background: yellow;
	border: red solid 1px;
	padding: 3px;
	position: absolute;
	top:150px;
	left: 370px;
	z-index: 999999;
	font-size: 11px;
	width: 140px;
	height: 30px;
	text-align: center;
	display: none;
	}


/******** PANIER ********/

.ligneProduit .infosProd {
	border-bottom:1px solid #C2D8B5;
	margin:0 0 25px;
}

.ligneProduit .infosProd td{
	padding:0 0 6px;
	width:180px;
}

#referenceClient {
	border:#C2D8B5 1px solid;
	
}

#infosClient p{
	padding: 10px 0 0 0 !important;
}


td.total {
	font-weight: bold;
	}
.bt_supprimer {
	color:#478C2F;
	font-weight: bold;
	background-color: transparent;
	border: transparent;
	cursor: pointer;	
	}
div#validation {
	width: 100%;
	text-align: right;
	margin-top: 15px;
	}	
#bt_validationCommande {
	background-image: url(../images/boutons/bt_validationCommande.png);
	width: 203px;
	height: 42px;
	cursor: pointer;
	background-color: transparent;
	border: transparent;
	text-indent: -999999px;
	}
	
	
#logoCG {
	margin-left: 48px;
	}