/*
Theme Name: LLL
Theme URI: feelthevoid(dot)com
Description: Thème pour LLL
Author: VOID
Version: 1
Template: baselys
*/

@import url('../baselys/style.css');

body {background: url('img/fondu.png') repeat-x scroll 0px 348px transparent;font-size:15px; font-family: 'Open Sans', sans-serif!important; line-height:18.6px; max-width: 100%;
    overflow-x: hidden;}


/* BOITE A OUTILS */

.relative,.valign{position:relative}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}select{-moz-appearance:none;-webkit-appearance:none;appearance:none}.valign{top:50%;transform:translateY(-50%)}.bgfull{background-repeat:no-repeat!important;background-position:center center!important;-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important}.nopad{padding:0}.pt50{padding-top:50px}.mb50 {margin-bottom:50px}.mb100{margin-bottom:100px}.pb50{padding-bottom:50px}.pt100{padding-top:100px}.pb100{padding-bottom:100px}.fullh{min-height:100vh}.noverflow{overflow:hidden!important}
.fleft {float:left}, .fright{float:right} .mt50 {margin-top:50px} textarea:focus, input:focus{outline: none;}
.bgwhite {background-color: white} .padd50 {padding:50px}
button:focus, a:focus, .ubermenu-target:focus {outline:0;}
/** ------- **/

/* NOUVEAU DEPART */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #CCC;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #CCC;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #CCC;
}


#post-758 .entry-header img, #post-758 .entry-header .breadcrumbs  {display:none!important}
.page-id-11806 #secondary {display:none!important;}
.textwidget a {color:white!important}
.textwidget a:visited {color:white!important}

#diapo-home {height:auto; width:100%; margin-top:-23px}
#diapo-home .container {height:75vh;position:relative}
#diapo-home .slide-content {position:relative; bottom:0px; height:75vh; width:100%}
#diapo-home .slide-content span {position: absolute;display: block;background:white;  color:#0099CC; bottom: 0px;left: 5px; font-size: 16px;
    display: inline-block;
    padding: 15px 100px 15px 40px;
    font-weight: 600;
    color: #009DD7;
    border: 2px solid #009DD7;}
#diapo-home .slide-content span::after {content: '\f106';
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    font-size: 50px;
    background: #009DD7;
    color: #E2F4FB;
    width: 60px;
    height: 108%;
    right: 0;
    top: -2px;
    position: absolute;padding-left: 15px;
    padding-top: 15px;}
.clic-container, {height:75vh;width:100%;}

.slick-dots {margin-top:-50px; height:50px!important}
.slick-dots li img:nth-child(1) {
display: block;
}

.slick-dots li img:nth-child(2) {
display: none;
}

.slick-dots li.slick-active img:nth-child(1) {
display: none;
}

.slick-dots li.slick-active img:nth-child(2) {
display: block;
}
.slick-dots {position:absolute; bottom:40px; z-index:99999999; left:0px; padding-left:0!important}
.slick-dots li {list-style-type: none; float:left; margin-left:10px}
.slick-dots li:first-child {margin-left:0px}
.slick-dots li img {display:block;width:25px}

.ubermenu-nav {border:2px solid white!important}


.ubermenu-main-28-primary {display:block}

#actualites{text-align:center;background:#E2F4FB;padding-top:50px;padding-bottom:50px}
#actualites h2{position:relative;font-size:16px;display:inline-block;padding:15px 100px 15px 40px;font-weight:600;text-transform:uppercase;color:#009DD7;border:2px solid #009DD7;margin-bottom:40px}
  #actualites h2::after{content:'\f107';font-family:FontAwesome;font-weight:400;font-style:normal;font-size:50px;background:#009DD7;color:#E2F4FB;width:60px;height:108%;right:0;top:-2px;position:absolute}
#actualites .focus-actu {position:relative;padding:20px; overflow:hidden; background-color:white; max-width:480px; margin:0 auto; margin-bottom:30px}
#actualites .focus-actu .thumb {height:100px;overflow:hidden;transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;}
  #actualites .focus-actu:hover .thumb {transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.5, M12=0, M21=0, M22=0.5, SizingMethod='auto expand')";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.5, M12=0, M21=0, M22=0.5, SizingMethod='auto expand')}
#actualites .focus-actu h3 {font-weight:700; font-size:13px; line-height:20px; color:#009DD7; margin-top:10px; margin-bottom:0}
#actualites .focus-actu h4 {font-weight:700; font-size:16px; line-height:20px; margin-bottom:0}
.prevent-overflow {overflow:hidden}
.go-actus {display: inline-block;background:#009DD7; color:#E2F4FB; text-transform: uppercase; font-size:15px;font-weight:600; padding:15px 20px}
#actualites .thumb-cat {position:absolute; left:20px; top:20px; background:red; color:white; padding:5px; z-index:9999; font-weight:bold; }
#actualites .category-jeunesse .thumb-cat {background-color: #7C5AAC}
#actualites .category-info_alertes .thumb-cat {background-color: #E8292C}
#actualites .category-seniors .thumb-cat {background-color: #6A415F}
#actualites .category-securite .thumb-cat {background-color: #af4030}
#actualites .category-vie-municipale .thumb-cat {background-color: #239CD3}
#actualites .category-culture .thumb-cat {background-color:#cc6a2c}
#actualites .category-sports .thumb-cat {background-color:#FBAD28}
#actualites .category-sante .thumb-cat {background-color:#9BC56C}
#actualites .category-economie .thumb-cat {background-color: #005372}












#flash h2 {position:relative;font-size: 16px;
    display: inline-block;
    padding: 15px 40px;
    padding-right: 100px;
    font-weight: 600;
    text-transform: uppercase;
    color: #F60000;
    border: 2px solid #F60000; margin-bottom:40px}
    #flash h2::after {content:'\f107';font-family:FontAwesome;font-weight:400;font-style:normal;font-size:50px;
    background: #F60000;
    color: white;
    width: 60px;
    height: 108%;
    right: 0px;
    top: -2px;
    position: absolute;}

#flash .slick-slider {margin-bottom:50px!important}
.slide-alertes {max-width:450px; margin:0 auto}
.slide-alertes .slick-dots {padding-top: 30px;  margin: 0 auto;position: relative;display: inline-block;}
.slide-alertes .date {color:#F60000; font-size:13px; line-height:20px}
.slide-alertes h4 {color:black;font-size:19px;line-height:24px; font-weight:600;margin:10px 0 10px 0}

.css-events-list a {color:black!important; font-size:20px}
.css-events-list {color:black!important}
#agenda h2 {position:relative;font-size: 16px;
    display: inline-block;
    padding: 15px 40px;
    padding-right: 100px;
    font-weight: 600;
    text-transform: uppercase;
    color: #F4C200;
    border: 2px solid #F4C200; margin-bottom:40px}
    #agenda h2::after {content:'\f107';font-family:FontAwesome;font-weight:400;font-style:normal;font-size:50px;
    background: #F4C200;
    color: white;
    width: 60px;
    height: 108%;
    right: 0px;
    top: -2px;
    position: absolute;}

  #agenda .dates {color:#F4C200; font-size:36px; line-height:36px; font-weight:600; display:block}
  #agenda .titre {font-size:16px; font-weight:600; text-transform:uppercase; display: block; margin-top:20px; margin-bottom:20px}
  #agenda img {border:10px solid #ECECEC}
.go-agenda {display: inline-block;background:#F4C200; color:white; text-transform: uppercase; font-size:15px;font-weight:600; padding:15px 20px; margin-top:50px}


h2.guide {position:relative;font-size:16px;display:inline-block;padding:15px 100px 15px 40px;font-weight:600;text-transform:uppercase;color:#009DD7;border:2px solid #009DD7;margin-bottom:40px}
  h2.guide::after{content:'\f107';font-family:FontAwesome;font-weight:400;font-style:normal;font-size:50px;background:#009DD7;color:#E2F4FB;width:60px;height:108%;right:0;top:-2px;position:absolute}

#guidepratique img {width:70px}
#guidepratique .bgb {background:#71BDDD; color:white}
#guidepratique .bgb2 {background:#009DD7; color:white}
#guidepratique .col-md-8, #guidepratique .col-md-4 {padding:50px}
#guidepratique {font-size:32px; line-height:42px; color:#009DD7}
#guidepratique h3 {font-size:23px}
#guidepratique a h3 {color:inherit}
#guidepratique a:hover h3 {text-decoration:none!important}
#guidepratique a:hover {text-decoration:none!important}

#acces-sup .contenu h2 {font-weight:600; text-transform:uppercase; font-size:16px; margin-bottom:10px}
#acces-sup img {width:80px; float:left; display:block}
#acces-sup .contenu {display:block; float:left; width:187px; margin-left:20px; font-size:12px; line-height:20px}
#acces-sup .li {color:#E56739}
#acces-sup .pf {color:#C580AC}
#acces-sup .ch {color:#C6A9A1}

#lysfooter {background:#1D1D1B;color:white; padding-top: 50px; padding-bottom:50px}
#lysfooter .textwidget {font-size:12px; line-height:20px}
#lysfooter .textwidget h2 {font-size: 12px; font-weight:bold; line-height:20px; color:white}

#intro-page {height:100vh; margin-top:-27px}

.asso-liste {padding-left:50px; margin-bottom: 70px}
.asso-liste h2 {color:black; font-size:1.2em; font-weight:bold}
.asso-liste .etiquette {background-color:#239cd3; color:white; padding:5px; margin-bottom:5px; display:inline-block}

/** ------- **/

.page-template-events-all .widget-area {display:none!important}
.nav-tabs {border-bottom: 1px solid #239cd3;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {border:0px}
.nav>li>a:focus, .nav>li>a:hover {background-color: transparent; border:0px}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {color:#239cd3!important}
.nav-tabs>li>a {border:0px}
.nav-tabs li {margin-left:0px}

.site {max-width:1020px; box-shadow:none!important; border:none!important; background-color:transparent}

#fond {position: absolute;width: 1280px;bottom: 0px;top: 80px; left: 0px;right: 0px; z-index: -2; height:600px;overflow-x: hidden;}
	#fond img {width: 100%;}

#fondu {z-index: -1;
background: url('img/fondu.png') repeat-x scroll 0px 200px transparent;
position: absolute;
width: 100%;
min-height: 1000px;
top: 0px}

#main {
background-color: white;
overflow: hidden;min-height: 800px;
}
.page-id-7 #main {padding-top: 0px; border-left:0px; background: linear-gradient(90deg, #E2F4FB 50%, #FFFFFF 50%);}
#footer-widgets {padding:0px;color: white;font-size: 15px;font-family: 'Open Sans', sans-serif;}
.footer-left {float:left;margin-right:50px; margin-bottom:30px} .footer-right {float:left}
.widget-area .widget .textwidget {font-size:15px!important}

h1,h2,h3,h4,h5,h6 {font-family: 'Open Sans', sans-serif}
h1{font-size:35px; font-weight:400}

.letmesee {margin-top:350px!important; }
#page {padding:0; margin-bottom:0; }

#derniers {float:none;height: auto;position: relative;display: inline-block}

.derniers-view {float:left; width:200px; height:270px; margin-right:20px; margin-top:10px; color:#239cd3}
	.derniers-view:last-child {margin-right:0px}



.titre-picto {float:left; margin:-20px 10px 20px 0}

.back-to {width: auto;margin-bottom: 50px;margin-top: 100px;padding-bottom: 20px;border-bottom: 4px #F7F7F7 solid; font-weight:600;}
.back-to a {text-transform: uppercase; font-weight:bold; display:block;float:left; margin-top:4px}
.back-to a:last-child {color:#F4C200}
.back-to img {width:30px; height:30px;margin-left:20px; margin-right:10px; display:block;float:left}
.back-to img:last-child {margin-left:100px}

.retour-single {text-decoration:none; color:#239cd3;}
.retour-single:visited {text-decoration:none; color:#239cd3!important;}

.other-events h2 {color:#1D1D1B; font-size:18px; text-transform: uppercase; display:block; width:100%}
.other-events a{text-transform: uppercase; font-weight:bold; color:black}
.other-events .quand {color:#F4C200; font-weight:600; display:block; margin-top:-7px}




ul.whitebg{background-color: white;padding: 20px; border: 1px solid #CCC; font-size:0.9em}



/** Mise en forme générale **/

a {text-decoration:none; color:black} a:visited {color: inherit!important;} a:hover{text-decoration:underline}
.blue {color:#239cd3}
.centered {text-align:center; width:100%; }
.bold {font-weight:bold}
.orange {color:#e9b400}
.blue{color:#239cd3}
.entry-content img { box-shadow:none!important }

/** BACK OFFICE **/
#adminmenuback {background-color:#239cd3!important}

/** -_- **/

/** LYS INFO **/
.lysinfo {float:none;height: auto;position: relative;display: inline-block}
.lysinfo_dl {float:left; width:170px; background:#e4f7f9; padding:10px; text-align:center; margin-right:10px; margin-top:10px; height:290px}

/** -_- **/

.edit-link {display:none}

.site-content article {border-bottom:0px; padding-bottom:0px; margin-bottom:0px }
.entry-content ul { list-style-image: url(http://www.lyslezlannoy.fr/assets/themes/baselys-child/img/arrow-li.png) }

.breadcrumbs {background-color:#0099cc}
.breadcrumbs,.breadcrumbs a {color:white; padding:15px; font-size:15px; font-family: 'Open Sans', sans-serif}

#nav-below{display:none}
.wp-pagenavi {padding-left:30px; padding:20px; padding-top:20px; color:#239cd3; margin-bottom:30px}
	.wp-pagenavi .pages {color:#999}
	.wp-pagenavi a, .wp-pagenavi span {color:#239cd3!important}

/** EVENTS MANAGER **/
.ui-widget {font-family: 'Open Sans', sans-serif!important; }
#em-wrapper {max-width:900px;}
.em-search-wrapper {margin-bottom:50px}
.em-search-submit {background-color:#239cd3!important}
.em-search-submit img {border:0px!important}
.entry-content th {font-size:15px; padding-left:30px; padding-right:30px; width:auto;}
.entry-content td {font-size:15px; padding-left:30px; padding-right:30px; width:auto;}
.ui-widget-header {background-color:#239cd3!important; background-image:none!important; border:none!important}
.ui-datepicker table{background-color:white}
#ui-datepicker-div{background-color:white;  z-index:555!important}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {border-radius:0px}
.ui-widget-content {border:none; border-radius:0px; background-image:none!important}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {background-color:#e4f7f9!important;background-image:none!important; border-color:#e4f7f9!important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border-color:#e4f7f9!important;}
.ui-state-default:hover {border-color:#239cd3!important; background-color:#239cd3!important;background-image:none!important; color:white!important}
.ui-datepicker-prev-hover {border-color:#239cd3!important; background-color:#239cd3!important;background-image:none!important; color:white!important}
.ui-datepicker-next-hover {border-color:#239cd3!important; background-color:#239cd3!important;background-image:none!important; color:white!important}


/** MENU BLOG **/

.page-template-archive button {border:0; margin-right:10px; border-radius: 0px; background-color: #239CD3; color:white; font-weight:bold; padding:5px 10px}
.page-template-archive button.alertes {background-color: #E8292C;}
.page-template-archive button.seniors {background-color: #6A415F;}
.page-template-archive button.jeunesse {background-color: #7C5AAC;}
.page-template-archive button.securite {background-color: #af4030;}
.page-template-archive button.vie-municipale {background-color: #239CD3;}
.page-template-archive button.culture {background-color: #cc6a2c;}
.page-template-archive button.sports {background-color: #FBAD28;}
.page-template-archive button.sante {background-color: #9BC56C;}
.page-template-archive button.economie {background-color: #005372;}






.current-cat a {color:#239cd3!important; text-decoration:none}
.blog-widget li {list-style-type:none; padding-bottom:15px; padding-top:15px; border-bottom:1px #CCC solid; background: url(http://www.lyslezlannoy.fr/assets/themes/baselys-child/img/more.png) no-repeat; background-position:right 13px; }
.blog-widget li:before {
	display:		inline-block;
  	width:		0;
  	height:		0;
	border-top:		solid transparent;
	border-bottom: 	solid transparent;
	border-left:	        solid #CCC;
	border-width:	5px;
	content:		' ';
	margin-right:	5px;
}
	.blog-widget li a { font-weight:600}
.reduce-line p {line-height:1.2em!important; font-size:13.5px}

/** TOP MENU **/

#top-menu {width:100%; background-color:white; text-align:center; position:relative; color:black; height:180px;}
#top-menu .container { padding:40px 0px 0px 0px; margin-top:0}
	#top-menu img { display:inline-block; max-height:60px; }
.secondary-menu {padding-top:20px; float:left; }
	.secondary-menu ul li {display:inline; }
		.secondary-menu ul li a {color: white!important;font-size: 1em;font-weight: 600; padding:0; margin:0 0 0 30px}
			#menu-item-5 {background-image: url(http://www.lyslezlannoy.fr/assets/themes/baselys-child/img/menu_actu.png); background-position: left top;background-repeat: no-repeat; padding-top:3px!important}
			#menu-item-6 {background-image: url(http://www.lyslezlannoy.fr/assets/themes/baselys-child/img/menu_demarches.png); background-position: left top;background-repeat: no-repeat; margin-left:10px; padding-top:3px!important}
		.secondary-menu ul li:first-child { border-right:1px white solid; padding-right:10px; margin-left:90px}

		.recherche {margin-top:10px; width:200px; margin-left:30px; float:left;}

		#searchform #s {background: url(./img/picto_search.png) no-repeat; background-size:30px; background-position:160px; background-color:white; border-radius:30px; width:200px; color:#8E8E8E; font-weight:600; border:0px}
		input#searchsubmit {display:none}

		.social-menu {padding-top:15px; float:left; margin-left:40px; width:auto; }
			.social-menu ul li {display:inline; }
				.social-menu ul li:first-child {  padding-right:10px; margin-right:5px; height:auto; display:block; float:left; }

.social-menu img {width:30px}

/** MENU PPAL **/

.site-header {margin:0!important; padding-top:0!important; padding-bottom:0!important; background-color:transparent; }
.main-navigation {margin-top:-25px; background-color:transparent; }
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {border:none; padding:0 20px 0 20px}
.main-navigation li ul li a:hover, .main-navigation li ul li a:focus {
    background: none;
    color: black;}


	.ubermenu .ubermenu-target-text:hover {text-decoration:underline}
.ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {
    color: white!important;
    background:none!important;
}
.ubermenu-skin-black-white-2 .ubermenu-item-level-0 > .ubermenu-target {text-transform: none!important}
.ubermenu-skin-black-white-2.ubermenu-responsive-toggle {background-color:#239cd3!important}
.ubermenu-skin-black-white-2{border:0px!important}
.ubermenu-skin-black-white-2.ubermenu-horizontal .ubermenu-item-level-0.ubermenu-active > .ubermenu-submenu-drop {
margin-top: 0px!important;}

.ubermenu-main .ubermenu-submenu .ubermenu-item-header.ubermenu-current-menu-item > .ubermenu-target {color:white!important}

.ubermenu-main, .ubermenu-main .ubermenu-target, .ubermenu-main .ubermenu-nav .ubermenu-item-level-1 .ubermenu-target, .ubermenu-main div, .ubermenu-main p, .ubermenu-main input {font-size:12px}
.ubermenu-main .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target {font-size:1.3em}
.ubermenu-skin-black-white-2 .ubermenu-submenu .ubermenu-item-header > .ubermenu-target {
text-transform: uppercase;
font-size: 1.3em;}

.ubermenu-responsive-default.ubermenu { }
.ubermenu-skin-black-white-2 .ubermenu-item-level-0:first-child > .ubermenu-target {-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;}
.ubermenu .ubermenu-item.ubermenu-item-level-0 {}
.ubermenu .ubermenu-item.ubermenu-item-level-0:last-child {background-image: none;}
.ubermenu-skin-black-white-2 .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-active > .ubermenu-target{background-color:transparent!important;background:url(http://www.lyslezlannoy.fr/assets/themes/baselys-child/img/line.png) bottom right no-repeat; text-decoration:underline!important}
.ubermenu .ubermenu-target-text:hover {}
  .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target:after {display:none!important}

.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {color: #FFF !important; font-size:16px!important}

.ubermenu-skin-black-white-2.ubermenu-horizontal .ubermenu-submenu-drop.ubermenu-submenu-align-full_width {padding: 0px 0px 20px 0px;}
.ubermenu-main, .ubermenu-main .ubermenu-target, .ubermenu-main .ubermenu-nav .ubermenu-item-level-2 .ubermenu-target, .ubermenu-main div, .ubermenu-main p, .ubermenu-main input {
line-height: 20px;
}

.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target {
padding-right: 25px!important;
}

.ubermenu .ubermenu-target {
padding-right:20px!important; padding-left:15px!important;
}
.ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target {padding-bottom:7px!important; padding-top:7px!important}

.ubermenu .ubermenu-submenu .ubermenu-column-auto {padding-right:0px; padding-left:0!important}
.ubermenu .ubermenu-submenu .ubermenu-column-auto:last-child {padding-right:0px; padding-left:0!important}

.ubermenu-skin-black-white-2 .ubermenu-submenu, .ubermenu-skin-black-white-2 .ubermenu-submenu .ubermenu-target {color:white!important}

.ubermenu-skin-black-white-2.ubermenu-responsive-toggle {color:white!important}
/** EN UN CLIC **/

.picto-unclic {width:40px; height:40px; display:block; margin-left:30px; float:left;}
.titre-unclic{display: block;
    width: 100%;
    padding: 15px 20px;
    margin-top: 0px;
    text-align: center;
    background: #0099CC;}
	.titre-unclic h1 {color:white; font-size:20px; font-weight:600; text-transform:uppercase;}

#clic {text-align:center; padding-top:0px; padding-bottom:50px; }
	#clic .picto {position:absolute; left:25px; top:0; margin-top:-10px; height:50px}
		#clic .picto img {height:50px; width:auto;}
	#clic .titre {position:absolute; top:50%; left:90px; margin-top:-5px; font-size:14px; }

.item {    width: 300px;
    background-color: white;
    color: black;
    display: block;
    margin: 3px auto;
    padding-top: 40px;
    position: relative;margin-bottom:20px}

/** alternative if W < 1100 **/

#clic_resp {display:none;}

/** TRIPLE ENCART **/

#encarts {width:100%; margin-top:57px;}
#encarts img {width:320px; height:100px; margin-bottom:3px;}

/** ACTU UNE **/

.actu-une {width:665px; margin-bottom:55px; padding-top:50px; position:relative; color:#606060}
	.actu-une h1{font-weight: lighter; color:#239cd3; font-size:2em; position:absolute; top:7px; left:65px;}
	.actu-une h2 {color:#239cd3; font-size:1.1em; padding:10px 0 10px 0; text-decoration:none}
	.actu-une .accroche {color:#239cd3; font-size:0.9em; top:18px; left:480px; position:absolute}
	.actu-une .picto {width:40px; position:absolute; left:0px; top:-5px; }
	.actu-une .first {width:665px; height:100px; margin-bottom:40px; margin-top:20px}
	.actu-une .content {width:665px; height:100px; margin-bottom:40px;}
		.actu-une .content .thumb {width:160px; height:110px; float:left}
		.actu-une .content .preview {width:480px; margin-left:20px; float:left}
	.actu-une .line {width:215px; height:1px; background-color:#239cd3; position:absolute; left:210px; top:23px;}

/** AGENDA **/

.agenda {width:280px; height:319px; margin-left:10px;  float:left; border:solid #e9b400 1px; -webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px; border-top-right-radius: 20px; background-color:#e9b400; position:relative}
	.agenda .content {background-color:white; width:280px; height:264px; margin-top:35px; padding-top:20px}
	.agenda .picto {width:50px; height:50px; display:block; position:absolute; left:-10px; top:-9px;}
		.agenda .picto img {width:100%}
    .agenda h1{display:block; float:left; margin-bottom:23px; margin-top:8px; margin-left:50px; color:white; font-size:1.2em}
	.agenda .accroche {display:block; float:left; color:white; font-size:0.8em; margin-left:60px; margin-top: 13px;}
	.agenda ul {margin-left: 30px;margin-top: 20px;}
		.agenda ul li {text-align:left}
		.agenda .sep {border-bottom:1px solid #e9b400; width:90px; height:5px; margin-bottom:5px }

/** MA VIE A LYS **/

.mavie {width:330px; height:319px;  margin-left:37px; float:left; position:relative; border:solid #239cd3 1px; -webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px; border-top-right-radius: 20px; background-color:#239cd3}
	.mavie .content {background-color:white; width:330px; height:264px; margin-top:35px; padding-top:20px;}
	.mavie .picto {width:50px; height:50px; display:block; position:absolute; left:-10px; top:-9px;}
		.mavie .picto img {width:100%}
    .mavie h1{display:block; float:left; margin-bottom:23px; margin-top:8px; margin-left:50px;color:white; font-size:1.2em; font-weight:lighter}
	.mavie ul {margin-left:30px; margin-top:20px;}
		.mavie ul li {list-style-type: none; line-height:40px;}
			.mavie ul li a {color:black; font-weight:600}

#primary {padding:0px; margin-top:0px; }
#secondary {margin-top:0px; margin-bottom: -350%;
  padding-bottom: 360%; background-color: #F7F7F7}
.widget-area {padding:30px;}
.widget-area .widget a:visited {color:black;}

#secondary .widget-area {width:auto}

/* .site-content {width: auto;} */

.entry-header {padding:30px 70px 00px 45px;}
.entry-content {padding:0px 0px 30px 45px;}
	.entry-content h1 {font-size:1.3em; color:#239cd3}
.entry-header .entry-title {
font-size: 35px;
margin-top: 10px;
color: black;
font-weight: 600;}


.page-id-7 #secondary {background-color:white; margin-bottom: 0px;
  padding-bottom: 0px; }

  .page-id-7 .widget-area{ width:320px; padding:0px}


/** MENU LATERAL **/

.grandchild-sidebar-menu {background-color:white; padding:20px; list-style:none; margin-left:0; border: 1px solid #CCC; margin-top:15px!important;}
.advanced-sidebar-menu ul {margin:0px!important}
.advanced-sidebar-menu li {list-style:none;}
.advanced-sidebar-menu li.current_page_item {
    list-style-type: none!important; padding-right:10px;
}
.grandchild-sidebar-menu li:before {
	display:		inline-block;
  	width:		0;
  	height:		0;
	border-top:		solid transparent;
	border-bottom: 	solid transparent;
	border-left:	        solid #CCC;
	border-width:	5px;
	content:		' ';
	margin-right:	5px;
}
.grandchild-sidebar-menu li a {display:inline!important}
.widget-area .widget ul ul {margin-left:0px; margin-top:10px!important}
.widget-area .widget a:hover {color:inherit}

.advanced-sidebar-menu ul li{padding-bottom:10px; padding-top:10px; border-bottom:1px #CCC solid; padding-right:15px }
.advanced-sidebar-menu ul li a {max-width:90%; display:block}
.advanced-sidebar-menu ul li a:first-child {font-size:1em; color: #000; }
.advanced-sidebar-menu ul li a:hover {text-decoration:none!important;}
.advanced-sidebar-menu ul li {background: url(http://www.lyslezlannoy.fr/assets/themes/baselys-child/img/more.png) no-repeat; background-position:right 14px;}
.advanced-sidebar-menu ul li.current_page_item {background: url(http://www.lyslezlannoy.fr/assets/themes/baselys-child/img/open.png) no-repeat; background-position:right 14px;}
.advanced-sidebar-menu ul ul li {background-image: none;}
.advanced-sidebar-menu ul ul li.current_page_item {color:#239cd3!important; background-image: none;}
.advanced-sidebar-menu ul li.current_page_ancestor {background: url(http://www.lyslezlannoy.fr/assets/themes/baselys-child/img/open.png) no-repeat; background-position:right 14px;}

.advanced-sidebar-menu ul ul li{padding-bottom:5px; padding-top:0px; border-bottom:0px}

.parent-sidebar-menu li {border-bottom:1px #CCC solid; width:100%;}
.parent-sidebar-menu li a{color:black; font-weight:600!important; border-bottom:0px; font-size:1.2em}

.grandchild-sidebar-menu li {border-bottom:0px }
.grandchild-sidebar-menu li a {font-size:1em!important; color:black!important; border-bottom:0px }

.advanced-sidebar-menu ul ul li a{
	color:black!important;
}

.advanced-sidebar-menu ul ul li a:active {
    color: #239CD3 !important;}

.papa {width:100%; font-size:2.3em; font-weight:bold; color:#0099cc; margin-bottom:20px;line-height: 25px;}

/* Démarches */
.demarches li {background:none!important; font-weight:bold; border-bottom:0px; padding-bottom:5px}
	.demarches ul a:before {display: inline-block;
width: 0;
height: 0;
border-top: solid transparent;
border-bottom: solid transparent;
border-left: solid #CCC;
border-width: 5px;
content: ' ';
margin-right: 5px;}

/* Footer  */

h2.foo {position: absolute;right:0;bottom:-1px;
    font-size: 16px;
    display: inline-block;
    padding: 15px 100px 15px 40px;
    font-weight: 600;
    text-transform: uppercase;
    background: white;
    color: #1D1D1B;
    border: 2px solid #1D1D1B;}
    h2.foo::after{content:'\f107';font-family:FontAwesome;font-weight:400;font-style:normal;font-size:50px;background:#1D1D1B;color:white;width:60px;height:108%;right:0;top:-2px;position:absolute; padding-left:15px}


#colophon { position:relative; height:auto; background:black;}
#topcolo {height:40px; width:100%; background-color:#384a4f; position:absolute; top:-20px; left:0px; -webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;-moz-border-radius-topleft: 20px;-moz-border-radius-topright: 20px;border-top-left-radius: 20px; border-top-right-radius: 20px;}
.page-id-7 #colophon {margin-top:40px;}

#footer-widgets {width:100%; }
#footer-widgets .widget {padding:0 30px 0 30px; width:500px; float:left; }
#footer-widgets .widget:first-child {padding:0 30px 0 30px; width:300px; height:260px; float:left; border-right:solid black 1px; margin-bottom:0px}
#footer-widgets .widget li { list-style-type: none; }
#thisistheend {width:100%; height:auto; background-color:black; padding:5px}
.site-info { clear: both; text-align:right; font-size:10px; margin-right:30px}
	.site-info a {color:#999}
.template-front-page #footer-widgets { padding-top: 0; }

.widget-area .widget h3 {font-weight:normal; color:white; font-size:1.5em; text-transform:none; }



.metaslider .caption-wrap {position:absolute; left:auto!important; right:0px!important; top:0px!important; width:390px!important; height:350px!important; background-color:white!important; opacity:0.9!important}
.metaslider .caption-wrap .caption {color:black; padding:35px;}
.metaslider .caption-wrap .caption h1 {line-height:1.2em; margin-bottom:20px; text-transform:uppercase; font-size:35px}

.flex-control-nav {
bottom: 30px!important;
line-height: 11px;
z-index: 99;
width: 300px!important;
position: absolute!important;
bottom: -40px;
text-align: center;
right: 170px;
}

.flex-control-paging li a {width:15px!important; height:15px!important; background-color:#239cd3!important}
.flex-control-paging li a.flex-active {background-color:white!important; border:3px solid #239cd3}

/** EVENEMENTS **/

h2.title-event {font-size:35px}
.picto-titre-agenda {float:left; width:45px;  margin:-8px 10px 20px 0}
.single-event h1 {font-size:25px; font-weight:bold;}

.event-left {width:200px; float:left}
.event-right {width:500px; float:left}

#tribe-events-pg-template {max-width:100%; }
#tribe-bar-form{background-color: #e4f7f9}
.tribe-events-list .tribe-events-event-image {float: left;width: 180px;margin: 0 3% 0 0;padding-top: 10px;}
.tribe-events-list .vevent.hentry h2 a {color:#239cd3}

/** sidebar evenement seul **/

.event li {    font-weight: bold;
    border-bottom: 0px;
    background: #0099cc!important;
    padding: 20px;
    text-transform: uppercase;
    color: white;
    text-align: center; font-size:1.1em}
	.event li:before {border-left:0px}





.liste-date {font-size:1em; line-height:1.5em}
.liste-nom {font-weight:bold!important; font-size:1em; margin-top:-5px; padding-top:0px; padding-bottom:0px; margin-bottom:10px  }
.liste-extrait {color:#333; line-height:1.2em!important; font-size:13.5px; padding-bottom:20px}
.liste-sep {clear:left; height:40px; width:100%}

.menu-toggle:hover, .menu-toggle:focus, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, article.post-password-required input[type=submit]:hover {
background-image: none!important;}

/** Formulaires **/
.formlabel {min-width: 150px!important;display: inline-block}
input.wpcf7-form-control {margin:5px 0 0 5px!important}
textarea.wpcf7-form-control {margin:5px 0 0 5px!important}
span.wpcf7-form-control-wrap.codepostal {margin-left:3px}
span.wpcf7-form-control-wrap.ville {margin-left:3px}
input.wpcf7-submit{margin-left: 0px!important;font-size: 1em;background: #239cd3;color: white;}


span.wpcf7-form-control-wrap.civilit {margin-left:8px}

@media screen and (max-width: 1280px) { #fond {width:100%} }

@media screen and (max-width: 1200px) {
  .ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target {font-size:14px!important}

 }

@media screen and (max-width: 1100px) {

	#primary {width:auto}

/** IF INDEX **/
  .page-id-7 #secondary {float:left;margin-top:30px;width:100%; text-align:center;}
  .page-id-7 #primary {width:100%; text-align:center}
/** -_- **/


  .ifresp {width:90%; margin:0 auto; display:inline-block; position:relative; margin-top:30px; }
  .actu-une{width:90%; float:none; margin:0 auto; position:relative;}
  	.actu-une .content {width:100%; text-align:left}
		.actu-une .content .thumb {width:20%;}
		.actu-une .content .preview {width:75%}
   .mavie {width:45%; margin-left:5%; float:right}
   		.mavie .content {width:100%; text-align:left;}
   .agenda {width:45%; }
   		.agenda .content {width:100%}


   #clic {display:block}

   #diapo-home .container,    #diapo-home .slick-slide {height:400px!important}
   #diapo-home .slide-content {display:none}
   .slick-dots {display:none!important}


   #encarts {width:100%; margin-top:0px;}
   .encart_content {width:100%; text-align:center }
   #encarts img {width:30%; height:auto; margin-left:20px; float:left;}
   	#encarts img:first-child {margin-left:20px;}


   /** EN UN CLIC HORIZONTAL FULL W **/

		.sep {width:100%; height:70px; float:none;}
		#clic_resp {display:block; width:100%; background-color: #09C; text-align:center; padding-top:20px; padding-bottom:20px; margin-top:70px; margin-bottom:30px}
		#clic_resp .picto {position:absolute; left:25px; top:50%; margin-top:-10px; height:25px}
		#clic_resp .picto img {height:25px; width:auto;}
	#clic_resp .titre {position:absolute; top:50%; left:80px; margin-top:-5px; font-size:14px;}

}

@media screen and (max-width: 1000px) { #topcolo {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
  .other-events {display:none}
 }

@media screen and (max-width: 990px) {
  .main-navigation {margin-top: 0; margin-bottom:25px}
  .go-agenda {position:relative; left:auto; bottom:0}
  #acces-sup {text-align:center}
  #acces-sup .contenu {float:none; width:auto; margin-left:0; margin-bottom:40px!important; text-align: center;max-width: 300px;
    margin: 0 auto; }
  #acces-sup img {float:none; text-align: center; margin-bottom:20px; display:inline-block}
  #lysfooter {max-width:none}
  #secondary .widget-area {padding-left:10px; padding-right:10px}
}

@media screen and (max-width: 970px) {
.secondary-menu,.recherche,.social-menu {display:none;}#top-menu img {float:none;}#colophon {-webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;border-top-left-radius: 0px; border-top-right-radius: 0px}
.ubermenu-responsive-default.ubermenu {-webkit-border-top-left-radius:0px!important;border-top-left-radius:0px!important;-moz-border-radius-topleft:0px!important;-webkit-border-top-right-radius:0px!important;border-top-right-radius:0px!important;-moz-border-radius-topright:0px!important }
.ubermenu .ubermenu-item {text-align:center!important} .ubermenu .ubermenu-item {background-image:none!important} .ubermenu .ubermenu-item.ubermenu-item-level-0{background-image:none!important}
}

@media screen and (max-width: 959px) {
.ubermenu-responsive-default.ubermenu.ubermenu-responsive .ubermenu-column, .ubermenu-responsive-default.ubermenu.ubermenu-responsive .ubermenu-column-auto {
min-width: 100%!important;}
#top-menu {height: auto;padding-bottom: 30px;}
#masthead {}
.ubermenu-nav {border:0px!important}
}

@media screen and (max-width: 870px) {
#secondary {width:100%} .widget-area{float:none} .site-content {float:none}
.widget-area .widget {display:inline-block; margin:0 auto; width:300px}
.blog-widget {max-width:350px}
#primary {width: 90%;padding: 20px;}
.entry-header, .entry-content {padding-left:0px; padding-right:0px; width:100%}
.page-template-archive .entry-header, .archive .entry-header {padding-left:20px}
.page-template-archive button {margin-bottom:10px}
.page-id-7 #main {margin-top:0px; padding-top:0px;}
.page-id-7 #primary {width: 100%; padding: 0px; padding-top:30px}
.metaslider {display:none}
#footer-widgets .widget:first-child {display:none} #footer-widgets {width:100%; padding-top:30px; padding-bottom:30px}
#colophon {margin-top:-30px} 	#derniers {display:none} .remove {display:none}

.slide-intro {display:none!important}
#diapo-home {margin-top:0; background-color:white}
#diapo-home .container-clic {position:relative}
#diapo-home #clic {position:relative; max-width:none}
#diapo-home .container, .slick-slide {height:auto; padding:0}
.page-id-7 #main {background:white}
#agenda .offset-1 {margin-left:0!important; text-align:left}
#agenda h2 {margin-bottom:0px}
#agenda img {margin-bottom:20px}


}

@media screen and (max-width: 770px) {

  #lysfooter .textwidget {
    font-size: 16px;
    text-align: center;
    line-height: 25px;
    margin-bottom: 20px;
}
#lysfooter .offset-1 {margin-left:0}
#lysfooter .textwidget img {display:none}
h2.foo {left: calc(50% - 95px); right:auto}

}

@media screen and (max-width: 600px) {

	.site {width:100%; }
	.page-id-7 #primary {padding-top:0px}
	#fond {display:none;}
	.wrapper {width:100%;}
	.main-navigation ul.nav-menu.toggled-on, .menu-toggle{display:none;}
	.ubermenu-responsive-default.ubermenu {border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;}
		.ubermenu .ubermenu-item.ubermenu-item-level-0{background:none !important; }


	#secondary {width:100%;}
		#encarts {display:none;}
		#clic {width:auto; margin:0 auto;}
		.item {text-align:center; display:inline-block; float:none;}
	.site-content {width:100%;}
	.actu-une {width:100%; margin-top:30px; padding:0px;}
		.actu-une .picto {position:relative; float:left; margin-left:20px}
		.actu-une h1 {float:left; margin-bottom:20px;}
		.actu-une .line {display:none;}

	.accroche {display:none;}
	.metasliderr,.secondary-menu,.recherche,.social-menu {display:none;}

	#metaslider_container_51 {display:none}

	#top-menu img {float:none;}
	.actu-une .first {width:100%; height:auto; padding-top:50px;}
	.actu-une .content {width:100%; height:auto; float:none;}
		.actu-une .content .thumb {width:100%; height:250px; float:none; position:relative; display:block}
		.actu-une .content .preview {width:90%; height:auto; float:none; position:relative; display:block; padding-top:10px;}

		.agenda,.mavie {margin:0 auto; float:none; width:90%}
		.agenda {margin-bottom:30px;}
		.agenda .content {width:100%;}
		.mavie .content {width:100%;}


		#colophon {width: 100%!important; height:auto; padding:0px; text-align:left;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}

		#footer-widgets {width:90%; padding-top:30px}
		#footer-widgets .widget:first-child {width:90%; height:auto; border-right:solid black 0px;margin:0 auto;  float:none }
		#footer-widgets .widget {width:90%; height:auto; border-right:solid black 0px; margin:0 auto;  float:none}

	.footer-left{float:none;margin-right:0px; margin-bottom:30px} .footer-right{float:none}

	.letmesee {margin-top: 40px!important;} #main {min-height:0px}

	.site-header {
    margin-top: 80px !important;
	}


	@media screen and (min-width: 1700px) {#fondu {bottom:0px!important; top:auto!important; min-height:1500px;background: url('img/fondu.png') repeat-x scroll 0px 350px transparent;} }
	@media screen and (min-width: 1920px) {#fondu {bottom:0px!important; top:auto!important; min-height:1500px;background: url('img/fondu.png') repeat-x scroll 0px 350px transparent;} }