xhtml, body{height:100%}
body{font-family:Arial;font-size:12px;text-align:center}
body>table{width:100%;height:100%;}
a{text-decoration:none;}

/* Background par rubrique */
body{background:url(../images/gout-des-autres/background.jpg) repeat top left}
body#goutdesautres{background:url(../images/gout-des-autres/background.jpg) repeat top left}

/* Décoration par rubrique */
body #page #decoration{position:absolute;top:180px;left:880px;width:162px;height:384px;background:url(../images/gout-des-autres/decoration.png) no-repeat center center}
body#goutdesautres #page #decoration{position:absolute;top:180px;left:880px;width:162px;height:384px;background:url(../images/gout-des-autres/decoration.png) no-repeat center center}

#flash{display:none}

/* Alignement vertical */
#global{vertical-align:top;text-align:center;}

/* Element principal */
#page{}
#page #background{position:absolute;top:0;left:0;width:990px;height:800px;background:url(../images/assiette.png) no-repeat center center;}
#page #content{width:550px;height:800px; background-color:#fff}

/* Header */

/* Menu principal */
#page .menu{display:none !important}

/* Menu de droite */
#page .menuright{display:none !important}

/* Footer */
#page .footer{display:none !important}

/* Partenaires */
#page .partenaires{display:none !important}

/* Contenu */
#page .content{}
#page .content .small{font-size:13px;}
#page .content .text{padding:0 40px;text-align:center;}
#page .content .scroll .text{padding:0 10px 0 40px;text-align:center;}
#page .content h1{padding:5px 0 20px 0;font-size:18px;text-transform:uppercase;}
#page .content h2{padding:10px 0 5px 0;font-weight:bold;font-size:16px;text-align:left;}
#page .content p, #page .content ul{margin:0 0 10px 0;text-align:justify;}
#page .content a{text-decoration:underline;}
#page .content a:hover{text-decoration:none;}
#page .content .tableau{border:none;background-color:#C3C3C3;}
#page .content .tableau td{padding:5px; text-align:center;}
#page .content .tableau span{font-size:16px; font-weight:bold;}
#page .content .lien a{font-weight:bold; text-decoration:none;}
#page .content .accordion h2{text-align:left; margin-left:20px; text-decoration:underline;}
#page .content .tabPart{text-align:center;}
#page .content .tabPart td{vertical-align:middle;}
#page .content .souligne{text-decoration:underline;}
#page .content .liste{margin-left:50px; list-style-type:square;}
#page .content .liste a{text-decoration:underline;color:#60605F;}
#page .content .liste a:hover{text-decoration:none;}
#page .content .liste1{margin-left:180px;}
#page .content .liste1 li{background:URL(../images/parentprofs/puce.gif) left center no-repeat; padding-left:20px; margin:0.5em 0}
#page .content .liste1 li a{color:#666; text-decoration:underline}
#page .content .liste1 li a:hover{text-decoration:none}

body#bleu #page .content h1,
body#bleu #page .content h2{color:#0282CC;}
body#biendanstonassiette #page .content h1,
body#biendanstonassiette #page .content h2{color:#E83102;}
body#pourquoimangestu #page .content h1,
body#pourquoimangestu #page .content h2{color:#F13CB6;}
body#enquete #page .content h1,
body#enquete #page .content h2{color:#658a37;}
body#goutdesautres #page .content h1,
body#goutdesautres #page .content h2{color:#0282CC;}
body#faimdecitoyen #page .content h1,
body#faimdecitoyen #page .content h2{color:#FA930F;}
body#pourconclure #page .content h1,
body#pourconclure #page .content h2{color:#60605F;}
body#gris #page .content h2{color:#60605F;}

body#bleu #page .content a{color:#0282CC;}
body#biendanstonassiette #page .content a{color:#E83102;}
body#pourquoimangestu #page .content a{color:#F13CB6;}
body#enquete #page .content a{color:#598127;}
body#goutdesautres #page .content a{color:#0282CC;}
body#faimdecitoyen #page .content a{color:#FA930F;}
body#pourconclure #page .content a{color:#60605F;}

#page{ font-family:Trebuchet MS !important; font-size:14px}

#page .content .scroll,#page .content .scroll2,#page .content .scroll3,#page .content .scroll4{width:auto !important;height:auto !important;overflow:auto; position:relative !important; top:0 !important}

.jScrollPaneContainer{width:auto !important;height:auto !important;}
.jScrollPaneTrack, .jScrollArrowUp, .jScrollArrowDown{display:none !important}

/* Icones */
#page ul.icones{position:relative !important}
#page ul.icones li{display:inline;margin:0 10px;}
#page ul.icones li.left{float:left;margin:0 10px 0 20px}
.bulle{position:absolute;background:url(../images/bulle.png) no-repeat top left;width:130px;height:80px;padding:30px 35px;z-index:25;}
.bulle_small{position:absolute;background:url(../images/bulle_small.png) no-repeat top left;width:64px;height:72px;padding:6px 28px;z-index:25;font-size:0.9em; line-height:1.2em;}

/* fleches liste */
li.pucejaune {background:url(../images/faim-de-citoyen/puce.gif) no-repeat scroll 0 2px;
padding:0 0 0 17px;line-height:25px;line-height:22px;}
li.pucebleu {background:url(../images/pucebleu.gif) no-repeat scroll 0 5px;
padding:0 0 0 17px;line-height:25px;}

/* billeterie */
.visiter{ width:43%; padding-right:3%; border-right:1px solid #999 }
#page .billeterie .floatleft h2, #page .billeterie .floatright h2{ margin:0 0 0.5em 0; padding:0; font-weight:bold }
#page .visiter ul li{ background:url(../images/pucegrise.gif) no-repeat; padding-left:20px; margin-bottom:0.7em; font-size:12px; text-align:left; line-height:17px; }
#page .billeterie a{ color:#666 }

/* credits */
#page .credits h2{
	text-transform:uppercase;
	font-size:14px
}

#page .credits h3{
	font-weight:bold;
	text-decoration:underline;
	color:#000;
	margin-bottom:0.5em
}

#page .content
 .center{text-align:center}

.credits p{
	margin-bottom:0.5em
}

.credits .prev{
	background:url(../images/pucegrise_left.gif) no-repeat left center;
	padding-left:20px;
	color:#666;
	margin-right:10px
}

.credits .next{
	background:url(../images/pucegrise.gif) no-repeat right center;
	padding-right:20px;
	color:#666;
}

/* preparer visite */

.preparer_visite ul.tarifs{
	padding-right:30px
}

.preparer_visite ul.tarifs li, .preparer_visite ul.liens li{
	margin:0.5em 0;
	background:url(../images/pucegrise.gif) no-repeat left center;
	padding-left:20px;
	font-weight:bold;
	color:#000;
	list-style-type:none
}

#page .preparer_visite ul.free{
	padding-left:20px;
	*margin-top:-10px
}

.preparer_visite ul.free li{
	font-size:0.8em;
	font-style:italic;
}

.preparer_visite a{
	color:#999;
	font-weight:normal
}

/* conclure */
#page .conclure .accordion li h2{ 
	float:left;
	margin-left:10px;
	max-width:360px
}
#page .conclure .accordion li{
	clear:both
}

#page .conclureList li img{
	float:left;
	margin: 7px 5px 0 0;
}

#page .conclureList li{
	margin:0.2em 0;
}

/* que mangent-ils */
.video_mange{
	overflow:auto
}

.video_mange li{
	float:left;
	width:200px;
	padding:5px
}

#page .video_mange li p{
	margin:0;
	text-align:center;
}

/* parents - profs */
#page .special_parents .video li{
	float:left;
	width:130px;
	padding:5px
}

#page .special_parents .video li p{
	text-align:center
}

/* faim de citoyen */
.img_faim{
	display:block;
	margin-top:-20px;
}