/* $Id: zneko.ncss 41 2006-06-20 20:11:39Z jd $ */

body {
	font-family: sans-serif; 
	color: black;
	background: white none;
	margin: 20px;
	border: none;	padding: 0;
    }

a ,
a:link,
a:visited
    {
	color: #333333;
	background: transparent none;
	text-decoration: none;
    }

a:hover,
a:active, 
a:focus
    {
	color: black;
	background: transparent none;
	text-decoration: underline;
    }


img {
	display: block;
	margin: 0;
	border: none;    }

.f-right {
	clear: none;
	float: right;
	margin-left: 0.5em;
    }

.f-left {
	clear: none;
	float: left;
	margin-right: 0.5em;
    }

.f-left-list {
	clear: none;
	float: left;
		    margin-right: 0.5em;
	    }
.imgfull {
	margin-right: 1em;
	margin-bottom: 1em;
    }

.both {
	clear: both;
    }

.clearright {
	clear: right;
    }

.neko {
	font-family: sans-serif;
	font-weight: bolder;
    }

div.procontact {
	font-size: 70%;
	font-style: italic;
	color: black;
	background: transparent none;
	text-align: left;
	margin-left: 5em;
	padding-bottom: 1em;
	padding-top: 0;
	margin-top: 0;
    }
div.procontact a,
div.procontact a:link,
div.procontact a:visited,
div.procontact a:hover,
div.procontact a:active,
div.procontact a:focus
    {
	text-decoration: underline;
    }

span.important {
	text-decoration: underline;
    }

div.ptitle {
	float: right;
	color: #333333;
	background: transparent none;
	text-align: right;
	font-weight: bold;
	font-size: 100%;
	margin-bottom: 1em;

	/*border-width: 0 0 0.07em 0 ;
	border-style: solid;
	border-color: #888888;*/
    }

.ptitle a ,
.ptitle a:link,
.ptitle a:visited
    {
	white-space: pre;
	text-decoration: none;
	color: #c9c9c9;
	background: transparent none;
	padding-left: 0.5ex;
	padding-right: 0.5ex;
    }

.ptitle a:hover,
.ptitle a:active, 
.ptitle a:focus
    {
	color: black;
	background: transparent none;
	text-decoration: underline;
    }


.ptitle .current {
	font-size: 120%;
	color: black;
	background: transparent none;
    }

.ptitle .current a ,
.ptitle .current a:link,
.ptitle .current a:visited,
.ptitle a:hover,
.ptitle a:active, 
.ptitle a:focus
    {
	color: black;
	background: transparent none;
    }

li.proxim {
	color: black;
	background: transparent none;
    }
.proxim * {
	color: #888888;
	background: transparent none;
    }

div.imglegende {
	/* font-family: serif; */
	font-style: italic;
	color: black;
	background: transparent none;
	font-size: 80%;
	display: block;
	float: left;
	/* border-style: solid;		*/
	/* border-color: black;		*/
	/* border-width: 0 1px 1px 0; 		*/
	width: 190px;
	padding: 0 0.5em 0.5em 0;
	margin: 0 0.5em 0.5em 0;
    }

div.presentation-lay {
	clear: both;
    }

div.pres-elem-left {
	max-width: 30em;	float: left;
	margin-left: 1.5em;
	margin-bottom: 1.5em;
    }

div.pres-elem-right {
	max-width: 30em;	/* float: right; */
	margin-left: 1.5em;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
	/* margin-left: 166px; */
	/* margin-right: 200px; */
    }

div.prod-elem
    {
	width: 20em;
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1em;
    }

div.boxtitle {
	color: black;
	background: transparent none;
	font-weight: bolder;
	margin-bottom: 0.5em;
    }

div.centraltxt {
	width: auto;
	min-width: 10em;

	border: none;
	padding: 1em;
	margin: 0;
	color: #888888;
	background: transparent none;
    }

td.centralcase {
	width: 100%;
    }

form.loginform {
	float: right;
	width: auto;
	white-space: pre;
	text-align: right;
    }
.loginform input {
    }

.centralcase {
	border: none;	padding-left: 1em;
	padding-top: 0;
    }

.centralcase p {
	margin-top: 0;
	padding-top: 0;
	border: none;    }

.centralcase p.last {
	margin-top: 0;
	padding-top: 0;
	border: none;	margin-bottom: 0.3em;
	padding-bottom: 0.3em;
    }

.centralcase ul {
	margin-left: 0em;
	border: none;
	list-style-type: disc;
	list-style-position: outside;
	/* margin: 0px; */
	/* padding-left: 1.5em; */
	padding-left: 0em;

    }

.centralcase li {
		    margin-left: 1.5em;
		border: none;	list-style-position: outside;
    }

.centralcase .compact,
.centralcase .compact p,
.centralcase .compact ul
    {
	margin-top: 0;
	margin-bottom: 0;
    }

.centralcase .compact li {
	list-style-type: circle;
    }

.centralcase div.addresse {
	float: left;
	margin-left: 1em;
	margin-right: 1em;
	border: none;	clear: both;
    }

.centralcase .addresse {
	list-style-type: square;
	white-space: pre;
    }

.centralcase .addresse ul {
	margin-top: 0;
	margin-bottom: 0;
    }

.centralcase .addresse li {
	margin-top: 0;
	padding-bottom: 0.5em;
    }

.centralcase p a,
.centralcase p a:link,
.centralcase p a:visited,
.centralcase p a:hover,
.centralcase p a:active,
.centralcase p a:focus
    {
	text-decoration: underline;
    }

div.cartouche {
	border-width: 0.07em 0 0 0;
	border-style: solid;
	border-color: #888888;
	
	color: #888888;
	background: transparent none;
	margin: 0 1em 0 1em;
	padding: 0;
	
	display: block;
    }

.cartouche p {
	margin: 0;
	padding: 0.5em 0 0.5em 0;
	font-size: x-small;
	text-align: justify;
	    }

div.smalllight {
	border-width: 0.07em 0 0 0;
	border-style: solid;
	border-color: #EE7700;
	width: 1em;
	margin: 0 1em 0 1em;
	padding: 0;
	
	display: block;
	float: left;
}


.essaitop {
	/*background-image: url(big_deg_clair.jpg);
	background-repeat: repeat-y;*/
	/*background: white none;*/

	vertical-align: top;
	
	padding: 0;
	margin: 1em;

	border: none;    }

.essaitop .imglogo {
	position: relative;
	border: none; /*dashed 1px #CACACA;*/
	padding: 0px;
	float: left;
	margin: 0px 0px 20px 0px
    }

/*
.essaitop hr {
	height: 1px;
	border: 0px;
	background: #FF9900 none;
	width: 100%;
	margin-right: 20px;
    }
*/


#box1 {		/* NB: il faut indiquer style:"xxem" dans le html*/
	display: block;
	width:9.9em;
	height: 6.5em;
	position: relative;
	bottom: 0.1em;
	right: 0.05em;
	color: inherit;
	background: white none;
	border-bottom:1px solid #aaa;/*#444; */
	border-right:1px solid #aaa;/*#444; */
	border-top: 1px solid #eee;
	border-left :1px solid #eee; 
    }

#box2 {		/* NB: il faut indiquer style:"xxem" dans le html*/
	display: block;
	width:20.9em;
	height: 9em;
	position: relative;
	bottom: 0.1em;
	right: 0.05em;
	color: inherit;
	background: white none;
	border-bottom:1px solid #aaa;/*#444; */
	border-right:1px solid #aaa;/*#444; */
	border-top: 1px solid #eee;
	border-left :1px solid #eee; 
    }

div.nav2    {
	margin-bottom: 2em;
    }


#nav2 ul { /* toutes les listes */
	padding: 0;
	margin: 0;
	border: none;/*10px solid red;*/
	list-style: none;
	float : left;
	clear: left;
	width : 8em;
    }
    
#nav2 li { /* tous les items de liste */
	position : relative;
	float : left;
	clear: left;
	line-height : 1.25em;
	width: 8em;
    }
 
        
#nav2 li ul { /* listes de deuxième niveau */
	color: inherit;
	background: #aaa none;
	border-right:1px solid #ddd;/*#ccc;*/
	border-bottom:1px solid #ddd;/*#ccc;*/
	border-top:1px solid white;
	border-left:1px solid white;
	position : absolute;
	left: -999em;
	margin-left: 8em;
	/* margin-left: 8em; */
	margin-top : -1.40em;
/*http://www.htmlhelp.com/cgi-bin/csscheck.cgi	*/
	}

#nav2 li ul.box1 {
	width: 10em;
    }

#nav2 li ul.box2 {
	width: 21em;
    }

#nav2 li ul li{ /* listes de deuxième niveau */
	width: auto;
	margin-bottom : -1px;
	border: none;
    }

    
#nav2 li ul ul { /* listes de troisième niveau et plus */
	left: -999em;
    }
    
#nav2 a {
	margin: 0px;
	width : 8em;
	display : block;
	color : gray;
	background: transparent none;
	font-weight : bold;
	text-decoration : none;
	text-align: right;
	border : 0px;
    }
    

#nav2 a:link,
#nav2 a:visited
    {
	color: #C9C9C9;
	background: transparent none;
    }

#nav2 a:hover,
#nav2 a:active, 
#nav2 a:focus
    {
	color: black;
	background: transparent none;
    }

#nav2 li ul li a {
	width: auto;
	text-align: left;
/*http://www.htmlhelp.com/cgi-bin/csscheck.cgi	*/
	/* padding-left: 80px; */
	padding-left: 42px;
	padding-bottom: 0.25em;
	border: none;
    }

#nav2 li:hover ul ul,
#nav2 li:active ul ul,
#nav2 li:focus ul ul,
#nav2 li:hover ul ul ul,
#nav2 li:active ul ul ul,
#nav2 li:focus ul ul ul,
#nav2 li.sfhover ul ul,
#nav2 li.sfhover ul ul ul {
	left: -999em;
    }
    
#nav2 li:hover ul li.normal,
#nav2 li:active ul li.normal,
#nav2 li:focus ul li.normal,
#nav2 li.sfhover ul li.normal
    {
	color: inherit;
	background: white url(/images/right-list.png) no-repeat scroll -42px 50%;
	/* white-space: pre;   jd_added */
    }
    
#nav2 li:hover ul li.firsti,
#nav2 li:focus ul li.firsti,
#nav2 li:active ul li.firsti,
#nav2 li.sfhover ul li.firsti
    {
	color: inherit;
	/* background: white url(/images/topleft-list.png) no-repeat scroll -42px 45%; */
	background: white;
	font-size: 50%;
    }
    
#nav2 li:hover ul li.secondi,
#nav2 li:focus ul li.secondi,
#nav2 li:active ul li.secondi,
#nav2 li.sfhover ul li.secondi
    {
	color: inherit;
	background: white url(/images/top-oblic.png) no-repeat scroll -42px 50%;
    }
    
#nav2 li:hover ul li.lasti,
#nav2 li:active ul li.lasti,
#nav2 li:focus ul li.lasti,
#nav2 li.sfhover ul li.lasti
    {
	color: inherit;
	background: white url(/images/bottom-list.png) no-repeat scroll -42px 50%;
	font-size: 50%;
    }
    
#nav2 li:hover ul,
#nav2 li:active ul,
#nav2 li:focus ul,
#nav2 li li:hover ul,
#nav2 li li:active ul,
#nav2 li li:focus ul,
#nav2 li li li:hover ul,
#nav2 li li li:active ul,
#nav2 li li li:focus ul,
#nav2 li.sfhover ul,
#nav2 li li.sfhover ul,
#nav2 li li li.sfhover ul
    { /* listes imbriquées sous les items de listes survolés */
	left: auto;
    }


div.menuspacer {
	border: solid 2px green;
	margin: 1em 1em 0px 0px;
	width: 9em;
	height: 100%;
	float: left;
    }