/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $


  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com


  Copyright (c) 2003 osCommerce

modif
background: #ffffff url('images/fond bati.jpg') repeat-x;
  
  Released under the GNU General Public License
*/


.boxText { font-family: Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Arial, sans-serif; font-size : 12px; color: #cc0033; font-weight: bold; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }


BODY {
	text-align: center;
	background:url("images/bg.gif");
	color: #000000;
	margin: auto;
	width:100%;
	font-family:Arial;
	font-size:12px;
	min-width:955px;
}
#footer {
	clear:both;
	text-align:right;
	font-size:1em;
	padding-top:22px;
	padding-right:10px;
	position:relative;
	z-index:100;
	overflow:auto;
	width:100%;
	}
#footer,
#footer a,
#footer a:visited,
#footer a:hover,
#footer a:active {
	color:#FF9900;
	text-decoration:none;
	line-height:1.2em;
	}
#footer div {
	float:right;
	}
#footer #rappelLogo {
	border-left:1px solid #aaa;
	margin-left:10px;
	}
#footer ul {
	margin-right:10px;
	padding:0px 0px 1px 0;
	list-style-type:none;
	}
#footer ul li {
	display:inline;
	border-right:1px solid #FF9900;
	padding:0 5px;
	list-style-type:none;
	}
#footer ul li.last {
	padding-right:0;
	border-right:0;list-style-type:none;
	}
#footer2 {
	height:235px;
	clear:both;
	background:transparent url(./images/footer/background-bottom.jpg) no-repeat scroll center top;
	position:relative;

	}
#footer2 a:hover {

}

div#footer2 div#pied-de-page ul li a:hover{
color: #FFF;
text-decoration: underline;
	}
#pied-de-page {
	color:white;
	margin:0 auto;
	padding:5px;
	width:955px;
	position:relative;
	overflow:hidden;   
	}

#pied-de-page ul.sepa2cols { width:580px; display:block; }
#pied-de-page ul.sepa2cols li.titrage {width:200px; }
#pied-de-page ul.sepa2cols li p span {display:block; float:left; margin:0 5px; width:48%; _width:45%; }
#pied-de-page p#contactBdP span.titrage { display:block; }

#pied-de-page p span img { width:155px; }

#pied-de-page ul li a{ color:white; }

#pied-de-page a:hover { color:#F00; }

.footerClear{ clear:left; }

ul#menuService { width:300px; position:relative; margin:0; height:80px; clear:right; *margin-right:665px; }
ul#menuService li { background:transparent url(./images/footer/amalgame-picto-pdp.png) no-repeat scroll; width:51px; display: block; height:80px; margin:0 5px 0 0; float:left;list-style-type:none; }
ul#menuService li a { width:100%; height:100%; display:block; }
ul#menuService li#fichePratique {background-position:-5px -7px;  }		ul#menuService li#fichePratique:hover {background-position:-5px -99.5px }
ul#menuService li#sav {background-position:-61px -7px }					ul#menuService li#sav:hover {background-position:-61px -99.5px }
ul#menuService li#faq {background-position:-285px -7px }				ul#menuService li#faq:hover {background-position:-285px -99.5px }
ul#menuService li#lexique {background-position:-173px -7px }			ul#menuService li#lexique:hover {background-position:-173px -99.5px }
ul#menuService li#paiementFacile {background-position:-229px -7px }		ul#menuService li#paiementFacile:hover {background-position:-229px -99.5px }
 
div#pied-de-page li.titrage span, div#pied-de-page span.titrage { border-bottom:1px dotted; color:#c0d4ee; display:block; font-size:1.1em; font-variant:small-caps; margin:0 0 5px; width:86%; list-style-type:none;}
 
ul#lienspartenaires { width:985px; }



a#slide-link-0:link, a#slide-link-0:visited {
color : #fff;
text-decoration : none;
}
a#slide-link-1:link, a#slide-link-1:visited {
color : #fff;
text-decoration : none;
}
a#slide-link-2:link, a#slide-link-2:visited {
color : #fff;
text-decoration : none;
}
div.wrap {

font-size : 11px;
line-height : 16px;
font-family : Tahoma, sans-serif;
width : 567px;
}
div#top div#nav {
float : left;
clear : both;
width : 567px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 567px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;

}
div#header {
margin : -1px 0 0;
}
div#video-header {
height : 567px;
margin : -1px 0 0;
}
div#header div.wrap {
height :  178px;

}
div#header div#slide-holder {

width : 575px;
height :  400px;
position : absolute;

}
div#header div#slide-holder div#slide-runner {
width : 567px;
height : 408px;
overflow : hidden;
position : absolute;
}
div#header div#slide-holder img {
margin : 3px;
display : none;
position : absolute;
overflow : hidden;
}
div#header div#slide-holder div#slide-controls {
left : 0;
color : #fff;
bottom : 350px;	width : 567px;
height : 46px;
display : none;
position : absolute;
background : url(images/slide-bg.png) 0 0;
}
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}

div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(images/pub_defilante/silde-nav.png);
}
div#nav ul li a {
background : url(images/pub_defilante/nav.png) no-repeat;
}


#promo
{
background: #d72a2e ;
color: white;
font-size:14px;
}


.fixcenter {
  width: 955px;
  min-width:600px;
  border: solid; border-width: 0px; border-color: #87e815;
  background: #FFFFFF;
  color: #000000;
  margin: auto;
  margin-top: 0px;
  text-align: center;
}


A {
  color: #000;
  text-decoration: none;
}


A:hover {
  color: #2D4F81;
  text-decoration: underline;
}


FORM {
	display: inline;
}


TD.header {
  background:  #697da0 url("images/header.jpg") no-repeat;
  min-width:400px;
  z-index: 50;
}

.lien_destock {
	width: 180px;
	height: 120px;
	position: absolute;
	left: 73%;
}

TR.headerNavigation {
  background: #999999;
}


TD.headerNavigation {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  font-weight : bold;
}


A.headerNavigation { 
  color: #FFFFFF; 
}


A.headerNavigation:hover {
  color: #ffffff;
}


TR.headerError {
  background: #ff0000;
}


TD.headerError {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}


TR.headerInfo {
  background: #00ff00;
}


TD.headerInfo {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}


TR.footer {
  background: #999999;
}


TD.footer {
  font-family: Arial, sans-serif;
  font-size: 10px;
  background: #999999;
  color: #ffffff;
  font-weight: bold;
}


.infoBox {
  background: #FFF;
}


.infoBoxContents {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #000;
}


.infoBoxNotice {
  background: #999999;
}


.infoBoxNoticeContents {
  background: #999999;
  font-family: Arial, sans-serif;
  font-size: 12px;
}


TD.infoBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: #697da0 url("images/fondmenu.jpg") repeat-x;
  color: #ffffff;
}


TD.infoBox, SPAN.infoBox {
  font-family: Arial, sans-serif;
  font-size: 11px;
}


.contentBox {
  background: #ffffff;
}


TD.contentBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: #999999 url("images/fondmenu.jpg") repeat-x;
  color: #ffffff;
}


.contentBoxContents {
  background: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 11px;
}




.BestSellersBox {
  background: #999999;
}
TD.BestSellersBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: #999999 url("images/fondmenu.jpg") repeat-x;
  color: #ffffff;
}
.BestSellersBoxContents {
  background: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 11px;
}




.CategoriesBox {
  background: #999999;
}
TD.CategoriesBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background-position: top;
  background-color: #FFF;
  color: #ffffff;
}
.CategoriesBoxContents {
  background-color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 11px;
}




.CurrenciesBox {
  background: #999999;
}
TD.CurrenciesBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: #999999;
  color: #ffffff;
}
.CurrenciesBoxContents {
  background: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 11px;
}




.InformationBox {
  background: #999999;
}
TD.InformationBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: #697da0 url("images/fondmenu.jpg") repeat-x;
  color: #ffffff;
}
.InformationBoxContents {
  background: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 11px;
}




.LanguagesBox {
  background: #999999;
}
TD.LanguagesBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: #999999 url("images/fondmenu.jpg") repeat-x;
  color: #ffffff;
}
.LanguagesBoxContents {
  background: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 11px;
}




.ManufacturerInfoBox {
  background: #999999;
}
TD.ManufacturerInfoBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: #999999 url("images/fondmenu.jpg") repeat-x;
  color: #ffffff;
}
.ManufacturerInfoBoxContents {
  background: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 11px;
}




.ManufacturersBox {
  background: #999999;
}
TD.ManufacturersBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: #999999 url("images/fondmenu.jpg") repeat-x;
  color: #ffffff;
}
.ManufacturersBoxContents {
  background: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 11px;
}




.OrderHistoryBox {
  background: #999999;
}
TD.OrderHistoryBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: #697da0 url("images/fondmenu.jpg") repeat-x;
  color: #ffffff;
  height:14px;
}
.OrderHistoryBoxContents {
  background: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 11px;
}




.ProductNotificationsBox {
  background: #999999;
}
TD.ProductNotificationsBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: #999999 url("images/fondmenu.jpg") repeat-x;
  color: #ffffff;
}
.ProductNotificationsBoxContents {
  background: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 11px;
}




.ReviewsBox {
  background: #999999;
}
TD.ReviewsBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: #999999 url("images/fondmenu.jpg") repeat-x;
  color: #ffffff;
}
.ReviewsBoxContents {
  background: #ffffff;
  font-family: Arial, sans-serif;

  font-size: 11px;
}




.SearchBox {
  background: #999999;
}
TD.SearchBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #999999 url("images/fondmenu.jpg") repeat-x;
  color: #ffffff;
}
.SearchBoxContents {
  background: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 10px;
}




.ShoppingCartBox {
  background: #6c85c7;
  border:0px;
}
TD.ShoppingCartBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: #6c85c7 url("images/shoppingcb 2.jpg") no-repeat;
  color: #ffffff;
}
.ShoppingCartBoxContents {
  background: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 11px;
  
  
}




.SpecialsBox {
  background: #999999;
}
TD.SpecialsBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: #999999 url("images/fondmenu.jpg") repeat-x;
  color: #ffffff;
}
.SpecialsBoxContents {
  background: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 11px;
}




.TellaFriendBox {
  background: #999999;
}
TD.TellaFriendBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: #999999 url("images/fondmenu.jpg") repeat-x;
  color: #ffffff;
}
.TellaFriendBoxContents {

  background: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 11px;
}




.WhatsNewBox {
  background: #999999;
}
TD.WhatsNewBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: #999999 url("images/fondmenu.jpg") repeat-x;
  color: #ffffff;
}
.WhatsNewBoxContents {
  background: #cfcfcf;
  font-family: Arial, sans-serif;
  font-size: 11px;
}


TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd {
  background: #ffffff;
}

TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #ffffff;
}


TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #ffffff;
}


TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #999999;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Arial, sans-serif;
  font-size: 10px;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-heading {
  font-family: Arial, sans-serif;
  font-size: 10px;
  background: url("images/fondmenu.jpg") repeat-x;
  color: #FFFFFF;
  font-weight: bold;
}


TD.productListing-data {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight:bold;
  
}

A.productListing-data {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight:bold;
  text-decoration:underline;
}

A.pageResults {
  color: #0000FF;
}


A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}


TD.pageHeading, DIV.pageHeading {
  font-family: Arial, sans-serif;
  font-size: 35px;
  font-weight: bold;
  color: #2d4f81;
  text-align:center;
  height: 40px;
}


TR.subBar {
  background: #f4f7fd;
}


TD.subBar {
  font-family: Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}


TD.main, P.main {
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
}


TD.smallText, SPAN.smallText, P.smallText {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: none;
}


TD.accountCategory {
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}


TD.fieldKey {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}


TD.fieldValue {
  font-family: Arial, sans-serif;
  font-size: 12px;
}


TD.tableHeading {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}


SPAN.newItemInCart {
  font-family: Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}


CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Arial, sans-serif;
  font-size: 11px;
}


TEXTAREA {
  width: 100%;
  font-family: Arial, sans-serif;
  font-size: 11px;
}


SPAN.greetUser {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}


TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}


TD.formAreaTitle {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}



SPAN.markProductOutOfStock {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}


SPAN.productSpecialPrice {
  font-family: Arial, sans-serif;
  color: #ff0000;
}


SPAN.errorText {
  font-family: Arial, sans-serif;
  color: #ff0000;
}


.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; }
.moduleRowSelected { background-color: #E9F4FC; }


.checkoutBarFrom, .checkoutBarTo { font-family: Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Arial, sans-serif; font-size: 12px; color: #FF0000; }


/* message box */


.messageBox { font-family: Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Arial, sans-serif; font-size: 10px; background-color: #99ff00; }


/* input requirement */


.inputRequirement { font-family: Arial, sans-serif; font-size: 10px; color: #ff0000; }


.cssButton {
  background: #697da0 url("images/fondmenu.jpg") ;
  color: #FFFFFF;
  width: 120px;
  height: 22px;
  vertical-align: top;
  font-weight: normal;
  font-family: Arial, sans-serif;
  font-size: 10px;

  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border: 1px;
  border-style: solid;
  border-color: #8493b6;
  border-spacing: 1px;
}

span .cssButton {
  background: #697da0 url("images/fondmenu.jpg") ;
  color: #FFFFFF;
  width: 120px;
  height: 22px;
  vertical-align: top;
  font-weight: normal;
  font-family: Arial, sans-serif;
  font-size: 10px;

  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border: 1px;
  border-style: solid;
  border-color: #8493b6;
  border-spacing: 1px;
}


#thecategories a:hover {
	background-color: #6AB023;
	color: #FFF;
}

#thecategories2 a:hover {
	background-color: #6AB023;
	color: #FFF;
}

.InformationBoxContents a:hover {
	background-color: #6AB023;
	color: #FFF;
}

.catwithsubs, .catwithnosubs {
	padding-right: 5px;
}


#thecategories {
	width: 160px;
	z-index: 100;
}

#thecategories2 {
	position: relative;
	top: -9px;
	margin-bottom: -16px;
	width: 160px;
}


.activelink {
	display: block;
	font-weight: bold;
}


#thecategories a {
	display: block;
	padding-bottom: 7px;
	padding-top: 3px;
	width: 100%;
}

#thecategories2 a {
	display: block;
	padding-bottom: 7px;
	padding-top: 3px;
	width: 100%;
}


/*mozilla fix*/
html>body #thecategories a {
	width: auto;
}
html>body #thecategories2 a {
	width: auto;
}
/*end of mozilla fix*/
#topcatspec a {padding-left: 5px; font-size:12px; width: 100%; height: 24px; vertical-align: middle; padding-top: 2px;}
#topcatspec a:hover{font-size:12px; background-color: #6ab023; width: 100%; vertical-align: middle; color: #FFF; padding-top: 2px; padding-left: 5px;}


#topcat1 a {padding-left: 5px;
font-size:13px; margin-top:2px;}
#topcat2 a {padding-left: 5px;
font-size:13px;}
#topcat3 a {padding-left: 5px;
font-size:13px;}
#topcat4 a {padding-left: 5px;
font-size:13px;}
#topcat5 a {padding-left: 5px;
font-size:13px;}
#topcat6 a {padding-left: 5px;
font-size:13px;}
#topcat61 a {padding-left: 5px;
font-size:13px;}
#topcat7 a {padding-left: 5px;
font-size:13px;}
#topcat8 a {padding-left: 5px;
font-size:13px;}
#topcat9 a {padding-left: 5px;
font-size:13px; margin-bottom: 2px;}
#topcat10 a {padding-left: 5px;
font-size:13px;}
#topcat11 a {padding-left: 5px;
font-size:13px;}
#topcat12 a {padding-left: 5px;
font-size:13px;}
#topcat13 a {padding-left: 5px;
font-size:13px;}
#topcat14 a {padding-left: 5px;
font-size:13px;}

#topcat151 a {padding-left: 5px;
font-size:13px;}
#topcat161 a {padding-left: 5px;
font-size:12px;}

#topcat15 {font-size:13px; width: 100%; height: 24px; vertical-align: middle; padding-top: 2px;}

#topcat15 a {padding-left: 5px; font-size:13px; width: 100%; height: 24px; vertical-align: middle; padding-top: 2px;}

#topcat15 a:hover {font-size:13px; background-color: #6ab023; width: 100%; vertical-align: middle; color: #FFF; padding-top: 2px;}

#topcat16 {font-size:13px; width: 100%; height: 24px; vertical-align: middle; padding-top: 2px;}

#topcat16 a {padding-left: 5px; font-size:13px; width: 100%; height: 24px; vertical-align: middle; padding-top: 2px;}

#topcat16 a:hover {font-size:13px; background-color: #6ab023; width: 100%; height: 24px; vertical-align: middle; color: #FFF; padding-top: 2px;}

#topcat51 a {padding-left: 5px;
font-size:13px;}
#topcat52 a {padding-left: 5px;
font-size:13px;}
#topcat53 a {padding-left: 5px;
font-size:13px;}
#topcat54 a {padding-left: 5px;
font-size:13px;}
#topcat55 a {padding-left: 5px;
font-size:13px;}

#secondcat1 a {padding-left: 20px;}
#secondcat2 a {padding-left: 20px;}


#topcat10n
{
padding-left: 5px;
text-align:center;

font-size:14px;
background-color: #6AB023;
}


.hdrTab0 {
	background: #FFFFFF url("images/HeaderTab/tab0.jpg") repeat-x;
	color:#FFF;
}

.hdrTab0 a {
	color:#FFF;
}

.hdrTab0A {
	background: #FFFFFF url("images/HeaderTab/tab0A.jpg") no-repeat;
	color:#FFFFFF;
	font-weight:bold;
}

.hdrTabD {
	background: url("images/HeaderTab/tab0de.jpg") repeat-x #ff7a7b;
	color:#FFFFFF;
	font-weight:bold;
}

.hdrTabD a {
	color:#FFFFFF;
	font-weight:bold;
}

.hdrtabback{
	font-family:Arial;
	font-size:13px;
	font-weight: bold;
	background: #7c91b0 url("images/HeaderTab/tabbot.gif") repeat-x; 
	}
	
TD.BoxHeadingSearch {
 background: #7c91b0;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}
A.BoxHeadingSearch {
 color: #000000;
}
A.BoxHeadingSearch:hover {
 color: #1165FF;
}

.ar1 {
	background: url("images/ombre.gif") repeat-x;
	height:10px;
	width: 955px;
}
.ar10 {
	color:#ffffff;
	font-family: Arial, sans-serif ;
	font-size:10px;
	background: #7c91b0;
	}
.ar11 {
	font-family: Arial, sans-serif ;
	font-size:10px;
	background: #7c91b0;
	color:#000000;
	text-align: right;
	}
.ar11 a{
	font-family: Arial, sans-serif ;
	font-size:10px;
	background: #7c91b0;
	color:#FFFFFF;
	text-align: right;
	}
	
	
#aligndroite{
	float:right;
	}
#alignegauche{
	float:none;
	background: #000000;
	color:#FFFFFF;
	}


.fondcoul {background: #FFFFFF;}
.paie{font-size:10px; text-align:center}

.PUB {background:#000000; color:#CCCCCC; font-size:11px; font-weight:bold; text-align:center; border-collapse:collapse; height:50px; cursor:pointer;}

.descco {font-size:11px; font-weight:200; color: #757575; font-style:italic; text-decoration:none}

.flash{background:url("images/bandevertetab.gif") repeat-x;}
.coeur{background:url("images/bandejaunetab.gif") repeat-x;}

.indbio {background:url("images/bande bio.gif") repeat-x; text-align:center; vertical-align:middle; font-size:24px; color:#CCCCCC}
.indnhp {background:url("images/bande nhp.gif") repeat-x; text-align:center; vertical-align:middle;}

.garantietab {background:url("images/GARANTIES/fond.gif") no-repeat;}
.garantie {background:url("images/GARANTIES/fondrep.gif") repeat-x;}

.garanti{
	font-weight: bold;
	color: #6ab023;
}

.tabledilh {font-family:Arial; font-size:13px; font-weight:bold; border:solid black 1px; border-collapse:collapse; background-color:#727fb0; color:#FFFFFF; }
.tabledilv {font-family:Arial; font-size:13px; font-weight:bold; border:solid black 1px; border-collapse:collapse; background-color:#6ab023; color:#FFFFFF;}
.tableconso {font-family:Arial; border-collapse:collapse; font-size:12px; text-align:center; border:solid black 1px; cursor: pointer}
.border {border:1px solid black; font-size:11px; font-weight:600; background:#FFFFFF}
.borderp {border:1px solid black; font-size:11px; font-weight:600; background:#CCCCCC; color:#000000}
.borderr {border:1px solid black; font-size:12px; font-weight:800; background:#FFFFFF; color:#FF0000}

#menu {position:relative; top:0px; left:0px; width: 30px;z-index:450;}
#menu a.p1, #menu a.p1:visited {display:block; width:25px; height:25px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#menu a img {border:0;}
#menu a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#menu a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#menu a.p1:hover .large {display:block; position:absolute; top:-200px; left:-300px; width:auto; height:auto; border:2px solid #fdcc03;}


/* Supertracker Styles */
.supertracker_menu {background: #ddd; border: 1px solid #aaa; padding: 10px;}
.supertracker_title {font-family: Tahoma, Verdana, Arial; font-size: 16px; font-weight: bold; }
.supertracker_section {margin-top: 10px;}
.supertracker_sub_title {font-family: Tahoma, Verdana, Arial; font-size: 14px; text-decoration: underline; font-weight: bold; }
A.supertracker_link { font-family: Tahoma, Verdana, Arial; font-size: 11px; text-decoration: underline; margin: 5px 10px 5px 10px;}
.supertracker_text { font-family: Tahoma, Verdana, Arial; font-size: 11px;}
.supertracker_contact {font-family: Tahoma, Verdana, Arial;font-size: 11px; width: 100%;background: #aaa;	padding: 5px;	margin: 10px 0 10px 0; border: 1px solid #000;}
/* Supertracker Styles EOF */

#FT a {
color:blue;
text-decoration:underline;
}

.ssmenu{
	height: 20px;
	width: 100%;
	background-color: #fff;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
}

#ssmenu ul a li:hover {
	background-color: #6AB023;
	color: #000
}

#ssmenu ul a:hover {
	background-color: #6AB023;
	color: #FFF;
}

.box_info{
	padding-left: 5px;
font-size:12px;
margin-left: 3px;
}

.box_info a{
	padding-left: 5px;
font-size:12px;
margin-left: 3px;
}

.box_info a:hover{
	padding-left: 5px;
font-size:12px;
margin-left: 3px;
}

.input_search {
	width: 160px;
	height:19px;
	top: -7px;
	vertical-align: top;
	margin-top: 3px;
	background-color: #FFF;
	border: solid 1px #999999;
	font-size: 11px;
	font-family: arial;
	color: #5d5d5d;
	margin-left: 70px;
}

.input_search:focus {
	background-image: none;
	width: 160px;
	height:19px;
	top: -7px;
	vertical-align: top;
	margin-top: 3px;
	background-color: #FFF;
	border: solid 1px #999999;
	font-size: 11px;
	font-family: arial;
	color: #5d5d5d;
	margin-left: 70px;
}

a.ss_cat {
	color: #000;
	text-decoration: underline;
	line-height: 20px;
}

a.ss_cat:hover {
	color: #000;
	text-decoration: none;
	line-height: 20px;
}

/*
--------------------------------------------------------
		INFOBULLE DU MENU HORIZONTAL
--------------------------------------------------------
*/
.tTip {cursor: pointer;}
.tip {color: #333;}

.tip {
	width: 250px;
	padding-top: 15px;
	overflow: hidden;
	display: none;
	position: absolute;
	margin-top: 25px;
	z-index: 500;
	background: transparent url(http://bati-traitement.fr/javascript/images/tipTop.png) no-repeat;}
	
.tipMid {background: transparent url(http://bati-traitement.fr/javascript/images/tipMid.png) repeat-y; padding: 0px 13px 0px 13px;}
.tipBtm {background: transparent url(http://bati-traitement.fr/javascript/images/tipBtm.png) no-repeat bottom; height: 31px;}

/*
--------------------------------------------------------
		CSS DU MODULE ENVOYE A UN AMI
--------------------------------------------------------
*/

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
  
}

#boxes #dialog {
  width:375px; 
  height:203px;
  padding:10px;
  background-color:#ffffff;
}

#boxes #dialog1 {
  width:375px; 
  height:203px;
}

#dialog1 .d-header {
  background: url('images/friends/fond_ami.png') no-repeat 0 0 transparent; 
  width: 250px; 
  height: 180px;
}

#dialog1 .d-header input {
	width: 147px;
	height: 16px;
	border: solid 1px #999999;
	margin-left: 20px;
	margin-top: -5px;
	font-family: arial;
	font-size: 11px;
	color: #999999;
}

#dialog1 .d-blank {
  float:left;
  background:url(images/friends/login-blank.png) no-repeat 0 0 transparent; 
  width:267px; 
  height:53px;
}

#dialog1 .d-login {
  float:left;
  width:108px; 
  height:53px;
}

#boxes #dialog2 {
	background:url(images/friends/notice.png) no-repeat 0 0 transparent; 
	width: 326px; 
	height: 229px;
	padding: 50px 0 20px 25px;
}

.button {
	padding: 4px 10px 3px 25px;
	border: solid 1px #8AB134;
	position: relative;
	cursor: pointer;
	display: inline-block;
	background-image: url('images/friends/bkg.png');
	background-repeat: repeat-x;
	font-size: 11px;
	height: 16px;
	text-decoration: none;
	color: #40740D;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 15px;

}
.button img {
	position: absolute;
	top: -4px;
	left: -12px;
	border: none;
}
.button:hover {
	color: #8AB134;
}





/* Breite beschränken */
div.limiter {
	text-align: left;
	width: 150px;
	height: 250px;
	float: left;
	margin-left: -40px;
}

/* Listen */

ul#portfolio li img{
	border: 1px solid #999999;
}

.limiter ul {list-style:none;}


#slider ul, #slider li {
	margin:0;
	padding:0;
	list-style:none;
}
#slider li { 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width: 152px;
	height: 252px;
	overflow:hidden; 
}
			
div#open {
	background-image: url('/images/fondpop_up.png');
	background-repeat: no-repeat;
	width: 248px;
	height: 150px;
}

div#001 {
	margin-top: -240px;
	margin-left: 100px;
}

div#002 {
	margin-top: -200px;
	margin-left: 100px;
}

div#003 {
	margin-top: -260px;
	margin-left: 100px;
}



#page-wrap {
    float: left;  
}


#slider_pouet{
	background: url(images/slider-bg.gif);
	height: 116px;
	width: 585px;
	overflow: hidden;
}

/* DEFAULT is for three panels in width, adjust as needed
   This only matters if JS is OFF, otherwise JS sets this. */
#mover{
	width: 585px;
	position: relative;
}

.slide{
	padding: 40px 0px;
	width: 585px;
	float: left;
	margin-top: -20px;
	position: absolute;

}

.slide p{
	color: #FFF;
	font-size: 18px;
	font-family: arial;
	font-weight: bold;
        width: 320px;
        text-align: left;
        float: left;
        margin-left: 90px;    
}
.slide img{
	position: absolute;
	top: 20px;
	left: 400px;
	border: none;
z-index:-1;
}

#trans {
        width: 585px;
        height: 120px;
        float: left;
        position: relative;
        margin-top: -120px;
        margin-left: 5px;
}


/* css pour la tooltip lien avec preview */
#screenshot{
        position:absolute;
        border: solid 1px #7C91B0;
        display:none;
        color:#fff;
        margin-top: -200px;
        margin-left: -110px;
}
/* css pour la tooltip image preview */
#preview{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}
/* css pour la tooltip normal */
#tooltip{
        position:absolute;
        border:1px solid #333;
        background:#f7f5d1;
        padding:2px 5px;
        color:#333;
        display:none;
}

#panel
	{
		position : absolute;
                left: 80%;
                width: 250px;
                height: 400px;
                display: none;
                visibility: hidden;
                z-index: 999999999;
	}

#message_box {
                position: absolute;
                top: 0; left: 82%;
                z-index: 99999999999999999;
                text-align:center;
                font-weight:bold;
                width: 220px;
                height: 110px;
                color: #FFF;
                background-image: url('http://bati-traitement.fr/images/fondpop_up.png');
                background-repeat: no-repeat;
                background-position: center center;
}

#chemin_navigation {
    float: left;
    width: 500px;
    text-align: left;
    padding-top: 5px;
    font-weight: bold;
}

#chemin_navigation .li {
    float: left;
    font-size: 10px;
    font-family: Arial;
    color: #FFF;
    list-style-type: none;
    background-color: none;
    margin-top: 4px;
    margin-right: 7px;
}

#chemin_navigation .li a {
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
}

#chemin_navigation .li a:hover {
    text-decoration: underline;
    color: #FFF;
}

@charset "UTF-8";

.TabbedPanels {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
	background-color:#FFF;
}


.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 0.7em sans-serif;
	
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-color: solid 1px #6AB023;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	
}


.TabbedPanelsTabHover {
	background-image:url(../5.png)
}


.TabbedPanelsTabSelected {
	background-image:url(../5.png)
	
}

.TabbedPanelsTab a {
	color : #6AB023;
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #FFF;
	border-color: #6AB023;
	width:590px;
}

.TabbedPanelsContent {
	overflow: hidden;
	padding: 2px;
	
}

.TabbedPanelsContentVisible {

}



.VTabbedPanels {
	overflow: hidden;
	zoom: 1;
}

.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #FFF;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}


.VTabbedPanels .TabbedPanelsTabSelected {
	background-image:url(5.png)
	
}

.VTabbedPanels .TabbedPanelsContentGroup {
background-color: #FFF;
	clear: none;
	float: left;
	padding: 0px;
	width: 100%;
	height: 20em;
}

/* Styles for Printing */
@media print {
.TabbedPanels {
	overflow: visible !important;
}
.TabbedPanelsContentGroup {
	display: block !important;
	overflow: visible !important;
	height: auto !important;
}
.TabbedPanelsContent {
	overflow: visible !important;
	display: block !important;
	clear:both !important;
}
.TabbedPanelsTab {
	 overflow: visible !important;
	 display: block !important;
	 clear:both !important;
}


}