@charset "UTF-8";
/* CSS Document 
SYENS.CH */


#sp-main-body {
    padding: 0; /*supprimer l'espace de 100px en haut de page*/
}

/****** HEADER *****/
#sp-header {
    background-color:rgba(255,255,255,0.9);
	overflow: hidden;
	height: 100px;
}

#header h2 {
	font-size: 48px;
	color: #fff;
	font-weight: bold
	text-shadow: 0 0 3px #000;
	margin:0 auto
}
#header .qx-subtitle p {
	font-size:120%;
	font-weight: bold;
	color: #fff;
	text-shadow: 0px 0px 5px #000
}

/* LOGO */
#sp-header .logo {
	margin:5px 0;
	padding:5px 0;
}

#sp-header .logo a {
	padding-left: 100px;
	background-image: url(../../../images/commune-de-syens.png);
	background-repeat: no-repeat;
	font-size: 32px;
}
h1.logo a {color:#000;}

#sp-header .logo a::before {
	display: table;
	content: "COMMUNE DE";
	font-size: 44%;
	color:#000;
}

/* MENU */
#sp-menu {
	margin-top:10px;
}
.sp-megamenu-parent >li.sp-has-child>a:after, .sp-megamenu-parent >li.sp-has-child>span:after {
	display: none;
}
.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {
	font-size: 14px
}

/****** FOOTER *****/
#sp-footer {
    background: #009d37;
	font-size: 80%;
	padding:16px 0
}

/***** Colonnes *****/
.bloc-color, .bloc {
	padding:25px;
}
.bloc-color {
	background-color: rgba(0, 157, 55, 0.05)
}
.bloc .qx-icon, .bloc-color .qx-icon {
	float: left;
	margin-right: 16px
}

/***** TABLE *****/
.autorite table {
	width: 90%;
	margin: 20px auto 40px auto;
	border-collapse: collapse;
}
.autorite th, .autorite td {
	border: #ccc 1px solid;
	padding: 5px 10px;
}
.autorite caption {
	text-align: center;
	font-size: 24px;
}
.autorite tr td:nth-child(1){
	font-weight: 700
}
.autorite tr td:nth-child(1), .autorite tr td:nth-child(3) {
	width: 25%
}
.autorite tr td:nth-child(2) {
	width: 50%
}
.autorite tr:nth-child(odd) {
	background-color: rgba(0, 157, 55, 0.05)
}

#adresses table {
	width: 90%;
	margin: 20px auto 40px auto;
	border-collapse: collapse;
}
#adresses th, #adresses td {
	border: #ccc 1px solid;
	padding: 5px 10px;
}
#adresses tr td:nth-child(1){
	width: 75%
}
#adresses tr td:nth-child(2) {
	width: 25%
}
#adresses tr:nth-child(odd) {
	background-color: rgba(0, 157, 55, 0.05)
}

/****** LISTES ******/

#reglements ul {
	padding: 40px 0;
	line-height:140%;
	list-style: none;
}


/**** DECOUVRIR ****/

#photos-syens h2 {font-weight: bold; color:#fff; text-shadow:0 0 5px #000; padding: 0; margin: -150px 0 0 0; z-index: 1000; position: relative}
#photos-syens {margin: 0}

/**** CONTACT ****/
#contact h4 {
	margin:16px 0 0 0;
	padding: 0
}
#contact p {
	margin: 0 0 8px 0
}

#reglements ul li {
	padding: 0 0 20px 0;
}
/**** BOUTONS ****/
.qx-btn-link, .qx-btn-link:hover, .qx-btn-link:focus, .qx-btn-link:active {
    border: #fff 2px solid;
    -webkit-box-shadow: none;
    box-shadow: none;
	border-radius: 0;
	font-weight: bold;
	text-decoration: none
}
.qx-btn-link {
    color: #eb4947;
	background-color: #fff;
}
.qx-btn-link:hover, .qx-btn-link:focus, .qx-btn-link:active {
    color:#fff;
	background-color: #eb4947
}