/**
 * 
 * @version $Revision $
 * @cvs $id $
 */
/**********************************************************************************************************
 *                                                                 SPECIFICATIONS GENERALES
 ***********************************************************************************************************/
body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	color: #000000;	
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
}

h1{

}

h2{

}

h3{

}

h4{

}

p {

}

img {
	border: 0px;
}

a:link {		
	color: #67b872;font-weight:bold;
	text-decoration: underline;
}

a:visited {		
	color: #67b872; font-weight:bold;
	text-decoration: underline;
}

a:hover {		
	color: #67b872; font-weight:bold;
	text-decoration: none;
}

a:active{		
	color: #67b872; font-weight:bold;
	text-decoration: none;
}


table {
	border-collapse: collapse;
}

input{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
	color: #000000;
	background-color:#FFFFFF;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
	color: #000000;
	background-color:#FFFFFF;
	border: 1px inset;
	padding-left: 2px;
	height: 100px;
}

select {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px;
	color: #000000;
	background-color:#FFFFFF;
	border: 1px inset;
}

label{
	position: relative;
	top: -3px;
	text-align: right;
	margin-right: 5px;
}

ul{
}

li{
}

/**********************************************************************************************************
 *                                                                 SPECIFICATIONS ELEMENTS DIVERS
 ***********************************************************************************************************/
label.block{
	position: relative;
	top: 4px;
	display: block;
	width: 150px;
	float: left;
	text-align: right;
	vertical-align: bottom;
	margin-right: 5px;
}

span.fakeInput{
	display: block;
	float: left;
	text-align: left;
	background-color: #ffffff;
}

span.dateSelector{
	background-image: url(../images/img.php?file=icons/calendar.gif);
	background-repeat: no-repeat;
	background-position: right 1px;
}

.trigger{
    cursor: pointer;
}

.center{
	text-align:center;
}

.left{
	text-align:left;
}

.right{
	text-align:right;
}

/**********************************************************************************************************
 *                                                                 SPECIFICATIONS EXPANDABLE BUTTON
 ***********************************************************************************************************/
button.expandableButton, 
button.expandableInputButton,
button.expandableButtonOn ,
button.expandableInputButtonOn {
	border: 0px solid; 
	cursor: pointer; 
	margin-left: 2px; margin-right: 2px;
	padding: 0px; padding-right: 2px;
	background-color: #ffffff;
	background : url(../images/img.php?file=boutons/resizableButtonRightOff.gif) right no-repeat;
	overflow: visible;
}

button.expandableInputButton,
button.expandableInputButtonOn {
	width: 91px;
}

button.expandableButton span, 
button.expandableInputButton span ,
button.expandableButtonOn span, 
button.expandableInputButtonOn span {
	display: block; 
	padding: 0px; padding-left: 26px; padding-right: 2px; padding-bottom: 1px;
	line-height: 21px;
	background : url(../images/boutons/resizableButtonLeftOff.gif) left no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;
	color: #ffffff;
}

button.expandableButton span img,  
button.expandableInputButton span img,
button.expandableButtonOn span img,  
button.expandableInputButtonOn span img{
	margin: 0px; margin-right: 5px; margin-bottom: 2px;
	vertical-align: middle;
}

button.expandableButtonOn , button.expandableInputButtonOn {
	background : url(../images/boutons/resizableButtonRightOn.gif) right no-repeat;
}

button.expandableButtonOn span, button.expandableInputButtonOn span{
	background : url(../images/boutons/resizableButtonLeftOn.gif) left no-repeat;
	color: #ffffff;
}

button.buttonPanier, button.buttonPanierOn {
	width: 107px; height: 38px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;
	color: #FFFFFF;
	border: 1px solid white;
	background-color: #FFFFFF;
	background-image : url(../images/boutons/inputButtonPanierOff.gif);
	cursor: pointer;
	padding-bottom: 3px;text-align:left;
	padding-left:25px;padding-right:3px;
	white-space:nowrap;
}

button.buttonPanierOn {
	background-image : url(../images/boutons/inputButtonPanierOn.gif);
}


/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR LES INPUT.BUTTON
 ***********************************************************************************************************/
input.button, input.buttonOn {
	width: 91px; height: 19px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;
	color: #FFFFFF;
	border: 0px solid;
	background-color: #FFFFFF;
	background-image : url(../images/boutons/inputButtonOff.gif);
	cursor: pointer;
	padding-bottom: 3px;text-align:left;
	padding-left:25px;
}

input.buttonOn {
	background-image : url(../images/boutons/inputButtonOn.gif);
}

input.buttonAdd {
	background-image : url(../images/boutons/inputButtonAddOff.gif);
}

input.buttonCancel {
	background-image : url(../images/boutons/inputButtonCancelOff.gif);
}

input.buttonDelete {
	background-image : url(../images/boutons/inputButtonDeleteOff.gif);
}

input.buttonValidate {
	background-image : url(../images/boutons/inputButtonValidateOff.gif);
}

input.iconButton{
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	text-decoration: none;
}

input.iconButtonDelete{
	background-image : url(../images/img.php?file=icons/delete.gif);
}

input.iconButtonUpdate{
	background-image : url(../images/img.php?file=icons/pencil.png);
}

input.file {
	height: 17px;
	font-family: Arial, Helvetica, sans-serif; font-size: 11px;
	border: 1px inset;
	color: #000000;
}

/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR LES INPUT
 ***********************************************************************************************************/
input.text, input.shortText, input.middleText, input.mediumText, input.longText, input.longlongText, input.wideText, span.fakeInput {
	height: 17px;
	font-family: Arial, Helvetica, sans-serif; font-size: 11px;
	color: #000000;
	border: 1px inset;
	margin-bottom: 3px;
	padding-top: 2px; padding-left: 2px;
}

input.tinyText, textarea.tinyText, select.tinyText, span.tinyText {
	width: 75px;
}

input.shortText, textarea.shortText, select.shortText, span.shortText {
	width: 150px;
}

input.middleText, textarea.middleText, select.middleText, span.middleText {
	width: 200px;
}

input.mediumText, textarea.mediumText, select.mediumText, span.mediumText {
	width: 200px;
}

input.longText, textarea.longText, select.longText, span.longText {
	width: 250px;
}

input.longlongText, textarea.longlongText, select.longlongText, span.longlongText {
	width: 350px;
}

input.wideText, textarea.wideText, select.wideText, span.wideText {
	width: 500px;
}

input.error, textarea.error, select.error, span.error  {
	background-color: #FFA500;
}

input.disabled, span.disabled{
	background-color: #EFEEE8;
}

select.shortText, select.middleText, select.longText{
	font-size: 12px;
}

img.iconInput{
	position: relative;
	top: 2px;
	margin-left: 3px;
	margin-right: 3px;
}

/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR LES ELEMENTS STRUCTURANTS L'INTERFACE
 ***********************************************************************************************************/
div#main{
	width: 990px; height:300px;	
	position: relative;
	padding: 0px;
	margin: 0px; margin-right: auto; margin-left: auto;
	overflow: visible;
}

div#header{
	height: 171px;
	background-image:url(../images/design/header.jpg); background-position:top; background-repeat:no-repeat;
}

div#menuBar{
	height:31px; width:990px;
	z-index: 10000;
	background-image:url(../images/design/menuBarBackground.jpg); background-position: left top; background-repeat:no-repeat;
	margin-bottom:4px;
}

div#menuBar div.menu{
	height:28px; width: 712px;
	margin-left: 278px;
	/*background-color: #CB007A;*/
}

div#itemsRail{
	height: 22px;
	padding-top: 11px; padding-left: 17px;
	margin-top: 4px;
}

div#itemsRail img.bullet{

}

div#itemsRail a.railItem{
	font-weight: bold; font-size: 14px; color: #F79239;
	text-decoration: none;
}

div#itemsRail a.railItemAlone{
	font-weight: bold; font-size: 14px; color: #F79239;
	text-decoration: none;
}

div#itemsRail span.railItem{
	font-weight: bold; font-size: 14px; color: #59ba76;
}

div#itemsRail span.railItemAlone{
	font-weight: bold; font-size: 14px; color: #F79239;
}

div#itemsRail span#railItemLast{

}

div#itemsRail span.railItemFirstLetter{
	margin-right : 5px;
	font-weight: bold; font-size: 18px; color: #2E77C0;
}
table#mainContent{
	width:990px;
}

td#mainContentLeft{
	width:182px; 
	padding-right:13px;
}

td#mainContentRight{
	width:182px; 
	padding-left:13px;
}

td#mainContentCenter{
	background-color: #ffffff;
	width:795px;
	background: url(../images/design/backgroundPageFooter.jpg) bottom no-repeat;
	padding-bottom:16px;
	
}

td#mainContentCenter div#pageHeader{
	margin:0px;padding:0px;
	width:100%;height:35px;
	background: url(../images/design/backgroundPageHeader.jpg) top no-repeat;
	padding-bottom:15px;
}

td#mainContentCenter div#pageFooter{
	position:absolute;bottom:0px;
	margin:0px;padding:0px;
	width:795px;height:11px;	
	background-color:#ffffff;
	padding-bottom:5px;
}

td#mainContentCenter div#page{
	background: url(../images/design/backgroundPageContent.jpg) top repeat-y;
	margin-bottom:5px;
}

td#mainContentCenterAccueil{
	background-color: #ffffff;
	width:600px;
	padding-bottom:20px;
	background: url(../images/design/backgroundPageFooterAccueil.jpg) bottom no-repeat;
}

td#mainContentCenterAccueil div#pageHeader{
	margin:0px;padding:0px;
	width:100%;height:11px;
	background: url(../images/design/backgroundPageHeaderAccueil.jpg) top no-repeat;
}


td#mainContentCenterAccueil div#page{
	margin:0px;padding:0px;
	width:100%;
	background: url(../images/design/backgroundPageContentAccueil.jpg) top repeat-y;
}


div#footer{
	/*position: relative;*/
	height: 18px;
}

/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR LE PLAN DU SITE
 ***********************************************************************************************************/
 
ul#sitemap{
	margin-left: 20px;
}

/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR LES ELEMENTS D'INTERFACE
 ***********************************************************************************************************/
a#logoAccueil{
	display: block; 
	position: relative; left: 8px;top:10px;
	width: 229px; height: 146px;
	text-decoration: none;		
}

div#footer div#societeAdresse{
	height: 18px; 
	background-color:#CB007A;
	font-size: 12px; color: #ffffff;
	padding-left: 18px; padding-top: 2px;
}

div#footer a#societeEmail{
	color: #ffffff;
}

div#footer div#linksAccueil a#altairSignature{
	color:#989494;
	position: absolute;
	font-size: 10px;bottom:4px;right:-216px;
}

div#footer div#linksAccueil{
	position:relative;
	margin-left:210px;
	margin-right:216px;
	height:18px;
	background:url(../images/design/backgroundFooterAccueil.gif) top left no-repeat;
	font-weight:bold;color:#FFFFFF;
	padding-left:7px;padding-right:7px;
	line-height:18px;text-align:center;
}

div#footer div#linksAccueil a,
div#footer div#links a
{
	font-weight:bold;color:#FFFFFF;
	text-decoration:none;
}

div#footer div#linksAccueil a:hover,
div#footer div#links a:hover
{
	font-weight:bold;color:#FF7F00;
}

div#footer div#links{
	margin-left:150px;
	margin-right:9px;
	height:18px;
	background:url(../images/design/backgroundFooter.gif) top left no-repeat;
	font-weight:bold;color:#FFFFFF;
	padding-left:7px;padding-right:7px;
	line-height:18px;text-align:center;
}

div#page h2{
	margin: 0px; margin-bottom: 10px;
	padding-left: 20px; padding-top: 12px; padding-bottom: 12px;
	border-bottom: 3px solid #E896C7;
	font-size: 14px; font-weight: bold; color: #CB007A;
}

td#mainContentCenter div#page div.pageContent{
	padding: 0px; padding-left: 18px;
	padding-right: 18px;
}

td#mainContentCenterAccueil div#page div.pageContent{
	padding: 0px; padding-left: 5px;
	padding-right: 5px;
}

td#mainContentCenterAccueil div#page div.pageContent p{
	padding: 0px; padding-left: 10px;
	padding-right: 10px;
}
/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR AFFICHER LES ACTUALITES
 ***********************************************************************************************************/
 
div#actualites{
	width: 181px;
	margin-top: 5px;
	background:url(../images/design/backgroundActuContent.jpg) top repeat-y;
}

div#actualites div.header{
	height:22px;padding:8px 10px 3px 13px;
	background:url(../images/design/backgroundActuHeader.jpg) top no-repeat;
	color:#056db4;font-weight:bold;
}


div#actualites div.content{
	text-align:left;
	font-size: 11px;
	padding:0px 10px 5px 13px;
	
}

div#actualites div.content p{
	text-align:justify;
}

div#actualites div.footer{
	height:11px;
	background:url(../images/design/backgroundActuFooter.jpg) top no-repeat;
	background-color:#FFFFFF;
}

span.xNewsDate{
	font-size: 11px; font-weight: normal; font-style: italic;
}

/*------------------------------------------ BOUTON -----------------------------------------------------------------*/
div#actualites  a.enSavoirPlus{
	display: block;
	width: 120px; height: 18px; padding-top: 2px;
	text-align: left; text-decoration: none;
	margin: 5px auto 5px auto;	
}

div#actualites  a.enSavoirPlus span{
	font-size:12px; font-weight:bold;
	color:#589ecd;
}
	
div#actualites  a.enSavoirPlus:hover{
	padding-top: 2px; height: 18px;
}

div#actualites  a.enSavoirPlus:hover span{
	color:#589ecd;text-decoration:underline;
}


/********************************************************************************
*	Boite Produit Gauche
********************************************************************************/

div#leftProduit{
	width: 181px;
	background:url(../images/design/produitCenter.jpg) top repeat-y;
	margin-bottom :5px;
	margin-top:4px;
}

div#leftProduit table,
div#leftProduit td,
div#leftProduit tr{
	margin:0px;padding:0px;
}

div#leftProduit div.content{
	text-align:left;
	font-size: 12px;	
	background:url(../images/design/produitHeader.jpg) top no-repeat;
	padding-top:16px;
}


div#leftProduit div.footer{
	height:11px;
	background:url(../images/design/produitFooter.jpg) top no-repeat;
	background-color:#FFFFFF;
}

div#leftProduit div.content ul{
	margin:0px;padding:0px;
	padding-left:5px;
	list-style:none;
}

div#leftProduit div.content ul li{
	margin:0px;padding:0px;
	padding-top:2px;padding-bottom:2px;
	margin-bottom:6px;
}

div#leftProduit div.content ul li a.produits{
	background:url(../images/design/produitsListe_off.gif) no-repeat scroll left 6px transparent;
	color:#FFFFFF;
	display:block;
	float:none !important;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	padding-left:15px;
	padding-top:4px;
	padding-bottom:4px;
	text-align:left;
	text-decoration:none;
}

div#leftProduit div.content ul li a:hover.produits{
	color:#069732;
	background:url(../images/design/produitsListe_on.gif) no-repeat scroll left 6px transparent;
}

/****************************************************************************
*		Boite Right
****************************************************************************/

div.rightBoxOffreMois
{
	width:183px;
	min-height:82px;
	height:auto !important;
	height:82px;
	margin:0px;padding:0px;
	margin-bottom :5px;
	background:url(../images/design/backgroundOffreduMois.jpg) top no-repeat;
}

a#offreDuMois{
	display:block;
	font-size:14px;text-decoration:none;
	font-weight:bold;color:#FF7F00;
	text-align:center;padding-top:10px;
}

a:hover#offreDuMois{
	text-decoration:underline;
}

div.footerOffreMois{
	margin:0;padding:0;
	height:46px;
	background:url(../images/design/backgroundOffreFooterBoxRight.jpg) bottom no-repeat;
}	

div.rightBoxMenu{	
	width:183px;height:112px;
	margin:0px;padding:0px;
	margin-left:0px;
	margin-bottom: 5px;
	background:url(../images/design/backgroundMenuDroite.jpg) top no-repeat;
}

div.rightBoxMenu div#titreConseils{
	margin-left:15px;
	padding-top:5px;
	font-weight:bold;
	color:#67B872;
}


div#zoneFlash{
	text-align:center;
	padding-top:13px;
}

div#zoneFlash span{
	color:#5fa95e;
	font-weight:bold;
}
div#zoneFlash img{
	margin-top:4px;
}

div#zoneFlash a{
	text-decoration:none;
}

div#zoneFlash a:hover span{
	text-decoration:underline;
}

div.rightBoxTrouverProduit{
	width:183px;height:165px;
	background:url(../images/design/backgroundTouverProduitBox.jpg) top no-repeat;
}

/*****************************************************************************
*	Header Boite
******************************************************************************/
div#headerRight{
	position:absolute;
	width:165px;height:170px;
	right:0px;top:0px;
}

div#headerRight div.boiteHeader{
	width:141px;height:61px;
	background: url(../images/design/backgroundBoiteHeader.gif) top no-repeat;
	margin-top:8px;margin-left:11px;margin-bottom:1px;
}

div#monPanier{
	padding: 17px 22px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
	font-weight:bold;color:#f29608;
}

div#monPanier a#lienPanier{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
	font-weight:bold;color:#f29608;
	text-decoration:none;
}

div#monPanier a:hover#lienPanier{
	text-decoration:underline;
}

div#jeCommande{
	padding: 8px 5px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
	color:#7fc41c;
}

div#jeCommande span{
	font-weight:bold;color:#f29608;
	font-size: 14px;
}

a.downloadDocument,
a:link.downloadDocument,
a:visited.downloadDocument,
a:hover.downloadDocument,
a:active.downloadDocument
{
	background:url(../images/design/backgroundLienGenerique.gif) left 2px no-repeat;
	padding-left:28px;
}

/*************************************
*	Images
***************************************/

p.images{
	
}

p.images span.labels{
	font-style: italic;
	color:#1b942c;
	font-size:11px;
	padding-bottom:5px;
}
	
/************************************************
*	CATALOGUE
************************************************/
div#actionPanier{
	position:absolute;
	background-color:white;
	text-align:center;
	color:red;
	font-weight:bold;
	width:300px;
	padding:15px 5px 15px 5px;
	left:345px;
	top:120px;
	border:2px solid red;
}

img#ficheImageIntermediaireZoom{
	display: none; position: absolute; top:150px;
	border: 2px solid #7FC31E;
	cursor: pointer;
	z-index:20000;
}

table.ficheDetail{
	width:750px;
}


table.ficheDetail td#contentProduit{
	width:560px;
	padding-right:5px;
	padding-left:5px;
	border:1px solid #125201;
}

table.ficheDetail td#gammeProduit{
	width:180px;
	text-align:center;
}
table.ficheDetail td#documentationProduit{
	padding-top:4px;
}

div.montantDetail{
	padding: 5px 0px 5px 25px;
	font-weight:bold;
	font-size:20px;
	color:#125201;
}

div.lienDocumentation{
	margin:0px;padding:0px;
	margin-left:5px;
}

table.ficheDetail a.downloadDocument{
	margin-left:5px;
}

table.catgeoriesListe{
	width:750px;
}

table.catgeoriesListe td.blocCentreCategorie{
	padding-bottom:5px;
}

table.categorieContent{
	width:750px;
	border:1px solid #125201;
}


table.categorieContent td.photoProduit{
	width:20%;
	text-align:center;
}

table.categorieContent td.gammeProduit{
	width:57%;

}

table.categorieContent td.enSavoirPlus{
	height:25px;
	padding-bottom:4px;
	vertical-align:bottom;
}

table.categorieContent td.listePrix{
	
	text-align:center;
}

table.categorieContent td.listePrix div.montant
{
	text-align:center;
	font-weight:bold;
	color:#125201;
	font-size:20px;
}

div.boutonAction{
	text-align:left;
	width:160px;
	margin-left:auto;
	margin-right:auto;
}

table.categorieContent td.titre{
	text-align:center;
	font-weight:bold;
	font-size:16px;
	color:#FFFFFF;
	background-color:#1b942c;
	border-bottom:1px solid #1b942c;
	padding:2px 0px;
}


/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR AFFICHER LE PANIER
 ***********************************************************************************************************/
 
 
span.notes{
	font-weight: bold; font-style: italic; font-size: 11px;
}

span.notesCheques{
	font-weight: bold;  font-size: 12px;
}

div.detailpanierVide{
	text-align:center;
	padding:15px 0px;
	font-weight:bold;
	font-size:16px;
	color:red;
}

/*------------------------------------------------ 
interfaceCommande 
-----------------------------------------------------------*/

table#choixLivraisonDetail input{
	background-color:#D7E8F4;
}

table.interfaceCommande{
	width: 99%;
	border: 1px solid #4592C8;
	margin: auto; margin-bottom: 10px; margin-top: 10px;
}

table.interfaceCommande th{
	background-color: #4592c8;
	font-weight: bold; color: #FFFFFF;
	border: 1px solid #4592C8;
	padding: 2px;
}

table.interfaceCommande td{
	border: 1px solid #4592C8;
	background-color:#d7e8f4;
	color: #080A05;
	padding: 2px;
}

table.interfaceCommande td.notes{
	font-weight: bold;
	font-style: italic;
	font-size: 11px;
}

table.interfaceCommande td.texte{
	padding-left: 10px;
}

table.interfaceCommande td.quantite{
	text-align: center; 
	width: 50px;
}

table.interfaceCommande td.montant{
	text-align: right; 
	width: 100px; 
	padding-right: 10px;
}

table.interfaceCommande td.left{
	padding-right: 10px;
	text-align: right;
	border: 0px;
}

table.interfaceCommande td.right{
	padding-left: 10px;
	text-align: left;
	border: 0px;
}

table.interfaceCommande td.center{
	text-align: center;
	border: 0px;
}

table.interfaceCommande td.actionButton{
	padding-right: 10px;
	text-align: right;
	border: 1px solid #4592C8;
}

p.errorMessage{
	color:red;
	font-style: italic; 
	width: 98%; 
	margin: auto;
	text-align: center;
}

div.departement{
	color:#4592c8;font-weight:bold;
	font-size:14px;
	text-decoration:underline;
	margin-bottom:5px;
}

span.telephoneTNT{
	color:#F29608;
font-size:14px;
font-weight:bold;
}

div.messageLivraison{
	text-align:center;
	font-size:14px;
	color:red;
	font-weight:bold;
}

div.messageLivraison span{
	color:#F29608;
}

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

table#revendeurs{
	width:750px;
}
table#revendeurs td#carteFrance{
	width:418px;
}
div.listeRevendeurs{
	height:422px;
	width:98%;
	overflow:auto;
}

div.revendeur {
	font-size:11px;
}

p.adresse{
	color:#125201;
}

p.societe{
	color:#5AA957;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}

p.telephone{
	border-bottom:1px solid #D8E9B5;
	padding-bottom:7px;
}