.alignleft {text-align: left;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}
.alignjustify {text-align: justify;}
.invisible {display: none}
img.alignleft, table.alignleft {float: left; margin: 0 5px 5px 0; text-align: left;}
img.alignright, table.alignright {float: right; margin: 0 0 5px 5px; text-align: left;}
table.aligncenter {margin: auto; text-align: left;}
a img {border-width: 0;}
form {margin: 0; padding: 0;}

/**********/
/* LAYOUT */
/**********/
body {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-position: left top;
	background-image: url(../../images/page_fond.gif);
	background-repeat: repeat;
	background-color: #efefef;
}

a {
	color: #47565A;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#document {
	width: 970px;
	margin: auto;
}

#documentInner {
	background: #fff;
}

#corps {
	width: 100%;
	overflow: hidden;
	background-position: left top;
	background-image: url(../../images/corps_fond.gif);
	background-repeat: repeat-y;
}

#colonneGauche {
	float: left;
	width: 170px;
	padding-top: 10px;
}


#contenu {
    float: left;
    width: 590px;
    _width: 580px; /* IE6 */
    margin: 0;
    padding: 20px 20px 10px 20px;
    background-position: left top;
    background-image: url(../../images/contenu_fond.gif);
    background-repeat: no-repeat;
}

#buttonEntrez {}

.noborder{border:none;}


/***************/
/* bandeauHaut */
/***************/
#bandeauHaut {
	width: 790;
	height: 150px;
	background-color: #efefef;
	background-position: left top;
	background-image: url(../../images/bandeauHaut.gif);
	background-repeat: no-repeat;
}

#bandeauHaut h1 {
	margin: 10px 0 0 0;
	padding: 0;
}

#bandeauHaut h1 img {
	display: block;
}



/*****************/
/* colonneGauche */
/*****************/
#retourAccueil {}

#retourAccueil a {}

.bouton {
	font-size: 12px;
	font-weight: bold;
	margin: 10px 10px 10px 5px;
	padding: 0 0 10px 0;
	background-position: left bottom;
	background-image: url(../../images/bouton_fond.gif);
	background-repeat: no-repeat;
}

.bouton a {
	color: #000000;
	line-height: normal;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.bouton a:hover {
	text-decoration: underline;
}

.bouton h1 {
	font-size: 15px;
	line-height: 16px;
	color: #5f767c;
	margin: 0 0 0 0;
	padding: 10px 10px 2px 15px;
}

.bouton p {
	margin: 0 10px 5px 15px;
}



#formRecherche2 {
	margin: 0 0 0 10px;
	padding: 0;
}

#formRecherche p {
	margin: 0;
	padding: 0 0 0 10px;
}

#searchString {
	width: 107px;
	height: 18px;
	font-size: 11px;
	line-height: 12px;
	color: #000000;
	vertical-align: top;
	margin: 0 0 0 0;
	padding: 3px 5px 0 8px;
	border: solid 1px #e4e9ec;
	background-color: #e4e9ec;
	background-position: left top;
	background-image: url(../../images/formRecherche_input_fond.gif);
	background-repeat: no-repeat;
}

#searchStringOk {
	vertical-align: top;
}


#news {
	font-size: 11px;
	color: #000000;
	text-align: center;
	margin: 10px 10px 10px 5px;
	padding: 15px 0 15px 0;
	background-position: left top;
	background-image: url(../../images/news_fond.gif);
	background-repeat: no-repeat;
	border-bottom: 1px solid #d7dbdc;
}


#news a {
	font-weight: bold;
	color: #000000;
	line-height: normal;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

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

#news p {
	margin: 0 5px 5px 5px;
	padding: 0;
}


/*****************/
/* colonneDroite */
/*****************/
#colonneDroite {
    float: right;
    width: 170px;
    padding-top: 10px;

}

#colonneDroiteInner {
	color: #000000;
	margin: 0 5px 15px 10px;
	padding: 0 10px 10px 10px;
	background-position: left bottom;
	background-image: url(../../images/colonneDroiteInner_fond.gif);
	background-repeat: no-repeat;
}

#colonneDroiteInner a {
	color: #000000;
}

#colonneDroiteInner form {
	margin: 0;
	padding: 0;
}

#clientPrivilege {}

 #colonneDroite   a img { /* */
	margin: 0;
}
 #panier td   a img { /*
	margin: 0px 0; padding: 0px 2px 3px 2px;*/
}


#clientPrivilegeInner {
	height:100px;
	font-size: 11px;
	margin-top: 5px;
	margin-left: 5px;
	padding-bottom: 8px;
	background-color: #efefef;
	background-position: left top;
	background-image: url(../../images/clientPrivilegeInner_fond.gif);
	background-repeat: no-repeat;
}

#clientPrivilege a {
	color: #333333;
	margin: 0 0 0 15px;
	text-decoration: none;
}

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

#clientPrivilege label {
	display: block;
	padding-top: 6px;
	margin-left: 55px;
	color: #000000;
	font-weight : bold;
	font-size: 12px;
}

#clientPrivilege form {
	margin: 9px 0 0 15px;
}

#clientPrivilege p {
	margin: 0 0 0 0;
	padding: 0 0 5px 0;
}

#CLI_FACEMAIL_LOG, #CLI_PASSWORD_LOG {
	width: 110px;
	height: 16px;
	font-size: 11px;
	line-height: 12px;
	color: #000000;
	vertical-align: top;
	margin: 0 0 0 0;
	padding: 1px 0 1px 4px;
	border: solid 1px #a4a4a4;
	background-color: #efefef;
}

#CLI_FACEMAIL_LOG {
	width: 129px;
}

#CLI_SUBMIT_LOG {
	cursor: pointer;
}

#inscri {
	margin: 17px 0 0 0;
	padding: 0 0 0 0;
}

#inscri a {
	font-size: 12px;
	font-weight: bold;
	line-height: 13px;
	color: #000000;
	margin: 0 0 0 15px;
	padding: 0 0 0 13px;
	text-decoration: none;
	background-position: left 2px;
	background-image: url(../../images/inscri_fond.gif);
	background-repeat: no-repeat;
}

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


#enUnClic {
	margin: 0 0 1px 5px;
}
#enUnClic img {
	display: block;
	margin-bottom: 1px;
}

#dernierProduit {
	font-size: 11px;
	color: #000000;
	margin: 0;
	padding: 0;
}

#dernierProduit h5 {
	font-size: 11px;
	margin: 0;
	padding: 5px 0 0 0;
	font-weight: bold;
	color: #000000;
}

#dernierProduit p {
	margin: 0;
	padding: 0 0 5px 0;
}

#triPanier {
	font-size: 11px;
	font-style: italic;
	padding : 0 0 5px 0;
}

#triPanier a {
	text-decoration: underline;
}

#triPanier a:hover {
	text-decoration: none;
}

#triPanier a.selected {
	color: #556b71;
}

#panier {
	font-size: 9px;
	border-collapse: collapse;
}

#panier input {
    width: 15px;
    height: 13px;
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
    padding: 0 1px 0 1px;
    border: 1px solid #000000;;
    margin: 0 ;
    background-color: #ffffff;
}

#panier td {
}

#panier th {
	font-weight: normal;
	text-align: left;
	padding: 6px 0 6px 2px;
}

#panier h4 {
	border-top: 1px solid #556b71;
	font-size: 11px;
	margin: 0;
	padding: 5px 0 0 5px;
	color: #556b71;
}

#panier img {
	vertical-align: middle;
}

#totalPanier {
	text-align: center;
	margin-top: 10px;
	padding: 5px 5px 0 5px;;
	background-color: #a8b1b2;
}

#totalPanier p {
	font-size: 13px;
	margin: 0;
	padding: 0 0 3px 0;
	color : #000000;
	font-weight: bold;
}

#totalPanier p strong {
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
}

/********/
/* menu */
/********/
#bandeauHautBis {
	margin: 0;
	padding: 10px 0 10px 0;
	background-color: #efefef;
}

#commandePlanning {
	float: right;
}
#commandePlanning img {
	display: block;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#menu {
	text-align: center;
	border-collapse: collapse;
}

#menu td {
	height: 30px;
	margin: 0;
	padding: 0;
	border-right: 15px solid #efefef;
	background-position: left top;
	background-image: url(../../images/menu_fond_g.gif);
	background-repeat: no-repeat;
}

#menu td a.menu {
	font-size: 11px;
	text-transform: uppercase;
	line-height: 14px;
	font-weight: bold;
}

#menu td a {
	display: block;
	height: 26px;
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	padding: 4px 10px 0 10px;
	background-position: right top;
	background-image: url(../../images/menu_fond_d.gif);
	background-repeat: no-repeat;
}

/*#menu td a.selected,
#menu td a.hovered,
#menu td a:hover {
	color: #000000;
}*/

#menu td:hover a {
        background-image: url(../../images/menu_selected_fond_d.gif);
}

/*#menu .selected,*/
#menu td:hover {
	height: 30px;
	background-color: #5f767c;
	background-position: left top;
	background-image: url(../../images/menu_selected_fond_g.gif);
	background-repeat: no-repeat;
}

/*#menu .selected a */
#menu td:hover a {
	display: block;
	height: 26px;
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
	color: #ffff00;
	text-transform: uppercase;
	text-decoration: none;
	vertical-align: middle;
	padding: 4px 10px 0 10px;
	background-position: right top;
	background-image: url(../../images/menu_selected_fond_d.gif);
	background-repeat: no-repeat;
}

#menu .selected a {
  color: #ffff00;
}

#menu td ul, #menu td ol {}

#menu td ol {}

#menu td li {}
#menu td li.more {}
#menu td li a {}
#menu td li.more a {}
#menu td li a:hover {}

#bandeauHautBis ul {
	clear: both;
	display: block;
	height: 26px;
	font-size: 10px;
	font-weight: bold;
	line-height: 11px;
	color: #ffffff;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 20px 0 20px;
	background-color: #5f767c;
}

#bandeauHautBis ul li {
	float: left;
	color: #ffffff;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#bandeauHautBis ul li a:link, #bandeauHautBis ul li a:visited {
	display: block;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	padding: 2px 5px 2px 0;
	margin: 5px 5px 0 0;
	border-right: 1px solid #ffffff;
}

#bandeauHautBis ul li a:hover {
	color: #ffff00;
}

#bandeauHautBis ul .active:link, #bandeauHautBis ul .active:visited, #bandeauHautBis ul .active:hover {
	display: block;
	color: #ffff00;
	text-decoration: none;
}


/***********/
/* contenu */
/***********/
h1 {
	font-size: 22px;
	margin: 0 0 5px 0;
	padding: 0 10px 10px 30px;
}

h3 {
	font-size: 13px;
	color: #000000;
	margin: 0 10px 10px 0;
	padding: 0;
}

h2 {
	font-size: 21px;
	font-weight: normal;
	color: #000000;
	text-transform: none;
	margin: 0 0 0 0;
	padding: 0 10px 10px 23px;
}

.bigOrange {
	color: #000000;
	background:none!important;
	font-size: 16px;
	font-weight:bold;
	line-height: 16px!important;
	padding: 1px !important;
	 }
P {line-height: 12px;}



#Table2Block td {
	padding: 5px 15px 0 20px;
}

#Table2Block {
	width: 100%;
	border-collapse: collapse;
}

#Table2Block a { color:#000;font-weight:bold;}


h2 a {
	color: #000000;
}

h3 {
	color: #D63623;
	margin-left: 15px;
}
#contenu input, #contenu select, #contenu textarea, button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	 /* border: 1px solid #000; */
	padding: 0 2px;
}
#contenu select {
	padding: 0;
}
#contenu input.radio, #contenu input.checkbox, #contenu input.image {
	border: none;
}
#contenu input.submit, button {
	border: 1px outset #1F4E6A;
	font-weight: bold;
	font-style: italic;
	margin: 3px 6px;padding:3px 0 3px 0 ;
	cursor: pointer;
	background: #D7DE5B url(images/input.png) repeat-x 0 2px;
	color: #000;
	font-size: 12px;
}
div.texte {
	padding: 0 0 5px 0;
}
div.texte p {
	margin: 0;
	padding: 0 10px 5px 0;
}
div.texte ul {
	margin: 0;
	padding: 0 0 5px 35px;
}


/********************/
/* blocNomenclature */
/********************/
#blocNomenclature {
	width: 98%;
	margin: auto;
	overflow: hidden;
	margin-bottom: 10px;
}

/***********/
/* cmdHaut */
/***********/
#cmdHaut {
	border-collapse: collapse;
	margin: 5px 0
}
#cmdHaut td {
	width: 120px;
	color: #C4D2E9;
	font-size: 14px;
	font-style: italic;
	font-weight: 900;
}
#cmdHaut td.selected {
	font-weight: 900;
	color: #D63623;
}

/*******************/
/* tablo0 + tablo1 */
/*******************/
caption {
	color: #000;
	background-color: #EFEFEF;
	font-weight: bold;
	font-size: 13px;
	margin: 8px 0 0 0;
	padding: 5px;
	text-align: left;
}
.tablo0 {
	margin: 0px 0 15px 0;
	border-collapse: collapse;
	width: 100%;
	background-color: #FFFFBF;
}
.tablo0 td {
  padding: 5px 10px;
}
.tablo1 {
	margin: 5px 0 15px 0;
	border-collapse: collapse;
	width: 100%;
	background-color: #FFFFBF;
}
.tablo1 a {
	color: #000;
}
.tablo1 tr.alter1 {
	background-color: #FFFFBF;
}
.tablo1 tr.alter2 {
	background-color: #FFFFFF;
}
.tablo1 tr.alter3 {
	background-color: #fff;
}
.tablo1 th {
	background-color: #EFEFEF;
	color: #000;
	font-size: 13px;
	border: 1px solid #fff;
	font-style: italic
}
.tablo1 th.alter3 {
	background-color: #EFEFEF;
}
.tablo1 th a.selected {
	text-decoration: underline;
}
.tablo1 td {
	border: 1px solid #fff;
	padding: 5px 3px;
	color: #000;
}
.tablo1 td.planning {
	text-align: center;
}

/**********/
/* tablo2 */
/**********/
.tablo2 {
	margin: 5px auto 10px auto;
	border-collapse: collapse;
	width: 95%;
}
.tablo2 td {
	padding: 10px;
	width: 25%;
	text-align: center;
	vertical-align: bottom;
}
.tablo2 a img {
	display: block;
}
.tablo2 a.noImg {
	color: #174A13;
	display: block;
	font-weight: 900;
	font-size: 13px;
	border: 1px solid #C5CDDF;
	background: url(images/noImg.png) repeat-x 0 100%;
}

/*****************/
/* tabloVignette */
/*****************/
table.tabloVignette {
	border-collapse: separate;
	border-spacing: 1px;
	margin: 0px;
}
.tabloVignette td {
	padding: 0 0px;
	text-align: center;
	background: transparent no-repeat 50% 0;
	width: 153px;
	height: 173px;
}
.tabloVignette a {
	color: #020180;
	text-decoration: none;
	font-weight: bold;
	display: block;
	width: 100%;
	line-height: 1.1;
	padding-bottom: 2px;
}
.tabloVignette a:hover {
	text-decoration: none;
}
.tabloVignette td .vignette {
  height:125px;
  width:153px;
}

/* hack ie boutons plus mois */
* +html #contenu  TD IMG, * html #contenu  TD IMG {
        MARGIN-TOP: 1px;
        VERTICAL-ALIGN: top
}


/**************/
/* tabloListe */
/**************/
.tabloListe, .tabloListe table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 0 0;
}

.tabloListe table {
	border-collapse: collapse;
	border-bottom: 1px dashed #000000;
}

.tabloListe table a {
	color: #000000;
}

.tabloListe .tabloListeInner h4 {
	font-size: 14px;
	color: #000000;
	margin: 0 0 0 0;
	padding: 0 30px 5px 0;
}

.tabloListe .tabloListeInner h5 {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	margin: 0 0 5px 0;
	padding: 4px 30px 0 18px;
	background-position: left 5px;
	background-image: url(../../images/tabloListeInner_h5.gif);
	background-repeat: no-repeat;
}

.tabloListe td {
	vertical-align: top;

}

.tabloListe .tabloListeInner p {
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

/* AJOUT 12.11.08 PERMET DE A TABLO LISTE DE S ADAPTER A LA TAILLE*/
.tabloListeInner table   {
	width: 100%;
}

.tabloListe form td {

}

.tabloListeInner img, .produitPM {
	vertical-align: top;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: none;
}

.tabloListe form {
	vertical-align: top;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	border: none;
}

.tabloListeInner .tdFooter input, .produitQte {
	width: 15px;
	height: 13px;
	font-size: 11px;
	text-align: center;
	vertical-align: top;
	padding: 0 0 0 1px;
	border: 1px solid #000000;;
	margin: 0 0 0 0;
	background-color: #ffffff;
}

.tabloListeInner .tdFooter img {
	vertical-align: top;
}

.tabloListeInner .tdFooter {
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}

.tabloListe .price {
	white-space: nowrap;
	color: #cb0101;
	font-size: 14px;
	font-weight: bold;
	padding-top: 3px;
}

.tabloListe strike {
	color: #EA871D;
	font-size: 12px;
	font-weight: bold;
}

.tabloListe input.qt {
	font-size: 9px;
	width: 17px;
	text-align: right;
	padding: 0 2px;
	margin: 0 3px;
	border: 1px solid #000;
}

.tabloListeBackTd {}



/******************/
/* blocPagination */
/******************/
.blocPagination {
	width: 90%;
	margin: 0px auto 0 auto;
	border-collapse: collapse;
	color: #47565A;
}
.blocPagination td {
	width: 33%;
}
.blocPagination select {
	color: #506368;
}
.blocPagination .col1 {text-align: left;}
.blocPagination .col2 {text-align: center;}
.blocPagination .col3 {text-align: right;}


/***********/
/* produit */
/***********/
#produit {
	width: 100%; height:386px;
	border-collapse: collapse;
	margin: 10px;/* background: url(images/BackProduits.png)no-repeat*/
}
#produit caption {
	text-align: left;
	font-size: 13px;
	color: #D63623;
	background: none;
	margin-left: 5px;
}
#produit td {
	vertical-align: center;
	padding: 5px;
	/* border:2px solid #E6EB7B; */
}
#produit td#produitDescription {
	color: #47565A;
	width: 300px;
	font-size: 12px;
	padding: 0;
	border: none;
}
#produitInner td#produitDescription .texte {
	padding: 10px;
	margin: 10px 0 ;
}
#produitInner{
	width: 290px;
	background: url("images/BackProduits.png") no-repeat;
	border-bottom:1px solid #72B4CF ;
}
#produitInner td.photo{padding-top:40px}


#produitInner td#produitPrix {
	background: #B5D7E5;
	text-align: center;
	font-size: 12px;
	height: 8px;padding:8px 8px 8px 8px;
}

#produitInner td#produitPrix  p {border-top:1px solid #72B4CF ; }


#produit td#produitPrix strong {
	font-size: 20px;
	color: #E01A1A;
}
#produit td#produitPrix strike {
	font-size: 14px;
	color: #EA871D;
}
#produit td#produitPrix img {
	vertical-align: middle;
}
#produit td#produitDivers {
	color: #37592C;
	text-align: left;
	font-size: 12px;
	height: 5px;
	border: none;
}
#produitLogo {
	margin: 10px;
/*	background: url(images/caption.png) no-repeat 0 0;
*/
}
#produitLogo img {
	margin: 5px;
	vertical-align:middle;
}

/**************/
/* blockleftbas */
/**************/

#blockleftbas {
	clear: both;
	width: 590px;
	margin: 0 0 0 190px;
	padding: 10px 0 20px 0;
	color: #000000;
	background-position: left top;
	background-image: url(../../images/blockleftbas_fond.gif);
	background-repeat: no-repeat;
}


/**************/
/* bandeauBas */
/**************/
#piedDePage {
	clear: both;
	text-align: center;
	color: #000;
	margin: 15px 0 0 0;
	padding: 35px 20px 40px 20px;
	background-position: left top;
	background-image: url(../../images/piedDePage_fond.gif);
	background-repeat: no-repeat;
}

#piedDePage a {
	color: #000;
	font-size: 11px;
	font-weight: bold;
}


/**************/
/* menuGauche */
/**************/
#menuGauche {
	padding: 0px 10px;  /*  centrage du menu  */
	margin: 0px;
}
#menuGauche div {
	font-weight: bold;
	margin: 0px;
	background: url(images/menuRayon.png) no-repeat center;
	height: 105px;
	text-align: center;
	font-size: 14px;
	padding-top: 10px;
}
#menuGauche div a {
   	color: #020180;
}


#menuGauche ul {
	margin: -6px 0 0 0px; /*  centrage du menu */
	padding: 0 0 9px 0;
	width: 160px;
	list-style-type: none;
	background: url(images/menuGaucheFin.png) no-repeat 0 100%;
}
#menuGauche li {
}
#menuGauche li a {
	padding: 3px 0 3px 15px;
	color: #FFF;
	display: block;
	height: 1%; /*IE 6*/
}
#menuGauche li.niveau2alter1 {
	background: #8EBFD3;
	font-weight: bold;
}
#menuGauche li.niveau2alter2 {
	background: #50A1C4;
	font-weight: bold;
}
#menuGauche a.selected {
	background: url(images/triBas.gif) no-repeat 2px 50%;
}
#menuGauche ol {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#menuGauche ol li.niveau3alter1 {
	background: #395AA8;
	font-weight: normal;
}
#menuGauche ol li.niveau3alter2 {
	background: #7E98D3;
	font-weight: normal;
}
#menuGauche ol li a {
	padding: 3px 4px 3px 25px;
}
#menuGauche ol li a.selected {
	background: url(images/triDroite.gif) no-repeat 15px 50%;
}


/***********/
/* accueil */
/***********/
#accueilRayons {
	margin-top: 10px;
}

#accueilNews {
	margin-top: 20px;
}

#accueilNews h2 {}

.vert{background-color:#99CC33!important }
.violet{background-color:#C45067!important}
.orange{
	background-color:#CC9900!important
}
.proxiblue{background-color:#006699!important}


#blocPromo {
	position: relative;
	margin-bottom: 20px;
	font-size: 11px;
	margin-left: 8px;
	margin-bottom: 20px;
	background-position: left bottom;
	background-image: url(../../images/blocPromo_fond.gif);
	background-repeat: no-repeat;
}

#blocPromo a {
	color: #5f767c;
}

#titrePromotion {
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	padding: 8px 5px 10px 8px;
	background-position: left top;
	background-image: url(../../images/titrePromotion_fond.gif);
	background-repeat: no-repeat;
}

#lienPromotion {
	text-align: center;
	padding-bottom: 10px
}

#lienPromotion a img {
	margin: 0;
	padding: 0;
	border: none;
}

#blocPromo strong {
	font-size: 16px;
	color: #5f767c;
}
#produitAccueil {
	/*background: url(images/blocPromoMilieu.png) repeat 0% 100%*/;
	padding: 0 5px 10px 0;
}

/*******************/
/* Eco MDD		   */
/*******************/
#substitution{
	margin-top: 50px;
	background: transparent url(images/fondSubstitutionConfirm.png) no-repeat center top;
	position: relative;
	height: 500px;
	display: block;
}
#substitution #totalDifference{
	display: block;
	position: absolute;
	top: 150px;
	margin: 0;
	padding: 0;
	left: 47%;
	font-size: 30px;
	font-weight: bold;
	color: #4550A2;
	width: 147px;
	text-align: center;
}
#substitution #answer{
	position: absolute;
	top: 325px;
	left: 18%;
	/*margin: 325px auto 0 auto;*/
	margin: 0 ;
	padding: 0;
}
#formSubstitute{
	margin: 20px auto 0 auto;
	padding: 0;
	overflow: hidden;
	width: 650px;
}
#formSubstitute #validSubstitute{
	float: right;
}
#formSubstitute table tr td.gauche{
	border: none;
	border-left: 2px solid #E2E3EE;
}
#formSubstitute table tr td.droite{
	border: none;
	border-right: 2px solid #E2E3EE;
	border-left: 2px solid #E2E3EE;
}
#formSubstitute table tr.bottom td.gauche{
	border: none;
	border-left: 2px solid #E2E3EE;
	border-bottom: 2px solid #E2E3EE;
}
#formSubstitute table tr.bottom td.droite{
	border: none;
	border-right: 2px solid #E2E3EE;
	border-bottom: 2px solid #E2E3EE;
	border-left: 2px solid #E2E3EE;
}
#formSubstitute table{
	float: left;
	border-collapse: collapse;
	border-spacing: 0px;
	text-align: center;
}
#formSubstitute table td{
	border-width: 2px;
	border-color: #fff;
}
#formSubstitute table td table{
	width: 100%;
}
#formSubstitute table td table td.piedCasinoSelection,
#formSubstitute table td table td.piedVotreSelection{
	font-size: 14px;
}
#formSubstitute table th{
	height: 79px;
	width: 204px;
	border: none;
	padding: 0;
}
#formSubstitute table th#votreSelection{
	background: transparent url(images/votreSelection.png) no-repeat top left;
}
#formSubstitute table th#casinoSelection{
	background: transparent url(images/magasinSelection.png) no-repeat top left;
}
#formSubstitute #substituteSubmit{
	border: none;
	margin: 0 12px;
}
#formSubstitute #substituteTickAll{
	background: transparent url(images/tickAll.png) no-repeat top left;
	margin: 0 12px;
	width: 170px;
	height: 60px;
	display: block;
}
#formSubstitute #substituteCalculator{
	background: transparent url(images/substituteCalculator.png) no-repeat top left;
	padding: 58px 0 0 0;
	margin: 0;
	width: 198px;
}
#substituteCalculatorInner{
	border: none;
	border-left: 2px solid #E2E3EE;
	border-right: 2px solid #E2E3EE;
	border-bottom: 2px solid #E2E3EE;
	padding: 2px;
}
#substituteCalculatorInner p{
	color: #4B56A5;
	text-align: center;
	margin: 0;
}