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

BODY {
	background-color: #FFFFFF;
	background-image: url(../images/fond_communes_auriol.jpg);
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	background-repeat: no-repeat;
	left: 0px;
	top: 0px;
}
#marches{
	position:absolute;
	left:897px;
	top:9px;
}
.menuTitreOrange a{
	padding-left:15px;
	background-image:url(../images/fleche-rouge.gif);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#cd0008;
}

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

a{
	color:#728FB3;
}
a:hover{
	text-decoration:underline;
}
H1{
	color:#333333;
	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: #333333;
	border-left-color: #333333;
	}

H2{
	color:#333333;
	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:#728FB3;
	text-decoration:none;
}
p, p.bodytext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #454E57;
	text-align:justify;
}
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #454E57;
	text-align:justify;
}	

/* On masque les titres des content elements générés 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;
}
.contenttable {
	display: table;
	background-color:#CCCCCC;
	margin: 1px;
	padding: 1px;
	text-align: center;
}
.important {
  color:red;
}	
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 COMMUNE */

#logo{
	position:absolute;
	left:30px;
	top:10px;
}


#polaroids{
	position:absolute;
	left:415px;
	top:0px;
}



#zoneContenus{
	position:absolute;
	left:335px;
	top:256px;
	width:655px;
}

#contenus{
	width:575px;
}
#accueil-coverflow{
	width:575px;
}
#accueil-edito{
	float: right;
	width:178px;
	padding: 0px;
	background-color: #F5f7f7;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccf;
	font: small Verdana,sans-serif;
}
#accueil-plansite{
	width:575px;
}
#ariane{
	color:#6a6964;
	font-size:11px;
	width:575px;
	height: 30px;
	
}



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



/* ENCART OMBRE */

#navigation{
	position:absolute;
	left:36px;
	top:200px;
}

.shadowtbl    {
	display:block;
	border: hidden;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}


.shadowtopleft{
	display:block;
	background-image: url(../images/shadow-top_lp.gif);
	height:6px;
	width:6px;
	background-repeat: no-repeat;	
}

.shadowtopleft-noshadow{
	display:block;
	height:6px;
	width:6px;
}

.shadowtopcenter{
}
.shadowtopright{
	display:block;
	background-image: url(../images/shadow-top-right.gif);
	width:12px;
	background-repeat: no-repeat;	
}
.shadowleft{
	background-image: url(../images/shadow-left.gif);
	background-repeat: repeat-y;
}

.shadowright{
	width:12px;
	background-image: url(../images/shadow-right.gif);
	background-repeat: repeat-y;
}
.shadowbottomleft{
	background-image: url(../images/shadow-bottom-left.gif);
	height:20px;
	background-repeat: no-repeat;
}
.shadowbottomcenter{
	background-image: url(../images/shadow-bottom-center.gif);
	background-repeat: repeat-x;
}
.shadowbottomright{
	background-image: url(../images/shadow-bottom-right.gif);
	background-repeat: no-repeat;
}

.shadowcontent{
	vertical-align:top;
}


/* NAVIGATION */

#navmenu{
	display:block;
	width:180px;
	margin:3px;
	margin-bottom:10px;
}

#navmenu a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6a6964;
	text-decoration:none;
}

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

#navmenu .menuTitre{
	display:block;
	margin-top:4px;
	padding-top:4px;
	margin-bottom:0px;
	padding-bottom:2px;
	background-image:url(../images/navigation-sep.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	line-height:10px;
	
}

#navmenu .menu1 .menuTitre a{
	color:#6a6964;
	padding-left:15px;
	background-image:url(../images/fleche-bleuvert.gif);
	background-repeat:no-repeat;
}


#navmenu .menu2 .menuTitre a{
	color:#6a6964;
	padding-left:15px;
	background-image:url(../images/fleche-vert-pomme.gif);
	background-repeat:no-repeat;
}
#navmenu .menu3 .menuTitre a{
	color:#6a6964;
	padding-left:15px;
	background-image:url(../images/fleche-jaune.gif);
	background-repeat:no-repeat;
}
#navmenu .menu4 .menuTitre a{
	color:#6a6964;
	padding-left:15px;
	background-image:url(../images/fleche-rose.gif);
	background-repeat:no-repeat;
}



.menu_soustitres a{
	margin-left:15px;
}


#navmenu .menu_soustitres2 a{
	margin-left:30px;
}

#navmenu .menu1 .menu_element a{
	padding-left:8px;
	background-image:url(../images/minifleche-bleuvert.gif);
	background-repeat:no-repeat;
}

#navmenu .menu2 .menu_element a{
	padding-left:8px;
	background-image:url(../images/minifleche-vert-pomme.gif);
	background-repeat:no-repeat;
}

#navmenu .menu3 .menu_element a{
	padding-left:8px;
	background-image:url(../images/minifleche-jaune.gif);
	background-repeat:no-repeat;
}

#navmenu .menu4 .menu_element a{
	padding-left:8px;
	background-image:url(../images/minifleche-rose.gif);
	background-repeat:no-repeat;
}


img.puceMenu{
	width:12px;
	height:13px;
	margin-right:4px;
	cursor:"pointer";
}

.menuCompl .shadowcontent{
	width:185px;
	padding-bottom:5px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#f38019;
}

.menuCompl a:hover{
	text-decoration:underline;
}

.menuTitreOrange{
	display:block;
	margin-top:4px;
	padding-top:4px;
	margin-bottom:0px;
	padding-bottom:2px;
	background-repeat:no-repeat;
	font-weight:bold;
	line-height:10px;
	
}



.menu_elementOrange a{
	margin-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#f38019;
}

/* 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);
}


/* COMPOS COLONNES */
.col4tbl, .col3tbl,.col2tbl{
width:100%;
}
.col4{
width:25%;
vertical-align:top;
padding:0 7px 0 7px;
}
.col3{
width:33%;
vertical-align:top;
padding:0 10px 0 10px;
}
.col2{
width:50%;
vertical-align:top;
padding:0 10px 0 10px;
}
.col4 p.bodytext, .col3 p.bodytext, .col2 p.bodytext{
	text-align:left;
}
.center{
	margin:0 auto 0 auto;
	text-align:center;
}