html, body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}
body{
  background: url(../images/charte/background.jpg) no-repeat center top;
  width:100%;
  background-color:#95d3dc;


}
p, ul, li, table, div, h1, h2, h3, hr, img{
	padding:0px;
	margin:0px;
}
#container{
	width:850px;
	background:url(../images/charte/bg-repeat.jpg) repeat-y center;
	margin:0px auto;}

#header{
  width:850px;
	height:240px;
  margin:0px auto;}

#logo{
	background-image:url(../images/charte/logo.jpg);
	width:293px;
	height:86px;
	background-repeat:no-repeat;}

#mdm{
	background-image:url(../images/charte/bg-mdm.jpg);
	width:293px;
	height:154px;
	line-height:16px;
	background-repeat:no-repeat;}

#menu{
	background-image:url(../images/charte/menu.jpg);
	width:557px;
	height:240px;}

#right-col{
	width:850px;
	display: table;
	height:100%;
/*	float:right;*/
/*	clear: both; */}

.contenu{
 width:752px;
 margin-left:53px;}

.plus{
  width: 87px;
  height: 18px;
  padding-left:160px;}

.newsletter{
	width:270px;
	height:101px;
	background: url(../images/charte/newsletter.jpg) no-repeat left top;
	float:left;
	margin-top:8px;}

.nos-voyages{
	width:270px;
	height:136px;
	background: url(../images/charte/nos-voyages.jpg) no-repeat left top;
	margin-top:8px;
	float:right;}

.savoir1 {
  width:98px;
  height:11px;
  padding-top:115px;
  padding-left:164px;
  }
.nos-previsions{
		width:270px;
		height:136px;
		background: url(../images/charte/nos-previsions.jpg) no-repeat left top;
    margin-top:8px;
    float:right;
			}
  .savoir2
  {
  width:98px;
  height:11px;
  padding-top:115px;
  padding-left:164px;
  }
.nos-agences{
		width:270px;
		height:136px;
		background: url(../images/charte/nos-agences.jpg) no-repeat left top;
    margin-top:8px;
    float:right;
			}
  .savoir3
  {
  width:98px;
  height:11px;
  padding-top:113px;
  padding-left:164px;
  }
  .exigence{
		width:270px;
		height:21px;
		background: url(../images/nos-previsions/exigence.jpg) no-repeat left top;
    margin-top:10px;
    float:right;
			}
 .bg-letter{
		width:471px;
    height:290px;
   	background-image:url(../images/charte/bg-letter.gif);
  	background-repeat:no-repeat;
    float:left;
    }
  .ok{
     width:25px;
     height:17px;
     padding-left:35px;
     padding-top:50px;
    }

	.button1{
		background-image:url(../images/charte/ok.jpg);
		background-position: left top;
		background-repeat: no-repeat;
		cursor: pointer;
		width:25px;
		height:17px;
	}
	.buttonover1{
		background-image:url(../images/charte/ok-over.jpg);
		background-position: left top;
		background-repeat: no-repeat;
  	cursor: pointer;
		width:25px;
		height:17px;
	}
  .bg-categories{
   background-image:url(../images/charte/bg-categories.jpg);
   width:220px;
   height:160px;
   padding-top:10px;

  }
  .text-categories{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#3ba1af;
   font-weight:bold;
   padding-left:80px;
   width:220px;

   }


    .text{
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size:11px;
      color:black;
      line-height:15px;
      text-align:justify;
      }
     .agence-text{
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size:13px;
      color:black;
      line-height:15px;
      text-align:left;
      color:#03616d;
      text-align: center;
      }
      .adresse-text{
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size:13px;
      color:black;
      line-height:15px;
      text-align:left;
      color:#539d69;
      text-align: center;
      }
  .text-prestation{
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size:13px;
      color:black;
      line-height:15px;
      text-align:left;
      color:#03616d;
      text-align:center;
      padding-top:10px;

      }
   .recherche-mois{
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size:13px;
      line-height:15px;
      text-align:left;
      color:#055964;
      text-align:left;
      float:left;
      font-weight:bold;
      padding-top:2px;
      margin-left:5px;
     }
   .right-col{
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size:11px;
      line-height:15px;
      text-align:left;
      color:#000000;
      text-align:left;
      padding-left:3px;
      padding-top:1px;
      }
.left-col{
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size:12px;
      line-height:15px;
      text-align:left;
      color:#055964;
      text-align:left;
      padding-left:3px;
      padding-top:1px;
      width:120px;}

.left-label{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	text-align: justify;
	padding: 7px 0 7px 0;
}
.left-label b{
	color:#055964;
	text-align:left;
	width:120px;}


.bg-prestations{
   background-image:url(../images/charte/bg-prestations.jpg);
   height:150px;
   width:100px;
   float:left;
   margin-left:10px;
   text-align:center;}

.bg-voyages{
   background-image:url(../images/charte/bg-voyage.jpg);
   height:170px;
   width:450px;
   float:left;
   margin-left:5px;
   margin-bottom:5px;
   border: solid 1px black;}

.list{
  margin-top:0px;
  margin-left:5px;
  width:250px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
 	padding-left:0px;
	list-style:none;
  float:left;
  line-height:16px;
  font-weight:bold;


	}
	.list li{
	background-image:url(../images/charte/pointer.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	padding:0px 0px 0px 16px;
}
	.list1{
  margin-top:0px;
  margin-left:5px;
  width:250px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
 	padding-left:0px;
	list-style:none;
  float:left;
  line-height:16px;
  font-weight:bold;


	}
	.list1 li{
	background-image:url(../images/charte/pointer1.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	padding:0px 0px 0px 16px;
}
	.list2{
  margin-top:0px;
  margin-left:5px;
  width:250px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
 	padding-left:0px;
	list-style:none;
  float:left;
  line-height:16px;
  font-weight:bold;


	}
	.list2 li{
	background-image:url(../images/charte/pointer2.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	padding:0px 0px 0px 16px;
}
.list3{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding-left:85px;
	font-size:12px;
	color:#000000;
 	list-style:none;
  float:left;
  line-height:16px;
	}


	.image-left{
	float:left;
  padding-left:5px;
  padding-top:10px;
	}
  .image-right{
	float:right;
  padding-right:17px;
  padding-top:10px;
	}



  .bg-details
  {
  padding-top:3px;
  width:72px;
  height:18px;
  background:url(../images/charte/bg-details.jpg) no-repeat left top;
  margin-top:0px;


}
a.text-details:link,a.text-details:visited{
  color:#055964;
  font-weight:bold;
  font-size:11px;
  padding-left:10px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  text-decoration:underline;
}
a.text-details:hover{
  color:#000000;
  font-weight:bold;
  font-size:11px;
  padding-left:10px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  text-decoration:none;
}

  .bg-savoir
  {
  padding-top:2px;
  width:80px;
  height:20px;
  background:url(../images/charte/bg-savoir.jpg) no-repeat left top;
  margin-top:0px;

}

a.text-savoir:link,a.text-savoir:visited{

  color:#327a30;
  font-size:10px;
  padding-left:15px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  text-decoration:underline;
}
a.text-savoir:hover{
  color:#000000;
  font-size:10px;
  padding-left:15px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  text-decoration:underline;
}
a.text-plan:link,a.text-plan:visited{
  color:#03616d;
  font-size:12px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  text-decoration:underline;
  font-weight:bold;
}
a.text-plan:hover{
  color:#000000;
  font-size:12px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  text-decoration:none;
  font-weight: bold;
}



 .recherche{
	background:url(../images/charte/submit.jpg) no-repeat left top;
  margin-top:2px;
  cursor:pointer;
	height:27px;
  width:101px;

	}
.rechercheover{
	background:url(../images/charte/submit-over.jpg) no-repeat left top;
  margin-top:2px;
  cursor:pointer;
  height:27px;
  width:101px;

	}

  .retour{
	background:url(../images/charte/retour.jpg) no-repeat left top;
  cursor:pointer;
  width:85px;
  height:28px;

	}
.retourover{
	background:url(../images/charte/retour-over.jpg) no-repeat left top;
  cursor:pointer;
  width:85px;
  height:28px;


	}

	#footer
  {
  width:850px;
  height:53px;
  margin: 0 auto;
  }
#footer-content{
	background-image:url(../images/charte/bg-footer.jpg);
	background-position:left top;
	background-repeat:no-repeat;
 	width:850px;
  height:165px;
	}

.digital-age{
		width:215px;
		height:46px;
    padding-left:52px;
    padding-top:21px;
		float:left;
		}
.footer-text{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#046976;
  text-align: center;
  padding-top:20px;
  }

.contact_link:link, .contact_link:visited{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
		color:#3ba1af;
		text-decoration:underline;
    text-align: center;
    font-weight: bold;
    padding-left:90px;
		}
.contact_link:hover, .contact_link:active{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
		color:#89c647;
		text-decoration: none;
    text-align: center;
    font-weight: bold;
    padding-left:90px;
}
.contact_link1:link, .contact_link1:visited{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
		color:#3ba1af;
		text-decoration:underline;
    text-align: center;
    font-weight: bold;
}
.contact_link1:hover, .contact_link1:active{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
		color:#89c647;
		text-decoration: none;
    text-align: center;
    font-weight: bold;
}
		#nav-footer{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		padding-top:0px;
		width:580px;
		font-size:11px;
		float:left;
		text-align:left;
		color:#00505a;
    padding-top:28px;



    }
				#nav-footer a:link, #nav-footer a:visited{
					font-family:Verdana, Arial, Helvetica, sans-serif;
					text-decoration:none;
					color:#00505a;

						}
				#nav-footer a:hover, #nav-footer a:active{
					font-family:Verdana, Arial, Helvetica, sans-serif;
					text-decoration:underline;
					color: #000000;

							}
	#container #footer-droits {
		color:#00505a;
		margin-left:385px;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
}
	#footer-droits #mentions-link:link, #footer-droits #mentions-link:visited{
		color:#00505a;

		}
	#footer-droits #mentions-link:hover, #footer-droits  #mentions-link:active{
		color:#000000;
 		text-decoration:underline;
		}