@charset "utf-8";
/*CSS niveau 3* valide*/
html {
	font-size: 100%;
}

body {
	font-family: verdana, sans-serif;
	font-size: 1.05rem;
	color: navy;
	background-image: url(fond.jpg);
	background-attachment: fixed;
	max-width: 1250px;
	min-width: 320px;
	margin-left: auto;
	margin-right: auto;
}

a:link {
	color: blueviolet;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	color: gray;
	text-decoration: none;
}

a:hover {
	color: violet;
	text-decoration: underline;
}

.geolien:link {
	color: royalblue;
}

.chapo {
	padding-left: 10px;
	height: 25px;
	background-color: RoyalBlue;
	font-size: 1.0rem;
	font-weight: bold;
	color: white;
	border-radius: 15px;
}

#container {
		background-color: white;
}

#titrepage {
	  font-family: "Times New Roman", serif;
	margin: 5px 0 5px 10px;
	font-weight: normal;
	font-size: 4rem;
	color: blue;
	text-shadow: 2px -2px 4px black;
}

@media (max-width: 600px) {
	#titrepage {
		font-size: 2.5rem;
		text-shadow: none;
	}
}

/* menu principal */
.zmenu-container {
	overflow: auto;
	clear: both;
	border: 2px solid blue;
	border-radius: 5px;
	padding: 3px;
	margin: 3px;
}

.zmenu {
	list-style: none;
	width: 100%;
	height: auto;
	padding: 2px 0 0 0;
	margin: 0;
}

.zmenu li {
	display: block;
	text-align: center;
	float: left;
	margin: 0 4px 3px 4px;
	font-family: Verdana, sans-serif;
	font-size: 0.95em;
	font-weight: bold;
}

.zmenu li a {
	display: block;
	color: white;
	text-decoration: none;
	background-color: #2F5BFD;
	padding: 3px 6px 4px 6px;
	margin-top: 1px;
	border-radius: 7px;
	font-weight: bold;
}

@media (max-width: 600px) {
	.zmenu li a {
		margin-bottom: 10px;
		font-size: 1.0em;
	}
}

.zmenu li a:hover {
	color: #000;
	background-color: #5E99F8;
}

.zmenu li a:visited {
	color: #333;
	background-color: #CCC;
}

.zmenu li a.current {
	color: #000;
	background-color: #5E99F8;
}

.zmenu li a.vert {
	background-color: #A2C341;
	color: #000;
}

.zmenu li a.vert:hover {
	background-color: #5E99F8;
	color: #000;
}
/*Menu basique*/
.navbas {
	list-style: none;
	margin: 0;
	padding: 5px 0 0;
	clear: left;
}

.navbas li {
	display: inline;
}

.navbas a {
	display: inline-block;
	padding: 10px;
}
/*Menu bouquin*/
.navbook {
	list-style: none;
	margin: 0;
	padding: 2px 0px 2px 2px;
	clear: left;
}

.navbook li {
	display: inline;
	padding: 2px 0px 2px 2px;
}

.navbook a {
	display: inline-block;
}

/*Menu chapitrage*/
.chapitrage a:link {
	color: blue;
}

.chapitrage a:hover {
	color: red;
}

.chapitrage a:visited {
	color: gray;
		background-color: #CCC;
}

.chapitrage {
	clear: both;
	list-style-type: none;
	margin: 5px;
	overflow: hidden;
	padding: 5px;
	position: relative;
	text-align: center;
}

.chapitrage li a {
	background-color: #A3E6F7;
	border-radius: 5px;
	border: 2px solid blue;
	display: block;
	float: left;
	font-size: .95rem;
	margin: 3px 3px 10px;
	min-width: 60px;
	padding: 7px 10px;
	text-decoration: none;
	width: auto;
}

.chapitrage a:first-letter {
	color: red;
	font-weight: 700;
}

/*STRUCTURE*/
main {
	clear: both;
	padding: 5px 8px 5px 8px;
}

footer {
	clear: both;
	padding: 5px 8px 5px 8px;
}

.colon2 {
	column-count: 2;
	column-width: 400px;
}

.coldroite {
	float: right;
	clear: right;
	text-align: center;
	padding: 6px 10px 10px 10px;
}

.colgauche {
	float: left;
	clear: left;
	text-align: center;
	padding: 6px 10px 10px 10px;
}

/*TITRE PARAGRAPHE*/
h2,h3,h4 {
	font-family: "Times New Roman", serif;
	color: blue;
	font-weight: normal;
}

.hz2 {
	clear: both;
	margin: 1rem 0 .7rem 1rem;
	font-size: 1.8rem;
	border-bottom-width: .2rem;
	border-bottom-style: solid;
	padding-bottom: .1rem;
}

.hz2i {
	margin: 1rem 0 .7rem 1rem;
	font-size: 1.8rem;
	border-bottom-width: .2rem;
	border-bottom-style: solid;
	padding-bottom: .1rem;
}

.hz3 {
	clear: both;
	margin: 1rem 1rem .7rem 3em;
	font-size: 1.5rem;
	border-bottom-width: .15rem;
	border-bottom-style: dotted;
	padding-bottom: .1rem;
}

.hz3i {
	margin: 1rem 0 .7rem 3rem;
	font-size: 1.5rem;
	border-bottom-width: .15rem;
	border-bottom-style: dotted;
	padding-bottom: .1rem;
}

.hz4 {
	float: left;
	margin: .6rem .5rem .1rem 3.2rem;
	font-size: 1.1rem;
	padding: .1rem .6rem .2rem .6rem;
	border-bottom-width: .15rem;
	border-bottom-style: dotted;
}
/*SEPAREATEUR*/
.nofloat {
	clear: both;
}

.nofloatleft {
	clear: left;
}

.separ {
	clear: both;
	background-color: white;
	height: 30px;
	background-image: url(blueline.gif);
	background-repeat: no-repeat;
	background-position: center;
	border: 0;
}
/*IMAGE*/
img {
	max-width: 100%;
	height: auto;
	border: 0;
}

.imag {
	clear: left;
	float: left;
	text-align: center;
	padding: 0;
	margin-right: 5px;
	border-width: 15px;
	border-style: solid;
	border-image: url('../cave/frame.png') 15 round;
}

.imag img {
	margin: 1px;
	border: 0;
	cursor: url(loupe.png), auto;
}

.imag2 {
	padding: 0;
	margin: 0 5px 15px 0;
	float: left;
	text-align: center;
	border-width: 15px;
	border-style: solid;
	border-image: url('../cave/frame.png') 15 round;
}

.imag2 img {
	margin: 1px;
	border: 0;
	cursor: url(loupe.png), auto;
}

.imag3 {
	clear: left;
	padding: 0;
	margin: 0 5px 15px 0;
	float: left;
	text-align: center;
	border-width: 15px;
	border-style: solid;
	border-image: url('../cave/frame.png') 15 round;
}

.imag32 {
	float: left;
	padding: 0;
	margin: 0 5px 15px 0;
	text-align: center;
	border-width: 15px;
	border-style: solid;
	border-image: url('../cave/frame.png') 15 round;
}

.imag3d {
	float: right;
	padding: 0;
	margin: 0 3px 10px 5px;
	text-align: center;
	border-width: 15px;
	border-style: solid;
	border-image: url('../cave/frame.png') 15 round;
	background-color: white;
}

.imag3dl {
	float: right;
	padding: 0;
	margin: 0 5px 15px 5px;
	text-align: center;
	border-width: 15px;
	border-style: solid;
	border-image: url('../cave/frame.png') 15 round;
}

.imag3dl img {
	margin: 1px;
	border: 0;
	cursor: url(loupe.png), auto;
}

.imag4 {
	clear: left;
	float: left;
	padding: 5px;
	margin: 5px 5px 5px 2px;
	height: 100%;
	text-align: center;
}

.imag42 {
	float: left;
	padding: 5px;
	margin: 5px 5px 5px 2px;
	height: 100%;
	text-align: center;
}

.centrimage {
	clear: left;
	margin-left: auto;
	margin-right: auto;
	font-family: Arial, sans-serif;
	color: #00F;
	text-align: center;
}

.desc {
	text-align: center;
	width: 95%;
	font-family: Arial, sans-serif;
	color: #009;
	background-color: #EEE;
	margin: 1px auto auto;
}
/*COLONNES*/
.floatleft {
	float: left;
	color: blue;
	text-align: center;
	font-family: Arial, sans-serif;
	padding: 5px;
	margin: 5px 4px 6px 0;
}

.floatright {
	float: right;
	color: blue;
	text-align: center;
	max-width: 95%;
	font-family: Arial, sans-serif;
	padding: 6px 4px 6px 10px;
}
/*FILIATION*/
.filiation {
	font-size: .8em;
	font-family: Arial, sans-serif;
	text-align: center;
	border-collapse: collapse;
	border: 1px solid #00F;
	clear: left;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
}

.homme {
	background-color: #BEF;
	border: 1px solid #00F;
}

.femme {
	background-color: #FADDEA;
	border: 1px solid #00F;
}

.filtitre {
	background-color: #FF9;
	border: 1px solid #00F;
	font-weight: bold;
	width: 50%;
}

.bete {
	background-color: #EEE;
	border: 1px solid #00F;
}
/*CORPS TEXTE*/
p {
	text-indent: 1.2rem;
	text-align: justify;
	line-height: 1.6em;
}

.green {
	color: #070;
	font-weight: bold;
}

.green11 {
	color: #070;
	font-size: .8em;
}

.reference11 {
	color: #C32400;
	font-size: .8em;
}

.blue {
	color: #09C;
}

.pastille {
	color: #00F;
	font-size: 1.5em;
	font-weight: 700;
}

.suivant {
	font-size: 10px;
	text-align: right;
	color: #00F;
	clear: both;
}

.fonte11 {
	font-size: .8em;
}

.fontesub {
	font-size: .5em;
}

.citation {
	float: left;
	font-style: italic;
	text-align: justify;
	color: blue;
	background-color: #FEFDE1;
	width: 350px;
	border: 2px dotted blue;
	padding: 5px;
	margin: 5px 10px 5px 5px;
}

.quote {
	font-style: italic;
	text-align: justify;
	color: blue;
	background-color: #FEFDE1;
	border: 2px dotted blue;
	padding: 5px;
}

.usl {
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*LISTE*/
dl {
	margin-left: 1em;
}

dt {
	color: #00F;
	line-height: 1.4;
}

dd {
	line-height: 1.4;
}

li {
	line-height: 1.4;
}
/*COULEUR LISTE LI*/
.meli {
	list-style-type: none;
	list-style-position: inside;
	margin-left: 15px;
	padding: 0;
}

.mblue {
	list-style-image: url(../cave/cablue.gif);
	padding-top: 5px;
}

.mred {
	list-style-image: url('../cave/cared.gif');
	padding-top: 5px;
}

.myellow {
	list-style-image: url(../cave/cayellow.gif);
	padding-top: 5px;
}

.mgreen {
	list-style-image: url(../cave/cagreen.gif);
	padding-top: 5px;
}

.mbrown {
	list-style-image: url(../cave/cabrown.gif);
	padding-top: 5px;
}

.mpink {
	list-style-image: url(../cave/capink.gif);
	padding-top: 5px;
}

.mviol {
	list-style-image: url(../cave/caviol.gif);
	padding-top: 3px;
}

.mgrey {
	list-style-image: url(../cave/cagrey.gif);
	padding-top: 5px;
}

.mnoir {
	list-style-image: url(../cave/canoir.gif);
	padding-top: 5px;
}

.mblanc {
	list-style-image: url(../cave/cablanc.gif);
	padding-top: 5px;
}
/*BAS DE PAGE*/

.sources {
	list-style-image: url(cablue.gif);
	list-style-type: square;
	list-style-position: inside;
	padding-left: 5px;
	text-indent: 5px;
	line-height: 1.2;
}

details > summary {
	padding: 5px;
	margin: 10px;
	width: 250px;
	background-color: blue;
	font-size: 1.0rem;
	font-weight: bold;
	color: white;
	border-radius: 5px;
	cursor: pointer;
}

#baspage {
	clear: both;
/*  background-color: white;*/
	text-align: center;
}

#ours {
	display: none;
}


/*PUBLICITE*/
.pubright {
	float: right;
	text-align: center;
	padding: 6px 4px 6px 10px;
}

#pubbas {
	clear: both;
	text-align: center;
}