@charset "utf-8";
/* CSS Mairie de St Laurent des Arbres */

/*
Theme Name: St Laurent
Theme URI: http://www.mairie-stlaurentdesarbres.fr
Description: Thème de la Ville de St Laurent des Arbres
Version: 1.0
Author: Histoire des Suds
Author URI: http://www.histoire-des-suds.com
*/

#page {position:relative;width:960px;margin:0 auto;}

#header {position:relative;width:960px; height:277px;z-index:999}
#header h1 {top:10px;left:160px;margin:0;padding:0;position:absolute;background:url(images/logo.jpg);background-repeat:no-repeat;text-indent:-5000px;width:300px;height:71px;}

#header .ip {position:absolute; top:238px; left:640px;}

#policeplus {-moz-border-radius:2px;position:absolute;right:10px;bottom:-10px;padding:0px 5px 0px 5px;background:#362f29;color:#fff}
#policeplus a {font-weight:normal;color:#ebe3d0;text-decoration:none;}
#policeplus a:hover {color:#fff;}

#maincontent {position:relative;-moz-border-radius:5px;width:680px;background:#fff;float:left;margin-top:40px;margin-bottom:40px;border:1px solid #beab96;padding:0px 25px 20px 25px;z-index:0;}

#maincontent li { list-style-type:circle;}

#maincontentindex {position:relative;-moz-border-radius:5px;width:580px;background:#fff;float:left;margin-top:40px;margin-bottom:40px;border:1px solid #beab96;padding:0px 25px 20px 25px}

#maincontent h1 {border-bottom:1px dotted #362f29;}
#maincontentindex h1 {border-bottom:1px dotted #362f29;}


#diapo {float:left;width:300px;margin-top:40px;margin-left:20px;}
#actuindex {float:right;width:280px;margin-top:40px;margin-left:20px;margin-bottom:20px;}
#actuindex h2 {margin:0px;}
#actuindex h1 {border-bottom:1px dotted #217b88;}

.actucontent {margin-bottom:20px;}

#sidebar {width:200px;background:transparent;float:right;margin-top:35px;margin-bottom:20px;}
#footer {clear:both;width:100%;height:144px;background:url(images/bgfooter.jpg);background-repeat:repeat-x;}

#contenufooter {position:relative;width:960px;height:144px;margin:0 auto;}
#logofooter {position:absolute;top:40px;width:296px;height:52px;background:url(images/logofooter.jpg);background-repeat:no-repeat;text-indent:-5000px;}
#liensfooter {position:absolute;top:51px;left:310px;width:510px;color:#FFF;}
#liensfooter a {color:#ebe3d0;font-weight:normal;}
#liensfooter a:hover {text-decoration:none;color:#fff;}
#liensfooter a.hds {color:#F90;}
#blason {position:absolute;top:40px;right:60px;width:62px;height:75px;background:url(images/blason.jpg);background-repeat:no-repeat;text-indent:-5000px;}

.search {color:#fff;z-index:99;text-align:right;width:280px;position:absolute;right:0;top:243px}
.date {margin:0px;font-weight:bold;font-size:12px;letter-spacing:-1px;text-align:left;}
.infos {width:630px;clear:left;float:left;}


.icones {position:absolute;width:150px;top:110px;right:195px;}
.icones img {margin-right:10px;}
.icones img a {border:0}

.adresse {position:absolute;right:0px;top:160px;text-align:left;width:345px;line-height:16px;color:#217b88;font-size:10px;}
.adresse a {color:#217b88;font-weight:bold;text-decoration:underline;}
.adresse a:hover {text-decoration:none;}

.actus {letter-spacing:-1px;width:176px;margin:20px auto;}
.actus ul {text-align:left;margin:0px;padding:0px;}
.actus li a {padding: 5px 0px 5px 10px;background:url(images/fleche.gif) no-repeat center left;text-decoration:none;}
.actus li a:hover {text-decoration:none;color:#362f29}
.actus h2 {text-align:center;}

.journalier {text-align:center;line-height:16px;margin-bottom:20px;}
.lesaviezvous {width:176px;margin:0 auto;background:url(images/lesaviezvous_bande.jpg);background-repeat:repeat-y;}
.lesaviezvous p {margin: 0px 10px 0px 10px;color:#217b88;}
.lesaviezvous h1 {padding:0;background:url(images/lesaviezvous.jpg);width:176px;height:43px;text-indent:-5000px;margin:0;}
.lesaviezvous h2 {padding:0;background:url(images/lesaviezvous_bas.jpg);width:176px;height:30px;text-indent:-5000px;margin:0;}

.meteo {margin-left:25px;margin-top:20px;width:150px;height:120px;background:transparent;}

/* MENU DU SITE */

.dropdown {width:650px;margin-left:0px;margin-bottom:0px;margin-top:0px;position:absolute;left:0;top:240px;z-index:999}
.dropdown a {text-decoration:none;}

/* IMAGES DU SITE */

.center {
	text-align: center;
}

img.center, a img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #CCC;
	padding: 3px;
	background: #FFFFFF;
}
a:hover img.center {
	border-color:#fff;
	background: #217b88;
}.alignleft {
	float: left;
}
img.alignleft, a img.alignleft {
	float:left;
	margin: 4px 10px 5px 0px;
	border: 1px solid #CCC;
	padding: 3px;
	background: #FFFFFF;
}
a:hover img.alignleft{
	border-color:#fff;
	background: #217b88;
}
.alignright {
	float: right;
}
img.alignright, a img.alignright {
	float:right;
	margin: 4px 0px 5px 10px;
	border: 1px solid #CCC;
	padding: 3px;
	background: #FFFFFF;
}
a:hover img.alignright{
	border-color: #fff;
	background: #217b88;
}
.clear {
	clear:both;
}
hr.clear {
	clear:both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}
img.img_border, a img.img_border {
	border: 1px solid #bdd77f;
	padding: 3px;
	background: #ffffff;
}
a:hover img.img_border{
	border-color: #FF6600;
	background: #FF6600;
}

/* FORMULAIRES DU SITE */

#header input[type="submit"] {background:transparent;margin:0;border:0px;color:#ebe3d0;font-size:12px;font-weight:bold;}

#header input[type="submit"]:hover {color:#fff}

#header input[type="text"] {width:160px;margin:0;padding:0px;border:1px solid #ebe3d0;background-color:#fff;color:#217b88;font-size:16px;font-weight:bold;}

#header textarea {padding:1px;background-color:#fff;border:1px solid #ebe3d0;color:#217b88;font-size:12px;}

#header form p {color:#217b88;font-weight:bold;}