html, body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	}
body{
	font:normal 62.5% Verdana;
	background:#5A5FAA url(../images/charte/bg-body.jpg) repeat-x left top; 
	}
p, ul, li, table, div, h1, h2, h3, hr, img{
	padding:0px;
	margin:0px;
	}
#container{
	width:797px;
	margin:0px auto;
	}
#container0{
	width:797px;
	background:url(../images/charte/bg-container0.jpg) repeat-y left bottom;
	float:left;
	}
#container1{
	width:797px;
	background:url(../images/charte/bg-container1.jpg) repeat-y left top;
	float:left;
	}
#header{
	width:797px;
	height:160px;
	}
#left-col{
	width:202px;
	float:left;
	}
  #img{
		width:202px;
		height:225px;
		}
  #coordonnees{
		width:202px;
		height:166px;
		background:url(../images/charte/bg-coordonnees.jpg) no-repeat left top;
		}
		#coordonnees div{
			padding-top:48px;
			text-align:right;
      padding-left: 55px;
      width:107px;
 			}
		#coordonnees p{
				font:normal 13px Verdana;
				color:#5A5FAA;
				line-height:22px;
				}
        	.coordonnees-link {
        		color:#5A5FAA;
        		font:normal 13px Verdana;
        		text-align:justify;
            padding-left: 27px;
            padding-top: 5px;
        		}
          		.coordonnees-link:link, .coordonnees-link:visited{
          				font:normal 13px Verdana;
          				text-decoration:underline;
          				color:#5A5FAA;
          				}
          		.coordonnees-link:hover, .coordonnees-link:active{
          				font:normal 13px Verdana;
          				text-decoration:none;
          				color:#73AEFF;
          				}
    #mdm{
  		width:202px;
  		height:147px;
  		background:url(../images/charte/bg-mdm.jpg) no-repeat left top;
  		}
    #plan{
		width:202px;
		height:149px;
    background:url(../images/charte/bg-plan.jpg) no-repeat left top;
		}
        #plan1{
      		width:184px;
      		height:93px;
      		padding-top:52px;
      		padding-left:12px;
      		}

#contenu{
	width:589px;
	float:left;
	background:url(../images/charte/bg-right.jpg) no-repeat left top;
	}
	#contenu p{
		color:#252961;
		font:normal 13px Verdana;
		text-align:justify;
		line-height:18px;
		padding-left:17px;
		padding-right:19px;
   		padding-top: 5px;
		}
  #page-title{
  	padding-left:2px;
    padding-top: 8px;
	padding-bottom:15px;
    }
	.image-right{
		float:right;
		margin-left:3px;
		padding-right:68px;
		padding-top:20px;
		padding-bottom:5px;
		}
	.image-right1{
		float:right;
		margin-left:10px;
		padding-right:68px;
		padding-top:5px;
		padding-bottom:10px;
		}
	.image-right2{
		float:right;
		margin-left:10px;
		padding-right:68px;
		padding-top:20px;
		padding-bottom:5px;
		}
	.image-left{
  		float:left;
  		padding-top:15px;
  		padding-left:45px;
  		padding-right:10px;
		padding-bottom:5px;
  		}
	.image-left1{
  		float:left;
  		padding-top:30px;
  		padding-left:45px;	
  		padding-right:10px;
  		}
	.image-left2{
  		float:left;
  		padding-top:15px;
  		padding-left:63px;	
  		padding-right:10px;
  		}
	.image-left3{
  		float:left;
  		padding-top:15px;
  		padding-left:10px;	
  		padding-right:10px;
  		}
	.line{
		padding-top:10px;
		text-align:center;
		}
	.subtitle{
		text-align:center;
		padding-top:30px;
		}
	.subtitle1{
		text-align:center;
		padding-top:20px;
		}
  ul.list{
	 		padding:0px 65px;
			list-style:none;
		 	}
		ul.list li{
			color:#252961;
			font:normal 13px Verdana;
			text-align:justify;
			margin-top:3px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 6px;
			padding-left:30px;
			line-height:18px;
			}
	 ul.list1{
	 		padding:0px 50px;
			list-style:none;
		 	}
		ul.list1 li{
			color:#252961;
			font:normal 13px Verdana;
			text-align:justify;
			margin-top:3px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 6px;
			padding-left:30px;
			padding-right:5px;
			line-height:18px;
			}
	.fermer-link {
			color:#FFF885;
			font:normal 13px Verdana;
			text-align:justify;
			font-style:oblique;
			}
			.fermer-link:link, .fermer-link:visited{
					font:bold 13px Verdana;
					text-decoration:underline;
					color:#FFF885;
					}
			.fermer-link:hover, .fermer-link:active{
					font:bold 13px Verdana;
					text-decoration:underline;
					color:#DCE9F8;
					}
	 .page-link {
		color:#35A4DD;
		font:normal 13px Verdana;
		text-align:justify;
		}
		.page-link:link, .page-link:visited{
				font:normal 13px Verdana;
				text-decoration:underline;
				color:#35A4DD;
				}
		.page-link:hover, .page-link:active{
				font:normal 13px Verdana;
				text-decoration:none;
				color:#FFBA00;
				}








#menu{
		width:589px;
		height:47px;
		float:left;
		}
#right-col{
  float:left;
  width: 6px;
  }




#footer{
	height:38px;
	width:797px;
	background:url(../images/charte/bg-footer.jpg) no-repeat left bottom;
	clear:both;
	margin:0px auto;
		}
    #nav-footer div{
			padding-top: 5px;
     padding-left:10px;
			}
    #nav-footer a{
			padding-top: 5px;
			}
		#nav-footer a:link, #nav-footer a:visited{
			font:bold 11px Verdana;
			text-decoration:none;
			color:#5A5FAA;
			}
		#nav-footer a:hover, #nav-footer a:active{
			font:bold 11px Verdana;
			color:#62C4E7;
			text-decoration:underline;
			}
     #nav-footer span{
			padding-left:20px;
      padding-right: 20px;
			}
		#footer-droits {
			color:#5A5FAA;
			padding-top:5px;
			font:normal 9px Verdana;
			clear:both;
			text-align:center;
			}
			#footer-droits .mentions-link:link, #footer-droits .mentions-link:visited{
				color:#5A5FAA;
				font:normal 9px Verdana;
				text-decoration:none;
				}
			#footer-droits .mentions-link:hover, #footer-droits  .mentions-link:active{
				color:#62C4E7;
				font-weight:normal;
				text-decoration:underline;
				}
     #footer-droits span {
			padding-left:20px;
      padding-right: 20px;
			}

/*#mdm{
		width:188px;
		height:199px;
    margin-left: 6px;
		background:url(../images/charte/bg-mdm.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:50px;
			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:113px;
    margin-left: 6px;
    background:gray url(../images/charte/bg-plan.jpg) no-repeat left top;
		}
        #plan1{
      		width:184px;
      		height:52px;
      		padding-top:0px;
      		padding-left:4px;
      		}
	.contact-link {
		color:#FF8D00;
		font:normal 13px Arial;
		text-align:justify;
		font-style:oblique;
		}
		.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;
				}



#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;
  }
  #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:10px;
  		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;
				}
.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;
  }


#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;
    }

  .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;
      }
  .details{
      width:51px;
      height: 16px;
      margin-left: 6px;
      margin-top:60px;
     }








#footer{
	height:61px;
	width:862px;
	background:url(../images/charte/bg-footer.jpg) no-repeat left bottom;
	clear:both;
	margin:0px auto;
		}
   #digital-age{
			padding-left:13px;
			margin-top:3px;
			float:left;
			}
   #nav-footer{
			float:left;
			color:#000000;
      padding-left: 90px;
			padding-top:9px;
			}
		#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;
					clear:both;
					width:350px;
          padding-left: 60px;
          padding-top: 4px;
					text-align:left;
					}
				#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;
          clear: both;
					}
              #footer-droits1 div{
                width: 210px;
                padding-left: 135px;
                }

      				#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;
      					}*/