/* CSS General */
body{
	font-size:16px;
	margin: 0px 0px 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	white-space:normal;
	text-indent: 1.2em;
	background-repeat: no-repeat;
	background-image: url(images/arriere-plan.gif);
}
h1 {
	width:262px;
	text-align:left;
	font-size: 85%;
	color: #FFFFFF;
	margin: 0px;
	padding: 12px 6px 6px 42px;
	}
h2 {
	font-size: 80%;
	font-color:#F28E00;
	color: #FFCC33;
	font-variant: small-caps;
	margin: 0px 4px 0px 40px;
	padding: 0px 0px 3px 0px;
	text-align: right;
	vertical-align:top;
	}
h3 {
	font-size: 75%;
	color:#0098C8;
	font-variant: normal;
	margin: 0px 2px 0px 2px;
	paddding: 0px 0px 3px 0px;
	text-align: left;
	vertical-align:top;
	}
h4 {
	font-size: 70%;
	color: #EC6500;
	font-variant: bold;
	font-weight: bolder;
	margin: 0px 2px 1px 0px;
	padding: 4px 0px 1px 0px;
	text-align: left;
	vertical-align:top;
	}
h5 {
	font-size: 60%;
	color: #0098C9;
	margin: 2px 0px 2px 0px ;
	max-width:275px;
	}

p {
	margin: 1px 0px 0px 0px;
	padding: 2px 1px 4px 4px;
	font-size:60%;
	}

a{
	font-size:60%;
	font-weight: normal;
	color: #0098C8;
	text-decoration: none;
}
a:hover {
	color: #E87219;
	text-decoration: underline;
}

/* CSS fiche */

#fiche.box{
	width:302px;
	color: #000000;
	padding: 0px;
	position: absolute;
	page-break-after: avoid;
	left:0px;
	top:0px;
	z-index:100;
	}
.bar{
	width:"302px";
	color: #000000;
	background-image:url('images/cadres/communaute-agglo-caen.png');
	background-repeat:no-repeat;
	background-position:left top;
	padding:0px;
	margin:0px;
	page-break-before:avoid;
	page-break-after:avoid;
	cursor:pointer;
	}
.bar2{
	width:302px;
	color: #000000;
	background-image:url('images/cadres/agglomeration-mer2.png');
	background-repeat:no-repeat;
	background-position:left top;
	padding:0px;
	margin:0px;
	page-break-before:avoid;
	page-break-after:avoid;
	cursor:pointer;
}

/* KHTML and Mac IE 5 ignore the following */
@media ScReEn, projection {
/* minimum height for WinIE */
#contenu {
  height: 20em;
}
/* Windows IE ignores the following */
html>body #contenu {
  height: auto;
}
} /* end ScReEn rules */


/* CSS fiche contenu */

#contenu{
	max-width:302px;
	max-height:25em;
	background-color:#FFFFFF;
	border-right-color: #007CA3;
	border-left-color:#007CA3;
	border-left-width: 1px;
	border-right-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #007CA3;
	border-top-style: solid;
	border-top-width: 1px;
	overflow: auto;
	padding-left:2px;
	padding-right:1px;
	border-bottom-width: 0px;
	page-break-before: avoid;
	page-break-after: avoid;

}
#contenu p{
	width:275px;
	padding-right:1px;
	padding-top:5px;
	padding-left:3px;
	padding-bottom:5px;
	font-size:0.6em;
}


#contenu ul{
	width:260px;
	position: relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	/*list-style-position: outside;*/
	margin:1px 1px 2px 0.3em;
	padding-left:15px;
	border-bottom-width: 0px;
	border-top-width: 0px;
}
#contenu li{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	margin:0;
	font-size:0.6em;
	position:relative;
	list-style-type:disc;
	border-bottom-width:0px;
	border-top-width:0px;
}
#contenu a{
	font-size:100%;
	color: #0098C8;
	text-decoration: none;
}
#contenu a:hover {
	color: #E87219;
	text-decoration: underline;
}

/* CSS Menu */

#menu {
	width:173px;
	max-height:"200px";
	color: #000000;
	padding: 0px;
	position: absolute;
	page-break-after: avoid;
	left:0px;
	top:0px;
	z-index:100;
	}
	
/*menutitre*/
.barmenu{
	/*background:url('images/cadres/menu-fond.png') repeat-y top left;*/

	}
.vague{
	background:url('images/cadres/menu-topfin.png') no-repeat top left;
	height:8px;
	font-size:1pt;
	cursor:pointer;
	}
.barmenusimple{
	background:url('images/cadres/menu-fond.png') repeat-y top left;
	padding: 0px 1px 2px 1px;
	cursor:pointer;
	}

.barmenusimple h4 {
	width:151px;
	text-decoration: none;
	font-size:1em;
	text-align:left;
	white-space:normal;	
	padding: 0px 1px 0px 15px;
	margin:0;
	z-index:110;
	line-height:1em;
	}
	
h4.categories-actif a{
	font-weight:bolder;
	color:  #0098C8;
	position:relative;
	left: -6px;
}

h4.categories-passif a{
	font-weight:bold;
	color:white;
}

h4.categories-actif a:hover {
	color: #0098C8;
	text-decoration: none;
}

h4.categories-passif a:hover {
	color: #E87219;
	text-decoration: underline;
}

.lienbleu {
	overflow:hidden;
	color: #0098C8;
	text-decoration: none;
/*	line-height: normal;
	position: relative;*/
	text-indent: 1px;
	}
.lienbleu:hover , .lienbleu:active , .lienbleu:visited , lienbleu:link{
	overflow:hidden;
	font-weight: bold;
	color: #EC6500;
	text-decoration: underline;
	list-style-type: lower-alpha;	
	}

.texteorangenavig{
	overflow:hidden;
	font-size:0.7em;
	/*position: relative;*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #E87219;
	text-decoration: none;
	/*line-height: normal;*/
}
.liens{
	font-size:0.7em;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	line-height: normal;
}

.liens:hover {
	color: #E87219;
	text-decoration: underline;
}
#choix{
	overflow:hidden;
	width:167	;
}
#choix.contenu{
	overflow:hidden;
	font-size: 1em;
	max-width:173px;
	background-color:#FFFFFF;
	border-right-color: #DBEAEE;
	border-left-color: #DBEAEE;
	border-left-width: 2px;
	border-right-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #DBEAEE;
	border-top-style: solid;
	border-top-width: 1px;
	overflow: auto;
	padding-left:1px;
	padding-right:1px;
	border-bottom-width: 0px;
	page-break-before: avoid;
	page-break-after: avoid;
	}
#choix ul{
	font-size: 1em;
	color: #E87219;
	position: relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	list-style-position: outside;
	page-break-before: avoid;
	page-break-after: avoid;
	padding: 0px 1px 2px 20px;
	margin: 0px 0px 0px 0px ;
	border-bottom-width: 0px;
	border-top-width: 0px;
}
#choix li{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	position:relative;
	list-style-type:disc;
	font-size:1em;
	margin:0;
	padding:0;
	line-height:0.6em;
	letter-spacing:0.9em;
	word-spacing:-0.05ex;
	}
#choix sup{
	margin:0px;
	padding:0px;
	line-height:0.01em;
	vertical-align: baseline;
}
#choix .li-texte{
	font-weight: normal;
	color: #0098C8;
	text-decoration: none;
	letter-spacing: -0.05em;
	padding:0px;
	visibility: visible;
}
#choix .li-texte:hover{
	color: #E87219;
	text-decoration: underline;
}
.li-textehover{
	/*position: relative;
	top: -0.3ex;*/
	/*font-weight: normal;*/
	color: #E87219;
	text-decoration: underline;
	letter-spacing: -0.05em;
	/*margin:0px;*/
	/*border-bottom-width: 0px;
	border-top-width: 0px;*/
	visibility: visible;
}
.barmenu2{
	width:173px;
	background-image:url('images/cadres/menu-bottom.png');
	background-repeat:no-repeat;
	background-position:left top;
	page-break-before: avoid;
	page-break-after: avoid;
	padding:0;
	margin:0;
	border-width:0px;
	}

/********************************************************************************************/



/*.menus{
	position: absolute;
	left:"8px";
	top:"78px";
	width:"150px";
 }*/

.titrebleu {
	position: relative;
	top: 11px;
	left: 38px;
	width: 200px;
	text-align: left;
	text-valign: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: normal;
	}

.backgroundprojets{
	position: absolute;
	top: 75px;
	left: 718px;
	background-color: #FFFFFF;
	width: 285px;
	height: 450px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	}
.backgroundliens{
	position: absolute;
	top: 80px;
	left: 0px;
	width: 164px;
	height: 600px;
	}
.positionprojets{
	position: absolute;
	top: 50px;
	left: 691px;
	width: 277px;
	}
.titreprojets {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0098C8;
	text-decoration: underline;
	line-height: normal;
	}


.texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: black;
	text-decoration: none;
	position: relative;
	left: 12px;

}
.textecommunes {
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom:0px;
	margin-left: 0px;
	margin-right:0px;
	padding-bottom: 4px;
	padding-top: 2px;
	padding-right: 1px;
	padding-left: 4px;
	font-size:60%;
}
.sstyletableau{
	/*position: relative;
	top: 78px;
	width:170px;
	left : 7px;
	border:0;
	cellpadding:0;
	cellspacing:0;
	border:0;*/
	}
.texteprojets {
	width: 270px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: black;
	text-decoration: none;
	position: relative;
	left: 5px;
}
.texteorange{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #EC6500;
	left: 2px;
	font-size: 0.9em;
}


.surfaceinvisible {
z-index:10; 
decoration:none; 
borderwidth:0px; 
visibility:hidden;
}
.surfacevisible {
z-index:10; 
visibility:visible;
}