/************mode HTML****************/
#zoneonglets {flex: 0 0 auto; text-align: left;border-bottom: 3px double grey;padding: 0px 10px;}
ul.nav {display: block;margin: 5px; padding: 0;padding-left: 10px;height: 25px;background: linear-gradient(#3575A0 15%,navy,#3575A0 15%);border-radius: 8px; list-style: none;font-size: 20px;}
    ul.nav .navItem, ul.nav .blankItem { position: relative;float: left;margin: 0;padding: 4px 20px;line-height:20px;background-size: 13px;border-right: aqua 3px double;color: #f6f6f6;font-weight:bolder;font-size: 15px;}
    ul.nav .navItem:empty {display: none}
    ul.nav .navItem>ul {display: none; position: absolute; float: left;top: 23px; left: -1px;padding: 10px 10px 10px;width: inherit;list-style:none;text-align: left;
	    opacity: 0; background: #FFFFFF; background-color: #f8f8f8;
	    border: 1px solid #cbcbcb; border-top: 0; border-radius: 0px 0px 10px 10px;
        overflow-y: auto; max-height: 200px;
    }
    ul.nav .navItem[data-filtre='true'] {background-image: url('gif/filtre.png');background-repeat: no-repeat;background-position: 3px center;}
    ul.nav .navItem:hover {display: block;background-color: #f8f8f8;color: navy;border: 1px solid #cbcbcb;border-bottom: 0;border-radius: 3px 3px 0px 0px ;}
    ul.nav .navItem:hover>ul {opacity: 1;display: block;}
    ul.nav .navItem>ul>li, .tstlength {padding-left: 15px;white-space: nowrap;font-size: 12px;font-weight:normal;color: black;background-repeat: no-repeat;background-position: left;}
	ul.subsites>li {padding-left: 5px;background-image: url('images/puce2.gif');background-size: 8px}
	ul.subsites>li>div {display: none}
/***************/

/*******Calendriers********/
	div.bloc_cal {display: inline-block;padding: 15px;margin: 10px auto}
		div.Calendrier {display:inline-block; font-size: 14px}
			div.Calendrier span[data-sel]{padding-left:15px; background-size: 12px;background-repeat: no-repeat;background-position: left center;}
			div.Calendrier span[data-sel="1"] {background-image: url('images/puce2.gif'); }
			div.Calendrier span[data-sel="0"] {background-image: url('images/puce1.gif');}
			div.Calendrier .btn_valid {float: right}
			div.Calendrier option {text-transform: capitalize;padding: 0 5px;font-size: 12px; }
			div.Calendrier option[value="31JR"] {display: none}
			div.Calendrier[value="CG"] option[value="31JR"] {display: block}
			div.Calendrier[value="CG"] option.compl {display: none}
			div.Calendrier optgroup {display: none}
			div.Calendrier:not([value="CG"]) optgroup.mCR {display: block}
			div.Calendrier[value="CG"] optgroup.mCG {display: block}
			div.Calendrier:not([value="CG"]) optgroup.aCR {display: block}
			div.Calendrier[value="CG"] optgroup.aCG {display: block}
		fieldset.resultat {display: inline-block; min-width: 200px; vertical-align: top;margin-left:15px;border:double 4px darkgrey;line-height: 20px}
			fieldset.resultat span:nth-of-type(odd) {font-size: 13px; text-decoration: black double unterline;margin-right: 5px}
			fieldset.resultat span:nth-of-type(even) {font-size: 12px; padding:0px 5px; background-color: rgba(231, 245, 137, 0.27)}
			fieldset.resultat span:empty {display: none}
/***************/



div#infosite{margin: 25px 10px;}
div.ttip {position: relative;float: left;margin: 0;padding: 4px 20px;line-height:16px;}

	#retour {position: absolute;top: 10px;left: 10px;width: 80px;height: 24px;border-style: groove ; padding:2px;text-align:center;background-color: #0071a7;vertical-align:middle}
	#retour:before {content:"Retour";font-weight : bold ;color: gold;text-decoration:none;font-size : 11pt ;}
	#retour:hover{cursor:pointer}

    #lstonglet>span {display: inline-block;border: 1px solid white; border-radius:20px 20px 0 0; color: white;margin: 0;padding:3px 10px; line-height: 20px;}
    #lstonglet>span {background: -webkit-linear-gradient(top, #ccc6c3 0%, #828c95 24%, #000000 41%, #7f7f7f 100%); background: linear-gradient(#ccc6c3 0%, #828c95 24%, #000000 41%, #7f7f7f 100%);}

    #lstonglet>span[act="y"] {border: 3px edge yellow;color: yellow;background:-webkit-linear-gradient(top, #2052f7 0%, #1f73db 24%, #1b4261 41%, #121a55 100%);background:linear-gradient(#2052f7 0%, #1f73db 24%, #1b4261 41%, #121a55 100%);}
    #lstonglet>span:hover {cursor:pointer}

    #td_site {min-width: 350px; max-width: 50%;overflow: visible}
    #td_site>div {display: none; margin: 10px; background-color: #E6E2E2;text-align:center;font-weight : bold ;color: gold;text-decoration:none;}
    #td_site>div:first-child {display: block}
    #td_site>div>span {display:block;background-color: #0071a7; padding:5px; margin: 5px; border-radius:7px; line-height: 15px;white-space: nowrap}
    #td_site {min-width: 350px; max-width: 50%;overflow: visible}

    #lsite {min-width: 350px; max-width: 50%;overflow: visible}
    #lsite>div {display: none; margin: 10px; background-color: #E6E2E2;text-align:center;font-weight : bold ;color: gold;text-decoration:none;}
    #lsite>div:first-child {display: block}
    #lsite>div>span {display:block;background-color: #0071a7; padding:5px; margin: 5px; border-radius:7px; line-height: 15px;white-space: nowrap}

    #td_cmnt:empty{visibility: hidden;}
    #td_cmnt {border: double 3px navy;padding: 5px}
    #sitecmt:empty{visibility: hidden;}
    #sitecmt {border: double 3px navy;padding: 5px}

/*#banniere {display: inline-block;margin: 15px;overflow-y: auto;}
    param  {padding: 20px; font-family : "Garamond" ; font-size : 12pt ;-webkit-text-size-adjust:none; background-image: url('images/fond1.jpg');overflow-x: visible;overflow-y: auto;}
        cmplt {display: none}
            cmnt {display: none}



#groupeliens {margin: 20px 0px;text-align: center;display:inline-block}
	div.blocliens {padding: 10px; border: 3px ridge #e6e6e6}
	div.blocliens .libel {display:none}

	#blocliens {padding: 10px; border: 3px ridge #e6e6e6}
		.tabnav {display: inline-block; height: 48px; width:120px; margin-left:4px; border-style: groove ;padding:2px;text-align:center;vertical-align:top;background-color: #0071a7;font-weight : bold ;color: gold;text-decoration:none;}
		.tabnav:hover  {color: white; text-decoration : underline;font-style: italic;cursor:pointer}	

#old_desc {display: none; position:absolute; top:35px;width:350px;min-height:25px;padding:3px; border-style: double;border-width:4px;background-color: #f5f260;text-align: left;font-size: smaller;}
	#groupeliens #desc {display: block; min-height:25px;padding:3px; border-style: double;border-width:4px;background-color: #f5f260;text-align: left;font-size: smaller;}
	#groupeliens #desc[name=""] {display:none}
	
#aide {text-align: center;font-size: 20pt;border-style:inset;background-color:#fff;margin:0px;padding:0px;margin-bottom:30px;}
	.bloc_img {display:inline-block;max-width:50%;overflow-x:auto;overflow-y:visible;margin:0px;border: 1px solid blue;}	
	.bloc_txt{display:inline-block;max-width:45%;vertical-align:top;padding:0px 10px; text-align: left;font-size: 12pt;font-weight: normal;margin-bottom:10px;}
	.lstsqr {display:list-item; list-style-type:square; list-style-display:outside}
	.lstdisc {display:list-item; list-style-type:disc; list-style-display:outside}

	
	div#arbre {height: 420px; text-align: center;float: left;font-size: 20pt;border-style: double;margin-bottom:30px;}
	
	#mail2 {margin: 20px 0px;float: left;top:0px;left:0px;padding-right:20px}



#btnaccueil { float: left; border-style: ridge; border-width: 4px; border-color: #e6e6e6; border-left-width: 0px; border-top-width: 0px; background-color: navy;}


.separateur {width:100%;margin: 10px 0px 3px 0px;background-color:#000080;text-align:center;color: white;font-size: large;font-weight : bold ;}

#garçon {background-color: #a9eafe;border: 1px solid #e6e6e6;padding: 0px 3px;}
#fille {background-color: #ffffbb;border: 1px solid #e6e6e6;padding: 0px 3px;}
#jeune {background-color: #edd39b;border: 1px solid #e6e6e6;padding: 0px 3px;}
#epouse {background-color: #ace3ac;border: 1px solid #e6e6e6;padding: 0px 3px;}
#mari {background-color: #e95c5c;border: 1px solid #e6e6e6;padding: 0px 3px;}

.groupeliens {margin: 20px 0px;text-align: center;display:inline-block}
 */