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

.couleur
{
  color: #5e092a !important;
	font-weight: bold !important;
	padding-top: 15px !important;
	float: left;
}


html, body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	}
body{
	font:normal 62.5% Arial;
	background:#ffffff;
	}
p, ul, li, table, div, h1, h2, h3, hr, img{
	padding:0px;
	margin:0px;
	}
#container{
	width:862px;
	margin:0px auto;
	}
#container1{
	width:862px;
	background:url(../images/charte/bg-container1.jpg) repeat-y left top;
	float:left;
	}
#container0{
	width:862px;
/*	background:url(../images/charte/scroll-bottom.jpg) no-repeat 684px bottom;  */
	float:right;

	}
#header{
	width:862px;
	height:268px;
	}
#left-col{
	width:194px;
	float:left;
	padding-left:2px;
	}
  #menu{
		width:188px;
		height:823px;
    margin-left: 6px;
		/*background:url(../images/charte/bg-menu.jpg) no-repeat left top;*/
		}
	#mdm{
		width:188px;
		height:133px;
    margin-left: 6px;
		background:url(../images/charte/bg-mdm.jpg) no-repeat left top;
		}
  #log{
		width:188px;
		height:46px;
    margin-left: 6px;
		background:url(../images/charte/bg-log.jpg) no-repeat left top;
		}
 	#adresse{
		width:188px;
		height:197px;
    margin-left: 6px;
		background:url(../images/charte/bg-adress.jpg) no-repeat left top;
		}
		#adresse div{
			padding-top:30px;
			text-align:center;
      width:185px;
 			}
		#adresse p{
				font:normal 12px Arial;
				color:#ffffff;
        padding-left: 18px;
				line-height:18px;
				margin-right:10px;
				}
        	#adresse-link {
        		color:#ffffff;
        		font:normal 10px Arial;
        		text-align:justify;
        		font-style:oblique;
            padding-left:5px;
        		}
          		.adresse-link:link, .adresse-link:visited{
          				font:normal 10px Arial;
          				text-decoration:underline;
          				color:#ffffff;
          				}
          		.adresse-link:hover, .adresse-link:active{
          				font:normal 10px Arial;
          				text-decoration:none;
          				color:#73AEFF;
          				}
    #plan{
		width:188px;
		height:40px;
    margin-left: 6px;
    background:gray url(../images/charte/bg-plan.jpg) no-repeat left top;
		}
        #plan1{
      		width:184px;
      		height:40px;
      		padding-top:0px;
      		padding-left:4px;
      		}
         #telephone{
           width:183px;
           height:45px;
           background-color:#016684;
           margin-left: 7px;
           text-align:center;
           padding-top:5px;

         }
        .telephone-pop{
        width:450px;
		    height:189px;
        background:url(../images/charte/telephone-pop.jpg) no-repeat left top;
        }
        .title-telephone{
          color:#016684;
		      font:normal 13px Arial;
		      text-align:left;
          padding-top:15px;
          padding-left:130px;
          font-weight:bold;
        }
        .text-telephone{
          color:#000000;
		      font:normal 11px Arial;
		      text-align:left;
          padding-top:10px;
          padding-left:130px;
          padding-right:30px;
          text-align:justify;
          line-height:11px;

        }
 .bg-form{
  width:120px;
  height:16px;
  border:solid 1px #016684;
  background-color:#ffffff;
  color:#000000;
  font-size:11px;
  padding-top:2px;
  padding-left:3px;
  margin-top:4px;
}
.envoyer{
		background-image:url(../images/charte/envoyer.jpg);
		background-position: left top;
		background-repeat: no-repeat;
		cursor: pointer;
    margin-top:4px;
		}
.envoyerover{
		background-image:url(../images/charte/envoyer-over.jpg);
		background-position: left top;
		background-repeat: no-repeat;
  	cursor: pointer;
    margin-top:4px;

}
	.contact-link {
		color:#FF8D00;
		font:normal 13px Arial;
		text-align:justify;
		}
		.contact-link:link, .contact-link:visited{
				font:bold 13px Arial;
				text-decoration:none;
				color:#FF8D00;
				}
		.contact-link:hover, .contact-link:active{
				font:bold 13px Arial;
				text-decoration:underline;
				color:#73AEFF;
				}
  .fermer-link {
		color:#016684;
		font:normal 13px Arial;
		text-align:justify;
		font-style:oblique;
		}
		.fermer-link:link, .fermer-link:visited{
				font:bold 13px Arial;
				text-decoration:underline;
				color:#016684;
				}
		.fermer-link:hover, .fermer-link:active{
				font:bold 13px Arial;
				text-decoration:underline;
				color:#5E092A;
				}
   .mdm-link {
		color:#ffffff;
		font:normal 10px Arial;
		text-align:justify;
		}
		.mdm-link:link, .mdm-link:visited{
				font:bold 10px Arial;
				text-decoration:underline;
				color:#ffffff;
				}
		.mdm-link:hover, .mdm-link:active{
				font:bold 10px Arial;
				text-decoration:none;
				color:#73AEFF;
				}
  .detail-link {
		color:#5E092A;
		font:bold 12px Arial;
		text-align:justify;
		}
		.detail-link:link, .detail-link:visited{
				font:bold 12px Arial;
				text-decoration:underline;
				color:#5E092A;
				}
		.detail-link:hover, .detail-link:active{
				font:bold 12px Arial;
				text-decoration:none;
				color:#166D89;
				}

#contenu{
	width:488px;
	float:left;
	background:url(../images/charte/bg-right.jpg) no-repeat left top;
	}
	#contenu p{
		color:#000000;
		font:normal 13px Arial;
		text-align:justify;
		line-height:18px;
		padding-left:10px;
		padding-right:7px;
    padding-top: 5px;
		}
  #contenu p span{
    font:normal 13px Arial;
    color: #095569;
  }
/*  #contenu-image{
  	background:url(../images/charte/subtitle.jpg) no-repeat left top;
    width: 440px;
    height: 33px;
    padding-bottom: 10px;
    padding-top: 10px;
  }*/

  #boutons{
    width:473px;
    margin-top:4px;
    padding-left:8px;
    float: left;
    height: 35px;
  }
  #boutons1{
    width:151px;
    height:35px;
    float:left;
  }
  #boutons2{
    width:151px;
    height:35px;
    margin-left:10px;
    float:left;
  }
  #boutons3{
    width:151px;
    height:35px;
    margin-left:10px;
    background:url(../images/charte/panier.jpg) no-repeat left top;
    float:left;
  }
 #page-title{
	padding-left:48px;
  padding-top: 10px;
  padding-bottom: 19px;
  }
#page-dynamic{
		width:488px;
		padding:20px 10px 0px 10px;
		}
  .image-right{
		float:right;
		clear:both;
		margin-left:3px;
		padding-right:3px;
		}
   .image-left{
  		float:left;
  		padding-top:17px;
  		padding-left:10px;
  		padding-right:6px;
  		}
   .image-left1{
  		float:left;
  		padding-top:10px;
  		padding-left:25px;
  		padding-right:6px;
  		}

  ul.list{
	 		padding:0px 22px;
			list-style:none;
		 	}
		ul.list li{
			color:#000000;
			font:normal 11px Arial;
			text-align:justify;
			margin-top:3px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 4px;
			padding-left:10px;
			line-height:16px;
			}
  ul.list1{
	 		padding:0px 10px;
			list-style:none;
		 	}
		ul.list1 li{
			color:#000000;
			font:normal 11px Arial;
			text-align:justify;
			margin-top:3px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 4px;
			padding-left:10px;
			line-height:16px;
			}
  ul.list2{
	 		padding:0px 2px;
			list-style:none;
		 	}
		ul.list2 li{
			color:#000000;
			font:normal 11px Arial;
			text-align:justify;
			margin-top:3px;
			background: url(../images/charte/icon-list1.jpg) no-repeat left 4px;
			padding-left:10px;
			line-height:16px;
			}
  .page-link {
		color:#5E092A;
		font:normal 13px Arial;
		text-align:justify;
		}
		.page-link:link, .page-link:visited{
				font:normal 13px Arial;
				text-decoration:underline;
				color:#5E092A;
				}
		.page-link:hover, .page-link:active{
				font:normal 13px Arial;
				text-decoration:none;
				color:#73AEFF;
				}
  .panier-link {
		color:#5E092A;
		font:normal 13px Arial;
		text-align:justify;
		}
		.panier-link:link, .panier-link:visited{
				font:normal 13px Arial;
				text-decoration:underline;
				color:#5E092A;
				}
		.panier-link:hover, .panier-link:active{
				font:normal 13px Arial;
				text-decoration:none;
				color:#016684;
				}
  .log-link {
		color:#ffffff;
		font:bold 12px Arial;
		text-align:center;
    padding-left:15px;
    float: left;
		}
		.log-link:link, .log-link:visited{
				font:bold 12px Arial;
				text-decoration:none;
				color:#ffffff;
				}
		.log-link:hover, .log-link:active{
				font:bold 12px Arial;
				text-decoration:underline;
				color:#FDEF4E;
				}
.title-page {
  font: bold 13px Arial;
  color: #5E092A;
  padding-left:15px;
  }
  .title-page span{
  font: bold 13px Arial;
  color: #5E092A;
  line-height: 18px;
  }
.line-title{
  border-top:1px solid #B2D1DA;
  margin-right:10px;
  margin-top:4px;
  }
.line-text{
  border-left:1px solid #B2D1DA;
  margin-left:13px;
  margin-top: 15px;
  }


#right-col{
  float:left;
  width: 170px;
  }
  #promotions{
    width:169px;
    height: 63px;
    }
  .box-promotions{
    width:157px;
    height:95px;
    border:1px solid #0D6D8A;
    background-color:#79AEBE;
    margin-left:5px;
    margin-top:5px;
    margin-bottom: 35px;
    }

  .box-image{
    width:91px;
    height:91px;
    border:1px solid #FDEF4E;
    float:left;
    background-color:#ffffff;
    margin-top:1px;
    margin-left:1px;
    }
  .prix{
    	background:url(../images/charte/bg-prix.jpg) no-repeat left top;
      width: 62px;
      height: 95px;
      float:left;
      }
      .prix p{
        font: bold 11px Arial;
        color: #034255;
        padding-left: 8px;
      }
      .price{
        font: bold 13px Arial;
        color: #5E092A;
        text-align: center;
        margin-top:6px;
        }
  .details{
      width:51px;
      height: 16px;
      margin-left: 6px;
      margin-top:28px;
     }
  #scroll{
    width:148px;
    height:11px;
  }

.bloc-catalogue{
  width:150px;
  float:left;
  margin:0px 4px 10px 0px;
  border:1px dashed #016684;
  background-color:#ffffff;
  }
.catalogue{
  font-size:12px;
  color:#ffffff;
  padding:4px 0px 4px 0px;
  text-align:center;
  width:100px;
  font-weight:bold;
  background-color:#016684;
  width:150px;
  }
.catalogue1{
  height:53px;
  font-size:12px;
  color:#ffffff;
  padding:4px 0px 4px 0px;
  text-align:center;
  width:100px;
  font-weight:bold;
  background-color:#79AEBE;
  width:150px;
  }
.catalogue2{
  font-size:12px;
  color:#01556E;
  margin:5px 2px 5px 2px;
  padding:2px 0px 2px 0px;
  text-align:center;
  font-weight:bold;
  height: 30px;
  }
.img-catalogue{
  text-align:center;
  height:115px;
  margin:10px 10px 2px 10px;
  border:1px solid #E3E7C3;
  background-color:#166D89;
  }
.text-prix{
  text-align:left;
  float:left;
  width:95px;
  padding-left: 2px;
  }
.panier-catalogue{
  background-color:#CFE2E8;
  width:150px;
  height:35px;
  text-align:center;
  }

.text-title{
  height:35px;
  font-size:12px;
  color:#ffffff;
  text-align:left;
  font-weight:bold;
  background-color:#016684;
  width:308px;
  float: left;
  }
.text-title1{
  font-size:12px;
  color:#ffffff;
  text-align:right;
  font-weight:bold;
  background-color:#016684;
  width:148px;
  float: left;
  }
.text-title2{
  font-size:12px;
  color:#024A62;
  text-align:left;
  font-weight:bold;
  background-color:#438EA4;
  width:288px;
  float: left;
  }
.text-title3{
  font-size:12px;
  color:#024A62;
  text-align:right;
  font-weight:bold;
  background-color:#438EA4;
  width:168px;
  float: left;
  }
.text-price{
  font-size:12px;
  color:#024A62;
  text-align:center;
  font-weight:bold;
  background-color:#ffffff;
  border:1px solid #016684;
  width:100px;
  height: 25px;
  padding:4px 2px 9px 2px;
  float: left;
  margin-right: 15px;
  }
.text-input{
  font-size: 12px;
  color:#024A62;
  text-align: center;
  font-weight: bold;
  background-color: #ffffff;
  border: 1px solid #016684;
  width:180px;
  height: 30px;
  padding: 6px 2px 2px 2px;
  float: left;
  margin-right: 15px;
}
.text-panier{
  float:left;
  width: 83px;
  height: 35px;
  border: 1px solid #016684;
  padding: 2px 10px 1px 10px;
  background-color: #ffffff;
}

table{
	background-color:#E5F0F4;
	font:normal 12px Arial;
	text-align: justify;
	color:#024A62;
	border:1px solid #BBD2D9;
  width: 450px;
	}
	table td {
		height:30px;
		padding-left:2px;
		font:normal 12px Arial;
		text-align:center;
		color:#024A62;
		border:1px solid #BBD2D9;
		background-color:#CFE2E8;
		}
.big-image{
  width: 435px;
  text-align: center;
  padding-left: 7px;
}
#content-box{
	background-image:url(../images/commande-en-ligne/bg-img-achat-merci.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:480px;
	height:570px;
  margin-top:0px;
  padding-top:20px;
  padding-left:10px;
  clear:both;
}

#content_box_login{
	background-image:url(../images/commande-en-ligne/login-box.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	display:table;
	width:460px;
	height:200px;
	margin-left:10px;
	margin-top:10px;

}
#content_box_retrouver{
	background-image:url(../images/commande-en-ligne/retrouver.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:460px;
	height:140px;
  margin-left:10px;
  padding-left:0px;
  margin-top: 40px;
}
.box-retrouver{
  background: none;
  border: none;
  margin-top: 50px;
}
    .box-retrouver td{
      background: none;
      border: none;
    }
   .box-retrouver td.loginLabel {
      text-align:right;
    	padding-left:20px;
      border:none;
    }
    .box-retrouver td.loginInput{
      padding-left: 10px;
      text-align: left;
      padding-right: 30px;
    }


.left_login{
	float:left;
}
.color_b1{
	color:#5E092A;
  font: bold 12px Arial;
}
#content-box1{
	margin:12px 0 0 14px;
	display:table;
	width:450px;
	height:375px;
}
table.loginBox td.loginLabel{
	text-align:left;
	width:160px;
	padding-left:20px;
  border:none;
}
table.loginBox{
  background-color:#fff;
	font:normal 12px Arial;
	text-align: justify;
	color:#024A62;
	border:1px solid #BBD2D9;
  width: 450px;
	}
	table.loginBox td {
		height:30px;
		padding-left:2px;
		font:normal 12px Arial;
		text-align:center;
		color:#024A62;
		background-color:#fff;
		}
.bon-text span{
  font: bold 12px Arial;
  color: #016684;
}
.loginInput{
  border: none;
  width: 200px;
  }
.input-search{
  border:solid 1px #5e092a;
  width:110px;
  height:17px;
  background-color:#cfe2e8;
  color:#5e092a;
  margin-left:5px;
  margin-right:2px;
}
.ok{
		background-image:url(../images/charte/ok.jpg);
		background-position: left top;
		background-repeat: no-repeat;
		cursor: pointer;
		}
.okover{
		background-image:url(../images/charte/ok-over.jpg);
		background-position: left top;
		background-repeat: no-repeat;
  	cursor: pointer;

}
.text-retrouver{
  text-align:center;
  font:normal 12px Arial;
  color: #000000;
}
.fiche-box{
  border:1px dashed #016684;
  margin:10px;
  height:100%;
}
.fiche-title{
  height:35px;
  background-color:#016684;
  padding:5px;
  float:left;
}
.fiche-description{
  background-color:#CFE2E8;
  font:normal 12px Arial;
  color:#000000;
  text-align:justify;
  clear:both;
  padding:5px 5px 5px 5px;
}
.fiche-ref{
  background-color:#438EA4;
  width:456px;
  padding:5px;
  height:20px;
  float:left;
}
.fiche-box1{
  padding:10px 10px 10px 20px;
  width:436px;
  float:left;
  text-align:center;
  background-color:#CFE2E8;
  margin-bottom:20px;
}
.fiche-box-quantite{
  float:left;
  padding-top:5px;
  padding-left:15px;
}
.fiche-box-quantite1{
  float:left;
  margin-left:2px;
  padding-top:2px;
  }
.fiche-produits-prix{
  width:50px;
  height: 30px;
  padding-left:20px;
  float:left;
  text-align:center;
}
.fiche-produits-prix1{
  width:50px;
  float:left;
  text-align:center;
}
.fiche-retour{
  float:right;
  padding-bottom:20px;
  padding-right:20px;
}
.text-login{
  text-align:center;
  font:bold 12px Arial;
  padding-top: 20px;
}
.text-login1{
  text-align:center;
  font:bold 14px Arial;
  color:#016684;
  padding-top: 15px;
  padding-bottom: 10px;
}
.template-box{
  font-size:11px;
  border:1px dashed #016684;
  margin-top:10px;
  color:#000000;
}
.template-box td{
  border-bottom:1px solid #BBD2D9;
}
.template-box1{
   font-weight:bold;
   color:#000000;
   background-color:#000000;
}
.template-prix{
  font-weight:bold;
  color:#af1500;
  border-top: 1px solid #BBD2D9;
}
.template-prix1{
   font-weight:bold;
   border-top: 1px solid #BBD2D9;
   color:#af1500;
}
.template-addres{
  border-top: 1px solid #BBD2D9;
  color:#af1500;
}
.template-addres1{
  padding-left: 5px;
  border-top: 1px solid #BBD2D9;
  background:none;
}
.template-retour{
  border-top:1px solid #BBD2D9;
  background-color:#ffffff;
  padding-right: 35px;
}
.template-boutton{
  text-align:center;
  border-top:1px solid #BBD2D9;
  background-color:#ffffff;
}
.title-prod{
  float:left;
  padding-left:8px;
}
.title-prod img{
  float:left;
  padding-top: 4px;
}
.title-prod span{
  font:bold 12px Arial;
  color: #5E092A;
  float: left;
  padding-left: 4px;
}
.prod uits{
  text-align:center;
  font:bold 12px Arial;
  color:#5E092A;
}
.title-categorie{
  font:bold 12px Arial;
  text-decoration:underline;
  color:#5E092A;
  text-align:center;
  padding-bottom: 10px;
  }
.title-categorie1{
  font:bold 12px Arial;
  color:#000000;
  text-align:center;
  padding-top: 40px;
}
.title-categorie2{
  font:bold 12px Arial;
  text-decoration:underline;
  color:#5E092A;
  text-align:center;
}
/*.subtitle{
	padding-right:48px;
  padding-top: 10px;
  padding-bottom: 19px;
  }*/
.select{
  text-align:left;
  width:180px;
  background-color:#CFE2E8;
  border:solid 1px #016684;
}
.livration-text{
  font-size:12px;
  color:#AFCFD8;
  text-align:left;
  font-weight:bold;
  background-color:#2C788F;
  width:461px;
  height: 20px;
  float: left;
  padding-left: 5px;
  padding-top: 5px;
  }
#footer{
	height:100%;
	width:862px;
	background:url(../images/charte/bg-footer.jpg) no-repeat left top;
	clear:both;
	margin:0px auto;
	display:table;
		}
   #digital-age{
			padding-left:13px;
			margin-top:70px;
			float:left;
			}
   #nav-footer{
			float:left;
			color:#000000;
      padding-left: 90px;
			padding-top:78px;
			}
		#nav-footer div{
			float:left;
      width: 509px;
			}
    #nav-footer div span{
      padding-right: 125px;
      }
				#nav-footer a:link, #nav-footer a:visited{
					font:bold 12px Arial;
					text-decoration:none;
					color:#000000;
					}
				#nav-footer a:hover, #nav-footer a:active{
					font:bold 12px Arial;
					color:#5E092A;
					text-decoration:underline;
					}
				#footer-droits {
					color:#000000;
					padding-top:1px;
					font:normal 11px Arial;
					width:600px;
					float:left;
          padding-top: 4px;
					text-align:center;
					}
				#footer-droits #mentions-link:link, #footer-droits #mentions-link:visited{
					color:#016684;
					font:normal 11px Arial;
					text-decoration:underline;
					}
				#footer-droits #mentions-link:hover, #footer-droits  #mentions-link:active{
					color:#FF8D00;
					text-decoration:none;
					}
       	#footer-droits1 {
          float:left;
    		  text-align:center;
    		  width:600px;
					}
      				#footer-droits1 a:link, #footer-droits1 a:visited{
      					color:#000000;
      					font:normal 11px Arial;
      					text-decoration:none;
      					}
      				#footer-droits1 a:hover, #footer-droits1  a:active{
      					color:#FF8D00;
                font: normal 11px Arial;
      					text-decoration:underline;
      					}