/* CSS - SATAS */

/****** Base ******/
*{
	font-family:Arial, Helvetica, sans-serif;
}

body{
	margin:0;
	padding:0;
	font-size:11px;
	color:#57676F;
	text-align:center;
	background:url(../img/body-fd.gif) repeat-x;
}
h1, h2, h3, h4, h5, h6{
	margin:0;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
}



p{
	margin:10px 0;
}
img{
	border:0;
}
form{
	margin:0;
	padding:0;
}
input, select, td, textarea{
	font-size:11px;
	color:#57676F;
}
hr{
	display:none;
}
a{
	color:#CC3333;
}

.clear{
	clear:both;
	font-size:1px;
	height:1px;
	margin:-1px 0 0 0;
}
a.flc{
	padding:0 0 0 10px;
	color:#CC3333;
	font-weight:bold;
	text-decoration:none;
	background:url(../img/puces/flc-red.gif) no-repeat 0 4px;
}

p.intro{
	clear:both;
}

.txt ul{
	list-style-position:inside;
}

/***** Structure *****/
.container{
	position:relative;
	margin:auto;
	padding:0 21px 0 20px;
	width:914px;
	text-align:left;
	background:url(../img/container-fd.gif) repeat-x #FFFFFF;
}
#home{
	background:url(../img/container-home-fd.gif) repeat-x #FFFFFF;
}

/** Header **/
.header{
	height:1%;
	background:url(../img/header-fd.jpg) no-repeat;
}
.header .logo{
	float:left;
	width:515px;
	height:192px;
}
.header .contact{
	float:left;
	margin:25px 0 0 0;
	width:123px;
}
.header .contact a{
	padding:0 20px 0 0;
	color:#FFA109;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	background:url(../img/puces/contactez-nous.gif) no-repeat right;
}
.header .search{
	float:left;
	padding:10px 0 0 20px;
	width:254px;
	color:#F69C0E;
}
.header .search input{
	color:#DC8905;
	vertical-align:middle;
}
.header .search .field{
	padding:0px 5px;
	width:170px;
	background:#FFE8C4;
	border:2px solid #F69C0E;
}
#home .header{
	background:url(../img/header-home-fd.gif) no-repeat;
	z-index:5;
}
#home .header .logo{
	z-index:50;
	position:relative;
	margin:0 0 -21px 0;
	height:82px;
}
#home .header .header-flash{
	height:219px;
}

/** Footer **/
.footer{
	margin:0 -21px 0 -20px;
	padding:15px 21px 35px 20px;
       padding-left: 210px;
	background:url(../img/footer-fd.gif) repeat-x bottom;
}
.footer ul, .footer ul li{
	margin:0;
	padding:0;
	list-style-type:none;
}
.footer ul{
	padding:10px 0 0 100px;
	height:15px;
	background:url(../img/copyright.gif) no-repeat;
}
/*
.footer ul{
	padding:10px 0 0 200px;
	height:15px;
	background:url(../img/copyright.gif) no-repeat;
}
*/
.footer ul li{
	float:left;
	padding:0 10px;
	border-left:1px solid #57676F;
}
.footer ul li.first{
	border:0;
}
.footer ul li a{
	color:#57676F;
	font-weight:bold;
	text-decoration:none;
}

/***** Navigations *****/
#home #navtop{
	margin:-1px 0 0 0;
}
#navtop ul, #navtop ul li, #navtop ul li ol, #navtop ul li ol li{
	margin:0;
	padding:0;
	list-style-type:none;
}
#navtop ul li{
	float:left;
	border-left:3px solid #FFFFFF;
	border-bottom:2px solid #FFFFFF;
}
#navtop ul li a{
	display:block;
	padding-bottom:3px;
}
#navtop ul li ol{
	z-index:5;
	visibility:hidden;
	position:absolute;
	padding:5px;
	background:url(../img/nav/menu-fd.gif) no-repeat bottom right;
}
#navtop ul li.on ol{
	visibility:visible;
}
#navtop ul li ol li{
	float:none;
	height:1%;
	border:0;
	border-top:1px solid #F5F1F0;
}
#navtop ul li ol li.first{
	border:0;
}
#navtop ul li ol li a{
	display:block;
	padding:2px 5px;
	height:1%;
	color:#616D6B;
	white-space:nowrap;
	font-weight:bold;
	text-decoration:none;
}
#navtop ul li ol li a:hover{
	background:#F5F1F0;
}

.customer{
}
.espaceClientLabel{
	z-index:99;
	position:absolute !important; 
	right:21px !important;
	margin:-25px 120px 0px 10px !important;
	right:auto;
	background:url(../img/puces/espace-client.gif) no-repeat left #56676F;
 	padding:2px 0px 0px 20px;
	color:#FFA109;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	width:124px;
}
.customer a{ 
	z-index:99;
	position:absolute !important; 
	color:#FFA109;
    margin-top:-22px;
    margin-left:170px;
 	height:24px;
	color:#FFA109;
	position:absolute;
    font-size:10px;
    font-style:italic;
    text-decoration:underline;
}

.customerLoggedIn{
	z-index:99;
	position:absolute !important; 
	right:21px !important;
	margin:-25px 0 0 10px !important;
/*	position:relative; 
	right:auto;
	float:right;*/
	margin:-24px 0 0 10px;
	width:260px;
	height:24px; 
	background:#56676F;
}
.customerLoggedIn  a{ 
	padding:0 0 0 20px;
	height:24px;
	color:#FFA109;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	background:url(../img/puces/espace-client.gif) no-repeat left #56676F;
}

html>.conso{  /* hack : only read by Firefox */
	position:relative;
	float:right;
	padding:0 15px 0 0; 
	height:30px;
	text-align:right;
	width:40px;
	background:url(../img/nav/menu-fd.gif) no-repeat bottom right;
}
.conso a{
	padding:0 15px 0 0; 
	font-weight:bold;
	text-decoration:none;
	text-align:right;
}
.navleft{
	float:left;
	margin:0 13px 0 0;
	width:138px;
}
.navleft ul, .navleft ul li{
	margin:0;
	padding:0;
	list-style-type:none;
}
.navleft ul{
	margin:0 0 2px 0;
	background:url(../img/nav/left-fd.gif) no-repeat bottom right;
}
.navleft ul li a{
	display:block;
	padding:5px 8px;
	height:1%;
	color:#757171;
	text-decoration:none;
}
.navleft ul li a.on{
	color:#FFFFFF;
	background:#FFA109;
	border-top:2px solid #E5E4E4;
}
.navleft ul li.rub{
	background:url(../img/nav/left-off-fd.gif) no-repeat bottom right;
}
.navleft ul li.rub a{
	padding-left:18px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	background:url(../img/puces/down-white.gif) no-repeat 5px 10px;
}
.navleft ul li.rub a.alone{
	background:none;
}
.navleft ul li.rub.on{
	background:url(../img/nav/left-orange-fd.gif) no-repeat bottom right;
}

/* Colors */
.navleft ul.red li.rub.on, .navleft ul.green li.rub.on, .navleft ul.blue li.rub.on, .navleft ul.orange li.rub.on {
	background:url(../img/nav/left-on-fd.gif) no-repeat bottom right;
}

.navleft ul.red li.rub.on a{
	color:#E73421;
	background:url(../img/puces/down-red.gif) no-repeat 5px 10px;
}
.navleft ul.red li a.on{
	background:#E73421;
}

.navleft ul.green li.rub.on a{
	color:#42BA29;
	background:url(../img/puces/down-green.gif) no-repeat 5px 10px;
}
.navleft ul.green li a.on{
	background:#42BA29;
}

.navleft ul.blue li.rub.on a{
	color:#0071BD;
	background:url(../img/puces/down-blue.gif) no-repeat 5px 10px;
}
.navleft ul.blue li a.on{
	background:#0071BD;
}

.navleft ul.orange li.rub.on a{
	color:#F7AE00;
	background:url(../img/puces/down-orange.gif) no-repeat 5px 10px;
}
.navleft ul.orange li a.on{
	background:#F7AE00;
}

/* ****** */

.navleft .onglets{
	background:none;
}
.navleft ul.onglets li a{
	margin:0 0 2px 0;
	padding:5px;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:uppercase;
	background:url(../img/box/round-br.gif) no-repeat bottom right #999393;
}
.navleft ul.onglets li a.on{
	border:0;
	background-color:#FFA209;
}

.path{
	position:relative;
	margin:0 0 -15px 150px;
	font-weight:bold;
}

.path a, .path span{
	margin:0 3px 0 0;
	padding:0 18px 0 0;
	color:#57676F;
	font-weight:normal;
	text-decoration:none;
	background:url(../img/puces/path-sep.gif) no-repeat right;
}
.path a:hover{
	text-decoration:underline;
}

/***** Content *****/
.content{
	padding:10px 0 0 0 !important;
	padding:5px 0 0 0;
}
#home .content{
	padding:30px 0 0 0 !important;
	padding:15px 0 0 0;
}

/***** Home *****/
.boxHome{
	float:left;
	margin:0 30px 0 0;
	width:290px;
}
.boxHome h2{
	margin:0 0 5px 0;
	padding:0 0 10px 10px;
	color:#57676F;
	font-weight:bold;
	font-size:14px;
	text-transform:uppercase;
	background:url(../img/h2-fd.gif) no-repeat;
}
.boxHome h3{
	margin:0 0 5px 0;
	color:#F69C0E;
}

.actus{
	margin:0 0 20px 0;
}
.actus .pager{
	z-index:0;
	position:absolute;
	margin:-25px 0 0 200px;
	color:#F69C0E;
	font-weight:bold;
}
.actus .pager a{
	padding:0 2px;
}
.actus .pager #currentActu{
	color:#57676F;
}
.actus .visu{
	float:left;
	margin:0 10px 0 0;
	width:126px;
}
.actus .txt{
	float:left;
	width:154px;
}
.actus .txt a{
	display:block;
	clear:left;
	float:left;
}

#home .newsletter{
	background:none;
}
#home .newsletter .visu{
	float:left;
	margin:0 10px 10px 0;
	width:126px;
}
#home .newsletter .txt{
	float:left;
	margin:0 0 10px 0;
	width:154px;
}
#home .newsletter input{
	clear:both;
	vertical-align:middle;
}

#home .newsletter img{
	clear:both;
	vertical-align:middle;
}

#home .newsletter .field{
	padding:1px 5px;
	width:235px;
	color:#96B1BF;
	border:1px solid #57676F;
}

.boxSolution{
	margin:20px 0 0 0;
	padding:0 0 20px 0;
	width:283px;
	background:#FFF9EC;
	border:1px solid #FCD9A3;
}
.boxSolution img{
	display:block;
}
.boxSolution td{
	padding:2px 0;
}
.boxSolution td.radio{
	padding:0 5px 0 0;
}
.boxSolution .choices{
	padding:10px;
}
.boxSolution .btn{
	position:absolute;
	margin:-1px 0 0 164px;
}

.productHome{
	z-index:5;
	position:relative;
	float:left;
	margin:-48px 0 0 3px !important;
	margin:-35px 0 0 3px;
	padding:45px 0 0 0;
	width:270px;
	background:url(../img/box/product-home-top.gif) no-repeat top right;
}
.productHome h2{
	margin:0 0 5px 0;
	padding:0 0 10px 10px;
	color:#57676F;
	font-weight:bold;
	font-size:14px;
	text-transform:uppercase;
	background:url(../img/h2-fd.gif) no-repeat;
}
.productHome h2 strong{
	color:#FFA109;
}
.productHome .visu{
	margin:0 0 5px 0;
}
.productHome .txt{
	margin:0 0 10px 0;
	padding:0 15px;
}
.productHome .link{
	padding:0 15px 20px 0;
	text-align:right;
	background:url(../img/box/product-home-bot.gif) no-repeat bottom left;
}

/***** Filles *****/
.center{
	float:left;
	margin:0 13px 0 0;
	padding:20px 0 0 0;
	width:594px;
}
.centerL{
	float:left;
	padding:20px 0 0 0;
	width:760px;
}
.center a.flc, .centerL a.flc{
	color:#54656D;
	text-decoration:underline;
	background:url(../img/puces/flc-grey.gif) no-repeat 0 4px;
}
.center h1, .center h2, .centerL h1, .centerL h2{
	float:left;
}
.center h1, .centerL h1{
	margin:0 10px 0 0;
}
.center h2, .centerL h2{
	margin:12px 0 0 0;
	padding:0 0 6px 8px;
	color:#FFA610;
	font-weight:bold;
	font-size:18px;
	background:url(../img/h2-orange-fd.gif) no-repeat bottom left;
}
.center h3, .centerL h3{
	color:#FFA208;
	font-size:20px;
	font-weight:bold;
	text-align:right;
}
.center h4, .centerL h4{
	margin:0 0 10px 0;
	height:20px;
	border-top:2px solid #FFA208;
}
.center h4 span, .centerL h4 span{
	clear:both;
	position:relative;
	float:left;
	margin:-2px 0 0 0;
	padding:0 10px 0 0;
	background:url(../img/h4-orange-fd.gif) no-repeat top right;
}
.center h4 span span, .centerL h4 span span{
	display:block;
	clear:both;
	float:left;
	margin:0;
	padding:2px 0 3px 12px;
	color:#FFFFFF;
	font-weight:bold;
	background:url(../img/h4-orange-fd.gif) no-repeat top left;
}

.right{
	float:left;
	width:153px;
}

/****** Boxs *****/
.product{
	margin:0 0 15px 0;
}
.product .visus{
	float:left;
	margin:0 20px 15px 0;
	width:220px;
}
.product .visus .pager{
	text-align:center;
}
.product .visus .pager .prev{
	padding:0 2px;
	background:url(../img/puces/flc-prev-orange.gif) no-repeat left;
}
.product .visus .pager a{
	padding:0 3px;
	color:#57676F;
	font-weight:bold;
	text-decoration:none;
}
.product .visus .pager a.on{
	color:#FFB221;
	text-decoration:underline;
}
.product .visus .pager .next{
	padding:0 2px;
	background:url(../img/puces/flc-orange.gif) no-repeat right;
}

.product .avantage{
	float:left;
	margin:0 0 15px 0;
	width:354px;
}
.product .avantage strong{
	color:#FFB221;
	font-size:13px;
}
.product .avantage .links{
	margin:10px 0;
	width:100%;
}
.product .avantage .links td{
	padding:3px 0;
}

.solutions{
	margin:0 -80px 0 0;
	width:620px;
}
.solution{
	float:left;
	margin:0 35px 0 0;
	width:275px;
}
.solution h4 span span{
	width:253px;
}
.solution .accroche{
	margin:-5px 0 10px 0;
	font-weight:bold;
}
.solution .visu{
	float:left;
	margin:0 10px 10px 0;
	width:130px;
}
.solution .txt{
	float:left;
	width:135px;
	margin:0 0 10px 0;
}

.categories{
	margin:0 -80px 0 0;
	width:620px;
}
.categorie{
	float:left;
	margin:0 35px 10px 0;
	width:275px;
}
.categorie h4, .categorie h4 span, .categorie h4 span span{
	float:none;
	height:auto;
	background:none;
	border:0;
}
.categorie h4 span span{
	float:none;
	padding:19px 0 8px 43px;
	text-transform:uppercase;
	background:url(../img/box/cat-arrivee.gif) no-repeat;
}
.categorie .visu{
	float:left;
	margin:0 10px 0 0;
	width:162px;
}
.categorie .txt{
	float:left;
	width:100px;
	margin:0 0 10px 0;

}
.categorie .txt span{
	display:block;
	color:#57676F;
	font-size:15px;
	font-weight:bold;
}
.categorie .other{
	clear:both;
	text-align:center;
}
.categorie .other table{
	margin:auto;
	border-collapse:collapse;
}
.categorie .other table td{
	padding:5px 10px 0 10px;
	background:url(../img/box/shadow-table.gif) repeat-x;
}


.categorie .other table td a{
	font-weight:bold;
	color:#57676F;
}
.categorie .other table .photos td{
	padding:5px;
	background:url(../img/box/round-cell.gif) no-repeat bottom right;
	border:1px solid #5C6868;
}
.categorie .other table .productDesc{
	display:none;
}

.ttl{
	margin:10px 0;
}
.ttl h4 span span{
	width:572px;
}
.ttl .links, .ttl .links li{
	margin:0;
	padding:0;
	list-style-type:none;
}
.ttl .links li{
	float:left;
	margin:2px 0;
	width:50%;
}

.mtl{
	margin:0 0 15px 0;
}
.mtl .visu{
	float:left;
	margin:0 10px 0 0;
	width:140px;
}
.mtl .txt{
	margin:0 0 10px 0;
	line-height:16px;
}
.mtl .txt a{
	color:#57676F;
	text-decoration:underline;
	font-weight:bold;
}

.mt{
	margin:15px 0;
}
.mt .visu{
	float:left;
	margin:0 10px 0 0;
	width:140px;
}
.mt .txt{
	margin:0 0 10px 0;
	line-height:16px;
}

.emploi{
	margin:15px 0;
}
.emploi h4 span span{
	width:738px;
}
.emploi .date{
	position:absolute;
	right:30px;
	margin:-20px 0 0 0 !important;
	margin:-30px 0 0 0;
	color:#FFFFFF;
}
.emploi .txt{
	padding:0 10px 0 20px;
}
.emploi .link{
	padding:5px 10px 0 0;
	text-align:right;
}

.dynaList, .dynaList li, .dynaList li ol, .dynaList li ol li{
	margin:0;
	padding:0;
	list-style-type:none;
}
.dynaList{
	margin:0 0 15px 0;
	padding:15px 0 0 50px;
}
.dynaList li{
	margin:0 0 20px 0;
}
.dynaList li a.flc{
	display:block;
	height:1%;
	text-decoration:none;
}
.dynaList li.on a.flc{
	color:#FFA109;
	background-image:url(../img/puces/down-orange.gif);
}
.dynaList li ol{
	display:none;
	margin:10px 0 0 30px;
	padding:0 0 0 15px;
	border-left:1px solid #FFA109;
}
.dynaList li.on ol{
	display:block;
}
.dynaList li ol li a.flc, .dynaList li.on ol li a.flc{
	color:#54656D;
	text-decoration:underline;
	background-image:url(../img/puces/flc-grey.gif);
}
.dynaList li ol li a.flc:hover, .dynaList li.on ol li a.flc:hover{
	color:#FFA109;
	background-image:url(../img/puces/flc-orange.gif);
}

.form{
	width:100%;
}
.form td{
	padding:2px 5px 2px 0;
}
.form td.step{
	padding:15px 0;
}
.form td.step span{
	display:block;
	float:left;
	padding:2px 7px;
	margin:0 5px 0 0;
	color:#FFFFFF;
	font-weight:bold;
	background:url(../img/puces/step-fd.gif) no-repeat;
}
.form td.denom{
	padding:0 0 0 45px;
}
.form .field input, .form .field select{
	width:100%;
	border:1px solid #D6D1CF;
}
.form textarea{
	width:100%;
	height:150px;
	overflow:auto;
	border:1px solid #D6D1CF;
}
.form .btn{
	padding:10px 0 0 0;
	text-align:right;
}

.checkin td{
	padding:3px;
	vertical-align:top;
}
.checkin td.check{
	padding:0 0 0 10px;
}
.checkin .field input{
	width:150px;
}

/* Sizer */
.sizer{ padding:0; font-size:1px; }

.tf1 .c1{ width:200px; }
.tf1 .c2{ width:80px; }
.tf1 .c3{ width:150px; }
.tf1 .c4{ width:320px; }
/* ***** */

.searchLeft{
	padding:0 0 20px 0;
	background:#FFF9EC;
	border:1px solid #FCD9A3;
}
.searchLeft .head{
	padding:3px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	background:url(../img/box/search-fd.gif) repeat-x;
}
.searchLeft .cont{
	padding:7px;
}
.searchLeft td{
	padding:4px 0 2px 0;
	font-family:Verdana, Arial, sans-serif;
	font-size:9px;
	font-weight:bold;
	vertical-align:top;
}
.searchLeft td.check{
	padding:0;
}
.searchLeft td.entete{
	padding:3px 5px;
	color:#FFFFFF;
	background:url(../img/box/left-search-fd.gif) no-repeat bottom right;
}
.searchLeft .btn{
	position:absolute;
	margin:6px 0 0 10px;
}
.searchLeft .field{
	padding:0;
}
.searchLeft .field input{
	margin:0 0 5px 0;
	width:118px;
	border:1px solid #D6D1CF;
}

.results .resum{
	margin:10px 0;
}
.results .resum .result{
	padding:0 0 0 30px;
}
.results .resum .result span{
	color:#FFA109;
	font-weight:bold;
}
.results h4 span span{
	width:572px;
}
.results .result{
	padding:0 10px 15px 20px;
}
.results .result .txt{
	padding:0 0 0 10px;
}

/* Colors */
.categorie.traitement h4 span span{
	background:url(../img/box/cat-traitement.gif) no-repeat;
}

.categorie.preparation h4 span span{
	background:url(../img/box/cat-preparation.gif) no-repeat;
}

.categorie.expedition h4 span span{
	background:url(../img/box/cat-expedition.gif) no-repeat;
}

/* ****** */
.tgFlash{
	margin:0 0 10px 0;
}

.boxStyle{
	margin:0 0 10px 0;
	padding:0 0 15px 0;
	background:url(../img/box/style-bot.gif) no-repeat bottom right #FFF9EC;
}
.boxStyle .head{
	padding:20px 0 5px 0;
	height:1%;
	color:#57676F;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	background:url(../img/box/style-top.gif) no-repeat top left;
}
.boxStyle .cont{
	padding:0 6px;
	height:1%;
}
.boxStyle .cont .visu{
	float:left;
	margin:0 5px 0 0;
	border:1px solid #FAAC2F;
}
.boxStyle .link{
	padding:10px 0 0 0;
	height:1%;
}
.boxStyle .link a{
	padding:0 0 0 8px;
	font-weight:bold;
	text-decoration:none;
	background:url(../img/puces/flc-red.gif) no-repeat 0 3px;
}

.boxPaper{
	margin:0 0 10px 0;
	padding:0 0 15px 0;
	width:151px;
	background:url(../img/box/paper-bot.gif) no-repeat bottom right #FFFFFF;
	border:2px solid #FFA109;
	border-right:0;
	border-bottom:0;
}
.boxPaper .head{
	padding:10px 0 5px 0;
	height:auto !important;
	height:27px;
	min-height:27px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	background:url(../img/box/paper-top.gif) no-repeat top left;
}
.boxPaper .cont{
	padding:0 8px;
}
.FAQ{
	padding:0 0 5px 0;
}
.FAQ a{
	display:block;
	margin:0 0 10px 0;
	padding:0 0 0 8px;
	color:#57676F;
	text-decoration:none;
	background:url(../img/puces/flc-orange.gif) no-repeat 0 3px;
}
.edit img{
	float:left;
	margin:0 5px 0 0;
}
.edit a.flc{
	display:block;
	clear:both;
}

.newsletter{
	background:url(../img/box/newsletter-bot.gif) no-repeat bottom right #57676F;
}
.newsletter .head{
	margin:0 0 2px 0;
}
.newsletter .cont{
	padding:0 8px 5px 8px;
	color:#FFFFFF;
}
.newsletter input{
	vertical-align:middle;
}
.newsletter .field{
	width:101px;
	color:#96B1BF;
}

/***** Couleurs *****/

/* Red */
#red .center h1, #red .center h3{
	color:#CC3333;
}
#red .center h2{
	color:#CC3333;
	background-image:url(../img/h2-fd.gif);
}
#red .center h4{
	border-color:#CC3333;
}
#red .center h4 span, #red .center h4 span span{
	background-image:url(../img/h4-red-fd.gif);
}
#red .product .visus .pager a.on{
	color:#CC3333;
}
#red  .product .visus .pager .prev{
	background-image:url(../img/puces/flc-prev-red.gif);
}
#red  .product .visus .pager .next{
	background-image:url(../img/puces/flc-red.gif);
}
#red .product .avantage strong{
	color:#CC3333;
}

/* Green */
#green .center h1, #green .center h3{
	color:#3CB223;
}
#green .center h2{
	color:#3CB223;
	background-image:url(../img/h2-green-fd.gif);
}
#green .center h4{
	border-color:#3CB223;
}
#green .center h4 span, #green .center h4 span span{
	background-image:url(../img/h4-green-fd.gif);
}
#green .product .visus .pager a.on{
	color:#3CB223;
}
#green .product .visus .pager .prev{
	background-image:url(../img/puces/flc-prev-green.gif);
}
#green .product .visus .pager .next{
	background-image:url(../img/puces/flc-green.gif);
}
#green .product .avantage strong{
	color:#3CB223;
}

/* Blue */
#blue .center h1, #blue .center h3{
	color:#0071BD;
}
#blue .center h2{
	color:#0071BD;
	background-image:url(../img/h2-blue-fd.gif);
}
#blue .center h4{
	border-color:#0071BD;
}
#blue .center h4 span, #blue .center h4 span span{
	background-image:url(../img/h4-blue-fd.gif);
}
#blue .product .visus .pager a.on{
	color:#0071BD;
}
#blue  .product .visus .pager .prev{
	background-image:url(../img/puces/flc-prev-blue.gif);
}
#blue  .product .visus .pager .next{
	background-image:url(../img/puces/flc-blue.gif);
}
#blue .product .avantage strong{
	color:#0071BD;
}

/* Orange */
#orange .center h1, #orange .center h3{
	color:#FFA210;
}
#orange .center h2{
	color:#FFA210;
	background-image:url(../img/h2-orange-fd.gif);
}
#orange .center h4{
	border-color:#FFA210;
}
#orange .center h4 span, #orange .center h4 span span{
	background-image:url(../img/h4-orange-fd.gif);
}
#orange .product .visus .pager a.on{
	color:#FFA210;
}
#orange  .product .visus .pager .prev{
	background-image:url(../img/puces/flc-prev-orange.gif);
}
#orange  .product .visus .pager .next{
	background-image:url(../img/puces/flc-orange.gif);
}
#orange .product .avantage strong{
	color:#FFA210;
}

/***** Ajouts Extranet *****/
.center h5{
	margin:10px 0;
	padding:5px 0;
	color:#57676f;
	font-weight:bold;
	background:url(../img/puces/ext_pted.gif) repeat-x bottom left;
}
.monEspaceClient{
	background:url(../img/box/espace-client-top.gif) no-repeat;
}
.clientZone{
	margin:0 0 10px 0;
}
.clientZone *{
	color:#52656B;
}
.clientZone table{
	width:100%;
}
.clientZone table .info{
	text-align:right;
}
.clientZone .cont{
	padding:10px;
	background:url(../img/box/espace-client-fd.gif) no-repeat bottom left;
}

.login{
	float:left;
	margin:0 0 0 4px;
	padding:4px 0 0 10px;
	width:261px;
	height:24px;
	text-align:left;
	background:url(../img/nav/menu-fd.gif) no-repeat bottom right;
}
.login *{
	float:left;
}
.login input{
	margin:0 5px 0 0;
	width:70px;
	color:#96b1bf;
}
.login a{
	margin:-2px 0 0 0;
	padding:0;
	width:65px;
	font-size:10px;
	font-style:italic;
	font-weight:normal;
	line-height:10px;
	text-decoration:underline;
	background:none;
}
.login .btn{
	cursor:pointer;
	cursor:hand;
	margin:-3px 0 0 0;
	width:30px;
	height:24px;
	background-image:url(../img/btn/login-ok.gif);
	background-repeat: no-repeat; 
	background-position:  center;
	border-width: 0px;
}
.logged{
	text-align:left;
}
.logged span{
	padding-left:10px;
	font-weight:bold;
}
.logged a{
	float:right;
	padding-right:20px;
	padding-bottom:10px;
	font-weight:normal;
	text-decoration:underline;
	background:none;
	text-align:center;
/*	border-left:2px solid #FFFFFF; */
}
.logged img{
	margin-right:-21px;
	z-index:99;
}
.ErrorMessageContainer {
	border: 1px solid red;
}

.ErrorMessageContainer .ErrorMessageText, .ErrorMessageContainer .ErrorMessageImage {
	vertical-align: middle;
	display: inline-block;
}

/*     */
/* Les classes suivantes servent à formatter les TABLE générées par le template html  NPF_gridtable_001 */

.data {
	margin:10px 0;
	border-collapse:collapse;
	border:1px solid #FFFFFF;
}
.data table{
	width:100%;
	border:1px solid #FFFFFF;
}
.data th, .data td{
	font-weight:normal;
	text-align:left;
	background-color:#E6E6E6;
	border:1px solid #FFFFFF;
}
.data .data, .data .data th, .data .data td{
	border:1px solid #E5E4E4;
}
.data .data tr{
	height:auto;
}
.data th{
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	background:#FFA109;
}

.data .sort{
	padding-right:15px;
}
.data .data td{
	background:#FFFFFF;
}
.data td a{
	color:#666666;
}
.data th a{
	color:#FFFFFF;
	padding-right:5px;
}
.data .sortUp{
	float:right;
	margin:-13px -14px 2px 0;
	width:7px;
	height:4px;
}
.data .sortDown{
	clear:right;
	float:right;
	margin:-6px -14px 2px 0;
	width:7px;
	height:4px;
}
.data .big .sortUp{
	margin-top:-21px;
}
.data .big .sortDown{
	margin-top:-14px;
}
.data .empty{
	padding:0;
	background:#FFFFFF;
}
.data .int{
	text-align:center;
}
.data .devise{
	text-align:right;
}
.data .dark{
	color:#FFFFFF;
	background:#57676F;
}
.data .action{
	border-right:0;
	border-left:0;
}
.data .tab{
	padding:0;
	text-align:center;
	background:#FFA109;
	border-bottom:0;
}
.data .comp{
	border-top:0;
}
.data .check, .data .parent{
	padding-top:10px;
}
.data .radio input, .data .radio label, .data .check input, .data .check label{
	float:left;
	vertical-align:middle;
}
.data .radio input, .data .check input{
	margin-right:5px;
}
.data .radio label, .data .check label{
	margin:3px 20px 0 0;
}
.data .field input{
	width:160px;
	color:#9EBBC9;
}
.data .field {
	width:450px;
	color:#9EBBC9;
}
.data .tools td{
	padding:5px 0 0 0;
	text-align:right;
	background:#FFFFFF;
}
.data .tools .back{
	text-align:left;
}
.data .sizer td{
	padding:0;
	background:none;
}
.data .sizer .size{
	font-size:1px;
}

/*     */
/* Les classes suivantes servent à formatter les TABLE générées par le template html  NPF_gridtable_002 */

.NPF_data_002{
	margin:10px 0;
	border-collapse:collapse;
	border:2px solid #FFFFFF
}
.NPF_data_002 table{
	width:100%;
}
.NPF_data_002 th, .NPF_data_002 td{
	font-weight:normal;
	text-align:left;
}
.NPF_data_002 .NPF_data_002, .NPF_data_002 .NPF_data_002 th, .NPF_data_002 .NPF_data_002 td{
	border:1px solid #E5E4E4;
}
.NPF_data_002 .NPF_data_002 tr{
	height:auto;
}
.NPF_data_002 th{
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	background:#FFA109;
}

.NPF_data_002 .sort{
	padding-right:15px;
}
.NPF_data_002 .NPF_data_002 td{
	background:#FFFFFF;
}
.NPF_data_002 td a{
	color:#666666;
}
.NPF_data_002 th a{
	color:#FFFFFF;
}
.NPF_data_002 .sortUp{
	float:right;
	margin:-13px -10px 2px 0;
	width:7px;
	height:4px;
}
.NPF_data_002 .sortDown{
	clear:right;
	float:right;
	margin:-6px -10px 2px 0;
	width:7px;
	height:4px;
}
.NPF_data_002 .big .sortUp{
	margin-top:-21px;
}
.NPF_data_002 .big .sortDown{
	margin-top:-13px;
}
.NPF_data_002 .empty{
	padding:0;
	background:#FFFFFF;
}
.NPF_data_002 .int{
	text-align:center;
}
.NPF_data_002 .devise{
	text-align:right;
}
.NPF_data_002 .dark{
	color:#FFFFFF;
	background:#57676F;
}
.NPF_data_002 .action{
	border-right:0;
	border-left:0;
}
.NPF_data_002 .tab{
	padding:0;
	text-align:center;
	background:#FFA109;
	border-bottom:0;
}
.NPF_data_002 .comp{
	border-top:0;
}
.NPF_data_002 .check, .NPF_data_002 .parent{
	padding-top:10px;
}
.NPF_data_002 .radio input, .NPF_data_002 .radio label, .NPF_data_002 .check input, .NPF_data_002 .check label{
	float:left;
	vertical-align:middle;
}
.NPF_data_002 .radio input, .NPF_data_002 .check input{
	margin-right:5px;
}
.NPF_data_002 .radio label, .NPF_data_002 .check label{
	margin:3px 20px 0 0;
}
.NPF_data_002 .field input{
	width:160px;
	color:#9EBBC9;
}
.NPF_data_002 .tools td{
	padding:5px 0 0 0;
	text-align:right;
	background:#FFFFFF;
}
.NPF_data_002 .tools .back{
	text-align:left;
}
.NPF_data_002 .sizer td{
	padding:0;
	background:none;
}
.NPF_data_002 .sizer .size{
	font-size:1px;
}

/* */
.center a.red{
	color:#CC3333;
	background:url(../img/puces/flc-red.gif) no-repeat left;
	text-decoration:none;
}

.tu1 .c1 .size{ width:140px; }
.tu1 .c2 .size{ width:80px; }
.tu1 .c3 .size{ width:85px; }
.tu1 .c4 .size{ width:85px; }

.tu2 .c1 .size{ width:220px; }
.tu2 .c2 .size{ width:175px; }
.tu2 .c3 .size{ width:60px; }
.tu2 .c4 .size{ width:60px; }

.tu3 tr{ height:25px; }
.tu3 .clear{ height:8px; }
.tu3 .check label{ width:180px; margin-right:0; }
.tu3 .c1 .size{ width:110px; }
.tu3 .c2 .size{ width:190px; }
.tu3 .c3 .size{ width:250px; }

.tu4 td{ padding:0 10px; }
.tu4 .c1 .size{ width:110px; }
.tu4 .c2 .size{ width:128px; }
.tu4 .c3 .size{ width:155px; }

.extranet-ta1 input{ width:90px; color:#9EBBC9; text-align:center; }
.extranet-ta1 input, .extranet-ta1 img{ vertical-align:middle; margin-left:5px; }
.extranet-ta2 input, .extranet-ta3 input{ color:#9EBBC9; }
.extranet-ta3 tr{ height:25px; }
.extranet-ta3 input{ float:right; margin:-16px 170px -10px 0; }
.extranet-ta3 .tools input{ float:none; margin:0;}
.extranet-ta1 .c1 .size, .extranet-ta2 .c1 .size, .extranet-ta3 .c1 .size{ width:170px; }
.extranet-ta1 .c2 .size, .extranet-ta2 .c2 .size, .extranet-ta3 .c2 .size{ width:320px; }
.extranet-ta4{ width:58px; }
.extranet-ta4 .c1 .size{ width:10px; }
.extranet-ta4 .c2 .size{ width:50px; }
.extranet-ta4 .c3 .size{ width:50px; }
.extranet-ta4 .c4 .size{ width:65px; }
.extranet-ta4 .c5 .size{ width:65px; }
.extranet-ta4 .c6 .size{ width:70px; }
.extranet-ta4 .c7 .size{ width:60px; }
.extranet-ta4 .c8 .size{ width:55px; }
.extranet-ta4 .c9 .size{ width:75px; }

.extranet-ta4 td, .extranet-ta4 th {
	border-style:solid;
	border-color:#FFFFFF;
	border-width:2px;
}

.extranet-ta4 tfoot th, .extranet-ta4 tfoot td {
	background-color:#FFFFFF;
}

.tg1{ width:100%; }
.tg1 .c1 .size{ width:10px; }
.tg1 .c2 .size{ width:80px; }
.tg1 .c3 .size{ width:75px; }
.tg1 .c4 .size{ width:110px; }
.tg1 .c5 .size{ width:70px; }
.tg1 .c6 .size{ width:65px; }
.tg1 .c7 .size{ width:60px; }
.tg1 .c8 .size{ width:70px; }

.te1{ width:100%; }
.te1 th{ text-align:left; }
.te1 td *{ vertical-align:middle; }
.te1 .c1{ width:10px; }
.te1 .c2{ width:140px; }
.te1 .c3 .size{ width:260px; }

.te2{ width:100%; }
.te2 th{ text-align:left; }
.te2 td *{ vertical-align:middle; }
.te2 .c1{ width:10px; }
.te2 .c2{ width:35px; }
.te2 .c3{ width:95px; }
.te2 .c4 .size{ width:120px; }
.te2 .c5 .size{ width:110px; }
.te2 .c6 .size{ width:80px; }
.te2 .c7 .size{ width:110px; }

.tf1{ width:100% }
.tf1 td *{ vertical-align:middle; }
.tf1 th{ text-align:left; }
.tf1 .c1 .size{ width:145px; }
.tf1 .c2{ width:100%; }

.ts1{ width:100% }
.ts1 td{ vertical-align:top; }
.ts1 .c1 .size{ width:50px; }
.ts1 .c2 .size{ width:50px; }
.ts1 .c3 .size{ width:50px; }
.ts1 .c4 .size{ width:60px; }
.ts1 .c5 .size{ width:90px; }
.ts1 .c6 .size{ width:80px; }
.ts1 .c7 .size{ width:85px; }
.ts1 .c8 .size{ width:65px; }

.ts2{ width:100%; }
.ts2 .c1{ width:10px; }

.pager {
	padding:5px 0;
	text-align:center;
	background-color:#FFFFFF;
}

.pager *{
	margin:0 5px;
	vertical-align:middle;
	background-color:#FFFFFF;
}

/****Start Buttons*****/

.nextStep{
	cursor:pointer;
	cursor:hand;
	border: 0px solid #000000;
	width:150px;
	height:30px;
	background:url(../img/btn/nextStep.gif) no-repeat bottom left;
}

.retour{
	cursor:pointer;
	cursor:hand;
	border: 0px solid #000000;
	width:100px;
	height:30px;
	background:url(../img/btn/retour.gif) no-repeat bottom left;
}

.prevStep{
	cursor:pointer;
	cursor:hand;
	border: 0px solid #000000;
	width:150px;
	height:30px;
	background:url(../img/btn/prevStep.gif) no-repeat bottom left;
}

.valider{
	cursor:pointer;
	cursor:hand;
	border:0px solid #000000;
	width:100px;
	height:30px;
	background:url(../img/btn/valider.gif) no-repeat bottom left;
}

.envoyer{
	cursor:pointer;
	cursor:hand;
	border:0px solid #000000;
	width:100px;
	height:30px;
	background:url(../img/btn/valider.gif) no-repeat bottom left;
}

.sortUp {
	cursor:pointer;
	cursor:hand;
	border:0px solid #000000;
	width:7px;
	width:7px!important;
	height:4px;
	height:4px !important;
	background:url(../img/puces/sortUp.gif) no-repeat bottom left;
}

.sortDown{
	cursor:pointer;
	cursor:hand;
	border:0px solid #000000;
	width:7px;
	width:7px!important;
	height:4px;
	height:4px !important;
  background:url(../img/puces/sortDown.gif) no-repeat bottom left;
}

.chevronUp{
	cursor:pointer;
	cursor:hand;
	border:0px solid #000000;
	width:28px;
	width:8px!important;
	height:28px;
	height:8px !important;
	background:url(../img/puces/ext_tabOff.gif) no-repeat bottom left;
}

.chevronDown{
	cursor:pointer;
	cursor:hand;
	border:0px solid #000000;
	width:28px;
	width:8px!important;
	height:28px;
	height:8px !important;
	background:url(../img/puces/ext_tabOn.gif) no-repeat bottom left;
}

/****End Buttons*****/


/***** ****** ******** *****/

/***** Popup *****/
body.popup{
	margin:0;
	padding:0;
	text-align:left;
	background:url(../img/popup/popup-bot.gif) no-repeat bottom right;
}
.popup .container{
	position:relative;
	margin:0;
	padding:128px 20px 40px 20px;
	height:1%;
	width:auto;
	text-align:left;
	background:url(../img/popup/popup-top.gif) no-repeat;
}
.popup a.close{
	z-index	:50;
	position:absolute;
	top:10px;
	left:350px;
	padding:0 0 0 8px;
	color:#54656D;
	white-space:nowrap;
	text-decoration:underline;
	background:url(../img/puces/flc-grey.gif) no-repeat 0 4px;
}
.popup h1, body.popup h2{
	float:left;
}
.popup h1{
	margin:0 10px 0 0;
}
.popup h2{
	margin:12px 0 10px 0;
	padding:0 0 6px 8px;
	color:#FFA610;
	font-weight:bold;
	font-size:18px;
	background:url(../img/h2-orange-fd.gif) no-repeat bottom left;
}
.popup .filed{
	margin:10px 0 0 0;
	width:100%;
	background:url(../img/nav/left-fd.gif) no-repeat bottom right;
}
.popup .filed td{
	padding:10px 20px;
}
.popup .filed .field input{
	border:1px solid #D6D1CF;
}
.popup .btn{
	text-align:right;
}

.centerL .popup{
	margin:auto;
	width:400px;
}

/***** ****** ******** *****/

/***** Portlet Factory Template Styles *****/

.NPF_DisplayTableWrapper {
	background:white;
}

.dataEntryGroupLabel {
	font-size:10px;
	background-color:#E6E6E6;
	color:black;
	font-weight:bold;
	margin:10px 0px 0px 0px;
	border-bottom:2px solid white;
	padding:5px;
}

.dataEntryField {
	font-size:10px;
	color:black;
	font-weight:bold;
}

.dataEntryFieldInnerContainer {
	overflow:hidden;
	border-bottom:2px solid white;
}

.dataEntryFieldLabel {
	background-color:#E6E6E6;
	float:left;
	width:150px;
	text-align:left;
	margin:1px;
	margin-bottom:-1000px;
	padding:5px 5px 1000px 5px;
	border-right:2px solid white;
}

.dataEntryFieldElement {
	background-color:#E6E6E6;
	text-align:left;
	margin-bottom:-1000px;
	padding:5px 5px 1000px 5px;
}

.dataEntryFieldClearSpacer {
	clear:both;
}

.ColumnCell{
            background-color:#00000;

}

.dataEntryFieldLabelCell {
	width:100px;
	padding:5px;
}
/***Modificateur de coordonnées portlet Begin***/
.SiteFactureSelectionRadioButtons{

color:#8F8284;
	font-size:10px;



}
/***Modificateur de coordonnées portlet END***/
.dataEntryFieldInputCell {
	background-color:#E6E6E6;
	//padding:5px;
}


/***** ****** ******** *****/