@charset "utf-8";
/* CSS Document 
- - - - - - - - - - - - - - - - - - - - - - - -
Maquette NO: Commune DS31A  
Copyright and author: www.designis.ch
Style: default DS31A 2011
- - - - - - - - - - - - - - - - - - - - - - - -
*/
*{margin: 0; padding: 0}
/*html {overflow-y: scroll; eviter le scroll dans ie}*/
html {height:101%}
img { border: 0; margin: 0; padding: 0}
body {
	color: #666;
	background: #E9E8E8 url(../images/fd.gif) repeat-x top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.6em;
}
ul {
	color: #666;
	margin-left: 15px;
	list-style-position: outside;
} 
ol {
	color: #666;
	margin-left: 15px;
	list-style-position: outside;
}
li { margin: 0; padding: 0}
.clear {clear: both}
.sep {
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E2E2E2;
	margin: 1em 0px 1.3em;
}
a, a:hover {text-decoration: none}
h1, h2, h3, h4 {
	color: #00639D;
	font-weight: bold;
}
h1 {
	font-size: 16px;
	color: #666;
	line-height: 1.9em;
	padding: 0 0 2px;
	margin: 8px 0 15px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
h1 span {color: #56A026;}
h2 { /*125%*/
	font-size: 14px;
	margin: 0 0 4px;
	padding: 0px;
}
h3 { /*110%*/
	font-size: 13px;
	color: #333;
	margin-bottom: 2px;
}
h4 {font-size: 12px}

/*MISE EN PAGE DE LA TEMPLATE*/
#wrapper_out {
	margin-top: 10px;
	background: url(../images/ombre_ext.png) no-repeat center top; 	
}
#wrapper {
	width: 980px;
	margin: 0 auto 0 auto;
}
#top_zone {
	width: 980px;
	height: 56px;
	font-size: 12px;
	background: url(../images/top.gif) no-repeat;
}
#top_zone .ecu {
	width: 50px;
	float: left;
	text-align: left;
	padding: 6px 0px 0px 17px;
}
#top_zone .logo {
	width: 450px;
	float: left;
	font: bold 22px Tahoma, Geneva, sans-serif;
	color: #5D5D5D;
	text-align: left;
	padding-top: 10px;
	display: inline;
}
#top_zone .logo h5 {
	font-size: 11px;
	color: #999;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

/*recherche */
#top_zone .recherche {
	float: right;
	text-align: right;
	margin: 18px 5px 0 0;
	display:inline
}
#top_zone input  {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	float:left;
	font: 12px Arial, Helvetica, sans-serif;
	border-radius: 3px;
	border: 1px solid #E5E5E5;
	padding: 3px;
	margin: 0 5px 0 0;
	background: #F8F8F8;
}
#top_zone input.btn {
	cursor:pointer;
	color: #FFF;
	background: url(../images/icone/recherche.gif) no-repeat;
	height: 33px;
	width: 25px;
	border: none;
 }
#top_zone .plan {
	float: right;
	margin: 18px 16px 0 0;
	width: 54px;
}
.highslide-maincontent a {/*plan du site liens*/
	color:#666;
	font-size: 11px;
}
.highslide-maincontent a:hover, .highslide-maincontent a:focus {
	color: #0868A2;
	font-weight: normal;
	text-decoration: underline;
	}
#bordure {/*BORDURE: LARGEUR RESTE TEMPLATE 978PX*/
	width: 978px;
	clear: both;
	background: url(../images/fd_contenu.gif) repeat-x;
	background-color: #FFF;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	}
#header {
	height: 180px;
	background-color: #FFF;
	position: relative;
	padding: 0px 15px;
}
#header img {
	background-color: #FFF;
	border: 1px solid #FFF;
	margin: 0;
}

/*MENUS*/
#menu_zone{
	height: 36px;
	width: 946px;
	background: #FFF url(../images/fd_menuc.gif) repeat-x top;
	margin: 0 16px;
}
#menu {
	float: left;
	height: 32px;
	width: 705px;
	text-align: left;
}
#guichet {
	float: right;
	height: 28px;
	color: #FFF;
	background: url(../images/fd_guichet.gif) no-repeat right;
	padding-top: 8px;
	width: 232px;
}
#guichet a {
	font-size: 13px;
	color:#FFF;
	text-decoration: none;
	padding-left: 24px;
}
#guichet a:hover, #guichet a:focus {
	color: #060;
	}

/*CONTENU: TEXTE ET SIDEBAR-COMMUNICATIONS A DROITE */
#contenu {
	clear: both;
	padding-bottom: 10px;
	height: 100% !important;
	overflow: hidden;
}
.in {padding: 10px 10px;}
.in #texte {width: 500px;}
.map img {
	padding: 3px;
	background-color: #FFF;
	border: 1px solid #CCC;
	margin: 0px 15px 15px 0px
}
#contenu ul {}
#contenu ol li {margin-left: 18px}
#contenu li {}
#texte {
	float: left;
	width: 686px;
	padding-left: 16px;
	display: inline;
	background: #FFF;
	}
#texte a {color:#56A428;}
#texte a:hover, #texte a:focus {
	color: #0B68A1;
	font-weight: normal
	}
#texte .adresse, #texte .tel, #texte .horaire {
	color: #666;
	margin-bottom: 10px;
	float: left;
	width: 40%;
	}		
#texte .adresse {}
#texte .tel {}	
#texte .horaire {margin-bottom: 20px}	
.imprimante {
	float: right;
	margin: 13px 0px 0px 5px;
}

/* SOUS-MENU VILLAGES*/
#sousmenu {
	width: 100%;
	margin-top: -10px;
	margin-bottom: 20px
}
#sousmenu  ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#sousmenu ul li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	background: url(../images/icone/losange.gif) no-repeat left 7px;
}
#sousmenu  ul li a {
	font-size: 12px;
	text-decoration: none;
	display: block;
	border-bottom: 4px solid #CCC;
	color: #56A428;
	width: auto;
	text-align: center;
	background: no-repeat right 7px;
	height: 25px;
	padding-top: 3px;
	padding-right: 15px;
	padding-left: 15px;
}
#sousmenu  ul li a:hover {
	color: #00639D;
	border-bottom: 4px solid #00639D;
}
#sousmenu  li a.on {
	color: #56A428;
	border-bottom: 4px solid #56A428;
}
#sousmenu  li.border {

} 
/* COLONNE DES NEWS A DROITE - box dans box.css*/
#sidebar {
	float: right;
	width: 232px;
	padding: 10px 16px 0 0;
	display: inline;
}
#sidebar a {}
#sidebar a:hover, #sidebar a:focus {}
#sidebar ul, #sidebar ol {}

/*ALIGNEMENT ET IMPRESSION*/
.float-left  { float: left; margin-right: 10px}
.float-right { float: right; margin-left: 10px}
.align-left  { text-align: left}
.align-right { text-align: right}
.align-center { text-align: center}
.noprint {}
	
/* tableaux simples*/
table {
	border-collapse:collapse;
	text-align: left;
	width: 100%;
	}
td, th {
	vertical-align:top;
	padding: 2px 0px;
	margin: 0px;
}
.td_couleur {
	background: #EFEFEF;
}
td .sep {
	margin: 20px 0px 0px;
	padding: 0px;
}

/*PIED DE PAGE*/
#footer {
	clear:both;
	height: 102px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.6em;
	background: #0065A1 url(../images/fd_footer.gif) repeat-x left top;
	padding: 18px 17px 0px;
	margin-top: 1px;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
#footer h3 {
	color:#CFEBFC;
	font: 11px Arial, Helvetica, sans-serif;
	}
#footer a {color:#C4D0DF;}
#footer a:hover, #footer a:focus {color:#FFF;}
#footer .adresse, #footer .tel, #footer .acces, #footer .horaire {float: left; color: #FFF;}
#footer .adresse {width: 230px; margin-right: 15px;}
#footer .tel {
	width: 220px;
	margin-right: 25px;
	margin-left: 5px
	}	
#footer .acces {
	width: 190px;
	margin-right: 0px;
	margin-left: 5px
	}	
#footer .horaire {
	width: 240px;
	margin-left: 5px
	}	
#zone_copy  {
	height: 53px;
	font-size: 10px;
	color: #333;
	padding-top: 11px;
	background: url(../images/copyright.png) no-repeat;
}
#copy {float: left}
#designby {float: right}
#designby a, #copy a {color: #06598F}
#designby  a:hover, #designby  a:focus,  #copy a:hover, #copy a:focus {color: #000;}

/*icone en images*/
/*#sidebar a.externe {icone sidebar class externe
	background: url(../images/icone/fd_externe.png) no-repeat left top;
	padding-left: 10px;
}
#sidebar a.externe:hover {background: #00639D}*/
a.externe {
	background: url(../images/icone/fd_interne.png) no-repeat left top;
	padding-left: 10px;
}
a.interne{
	background: url(../images/icone/fd_interne.png) no-repeat left top;
	padding-left: 10px;
}
a.pdf {
	background: url(../images/icone/ico_pdf.gif) no-repeat;
	padding: 1px 0 3px 19px;
	height: 17px;
}
a.email {
	background: url(../images/icone/email.png) no-repeat 1px;
	padding-left: 19px;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */