*{
	margin: 0px;
	padding: 0px;
}

body{
	background-color:#c5c5c5;
}

a, p, span, h3, h2{
	font-family:Arial, Helvetica, sans-serif;
}

a:visited{
color:blue;
}

/* TABLE DESIGN DYNAMIQUE PRINCIPALE */
.divscroll {
height: 230px;
width: 99%;
overflow: auto;
border: 1px solid #666;
background-color: #ffffff;
padding: 8px;
}

table#container{
	border-collapse:collapse;
	margin:10px;
	background-image:url(../images/design/bg_top_repeat.jpg);
	background-repeat:repeat-x;
	background-position:left;
}

table#container tr td.tl{
	background-image:url(../images/design/bg_container.gif);
	background-repeat:repeat-y;
	background-position:left;
	width:11px;
}

table#container tr td.tc{
	background-image:url(../images/design/bg_top_repeat.jpg);
	height:154px;
	background-repeat:repeat-x;
	background-position:top left;
}

table#container tr td.tr{
	background-image:url(../images/design/bg_container.gif);
	background-repeat:repeat-y;
	background-position:right;
	width:11px;
}

table#container tr td.trx{
	background-image:url(../images/design/bg_top_repeat.jpg);
	background-repeat:repeat-x;
	background-position:left;
}

table#container tr td.ml{
	background-image:url(../images/design/bg_container.gif);
	background-repeat:repeat-y;
	background-position:left;
	width:11px;
}
table#container tr td.mr{
	background-image:url(../images/design/bg_container.gif);
	background-repeat:repeat-y;
	background-position:right;
	width:11px;
}

table#container tr td.bl{
	background-image:url(../images/design/contour_left_down.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	width:11px;
}

table#container tr td.bc{
	background-image:url(../images/design/contour_down.gif);
	background-repeat:repeat-x;
	background-position:top;
	height:10px;
}

table#container tr td.br{
	background-image:url(../images/design/contour_right_down.gif);
	background-repeat:no-repeat;
	background-position:right top;
}

.footer{
	background-color:#636161;
	margin:5px 15px 0px 15px;
	text-align:center;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
}


table#container tr td.mc{
	background-image:url(../images/design/bg_main.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#e2e1e1;
	
}

div#main-bg-bottom{
	background-image:url(../images/design/bg_main_bottom.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

span.menu1{
	padding:16px 0px 0px 14px;
	margin-right:70px;
	border-left: solid 8px; 
	height:66px;
	/* IE pire browser au monde, crap crap crap */
	display:inline-block;
	vertical-align:top;
	text-align:left;
	border-color:#00adef;
}
span.menu2{
	padding:16px 0px 0px 14px;
	margin-right:70px;
	border-left: solid 8px; 
	height:66px;
	/* IE pire browser au monde, crap crap crap */
	display:inline-block;
	vertical-align:top;
	text-align:left;
	border-color:#fbea06;
}
span.menu3{
	padding:16px 0px 0px 14px;
	margin-right:70px;
	border-left: solid 8px; 
	height:66px;
	/* IE pire browser au monde, crap crap crap */
	display:inline-block;
	vertical-align:top;
	text-align:left;
	border-color:#e80089;
}
span.menu1 a, span.menu2 a, span.menu3 a{
	color:#636161;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
}

p.header-top{
	font-weight:bold;
	font-size:12px;
	color:#010101;
	padding:20px 8px 0px 0px;
}

p.header-top a{
	font-weight:normal;
	font-size:12px;
	color:#010101;
}

div.header-conteneur{
	height:87px;
	width:100%;
	border-bottom: solid 7px #636161;
}

div.header-conteneur img{
	position:relative;
	left:90px;
}

div.header-conteneur span{
	position:relative;
	font-size:24px;
	font-weight:bold;
	left:140px;
	bottom:12px;
}

div.col-gauche{
	width:130px;
	float:left;
	margin:0px 40px 150px 45px;
	padding:15px;
	background-color:#636161;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
}

div.col-gauche2{
	width:324px;
	float:right;
	margin:0px 15px 150px 20px;
	color:#000000;
}

hr{
  border-color: #636161;
  border-style: solid;
  border-width: 2px 0 0;
  clear: both;
  margin: 7px 0px 7px 0px;
  height: 0;
}
.hrblanc{
  border-color: #ffffff;
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  margin: 7px 0px 7px 0px;
  height: 0;
}

div.box-nouvelles{
	font-size:11px;
	margin:10px 0px 10px 0px;
	background-color:#636161;
	color:#FFFFFF
}

div.box-paiement{
	font-size:11px;
	padding:8px;
}

div.box-nouvelles .top-bleu{
	width:75px;
	height:9px;
	background-color:#00adef;
}

div.box-nouvelles span{
	display:block;
	margin:5px 10px 5px 10px;
}

div.box-nouvelles p{
	margin:0px 10px 0px 10px;
	padding:10px 0px 10px 0px;
	border-bottom:solid 1px #FFFFFF;
}

/* POUR TOUTE AUTRE PAGE */
div.col-droite{
	margin-top:10px;
	float:left;
	text-align:left;
	width:680px;
}

/* POUR L'ACCUEIL */
div.col-droite2{
	margin-top:10px;
	float:left;
	text-align:left;
	width:594px;
}

/* POUR PAGE DE CONTACTS */
div.col-droite3{
	margin-top:10px;
	width:90%;
	margin: 0px auto;
}

.box-categorie-feat{
	width:592px;
	background-color:#3bbbec;
	background-image:url(../images/design/bg_categorie.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	border:solid 1px #636262;
	min-height:200px;
}

.box-produit{
	width:592px;
	background-color:#3bbbec;
	background-image:url(../images/design/bg_categorie_feat.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	border:solid 1px #636262;
	height:200px;
	font-family:Arial, Helvetica, sans-serif;
}

.box-produit h3{
	padding:15px 0px 0px 15px;
	color:#FFFFFF;
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
}
.box-produit h3 a{
	color:#FFFFFF;
	font-size:24px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}

.box-categorie-feat h3{
	display:block;
	padding:15px 0px 10px 15px;
	color:#FFFFFF;
	font-size:36px;
}

.box-categorie-feat a{
	padding:0px 0px 0px 40px;
	font-size:18px;
	font-weight:normal;
	color:#000000;
}

.box-categorie-feat a.lienProd{
	padding:0px 0px 0px 50px;
	font-size:12px;
	font-weight:normal;
	color:#000000;
}

.box-categorie{
	float:left;
	width:289px;
	height:90%;
	padding-bottom:10px;
	margin:3px;
	background-color:#3bbbec;
	background-image:url(../images/design/bg_categorie.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	border:solid 1px #636262;
	font-family:Arial, Helvetica, sans-serif;
}

.box-categorie-accueil{
	float:left;
	width:249px;
	height:90%;
	padding-bottom:10px;
	margin:3px;
	background-color:#3bbbec;
	background-image:url(../images/design/bg_categorie.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	border:solid 1px #636262;
	font-family:Arial, Helvetica, sans-serif;
}

.td-categorie{
	width:50%;
	margin:3px;
	padding-bottom:10px;
	background-color:#73CBEF;
	background-image:url(../images/design/bg_categorie.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	border:solid 1px #636262;
	font-family:Arial, Helvetica, sans-serif;
}

.td-prod{
	width:50%;
	margin:3px;
	padding-bottom:10px;
	background-color:#73CBEF;
	background-image:url(../images/design/bg_categorie.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	border:solid 1px #636262;
	font-family:Arial, Helvetica, sans-serif;
}

.td-categorie-accueil{
	color:#FFF;
	width:50%;
	padding-left:12px;
	padding-right:5px;
	background-color:#73CBEF;
	background-image:url(../images/design/bg_categorie.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	border:solid 1px #636262;
	font-family:Arial, Helvetica, sans-serif;
}

.td-categorie-accueil a:visited, .td-categorie-accueil a{
	text-decoration:none;
	color:#FFF;
}

.box-categorie, .td-categorie h3,  .box-categorie-accueil{
	display:block;
	padding:15px 0px 10px 15px;
	color:#FFFFFF;
	font-size:20px;
}
.td-prod h3{
	display:block;
	padding:5px 0px 5px 5px;
	color:#FFFFFF;
	font-size:20px;
}
.titre{
	padding-right:10px;
	height:74px;
	text-align:right
}
.titre-prod{
	padding-right:10px;
	height:74px;
	text-align:right;
	display: block;
}
.box-categorie, .box-categorie-accueil{
	padding:0px 0px 0px 40px;
	font-size:16px;
	font-weight:normal;
	color:#000000;
}

a.lienProd{
	padding:0px 0px 0px 40px;
	font-size:10px;
	font-weight:normal;
	color:#000000;
}

a.lienCat{
	padding:0px 0px 0px 23px;
	font-size:10px;
	font-weight:normal;
	color:#000000;
}

.box-produit p{
	padding:0px 0px 0px 40px;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	width:300px;
}

.box-categorie, .td-categorie p{
	display:block;
	color:#FFFFFF;
	padding:0px 0px 10px 35px;
	font-size:11px;
}

.box-categorie-feat p{
	display:block;
	color:#FFFFFF;
	padding:0px 0px 10px 35px;
	font-size:14px;
}

.box-grise{
	width:575px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	padding:0px 10px 10px 10px;
	background-color:#636161;
	margin:0px 0px;
}

a.bouton-bleu{
	background-color:#00adef;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding:5px;
	text-align:center;
	font-size:12px;
	margin:5px 0px;
}

a.menu_liens{
	color: white;
	font-size:12px;
	text-decoration:none;
	line-height:20px;

}

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

a.menu_liens:visited{
	color: white;
}

.liens{
	background-color:#636161;
	font-size:12px;
	color: white;
}

.tbl1{
	width:700px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0px 0px 20px 0px;
}

.tbl1 td{
	padding:3px 20px 3px 0px;
}

.tbl1 input[type=text], .tbl1 input[type=password], .tbl1 select, textarea{
	width:100%;
	border: solid 2px #d1d1d1;
	padding:2px;
}

.password {
	width:100%;
	border: solid 2px #d1d1d1;
	padding:2px;
}

textarea{
	width:96%;
	border: solid 2px #d1d1d1;
	padding:2px;
}

.tblMaitre{
	width:687px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:7px;
	border-collapse:collapse;
}

.tblProduit{
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:7px;
	border-collapse:collapse;
	text-align:left;
}

.tblMaitre2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:7px;
	border-collapse:collapse;
}

.tblMaitre td, .tblMaitre2 td, .tblProduit td {
	padding:4px;
}

.tblMaitre2 th{
	padding:4px;
	border-bottom:solid 1px black;

}

.tblMaitre a, .tblMaitre2 a{
	color:blue;
	text-decoration:none;
}

.padded td{
padding:10px 5px 0px 5px;
}
.tblMaitre a:hover, .tblMaitre2 a:hover{
	text-decoration:underline;
}

.tblMaitre input[type=text], .tblMaitre input[type=password], .tblMaitre select{
	width:540px;
	border: solid 2px #d1d1d1;
	padding:2px;
}

.tblMaitre2 input[type=text], .tblMaitre2 select, .tblMaitre2 input[type=password]{
	border: solid 2px #d1d1d1;
	padding:2px;
}

.tblCommandes{
	margin:0 auto;
	background-color:white;
	border-collapse:collapse;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:100%;
	border:solid 1px black;
}

.tblCommandes th{
	background-color:#2d87ca;
	padding:5px;
	color:#000000;
	font-size:12px;
		border:solid 1px black;
}

.tblCommandes th a{
	color:#000000;
	text-decoration:none;
}

.tblCommandes td{
	padding:5px;
	border:solid 1px black;
}

.tblSelector select{
width:550px;
height:30px;
padding:4px 0px;
}

.messageBordure1 {
  border: 3px solid #636161;
  width:100%;
  margin-bottom:20px;

}

.messageBordure2 {
  border: 1px solid #333333;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
  
}

.btnAction{
	border:none;
	background-color:#268ccf;
	background-image:url(../images/design/btn_bg.gif);
	height:30px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	padding:0px 10px;
	width:auto;
   overflow:visible;
}

div.autocomplete {
  position: absolute;
  width: 500px;
  background-color: white;
  border: 1px solid #888;
  margin: 0px;
  padding: 0px;
}
 
div.autocomplete ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  max-height: 20em;
  overflow: auto;
}
 
div.autocomplete ul li.selected {
    background-color: #ffb;
}
 
div.autocomplete ul li {
  list-style-type:none;
  display: block;
  margin: 0;
  padding: 2px;
  cursor: pointer;
}
#contactcontainer {
	width:100%;
	margin: 0 auto;
}
.normalpage {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11pt;
	text-align: left;
}
#contacttable {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11pt;
}
#contacttable .contactbborder {
	border-bottom-color:#666666;
	border-bottom-style:solid;
	border-bottom-width:2px;
}
span.dfont {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11pt;
}
#div-categorie {
	background-repeat:no-repeat;
	background-position: 20px;
	height: 120px;
	width: 293px;
	color : #000000;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
}

#div-categorie .space {
	padding-left : 140px;
}

#div-categorie-sep {
	height : 20px;
}
#categorie-desc {
	color : #000000;
}
.ligne {
	text-align : right;
	padding-right : 7px;
	margin-bottom: 30px;
}
.ligne_prod {
	text-align : right;
	padding-right : 7px;
	margin-bottom: 5px;
	display: block;
}

a.pagination{
	text-decoration:none;
	font-size:14px;
	color:blue;
}

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

a.pagination-selectionne{
	font-weight:bold;
}