/*
 Theme Name:   Saint-Clair-sur-Epte
 Theme URI:    http://uniondesmairesduvaldoise.fr/
 Description:  Template du site de la commune de Saint-Clair-sur-Epte
 Author:       Union des Maires du Val d'Oise
 Author URI:   http://uniondesmairesduvaldoise.fr/
 Template:     accesspress-lite
 Version:      2.0.0
*/

.hidden,
.menu-toggle,
.owl-controls,
.tabs_login,
#login > h3,
.entry-meta,
.location_name{
    display: none!important;
}

.barre{
	background: #cdc8aa!important;
	height: 170px!important;
	width: 100%!important;
	position: absolute!important;
	top: 0!important;
	z-index: 0!important;
}

body{
	color: #282308!important;
	line-height: initial;
	font-weight: 500;
}

body.boxed-layout{
	background: white!important;
}

#page{
	box-shadow: none!important;
}

#masque{
	width: 100%!important;
	position: absolute!important;
	top: 0!important;
	z-index: 1!important;
}

#content{
	padding-top: 0!important;
}

.entry-content{
	margin-top: 0!important;
}

p.sib-email-area,
p.sib-NOM-area,
p.sib-PRENOM-area{
	margin-bottom: 10px!important;
}

a{
	color: #7fb33d;
}

a:hover,
a:focus,
a:active{
	text-decoration: underline;
}

/*TITRES*/

h1, h2, h3, h4, h5, h6,
h1.entry-title{
	color: #282308;
	font-weight: bold;
}

h3.titre-acc{
	display: inline-block!important;
	float: left!important;
	background: #cdc8aa;
	padding: 5px 8px!important;
}

h3.widget-title{
	background: #282308!important;
	border-left: 0!important;
	color: white!important;
	font-weight: 500!important;
	margin-bottom: 0!important;
}

h1.entry-title{
	margin-top: 10px!important;
}


.parent-pageid-28 h1.entry-title:before{
	content: url(http://saint-clair-sur-epte.fr/wp-content/uploads/2017/01/vie-communale.png);
	padding-right: 10px!important;
}
.parent-pageid-28 h1.entry-title{
	color: #9f1915!important;
}


.parent-pageid-30 h1.entry-title:before{
	content: url(http://saint-clair-sur-epte.fr/wp-content/uploads/2017/01/echanger-communiquer.png);
	padding-right: 10px!important;
}
.parent-pageid-30 h1.entry-title{
	color: #9f8965!important;
}

.parent-pageid-34 h1.entry-title:before,
.parent-pageid-258 h1.entry-title:before{
	content: url(http://saint-clair-sur-epte.fr/wp-content/uploads/2017/01/enfance-jeunesse.png);
	padding-right: 10px!important;
}
.parent-pageid-34 h1.entry-title,
.parent-pageid-258 h1.entry-title{
	color: #a5c879!important;
}


/*MENUS*/

@media (min-width: 600px) {
	#site-navigation{
	background: transparent!important;
	border-bottom: 0!important;
	position: fixed!important;
	z-index: 99!important;
}
}

#mega-menu-primary > li{
	padding: 0 10px!important;
}
#mega-menu-primary > li > a{
	padding: 0!important;
}

#mega-menu-primary > li:first-child{
	width: 82px!important;
}

#mega-menu-primary > li > ul > li > a,
#mega-menu-primary > li > ul > li > ul > li > a {
    white-space: initial!important;
    line-height: initial!important;
    padding: 10px!important;
}

@media (min-width: 600px) {
	#mega-menu-primary > li{
	width: 18.63%!important;
}
	#mega-menu-item-41 > a:before,
	#mega-menu-item-42 > a:before,
	#mega-menu-item-43 > a:before,
	#mega-menu-item-44 > a:before,
	#mega-menu-item-45 > a:before,
	#mega-menu-item-46 > a:before{
	width: 95%!important;
	margin: 0!important;
	display: inline-block!important;
	position: absolute!important;
	bottom: 7px!important;
	left: 0!important;
}
}

@media (max-width: 600px) {
	#mega-menu-item-41 > a:before,
	#mega-menu-item-42 > a:before,
	#mega-menu-item-43 > a:before,
	#mega-menu-item-44 > a:before,
	#mega-menu-item-45 > a:before,
	#mega-menu-item-46 > a:before{
	/*width: 95%!important;*/
	/*margin: 0!important;*/
	/*display: inline-block!important;*/
	/*position: absolute!important;*/
	/*bottom: 7px!important;*/
	/*left: 50!important;*/
	/*padding-bottom:10px;*/
	float: right;
}
}



/*WIDGET*/

.textwidget{
	background: #cdc8aa!important;
	padding: 5px 8px 0 8px!important;
}

#ecwd_events_widget-2{
	margin-bottom: 0!important;
}

#custom_html-2 a{
	color: white;
}

#custom_html-2 .textwidget{
	padding-bottom: 5px!important;
}

/*POST-GRID*/

.titre-une,
.titre-une > h4,
.resu-une,
.resu-une > p,
.img-une,
.titre-ass,
.titre-ass h5{
	margin-bottom: 0!important;
	background: #cdc8aa!important;
}

.titre-eco,
.titre-eco > div{
	margin-bottom: 0!important;
	font-weight: bold!important;
}

.resu-art > p,
.resu-art{
	margin-bottom: 0!important;
}
.titre-une,
.resu-une{
	padding-left: 10px!important;
	padding-right: 10px!important;
}
.titre-une{
	padding-top: 10px!important;
}
.resu-une{
	padding-bottom: 10px!important;
}

.clear{
	clear: both!important;
}

.titre-numut,
.titre-numut > div,
.num-numut{
	font-weight: bold!important;
	display: inline-block!important;
	margin-bottom: 0!important;
}
.num-numut{
	padding-left: 3px!important;
	float: right!important;
}

.cate-numut{
	margin-bottom: 0!important;
	text-align: left!important;
	font-style: italic!important;
}
.infocomp-numut > p{
	margin-bottom: 0!important;
}

.cp,
.cp-ass,
.ville-ass{
	display: inline-block!important;
	float: left!important;
}

.ville,
.ville-ass{
	padding-left: 3px!important;
	text-transform: uppercase!important;
}

/*FORMULAIRES*/

input[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="password"], 
input[type="search"], 
select{
	width: 100%!important;
	background: rgba(255,255,255,0.7)!important;
}

textarea{
	width: 100% !important;
}

.sib-default-btn{
	background: #cdc8aa!important;
	text-transform: none!important;
	width: 100%!important;
	border-top: 1px solid white!important;
	border-bottom: 0!important;
	color: #282308!important;
}

.oblig{
	font-weight: bold;
	color: red;
}

/*METEO*/

#wpc-weather .today .day{
	width: 100%!important;
}

/*FOOTER*/

#whomake{
	font-size: 0.8em;
	padding: 5px;
	float: right;
	color: #222;
	text-align: center;
	background:rgba(255,255,255,0.4);
	width: 100%;
	border-radius: 2px;
}
#whomake:hover{
	background: rgba(255,255,255,0.8);
	-webkit-transition: background-color 500ms;
    -moz-transition: background-color 500ms;
    -o-transition: background-color 500ms;
    transition: background-color 500ms;
}
#whomake > a{
	color: #222;
}
.logumvo{
	width: 80px;
	height: auto;
}

#colophon, #bottom-footer{
	background: transparent!important;
}

#bottom-footer{
	border-top: solid 1px #282308!important;
}