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

h1{

}

h2{

}

h3{

}

h4{

}

p {

}

img {
	border: 0px;
}

a:link {		
	color: #B4172B; 
	text-decoration: underline;
}

a:visited {		
	color: #B4172B; 
	text-decoration: underline;
}

a:hover {		
	color: #B4172B; 
	text-decoration: none;
}

a:active{		
	color: #B4172B; 
	text-decoration: underline;
}


table {
	border-collapse: collapse;
}

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

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

select {
	font-family: Arial, Helvetica, sans-serif; font-size: 10px;
	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: 4px;
	/*background-color: #FFFFFF;*/
	background : url(../images/boutons/resizableButtonRightOff.gif) right no-repeat;
	overflow: visible;
}

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

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

button.expandableButton span, 
button.expandableInputButton span,
button.expandableButtonOn span, 
button.expandableInputButtonOn span  {
	display: block; white-space:nowrap;
	padding: 0px; padding-left: 20px; padding-right: 2px; padding-bottom: 1px;
	height: 30px; line-height: 30px;
	background : url(../images/boutons/resizableButtonLeftOff.gif) left no-repeat;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;
	color: #FFFFFF;
}

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

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

/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR LES INPUT.BUTTON
 ***********************************************************************************************************/
input.button, input.buttonOn {
	width: 83px; height: 30px;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;
	color: #FFFFFF;
	border: 0px solid;
	background-color: #FFFFFF;
	background-image : url(../images/boutons/smallButtonOff.gif);
	cursor: pointer;
	padding-bottom: 1px;
}

input.buttonOn {
	background-image : url(../images/boutons/smallButtonOn.gif);
	color: #B4172B;
}

input.buttonAdd {
	background-image : url(../images/img.php?file=design/webadmin/winXP/btnAdd.gif);
}

input.buttonCancel {
	background-image : url(../images/img.php?file=design/webadmin/winXP/btnCancel.gif);
}

input.buttonDelete {
	background-image : url(../images/img.php?file=design/webadmin/winXP/btnDelete.gif);
}

input.buttonValidate {
	background-image : url(../images/img.php?file=design/webadmin/winXP/btnValidate.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: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;
	border: 1px inset;
	color: #666666;
}

/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR LES INPUT
 ***********************************************************************************************************/
input.text, input.shortText, input.middleText, input.mediumText, input.longText, input.longlongText, input.wideText, span.fakeInput {
	height: 17px;
	font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px;
	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;
	position: relative;
	padding: 0px;
	margin: 0px; margin-right: auto; margin-left: auto;
	overflow: visible;
}

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

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

div#menuBar div.menu{
	height:31px; width: 757px;
	margin-left: 270px;
	z-index: 15000;
}

div#itemsRail{
	height: 22px;
	padding-top: 8px; 
	border-bottom: 3px solid #C5C354;
}

div#itemsRail img.bullet{
	position: relative; top: 2px;
}

div#itemsRail a.railItem{
	font-weight: bold; font-size: 14px; color: #B4172B;
}

div#itemsRail span#railItemLast{
	font-weight: bold; font-size: 13px; color: #B4172B;
}

h2#pageTitle{

}

table#mainContent {
	width:990px;
	background-color:#FCFEF6; background-image:url(../images/design/mainContentBackground.jpg); background-repeat: repeat-x;
}

td#mainContentLeft{
	width:233px; 
	background-image:url(../images/design/mainContentLeftBackground.jpg); background-position: bottom; background-repeat: no-repeat;
	padding-bottom: 120px; /* Evite aux contenus de passer au dessus de la vache */
}

td#mainContentCenter{
	width: 757px; 
	background-image:url(../images/design/mainContentCenterBackground.jpg); background-position: bottom; background-repeat: no-repeat;
	padding-bottom: 60px; /* Evite aux contenus de passer au dessus de l'herbe */
}

div#page{
	margin-bottom: 0px;
	padding-left: 20px;
}

div#footer{
	position: relative;
	height: 21px;
	background-color:#FCFEF6; background-image:url(../images/design/footerBackground.jpg); background-repeat: no-repeat;
}

div#links{
	height: 18px;
	text-align: center;
	color: #FFFFFF;
	background-color: #62B346;
	padding-top: 2px;
}

/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR LES ELEMENTS D'INTERFACE
 ***********************************************************************************************************/

div#page div.pageContent{
	padding: 0px;
	margin-top: 15px;
}

div#footer div#societeAdresse{
	width: 690px;
	text-align: center;
	margin: 0px; margin-left: 275px;
	padding-top: 3px;
}

div#footer div#societeAdresse, div#footer div#societeAdresse a{
	font-weight: normal; font-size: 12px; color: #3F5900; font-weight: bold;
}

div#links a {
	color: #FFFFFF; font-weight: bold;	
}

div#links a#altairSignature{
	display: block; width: 260px;
	font-weight: normal; font-size: 11px; color: #BBDEAF;
	float: left;
}

/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR AFFICHER L'agenda
 ***********************************************************************************************************/

div#agenda{
	width: 222px;
	margin-left: 5px; margin-top: 5px; margin-bottom: 5px;
}

div#agenda h4.title{	
	margin: 0px; padding-top: 5px;
	height: 30px;
	background-color:#FCFEF6; background-image:url(../images/design/agendaHeaderBackground.jpg); background-repeat: no-repeat;
}

div#agenda h4.title span{
	color: #EAF5C2; font-weight: bold; font-size: 14px;
	margin-left: 22px;
}

div#agenda div.content{
	text-align:left;
	background-color: #C8C655;
	border-left: 1px solid #B2AFA1; border-right: 1px solid #B2AFA1;
	padding: 3px;
}

div#agenda div.content span.agendaDateAccueil{
	font-weight: bold; font-size: 11px;
}

div#agenda div.content a.enSavoirPlus{
	font-weight: bold; font-size: 11px; color: #B4172B;
}

div#agenda div.content p{
	margin: 0px;
	padding: 0px; padding-left: 5px; padding-right: 5px; padding-bottom: 7px;
	border-bottom: 1px solid #BA7E86;
}

div#agenda div.footer{
	height: 21px;
	background-image:url(../images/design/agendaFooterBackground.gif); background-repeat: no-repeat;
}

div#agenda p{
	text-align: justify;	
}

/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR AFFICHER LES ACTUALITES
 ***********************************************************************************************************/

div#actualites{
	width: 222px;
	margin-left: 5px; margin-top: 5px; margin-bottom: 5px;
}

div#actualites h4.title{
	margin: 0px; padding-top: 5px;
	height: 30px;
	background-color:#C9C957; background-image:url(../images/design/actualiteHeaderBackground.jpg); background-repeat: no-repeat;
	padding-bottom: 10px;
}

div#actualites h4.title span{
	color: #EAF5C2; font-weight: bold; font-size: 14px;
	margin-left: 22px;
}

div#actualites div.content{
	text-align:left;
	font-size: 11px;	
	background-color: #EEC1A8;
	border-left: 1px solid #B2AFA1; border-right: 1px solid #B2AFA1;
}

div#actualites h4{
	height: 17px;
	margin:0px;
	padding: 0px; padding-left: 5px; padding-top: 3px;
	color: #FFFFFF; font-size: 11px;
	
}

div#actualites div.content span.title{
	font-weight: bold;
	padding: 3px;
}

div#actualites div.content p{
	margin: 0px; margin-left: 3px; margin-right: 3px;
	padding: 0px; padding-left: 5px; padding-right: 5px; padding-bottom: 9px;
	border-bottom: 1px solid #BA7E86;
}

div#actualites div.content p a.enSavoirPlus{
	font-weight: bold; font-size: 11px; color: #B4172B;
}

div#actualites div.footer{
	height: 21px; width: 100%;
	background-image:url(../images/design/actualiteFooterBackground.gif); background-repeat: no-repeat;
}

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

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

div#panier{
	width: 222px;
	margin-left: 5px; margin-top: 5px; margin-bottom: 5px;
}
/*
div#panier h4.title{
	margin: 0px; padding-top: 5px;
	height: 30px;
	background-color:#C9C957; background-image:url(../images/design/actualiteHeaderBackground.jpg); background-repeat: no-repeat;
	padding-bottom: 10px;
}

div#panier h4.title span{
	color: #EAF5C2; font-weight: bold; font-size: 14px;
	margin-left: 22px;
}
*/
div#panier div.content{
	text-align:left;
	font-size: 11px;	
	background-color: #EEC1A8;
	border-left: 1px solid #B2AFA1; border-right: 1px solid #B2AFA1;
}

div#panier h4{
	height: 17px;
	margin:0px;
	padding: 0px; padding-left: 5px; padding-top: 3px;
	color: #FFFFFF; font-size: 11px;
	
}

div#panier div.content span.title{
	font-weight: bold;
	padding: 3px;
}

div#panier div.content p{
	margin: 0px; margin-left: 3px; margin-right: 3px;
	padding: 0px; padding-left: 5px; padding-right: 5px; padding-bottom: 9px;
	border-bottom: 1px solid #BA7E86;
}

div#panier div.content p a.enSavoirPlus{
	font-weight: bold; font-size: 11px; color: #B4172B;
}

div#panier div.content p span.nbArticles{
	margin-left:30%;
	margin-top:5px;
}

div#panier div.footer{
	height: 21px; width: 100%;
	background-image:url(../images/design/actualiteFooterBackground.gif); background-repeat: no-repeat;
}


div#panier p{
	text-align: justify;	
}

/**********************************************************************************************************
 *                                                                 Interface spéciale sur la page accueil
 ***********************************************************************************************************/

div#accueilInterface{
	width: 100%;
}

div#accueilCadres{
	margin-left: 70px; /*centrage des éléments*/
}

div#accueilInterface img#accueilTexte{
	display: block;
	margin: 0px; padding: 0px;
}

div#accueilInterface img.accueil{
	display: block;
	margin: 0px; padding: 0px;
}

div#accueilInterface div.cadre{
	height: 300px;
	margin-right: 5px;
	float: left;
	cursor: pointer;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	-moz-opacity: 0.9;
}

div#accueilInterface div.cadre h4{
	margin: 0px; padding: 0px; padding-top: 3px;
	height: 31px;
	text-align: center;
	
}

div#accueilInterface div.cadre h4.title span{
	color: #EAF5C2; font-weight: bold; font-size: 17px;
}

div#accueilInterface div.content{
	height: 111px;
}

div#accueilInterface div.content p{
	text-align: justify; margin: 5px;
	font-size: 11px;
}

div#accueilInterface div.content p.accueilLogo{
	text-align: center; vertical-align: middle; margin: 5px;
	height: 50px;
}

div#accueilInterface div#cadreGauche{
	width: 204px;
	background-color: #EEC1A8;
}

div#accueilInterface div#cadreGauche h4{
	background-image:url(../images/design/accueilTitreGauche.gif); background-repeat: no-repeat;
}

div#accueilInterface div#cadreCentre{
	width: 203px;
	background-color: #D1787F;
}

div#accueilInterface div#cadreCentre h4{
	background-image:url(../images/design/accueilTitreCentre.gif); background-repeat: no-repeat;
}

div#accueilInterface div#cadreDroit{
	width: 199px;
	background-color: #B1DAA0;
}

div#accueilInterface div#cadreDroit h4{
	background-image:url(../images/design/accueilTitreDroit.gif); background-repeat: no-repeat;
}

/**********************************************************************************************************
 *                                                                 Interface spéciale pour les encarts de présentation dans la colonne de gauche
 ***********************************************************************************************************/
 
div.presentationPreview{
	width: 222px; height: 141px;
	margin-left: 5px; margin-top: 10px; margin-bottom: 5px;
	cursor: pointer;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	-moz-opacity: 0.9;
}

div.presentationPreview h4.title{	
	margin: 0px; padding-top: 4px;
	height: 30px;
	text-align: center;
}

div.presentationPreview h4.title span{
	color: #EAF5C2; font-weight: bold; font-size: 17px;
}

div#rougesDesPresPreview{
	background-image:url(../images/design/encart_rouges_des_pres.jpg); background-repeat: no-repeat;
}

div#maineAnjouPreview{
	background-image:url(../images/design/encart_maine_anjou.jpg); background-repeat: no-repeat;
}

div#domaineDesRuesPreview{
	background-image:url(../images/design/encart_domaine_des_rues.jpg); background-repeat: no-repeat;
}

/**********************************************************************************************************
 *                                                                 Interface spéciale pour les pages de présentation
 ***********************************************************************************************************/

div.presentation{
	width: 723px;
	margin-left: 32px; margin-top: 10px;
}

div.presentation div.title{
	height: 20px;
	background-repeat: no-repeat;
	border-bottom: 3px solid #E68E66; border-left: 1px solid #DF6B44; 
}

div.presentation div.title span{
	color: #EAF5C2; font-weight: bold; font-size: 16px;
	margin-left: 42px;
}

div.presentation div.description{
	height: 130px;
	color: #EAF5C2; font-weight: bold; font-size: 12px;
	border-bottom: 2px solid #DCC38A; border-left: 1px solid #DF6B44;
}

div.presentation div.description table{
	margin-top: 10px;
}

div.presentation div.content{
	border-left: 1px solid #DF6B44;
	padding-top: 10px; padding-bottom: 10px;
}

div.presentation div.content ul{
	color: #DF6C43;
	margin: 0px; margin-left: 15px; margin-bottom: 5px;
	padding: 0px;
}

div.presentation div.content table{ 
	width: 715px;
	margin: auto;
}
div.presentation div.content table th{ 
	text-align: center;
	padding: 0px;
}


div.presentation div.content table th span{ 
	display: block;
	width: 90%;
	text-align: center;
	padding: 0px; padding-top: 4px; padding-bottom: 4px;
	color: #EAF5C2; font-weight: bold;
	background-color: #E06C43;
	margin: auto; margin-top: 0; margin-bottom: 0;
}

div.presentation div.content table td{ 
	width: 25%;
	padding: 5px; padding-left: 15px;
	vertical-align: top;
}

div.presentation div.content table td a{ 
	margin-bottom: 5px;
	color: #000000; font-weight: bold;
}

div.presentation div.content table td a:link,
div.presentation div.content table td a:visited,
div.presentation div.content table td a:active{ 
	text-decoration: none;
}

div.presentation div.content table td a:hover{ 
	text-decoration: underline;
}

div.presentation div.content table td li a{ 
	display: inline;
	color: #5C5A45; font-weight: normal;
}

div.presentation div.content table td li a:link,
div.presentation div.content table td li a:visited,
div.presentation div.content table td li a:active{ 
	text-decoration: none;
}

div.presentation div.content table td li a:hover{ 
	text-decoration: underline;
}

div.presentation div.footer{
	height: 29px;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------
	 Presentation rouge des prés
 */
div#presentationRougeDesPres{
	background-color: #EFC1A9;
}

div#presentationRougeDesPres div.title{
	background-color: #E06C43; background-image: url(../images/design/presentationOrangeHeader.gif); background-repeat: no-repeat;
	border-bottom: 3px solid #E68E66; border-left: 1px solid #DF6B44; 
}

div#presentationRougeDesPres div.title span{

}

div#presentationRougeDesPres div.description{
	background-color: #E06C43;
	border-bottom: 2px solid #DCC38A; border-left: 1px solid #DF6B44;
}

div#presentationRougeDesPres div.content{
	background-color: #EFC1A9;
	border-left: 1px solid #DF6B44;
}

div#presentationRougeDesPres div.xParagraph_open{
	margin: 0px;
}

div#presentationRougeDesPres div.content table th span{ 
	color: #EAF5C2;
	background-color: #E06C43;
}

div#presentationRougeDesPres div.footer{
	background-color: #EFC1A9; background-image: url(../images/design/presentationOrangeFooter.gif); background-repeat: no-repeat;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------
	 Presentation Maine-Anjou
 */

div#presentationMaineAnjou{
	background-color: #EFC1A9;
}

div#presentationMaineAnjou div.title{
	background-color: #B4172B; background-image: url(../images/design/presentationRougeHeader.gif); background-repeat: no-repeat;
	border-bottom: 3px solid #C44A58; border-left: 1px solid #B4172B; 
}

div#presentationMaineAnjou div.content table th span{
	width: 95%;
	background-color: #B4172B;
}

div#presentationMaineAnjou div.description{
	background-color: #B4172B;
	border-bottom: 2px solid #DFB18A; border-left: 1px solid #B4172B;
}

div#presentationMaineAnjou div.content{
	background-color: #F0A6AD;
	border-left: 1px solid #B4172B;
}

div#presentationMaineAnjou div.xParagraph_open{
	margin: 0px;
}

div#presentationMaineAnjou div.content ul{
	color: #DF6C43;
	margin: 0px; margin-left: 15px; margin-bottom: 5px;
	padding: 0px;
}

div#presentationMaineAnjou div.footer{
	background-color: #EFC1A9; background-image: url(../images/design/presentationRougeFooter.gif); background-repeat: no-repeat;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------
	 Presentation Domaines des Rues
 */
 div#presentationDomaineDesRues{
	background-color: #B1DA9F;
}

div#presentationDomaineDesRues div.title{
	background-color: #62B346; background-image: url(../images/design/presentationVertHeader.gif); background-repeat: no-repeat;
	border-bottom: 3px solid #88B94B; border-left: 1px solid #62B346; 
}

div#presentationDomaineDesRues div.title span{

}

div#presentationDomaineDesRues div.description{
	background-color: #62B346;
	border-bottom: 2px solid #B9D182; border-left: 1px solid #62B346;
}

div#presentationDomaineDesRues div.content{
	background-color: #B1DA9F;
	border-left: 1px solid #62B346;
}

div#presentationDomaineDesRues h3.xTitle_open{
	background-image:url(../images/design/xContent_titleOpen_green.gif);  background-position:left -2px; background-repeat:no-repeat;
	border-bottom: 2px solid #62B346;
	margin-left: 5px;
}

div#presentationDomaineDesRues h3.xTitle_close{
	background-image:url(../images/design/xContent_title_green.gif);  background-position:left -2px; background-repeat:no-repeat;
	border-bottom: 0px;
	margin-left: 5px;
}

div#presentationDomaineDesRues h3.xParagraph_open{
	background-image:url(../images/design/xContent_titleOpen_green.gif); background-position:left -2px; background-repeat:no-repeat;
	border-bottom: 2px solid #62B346;
	margin-left: 5px;
}

div#presentationDomaineDesRues h3.xParagraph_close{
	background-image:url(../images/design/xContent_title_green.gif);  background-position:left -2px; background-repeat:no-repeat;
	border-bottom: 0px;
	margin-left: 5px;
}

div#presentationDomaineDesRues div.footer{
	background-color: #B1DA9F; background-image: url(../images/design/presentationVertFooter.gif); background-repeat: no-repeat;
}

div#presentationDomaineDesRues div.content table th span{ 
	color: #EAF5C2;
	background-color: #62b346;
}

/**********************************************************
*	BOUTIQUE
***********************************************************/

a.boutique{
	display:block;
	width:617px;height:57px;
	margin-top:20px;
	margin-left:70px;margin-right:70px;
	text-align:center;
	background-color:#EFC1A9;
	border:1px solid #B4172B;
	background: url(../images/design/visuel_boutique.jpg) top no-repeat;
}

button.buttonPanierDel{
	width:100px;
	height:30px;
	border: 0px solid; 
	cursor: pointer; 
	padding:0px;
	background: url(../images/boutons/bt_panierDel_off.gif) top center no-repeat;
}

button.buttonPanierDelOn{
	width:100px;
	height:30px;
	border: 0px solid; 
	cursor: pointer; 
	padding:0px;
	background: url(../images/boutons/bt_panierDel_on.gif) top center no-repeat;
}

button.buttonPanierAdd{
	width:100px;
	height:30px;
	border: 0px solid; 
	cursor: pointer; 
	padding:0px;
	background: url(../images/boutons/bt_panierAdd_off.gif) top center no-repeat;
}

button.buttonPanierAddOn{
	width:100px;
	height:30px;
	border: 0px solid; 
	cursor: pointer; 
	padding:0px;
	background: url(../images/boutons/bt_panierAdd_on.gif) top center no-repeat;
}

button.buttonPanierDel span,
button.buttonPanierDelOn span,
button.buttonPanierAdd span,
button.buttonPanierAddOn span{
	display:none;
}


table.catgeoriesListe{
	width:95%;
}

td.blocCentreCategorie div.content{
	position:relative;
}

table.categorieContent{
	width:100%;
	background-color:#d3d276;
	border:1px solid #FFFFFF;
}
table.categorieContent td.photoProduit{
	width:150px;
	text-align:center;
	padding:4px;
	vertical-align:top;
}
div.content table.categorieContent div.boutonAction{
	position:absolute;
	bottom:4px;
	height:35px;
}

div.content table.categorieContent div.montant{
	position:absolute;
	bottom:40px;
	height:20px;
	font-weight:bold;padding-left:9px;
}

table.categorieContent div.descriptionCourte{
	padding:5px 5px 40px 0px;
}

table.categorieContent div.descriptionCourteProduit{
	padding:5px 5px 60px 0px;
}

table.categorieContent div.descriptionCourte div.titre,
table.categorieContent div.descriptionCourteProduit div.titre{
	font-weight:bold;
	font-size:14px;
	margin-bottom:3px;
	color:#B4172B;
	padding:4px 0px 4px 9px;
	background-color:#fafdf2;
}

table.categorieContent div.descriptionCourteProduit div{
	padding-left:9px;
}

div.montantDetail{
	font-weight:bold;padding-left:5px;
	margin-bottom:5px;
}

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

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

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

table.interfaceCommande td{
	border: 1px solid #C5C354;
	background-color:#E1DFA2;
	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.actionButton{
	padding-right: 10px;
	text-align: right;
	border: 1px solid #C5C354;
}

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

/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR LA FICHE DETAIL
 ***********************************************************************************************************/

table.ficheDetail{
	width: 685px;
	font-size: 12px;
	margin-bottom:10px;
} 

table.ficheDetail td.titre{
	background-image:url(../images/design/xContent_title.gif); background-position:left 1px; background-repeat:no-repeat;
	padding-bottom:10px;
	padding-left: 20px;
	font-weight: bold; color: #B4172B;
	font-size:14px;
}

table.ficheDetail td.colonneGauche{
	width: 40%;
	padding-left: 20px; padding-right: 20px; padding-top: 0px;
	vertical-align: top;
}

table.ficheDetail td.colonneDroite{
	vertical-align: top; 
	/*text-align: center;*/
	width: 60%;
}

table.ficheDetail td.colonneGauche img.intermediaire{
	border: 1px solid #B4172B;
	cursor: pointer;
}

table.ficheDetail td.colonneDroite img{
	border: 1px solid #B4172B;
}

table.ficheDetail td.colonneGauche div.galerie{
	text-align: left;
	/*border: 1px solid #B4172B;*/
}

table.ficheDetail td.colonneGauche div.galerie span{
	display: block;
	margin: 5px;
	font-weight: bold; color: #B4172B;
}

table.ficheDetail td.colonneGauche div.galerie div{
	text-align: left;
	margin: 0px; padding: 0px;
}

table.ficheDetail td.colonneGauche div.galerie img.miniature{
	border: 2px solid #B4172B;
	cursor: pointer;
}

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