@charset "utf-8";
/* CSS Document */

BODY {
	
	background-image: url(../images/fond_communes_stzach_accueil.jpg);
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	background-repeat: no-repeat;
	left: 0px;
	top: 0px;
}

a{
	color:#00817A;
}
a:hover{
	text-decoration:underline;
}
H1{
	color:#00968f;
	font-size: 24px;
	padding-left: 4px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-bottom-color: #00968f;
	border-left-color: #00968f;
	}

H2{
	color:#f9cf18;
	font-size: 16px;
	padding-left:15px;
	background-image:url(../images/Puce_Penne.gif);
	background-repeat:no-repeat;
}

H3{
	color:#454E57;
	font-size: 12px;
	background-color: #F4FFFF;
	margin: 8px;
	padding: 5px;
	border: 1px dotted #454E57;
}

H4{
	color:#6a6964;
	font-size: 14px;
}

#ariane a{
	color:#cd0008;
	text-decoration:none;
}
p, p.bodytext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #454E57;
	text-align:justify;
}


/* On masque les titres des content elements gnrs par Typo3 */

.csc-header{
	display:none;
}

TABLE    { 
	display: table; 
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border: hidden;
	border-bottom-width:0px;
	border-top-width:0px;
}
TR       { 
	display: table-row; 
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border: hidden;
	border-bottom-width:0px;
	border-top-width:0px;
	}

TD, TH   { display: table-cell; 
margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border: hidden;
	border-bottom-width:0px;
	border-top-width:0px;
	vertical-align:top;
}

CAPTION  { display: table-caption }
THEAD    { display: table-header-group }
TBODY    { display: table-row-group }
TFOOT    { display: table-footer-group }
COL      { display: table-column }
COLGROUP { display: table-column-group }

img{
	border-width: 0px;
	behavior: url(./fileadmin/templates/internet/css/pngbehavior.htc);
	display:inline;
}

#logo{
	position:absolute;
	left:30px;
	top:10px;
}
#marches{
	position:absolute;
	left:895px;
	top:7px;
}
#zonecontenu{position:absolute; top:180px; width:980px; }
#topbar{width:auto; display:block; height:80px;}
#navbar{width:auto; display:block; height:24px;}

#main{width:auto; display:block;}
#accueil-coverflow{width:590px; margin-right:2px; float:left; background-color: #6984A7; height:300px;}
#accueil-edito{
	width:361px;
	float:right;
	height:264px;
	padding:10px;
	padding-top:20px;
	background-image: url(../images/Edito.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: black;
	border: medium dotted #6984A7;
}
#accueil-plansite{
	padding: 45px 170px 8px 40px;
	border-top-width: medium;
	border-top-style: dotted;
	border-top-color: #6984A7;
	background-image: url(../images/Plansite_stzach.gif);
	background-repeat: no-repeat;
}
/*
div.spacer, permet de faire deux colonne dans #container
*/

div.spacer{clear:both; height:10px; display:block;}
#footer{width:auto; display:block; height:24px;}

/* PIED DE PAGE */
#pied {
	width:655px;
	color:#6a6964;
	font-size:10px;
}

#pied a{
	clear:none;
	color:#6a6964;
	font-size:10px;
	text-decoration:none;
}

#pied a:hover{
	text-decoration:underline;
}

div.liensPied{
	clear:both;
	float:right;
	padding-top:5px;
	color:#6a6964;
	font-size:10px;
	padding-bottom:40px;
	width:300px;
	text-align:right;
}

.barreColoree{
	float:right;
	width:210px;
	height:25px;
	background-image:url(../images/barre-coul1.gif);
}