html, body{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
body{
	font:normal 0.7em Arial, Helvetica, sans-serif;
	color:#77645c;
	background:url(../images/bg.gif) 0 0 repeat;
}

#conteneur{
	position:relative;
	margin:0 auto;
	padding:0 13px 1px 13px;
	width:710px;
	background:#FFF url(../images/bg_conteneur.gif) 0 0 repeat-y;
}
#conteneur img{
	display:block;
}
hr{
	clear:both;
	visibility:hidden;
	margin:0;
}

/* ---------------------------------------------------------------------------- */
/* 								MENU / TOP / BOTTOM								*/
/* ---------------------------------------------------------------------------- */
/* menu */
ul#menu{
	margin:0;
	padding:0;
	height:35px;
	list-style:none;
	background-color:#d7d4cc;
}
#menu li, #menu_hab li{
	float:left;
}
#menu img, #menu_hab img{
	border:none;
}

/* menu habitat */
ul#menu_hab{
	margin:15px 0 0 0;
	padding:0;
	height:30px;
	list-style:none;
	border-bottom:1px dotted #e9dee4;
}
#menu_hab li#G{
	margin-right:180px;
}


/* top */
#top{
	margin:0;
	height:156px;
	border-top:1px solid #3d1d10;
	border-bottom:1px solid #3d1d10;
}
#top img{
	float:left;
}
#date{
	margin:0 11px 0 0;
	padding-top:3px;
	height:7px;
	text-align:right;
	border-left:482px solid #d7d4cc;
}

/* bottom */
#footer{
	clear:both;
	margin:0;
	padding-right:12px;
	height:14px;
	color:#ded7c8;
	text-align:right;
	border-top:1px solid #ded7c8;
	border-bottom:1px solid #ded7c8;
}
#footer a{
	text-decoration:none;
	color:#2f819f;
}
#footer a:hover{
	text-decoration:underline;
}
#bg_b_d, #bg_b_g{
	position:absolute;
	bottom:0;
}
#bg_b_g{left:0;}
#bg_b_d{right:0;}

/* --------------------------------------------------------------------------- */
/* 										TITRES								   */
/* --------------------------------------------------------------------------- */
h1{
	margin:13px 0 0 9px;
}
.annonce h2, #detail h2, #cadreAmi h2{
	margin:0;
	font-size:1.3em;
	color:#0094ac;
}
.annonce h3, .annonce h4, #detail h3, #detail h4, #cadreAmi h3{
	margin:0;
	font-size:1.1em;
}
.annonce h3, #detail h3, #cadreAmi h3{
	margin-bottom:0.1em;
	color:#fea821;
}

#conteneurPop h2{
	margin:10px 0 2px 10px;
	font-size:1.1em;
}

/* --------------------------------------------------------------------------- */
/* 										PAGE								   */
/* --------------------------------------------------------------------------- */
/* programmes */
#programmes{
	float:left;
	margin-left:9px;
	width:450px;
}
#programmes .annonce{
	margin:15px 0 0;
	padding-bottom:25px;
	border-bottom:1px dotted #737373;
}
.annonce{
	clear:left;
}
.annonce img{
	margin:0 10px 0 0;
	float:left;
	border:none;
}
.annonce p{
	margin:1em 0 0;
	min-height:3em;
	
}
.annonce a{
	float:right;
}
#imgProg{
	margin-left:1px;
}

/* pages */
ul#pages{
	float:right;
	margin:5px 0 0;
	padding:0;
	list-style:none;
	color:#a5a093;
}
#pages li{
	display:inline;
	padding:0 1px;
}
#pages li em{
	color:#fea821;
	font-style:normal;
}
#pages a{
	color:#a5a093;
	text-decoration:none;
}

/* détail */
#explication{
	margin-top:-15px;
}
#detail{
	margin:0 0 0 468px;
	width:238px;
	background:url(../images/ombre_detail.gif) right top repeat-y;
}
#detail p, #detail h2, #detail h3, #detail h4{
	margin-left:10px;
}
#detail h2, #detail h3, #detail h4{
	margin-right:10px;
}
#detail p.contenu{
	margin-top:10px;
	padding-top:0.2em;
	width:210px;
	border-top:1px dotted #737373;
}
#detail span{
	color:#fea821;
}
#detail em{
	font-weight:bold;
	font-style:normal;
	color:#fea821;
}
#detail a.outil{
	float:left;
	margin:5px 0 3px 5px;
}
#detail img{
	border:none;
}

#descProg, #descLieu{
	display:none; /* n'apparaît que lors de l'impression */
}

/* photos */
#detail #photos{
	margin:35px 0 10px 0;
	height:110px;
}
#photos a, #photos img{
	float:left;
	margin:5px 0 3px 8px;
}
#photos a img{
	margin:0;
}


/* Autres */
#ancre{
	float:right;
	margin:10px 13px 10px 0;
	border:none;
}


/* --------------------------------------------------------------------------- */
/* 										POPUP								   */
/* --------------------------------------------------------------------------- */
/* Visionneuse / Diaporama */
#conteneurPop{
	position:relative;
	height:100%;
	background:#dedbd5 url(../images/bg_pop.gif) 0 0 repeat-x;
}
#conteneurPop #cadre, #conteneurPop #cadreAmi{
	position:relative;
	margin:15px auto;
	background-color:#FFF;
}
#conteneurPop #cadre{
	padding:10px 40px;
	/*width:335px;
	height:400px;*/
	width:465px;
	height:555px;
	border:1px solid #77645c;
}
#conteneurPop #cadreAmi{
	padding-bottom:1em;
	width:450px;
}
#conteneurPop #flash p{
	padding:1em;
}
#conteneurPop #arcEnCiel{
	position:absolute;
	bottom:43px;
	left:0;
}
#conteneurPop a#close{
	position:absolute;
	bottom:0;
	right:0;
	padding:15px 1em;
	width:100%;
	text-align:right;
	color:#FFF;
	text-decoration:none;	
}

#conteneurPop a#prev, #conteneurPop a#next{
	position:absolute;
	top:50%;
	margin-top:-11px;
}
#conteneurPop a#prev{left:5px;}
#conteneurPop a#next{right:5px;}
#conteneurPop img{
	border:none;
}

/* Descritif programme */
#conteneurPop p{
	margin:0 10px;
	padding:1em;
	background-color:#FFF;
	border:1px solid #77645c;
}
#conteneurPop #imgTop{
	margin:0;
	padding:0;
}
#conteneurPop #imgTop img{
	display:block;
}

/* Envoie à un ami */
#txt_erreur{
	color:#F00;
}
#cadreAmi p{
	border:0;
}
#cadreAmi p#title{
	text-align:center;
}
#cadreAmi img{
	float:left;
	margin-bottom:1em;
}
#cadreAmi div{
	margin:0 5px 0 235px;
}
#cadreAmi div p{
	margin:0.5em 0 0;
	padding:0 0 0.5em;
	border-bottom:1px dashed #737373;
}

form#envoie{
	margin-top:2em;
	clear:both;
}
#envoie p{
	margin:0;
	padding:0;
	text-align:center;
}
#envoie input{
	width:70%;
	font:1em Arial, Helvetica, sans-serif;
	color:#77645c;
}
#envoie input#bouton{
	margin:5px 180px;
	width:7em;
}