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{position:absolute;top:0;left:0;width:100%;height:100%;min-width:990px;min-height:800px;z-index:5;*z-index:auto;}

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

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

/* Header */
#page .accueilcite{position:absolute;top:45px;left:725px;*filter:none;z-index:20;}
#page .logo {position:absolute;top:45px;left:50%;margin: 0 0 0 -142px;z-index:20;}
#page .english{position:absolute;top:75px;left:750px;*filter:none;z-index:20;}
#page .universcience{position:absolute;top:5px;left:50px;*filter:none;z-index:20;color:#FFFFFF;}
#page .print{left:783px;position:absolute;top:105px;z-index:20;}

/* Menu principal */
#page .menu{margin:125px 0 0 15px;float:left;text-align:left;min-height:575px;_height:575px;width:205px;position:relative;z-index:20;}
#page .menu .title{padding:0 0 0 15px;display:block;width:190px;height:40px;line-height:40px;font-size:16px;color:#FFFFFF}
#page .menu>li{margin:0 0 10px 0;}
#page .menu ul {background:#FFFFFF;}
#page .menu ul li{padding:2px 0 2px 10px;display:block;}
#page .menu ul li a{color:#000000}
#page .menu ul li a:hover{color:inherit}

/* Menu de droite */
#page .menuright{margin-right:110px;_margin-right:60px;float:right;position:relative;z-index:20;}
#page .menuright li{text-align:left}
#page .menuright a{display:block;width:75px;height:60px;font-size:9px;line-height:10px;text-align:center;color:#4E4E4E}
#page .menuright a:hover{color:#598127}
#page .menuright img{margin:auto;display:block;vertical-align:middle;}
#page .menuright .doc{margin-left:25px !important}
#page .menuright .marg15{margin-left:15px !important}

/* Footer */
#page .footer{position:absolute;bottom:175px;left:50%;margin:0 0 0 -225px; width:450px;font-size:9px;line-height:12px;font-weight:bold;z-index:20;}
#page .footer li{display:inline;padding:0 5px;border-left:1px solid #000000}
#page .footer li.first{border:none}
#page .footer li a{color:#000000}
#page .footer li a:hover{text-decoration:underline;}

/* Partenaires */
#page .partenaires{position:absolute;bottom:110px;left:50%;margin:0 0 0 -225px; width:450px;font-size:9px;line-height:12px;z-index:20;overflow:visible;}
#page .partenaires .title{display:inline-block;*float:left;}
#page .partenaires li{padding:0 5px;text-align:left;}
#page .partenaires ul{display:block;}
#page .partenaires ul li{float:left;display:block;font-size:40px;line-height:40px;}
#page .partenaires img{vertical-align:middle;}

/* Contenu */
#page .content{position:absolute;top:175px;left:245px;width:510px;height:400px;z-index:20;font-size:14px;}
#page .content .scroll{width:500px;height:360px;overflow:auto;left:0;}
#page .content .scroll2{width:500px;height:255px;overflow:auto;left:0;}
#page .content .scroll3{width:500px;height:300px;overflow:auto;left:0;}
#page .content .scroll4{width:500px;height:350px;overflow:auto;left:0;}
#page .content .scroll3 .text{text-align:left;}
#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:0px;}
#page .content .liste1 li{background:URL(../images/parentprofs/puce.gif) left center no-repeat; padding-left:20px; margin:0.5em 0; display:inline;}
#page .content .liste1 li a{color:#666; text-decoration:underline}
#page .content .liste1 li a:hover{text-decoration:none}

#page .content .liste2{margin-left:0px;}
#page .content .liste2 li {
background:url("../images/parentprofs/puce.gif") no-repeat scroll left center transparent;
display:inline;
left:150px;
margin:0 45px 0 0;
padding-left:20px;
position:relative;
top:20px;
}
#page .content .liste2 li a{color:#666; text-decoration:underline}
#page .content .liste2 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;}

/* Icones */
#page ul.icones{text-align:center;position:absolute;left:0;bottom:0;z-index:20;width:100%; }
#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
}

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