/* CSS Document */
/* Mise en forme du site PICHON PLASTIQUES PAPIER */
/* www.iris-interactive.fr */

body {
	background:#008CCC url(../images/body.gif) repeat-x left top;
	font-family:'Trebuchet MS', Verdana, sans-serif;
	font-size:12px;
	height:100%;
	margin:0;
	padding:0;
	text-align:center;
}

#page {
	background:#FFFFFF url(../images/bg-global.gif) repeat-y left top;
	width:704px;
	text-align:left;
	margin:0 auto;
	padding:0 7px;
}
html>body #page {
	width:690px;
}



/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à la zone d'authentification */
/* -------------------------------------------------------------------------------------------- */

#authentication {
	padding:5px;
	margin:0 -5px;
	background:#000000 url(../images/bg-auth.gif) repeat-x left top;
	color:#FFFFFF;
}
html>body #authentication {
}
#authentication form, #authentication input {
	font-size:10px;
	margin:0;
	padding:0;
}
#authentication #rmContactUid, 
#authentication #RmContactPwd {
	width:80px;
	color:#999999;
}
#authentication p {
	font-size:12px;
	color:#FFFFFF;
	margin:0;
	padding:0;
}
#authentication a {
	color:#999999;
	text-decoration:none;
}
#authentication a:hover {
	text-decoration:underline;
}
#authentication a img {
	border:none;
	margin-bottom:-2px;
}
#authentication p.version {
	margin:0;
	padding:0;
	float:right;
}
#authentication p.version img {
	margin:4px 0 0 2px;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à l'ENTETE */
/* -------------------------------------------------------------------------------------------- */

#header {
	padding-top:5px;
	width:690px;
}
#header h1 {
	position:absolute;
	display:block;
	left:-999em;
}
#header img {
	border:none;	
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à la NAVIGATION */
/* -------------------------------------------------------------------------------------------- */

#navigation {
	background:#F7D917 url(../images/bg-navigation.gif) repeat-x left top;
	margin:-5px 0 0;
/* 	border-style:solid;
	border-color:#000000; 
	border-width:1px 0 0;*/
	text-align:left;
	height:28px;
}
html>body #navigation {
	margin:0;
}
#navigation ul {
	margin:0;
	padding:0; 
	list-style:none;
}
#navigation li {
	background:url(../images/bg-navigation-li.gif) no-repeat right bottom;
	display:block;
	float:left;
	margin:0;
	padding:0 1px 0 0;
	text-align:right;
}

#navigation a {
	margin:0;
	padding:5px 8px;
	display:block;
	color:#000000;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}
#navigation a.separateur {
	border-top:#F7D917 solid 1px;
}
#navigation a:hover {
	background:#000000 url(../images/bg-navigation-a.gif) repeat-x left top;
	color:#FFFFFF;
	text-decoration:none;
}

/* Déclarations applicables à la gestion des sous-menus ------------------------- */

#navigation li ul { 
	position:absolute;
	background-color:#000000;
	width:145px;
	left:-999em; 
	text-align:left;
}

#navigation li:hover ul, #navigation li.sfhover ul { 
	left:auto;
}
#navigation li:hover a, #navigation li.sfhover a { 
	background:#000000 url(../images/bg-navigation-a.gif) repeat-x left top;
	color:#FFFFFF;
}
#navigation li ul li {
	background-image:none;
	width:145px;
	padding:1px;
	text-align:left;
}
#navigation li ul li a {
	background-image:none !important;
	width:145px;
	color:#FFFFFF;
	text-align:left;
}
html>body #navigation li ul li, #navigation li ul li a {
	width:135px;
}
html>body #navigation li ul li a {
	width:127px;
}
#navigation li ul li a:hover {
	background:#F7D917 url(../images/bg-navigation.gif) repeat-x left top !important;
	color:#000000;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à WIRE (chemin + panier + toolbox) */
/* -------------------------------------------------------------------------------------------- */

#wire {
	background:#FFFFFF url(../images/bg-wire.gif) no-repeat left top;
	height:34px;
	font-size:10px;
}
#wire p.cart {
	padding:5px 0 5px 4px;
	margin:0;
	float:right;
}
#wire p.cart img {
	margin:0 5px -4px;
}
#wire ul.tools {
	padding:5px 0 5px 4px;
	margin:0;
	float:right;
}
#wire ul.tools li {
	padding:0;
	margin:0;
	display:inline;
	list-style:none;
}
#wire a img  {
	border:none;
}
#wire ul.chemin {
	padding:5px 0 5px 4px;
	margin:0;
	float:left;
}
#wire ul.chemin li {
	background:transparent url(../images/bg-li-chemin.gif) no-repeat 0 5px;
	padding:0 0 0 7px;
	margin:0;
	display:inline;
	list-style:none;
}
#wire a {
	color:#0E00C5;
	text-decoration:none;
}
#wire a:hover {
	text-decoration:underline;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à la zone de contenu */
/* -------------------------------------------------------------------------------------------- */

#global {
	padding-top:5px;
}
#global p {
	padding:5px;
	margin:0;
}
#global ul {
	padding:5px;
	margin:0;
}
#global li {
	background:transparent url(../images/bg-li-chemin.gif) no-repeat 0 5px;
	padding:0 0 5px 10px;
	margin:0;
	list-style:none;
}
#global ul.annuaire li, 
#global ul.style_faq li {
	padding:0 0 15px 10px;
}
#global a {
	color:#008CCC;
	text-decoration:underline;
}
#global a:hover {
	color:#CC0000;
}
#global a img {
	border:none;
}
#global .une a {
	text-decoration:none;
}
#global .une a strong {
	text-decoration:underline;
}
#global .une small {
	font-size:10px;
	color:#999999;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à SIDECOL */
/* -------------------------------------------------------------------------------------------- */

#sidecol {
	width:177px;
	text-align:left;
}
#global.sonright #sidecol {
	float:right;
}
#global.sonleft #sidecol {
	float:left;
}
#sidecol h3 {
	background:#008CCC url(../images/bg-h3-sidecol.gif) no-repeat left top;
	color:#FFFFFF;
	padding:7px 5px;
	margin:0;
	text-align:left;
	font-size:13px;
	font-weight:bold;
}
#sidecol div.button {
	background:#008CCC url(../images/bg-h3-sidecol.gif) no-repeat left top;
	display:block;
	color:#FFFFFF;
	margin:10px 0;
	text-align:left;
	font-size:13px;
	font-weight:bold;
}
#sidecol div.button a {
	background:url(../images/bg-sidecol-button.gif) no-repeat right bottom;
	color:#FFFFFF;
	padding:7px 40px 20px 7px;
	text-decoration:none;
	display:block;
}
#sidecol div.button a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
#sidecol table.emballage {
	margin:0;
	width:177px;
	padding:0;
	font-size:11px;
	background-color:#FFFFFF;
	text-align:left;
	color:#3D3D3D;
}
#sidecol table.emballage th {
	background-color: #D9EEF7;
	padding:2px 5px;
	margin:0 0 3px 0;
	color:#008CCC;
	font-weight:normal;
}
#sidecol table.emballage td {
	/*width:50%;*/
	padding:0 3px;
	border-bottom:1px solid #B0E2F8;
}
#sidecol table.emballage td.paquet {
	text-align:center;
}
#sidecol em {
	color:#008CCC;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
}
/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à la zone centrale */
/* -------------------------------------------------------------------------------------------- */

#content {
	width:498px;
	text-align:justify;
}
#global.sonright #content {
	float:left;
}
#global.sonleft #content {
	float:right;
}
#global.nos #content {
	width:690px;
	float:left;
}
#content h2 {
	color:#3D3D3D;
	padding:5px;
	margin:0;
	text-align:left;
	font-size:20px;
	font-weight:bold;
}
#content h3 {
	background:#008CCC url(../images/bg-h3-sidecol.gif) no-repeat left top;
	color:#FFFFFF;
	padding:7px 5px;
	margin:0;
	text-align:left;
	font-size:13px;
	font-weight:bold;
}
#content h4 {
	color:#3D3D3D;
	padding:5px;
	margin:0;
	text-align:left;
	font-size:15px;
	font-weight:bold;
}
#content h5 {
	color:#008CCC;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	padding:5px 0 5px 0;
	margin:0;
}
#content p.caption {
	padding:5px 0;
	margin:0;
}
#content p.ref {
	padding:5px 0;
	margin:0;
	float:left;
}
#content p.chapeau {
	padding:5px;
	margin:5px;
	background-color:#DBF4FF;
	color:#000000;
}
#content p.iris {
	background:transparent url(../images/logo_iris.gif) no-repeat 0 0;
	padding-left:50px;
	margin-top:10px;
}
#content p.top {
	text-align:right;
	font-size:10px;
}
#content p.top a {
	background:transparent url(../images/bg-a-top.gif) no-repeat 0 4px;
	padding-left:10px;
	color:#ACA899;
}

#content em {
	color:#008CCC;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
}
#content a:hover em {
	color:#CC0000;
}
#content a.acronym {
	color:#008CCC;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px dotted red;
}

#content table {
	margin:5px;
	padding:0;
	font-size:12px;
}
#content table.searchfaq {
	width:480px;
	background-color:#FEFAF5;
}
#content table.searchfaq td {
	vertical-align:middle;
}
#content table.searchfaq input {
	margin:0 5px;
	padding:0;
}
#content table.search td {
	padding-right:5px;
}
#content table.search select {
	background-color:#fff;
	border: solid 1px #999999;
}

.formulaire td {
	background-color:#FEFAF5;
	padding:5px;
}


/* AFFICHAGE DES ARTICLES EN MODE GALERIE ----------------------*/

#galerie {
	width:680px;
}
.sonleft #galerie {
	width:490px;
}
#galerie th {
	padding:0 0 10px;
}
td.gal_element {
	border:1px solid #B0E2F8;
	/*background-color:#FBFBFA;*/
	text-align:center;
	font-size:10px;
	vertical-align:top;
	padding:5px;
}
td.sfhover, 
td.gal_element:hover {
	background-color:#D9EEF7;
	border:1px solid #008CCC;
	cursor:pointer;
}
td table, 
td table form, 
td table input,
td table select {
	margin:0 !important;
	padding:0 !important;
	font-size:12px;
}
td table td {
	margin:0 !important;
	padding:0 8px 0 0 !important;
	vertical-align:top;
}
td table td select {
/*	width:100%;*/
width:160px;
	margin:3px 0 9px 0 !important;
}
table td #sel_dim {
	margin:0 0 -1px 0 !important;
}
table td #art_Qte {
	margin:0 0 -3px 0 !important;
}
td td img {
	margin:1px 0 -3px 0 !important;
}

td.sfhover table td, 
td.gal_element:hover table td {
	background-color:transparent;
	border:none;
	cursor:default;
}
td.gal_element a {
	width:100%;
	clear:both;
	display:block;
	text-decoration:none !important;
}
#galerie a img, 
td.gal_element a img {
	border:none;
}
#galerie img {
	background-color:#FFFFFF !important;
}
td.gal_element strong {
	font-size:13px;
	color:#333333;
}
td.gal_element b {
	font-size:11px;
/*	font-weight:normal;*/
	color:#333333;
}
td.gal_element h6 {
	background:url(../images/bg-galerie-h6.gif) repeat-x left top;
	color:#FFFFFF;
	font-size:12px;
	margin:0 0 5px;
	padding:5px;
	height:65px;
	cursor:pointer;
}
#art_prix{
	display:none;
}
#art_Name{
	font-size:15px;
}

/* MISE EN FORME DU TABLEAU DEVIS ----------------------*/

#content table.devis {
	margin:15px 0;
	width:498px;
	border-style:solid;
	border-color:#B0E2F8;
	border-width:1px 0 0 1px;
}
#content table.devis th, 
#content table.devis td {
	border-style:solid;
	border-color:#B0E2F8;
	border-width:0 1px 1px 0;
	/*background-color:#FBFBFA;*/
	text-align:center;
	vertical-align:top;
	padding:5px;
}
#content table.devis th {
	background-color:#B0E2F8;
}
#content table.devis td {
	text-align:left;
}
#content table.devis td.nowrap {
	white-space:nowrap;
	font-size:10px;
}
#content table.devis .imgpointer {
	cursor:pointer;
}

#content ul.entrees {
	margin:0;
	padding:0;
	height:175px;
}
#content ul.entrees li {
	display:block;
	float:left;
	width:166px;
	height:175px;
	margin:0;
	padding:0;
}
#content ul.entrees li a {
	display:block;
	width:166px;
	height:175px;
}
#content ul.entrees li a.entree1 {
	background: url(../images/bg-ul-entrees.jpg) no-repeat 0 0;
}
#content ul.entrees li a.entree2 {
	background:url(../images/bg-ul-entrees.jpg) no-repeat -166px 0;
}
#content ul.entrees li a.entree3 {
	background:url(../images/bg-ul-entrees.jpg) no-repeat -332px 0;
}
#content ul.entrees li a:hover.entree1, 
#content ul.entrees li a.entree1-active {
	background:url(../images/bg-ul-entrees.jpg) no-repeat 0 -175px;
}
#content ul.entrees li a:hover.entree2, 
#content ul.entrees li a.entree2-active {
	background:url(../images/bg-ul-entrees.jpg) no-repeat -166px -175px;
}
#content ul.entrees li a:hover.entree3, 
#content ul.entrees li a.entree3-active {
	background:url(../images/bg-ul-entrees.jpg) no-repeat -332px -175px;
}
#content ul.entrees li a span {
	position:absolute;
	left:-999em;
}


#content form {
	margin:0;
	padding:5px;
	color:#8C8C8C;
	font-size:12px;
}
#content form.hidden {
	margin:0;
	padding:0;
}
#content input, select, option, textarea, legend, fieldset {
	font-size:12px;
}
#content input, select, textarea {
	margin:2px 0 5px 0;
}

#content #formMessenger, input, select, textarea, fieldset, legend, 
#content #formCatalog {
	font-family:'Trebuchet MS', Verdana, sans-serif;
	font-size:11px;
}
#content legend {
	color:#465253;
}

#content #formContactRegister input, textarea, select,
#content #formDevisExpress input, textarea, select,
#content #formMessenger input, textarea, select {
	background-color:#D9EEF7;
	border:none;
}
.bgnone{
	background-color:#ffffff;
	border:#008CCC solid 1px;
}
#galerie select {
	background-color:#fff;
	border:1px solid #999999;
}
#content fieldset {
	border:1px solid #008CCC;
	padding:1px 5px;
	margin-bottom:5px;
}
#content fieldset.small {
	width:159px;
}
#content fieldset.small2 {
	width:153px;
}
html>body #content fieldset {
	clear:both;
}
html>body #content fieldset.small {
	width:145px;
	float:left;
	clear:none;
}
html>body #content fieldset.small2 {
	width:137px;
	float:left;
	clear:none;
}
#content #formContactRegister fieldset.small,
#content #formDevisExpress fieldset.small,
#content #formContactRegister fieldset.small {
	width:242px;
}
html>body #content #formContactRegister fieldset.small,
html>body #content #formDevisExpress fieldset.small,
html>body #content #formContactRegister fieldset.small {
	width:228px !important;
}
html>body #content #formDevisExpress fieldset.small {
	height:41px !important;
}
 #content #formContactRegister select {
	width:476px !important;
}
html>body #content fieldset select {
	height:17px;
}
#content input#strContactRegisterAction,
#content input#strDevisExpressAction,
#content input#strMessengerAction {
	background-color:#008CCC;
	color:#FFFFFF;
	text-decoration:underline;
	cursor:pointer;
}

/* BOX MODELS ------------------------------------------ */

.col1 {
	width:166px;
	float:left;
}
.col2 {
	width:332px;
	float:left;
}
.sep3col {
	background:#FFFFFF url(../images/bg-sep3col.gif) no-repeat left bottom;
	padding-bottom:7px;
}
html>body .sep3col {
	margin-bottom:-3px;
}



/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au PIED DE PAGE */
/* -------------------------------------------------------------------------------------------- */

#foot {
	background:#008CCC url(../images/bg-foot.gif) no-repeat left top;
	padding-top:10px;
	margin:0 -7px;
	text-align:center;
	font-size:9px;
	color:#919191;
}
#foot p {
	margin:0;
	padding:0 8px 5px;
}
#foot a {
	color:#FFFFFF;
	text-decoration:none;
}
#foot a:hover {
	text-decoration:underline;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables aux NICETITLE */
/* -------------------------------------------------------------------------------------------- */

div.nicetitle {
	z-index:1000;
	position:absolute;
	overflow:hidden;
	width:auto;
	text-align:left;
}
div.nicetitle .text {
	color:#FFFFFF;
	font-weight: bold;
}

div.nicetitle div {
	background-color:#073799;
	padding:.6em;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:.8em;
	color: #FFFFFF;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles génériques */
/* -------------------------------------------------------------------------------------------- */

.spacer {
	width:100%;
	clear:both;
	font-size:1px;
}
.spacer-horsep {
	width:100%;
	clear:both;
	font-size:1px;
	background:#FFFFFF url(../images/horizontal-sep.gif) no-repeat left bottom;
	height:21px;
}
.spacer-horsep2 {
	width:100%;
	clear:both;
	font-size:1px;
	background:#FFFFFF url(../images/horizontal-sep2.gif) no-repeat left bottom;
	height:21px;
}
#global .right {
	text-align:right;
}
#global .left {
	text-align:left;
}
#global .center {
	text-align:center;
}
#global .justify {
	text-align:justify !important;
}


#formPaListe {
	padding:0;
	margin:0;
}
#content #formCatalog {
	padding:0;
	margin:0;
}
#content #form_pdtDetail {
	padding:0;
	margin:0;
}

.palette {
	background: url(../images/bt_palette.gif) no-repeat 0 3px;
	padding:5px 22px;
}

a.style_pdf{
	padding:0 !important;
	margin:0;
	color:#196BA0;
	text-decoration:none!important;
}
a.style_pdf:hover{
	text-decoration:none!important;
}
a.style_pdf img{
	border: 0!important;
	margin: -2px 0 0 0!important;
}