/* CSS Document */

hr{clear:both;}

html, body{width:100%}
body{
	font-size:85%;
	font-family: Arial, Georgia, Verdana, sans-serif;
	/*color:#B39D55;--ANCIENNE_COULEUR--*/color:#000000;
	background:url(../interface/fond_body_accueil.gif) repeat-x top;
}

body, h1, h2, h3, h4, form, p, ul, li {margin:0;padding:0;}
a img{border:none;}
ul{list-style-type:none;}


#main{
	z-index:1;
	position:absolute;
	left:50%;
	margin-left:-490px;
	/*width:980px;*/
	width:797px;
	padding:0 91px 0 92px;
	background:transparent url(../interface/fond_main_accueil.jpg) no-repeat 2px 305px;
	_padding-bottom:332px;
}

#tetiere{
	z-index:2;
	position:absolute;
	top:0;
	left:-41px;
	width:1060px;
	height:305px;
	background:transparent url(../interface/fond_tetiere_accueil.jpg) no-repeat left top;
}

#flash_accueil{
	z-index:3;
	position:absolute;
	top:0;
	left:108px;
	/*border:1px solid;*/
}

#contenu{
	float:left;
	_float:none;
	_position:relative;
	_top:332px;
	width:797px;
	min-height:430px;
	_height:430px;
	margin:332px 0 0 0;
	background:#ffffff url(../interface/fond_contenu_accueil.gif) repeat-x left top;
}

#vague{
	z-index:4;
	position:absolute;
	top:354px;
	left:255px;
	width:467px;
	height:32px;
	background:transparent url(../interface/vague_accueil.gif) no-repeat left top;
}

#accueil_mairie, #accueil_ot{
	float:left;
	width:378px;
}
#accueil_mairie{
	border-right:#eeece6 1px solid;
	margin:0 0 0 16px;
	_margin:0 0 0 8px;
	_position:relative;
	_left:1px;
}
#accueil_ot{
	margin:0 16px 0 0;
	_margin:0 8px 0 0;
}


#accueil_ot div.conteneur, #accueil_mairie div.conteneur{
	width:186px;
}
#accueil_mairie div.conteneur{float:left;}
#accueil_ot div.conteneur{float:right;}


#accueil_mairie h1, #accueil_ot h1{line-height:0em;}
#accueil_mairie h1{margin:23px 0 0 0;}
#accueil_ot h1{margin:10px 0 0 0;text-align:right;}

#accueil_mairie h2, #accueil_ot h2{
	border-bottom:#d9eef7 1px solid;
	line-height:0em;
	padding:12px 0 4px 0;
}
#accueil_mairie h2{text-align:left;}
#accueil_ot h2{text-align:right;}

#accueil_mairie h3, #accueil_ot h3{
	font-size:0.9em;
	padding:3px 0 5px 0;
}
#accueil_mairie h3{text-align:left}
#accueil_ot h3{text-align:right;}

#accueil_mairie p, #accueil_ot p{
	text-align:justify;
	font-size:0.8em;
	line-height:1.2em;
}

a.savoir-plus{
	font-size:0.8em;
	color:#9fc1d1;
	font-weight:bold;
	display:block;
	float:right;
	margin:10px 0 0 0;
	text-decoration:none;
}
a.savoir-plus:hover{text-decoration:underline;}

#accueil_mairie ul, #accueil_ot ul{
	width:114px;
	_width:144px;
	min-height:183px;
	_height:205px;
	background:white url(../interface/fond_menus_accueil.gif) repeat-x left top;
}
#accueil_mairie ul{
	float:right;
	border-bottom:#41a8d8 7px solid;
	margin:40px 20px 0 0;
	_margin:40px 10px 0 0;
	padding:14px 22px 0 8px;
	text-align:left;
}
#accueil_ot ul{
	float:left;
	border-bottom:#a2cb0d 7px solid;
	margin:40px 0 0 20px;
	_margin:40px 0 0 10px;
	_position:relative;
	_left:1px;
	padding:14px 8px 0 22px;
	text-align:right;
}

#accueil_mairie ul li, #accueil_ot ul li{
	font-size:0.9em;
	padding:4px 0;
	border-bottom:#e3e0c2 1px solid;
	line-height:1em;
}
#accueil_mairie ul li.last-child, #accueil_ot ul li.last-child{border:none;}
#accueil_mairie ul li a, #accueil_ot ul li a{text-decoration:none;}
#accueil_mairie ul li a{color:#45a8cd;}
#accueil_ot ul li a{color:#a2cb0d;}

#accueil_mairie ul li a:hover, #accueil_mairie ul li.active a, #accueil_ot ul li a:hover, #accueil_ot ul li.active a{font-weight:bold;}
#accueil_mairie ul li a:hover, #accueil_mairie ul li.active a{color:#a2cb0d;}
#accueil_ot ul li a:hover, #accueil_ot ul li.active a{color:#45a8cd;}


#accueil_mairie p.pied_accueil strong, #accueil_ot p.pied_accueil strong{font-size:1.1em;}
#accueil_mairie p.pied_accueil, #accueil_ot p.pied_accueil{
	clear:both;
	border-top:#eeece6 1px solid;
	color:#aa9c5c;
	position:relative;
	top:10px;
	font-size:0.75em;
}
#accueil_mairie p.pied_accueil{
	text-align:right;
	margin:0 6px 0 0;
	padding:8px 14px 0 0;
}
#accueil_ot p.pied_accueil{
	text-align:left;
	margin:0 0 0 6px;
	padding:8px 0 0 14px;
}


#ot_langue{
	z-index:5;
	position:absolute;
	top:386px;
	left:670px;
	_top:53px;
	_left:578px;
}
#ot_langue li{line-height:0em;font-size:0em;}