

/*  Styles de base   */

body {font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;  max-width:800px;   margin-left: auto;  margin-right: auto;text-align:justify; overflow-y: scroll;height: 2000px;top:20px;color:#424242;background-color:#DBD7C3;background-image: url("fond15.png");background-repeat: no-repeat;background-size:1200px;	background-position: center -50px;}


h1 {color: #424242; font-size: 200%;font-weight:100;
 border-width:0px 0 0 0; border-style:solid; border-color:#464646;padding: 0px 0 0 0}
h2 {color: #424242; font-size: 120%;font-weight:bold;padding: 8px 0 3 0}
h3 {color: #0A0A2A; text-align:left;text-transform :uppercase; font-size: 100%;font-weight:100; padding: 10px 0 10 0}
h4 {color: #0A0A2A; font-style:italic;font-size: 100%;font-weight:bold; padding: 5px 0 5 0;}
h5 {color: #0A0A2A; font-size: 108%;text-decoration:underline;font-weight:100}
h6 {color: #0A0A2A; font-size: 105%}


/*  Menus  */

nav {text-align:center;padding-right:0px;margin-top:5px}

	
nav ul {
	background: #DCD7C3; 
	background: linear-gradient(top, #DCD7C3 50%, #969482 100%);  
	background: -moz-linear-gradient(top, #DCD7C3 50%, #969482 100%); 
	background: -webkit-linear-gradient(top, #DCD7C3 50%,#969482 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0 10px;
	border-radius: 10px;  
	list-style: none;
	position: relative;
	display: inline-table;
}
nav ul:after {content: ""; clear: both; display: block;}

nav ul  .pays  {
	background: #DCD7C3; 
	background: linear-gradient(top, #DCD7C3 0%, #969482 50%);  
	background: -moz-linear-gradient(top, #DCD7C3 0%, #969482 50%); 
	background: -webkit-linear-gradient(top, #DCD7C3 0%,#969482 50%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0 10px;
	border-radius: 10px;  
	list-style: none;
	position: relative;
	display: inline-table;
}

nav ul li {float: left;}

nav ul li:hover > ul {display: block;}

nav ul li:hover {
		background: #4b545f;
		background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
	}
	
nav ul li:hover a {color: #fff;}
	
	nav ul li a {
		display: block; padding: 5px 10px;
		color: #424242; text-decoration: none;text-align:left;
	}

nav ul ul {display: none;
	background: #5f6975; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
}
	nav ul ul li {
		float: none; 
		border-top: 1px solid #6b727c;
		border-bottom: 1px solid #575f6a;
		position: relative;
	}
		nav ul ul li a {
			padding: 10px 15px;
			color: #fff;
		}	
			nav ul ul li a:hover {
				background: #4b545f;
			}

nav ul ul ul {position: absolute; left: 100%; top:0;}			

	
/*  Styles supplémentaires   */

.titreprincipal { color: #222222;font-size: 200%}

.manu { color: #331155;}
.isa {color: #660022;}
.isamanu {color: #222222;}
.titremanu { color: #331155;font-size: 150%}
.titreisa { color: #660022;font-size: 150%}
.titreisamanu { color: #222222;font-size: 150%}
.soustitremanu { color: #331155;font-style:italic;font-size: 120%}
.soustitreisa { color: #660022;font-style:italic;font-size: 120%}
.soustitreisamanu { color: #222222;font-style:italic;font-size: 120%}

.datemanu {color: #331155; font-size: 110%; text-align:left;padding-left:30px;padding-top:30px;padding-bottom:20px;}
.dateisa {color: #660022;font-style:italic; font-size: 110%; text-align:left;padding-left:30px;padding-top:30px;padding-bottom:20px;}
.dateisamanu {color: #222222;font-style:italic; font-size: 110%; text-align:left;padding-left:30px;padding-top:30px;padding-bottom:20px;}
.photo {text-align:center;align:center;padding-top:5px;padding-bottom:20px;}
.photoaveclegende {text-align:center;align:center;padding-top:5px;padding-bottom:0px;}
.video {text-align:center;align:center;padding-top:10px;padding-bottom:10px;}

.legende {font-style:italic; font-size: 60%; text-align:right; padding-right:10px;padding-top:-5px;padding-bottom:30px;}
.legende2 {font-style:italic; font-size: 60%; text-align:right; padding-right:10px;padding-top:-65px;padding-bottom:20px;}
.citations {font-style : italic; font-size: 90%}
.remarque {font-style:italic; font-size: 80%; text-align:center;padding-left:80px;padding-top:20px;padding-bottom:20px;padding-right:80px;}
.incise {font-style:italic; font-size: 70%;padding-left:80px;padding-top:20px;padding-bottom:20px;padding-right:80px;}
.epigraphe {text-align:right;font-size: 80%;font-style:italic; margin-top: 50px;margin-bottom: 50px;}
