/**
CSS générale dans toutes les pages html
*/


/**
pour l'accueil
*/
#noflash{
	padding-left:15px;
	padding-right:15px;
	position:absolute;
	top:0px;
	background-color:#000;
	height: 100%;
	width:100%;
	display:none;
}


#noflash .titre{
	font-size:2em;
	color:#FFF;
	font-family: Georgia, serif;
	font-style: italic;
}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

/**
 * pour le reste
 */

body{
	color:#FFF;
	font-family:Verdana, sans-serif;
	background: #000 url('../images/fond.gif') repeat-x;
}

/**
btn retour
*/
#retour{
	
}
#retour a{
	color:#FFF;
	background-color:transparent;
	text-decoration:none;
}
#retour a:hover{
	color:#FFF;
	background-color:transparent;
	text-decoration:underline;
}


#menu, #evitement, #redirection_flash{
	width:300px;
	padding:5px 5px 5px 5px;
	margin-top:15px;
	font-size:.7em;
	font-weight:bold;
}
#evitement a{
	font-size:1em;
	display:block;
}
#evitement a:before{
	color:#c07613;
	content:"_";
}
#contenu{
	position:absolute;
	left:330px;
	top:0;
	padding:10px 10px 10px 10px;
	font-size:.8em;
	margin-top:15px;
	
}

h1{
	color:#FFF;
	font-family: Georgia, serif;
	font-style: italic;
	margin-top:0px;
}
#contenu a{
	color:#000;
	text-decoration:none;
	background-color:#FFF;
}
#contenu a.glossaire{
	color:#FFF;
	text-decoration:underline;
	background-color:transparent;
}
h2{
	color:#FFF;
	font-family: Georgia, serif;
	font-style: italic;
	margin-top:15px;
	font-weight:normal;
	font-size:2.6em;
}

h1{
	margin-top:30px;
	padding-top:0px;
	font-size:3em;
	font-weight:normal;
}

a{
	color:#FFF;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

.sous-section, .item_mediatheque{
	
	border: 1px dotted #999;
	border-width : 1px 0 0 0;
	margin-top:20px;
	padding:0px 15px 15px 15px;
	
}
.item_mediatheque img{
	display:block;
	margin:10px;
}

#navigation_fiche div, #liens div  {
	border: 1px dotted #999;
	border-width : 0 0 0 0;
	margin-bottom: 10px;
	padding:10px 10px 10px 10px;
}
div.visuel, div.video{
	margin-bottom:25px;
	padding: 10px 10px 10px 10px;
	border: 1px dotted #999;
	border-width : 1px 0 0 0;
}
.legende_visuel, div.description_video{
	margin-top:3px;
	font-size:1em;
	color:#FFF;
}
.legende_visuel img{
	width:50%;
}

div.video{
	margin-top:30px;
}
div.note_videos{
	margin:10px 10px 10px 10px;
	font-size:.75em;
	color:#666666;
}
div.description_video{
	font-size:1em;
	margin-bottom:3px;
}
div.soustitre_video{
	margin-bottom:10px;
}



.soustitre{
	font-size:1.3em;
	font-weight:bold;
}

#menu ul{
	list-style:none;
	margin-left:5px;
	padding-left:5px;
	font-size:1em;
}
#menu ol{
	margin-left:9px;
	padding-left:9px;
	font-size:1em;
}
#menu li{
	font-weight:normal;
	list-style:none;
	font-size:1em;
}
#menu a{
	font-size:1em;
	font-weight:normal;
}

#menu a.menu_item_on, li.menu_item_on{
	font-weight:bold;
	color:#c07613;
}
#menu a.menu_item_on:before, li.menu_item_on:before{
	color:#c07613;
	content:"_";
}


#menu li.onglet_niv_1{
	border: 1px dotted #999;
	border-width : 0 0 1px 0;
	padding: 5px 0 5px 0;
}

#menu ul.bloc_contenu {
	padding-bottom:20px;
}

dl{
	padding:10px 10px 10px 10px;
	font-size:.8em;
	margin-top:15px;
	
	/*border: 3px dashed  #999999;
	background-color:#F9f9f9;*/
}
dd{
	margin-bottom:25px;
	/*border:1px solid #999999;*/
	padding: 10px 10px 10px 10px;
	margin-left:5px;
	/*background-color:#def0e1;*/
	
}
dt{
	font-weight:bold;
}
#myContent
{
	outline : none;
}

/*
pour la légende de la chronologie de l'art parietal
/pages/contenu.php?fichier=06.xml
*/
#chrono_art_parietal{
	border-collapse:collapse;
}
#chrono_art_parietal td, #chrono_art_parietal th{
	border:1px solid grey;
	padding:5px;
}



/*MENU TRANSVERSALE*/
#topTransversalMenu
{
	position: absolute;
    text-align: center;
    width: 100%;
}
.transversalMenuWrapper
{
	position: relative;
	width: 704px;
	margin: auto;
}
#transversalMenu
{
	position: absolute;
}
#culture-links a:hover img {
	border: 0;
}
#culture-links img {
	border: 0;
}
  .clear{
  	clear: both;
  }
  #culture-links{
  	position: relative;
  	width: 730px;
  	height: 19px;
  	margin: 0 auto;
  	padding: 0;
  	list-style-type: none;
  	background-color: #141010;
  	border-bottom: dotted 2px #2c2723;
  }
  #culture-links li{
  	float: left;
  	padding: 0 1px 0 0;
  	margin: 0;
    background: url(../img/separation.gif) no-repeat center right;
  }
  #culture-links li.first,
  #culture-links li.last{
    background-image: none;
    padding: 0;
  }
  #culture-links li a{
  	display: block;
    padding: 0 7px;
    margin: 0;
  	height: 19px;
  	font: 11px Verdana, sans-serif;
  	line-height: 19px;
  	color:#aaaaaa;
  	text-decoration: none;
  }
  #culture-links li.first a{
    padding: 0;
  }
  #culture-links li.last a{
    padding: 0 6px 0 8px;
  }
   #culture-links li a:hover{
    background-color: #666666;
  }
  #culture-links li a strong{
  	font: bold 11px Verdana, sans-serif;
  	color:white;
  	text-transform: uppercase;
  }
  #show{
  	width:730px;
  	height: 11px;
  	margin: 0 auto;
  	padding: 0;
  	background: url(../img/show-hide.png) no-repeat top center;
  	cursor: pointer
  }