/* Municipalite St-sylvere.
--------------------------------------------------------------------------------------- */

@import url("reset.css");

#header{ behavior: url(/iepngfix.htc); }

body {
background: #fff;
font-family: Arial, Helvetica, sans-serif;
color:#2a2a2a;
font-size:12px;
}

#body{
background: #848457 url('/images/bgBody.jpg') repeat-x;
}

#email2, #website2{
	display:none;
}


a:link {color:#2a2a2a;}
a:visited {color:#2a2a2a;}
a:hover {color:#2a2a2a;text-decoration:none;}
a:active {color:#2a2a2a;}

h1 {}
h2 {background:#477793;color:#fff;text-transform:uppercase;padding:12px 17px;width:470px;font-size:20px;font-weight:bold;margin-bottom:20px;}
h3 {text-transform:uppercase;padding:12px 17px;padding-bottom:5px;width:462px;font-size:15px;font-weight:bold;margin-bottom:10px;color:#477793;}
h4 {padding:12px 17px;padding-bottom:5px;width:462px;font-size:15px;font-weight:bold;margin-bottom:10px;color:#477793;}
h5 {padding:12px 17px;padding-bottom:5px;width:462px;font-size:14px;font-weight:bold;margin-bottom:10px;color:#7d7d53;}
h6 {padding:12px 17px;padding-bottom:5px;width:462px;font-size:13px;font-weight:bold;margin-bottom:10px;color:#7d7d53;}

sup{text-transform:lowercase;}

p {text-align:justify;padding:0px 17px 25px 17px;}

ul {margin-left:40px;margin-top:-10px;margin-bottom:25px;}

li {padding-left:5px;list-style:disc;}




/* Le Container
--------------------------------------------------------------------------------------- */

#page {
width: 798px;
margin: 0 auto;
background:url(/images/bgPage.gif) repeat-y;
}


/* Le Header
--------------------------------------------------------------------------------------- */

#header {
width:798px;
height:71px;
background:url(/images/bgHeader.png);
padding-top:240px;
}

.menu{
width:798px;
padding-top:16px;
text-align:center;
padding-left:0px;
font-size:11px;
font-weight:600;
margin:0px;
}

.menu li{
display:inline;
padding:0 5px;
border-right:1px solid #fff;
}

.menu li.brdRightNone{
border-right:0px;
}


.menu li a{

}

.menu li a:link {color:#fff;text-decoration:none;}
.menu li a:visited {color:#fff;text-decoration:none;}
.menu li a:hover {color:#edffad;text-decoration:none;}
.menu li a:active {color:#fff;text-decoration:none;}

.menu li.onIt a:link {color:#edffad;text-decoration:none;}
.menu li.onIt a:visited {color:#edffad;text-decoration:none;}
.menu li.onIt a:hover {color:#edffad;text-decoration:none;}
.menu li.onIt a:active {color:#edffad;text-decoration:none;}


/* Le Contenu
--------------------------------------------------------------------------------------- */

#content {
padding:0px 19px;
padding-top:7px;
}
	
#contentLeft{
width:504px;
border:2px solid #a3bbc9;
float:left;
min-height:590px;
}
#contentLeft img{
padding:3px;
border:1px solid #7c7c5a;
}
	


#contentRight{
float:left;
width:246px;
}

#nouvelles{
border-top:2px solid #ccccb2;
border-left:2px solid #ccccb2;
border-bottom:2px solid #ccccb2;
height:297px;
background:url(/images/bgNouvelles.gif) repeat-x bottom #e4e4d2;
margin-left:4px;
width:246px;
margin-bottom:4px;
}

#nouvelles h2{
width:212px;
background:#999966 url(/images/iconNews.jpg) right no-repeat;
margin-bottom:10px;
border-bottom:3px solid #fff;
}

#nouvelles p {
padding:10px 0px;
margin:0 10px;
}

#nouvelles p.first{
border-bottom:1px solid #fff;	
}


#nouvelles a:link {color:#2a2a2a;text-decoration:none;}
#nouvelles a:visited {color:#2a2a2a;text-decoration:none;}
#nouvelles a:hover {color:#2a2a2a;text-decoration:none;}
#nouvelles a:active {color:#2a2a2a;text-decoration:none;}

#nouvelles a.voirtout{
width:193px;
height:18px;
background:url(/images/bgSeeMore.gif);
display:block;
font-size:12px;
color:#999966;
text-transform:uppercase;
font-weight:bold;
padding-left:5px;
padding-top:5px;
margin-left:40px;
}

#nouvelles a.voirtout:link {color:#999966;text-decoration:none;}
#nouvelles a.voirtout:visited {color:#999966;text-decoration:none;}
#nouvelles a.voirtout:hover {color:#999966;text-decoration:none;}
#nouvelles a.voirtout:active {color:#999966;text-decoration:none;}



.nouvelle{
margin-left:17px;
width:470px;
}

.nouvelle h4{
padding-left:0px;
}
.nouvelle p{
padding-left:0px;
padding-right:0px;
margin-top:5px;

}

.nouvelleContainer{
margin-bottom:20px;
padding: 5px 20px 5px 0px;
}

.nouvelleContainer h4{
margin-bottom:0px;
margin-top:0px;
padding-top:4px;
}

.nouvelle .nouvelleDate{
font-weight:bold;
font-style:italic;
margin-bottom:0px;
padding-bottom:3px;
}

.nouvelle h3{
font-size:14px;
}

.nouvelle .nouvelleSuite{
text-align: right;
margin-top:3px;
margin-bottom:15px;
}



#calendrier{
border-top:2px solid #e2edf3;
border-left:2px solid #e2edf3;
border-bottom:2px solid #e2edf3;
background:#bfd0d9;
margin-left:4px;
width:246px;
margin-bottom:4px;
padding-bottom:8px;
color:#3f3f3f;
}

#calendrier h2{
width:212px;
background:#477793;
margin-bottom:10px;
border-bottom:3px solid #fff;
}

#calendrierContainer{
border:1px solid #fff;
width:223px;
background:#fff;
margin-left:10px;
margin-bottom:10px;
}

#calendrier .mois,
#calendrier .mois a:link{
color:#3f3f3f;
text-align:center;
	
}

#calendrier .mois{
color:#241400;
height:10px;
font-size:12px;
padding:0px;
margin:0px;
text-align:center;
width: 197px;
padding-bottom:10px;
font-weight:bold;
}

#calendrier table{
width: 223px;
clear: both;
height:130px;
background:none;
background:#9bc7e1;
}

#calendrier strong{
display:block;
width:223px;
text-align:center;
padding-top:5px;
}

#calendrier th, #calendrier td {
text-align: center;
}
#calendrier .hauttab th{
color:#477793;
font-size:10px;
font-weight:bold;
margin:0px;
padding:0px;
background:#fff;
padding-bottom:5px;

}

#calendrier td{
font-family:Century Gothic,arial,verdana;
color:#726b5d;
font-size:11px;
background:#f1ebc7;
width:24px;
height:16px;
background: url(/images/bgTd.jpg) top center no-repeat;
padding:0 4px 4px 4px;
text-align: center;
}
#calendrier td a{
margin-left:2px;
display:block;
width:19px;
height:14px;
line-height: 14px;
color:#fff;
}

#calendrier td a:link {color:#fff;text-decoration:none;}
#calendrier td a:visited {color:#fff;text-decoration:none;}
#calendrier td a:hover {color:#fff;text-decoration:none;}
#calendrier td a:active {color:#fff;text-decoration:none;}


#calendrier td.vide{
background:none;	
}


#calendrier a.voirtout{
width:193px;
height:18px;
background:url(/images/bgSeeMore.gif);
display:block;
font-size:12px;
color:#477793;
text-transform:uppercase;
font-weight:bold;
padding-left:5px;
padding-top:5px;
margin-top:5px;
margin-left:40px;
}

#calendrier a:link {color:#477793;text-decoration:none;}
#calendrier a:visited {color:#477793;text-decoration:none;}
#calendrier a:hover {color:#477793;text-decoration:none;}
#calendrier a:active {color:#477793;text-decoration:none;}


#calendrierContainer ul,
#calendrierContainer ul li{
	margin: 0px;
	padding: 0px;
	border: none;
	list-style: none;
	line-height: normal;
	font-size: 10px;
}
#calendrierContainer ul{
	width: 130px;
	margin: 0 auto;
	padding-bottom: 5px;
}
#calendrierContainer ul li{
	margin: 2px 0px;
	padding: 0px 5px;
}
#calendrierContainer ul li strong{
	display: inline;
}

#meteoMedia{
position:Relative;
padding:5px;
background:#ccccb2;
width:235px;
margin-left:7px;
}



.nouvelleRetour{
padding-bottom:10px;	
}

form {margin-left:18px;margin-top:20px;}

form div{
color:#635643;
float:left;
width:445px;
padding:6px;
}

form div.browndiv{
background:#f6f6f6;
border:1px solid #ddd;
}

form label{
display:block;
float:left;
width:150px;
clear:left;
}
form select{
float:left;
width:160px;
}


form input{
float:left;
width:200px;
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:12px;
}

form textarea{
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:12px;
}

#btnSend{
clear:left;margin-top:15px;margin-bottom:15px;margin-left:160px;width:160px;

}

#organismes p{
padding-bottom:7px;margin-bottom:0px;
}


#conseilM h3{
padding-bottom:0px;margin-bottom:0px;
}

#conseilM h4{
padding-top:5px;
}


/* Le Footer
--------------------------------------------------------------------------------------- */

#footer {
clear: both;
width:760px;
height:22px;
padding-top:10px;
background:#477793;
text-align:center;
font-size:11px;
color:#fff;
margin-left:19px;
}
#footer a:link {color:#fff;text-decoration:none;}
#footer a:visited {color:#fff;text-decoration:none;}
#footer a:hover {color:#fff;text-decoration:underline;}
#footer a:active {color:#fff;text-decoration:none;}


/* Classes SEAO
------------------------------------- */

h3.seao{
	color:#7d7d53;
	border-bottom:2px solid #7d7d53;
	margin:10px 0 10px 18px;
	padding-left:0;
	width:455px;
	display:block;}
#contentLeft .seao img{
		border:none;
		float:right;
		margin: 0 10px 10px 20px;
	}

/* Classes diverses
------------------------------------- */

.clear {clear: both;}
.flt-right {float: right;}
.flt-left {float: left;}
.txt-right {text-align: right;}
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.img-left {
float: left; 
margin: 0 10px 4px 0; 
}
.img-right {
float: right; 
margin: 0 0 4px 10px;
}
.noborder {border: none;}
.alt {background: #f0f0f0;}