html, body { height: 100%; margin: 0; padding: 0; }
body { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; background-color: white; color:#333333; font-size:0.7em; background-repeat:repeat-x; }
body.printemps { background-color: #aab3b0; }
body.ete { background-color: #8ca552; }
body.automne { background-color: #8eb9dc; }
body.hiver { background-color: #d6e4ef; }
body.tente { background-color: #75875f; }
body.perches { background-color: #9e9a43; }
body.aurores { background-color: #000000; }
div#tout { min-height: 100%; }
h1, p { color:#333333; }
br.saut_ligne { clear: both; }
img { border: 0; }
fieldset { border: 0;}
h1 { font-size:2.5em; margin-top: 0; }
sup { font-size:0.6em; }
h2 { color:#666666;font-size:2.0em; }
h2.h2_toponymie { padding-left:20px; margin:0 0 20px 0; }
h2#navigation_site { position: absolute; top: -100px; left: 0; }
/* h2.video { font-size:2.0em; color: #333333;} */
h3 { font-size:1.5em; }
h4 { color:#666666;font-size:1.5em; }
span.nbvideo {color:#666666;font-size:0.6em; margin:0 0 0 10px; }
.saisontitre { color:#666666;font-size:1.5em; font-weight:bold; padding:0; margin:0; }
p { font-size:1.2em; font-weight:normal; line-height: 1.5; }
a { color:#990000; text-decoration:none; font-size:inherit; }
a:hover { text-decoration:underline; }
/* ul { padding: 0; margin: 0; list-style-type: none; } */
blockquote { font-style:oblique; }
div.cartesite { float: left; margin-right: 90px; min-height: 200px; }
div.cartesite ul { margin: auto; padding-left: 10px; }
div.bande { background: url(/images/bandehaut.jpg); width:100%; height:28px; min-width:1000px; z-index: 200; position: relative; }
div.bidon_bas { height: 28px; }
div.bas { margin-top: -28px; padding-top: 0; }
div#logo { float: left; position: relative; z-index: 301; margin-right: 20px; }
div#logomvc { float: right; position: relative; z-index: 301; padding-top: 10px; }
div#contenant_menu { background-color: white; position: relative; z-index: 300; width:100%; min-width:1000px; }
div#menu { position: relative; z-index: 300; background-color: white; width: 960px; height: 50px; margin: 0 auto; }
div#fil_ariane { background-color: white; clear: both; }

/*---------------- START BACKGROUND      ------------------*/
div.corps { position: relative; }
div#fond { z-index: 100; position: absolute; top: 0; width: 100%; height: 768px; background-color: transparent; background-repeat: repeat-x; background-attachment: scroll; min-width: 1000px; max-width: 3000px; background-position: top center; }
div.fondete { background-image: url("/images/decor/ete/ete_background.jpg"); }
div.fondautomne { background-image: url("/images/decor/automne/automne_background.jpg"); }
div.fondhiver { background-image: url("/images/decor/hiver/hiver_background.jpg"); }
div.fondprintemps { background-image: url("/images/decor/printemps/printemps_background.jpg"); }
div.fondtente { background-image: url("/images/decor/tente/tente_background.jpg"); }
div.fondaurores { background-image: url("/images/decor/aurores/aurores_background.jpg"); }
div.fondperches { background-image: url("/images/decor/perches/perches_background.jpg"); }

div.fondgauche { z-index: 101; position: absolute; bottom: 0px; left: 0px; height: 768px; width: 100%; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position:bottom left; }
div.fondgaucheete { background-image: url("/images/decor/ete/ete_gauche.png"); }
div.fondgaucheautomne { background-image: url("/images/decor/automne/automne_gauche.png"); }
div.fondgauchehiver { background-image: url("/images/decor/hiver/hiver_gauche.png"); }
div.fondgaucheprintemps { background-image: url("/images/decor/printemps/printemps_gauche.png"); }
div.fondgauchetente { background-image: url("/images/decor/tente/tente_gauche.png"); }
div.fondgaucheaurores { background-image: url("/images/decor/aurores/aurores_gauche.png"); }
div.fondgaucheperches { background-image: url("/images/decor/perches/perches_gauche.png"); }

div.fonddroit { z-index: 102; position: absolute; bottom: 0px; right: 0px; height: 768px; width: 100%; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position:bottom right; }
div.fonddroitete { background-image: url("/images/decor/ete/ete_droite.png"); }
div.fonddroitautomne { background-image: url("/images/decor/automne/automne_droite.png"); }
div.fonddroithiver { background-image: url("/images/decor/hiver/hiver_droite.png"); }
div.fonddroitprintemps { background-image: url("/images/decor/printemps/printemps_droite.png"); }
div.fonddroittente { background-image: url("/images/decor/tente/tente_droite.png"); }
div.fonddroitaurores { background-image: url("/images/decor/aurores/aurores_droite.png"); }
div.fonddroitperches { background-image: url("/images/decor/perches/perches_droite.png"); }

div.tshakageshgauche { background-image: url("/images/accueil/tshakapeshbig.png"); float:left; width:427px; height:639px; margin-left:-130px; margin-right:10px; }
img#tshakapesh { float: left; margin-left: -130px; margin-right: 10px; }

/*---------------- END BACKGROUND      ------------------*/
body.accueil { background-color:#000000; }

#content { position: relative; z-index: 201; width:960px; margin: 0px auto 0px auto; padding: 0; /*background: url(/images/bg_trans80.png);*/ background-color: white; }
#contenant_contenu { padding-top: 300px; padding-bottom: 0px; }
#contentindex { width: 960px; margin: 0px auto; }
#logo_mvc_fr { margin-top: 15px; margin-right: 70px; }
#logo_mvc_en { margin-top: 15px; }

#langue { float: right; width: 60px; height: 30px; line-height: 30px; text-align: center; margin: 10px 10px;}
#langue a { display: block; width: 60px; height: 30px; font-weight: bold; }
#langue:hover { }
#langue:hover a { color: #990000; }

/*-------------------------- START CONTENU  ----------------------------*/	
div#fil_ariane div { border-bottom: 1px solid #ccc; margin: 20px; padding: 10px 0; }

div.description { /*background: url(/images/bg_trans.png);*/ width: 880px; padding: 20px 20px 20px 20px; margin: 0 auto; }

div.blocgauchesmall/*, div.blocgauchebig*/, div.blocdroitebig/*, div.blocdroitesmall, div.blocdroitewide */ { /* background:url(/images/bg_trans.png); */ /*border:1px solid #000000;*/ }
/* div.blocdroitewide{ float:left;width:890px;padding:20px; } */

div.blocdroitebig, div.blocgauchebig { float:left; }
div.blocdroitebig { width: 590px; padding: 20px; }
/* div.blocgauchebig { width: 515px; padding: 15px 20px 20px 20px;} */
div.blocgauchesmall/*, div.blocdroitesmall*/ { float:left; }
div.blocgauchesmall { margin: 0 18px 0 20px; width: 250px; padding: 20px 20px 20px 10px; }
/* div.blocdroitesmall { margin: 0 0 0 18px; width: 360px; padding: 0px 0px 0px 0px; } */

div#info_lexique { margin: 10px auto; }
dl#lexique_liste { font-size: 1.2em; }
dl#lexique_liste dt { margin-top: 10px; padding-left: 30px; position: relative; }
dl#lexique_liste dd { margin-left: 35px; }
dl#lexique_liste dt a.player { position: absolute; top: 5px; left: 0px; visibility: hidden; }
    dl#lexique_liste dt:hover a.player_actif { visibility: visible; }
    dl#lexique_liste dt a.player_ecoute { visibility: visible; }

	ul.menulexique { list-style-type: none; padding: 0; margin: 10px 0 0 10px; width: 230px; }
	ul.menulexique ul.menulexique { list-style-type: none; padding: 0; margin: 0 0 0 10px; width: 220px; }
		ul.menulexique li { margin: 0 0 3px 0; }
		ul.menulexique li a { display: block; padding: 3px 0 3px 20px; }
		ul.menulexique li:hover { /*width: 230px;*/ background-color: #333333; color: #FFFFFF; }
		ul.menulexique li a:hover { color: #FFFFFF; background-color: #333333; }
		ul.menulexique li.selected { padding: 3px 0 3px 20px; background-color: #333333; color: #FFFFFF; }
		ul.menulexique li.selected a { display: block; padding: 0; color: #FFFFFF; }

   ul.filtrealphabet { list-style-type: none; overflow: hidden;  padding: 0; text-align: center; text-transform: uppercase; font-size: 1.25em; width: 600px; margin: 0 auto; border: 1px solid #ccc; }
   	ul.filtrealphabet li { float: left; padding: 5px 15px 5px 15px; color: #333333; width: 35px; }
   	ul.filtrealphabet li.tout { border-right: 1px solid #ccc; }
	ul.filtrealphabet a:hover{color:#333333; text-decoration:none;}
	ul.filtrealphabet a.select{color:#333333; text-decoration:underline; font-weight:bold;}
	span.nbexpressions{color:#333333; font-size:0.5em; font-weight:normal; margin: 0 0 0 20px ;}
	.expressionh2{color:#333333; font-size:.7em;}
	ul.listdefinition{list-style-type: none; overflow:hidden;  padding:0; margin:20px 0 0 0;font-size:1.25em;}
	ul.listdefinition li{margin:0 0 10px 0;}
	div.pagination{width:580px; margin:20px 0 20px 0;}
	ul.listpagination{list-style-type: none; overflow:hidden;  padding:0;text-align:center; margin:0 auto; font-size:1.25em; width:200px;}
	ul.listpagination li{float:left; margin:0 0 0 10px;}
	ul.listpagination li.pageselect{font-size:1.25em;}
	ul.listpagination a{text-decoration:underline; font-size:1.2em;}
	
	/*--------START FORM   -----------*/
	div.formcomment { width:100%; font-weight:bold; margin:0px 0 0 0; padding:0; }
	div.addcommentbloc { background:#fef9e5; ; width:93%;padding:20px;  margin:20px 0 0 0; border: 1px solid #ccc; }
	p.commenttitle { font-size:1.5em; font-weight:bold; }
	input { color:#666666;/* font-style:italic;*/ }
	textarea { color:#666666; font-size:1.25em; font-family:Arial, Helvetica, sans-serif; }
	label { color:#666666; font-weight:bold; font-size:1.25em; margin:20px 0 20px 0; padding:0; }
	.required { font-size:0.75em; margin:0; }
	.erreurfield { font-size:0.8em; color:#990000; margin:0 0 0 10px; }
	.champserreur { background:#ffff33; }
	.largefield { width:100%; margin:3px 0 10px 0; }
	.erreur { font-size:1.2em; } 
	.accept { font-size:1.2em;color:#339900;padding:0; margin:0; }
	div.doublechamps { width:100%; }
	.smallfield { width:100%; }
	div.champsgauche { width:45%; float:left; margin-right:30px; }
	div.champsdroit { width:45%; float:right; } 
    ul.errorlist { color: #990000; font-size:1.2em; }
    div#remerciement { font-size:2em; font-weight:bold; }
    input[type=reset] { padding: 10px 0; font-size: 1.2em; border: 0px solid #ccc; cursor:pointer; background-color: transparent; }
    input[type=reset]:hover { text-decoration: underline; }
    input[type=submit] { background-color: #eee; padding: 10px; font-size: 1.2em; border: 1px solid #ccc; cursor:pointer; color: #800; }
    input[type=submit]:hover { text-decoration: underline; }
	
	/*----- START COMMENTAIRE FORM -----*/
	.showcommentaire { margin:20px 0 0 0; clear:both; }
	.nbcommenttitre { font-size:0.8em; color:#666666; font-weight:normal; }
	a.linkcomment { text-decoration:none; color:#333333; }
	a.linkcomment:hover { text-decoration:underline; }
	div.commentfirst { padding:10px; margin:10px 0 10px 0; }
		div.commentautor1 { font-size:1.2em; }
	div.commentsecond { padding:10px; background:#ffffcc; margin:0 0 10px 0; }
		div.commentautor1 { font-size:1.2em; }
	
/*-------------------------- END CONTENU  -------------------------------*/	

/*-------------------------- DEBUT CHOIX DE LANGUE  -------------------------------*/	
/* #logointro{ width:960px; margin:0 auto;} */
/* div.splash_texte { width:974px; margin:20px auto; } */
img.splash { margin: 30px 0 0 0; }
.legende { font-size: 0.8em; font-style:italic; }
div#remerciement { text-align: center; margin: 25px; }
div.francais { float: left; width: 445px; }
div.english { float: right; width: 445px; }

span.version { float: left; margin-left: 10px; }

div.choixlangue { background:#333333; text-align: right; }
    div.choixlangue:hover { background:#666666; }
div.choixlangue a { padding: 2px 0px 2px 0; color: #ffffff; text-transform: uppercase; font-style: normal; font-weight: bold; text-decoration: none; line-height: 35px; display: block; }
    div.choixlangue a:hover { text-decoration: none; }
/*-------------------------- FIN CHOIX DE LANGUE  -------------------------------*/	


div.playeraudio { width: 100%; margin: 0 0 20px 0; padding: 0; font-size: 1.25em; }
.bordernoir { border: 1px solid #000000; }

/*
span.playbig { position:absolute; left:0; top:0px; background:url("/images/video/playvidbig.png") no-repeat 0 0px; width:114px; height:72px;margin:0;padding:0;display:block; cursor:pointer}
span.playbig:hover { position:absolute; left:0; top:0px; background:url("/images/video/playvidbig.png") no-repeat 0 -76px; width:114px; height:72px;margin:0;padding:0;display:block; cursor:pointer}
*/
		
/*-------------------------- START FOOTER  -------------------------------*/
div#zone_footer { border: 1px solid #ccc; margin: 20px; padding: 0; font-size: 1.1em; position: relative; }
div#zone_footer div#footer_1 { float: left; width: 407px; padding: 0; }
div#zone_footer div#footer_1 p { margin: 10px; font-size: inherit; }
div#zone_footer div#footer_2 { float: left; width: 150px; text-align: right; padding: 20px 20px 20px 0; }
div#zone_footer div#footer_3 { float: right; width: 300px; background-color: #fefdf6; padding: 20px 0 20px 40px; border-left: 1px solid #ccc; }
div#zone_footer ul { list-style-type: none; margin-bottom: 0;}
div#zone_footer div#footer_1 img { margin: 10px 0 0 10px; }
div#zone_footer div#footer_2 ul { margin-top: 0; }
div#zone_footer div#footer_2 ul li { margin-bottom: 20px; }
div#zone_footer div#footer_3 ul { margin-top: 6px; padding-left: 10px; }
div#zone_footer div#footer_3 ul li { margin-top: 10px; }
div#zone_partenaire { margin: 20px 20px 0px 20px; font-size: 0.9em; }
div#zone_partenaire div.zone_partenaire_image { width: 320px; float: left; }
div#zone_partenaire div.zone_partenaire_image img { border: 1px solid white; }
div#zone_partenaire div.zone_partenaire_texte { width: 600px; float: right; position: relative; height: 40px; }
div#zone_partenaire div.zone_partenaire_texte p { text-align: right; margin: 0; padding: 0; position: absolute; bottom: 0; right: 0; }
div#zone_partenaire span.lien_image { margin: 0 1px; padding: 0; }
div#zone_partenaire span.lien_texte { margin: 0 0px; }
div#zone_partenaire span.copyright { font-size: 0.8em; margin-left: 10px; }
div#info_plugins { width: 918px; margin: 10px auto; padding-top: 10px; text-align: center; font-size: 0.8em; }
/*-------------------------- END FOOTER  -------------------------------*/

.floatleft { float:left; }
.floatright { float:right; }
.textright{text-align:right;}
.textleft{text-align:left;}
.textcenter{text-align:center;}
.pt18{font-size:1.75em;}
.pt16{font-size:1.5em; color:#ffffff;}
.pt216{font-size:1.5em;}
.pt14{font-size:1.2em;}
.pt10{ font-size:1em; }
.nobold { font-weight:normal; color:#666666; }
p.normal { font-size:1.2em; }
.distance0 { padding:0; margin:0; }
.red { color:#990000; }
.green { color:#339900; }
.gris { color: #515151; }
.linknone {text-decoration:none;}
.commentnb{margin: 0 0 0 20px; font-size:1em;}
.margin20top{margin-top:50px;}
hr.separateur {width: 100%; clear: both; margin-top:25px;}
.padding20left{padding-left:20px;}
.margin25top{margin-top:25px;}
.souris_pointeur{cursor:pointer;}
.invisible { display: none; }
.cache { margin-left: -9999px; position: absolute; top: 0; left: 0; }
div.menu_collapse{height:20px; background: #AAFFAA; text-align:right; padding-right: 10px;}
/* div.minwidth{min-height: 700px;} */
.fond_blanc { background-color:#ffffff; }
.sans-retour { white-space: nowrap; }

span#titre_lexique { color: #666; font-size: 0.8em; }
span.retour_ligne { display: block; visibility:hidden; line-height: 0px; }

table#repartition_nation { width: 100%; border-collapse:collapse; text-align: right; }
table#repartition_nation tr.pair td { background-color: #f0f0f0; }
table#repartition_nation tr.impair td { background-color: #e0e0e0; }
caption { font-weight: bold; border-bottom: 1px solid #999999; padding-bottom: 10px; }

div.haut { position: fixed; bottom: 0; right: 0; z-index: 1000; background-color: #fef9e5; border: 1px solid #ccc; padding: 3px; font-size: 1.1em; display: inline; }
div#debug { position: fixed; bottom: 28px; left: 0; z-index: 1000; width: 100px; }

/*
*[lang=nai] { color: #edca07; }
*[lang=fr] { color: #009fad; }
*[lang=en] { color: #de00ff; }
*/

/*.ajouter_commentaire { display: none; }*/
/*.showcommentaire:not(~ div) .commenttitle { display: none; }*/
div.showcommentaire > p.commenttitle { display: none; }
div.showcommentaire > p.commenttitle:has(+ div)  { display: block; }

#bloc_formulaire_commentaire { display: none; }