/* CSS Document */

html, body {
	padding : 0;
	margin : 0;
	height : 100%; /* Ces trois paramètres sont nécessaires pour un affichage correct */
	background-color:#000000;
}

body, tr, td {
	font-family:"Trebuchet MS",Arial;
	font-size:12px;
	text-align:left;
}

a{
	color:#1851A0;
	text-decoration:none;
}

.plus{
	background-image:url(img_tpl/pictos/plus.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:20px;
}

a:hover{
	color:#D99E27;
}

#contenant {
	height:100%;
	width:761px;
	text-align:justify;
	margin-right:auto;
	margin-left:auto;	
	background-color:#295B83;
	position:relative;
	margin-bottom:85px;
}

#bord_gauche {
	height:100%;
	background-color:#FABE43;
	background-image:url(img_tpl/pixel_blanc.gif);
	background-repeat:repeat-y;
	background-position:right top;
}

#bord_droit {
	height:100%;
	background-color:#FABE43;
	background-image:url(img_tpl/pixel_blanc.gif);
	background-repeat:repeat-y;
	background-position:left top;
	vertical-align:top;
	text-align:right;
}


#img_degrade_haut{
	position:relative;
	top:30px;
	left:0px; 
}

#band_haut {
	position:absolute;
	left:0px;
	top:29px;
	width:761px;
	height:87px;
	background-image:url(img_tpl/tpl_unesco_decoupage_04.gif);
	background-repeat:no-repeat;
}
#traduction {
	position:absolute;
	left:720px;
	top:45px;
	z-index:5;
}
#logo {
	position:absolute;
	left:0px;
	top:116px;
	width:316px;
	height:161px;
	background-image:url(img_tpl/tpl_unesco_decoupage_05.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

#texte {
	position:relative;
	left:166px;
	top:116px;
	width:618px;
	height:650px;
	background-color:#FFFFFF;
	margin-bottom:60px;
}



#degrade_bas {
 position:relative;
 left:2px;
 top:87px;
}

#degrade_bas2 {
 position:relative;
 left:2px;
 top:60px;
}

h1{
	color:#D99E27;
	font-size:18px;
	font-weight:bold;
}
h2.download{
	background-image:url(img_tpl/pictos/save.gif);
	background-repeat:no-repeat;
	background-position: top left;
	padding-left:30px;
	height:27px;
}

h2.download div{
	font-size:14px;
	border-bottom:dashed 1px #B8B6B3;
	font-style:italic;
}
/* menus */
#menu{
	position:absolute;
	left:0px;
	top:0px;
	width:761px;
	height:29px;
	background-color:#FFFFFF;
	text-align:center;
	
}
#menu a{
	font-size:13px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	float:left;
	margin:5px 12px 0px 12px;
}
a.menu_top{
	color:#215284;
}
a.menu_top:hover, a.menu_top_active{
	color:#3A8CFB;
}
#menu .separateur{
	background:#FABE43;
	height:20px;
	margin-top:5px;
	width:2px;
	float:left;
}
#ssmenu_left {
	position:absolute;
	left:0px;
	top:277px;
	width:316px;
	height:229px;
	background-image:url(img_tpl/repete_degrade.gif);
	background-position:left top;
	background-repeat:repeat-x;
	margin-bottom:150px;	
	padding-top:20px;
}

#ssmenu_left a{
	display:block;
	width:120px;
	background:url(img_tpl/picto_menu.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:12px;
	margin:5px 0px 5px 10px;
	text-align:left;
	margin-bottom:15px;
}
#ssmenu_left h1{
	font-size:16px;
	font-weight:bold;
	margin:20px;
	text-align:left;
	font-style:italic;
}
#ssmenu_left .cache{
	display:none;
}
a.menu_left, .liens_patrimoine a, a.menu_left2{
	color:#FFFFFF;
}
#ssmenu_left a.menu_left2, #ssmenu_left a.menu_left2_active{
	font-size:11px;
	background:none;
}
a.menu_left:hover,a.menu_left2:hover, a.menu_left_active, a.menu_left2_active,  .liens_patrimoine a:hover{
	color:#D99E27;
}

/*frise*/
#frise{
	position:relative;
	z-index:2;
	width:761px;
	height:237px;
	background:url(img_tpl/bg_frise.jpg);
}
.zone_defil{
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	height: 237px; 
	margin-bottom:15px;
	width:761px;
}
#support{
	position:absolute; 
	top:0px;
	left:20px;
	width:720px; 
	height: 237px; 
	overflow:hidden;
}

a.jour{
	background:#1A5063;
	border:solid 2px #FFFFFF;
	color:#FFFFFF;
	text-align:center;
	width:23px;
	height:20px;
	display:block;
	z-index:1;

}
a.jour:hover{
	border:solid 2px #FABE43;
	color:#FABE43;
}


.info_date{
	
  	filter:Alpha(opacity=0);
  	-moz-opacity:0;
	
	border:solid 2px #FFFFFF;
	background:#F3BD4F;
	padding:5px;
	position:absolute;
	top:150px;
	left:0px;
	z-index:5;
	display:block;

}
a.info_date{
	color:#295B83;
}
a.info_date a:hover{
	color:#3A8CFB;
}
/*fleche navigation dans miniatures*/
#fleche_gauche, #fleche_droite{
	position:absolute;
	width:20px;
	height:40px;
	z-index:2;
	top:45px;
	cursor:pointer;
}
#fleche_gauche{
	left:3px;
}
#fleche_droite{
	right:3px;
}
#fleche_rapide_droite1, #fleche_rapide_gauche1{
	position:absolute;
	z-index:2;
	top:85px;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;

}
#fleche_rapide_droite1{
	right:5px;
}
#fleche_rapide_gauche1{
	left:7px;
}
#fleche_rapide_droite2, #fleche_rapide_gauche2{
	position:absolute;
	z-index:2;
	top:100px;
	color:#FFFFFF;
	font-size:28px;
	font-weight:bold;

}
#fleche_rapide_droite2{
	right:3px;
}
#fleche_rapide_gauche2{
	left:6px;
}

/* style dans les pages */

li{
	background:url(img_tpl/pictos/picto.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:12px;
	list-style-type:none;
	padding-left:20px;
	margin-bottom:8px;
}

u{
	color:#D99E27;
	border-bottom:1px solid #FABE43;
	text-decoration:none;
}

h3{
	color:#D99E27;
	border-bottom:1px dashed #B8B6B3;
	background:url(img_tpl/pictos/titre.gif);
	background-position:left top;
	background-repeat:no-repeat;
	text-align:left bottom;
	width:100%;
	font-size:16px;
	padding-left:40px;
	height:20px;
}

h4{
	color: #10457A;
	border-bottom:1px dashed  #B8B6B3;
	width:100%;
}
.button{
	border:solid 1px #295B83;
	background:#FABE43;
	color:#295B83;
	cursor:pointer;
	font-weight:bold;
}
.button:hover{
	border:solid 1px #FABE43;
	background:#295B83;
	color:#FABE43;
}