@charset "utf-8";

/* couleur de lien dynamique */
/* pour ie6 */
a {
	color: rgb(0, 0, 0);
}
a {
	color: inherit;
}
/**/
/* couleur du texte - par defaut */
body {
	color: rgb(0, 0, 0);
}
/* Rem : ajout pour certaines versions d'explorateurs */ 
header, footer, section, aside, nav {
	display : block;
}
/**/
/* --------- types de page -------- */
/* - accueil						*/
/* - sommaire						*/
/* - menu, contenu, image			*/
/*		- histoirecourte			*/
/*		- histoirescourtes			*/
/*		- histoiresansparole		*/
/*		- histoiressansparoles		*/
/*      - devinette					*/
/*      - devinettes				*/
/*      - animation					*/
/*      - photo						*/
/*      - photos					*/
/*      - loupes					*/
/*      - petitmot					*/
/* 		- info                  	*/
/*      - infos                     */
/*      - bio                       */
/*      - merci                     */
/*      - retour                    */
/*      - quiz                      */
/*      - quizz                     */
/*      - png                       */
/*      - index                     */
/*      - chasse                    */
/*      - clair                     */
/*      - fonce                     */
/*      - dix                       */
/*      - onze                      */
/*      - douze                     */
/*      - treize                    */
/*      - quatorze                  */
/* - derniereinfo					*/
/* - dernieresinfos					*/
/* - indexdelafaune					*/
/* - indexcomplementaire			*/
/* - indeximages        			*/
/* - anniversaire        			*/
/* - centre                         */
/**/
/* fonds d'image - couleurs de fond pour les titres de menu */
body.accueil {
	background-color: rgb(204, 174, 134);
	background-image: url(accueila.jpg);
}
body.accueilnuit {
	background-color: rgb(204, 174, 134);
	background-image: url(accueilnuit.jpg);
}
body.accueil h1 {
	font-family: "segoe print", Arial, sans-serif;
	color: rgb(255, 255, 255);
	font-weight: bold;
	font-size: 400%;
}
body.accueilnuit h1 {
	font-family: "segoe print", Arial, sans-serif;
	color: rgb(255, 255, 255);
	font-weight: bold;
	font-size: 500%;
}
body.menu {
	background-color: rgb(204, 204, 204);
}
/* Rem : l'ordre a ete choisi pour internet explorer 6 qui ne comprend pas les classes multiples - body.info.menu interprete comme body.menu
nota : si meme priorite la derniere declaration l'emporte */ 
body.menu.expo {
	background-image: url(red/im5106.jpg);
	text-align : center;
}
body.menu.histoiressansparoles {
	background-image: url(red/im5102.jpg);
}
body.menu.devinettes {
	background-image: url(red/im5103.jpg);
}
body.menu.photos {
	background-image: url(red/im5104.jpg);
}
body.menu.histoirescourtes {
	background-image: url(red/im5101.jpg);
}
body.menu.infos {
	background-image: url(red/im5105.jpg);
}
body.menu.anniversaire {
	background-image: url(red/im5105.jpg);
}
body.image.histoirecourte {
	background-color: rgb(66, 66, 66);
	color: rgb(153, 153, 153);
}
body.image.histoiresansparole {
    background-color: rgb(66, 66, 66);
	color: rgb(153, 153, 153);	
}
body.image.devinette, body.image.chasse {
	background-color: rgb(66, 66, 66);
	color: rgb(153, 153, 153);
}
body.image.photo {
	background-color: rgb(66, 66, 66);
	color: rgb(153, 153, 153);	
}
body.image.merci {
	background-color: rgb(66, 66, 66);
	color: rgb(153, 153, 153);	
}
body.image.retour {
	background-color: rgb(66, 66, 66);
	background-image: url(video/retour.jpg);
	color: rgb(153, 153, 153);	
}
body.image.loupes {
	background-color: rgb(66, 66, 66);
	color: rgb(237, 20, 91);	
}
body.image.quiz {
	background-color: rgb(66, 66, 66);
	background-image: url(video/surprise.jpg);
	color: rgb(153, 153, 153);
	margin-top: 150px;
}
body.image.png {
	background-color: rgb(66, 66, 66);
	color: rgb(153, 153, 153);	
}
body.image.info, body.image.index {
	background-color: rgb(170, 140, 105);
}
body.image.petitmot {
	background-color: rgb(12, 15, 20);
	color: rgb(255, 255, 255);
}
body.bio {
    background-color: rgb(204, 174, 134);
}
body.contenu.histoirecourte, body.contenu section.histoirecourte {
	background-color: rgb(177, 177, 65);
	color: rgb(0, 0, 0);
}
body.menu.expo h1 {
	background-color: rgb(69, 69, 69);
	color: rgb(255, 255, 255);
}
body.menu.histoirescourtes h1 {
	background-color: rgb(177, 177, 65);
	color: rgb(255, 255, 255);
}
body.contenu.histoiresansparole, body.contenu section.histoiresansparole {
	background-color: rgb(87, 140, 140);
	color: rgb(0, 0, 0);
}
body.menu.histoiressansparoles h1 {
	background-color: rgb(87, 140, 140);
	color: rgb(255, 255, 255);
}
body.contenu.devinette, body.contenu section.devinette, body.image.animation {
	background-color: rgb(135, 129, 189);
	color: rgb(0, 0, 0);
}
body.menu.devinettes h1 {
	background-color: rgb(135, 129, 189);
	color: rgb(255, 255, 255);
}
body.contenu.photo {
	background-color: rgb(197, 155, 109);
	color: rgb(0, 0, 0);
}
body.contenu section.photo, body.image section.photo {
	background-color: rgb(69, 69, 69);
	color: rgb(153, 153, 153);
}
body.contenu section.centre, body.image section.centre {
	background-color: rgb(69, 69, 69);
	color: rgb(153, 153, 153);
	text-align : center;
}
body.contenu.loupes {
	background-color: rgb(237, 20, 91);
	color: rgb(0, 0, 0);
}
body.contenu.quizz {
	background-color: rgb(135, 129, 189);
	color: rgb(0, 0, 0);
}
body.menu.photos h1 {
	background-color: rgb(197, 155, 109);
	color: rgb(255, 255, 255);
}
body.contenu.info, body.menu.infos h1 {
	background-color: rgb(204, 174, 134);
}
body.menu.anniversaire h1 {
	background-color: rgb(204, 174, 134);
}
body.derniereinfo , body.dernieresinfos , body.indexdelafaune, body.indexcomplementaire, body.sommaire {
	background-color: rgb(204, 174, 134);
}
body.indeximages {
	background-color: rgb(175, 150, 120);
}
/* specification des caracteres en exposant */
sup { 
	vertical-align: super;
	font-size: 60%;
}
/**/
/* fonte, couleur pour les titres */
h1 {
	font-family: "segoe print", Arial, sans-serif;
	font-weight: bold;
	color : rgb(255, 255, 255);
}
body.menu h1 {
	font-family: "segoe ui semibold", Arial, sans-serif;
	text-align : left;
}
body.info h1, body.bio h1 {
	color: rgb(255, 255, 255);
}
body.derniereinfo h1, body.dernieresinfos h1, body.indexdelafaune h1, body.indeximages h1, body.sommaire h1 {
	color: rgb(255, 255, 255);
	text-align : center;
}
body.indexcomplementaire h1 {
	color: rgb(115, 115, 115);
}
body.indexcomplementaire h2 {
	font-family: "segoe print", Arial, sans-serif;
	font-weight: bold;
	font-size: xx-large;
	color : rgb(255, 255, 255);
}
body.contenu.photo h2 {
	font-family: "segoe print", Arial, sans-serif;
	font-weight: bold;
	font-size: xx-large;
	color : rgb(205, 205, 205);
}
h3 {
	font-family: "segoe print", Arial, sans-serif;
	font-weight: bold;
	font-size: xx-large;
	text-align : center;
	color : rgb(255, 255, 255);
}
/**/
/* fonte par defaut pour le texte */
p, body.image.info ul, body.image.index ul, body.indexcomplementaire ul {
	font-family: "segoe ui semibold", Arial, sans-serif;
	font-size: large;
}
span.p1 {
	font-family: "segoe ui semibold", Arial, sans-serif;
	font-size: x-large;
	border-width: 10px;
	border-style: outset;
	border-color: rgb(255, 255, 255);
	padding: 10px; /* cellpading */
}
body.image.chasse div {
	border-width: 20px;
	border-style: inset;
	border-color: rgb(255, 255, 255);
}
/**/
/* fonte pour les libelles des pages dans les menus */
body.menu a {
	text-decoration: underline;
	font-family: "segoe ui semibold", Arial, sans-serif;
	font-size: x-large;
}
/**/
/* fonte pour le libelle de l'adresse mail */
body.contenu.info h2, body.indeximages h2 {
	font-family: "segoe ui semibold", Arial, sans-serif;
	font-weight: bold;
}
/**/
/* apparence des caracteres ... */
span.xxl {
	font-size: xx-large;
}
/**/
/* fonte et alignement pour les liens globaux */
section.textelong {
	margin-right: 205px;
}
body.contenu.photo, body.contenu.histoirecourte, body.contenu.histoiresansparole, body.contenu.quizz {
	margin-bottom: 150px;
}
body.contenu.loupes {
	margin-bottom: 60px;
}
body.accueil {
	margin-bottom: 50px;
}
nav {
	position: fixed;
	bottom: 0px;
	right: 8px;
	text-align: right;
	font-family: "segoe ui semibold", Arial, sans-serif;
	font-size: large;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	z-index: 1;
}
body.contenu nav.top {
	color: rgb(255, 255, 255);
}
nav.top {
	bottom: auto;
	top: 35px;
}
p.nav , div.nav {
	text-align: right;
	font-family: "segoe ui semibold", Arial, sans-serif;
	font-size: large;
	margin-top: 0px;
	margin-bottom: 0px;
}
nav.left, div.left, p.left {
	text-align: left;
	left: 8px;
	right: auto;
}
div.left, p.left {
	position: absolute;
}
.premier_plan {
    z-index : 4;
}
.premier_planh {
    color: rgb(255, 255, 255);
	top: 100px;
	z-index : 4;
}
nav a, div.nav a, p.nav a, p.page a {
	text-align: right;
	font-family: "segoe print", Arial, sans-serif;
	font-weight: bold;
	font-size: large;
}
body.menu nav a, body.menu div.nav a, body.menu p.nav a {
	text-align: right;
	font-family: "segoe print", Arial, sans-serif;
	font-weight: bold;
	font-size: x-large;
}
.indeximages nav {
    color: rgb(255, 255, 255);
	opacity: 1;
    z-index : 4;
}	
/**/
/* fonte et alignement pour les liens vers les reponses */
body.contenu div.reponse, body.contenu p.reponse {
	text-align: right;
	font-family: "segoe print", Arial, sans-serif;
	font-weight: bold;
	font-size: x-large;
	margin-top: 0px;
	margin-bottom: 0px;
}
/**/
/* fonte et alignement pour les textes sous les images */
figcaption, figure, *.figure {
	font-family: "segoe ui semibold", Arial, sans-serif;
	font-size: medium;
}
figcaption, figure, *.figure {
	text-align: center;
}
/*
body.devinette figcaption, body.devinette figure, body.devinette *.figure {
	font-family: "segoe ui semibold", Arial, sans-serif;
	font-size: large;
}
*/
body.accueil figcaption, body.accueil figure, body.accueil *.figure {
	font-family: "segoe print", Arial, sans-serif;
	color: rgb(255, 255, 255);
	font-weight: bold;
	font-size: 500%;
}
body.contenu figcaption, body.contenu figure, body.contenu *.figure {
	text-align: left;
}
section.centre figcaption, section.centre figure, section.centre *.figure {
	text-align: center;
}
body.sommaire {
	text-align: center;
}
/**/
/* centrage des images des pages "image" */
body.image {
	text-align: center;
}
body.menu.anniversaire {
	text-align: center;
}
/**/
/* reduction des marges verticales pour la page d'accueil */
body.accueil h1, body.accueil p {
	margin-top:0px;
	margin-bottom:10px;
	text-align : center;
}
body.accueilnuit h1, body.accueilnuit p {
	margin-top:0px;
	margin-bottom:10px;
	text-align : center;
}
/* bordure des images - largeur de l'image d'accueil fonction de l'ecran */
/*body.accueil img {
	border: 0px solid;
	width: 70%;
}*/
img {
	border: 0px solid;
	position: relative;
	z-index: 2;
}
body.indexdelafaune img, body.sommaire img {
	width: 100%;
}
/* rem : not et rgba ne fonctionnent pas avec ie8 */
.contenu img {
	border: 2px solid rgb(69, 69, 69);
}
.image img {
	border: 2px solid rgb(66, 66, 66);
}
.quizz img {
	border: 2px solid rgb(153, 153, 153);
}
.png img, .index img, .dernieresinfos img {
	border: 0px;
}
.animation img {
	border: 1px solid rgb(69, 69, 69);
	margin:-1px;
}
img[src^="video"] {
	border: 0px;
	margin: 0px;
}
.image img:hover, .contenu img:hover, .animation img:hover {
	padding-bottom:14px;
	margin-bottom:-8px;
}
img:hover[src^="red"], img:hover[src^="dro"] {
	background: url("signature.png") no-repeat right bottom;
}
.info img:hover[src^="red"], .info img:hover[src^="dro"] {
	background: url("signature.png") no-repeat right bottom rgb(80, 80, 80);
	background: url("signature.png") no-repeat right bottom rgba(64, 64, 64, 0.8);
}
img:hover[src^="std"], img:hover[src^="gau"] {
	background: url("signature.png") no-repeat left bottom;
}
.info img:hover[src^="std"], .info img:hover[src^="gau"] {
	background: url("signature.png") no-repeat left bottom rgb(80, 80, 80);
	background: url("signature.png") no-repeat left bottom rgba(64, 64, 64, 0.8);
}
.image img:hover[src^="jean"] {
	background: url("signatureb.png") no-repeat left bottom;
}
.contenu img:hover[src^="jean"] {
	background: url("signatureb.png") no-repeat right bottom;
}
.image img:hover[src^="alain"], .contenu img:hover[src^="alain"] {
	background: url("signaturec.png") no-repeat left bottom;
}
img:hover[src^="video"] {
	padding-bottom:0px;
	margin-bottom:0px;
	background: none;
}
img:hover[src^="quiz"] {
	padding-bottom:0px;
	margin-bottom:0px;
	background: none;
}
/**/
/*  espacement verticale en dehors des liens */ 
/*
h1 {
	margin-bottom: 47px;
}
body.indexcomplementaire h1 {
	margin-bottom: 22px;
}
body.contenu img {
	margin-bottom: 25px;
}	
body.contenu figcaption img, body.contenu figure img, body.contenu *.figure img {
	margin-bottom: 0;
}
figcaption, figure, *.figure {
	margin-bottom: 43px;
}
body.menu li {
	margin-bottom: 18px;
}
*/	
/**/
/* caracteristiques des listes */
ul {
	list-style:none;
	margin-left: 0;
	padding-left: 0;
}
body.derniereinfo ul, body.dernieresinfos ul {
	margin-top: 0;
	margin-bottom: 0;
}
/**/
/* couleur de fond des tableaux */
table {
	background-color: rgb(255, 255, 255);
	margin-top: 50px;
	margin-left: 50px;
	margin-right: 50px;
}
/* pour navigateurs non compatibles CSS3 */
tr {
	background-color: rgb(204, 174, 134);
}
body.accueil tr {
	background-color: rgb(69, 69, 69);
}
/*
tr:nth-child(2n) th:nth-child(2n), tr:nth-child(2n) td:nth-child(2n), tr:nth-child(2n+1) th:nth-child(2n+1), tr:nth-child(2n+1) td:nth-child(2n+1) {background-color: rgb(204, 174, 134);}
tr:nth-child(2n+1) th:nth-child(2n), tr:nth-child(2n+1) td:nth-child(2n), tr:nth-child(2n) th:nth-child(2n+1), tr:nth-child(2n) td:nth-child(2n+1) { background-color: rgb(204, 174, 134);}
*/
/**/
/* caracteristiques du tableau "liste des dernieres infos" */
body.derniereinfo table, body.dernieresinfos table {
	border: groove;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: left;
	border-width: 3px;
	border-style:outset;
	border-color:black;
	border-spacing: 2px; /* cellspacing */
}
body.derniereinfo th, body.dernieresinfos th {
	vertical-align: top;
	width: 50%;
	text-align: center;
	font-family: "segoe print", Arial, sans-serif;
	font-weight: bold;
	font-size: large;
	border-width: 1px;
	border-style:inset;
	border-color:black;
	padding: 2px; /* cellpading */	
}
body.derniereinfo td, body.dernieresinfos td {
	vertical-align: top;
	font-family: "segoe ui semibold", Arial, sans-serif;
	font-size: large;
	border-width: 1px;
	border-style:inset;
	border-color:black;
	padding: 2px; /* cellpading */	
}
/**/
/* caracteristiques du tableau "index de la faune" */
body.indexdelafaune table, body.sommaire table {
	border-spacing: 0px;
}
body.indexdelafaune td, body.sommaire td {
	padding-left: 3px;
	padding-right: 3px;
}
/* iframe */
header.liens {
	display:block;
	position:fixed;
	top:0px;
	z-index:4;
	height:25px;
}
body.liens p {
	font-size: 18px;
	line-height: 24px;
}
body.liens {
	color : white;
}
body.liens.clair {
	background-color: rgb(204, 174, 134);
	color: white;
}
body.liens.fonce {
	background-color: rgb(170, 140, 105);
	color: white;
}
body.liens.dix {
	background-image: url(red/im5110.jpg);
	background-color:rgb(122,124,116);
	color: white;
}
body.liens.onze {
	background-image: url(red/im5111.jpg);
	background-color:rgb(115,125,113);
	color: white;
}
body.liens.douze {
	background-image: url(red/im5112.jpg);
	background-color:rgb(145,138,130);
	color: white;
}
body.liens.treize {
	background-image: url(red/im5113.jpg);
	background-color:rgb(107,110,101);
	color: white;
}
body.liens.quatorze {
	background-image: url(red/im5114.jpg);
	background-color:rgb(140,148,152);
	color: white;
}
iframe.dix {
	border-width: 20px;
	border-style: solid;
	border-color: rgb(43, 70, 70) rgb(87, 140, 140) rgb(51, 102, 102) rgb(64, 105, 105);
}
iframe.onze {
	border-width: 20px;
	border-style: solid;
	border-color: rgb(98, 77, 54) rgb(197, 155, 109) rgb(153, 102, 51) rgb(148, 116, 81); 
}
iframe.douze {
	border-width: 20px;
	border-style: solid;
	border-color: rgb(67, 64, 94) rgb(135, 129, 189) rgb(87, 82, 134) rgb(101, 96, 143);
}
iframe.treize {
	border-width: 20px;
	border-style: solid;
	border-color: rgb(88, 88, 32) rgb(177, 177, 65) rgb(102, 102, 0) rgb(132, 132, 48);
}
iframe.quatorze {
	border-width: 20px;
	border-style: solid;
	border-color: rgb(102, 87, 67) rgb(204, 174, 134) rgb(170, 140, 105) rgb(153, 130, 100);
}
nav#id_menu {
	position:absolute;
	top:20px;
	left:30px;
	width:400px;
	opacity:1.0;
}
iframe#iframe_menu {
	display:none;
	width:100%;
	height:600px;
}
footer {
	position: fixed;
	bottom: 0px;
	right: 0px;
}
footer iframe {
	border: 0px;
}
a.button, header#liens_header a {
	border:solid 2px;
	border-color: rgb(255, 255, 255) rgb(0, 0, 0) rgb(0, 0, 0) rgb(255, 255, 255);
	background-color: white;
	opacity:0.5;
	text-decoration:none;
	font-family: calibri;
}
a:hover.button {
	color:blue;
}