/* Style Amiens à vivre - P. Lando, 2009 */
* {padding: 0; margin: 0; }
body {width:100%; height: 100%;  background: #545454 url("../images/fond-ecran.jpg") top left repeat-x; font: 12px  Arial, sans-serif; padding: 20px 0px; }
html {width:100%;}

#document {margin: 0px auto; width: 986px; overflow: auto; background-color: transparent;  color:#555; }
#document a {color: #6557A7; text-decoration:underline;}
#document a:hover {color: #4A480A; text-decoration:underline;} 

#corps {margin-top: 260px; overflow: none;  background: transparent url("../images/fond-corps.jpg") top left repeat-y; width: 966px; padding: 8px 0 0 19px;}

#contenu { float: right; width: 744px; line-height: 20px; padding: 0 20px 20px 0;}
#contenu-forum {width: 948px; line-height: 20px; padding: 8px 0 20px 0;}
#contenu h1 { color: #462C5B; font-size: 24px; margin: 20px 15px 8px 15px; font-weight: 800; line-height: 28px; }
#contenu h2 { color: #716F1F; font-size: 16px; margin: 10px 15px 5px 15px; padding: 0px;  }
#contenu h3 { color: #6557A7; font-size: 14px; margin: 8px 15px 2px 15px; padding: 0px;  }
#contenu h4 { color: #6557A7; font-size: 12px; margin: 8px 15px 2px 15px; padding: 0px;  }
#contenu ul, #contenu ol { padding: 2px 20px; margin: 0px 0px 0px 20px; line-height: 17px;}
#contenu li { padding: 1px; line-height: 17px; }
#contenu p {margin: 3px 15px 0px 15px; text-align: left;}
#contenu .illustration {}
#contenu .illustration .photo img {text-align: left; padding: 3px; border: 1px solid #91816D; }
#contenu .illustration .legende {text-align: left; margin: -5px 15px 15px; font-size: 11px; color: #716F1F; }
#contenu .imagette {padding: 2px; border: 1px solid #91816D; }
#contenu div.important{ border: 1px solid #040851; border-left: 10px solid #040851; background-color: #efefef; margin: 10px 15px 6px; padding: 8px 8px 8px 10px;}
#contenu div.important p{margin: 0px; padding: 0px; }
#contenu div.important ul{margin: 0px 20px; padding: 0px; }

#contenu div.postit {float: right; margin-left: 5px; background: #fff url("../images/post-it-amiens.jpg") top left no-repeat; width: 270px; height: 294px; margin-top: -10px;}
#contenu div.postit h2 {padding: 58px 18px 3px 20px; color: #000; line-height: 15px; }
#contenu div.postit p {padding: 0px 18px 1px 20px; color: #000; line-height: 15px;  }

#contenu div.actu { margin: 0px;  width: 628px; margin-left: 10px; margin-bottom: 0px; padding: 0px;}
#contenu div.actu h2 {font-size: 14px; background-image: url("../images/boite-actu-haut.jpg"); background-repeat: no-repeat; width: 628px; height: 41px; color: #fff; padding: 0 0 0 20px; margin: 0px; text-align: left; line-height: 54px; }
#contenu div.actu h2 a {color: #fff; text-decoration: none; }
#contenu div.actu p {background-image: url("../images/boite-actu-milieu.jpg"); background-repeat: repeat-y; list-style-type: none; padding: 5px 25px 0px 20px; margin: 0px; text-align: left; line-height: 16px; color: #eee;}
#contenu div.actu p.suite{font-style: italic;}
#contenu div.actu p a {color: #fff;}
#contenu div.actu p.date{background-image: url("../images/boite-actu-bas.jpg"); height: 39px; text-align: right; color: #fff; font-size: 9px;  padding: 0px 25px; margin: 0px; line-height: 30px;}

#contenu p.chapeau{font-style: italic; background-color: #eee; padding: 5px 5px; border: 1px solid #ccc; color: #333; margin-bottom: 15px; }


#contenu .boites {padding: 0px 14px; margin: 16px 0px 0px; clear: bottom; border: 0px;}
#contenu .boites img {border: 0px;  }

#contenu .map {margin: 3px 15px 0px 15px; text-align: left; border: 1px solid #91816D; width: 610px; height: 300px; }

#contenu div.itineraire {width: 602px; padding: 2px; border: 1px solid #888; clear: both; margin: 0 15px;}
#contenu div.carte {width: 602px; height: 305px; padding: 2px; border: 1px solid #888; clear: both; margin: 0 15px;}
#contenu div.itineraire .rue {height: 305px;}
#contenu div.caltul-itineraire {margin: 0 15px; }



 

#menu {float: left; width: 200px; background: #fff; margin-left: 1px; padding: 20px 0 20px; }
#menu .section {border: 1px solid #aaa; margin: 0px;  width: 190px; margin-left: 10px; margin-bottom: 10px; padding: 0px; background: #eee url("../images/fond-menu.jpg") top left repeat-x;}
#menu .section h2 {background-image: url("../images/entete-menu.png"); background-repeat: no-repeat;  height: 18px; color: white; font-size: 12px; line-height: 18px; padding-left: 3px; margin: 0px; overflow: hidden;}
#menu .section ul { list-style-type: none; padding: 0px; margin: 0px; }
#menu .section li { padding: 0px; margin: 0px; line-height: 15px; }
#menu .section a {text-decoration: none; color: #666; display: block; padding: 2px 3px 0px; }
#menu .section a:hover {background-color: #B8B66E; color: #000;}
#menu .section p { list-style-type: none; padding: 3px; margin: 0px;}
#menu .section p a {text-decoration: underline; color: #000; display: inline;}
#menu .section p a:hover {text-decoration: underline; background-color: transparent; }
#menu .liste-inline li {display: inline; line-height: 18px; }
#menu .liste-inline a {display: inline; padding: 2px 1px; }
#menu p {padding: 5px 10px;}

#post-scriptum { clear: both; height: 65px; background: #261712 url("../images/fond-post-scriptum.jpg") top left no-repeat; font-size: 11px; text-align: center; color: #787878; margin-left: -19px;  }
#post-scriptum p {margin: 0; padding: 5px 0px 0px;}
#post-scriptum ul {list-style: none;  padding: 0px 0px 2px; line-height: 10px; }
#post-scriptum li {display: inline; line-height: 10px; }


#entete {position: absolute; top: 0px; width: 986px; height: 283px; overflow: none;  background: transparent url("../images/fond-entete.jpg") top left no-repeat; padding-left: 19px; }

#identification { height: 53px;  text-align: left; margin-top: 0px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
#identification p.titre {font-size: 26px; padding: 24px 0 0 15px; margin-top: 0px; letter-spacing: 1px; line-height: 28px; color: #462C5B;}
#identification p.slogan {font-size: 9px; padding: 0 0 0 15px;  line-height: 10px; color: #716F1F; letter-spacing: 1px; font-weight: 100; }
#identification p.credit-photos {font-size: 8px; text-align: right; padding: 0px 42px 0 15px; margin-top: -10px; line-height: 15px; color: #999; letter-spacing: 1px; }
#identification a {text-decoration: none; color: #462C5B;}
#identification a:hover {text-decoration: none; color: #462C5B;}
#identification img{padding: 0px; margin: 0px;}

#navigation {width: 948px; height: 228px; background-color: #261712; margin-top: 13px;}

#navigation #animation {height: 200px; border-top: 1px solid #B8B66E;}

#navigation #menu-general{position:relative;display:block;height:30px;font-size:12px;font-weight:bold;background:transparent url("../images/menu/greenslate_background.jpg") repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase; margin-top: -3px; }
#navigation #menu-general ul{margin:0px;padding:0;list-style-type:none;width:auto;}
#navigation #menu-general ul li{display:block;float:left;margin:0 1px 0 0; }
#navigation #menu-general ul li a{display:block;float:left;color:#eee;text-decoration:none;padding:10px 15px 0 15px;height:20px; background-color: transparent;}
#navigation #menu-general ul li a:hover,#menu-general ul li a.actif{color:#fff;background:transparent url(../images/menu/greenslate_backgroundOVER.jpg) no-repeat top center;}


#navigation #menu-page{padding: 3px 0px 0px 15px; color: #aaa; }
#navigation #menu-page ul {list-style: none; margin: 0px; padding: 0px;}
#navigation #menu-page li {display: inline; line-height: 11px; margin-right: 20px; }
#navigation #menu-page a {text-decoration:underline; color:#91816D; background-color: transparent;} 






table{
width: 100%; 	
margin: 5px 0px 0px;
padding: 0px 15px;  
}

th {
	background: #66368A url("../images/fond-tableau.png") repeat;
	height: 15px;
	line-height: 18px; 
	padding-left: 12px;
	padding-right: 12px;
	color: #FFF;
	text-align: left;
	border-left: 1px solid #6E3C93;
	border-right: solid 0px #30617F;
}
tr {
	height: 25px;
	line-height: 16px; 	
}
td {
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ccc;
}

tr.ligne-a {
	background: #F8F8F8;
}
tr.ligne-b {
	background: #EFEFEF;		
}