/****************************************************************************************************************
*****************************************************************************************************************
NUANCIER
*****************************************************************************************************************
****************************************************************************************************************/

#CONTENU-accueil {
	min-height:455px;
	width:870px;
	float:left;
	margin:0;
	padding:9px 0 0 21px;
	font-size:11px;
	color:#58707B;
	position:relative;}
	
#CONTENU-accueil h1 {
	font-size:18px;
	color:#58707b;
	border-bottom: solid 1px #ffffff;
	margin:0 0 15px 0;
	padding:0 0 0 0;
	text-align:left;
}

#CONTAINER {
	width:910px;
	margin:0 auto 0 auto;
	background:url(../../../images/Nuancier/background-accueil.png) repeat-y top left;
	padding:0 0px;
}

#DEGRADE_nuancier{
	width:900px;
	margin-left:5px;
	min-height:330px;
	background:url(../../../images/Nuancier/bg-degrade-03.gif) 0px 0 repeat-x;
	
}

#ZOLPACHROM{
	position:absolute;
	width:165px;
	height:165px;
	margin-left:560px;
	margin-top:-80px;
	background:url(../../../images/Nuancier/nuancier_web.gif);
	z-index:2;
	
}



/****************************************************************************************************************
*****************************************************************************************************************
RESULTATS 
*****************************************************************************************************************
****************************************************************************************************************/



.ref {position:relative;width:200px;height:auto;left:-43px;top:-30px; text-align:center; font-size:20px; font-weight:bold; color:#314149;}
.page {position:relative;width:200px;height:auto;left:247px;top:-95px; text-align:center; font-size:14px; color:#76a4b8;}
.yContent {position:relative;width:200px; height:20px;left:-35px;top:0px;}
.triangle {position:relative;width:18px;height:15px;left:25px;top:-20px; background-image:url(../../../images/Nuancier/picto-triangle.gif);background-repeat:no-repeat;}
.jo {position:relative;width:18px;height:15px;left:35px;top:-40px; background-image:url(../../../images/Nuancier/picto-jo.gif); background-repeat:no-repeat;}
.couleur  {margin:0 auto 0 auto;padding:0 0 0 0;width:50px;
	border:solid 1px #76a4b8;
	height:50px;
}

.noresults {position:relative; top:100px; margin-left:150px;}
.COL-picto-info-rslt {width:25px;margin:-187px 300px 0 0;float:right;height:83px;text-align:center;position:relative;padding-bottom:20px;}
.COL-picto-info-rslt .BLOC-infos {font-size:11px;width:180px;float:right;margin:0 0 0 0;position:absolute;top:-50px;left:30px;text-align:left;height:220px; }

.resultats {text-decoration:none; color:#76A4B8; font-weight:bold;}
.bloc_page {width:100px; height:auto; float:left; margin-bottom:5px;}

/****************************************************************************************************************
*****************************************************************************************************************
STRUCTURE  
*****************************************************************************************************************
****************************************************************************************************************/


/**************************************************
/*	GENERAL   
**************************************************/
* {padding:0; margin:0;}

/*body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	color:#000;
	background-image:url(../../../images/Nuancier/fd.gif);
	background-color: #FFF;
	background-repeat: repeat-x;
}*/

strong{
	font-weight:bold;
}

a {
	text-decoration:none;
}

img {
	border:none;
}

hr{
	clear:both;
	visibility:hidden;
	display:block;
	border:0;
	margin:0;
	height:0;
}

/**************************************************
/*	STRUCTURE   
**************************************************/
#CONTAINER{
	width:910px;
	margin:0 auto;
	min-height:670px;
}



/**************************************************
/*	HEADER   
**************************************************/
#HEADER{
	width:910px;
	min-height:216px;
	background-image:url(../../../images/Nuancier/fd-bandeau.jpg);
	background-repeat: no-repeat;
	position:relative;

}

#HEADER-logo {
	position:absolute;
	top:59px;
	left:56px;
}



/**************************************************
/*	FOOTER
**************************************************/

#FOOTER_config{
	position:relative;
	text-align:center;
	height:85px;
	margin:0 0 20px 0;
	padding:0 0 0 0;
	background-color:#FFFFFF;
	background-image:url(../../../images/Nuancier/background-conteneur-bas.png);
	font-size:10px;
	color:#45616e;
}
/*#FOOTER{
	position:relative;
	text-align:center;
	min-height:54px;
	margin:0 0 0 0;
	padding:50px 0 0 0;
	background-color:#FFFFFF;
	background:url(../images/fd-footer.gif) no-repeat top left;
	font-size:10px;
	color:#45616e;
}


#FOOTER a{
	text-align:left;
	text-decoration:none;
	font-size:11px;
	padding:8px 0 0 30px;
	font-weight:bold;
}

#FOOTER a:hover{
}*/

/**************************************************
/*	CONTENT
**************************************************/
#CONTENT {
	width:873px;
	background-image:url(../../../images/Nuancier/background-conteneur.png);
	background-repeat: repeat-y;
	min-height:300px;
}

#CONTENT-PAGE {
	width:873px;
	margin:0 0 0 0;
	min-height:260px;
	background-image:url(../../../images/Nuancier/background-conteneur-haut.png);
	background-repeat: repeat-x;
	padding-bottom:10px;
}
/**************************************************
/*	BLOC RECH
**************************************************/
#BLOC-RECH {
	position:relative;
	height:34px;
	background-color:#76a4b8;
	margin:0 5px 0 6px;
	width:863px
}

#RECHERCHE {
	position:relative;
	height:26px;
	width:295px;
	margin:0 0 0 0;
	padding:8px 0 0 55px;
	background-color:#76a4b8;
	background:none;
}

#RECHERCHE input {
	height:16px;
	width:160px;
	font-size:11px;
	color:#0e77a6;
	border:solid 1px #7399aa;
	margin:0 20px 0 0;
	padding:1px 0 0 5px;
}
#RECHERCHE a {
	height:25px;
	width:100px;
	font-size:12px;
	color:#0a3e1e;
	font-weight:bold;
	text-decoration:none;
	border-left:solid 1px #FFF;
	border-right:solid 1px #FFF;
	margin:0 0 0 0;
	text-align:center;
	padding:9px 1px 0 4px;
	background:url(../../../images/Nuancier/bg-rechercher.gif) no-repeat top left;
	background-color:#99c013;
	/*background-color:#76a4b8*/
	position:absolute;
	top:0;
	right:10px;
}

#RECHERCHE a:hover {
	color:#FFF;
}

/**************************************************
/*	BOUTONS   
**************************************************/
.BT-print{
	position:absolute;
	top:16px;
	right: 20px;
	height:30px;
	width:96px;
	background-image:url(../../../images/Nuancier/fd-print.gif);
	background-repeat: no-repeat;
	color: #FFF;
}

.BT-mosaique{
	position:absolute;
	top:19px;
	right: 5px;
	height:30px;
	width:96px;
	background-image:url(../../../images/Nuancier/fd-mosaique.gif);
	background-repeat: no-repeat;
	text-align:left;
	text-decoration:none;
	font-size:11px;
	color:#FFF;
	padding:8px 0 0 35px;
	font-weight:bold;
	
}


a.BT-mosaique:hover, a.BT-print:hover{
color:#d4e792;
}


/**************************************************
/*	ACCUEIL   
**************************************************/
#TXT-intro{
	color:#009037;
	font-size:11px;
	text-align:justify;
	width:355px;
	float:left;
	margin:60px 0 0 95px;
}

.BLOC-telechargements {
	position:relative;
	font-size:10px;
	width:287px;
	float:right;
	margin:40px 93px 0 0;
	padding:3px;
	background-color:#FFF;
	border:solid 1px #96be0d;
	z-index:200;
	
}
.BLOC-telechargements img {
	margin:0 40px 0 0;
	vertical-align:middle;
}
.BLOC-telechargements a {
	color:#45616e;
	text-decoration:none;
}
.BLOC-telechargements a:hover {
	color:#f40f75;
}

.BLOC-infos {
	position:relative;
	z-index:200;
	font-size:11px;
	width:263px;
	float:right;
	padding:7px 15px 7px 15px;
	margin:20px 93px 0 0;
	background-color:#FFF;
	border:solid 1px #76a4b8;
	color:#45616e;
}

.BLOC-infos h2 {
	font-size:13px;
	margin:0 0 0 0;
	border-bottom:solid 1px #009037;
	color:#45616e;
}
.BLOC-infos p {
	margin:0 0 5px 0;
	padding:5px 0 5px 0;
}
.BLOC-infos img {
	vertical-align:middle;
}

/**************************************************
/*	TOUT VOIR   
**************************************************/
#TOUT-voir {
	margin:0 0 0 0;
	padding:40px 0 0 70px;
}
.BLOC-couleur {
	margin:0 28px 30px 0;
	padding:0 0 0 0;
	width:70px;
	height:70px;
	text-align:center;
	float:left;
	color:#314149;
	font-weight:bold;
	font-size:11px;
}
.BLOC-couleur a {
	color:#314149;
	text-decoration:none;
	cursor:hand;
}
.BLOC-couleur a:hover {
	color:#39bbe3;
}


/**************************************************
/*	FICHE PRODUIT   
**************************************************/
.FICHE-produit {
	width:430px;
	margin:0 auto 0 150px;
	padding:70px 0 0 0;
	
}

.FICHE-prod-col-coul {
	width:115px;
	margin:40px 20px 0 0;
	float:left;
	height:150px;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	color:#314149;
}

.FICHE-produit .couleur {
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:115px;
	border:solid 1px #76a4b8;
	height:115px;
}

.FICHE-prod-col-rvb {
	width:115px;
	margin:40px 20px 0 0;
	float:left;
	height:150px;
	text-align:center;
	font-size:17px;
	font-weight:bold;
	color:#2f83a8;
}
.LIGNE-ref-rvb {
	margin:0 0 7px 0;
	padding:6px 0 0 0;
	height:26px;
	border:solid 1px #76a4b8;
	background:url(../../../images/Nuancier/bg-ligne-ref-rvb.gif) repeat-x top left;
}

.FICHE-prod-col-info {
	width:150px;
	margin:40px 0 0 0;
	float:left;
	height:150px;
	text-align:center;
	font-size:15px;
	color:#2f83a8;
}
.COL-info {
	width:120px;
	margin:0 0 0 0;
	padding:8px 0 0 0;
	float:left;
	height:62px;
	text-align:center;
	border:solid 1px #76a4b8;
	font-weight:bold;
	background:url(../../../images/Nuancier/bg-ligne-ref-rvb.gif) repeat-x top left;
}
.COL-picto-info {
	width:25px;
	margin:7px 0 0 0;
	float:right;
	height:83px;
	text-align:center;
	position:relative;
}
.COL-picto-info img {
	margin:0 0 12px 0;
}

.COL-picto-info .BLOC-infos {
	font-size:11px;
	width:180px;
	float:right;
	margin:0 0 0 0;
	position:absolute;
	top:-50px;
	left:30px;
	text-align:left;
	height:220px
}
#BLOC-INFO-Y, #BLOC-INFO-ATT {
	visibility:hidden;
}
#BLOC-INFO-ATT img {
	margin:0 0 0 0;
}

/**************************************************
/*	MISE EN PAGE   
**************************************************/
.IMAGE-left-01{float:left;padding:0 5px 5px 0}
.IMAGE-right-01{float:right;padding:0 5px 5px 0}

.CLEAR-both{clear:both;height:0;}
.FLOAT-right{float:right;}
.FLOAT-left{float:left;}
.MARGIN-auto{margin:0 auto;}

.RELATIVE{position:relative;}
.ABSOLUTE-top-right{position:absolute; top:0; right:0;}
.ABSOLUTE-bottom-left{position:absolute; bottom:0; left:0;}

.ALIGN-right{text-align:right;}
.ALIGN-left{text-align:left;}
.ALIGN-center{text-align:center;}
.ALIGN-justify{text-align:justify;}

.VERTICAL-ALIGN-middle{vertical-align:middle;}
.VERTICAL-ALIGN-top{vertical-align:top;}

.INLINE{display:inline;}
.BLOCK{display:block;}
.BORDER-0 {border:0;}

.COLLASPE{border-collapse:collapse}

.MAIN{cursor:pointer}

/*PADDING*/
.PADDING-3px{padding:3px;}
.PADDING-5px{padding:5px;}
.PADDING-10px{padding:10px;}
.PADDING-15px{padding:15px;}
.PADDING-20px{padding:20px;}
.PADDING-25px{padding:25px;}

.PADDING-right-5px{padding-right:5px;}
.PADDING-right-10px{padding-right:10px;}
.PADDING-right-15px{padding-right:15px;}
.PADDING-right-20px{padding-right:20px;}
.PADDING-right-25px{padding-right:25px;}

.PADDING-left-5px{padding-left:5px;}
.PADDING-left-10px{padding-left:10px;}
.PADDING-left-15px{padding-left:15px;}
.PADDING-left-20px{padding-left:20px;}
.PADDING-left-25px{padding-left:25px;}

.PADDING-bottom-5px{padding-bottom:5px;}
.PADDING-bottom-10px{padding-bottom:10px;}
.PADDING-bottom-15px{padding-bottom:15px;}
.PADDING-bottom-20px{padding-bottom:20px;}
.PADDING-bottom-25px{padding-bottom:25px;}

.PADDING-top-5px{padding-top:5px;}
.PADDING-top-10px{padding-top:10px;}
.PADDING-top-15px{padding-top:15px;}
.PADDING-top-20px{padding-top:20px;}
.PADDING-top-25px{padding-top:25px;}

/*MARGIN*/
.MARGIN-5px{margin:5px;}
.MARGIN-10px{margin:10px;}
.MARGIN-15px{margin:15px;}
.MARGIN-20px{margin:20px;}
.MARGIN-25px{margin:25px;} 

.MARGIN-top-5px{margin-top:5px;}
.MARGIN-top-10px{margin-top:10px;}
.MARGIN-top-15px{margin-top:15px;}
.MARGIN-top-20px{margin-top:20px;}
.MARGIN-top-25px{margin-top:25px;} 

.MARGIN-right-5px{margin-right:5px;}
.MARGIN-right-10px{margin-right:10px;}
.MARGIN-right-15px{margin-right:15px;}
.MARGIN-right-20px{margin-right:20px;}
.MARGIN-right-25px{margin-right:25px;} 

.MARGIN-bottom-5px{margin-bottom:5px;}
.MARGIN-bottom-10px{margin-bottom:10px;}
.MARGIN-bottom-15px{margin-bottom:15px;}
.MARGIN-bottom-20px{margin-bottom:20px;}
.MARGIN-bottom-25px{margin-bottom:25px;} 

.MARGIN-left-5px {margin-left:5px;}
.MARGIN-left-10px {margin-left:10px;}
.MARGIN-left-15px {margin-left:15px;}
.MARGIN-left-20px {margin-left:20px;}
.MARGIN-left-25px {margin-left:25px;}

/* LOGO ZOLPACHROM*/

#LOGO_ZOLPACHROM {
	position:relative;
	width:283px;
	height:37px;
	background-image:url(../../../images/Nuancier/logo_zolpachrom.gif);
	top:10px;
	left:92px;
	z-index:2;
	}
	
#LOGO_ZOLPACHROM_R {
	position:relative;
	width:283px;
	height:37px;
	background-image:url(../../../images/Nuancier/logo_zolpachrom.gif);
	top:10px;
	left:260px;
	z-index:2;
	}
	
#LOGO_ZOLPACHROM_V {
	position:relative;
	width:283px;
	height:37px;
	background-image:url(../../../images/Nuancier/logo_zolpachrom.gif);
	top:-30px;
	left:190px;
	z-index:2;
	}	
	
#CHARGEMENT {
	position:absolute;
	width:110px;
	height:71px;
	background-image:url(../../../images/Nuancier/chargement_zolpachrom.gif);
	top:190px;
	left:300px;
	z-index:200;
	}

/****************************************************************************************************************
*****************************************************************************************************************
STYLES
*****************************************************************************************************************
****************************************************************************************************************/

/*	MISE EN FORME CONTENUS   */
.BOLD {font-weight:bold;}
.NORMAL{font-weight:normal;}
.ITALIC {font-style:italic;}

.TEXTE-01 {font-weight:normal;color:#8b8b8b;}

.TEXTE-14px {font-size:14px;}
.TEXTE-13px {font-size:13px;}
.TEXTE-12px {font-size:12px;}
.TEXTE-11px {font-size:11px;}
.TEXTE-10px {font-size:10px;}

/*	COULEURS  */
.couleur-01{color:#009037;}
.couleur-01-BOLD{color:#009037;font-weight:bold;}
.couleur-02{color:#818181;}
.couleur-02-BOLD{color:#818181;font-weight:bold;}
.couleur-03{color:#314149;}
.couleur-03-BOLD{color:#314149;font-weight:bold;}

/*	LIEN   */
.lien-01{
text-decoration:none;
color:#808080;
}
.lien-01:hover{
text-decoration:underline;
}

.lien-02{
text-decoration:none;
color:#c12a41;
font-weight:bold;
}
.lien-02:hover{
color:#000;
}

.lien-03{
text-decoration:none;
background:url(../../../../images/puce-ligne-autres-liens.gif) no-repeat 0 4px;
padding:0 0 0 12px;
color:#c12a41;
font-weight:bold;
}
.lien-03:hover{
color:#000;
}


/*	POINTILLES  TRAITS BORDURES */

.POINTILLES-bottom-01 {
border-bottom:dotted 1px #bed961;
}

.BORDURE-bottom-01 {
border-bottom:solid 1px #009037;
}