/*
General
============================================================= */

body {
	margin: 0;
	padding: 0;
	background-color: #F8F0E3;
	background-image: url(../img/ms_fond.jpg);
	background-repeat: repeat-x;
	background-position: center 140px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.2em	;
	letter-spacing: 0px;
}
h1 {
	font-size: 1.4em;
	font-weight: 700;
	color: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1.4em;
}
h2 {
	font-size: 1.2em;
	color: #F77700;
	margin: 0 0 10px 0;
	padding: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: 700;
}
h2.tiret {
	width: 100%;
	margin-bottom: 20px;
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #FFD599;
	padding-bottom: 10px;
}
h3 {
	font-size: 11px;
	color: #000000;
	margin: 0;
	padding: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: 700;
}
form, ul, li, input, div, p, a, span, img {
	margin: 0;
	padding: 0;
}
ul, li {
	list-style-type: none;
}
a:link {
	text-decoration: none;
	color: #BF300C;
}
a:visited {
text-decoration: none;
color: #cc0000;
}

a:hover {
text-decoration: underline;
color: #663300;
}
.bold {
	font-weight: 700;
}
.impt1 {
	font-weight: 700;
	color: #BF300C;
	text-align: center;
	margin-bottom: 10px;
}
.impt2 {
	font-weight: 700;
	color: #BF300C;
	text-align: left;
	margin-bottom: 10px;
}
.cadreImportant {
	padding: 10px;
	border: solid 1px #BF300C;
	color: #BF300C;
}
.liste_a_puce {
	list-style-type: disc;
	margin-left: 30px;
}
.separation {
	clear: both;
	visibility: hidden;
	margin-bottom: 10px;
}

/*
Bandeau du haut
============================================================= */

#haut-de-page {
	width: 964px;
	height: 283px;
	margin: 0 auto;
	background: url(../img/ms_haut.jpg) no-repeat center;
}
a#montrouge_service {
	float: left;
	width: 185px;
	height: 250px;
	margin-top: 20px;
	margin-left: 0px;
	text-indent: -5000px;
}

/* Formulaire d'inscription 
*/
#monCompte {
	float: right;
	width: 315px;
	margin-top: 40px;
}
p.intitule {
	line-height: 20px;
	font-weight: 700;
	width: 95px;
	float: left;
	margin-top: 5px;
}
input#email {
	width: 115px;
	height: 16px;
	margin-top: 5px;
}
input#psw {
	width: 115px;
	height: 16px;
	margin-top: 5px;
}
input#id {
	margin-left: 10px;
	margin-right: 0;
	margin-bottom: 0;
	padding: 0;
	/*	width: 30px;*/
	height: 22px;
	/*	color: #333333;*/
/*	text-align: center;*/
/*	background-image: url(../img/search.jpg);*/
/*	background-repeat: no-repeat;*/
	font-weight: 700;
	font-size: 10px;
	height: 22px;
	color: #FFFFFF;
	background-color: #333333;
	border: 1px solid #999999;
	margin-top: 5px;
}
p.intitule2 {
	line-height: 16px;
	font-weight: 700;
	margin-top: 7px;
}
.intitule2 a:link {
	color: #000000;
	text-decoration: underline;
}
.intitule2 a:visited {
	color: #000000;
	text-decoration: underline;
}
.intitule2 a:hover {
	color: #990000;
	text-decoration: underline;
}

/* JTip
*/
.formInfo a, .formInfo a:active, formInfo a:visited{
	background-color: transparent;
	font-size: 11px;
	font-weight:bold;
	padding:1px 2px;
	margin-left:5px;
	color: #BF300C;
	text-decoration: none;
	border: 1px solid #BF300C;
}

.formInfo a:hover{
	color:#990000;
	text-decoration: none;
	border: 1px solid #990000;
}

#JT_arrow_left{
/*	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;*/
}

#JT_arrow_right{
/*	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;*/
}

#JT {
	position: absolute;
	z-index:100;
	border: 1px solid #990000;
	background-color: #fff;
	font-size: 11px;
}

#JT_copy{
	padding: 0px 10px 10px 10px;
	color: #990000; 
}

.JT_loader{
/*	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;*/
}

#JT_close_left{
/*	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold; */
}

#JT_close_right{
/*	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold; */
}

#JT_copy p{
	margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}


/* --------------- Animation */

.animFlash {
	position: relative;
	top: 153px;
	left: 30px;

}
#sansAnimflash {

	margin-left: 180px;
	width: 400px;
	height: 85px;
	background-image:url(../img/imgfixe.jpg);


}

/* Contenu
============================================================= */

#page {
	width: 964px;
	margin: 0 auto;
	background: url(../img/ms_bande.gif) repeat-y top center;
	padding: 0;
}
#contenu {
	margin: 0;
	padding: 0;
}

/* -------------- Formulaire de recherche -------------- */

#menu-haut {
	margin: -83px 0 0 227px;
	padding: 0;
	position: absolute;
	height: 80px;
	width: 700px;
}
#menu-haut img {
	float: left;
	margin: 45px 0 0 0;
	padding: 0;
}
#menu-haut form {
	float: left;
	margin: 41px 0 0 0;
	padding: 0;
}
#menu-haut input, #menu-haut select {
	margin: 10px 0 0 5px;
	padding: 0;
}
#menu-haut input {
	width: 140px;
	height: 17px;
}
#menu-haut select {
	width: 140px;
}
input#clicSearch {
	font-weight: 700;
	font-size: 10px;
	width: 30px;
	height: 22px;
	color: #FFFFFF;
	background-color: #333333;
	border: 1px solid #999999;
	padding: 0;
	margin: 0 0 0 2px;
}
a#visite {
	width: 79px;
	height: 80px;
	display: block;
	float: left;
	margin-left: 38px;
	margin-right: 0;
	margin-top: 5px;
	margin-bottom: 0;
	padding: 0;
	text-indent: -5000px;
}
/*a#visite:link {
	background: url(../img/premiere-visite.jpg);
}*/
a#visite:hover {
	background: url(../img/premiere-visite_hover.jpg);
}
a#aide {
	width: 79px;
	height: 80px;
	display: block;
	float: left;
	margin-left: 20px;
	margin-right: 0;
	margin-top: 5px;
	margin-bottom: 0;
	padding: 0;	
	text-indent: -5000px;
}
/*a#aide:link {
	background: url(../img/aide.jpg);
}*/
a#aide:hover {
	background: url(../img/aide-hover.jpg);
}


/* ------------- Menu  principal ----------*/

ul#menu-gauche {
	position: absolute;
	margin-top: 10px;
	margin-left: 223px;
	background: transparent url(../img/boutons.gif) top left no-repeat;	/* arrière-plan général du menu */
	width: 679px;
	text-align: center;
}
ul#menu-gauche li {
	float: left;
	display: inline;
/*	float: left;
	margin: 0;
	padding: 0;
	height: 40px;
	line-height: 40px;*/
}
ul#menu-gauche li a {	
	display: block;	/* mise en block de <a> pour lui donner des dimensions */
	height: 40px;
}
ul#menu-gauche li a#lien2 {
	margin-left: 35px;
	width: 81px;
	text-indent: -5000px;
}
ul#menu-gauche li a#lien3 {
	margin-left: 4px;
	width: 162px;
	text-indent: -5000px;
}
ul#menu-gauche li a#lien4 {
	margin-left: 4px;
	width: 93px;
	text-indent: -5000px;
}
ul#menu-gauche li a#lien5 {
	margin-left: 4px;
	width: 149px;
	text-indent: -5000px;
}
ul#menu-gauche li a#lien6 {
	margin-left: 4px;
	width: 138px;
	text-indent: -5000px;
}
ul#menu-gauche li a:hover {
	background-color: transparent;
	background-image: url(../img/boutons.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/*ul#menu-gauche li a span.bouton {
	visibility: hidden;
}*/
ul#menu-gauche a#lien2:hover {
	background-position: -724px 0%;
}
ul#menu-gauche a#lien3:hover {
	background-position: -809px 0%;
}
ul#menu-gauche a#lien4:hover {
	background-position: -975px 0%;
}
ul#menu-gauche a#lien5:hover {
	background-position: -1072px 0%;
}
ul#menu-gauche a#lien6:hover {
	background-position: -1225px 0%;
}


/* 
Colonne de gauche
============================================================= */


#cadreGauche {
	position: absolute;
	margin: 0px 0 0 -17px;
	padding: 0px;
	width: 170px;
}

/* ------------ Panier ------------ */

.hautPanier {
	height: 10px;
	margin-top: 5px;
	margin-left: 14px;
	padding: 0;
	background-image: url(../img/panier-haut.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.titrePanier {
	font-size: 14px;
	font-weight: 700;
	color: #660000;
	text-align: center;
	padding: 0px 5px;
	margin-left: 14px;
	background-image: url(../img/panier-centre.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.centrePanier {
	background-image: url(../img/panier-centre.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin-left: 14px;
}
.basPanier {
	height: 10px;
	background-image: url(../img/panier-bas.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 14px;
}
.centrePanier li {
	text-align: center;
	padding-top: 2px;
}
a.valideCommande:link {
	color: #CC0000;
	text-align: center;
	font-size: 12px;
	text-decoration: underline;
	font-weight: 700;
}
a.valideCommande:hover {
	color: #663300;
	font-weight: 700;
}
a.valideCommande:visited {
	color: #CC0000;
	font-weight: 700;
}

/* ------------ Liste des categories ------------ */

.hautCadre {
	height: 10px;
	margin-top: 5px;
	padding: 0;
	background-image: url(../img/cadre-pdv_haut_ms.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.titreCadre , .centreCadre, .cadreService {
	background: url(../img/cadre-pdv_bande_ms.gif) left top repeat-y;
}

.centreCadre {
	overflow:auto;
}

.titreCadre {
	font-size: 14px;
	font-weight: 700;
	color: #660000;
	text-align: center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: -5px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.cadreService {
	font-size: 11px;
}
.cadreService li {
	padding: 3px 0 0 0;
	width: 154px;
/*	height: 45px;
	line-height: 1.4em;*/
	display: block;
	background: url(../img/cadre-blanc.gif) left center no-repeat;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 8px;
}
.cadreService li a img {
	margin: 0px 0px 2px 5px;
	padding: 0;
	vertical-align: middle;
	display: inline-block;
}
.cadreService li a span {
/*	vertical-align: middle;
	display: inline-block;*/
	padding-left: 1px;
	color: #000000;
	font-weight: 700;
	font-size: 11px;
}
.cadreService li a:hover {
	text-decoration: none;
}
.centreCadre li {
	text-align: center;
	background: url(../img/cadre-commerce-haut.png) left top no-repeat;
	width: 160px;
	margin: 0 auto;
	padding: 5px 0 0 0;
	clear: both;
}
.centreCadre li:hover {
	background: url(../img/cadre-commerce-haut-hover.png) left top no-repeat;
}
.centreCadre a {
	background: url(../img/cadre-commerce.png) left bottom no-repeat;
	margin: 0 0 12px 0;
	padding: 0 5px 10px 0;
	width: 160px;
	display: inline;
	float: left;
	position: relative;
}
.centreCadre a:hover{
	background: url(../img/cadre-commerce-hover.png) left bottom no-repeat;
	color: #600;
	text-decoration: none;
}
.centreCadre img {
/*	margin: 0 auto;
	padding: 5px 0 2px; */
	display: block;
	margin: 5px auto 7px auto;
}
.basCadre {
	clear: both;
	height: 10px;
	background: url(../img/cadre-pdv_bas_ms.gif) left top no-repeat;
}


/* 
Colonne de droite
============================================================= */


#cadreDroite {
	position: absolute;
	margin: 70px 0 0 815px;
	padding: 0;
	width: 170px;
}
span.nomCommerce {
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	margin: 0 5px;
}

.info {
	font-size: 10px;
	line-height: 12px;
	font-weight: 700;
	background-color: #F9F0E3;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
li.info a {
	color: #000066;
}

/* Colonne centrale
============================================================= */

#conteneur {
	padding: 80px 165px 1em 170px;
	margin: 0;
	min-height:420px;
}
.champValide {
	color: #BF300C;
	font-weight: 700;
	border: 1px solid #BF300C;
	background-color: #EACF9B;
	padding: 1px;
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 5px;
}
.champAccueil {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	text-align: justify;
	font-size: 90%;
	display: block;
	margin-top: 10px;
}
.gaucheAccueil {
	float: left;
	display: block;
	margin-right: 5px;
}
.droiteAccueil {
	padding-top: 10px;
	float: left;
	width: 42%;
}
.champAccueil h1 {
	margin-bottom: 10px;
}
.respAccueil {
	font-weight: 700;
	color: #000000;
	margin-bottom: 5px;
	font-size: 100%;
}
.chapeauAccueil {
	margin-bottom: 5px;
}
.adresseAccueil {
	line-height: 13px;
	color: #333333;
	padding-left: 5px;
	padding-top: 5px;
}
.cadreTitre {
	width: 300px;
	margin: 30px auto 20px;
	padding: 10px;
	border: solid 1px #BF300C;
	background-color: #FFC8C8;
	text-align: center;
}
.formIntitule2 {
	display: block;
	margin-bottom: 5px;
	margin-top: 20px;
}
.cadreAdresse {
	width: 300px;
	margin: 10px auto;
	padding: 10px;
	border: solid 1px #BF300C;
	background-color: #FFC8C8;
	text-align: center;
}
.boutonFacture {
	height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align: center;
	background-color: #BF310D;
	color: #FFFFFF;
	border: 0;
	padding-right: 5px;
	padding-left: 5px;
}
.displayStk {
	color: #BF300C;
    float: right;
    font-size: 10px;
}

/*
Bas de page
============================================================= */


#bas-de-page {
	width: 964px;
	height: 78px;
	margin: 0 auto;
	background: url(../img/ms_bas.gif) no-repeat bottom;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	font-size: 0.7em;
}
ul#bas {
	text-align: center;
	width: 650px;
	margin: 0 auto;
	padding-bottom: 10px;
}
#bas-de-page li {
	display: inline;
	text-align: center;
	border-right: solid 1px #D3291F;
	padding-right: 0.75em;
	margin-right: 0.5em; 
}
#bas-de-page li.last {
	border: 0;
}
#bas-de-page li a:link{
	color: #D3291F;
}
#bas-de-page li a:visited {
	color: #D3291F;
}
#bas-de-page li a:hover {
	color: #990000;
	text-decoration: underline;
}
#copyright {
	color: #990000;
	font-weight: 700;
	margin-top: 0.5em;
	margin-right: 5px;
	float: right;
	font-size: 10px;
}
a#elinec {
	float: right;
	margin-right: 60px;
	margin-top: 0.45em;
}