/*
 Theme Name:   Ville de Linselles
 Theme URI:    http://www.ville-linselles.com
 Description:  Theme du site de la Ville de Linselles
 Author:       Clément PERSYN
 Author URI:   
 Template:     twentythirteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  ville-linselles-child
*/

@import url("../twentythirteen/style.css");



body{background-color: #DDD;}
a{color: #1E8884;}
/*a:visited{color: #1E8884;}*/
.clear{clear:both;margin:0;padding:0;overflow: hidden;}

/****** HEADER ******/
#masthead{width:100%;background-color: #f7f5e7;z-index:1000;}
.site-header{/*position:fixed;*/}
a:hover{color:#026261;}
.site-header .search-field {background-color: #fff;border: 2px solid #c3c0ab;cursor: text;outline: 0;width: 220px;}

/****** MENU ******/
#navbar{width:1440px;margin:0 auto;padding-top:5px;padding-bottom:5px;}
.main-navigation{padding-left: 10px;}
.nav-menu li a {padding: 15px 30px;}
ul.nav-menu ul a:hover, .nav-menu ul ul a:hover, ul.nav-menu ul a:focus, .nav-menu ul ul a:focus {background-color: #008786;}
.nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a {/*color: #008786;*/color: #FFF;font-style: italic;}
.nav-menu li a{color: #FFF;}
/*.nav-menu li{min-width:160px;}*/
.nav-menu li a{padding: 15px 10px;}
/*.nav-menu li ul{width:160px;}*/

.menu-first-item{background-color: #2796BD;}
.menu-second-item, ul.nav-menu li.menu-second-item a{background-color: #F25648;width:185px;}
.menu-third-item, ul.nav-menu li.menu-third-item a{background-color: #74C651;width:185px;}
.menu-fourth-item, ul.nav-menu li.menu-fourth-item a{background-color: #FF9718;width:185px;}
.menu-fifth-item, ul.nav-menu li.menu-fifth-item a{background-color: #8742FF;width:185px;}
ul.nav-menu li.menu-second-item a:hover, ul.nav-menu li.menu-third-item a:hover, ul.nav-menu li.menu-fourth-item a:hover, ul.nav-menu li.menu-fifth-item a:hover{background-color:#141412;}
ul.nav-menu li ul li ul li ul li a{padding: 10px 10px; }

.hentry{padding:0;}

#fancybox-title-inside{font-size:20px;}

/****** MAIN ******/
#main{padding-top:70px;padding-bottom:15px;width:1440px;margin:0 auto;background-color: #FFF;min-height:600px;}
#content{width:1100px;margin:0 auto;}
#content a{color:#1E8884;}
#site-infos{height:350px;width:290px;float:left;}
#content-slider{width:800px;float:left;}
#slider-principal{width:800px;}
#slider-tablet{width:600px;display:none;}
#slider-phone{width:440px;height:170px;display:none;}
#wrapper{width:1060px;margin: 0 auto;margin-top: 50px;}
.left{float:left;width:60%;padding-right:30px;}
.right{float:right;width:35%;/*padding: 0px 0px 0px 30px;*/}
.retenir{background-color: #EEE;}
.entry-content td{border-top: 0px;}

.wpsisac-slick-slider.design-2 .slick-image-slide .slide-wrap .slider-overlay{background:none;}

/****** FOOTER ******/
.info-left{float:left;width:400px;}
.info-right{float:right;width:640px;text-align: center;}
.wpcf7 p{margin:0px;}
#map{width:640px;height:500px;}
.wpcf7-textarea{rows:5;}

/****** PAGE CONTENU ******/

.entry-header, .entry-content, .entry-summary, .entry-meta {margin: 0 auto;max-width: 1040px;width: 100%;}
.entry-content img.alignright, .entry-content .wp-caption.alignright {margin-right: 0px;}
.entry-content img.alignleft, .entry-content .wp-caption.alignleft {margin-left: 0px;}

img.btnAgenda{width:370px;height:120px;}

h1{color:#1E8884;}


#content .bouton a{padding:5px 15px 5px 15px;text-decoration: none;display: inline-block;-moz-border-radius: 10px;-webkit-border-radius: 10px;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);border-bottom: 1px solid rgba(0,0,0,0.25);font-family: "Lucida Grande",Lucida,Verdana,sans-serif;outline:none;position:relative;font-size: 18px;margin:10px;/*background:transparent url(buttonover.png) repeat-x top left;*/white-space:nowrap;}
#content .bouton a:hover{background-color: #1E8884;color: #FFF;}
#content .bouton a:active{top: 1px;left:1px;}

#content .bouton-caroussel a{padding:5px 15px 5px 15px;text-decoration: none;display: inline-block;-moz-border-radius: 10px;-webkit-border-radius: 10px;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);border-bottom: 1px solid rgba(0,0,0,0.25);font-family: "Lucida Grande",Lucida,Verdana,sans-serif;outline:none;position:relative;font-size: 18px;margin:10px;/*background:transparent url(buttonover.png) repeat-x top left;*/background-color:#1E8884;color:#FFF;white-space:nowrap;}
#content .bouton-caroussel a:hover{background-color: #17706c;color: #FFF;}
#content .bouton-caroussel a:active{top: 1px;left:1px;}

#content .bouton-aller a{padding:5px 15px 5px 15px;text-decoration: none;display: inline-block;-moz-border-radius: 10px;-webkit-border-radius: 10px;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);border-bottom: 1px solid rgba(0,0,0,0.25);font-family: "Lucida Grande",Lucida,Verdana,sans-serif;outline:none;position:relative;font-size: 18px;margin:0;/*background:transparent url(buttonover.png) repeat-x top left;*/white-space:nowrap;background-color: #fdff8f;}
#content .bouton-aller a:hover{background-color: #1E8884;color: #FFF;}
#content .bouton-aller a:active{top: 1px;left:1px;}

#blocs{width:100%;}
.bloc{width:140px;height:140px;display: inline-block;/*padding:0px 10px;*/vertical-align: top;}
.bloc img{width:140px;-webkit-border-top-left-radius: 15px;-webkit-border-top-right-radius: 15px;-moz-border-radius-topleft: 15px;-moz-border-radius-topright: 15px;border-top-left-radius: 15px;border-top-right-radius: 15px;}
.bloc a{margin:0 auto;color: #FFFFFF;}

.underlink{text-align:center;background-color: #777;}
.underlink a{color:#FFF;}
.liens img{width:142px;}

.modal-footer{padding: 5px 15px;}

.modal-dialog{width:670px;height:400px;}



button.btn:active{padding:6px 12px;}

button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
	background: #007bff; /* Old browsers */
	background: -webkit-linear-gradient(top, #007bff 0%, #007bff 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #007bff 0%, #007bff 100%); /* W3C */
	outline: none;
}

.btn-outline-primary {
    color: #007bff;
    background-color: transparent;
    background-image: none;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}


/* BACK TO TOP BUTTON */
.back-to-top {background: none;margin: 0;position: fixed;bottom: 10px;right: 10px;width: 70px;height: 70px;z-index: 100;display: none;text-decoration: none;color: #ffffff;background-color: #1E8884;padding: 5px 10px;}
.back-to-top i {font-size: 60px;}
.back-to-top:hover, .back-to-top i:hover{color:#ffffff;}
.back-to-top:visited{color:#FFFFFF;}


.entry-meta .categories-links, .entry-meta .author, .entry-meta .vcard{
	display:none;
}

h1.page-title{
	padding: 10px 0px;
}

/***** BLOC METEO *******/

#blocMeteo{
	margin-top:20px;
	width:370px;
	min-height:40px;
	background-color:#e86e15;
	color: #FFF;
	padding: 10px;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

}

#moreMeteoLink{
	text-align:center;
	font-size:16px;
	font-weight:bold;
}
#moreMeteoLink a{
	color:#FFF;
	outline:0;
	text-decoration: none;
}

#moreMeteoLink a:hover{
	color:#FFF;
	outline:0;
	text-decoration: none;
}

#titreMeteo{
	font-size:18px;
	text-align:center;
	width:350px;
}
.dateMeteo{
	margin-left:10px;
}
.temperature{
	font-weight: bold;
	font-size:26px;
	margin-right:20px;
}

.meteoLeft{
	float:left;
}
.meteoRight{
	float:right;
}
#moreMeteo{
	display:none;
	margin:15px;
	padding:5px;
	background-color:#d3d3d3;
	color:#353738;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.arrowReverse{
	-webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
	-moz-transform: rotate(180deg);        /* FF */
	-o-transform: rotate(180deg);          /* Opera */
	-ms-transform: rotate(180deg);         /* IE9 */
	transform: rotate(180deg);  
}

.pageLeft{
	float:left;
	width:49%;
}
.pageRight{
	float:right;
	width:49%;
}

.g-recaptcha div { margin-left: auto; margin-right: auto;}


label.has-error{
	color:#a94442;
}

.table-num{
	width:656px;
}

.cf7sr-g-recaptcha div{
	width: 400px;
}


/*******************************/

/****** RESPONSIVE DESIGN ******/

/*******************************/



/***** iPad format paysage *****/

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	#masthead{width:1024px;}
	.site-header{position:relative;}
	#main{padding-top:70px;padding-bottom:15px;width:1024px;margin:0 auto;background-color: #FFF;}

	/***** MENU *****/
	#navbar{width:1024px;}
	.menu-second-item, ul.nav-menu li.menu-second-item a{background-color: #F25648;width:170px;}
	.menu-third-item, ul.nav-menu li.menu-third-item a{background-color: #74C651;width:170px;}
	.menu-fourth-item, ul.nav-menu li.menu-fourth-item a{background-color: #FF9718;width:170px;}
	.menu-fifth-item, ul.nav-menu li.menu-fifth-item a{background-color: #8742FF;width:170px;}

	#content{text-align:center;}
	#site-infos{width:200px;height:220px;margin-left:75px;}
	#site-infos img{height:200px;}
	#content-slider{width:600px;}
	#slider-principal{display:none;}
	#slider-tablet{display:block;}
	#content{width:1024px;padding-left:20px;}
	#wrapper{width:1020px;margin-top:25px;padding:5px;}
	.right, .left{display:block;}

	/****** FOOTER ******/
	.info-left{float:left;width:300px;padding-left:5px;}
	.info-right{float:right;width:640px;text-align: center;}
	.wpcf7 p{margin:0px;}
	#map{width:640px;height:200px;}
	.wpcf7-textarea{rows:5;}
}

/***** iPad format portrait *****/

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

	#masthead{width:768px;}
	.site-header{position:relative;}
	#main{padding-top:70px;padding-bottom:15px;width:768px;margin:0 auto;background-color: #FFF;}
	/***** MENU *****/
	#navbar{width:768px;}
	.menu-second-item, ul.nav-menu li.menu-second-item a{background-color: #F25648;width:100%;}
	.menu-third-item, ul.nav-menu li.menu-third-item a{background-color: #74C651;width:100%;}
	.menu-fourth-item, ul.nav-menu li.menu-fourth-item a{background-color: #FF9718;width:100%;}
	.menu-fifth-item, ul.nav-menu li.menu-fifth-item a{background-color: #8742FF;width:100%;}
	/***** menu importé de Twentythirteen *****/
	.menu-toggle {cursor: pointer;display: inline-block;font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;margin: 0;}
	.menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active{background: none;border: none;color: #141412;padding: 12px 0 12px 20px;}
	.menu-toggle:focus {outline: thin dotted;}
	.menu-toggle:after {content: "\f502";font-size: 12px;padding-left: 0px;vertical-align: -4px;}
	.toggled-on .menu-toggle:after {content: "\f500";vertical-align: 2px;}
	.toggled-on .nav-menu, .toggled-on .nav-menu > ul {display: block;margin-left: 0;padding: 0;width: 100%;}
	.toggled-on li,	.toggled-on .children {display: block;}
	.toggled-on .nav-menu li > ul {background-color: transparent;display: block;float: none;margin-left: 20px;position: relative;left: auto;top: auto;}
	.toggled-on .nav-menu li > ul a {color: #141412;width: auto;}
	.toggled-on .nav-menu li:hover > a, .toggled-on .nav-menu .children a {background-color: transparent;color: #141412;}
	.toggled-on .nav-menu > li a:hover,	.toggled-on .nav-menu > ul a:hover {background-color: #db572f;color: #fff;}
	.toggled-on .nav-menu > li a:focus,	.toggled-on .nav-menu > ul a:focus {background-color: #220e10;color: #fff;}
	ul.nav-menu, div.nav-menu > ul {display: none;}
	#site-infos{width:100px;height:110px;margin:0 auto;}
	#site-infos img{height:100px;}
	#content-slider{width:600px;}
	#slider-principal{display:none;}
	#slider-tablet{display:block;}
	#content{width:768px;padding-left:20px;}
	#wrapper{width:768px;margin-top:25px;padding:5px;}
	.right, .left{display:block;}
	/****** FOOTER ******/
	.info-left{float:left;width:200px;padding-left:5px;}
	.info-right{float:right;width:540px;text-align: center;}
	.wpcf7 p{margin:0px;}
	#map{width:530px;height:200px;}
	.wpcf7-textarea{rows:5;}
}

/************************ MOBILE **************************/

@media only screen and (min-device-width : 320px) and (max-device-width : 440px) {
/* Styles pour cette Media Queries */
	body{
		width:440px;
	}
	#masthead{width:480px;}
	.site-header{position:relative;}
	#main{padding-top:10px;padding-bottom:15px;width:480px;margin:0 auto;background-color: #FFF;}
	/***** MENU *****/
	#navbar{width:480px;}
	.menu-second-item, ul.nav-menu li.menu-second-item a{background-color: #F25648;width:100%;}
	.menu-third-item, ul.nav-menu li.menu-third-item a{background-color: #74C651;width:100%;}
	.menu-fourth-item, ul.nav-menu li.menu-fourth-item a{background-color: #FF9718;width:100%;}
	.menu-fifth-item, ul.nav-menu li.menu-fifth-item a{background-color: #8742FF;width:100%;}
	/***** menu importé de Twentythirteen *****/
	.menu-toggle {cursor: pointer;display: inline-block;font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;margin: 0;}
	.menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active{background: none;border: none;color: #141412;padding: 12px 0 12px 20px;}
	.menu-toggle:focus {outline: thin dotted;}
	.menu-toggle:after {content: "\f502";font-size: 12px;padding-left: 0px;vertical-align: -4px;}
	.toggled-on .menu-toggle:after {content: "\f500";vertical-align: 2px;}
	.toggled-on .nav-menu, .toggled-on .nav-menu > ul {display: block;margin-left: 0;padding: 0;width: 100%;}
	.toggled-on li,	.toggled-on .children {display: block;}
	.toggled-on .nav-menu li > ul {background-color: transparent;display: block;float: none;margin-left: 20px;position: relative;left: auto;top: auto;}
	.toggled-on .nav-menu li > ul a {color: #141412;width: auto;}
	.toggled-on .nav-menu li:hover > a, .toggled-on .nav-menu .children a {background-color: transparent;color: #141412;}
	.toggled-on .nav-menu > li a:hover,	.toggled-on .nav-menu > ul a:hover {background-color: #db572f;color: #fff;}
	.toggled-on .nav-menu > li a:focus,	.toggled-on .nav-menu > ul a:focus {background-color: #220e10;color: #fff;}
	ul.nav-menu, div.nav-menu > ul {display: none;}

	/* NAV MENU FIX FOR MOBILE */
	.nav-menu .sub-menu, .nav-menu.children{
		border:0;
	}
	ul.sub-menu{
		max-width:440px;
	}
	ul li{
		max-width:460px;
	}
	ul li ul li{
		max-width:440px;
	}
	/* END NAV MENU FIX FOR MOBILE */

	#content{
		width:440px;
		margin:0 auto;
	}
	#site-infos{width:100px;height:110px;margin:0 auto;padding-left:180px;margin-bottom:20px;}
	#site-infos img{height:100px;}
	#slider-principal{display:none;}
	#slider-tablet{display:none;}
	#slider-phone{display:block;margin-left:20px;height:170px;}
	#wrapper{width:440px;margin-top:25px;padding:5px;}
	#site-infos{
		width:150px;
		height:150px;
	}
	#site-infos img{
		width:150px;
		height:150px;
	}

	/*** Footer ***/
	.right, .left{display:block;}
	#footer{
		width:100%;
	}
	.info-left{
		width:100%;
	}
	.info-right{
		width:100%;
	}
	.modal-dialog{
		width:460px;
	}
	#map{
		width: inherit;
	}

	#mapLink img{
		width:460px;
	}
	#wrapper .right{
		display: block;
		width:480px;
	}
	#wrapper .left{
		display:block;
		width:480px;
	}

	#content-slider{
		width:460px;
	}
	.retenir{
		margin:0 auto;
	}
	.right{
		text-align:center;
	}
	#blocMeteo{
		margin:0 auto;
		margin-top:20px;
	}
	.pageLeft, .pageRight{
		display:block;
		width:100%;
	}

	.pageRight{
		border-bottom:1px #CCC;
	}
	.table-num{
		width:450px;
	}
	.entry-content table{
		width:450px;
	}
}