/*
 Theme Name:     Florida Child
 Theme URI:      http://webnus.biz/themes/florida-wp/
 Description:    Florida Child Theme
 Author:         WEBNUS
 Author URI:     http://themeforest.net/user/WEBNUS
 Template:       florida-wp
 Version:        4.0.0
*/

@import url("../florida-wp/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */


@import url("style2.css");


/* gamme couleur ville de Jarrie ----------------------------------*/


/*	color:#99426A; /*bordeau menu vivre à jarrie */
/*	color:#00B0ED; /*bleu actu agenda */
/*	color:#47c1ee; /*bleu clair*/
/*	color:#319FDD; /*bleu moyen */
/*	color:#0487AF; /*bleu fonce 1*/
/* 	color:#2887BC; /*bleu fonce 2 */
/*	color:#0B5C89; /*bleu fonce 3 */
/*	color:#5ACCB6; /*vert service mairie*/
/*	color:#CC5C63; /* rouge chimie nature */
/*	color:#B6BC9F; /*beige en un clic */
/*	color:#8C9177;	/*beige foncé */
/*	color:#8C9177; /*kaki pied de page */
/*	color:#3D4D5B; /*gris foncé header */
/*	color:#626E77;	/*gris moyen h4 subtitle*/
/*	color:#905BB2;	/*violet actu */

/*	background-color:#30ADDF; /*bleu MOYEN */
/*	background-color:#319FDD; /*bleu MOYEN */


/* styles personnalisés ville de Jarrie ----------------------------------*/



/**************************/
/* LOGO ET NAV            */
/**************************/


	body.home  
	{
	background-position:130px center !important;
	background-color:#00B0ED;
	}
	#headline 
	{
	background-color:transparent;
	}

	#main-content 
	{
	background:#EDEFEF url(images/bg-bicolore-interne2.png) top left no-repeat;
	min-height:650px;
	}
	.home #main-content 
	{
	background-image:none;
	background-color:#00B0ED;
	}
	#wrap 
	{
	background:none;
	}
	.container-header
	{
	margin: 0 15px;
	}	
	#header 
	{
	background-color: #3D4D5B;	
	border-bottom:0;
	}
	#header .alignright 
	{
	background:#00B0ED url(images/bg-header.png) right top no-repeat ;
	height:77px;
	padding: 0 0;
	}
	.home #header .alignright 
	{
	background-image:url(images/bg-header-home.png);
	}
	#header .alignright form
	{
	padding-right: 50px;
	}
	#header .logo-wrap
	{
	background-color:#00B0ED;
	height:77px;
	}
	.logo 
	{	
	position:absolute;
	top:-8px;
	left: -87px;
	z-index:1000;
	}
	
	.logo a {
		height:77px;
	}
	.logo a:after {
		content:url(images/logo-Jarrie3-2.png);
		position:absolute;
		left:1px;
		top:77px;
	}
	
	
	.home #main-content.container 
	{
	padding-top:0;
	}
	#header .vertical-space 
	{
	display:none;
	}
	

	
	
	

	



/**************************/
/* FOOTER                 */
/**************************/

.footer-in {
background:url(images/logo-footer-2.png) left top no-repeat;
padding-bottom:30px;
}
.footer-in h5.subtitle {
margin: 25px 0px 0px;
color: #3D4D5B; /*gris foncé header */
text-transform: uppercase;
font-size: 14px;
border:none;
box-shadow:none;
}
#footer .widget ul li{
border:none;
padding: 2px 0;
font-size:13px;
}
#footer .widget ul li a, #footer .widget ul li a span {
color:#fff;
padding-left:0;
}
#footer .widget ul li a:hover, #footer .widget ul li a:hover span {
color:#3D4D5B; /*gris foncé header */
padding-left:0;
}
.footer-in a {
color:#fff;
}
.footer-in a:hover {
    color:#3D4D5B; /*gris foncé header */
}
.widget ul li:after {
float:left;
padding-right:10px;
}
#footer .footer-in .widget ul li:hover {
background-color:transparent;
}
#footer {
background-color:#8C9177;
border:none;
}
.footbot {
background-color:#8C9177;
display:none;
}





/**************************/
/* Home         ENUNCLIC  */
/**************************/

.home .accueil_menu_minisites
{
	padding-top: 20px;
	border-bottom: none;
	width: 100%;
	margin-left: 60px;
}
.home #main-content .accueil_menu_minisites li
{
	float: left;
	width: 140px;
	height: 44px;
	/*margin-left: 14px;*/
	margin-bottom: 6px;
	text-align: center;
	border: none;
}
.home .accueil_menu_minisites li:after
{
	content: "";
}
.home .accueil_menu_minisites li:hover {
	background-color:#9A9E85;
	
	}

.home .accueil_menu_minisites li a
{
	color: #FFF;
	font-size: 15px;
	text-transform: uppercase;
	display: block;
	font-weight:600;
	font-size:15px;
	line-height:1em;
}
.home .accueil_menu_minisites a:hover,
.home .accueil_menu_minisites a:hover span,
.home .accueil_menu_minisites li:hover a span {
	padding-left:inherit;
	color: #FFF;
}

.home .accueil_menu_minisites .menu-item-488 {
	padding-top:0;
	padding-bottom:16px;
}

.home .accueil_menu_minisites .menu-item-1036 a {
	line-height:2em;
	}

.home .accueil_menu_minisites .menu-item-16377 a 
{
	line-height:2em;
}
	
.home .accueil_menu_minisites li a span {
	display: block;
	font-weight:400;
	color:#fff;
	font-size:13px;
}
.home .accueil_menu_liens_rapides
{
	margin-top: 40px;
	border-bottom: none;
	width: 60%;
	margin-left: 33%;
}
 .home #main-content .accueil_menu_liens_rapides li
{
	text-align: right;
	margin-bottom:0;
	line-height:18px;
}
.home .accueil_menu_liens_rapides li:hover
{
	background-color: transparent;
	
}
.home .accueil_menu_liens_rapides li a
{
	color: #FFF;
}




/**************************/
/* home section Agenda content*/
/**************************/

.home .agenda-content 
	{
	display:block;
	}
.home .agenda-content .un-clic-content .wpb_wrapper {
	background-color:transparent;
	background:url(images/bg-liens-directs.png?v2) right top no-repeat;
	height: 800px;
	padding-right: 30px;
	}
.home .agenda-content .wpb_content_element 
	{
	margin-bottom: 0 !important;
	}
.home .wpb_row  {
	margin-bottom:0;
	margin-top:25px;
	}




/* Sous-section : Grille custom (agenda) ---------- */


.grille_custom {
	margin-top:10px;
	font-family:"Muli", Arial, Helvetica, Sans-Serif;
	padding-left: 15px;
	padding-right: 15px;
}
.grille_custom_block {
	padding-left:0!important;
	padding-right:2px!important;;
}
.grille_custom h4 {
	text-align: left;
	
	text-transform:uppercase;
	/*background-color:#2887BC; /*bleu fonce*/
	color: #FFF;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:-15px;
	margin-left:-15px;
	font-size:14px	
}
.grille_custom h4+div+.wpb_row {
	margin-top:0;
	}
.grille_custom_title
{	
	color:#fff;
	text-align: left;	
	font-size:14px;
	line-height:1.2em;
	text-transform:uppercase;
	color:#00B0ED;
	color: #fff;
	margin-top: 6px;	
}

.grille_custom_date {
	font-size:12px;	
	color:#fff;	
}
.grille_custom_time {
	font-size:10px;
	color:#fff;
}		
.grille_custom_categories
{
	color: #fff;
	color:#00B0ED;
	color:#404040;
	text-align: left;	
	text-transform: uppercase;
	font-size:11px;
	padding-top:4px;
	margin-bottom:-4px;
}
.home .grille_custom_categories {
	color:#404040;
	padding:0 4px 5px;
}
.grille_custom_infos_container
{
	color: #FFF;
	text-align: left;	
	background-color:#1D76BF;
	background-color:#2887BC;
	background-color:#00B0ED;
	background-color:#2B8BCC;
	height:110px;
	padding:0 10px;
	transition: all 0.5s ease 0s;
	overflow: hidden;
}
.home .grille_custom_infos_container {
	background-color:transparent;	
}
.grille_custom_infos_container:hover {
background-color:#00B0ED;
}
.home .grille_custom_infos_container:hover {
background-color:transparent;
color:#2B8BCC;
}
.grille_custom_block {
	margin-bottom:2px;
}


/* Sous-section : Actu accueil ---------- */

.home .AGENDA_UN_CLIC_ACCUEIL
	{	
	background:#00B0ED url(images/fleche-blanche.png) 35px top no-repeat;
	}
.home .AGENDA_UN_CLIC_ACCUEIL h4
	{
	margin-top:10px;
	margin-bottom:10px;	
	}
.actus_accueil a h4 {
	font-weight:normal;
	color:#0B5C89; /*bleu fonce 3 */
	color:#404040;
	margin-bottom:8px;
	line-height: 15px;
	font-size: 13px;
	text-transform: uppercase;
	min-height:50px;
}
.home .lien_toutes_actus,
.home .lien_tout_agenda {
	display:block;
	height:20px;
	width:99%;
	font-family:"Muli", Arial, Helvetica, Sans-Serif;
	color:rgba(255, 255, 255, 0.7);
	text-transform:uppercase;
	text-align:right;
	font-size:11px;
	line-height:20px;
	margin-bottom:0px;
	margin-top:0px;
	border-top: 1px dotted rgba(255, 255, 255, 0.5);
	padding-top:2px;
}

.home .lien_tout_agenda {
	margin-top:0;
}
.home a.lien_toutes_actus:hover,
.home a.lien_toutes_actus:focus,
.home a.lien_tout_agenda:hover,
.home a.lien_tout_agenda:focus {
	color:#fff;
}
.actus_accueil .actus_excerpt
{
	color: #FFF;
	font-size: 11px;
	line-height: 1.2em;
	font-family:"Muli", Arial, Helvetica, Sans-Serif;
}
.dernier_reportage .actus_excerpt,
.dernier_reportage h4 {
color:#404040;
font-family:"Muli", Arial, Helvetica, Sans-Serif;
}

.grille_custom_cropper
{
	height: 116px;
	overflow: hidden;
}
.grille_custom_cropper img
{
	width: 100%;
}


/* Sous-section Retour en images ---------------*/

.dernier_reportage > h4 {
color:#fff;
font-size: 14px;
text-transform: uppercase;
margin-top:20px;
margin-bottom:0px;
}
.dernier_reportage > .wpb_row {
margin-top:0;
}
.dernier_reportage
{
	padding-left: 130px;
	padding-right: 25px;
	height: 350px;
	overflow: hidden;
}
.dernier_reportage img
{
	width: 100%;
	margin-top:10px;
}


/**************************/
/* Main-content            */
/**************************/ 

a {
color:#2B8BCC;
}
a:hover,
a:focus
{
color:#00B0ED; /*beige en un clic */
}
ul, ol {
font-family: "Muli", Arial, Helvetica, Sans-Serif;

}
p {
/*text-align:justify;*/
}
h3 {
margin-bottom:20px
}
pre {
font-family: "Muli",Arial, sans-serif;
font-size: 16px;
white-space: pre-wrap;
font-style: italic;
color: #8C9177;
color:#999;
margin: 10px 0;
padding:0;
background-color:transparent;
}
#main-content li {
line-height:24px;
margin-bottom:10px;
}
#main-content.container
{
	padding-top: 0 !important;
	padding-left: 0 !important;
}
#main-content.container .breadcrumbs-w
{
	margin: 20px 10px 10px 10px;
	height: 25px;
	text-transform: uppercase;
}


#main-content.container .zone-laterale
{
	padding-left: 0 !important;
}
.grand-parent-titre
{
	padding: 10px;
	background-color: #64c9ac;
	text-transform: uppercase;
	color: #FFF;
	font-size: 150%;
}
.mairie .grand-parent-titre
{
	background-color: #64c9ac;
}
.jarrie .grand-parent-titre
{
	background-color: #99426a;
}
.chimie .grand-parent-titre
{
	background-color: #cc5c63;
}
.titre-page
{
	padding: 5px 10px;
	text-transform: uppercase;
	color: #FFF;
	font-size: 150%;
	background-color:#2887BC;
}
.mairie .titre-page
{
	background-color: #c41384;
}
.agenda .titre-page
{	
	background-color:#1D76BF;
	background-color:#2887BC;
}
.nopaddingleft
{
	padding-left: 0 !important;
}
.padding15
{
	padding: 15px;
}
.vc_column_container ul, .vc_column_container ol {
	font-size:15px;
}
.breadcrumbs-w a {
	color:#00B0ED; /*bleu actu agenda */
}

h1.titre-page {
	padding:0 20px !important;
	line-height:40px;
}
h2.wpb_singleimage_heading {
font-size:20px;
line-height:1.2em;
}
.grand-parent-titre {
	padding: 8px 16px !important;
	font-size:120%!important;
}
.sous-menu-lateral .sub-menu {
	margin:4px 0px 5px 20px;
}
.sous-menu-lateral li {
	line-height:1.2em!important;
}
.padding15 {
	padding:20px 35px;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a {
	padding: 5px 14px 5px 38px;
	font-size: 14px;
	font-weight:normal;
	font-family:"Muli", Arial, Helevetica, Sans-Serif;
}

.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon, 
.wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon {
	top: 5px;
}
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {
	padding:20px;
}
.wpb_accordion .wpb_row {
	margin-bottom:0;
}
.wpb_accordion h5 {
	font-size:17px;
}
.wpb_accordion ul {
	font-family:"Muli", Arial, Helevetica, Sans-Serif;
}
.wpb_accordion_content {
	background-color:#A9EADD; /*vert clair */	
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header {
	border-top-width:2px;
}
.bg-vert {
	background-color: #A9EADD;
}
.bg-vert {
padding:10px;
background-color:#A9EADD;
}
.bg-vert h3 {
color:#fff;
}
.commentaire {
font-size:90%;
line-height:1.2em;
font-style:italic;
}
.legende {
font-size:80%;
}
hr {
margin:14px 0;
border-color:#b6bc9f;
border-color:#CACECE;
}
.vc_btn,
.vc_btn3,
.magic-link a,
input[type="submit"] {   
	font-family: "Muli", Arial, sans-serif;
	font-size:120%;
	text-shadow:none;
	text-transform:none;
	border-radius:4px;
	background-image:none;
	line-height:20px;
	padding:9px 12px;
	margin-bottom:30px;
	}
.magic-link a  {
margin-bottom: 20px;
}
.vc_btn:hover,
.vc_btn3:hover,
.magic-link a:hover {
text-shadow:none;
	text-transform:none;
	color:#fff;
}

.vc_btn3,
.vc_btn-blue,
.magic-link a,
input[type="submit"] {
background-color: #2B8BCC!important;
color:#fff;
}
.vc_btn-juicy_pink {
background-color: #99426A!important;
}
.vc_btn3:hover,
.vc_btn-blue:hover,
.magic-link a:hover,
input[type="submit"]:hover {
    background-color: #00B0ED!important;
}
	.vc_btn-juicy_pink:hover {
background-color: #CC5C63!important;
}	
.gros-bouton {
text-align:center;
padding:20px 0;
height:40px;
border-radius:0;
text-transform:uppercase;
width:140px;
}
.gros-bouton:hover {
text-transform:uppercase;
}
.onglet-date .ui-tabs-anchor {
	font-size:20px!important;
	}
.stick-bottom {
margin-bottom:0;
}
.callout {
padding:20px;
background-color:#B0D7ED;
background-color:#b6bc9f;
}
.callout h3 {
margin-bottom:0;
font-size:26px;
line-height:1.2em;
color:#fff
}
.callout p {
font-size:110%;
}
div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok {
border-color:#fff;
}
.sep-horiz {
margin-top:-30px;
}
.sep-horiz .wpb_content_element {
margin-bottom:10px!important;
}
.blocs-nav .wpb_column {
padding:0 4px;
}
.blocs-nav .wpb_column .wpb_single_image {
margin-bottom:6px;
}
.blocs-nav .vc_btn-blue {
text-align:center;
padding:15px 0;
min-height:40px;
border-radius:0;
width:100%;
}
.page-template-page-jarrie .blocs-nav .vc_btn-blue {
background-color: #99426A!important;
}
.page-template-page-jarrie .blocs-nav .vc_btn-blue:hover {
background-color: #CC5C63!important;
}
input[type="tel"] {
    border: 1px solid #E5E5E5;
    padding: 6px 4px;
    outline: medium none;
    border-radius: 1px;
    color: #888;
    margin: 0px 0px 20px;
    width: 100%;
    max-width: 100%;
    min-height: 21px;
    display: block;
    background: none repeat scroll 0% 0% #FDFDFD;
	box-sizing: border-box;
}
.gallery {
	font-family: "Muli", Arial, sans-serif;
}




/* Sous-menu latéral  ---------- */

.sous-menu-lateral
{
	margin-top: 15px;
	margin-left: 15px;
}
.sous-menu-lateral .menu > li
{
	list-style-type: none;
	font-weight: bold;
}
.thumbnail-lateral img
{
	width: 100%;
}
.sous-menu-lateral .menu > li > a 
{
	text-transform: uppercase;
	color: #444;
}
.sous-menu-lateral .menu > li > a:hover
{
	color: #000;		
}
.sous-menu-lateral .sub-menu > li
{
	list-style-type: none;	
	
}
.sous-menu-lateral .sub-menu > li > a 
{
	text-transform: uppercase;
	color: #000;	
}
.sous-menu-lateral .sub-menu > li > a:hover,
.sous-menu-lateral .menu > li > a:hover,
.sous-menu-lateral li.current_page_item > a
{	
	color:#2887BC;	
}

/* couleurs par chapitre  ---------- */

/*	color:#99426A; /*bordeau menu vivre à jarrie */
/*	color:#00B0ED; /*bleu actu agenda */
/*	color:#5ACCB6; /*vert service mairie*/
/*	color:#CC5C63; /* rouge chimie nature */


.mairie h1 {
	background-color:#5ACCB6!important; /*vert service mairie*/
}
.mairie .sous-menu-lateral li.current_page_item > a,
.mairie .sous-menu-lateral .menu > li > a:hover, 
.mairie .sous-menu-lateral .sub-menu > li > a:hover {
color:#5ACCB6!important; /*vert service mairie*/
}

.jarrie h1 {
	background-color:#99426A!important; /*bordeau menu vivre à jarrie */
}
.jarrie .sous-menu-lateral li.current_page_item > a,
.jarrie .sous-menu-lateral .menu > li > a:hover, 
.jarrie .sous-menu-lateral .sub-menu > li > a:hover {
color:#99426A!important; /*bordeau menu vivre à jarrie */
}
.chimie h1 {
	background-color:#CC5C63!important; /* rouge chimie nature */
}
.chimie .sous-menu-lateral li.current_page_item > a, 
.chimie .sous-menu-lateral .menu > li > a:hover,
.chimie .sous-menu-lateral .sub-menu > li > a:hover {
	color:#CC5C63!important; /* rouge chimie nature */
}
address {
	text-transform:uppercase;
	font-size:130%;
	margin-bottom:10px;
	color:#2887BC;
}
.mairie address {
	color: #64c9ac;
}
.jarrie address {
	color: #99426a;
}
.chimie address {
	color: #cc5c63;
}
.mairie h4.subtitle {
	border-bottom:1px solid #00B0ED; /*bleu actu agenda */
	color:#626E77;
	font-size:16px;
	font-weight:400;
}
h4.subtitle {
	border-bottom:1px solid #00B0ED; /*bleu actu agenda */
	color:#626E77;
	font-size:16px;
	font-weight:400;
}

.mairie .wpb_accordion .wpb_accordion_wrapper .ui-state-active a, 
.mairie .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a:hover {
	color:#5ACCB6; /*vert service mairie*/
}
.mairie .wpb_accordion .wpb_accordion_wrapper .ui-state-active {
	border-top-color:#5ACCB6; /*vert service mairie*/
}


/* Pages blog (actus infos)----------*/


.blog-single-post h1 {
	display:none;
}
.blog-single-post h1.titre-page {
	display:block;
	font-size:150%;
	font-weight:400;
	line-height:38px;
}
.blog-post a:hover, .blog-line a:hover {
	color:#C41384;/*rose*/
	color:#2887BC; /*bleu fonce 2 */
}

.blog-date-sec,
.blog-actus .col-md-2, 
.blog-actus .postmetadata,
.single-actu .postmetadata,
.single-actu .post-tags,
.single-actu .about-author-sec,
.single-actu .comments-wrap
 {
	display:none;
}
.blog-post h4, .blog-post h1, .blog-post h3, .blog-line h4,
.blog-single-post h1 {
	font-family:"Muli", Arial, Helevetica, Sans-Serif;
	letter-spacing:0;
}
.blog-actus hr
{
	border-top: 3px solid #E9E9E9;
 }

.single .comments-wrap {
display:none;
}


/* Pages our team  ------------------- */
  
.our-team img
{
	object-fit: cover;
	width: 100%;
  	height: 205px !important;
}

.our-team h4,
.our-team h4 a,
.our-team h4 strong {
	font-weight:normal;
	color:#5ACCB6; /*vert service mairie*/
	font-size:17px;
	text-shadow: none;
	margin-top: 0;
}
.our-team h4 small {
	line-height:0.2em;
	color: #444;
}
figcaption p {
display:none;
}

/* Pages reportages ----------------------*/



/* #Media Queries
	================================================== */
	
	
/* Smaller than screen 1200  */	
@media only screen and (max-width: 1199px)
{ 


	#nav {
		margin-left:67px;
		z-index:2000;
	}
	.nav-wrap2 {
		background-color:#3D4D5B; /*gris foncé header */
		background-image:none;
		border-top: none !important;
		border-bottom: none !important;
	}

	.home .nav-wrap2 #nav > li#menu-item-640 > .sub-menu
	{
		display:none;
	}
	.nav-wrap2 #nav > li > a 
	{
		border:none;
		font-size:20px;
		line-height:21px;
		text-align:center;
		font-weight:600;
		text-transform:uppercase;
	}
	.nav-wrap2 #nav > li:first-child > a {
	border-left:none;
	}
	#nav a:before {
	display: block;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	content: attr(data-description);
	text-align:center;
	}
	#nav a:after {
	content: "";
	display: none;
	}
	#nav #menu-item-640 .sub-menu {
		background-color:#00B0ED; /*bleu*/
	}
	#nav #menu-item-28 .sub-menu {
		background-color:#5ACCB6; /*vert service mairie*/
	}
	#nav #menu-item-29 .sub-menu {
		background-color:#99426A; /*bordeau menu vivre à jarrie */
	}
	#nav #menu-item-30 .sub-menu {
		background-color:#CC5C63; /* rouge chimie nature */
	}
	#nav #menu-item-31 .sub-menu {
		background-color:#B6BC9F; /*beige en un clic */
	}
	.nav-wrap2 #nav > li#menu-item-640 > a {
		background-color:#00B0ED;/*bleu actu agenda */
		
	}
	.nav-wrap2 #nav > li#menu-item-28 > a {
		background-color:#5ACCB6; /*vert service mairie*/
		
	}
	.nav-wrap2 #nav > li#menu-item-29 > a {
		background-color:#99426A;/*bordeau menu vivre à jarrie*/
		
	}
	.nav-wrap2 #nav > li#menu-item-30 > a {
		background:#CC5C63 url(images/bg-menu-chimie.png) top left no-repeat; /* rouge chimie nature */	
	}

	#nav .sub-menu,
	#nav > li:last-child ul,
	.nav-wrap2 #nav > li > a {
		border:none;
	}	
	#nav .sub-menu,
	#nav > li:last-child ul 
	{
		left:auto;
		padding:5px 15px;
		border:none;
	}
	#nav > li:last-child ul li 
	{
		padding-left:0;
	}
	#nav li.submenux:after  {
		content: "";
	}

	#nav .sub-menu .sub-menu 
	{
		display:none!important;
	}
	#nav .sub-menu li 
	{
		list-style: outside none none;
		float: left;
		display: block;
		height: 100%;
		vertical-align: middle;
		border:none;
	}
	#nav > li.current:after  
	{
		background:none!important;
	}
	#nav li.submenux:after  
	{
		content: "";
	}
	
	

	#header .home #header .alignright
	{
     	background-color: #00b0ed;
     	background-image: none !important;
    }
    #header .logo 
    {
    	width: 313px;
	    height: 77px;
    	position: absolute;
    	top: 0px;
    	left:-1px;
    	z-index: 1000;
    	background:#00B0ED url(images/bg-logo.png) left top no-repeat ;
	}
	#header .logo img
    {
    	display: none;
    }

    .slider_accueil_biseau_container
	{
		position: absolute;
		top: 0;
		left: 70%;
		width: 30%;
		height: 431px;
		z-index: 9990;
		padding: 0;
		margin: 0;
		border: 0;
	}
	.slider_accueil_infos 
	{
		padding-left: 	20px;
		padding-right: 	40px;
		padding-top: 	20px;
		padding-bottom: 20px;
	}
	.slider_accueil_titre {
    	margin-top: 20px;
    	font-size: 32px;
    }
    .slider_accueil_sous_titre {
    	margin-top: 10px;
    	font-size: 16px;
    }
    .slider_accueil_excerpt {
    	margin-top: 10px;
    	font-size: 14px;
    }
	.home .AGENDA_UN_CLIC_ACCUEIL
	{	
		background-image:none;
	}
	.home .agenda-content .un-clic-content .wpb_wrapper {
		height: 760px;
	}
	.home .accueil_menu_minisites,
	.home .accueil_menu_liens_rapides {
		margin-left:30px;
	}
	.home .accueil_menu_liens_rapides {
		width:88%;
	}
	.home .accueil_menu_minisites li {
		margin-left:0;
		background-color:#8C9177;	/*beige foncé */
		margin-right:7px;
	}
	
	#menu-item-16378
	{
		display: none;
	}



		.grille_custom_cropper {
    height: 96px;
	}
	.grille_custom {
		padding-left: 10px;
		padding-right: 10px;
	}
	.grille_custom h4 {
		margin-right:-10px;
		margin-left:-10px;
	}	


	.dernier_reportage {
    	padding-left: 30px;
    	padding-right: 0;

	}
	.home .agenda-content .un-clic-content .wpb_wrapper {
   	 height: 730px;
	}
	
	.home .agenda-content .un-clic-content .wpb_wrapper 
	{
		background: #b6bc9f !important;
	}
	.home #wrap.colorskin- {
		background:transparent url(images/bg-bleu-horizontal.png) top center no-repeat;
	}

	.slider_accueil_biseau
	{
		background-image:none;
		background-color:#fff;
	}
	.slider_accueil .owl-controls
	{
		right:-27px;
	}
	.home #header .alignright {
		background:#00B0ED url(images/bg-header2.png) -71px top no-repeat ;
		
	}
	#header .alignright {
		background:#00B0ED url(images/bg-header2.png) left top no-repeat ;	
	}
	#main-content {
	background-position:2px top;
	}
	.logo a {
		height:77px;
	}
	.slider_accueil_image
	{
		width: 60.2%;
	}
	.slider_accueil_biseau_container
	{
		position: absolute;
		left: 60.2%;
		width:39.8%;
	}
	.slider_accueil_infos 
	{
		padding-left: 	40px;
		padding-right: 	40px;
		padding-top: 	20px;
		padding-bottom: 20px;
	}	
	.owl-carousel .owl-item img {
		min-width:100%;
		width:auto;
		max-width:inherit!important;
	}	

}


/* Standard 960 to screen 1200  */	
@media only screen and (min-width: 960px) and (max-width: 1199px) 
{ 

	#header .alignright 
	{
	background:#00B0ED url(images/bg-header.png) 210px top no-repeat ;
	height:77px;
	padding: 0 0;
	}

	
	.nav-wrap2 #nav > li > a {
		font-size:20px;
		height:57px;
		padding:20px 0 0;
		width:208px;
	}
	
	#nav {
	margin-left:70px;
	}
	
	#nav a:before {
		font-size:16px;
	}
	.nav-wrap2 #nav > li#menu-item-30 > a 
	{
	background-image: none;
	}


	#nav .sub-menu li a {
		color:#fff;
		font-size:12px;
		text-transform:uppercase;
		display:block;
		min-width:100px;
		background-color:transparent; /*enlever la couleur blanche*/
		line-height:18px;
		padding:5px 0;
	}

	#nav .sub-menu li:hover > a,
	#nav .sub-menu li a:hover, 
	#nav li.current .sub-menu li a:hover, 
	.nav-wrap2 #nav .sub-menu li a:hover, 
	.nav-wrap2.darknavi #nav .sub-menu li a:hover, 
	#nav .sub-menu li.current > a, 
	#nav .sub-menu li:hover > a {
		background-color:transparent; /*enlever la couleur blanche*/
		color:#3D4D5B; /*gris foncé header */
		font-size:12px;
		text-transform:uppercase;
		display:block;
		line-height:18px;
		padding:5px 0;
		min-width:100px;
	}

	#nav .sub-menu,
	#nav > li:last-child ul 
	 {
		left:auto;
		width:178px;
		padding:5px 15px;
	}


	.home #nav {
	margin-left:-7px;
	}




}
	
	
	
	
	/* Smaller than standard 960 (devices and browsers)  */	
@media only screen and (max-width: 959px) 
{ 

	.nav-wrap2 #nav > li#menu-item-30 > a
	{
	background-image:none;
	}



}
	
	
	
	
/* Tablet Portrait size to standard 960 (devices and browsers)  */	
@media only screen and (min-width: 768px) and (max-width: 959px) 
	
{

	/* NAV mayen format -----------------*/
	#nav {
	margin-left:77px;
	}

	.nav-wrap2 #nav > li:first-child > a {
		border-left:none!important;
	}
	.nav-wrap2 #nav > li:first-child {
		margin-left:0;
	}


	.nav-wrap2 {
		border-top: none !important;
		border-bottom: none !important;
	}
	.nav-wrap2 #nav > li > a {
		text-align:center;
		font-weight:600;
		text-transform:uppercase;
	}
	#nav a::before 
	{
	font-size:14px;
	}

	#nav #menu-item-640 a {
		background-color:#00B0ED;
	}
	#nav #menu-item-28 a {
		background-color:#5ACCB6; /*vert service mairie*/
		}
	#nav #menu-item-29 a {
		background-color:#99426A; /*bordeau menu vivre à jarrie */
		}
	#nav #menu-item-30 a {
		background-color:#CC5C63; /* rouge chimie nature */
		}

	#nav #menu-item-641 a {
		background-color:#B6BC9F; /*beige en un clic */
	}

	#nav #menu-item-640 .sub-menu {
		background-color:#00B0ED;
	}

	#nav #menu-item-28 .sub-menu {
		background-color:#5ACCB6; /*vert service mairie*/
	}
	#nav #menu-item-29 .sub-menu {
		background-color:#99426A; /*bordeau menu vivre à jarrie */
	}
	#nav #menu-item-30 .sub-menu {
		background-color:#CC5C63; /* rouge chimie nature */
	}
	#nav #menu-item-641 .sub-menu {
		background-color:#B6BC9F; /*beige en un clic */
	}
	#nav .sub-menu li a {
		color:#fff;
		font-size:12px;
		text-transform:uppercase;
		display:block;
		min-width:100px;
		background-color:transparent; /*enlever la couleur blanche*/
		line-height:18px;
		padding:5px 0;
	}
	#nav .sub-menu li:hover > a,
	#nav .sub-menu li a:hover, 
	#nav li.current .sub-menu li a:hover, 
	.nav-wrap2 #nav .sub-menu li a:hover, 
	.nav-wrap2.darknavi #nav .sub-menu li a:hover, 
	#nav .sub-menu li.current > a, 
	#nav .sub-menu li:hover > a {
		background-color:transparent; /*enlever la couleur blanche*/
		color:#3D4D5B; /*gris foncé header */
		font-size:12px;
		text-transform:uppercase;
		display:block;
		line-height:18px;
		padding:5px 0;
	}
	.nav-wrap2 #nav > li > a {
		font-size:16px;
		height:57px;
		padding:20px 0 0;
		width:157.4px;
	}
	.nav-wrap2 #nav > li > a:hover,
	.nav-wrap2 #nav > li:hover > a 
	{
	color:#fff;
	}
	#nav .sub-menu,
	#nav > li:last-child ul 
	 {
		width:127px;
	}
	
	/* NAV  -----------------*/
	
		
	.grille_custom_infos_container
	{
	min-height:115px;
	}
	
	.grille_custom_cropper {
    height: 75px;
	}
	#header .alignright {
    background-position: -86px top;
	}
	.slider_accueil_image
	{
		width: 60.9%;
	}	
	.slider_accueil_biseau_container {
    position: absolute;
    left: 60.9%;
    width: 39.1%;
	}		
	.grille_custom_cropper {
    height: 96px;
	}
	.grille_custom {
		padding-left: 10px;
		padding-right: 10px;
	}
	.grille_custom h4 {
		margin-right:-10px;
		margin-left:-10px;
	}	
	
	.dernier_reportage {
    	padding-left: 30px;
    	padding-right: 0;
	}
	.slider_accueil_biseau
	{
		background-image:none;
		background-color:#fff;
	}
	.slider_accueil .owl-controls
	{
		right:-27px;
	}
	
	#header .alignright 
	{
	background-position:-78px top;
	}
	
	#main-content {
	background-position:2px top;
	}	
	.logo a {
		height:77px;
	}
	.slider_accueil_image
	{
		width: 60.9%;
	}
	.slider_accueil_biseau_container
	{
		position: absolute;
		left: 60.9%;
		width:39.1%;
	}
	.slider_accueil_infos 
	{
		padding-left: 	40px;
		padding-right: 	40px;
		padding-top: 	20px;
		padding-bottom: 20px;
	}	
	.owl-carousel .owl-item img {
		min-width:100%;
		width:auto;
		max-width:inherit!important;
	}
	
	
	.home #nav {
	margin-left:-41px;
	}
	
	
	.home #header .alignright {
		background:#00B0ED url(images/bg-header2.png) -86px top no-repeat ;
		
	}
	.home .agenda-content .un-clic-content .wpb_wrapper {
   	 height: 730px;
	}
	.home .agenda-content .un-clic-content .wpb_wrapper 
	{
		background: #b6bc9f !important;
	}
	.home #wrap.colorskin- {
		background:transparent url(images/bg-bleu-horizontal.png) top center no-repeat;
	}
	.home .agenda-content .un-clic-content .wpb_wrapper {
   	 height: 800px;
	}
	.home .agenda-content .un-clic-content .wpb_wrapper {
	height:720px;
	}	
	.home .accueil_menu_minisites,
	.home .accueil_menu_liens_rapides {
		margin-left:70px;
	}
	.home .accueil_menu_liens_rapides {
		width:55%;
	}
	.home .agenda-content .un-clic-content .wpb_wrapper {
		height: 760px;
	}	
	.home .accueil_menu_minisites,
	.home .accueil_menu_liens_rapides {
		margin-left:30px;
	}
	.home .accueil_menu_liens_rapides {
		width:88%;
	}
	.home .accueil_menu_minisites li {
		margin-left:0;
		background-color:#8C9177;	/*beige foncé */
		margin-right:7px;
	}
	
	
}




/* All Mobile Sizes (devices and browser)   */	
@media only screen and (max-width: 767px) 
	
	
{ 

	/* NAV petits formats -----------------*/
	.actus_accueil a h4
	{
		min-height: inherit;
	}
	.home #main-content .AGENDA_UN_CLIC_ACCUEIL h4 
	{ 
		margin: 0;
	}
	#nav-wrap.nav-wrap2 
	{
	background-color:transparent;
	}
	
	#nav a:before {
		 display: block;
		 font-size: 12px;
		 font-weight: 400;
		text-transform: uppercase;
		content: attr(data-description);
		text-align:left;
		}
	#nav a:after {
		content: "";
		display: none;
		}
	#nav ul li a:hover, #nav li.current ul li a:hover, .nav-wrap2 #nav ul li a:hover, .nav-wrap2.darknavi #nav ul li a:hover, #nav ul li.current > a, #nav ul li:hover > a 
	{
		color: #000 !important;
	}
	#nav ul li a, #nav ul li:hover > a
	{
		line-height: 1.2em !important;
	}
	.nav-wrap2 #nav > li > a, .nav-wrap2 #nav > li:first-child > a 
	{
		color: #444 !important;
	}
	#nav .sub-menu,
	#nav #menu-item-640 .sub-menu,
	#nav #menu-item-28 .sub-menu,
	#nav #menu-item-29 .sub-menu,
	#nav #menu-item-30 .sub-menu
	{
	background-color:transparent;
	}
	.nav-wrap2 #nav
	{
	margin-left:0;
	}
	.nav-wrap2 #nav > li > a 
	{
	border:none;
	font-size:14px;
	line-height:1.2;
	border:none;
	text-transform:none;
	text-align:left;
	height:20px;
	}
	#nav a::before
	{
	text-align:left;
	}
	
	/* FIN NAV  -----------------*/
	
	
	.logo a:after {
	left:-105px;
	top:40px;
	content: url("images/logo-jarrie-couleur-2.png");
	}
		
	#header .logo
	{
	left: 67px;
		
	}
	#header 
	{
	background-color:#00B0ED;
	}
	#header .logo-wrap
	{
	background-color:#3D4D5B;
	}
	.search_header
	{
		display: none;
	}
	.slider_accueil_biseau
	{
		background-color: #FFF;
	}
	.slider_accueil_biseau_container
	{
		position: absolute;
		top: 0;
		left: 40%;
		width: 60%;
		height: 200px;
		z-index: 9990;
		padding: 0;
		margin: 0;
		border: 0;
	}
	.slider_accueil_infos 
	{
		padding-left: 	5px;
		padding-right: 	30px;
		padding-top: 	5px;
		padding-bottom: 5px;
	}
	.slider_accueil_titre {
    	margin-top: 20px;
    	font-size: 20px;
    }
    .slider_accueil_sous_titre {
    	margin-top: 10px;
    	font-size: 13px;
    }
    .slider_accueil_excerpt {
    	display: none;
    }

    .slider_accueil
	{
		height: 200px !important;
	}
	.slider_accueil_image
	{
		height: 200px;
	}
	.slider_accueil_image img
	{
		height: 200px;
	}
	.slider_accueil_biseau_container
	{
		height: 200px;
	}
	.slider_accueil_biseau
	{
		height: 200px;
	}
	.slider_accueil .owl-controls
	{
		width: 22px;
		/*height: 200px;*/
	}
	.slider_accueil .owl-dots {
		margin:0;
	}
	.slider_accueil .owl-dot 
	{
	    border-radius: 10px;
	    height: 11px;
	    margin: 6px;
	    width: 11px;
	}

	.menu_principal_accueil
	{
		margin-top: 10px;
	}
	.menu_principal_accueil #nav a
	{
		color: #444 ;
	}
	.menu_principal_accueil #nav
	{
		padding-left: 0px; margin-left: 0px;
	}
	.menu_principal_accueil #menu-icon
	{
		/*width: 308px;*/
	}
	.grille_custom_img
	{
		width: 100%;
	}
	.home .agenda-content .un-clic-content .wpb_wrapper 
	{
		background: #b6bc9f;
		height: auto;
		padding-bottom:20px;
		height: 740px;
	}

	.home .accueil_menu_minisites,
	.home .accueil_menu_liens_rapides {
		margin-left:60px;
	}
	.home .accueil_menu_liens_rapides {
		width:66%;
	}

}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers)  */	
@media only screen and (min-width: 480px) and (max-width: 767px) 
{ 
	#menu-icon
	{
		width:310px;
	}
	
	.slider_accueil_biseau 
	{
    	background-color: rgba(255, 255, 255, 0.8);
    }

}
	
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)  */	
@media only screen and (max-width: 479px) 
{ 
	
	.nav-wrap2 #nav
	{
	margin-left:0;
	}
	.nav-wrap2 #nav > li > a 
	{
	border:none;
	font-size:14px;
	line-height:1.2;
	border:none;
	text-transform:none;
	text-align:left;
	height:20px;
	}
	#nav a::before
	{
	text-align:left;
	}
	#nav ul li a, #nav ul li:hover > a {
    line-height: 1.2em !important;
	}

	#nav .sub-menu,
	#nav #menu-item-640 .sub-menu,
	#nav #menu-item-28 .sub-menu,
	#nav #menu-item-29 .sub-menu,
	#nav #menu-item-30 .sub-menu
	{
	background-color:transparent;
	}
	
	#nav .sub-menu li
	{
		border-bottom:1px solid #E5E5E5;
	}
	
	
	
	
	
	.home .accueil_menu_minisites,
	.home .accueil_menu_liens_rapides {
		margin-left:50px;
	}
	.home .agenda-content .un-clic-content .wpb_wrapper 
	{
		height: auto;
		min-height:430px;
	}
	.breadcrumbs-w
	{
		display: none;
	}

	.logo a:after {
	display:none;
	}
		
	#header .logo
	{
	left:0px;
		
	}
	.slider_accueil_biseau_container
	{
	left:50%;
	width:50%;
	}
	.slider_accueil_image
	{
	width:60%;
	}
	.slider_accueil_biseau
	{
	background-color:rgba(255,255,255, 0.8);
	}
	
}
	
	

	
/* Large screen 1200  */	
@media only screen and (min-width: 1200px) 
{ 

	.row-wrapper-x 
	{
		padding: 0 !important;
	}

	
	
	/* NAV grand format-----------------------*/
	.nav-wrap2 {
		background-color:#3D4D5B; /*gris foncé header */
		background-image:none;
		border-top: none !important;
		border-bottom: none !important;
	}
	.nav-wrap2 #nav {
		margin-left:-10px;
	}
	.nav-wrap2 #nav > li:first-child {
	margin-left:0px;
	}	
	
	.nav-wrap2 #nav > li:first-child > a {
	border-left:none;
	}
	
	#nav .sub-menu,
	#nav > li:last-child ul 
	{
	left:auto;
	width:128px;
	padding:5px 15px;
	border:none;
	}
	#nav > li:last-child ul li 
	{
	padding-left:0;
	}
	
	.nav-wrap2 #nav > li > a {
		font-size:20px;
		height:57px;
		padding:20px 0 0;
		width:208px;
		border:none;
		text-align:center;
		font-weight:600;
		text-transform:uppercase;
	}
	
	#nav a:before {
		display: block;
		font-size:16px;
		font-weight: 400;
		text-transform: uppercase;
		content: attr(data-description);
		text-align:center;

	}
	#nav a:after {
		content: "";
		display: none;
	}
	#nav {
		z-index:2000;
	}

	#nav > li.current:after  {
		background:none!important;
	}

	#nav #menu-item-640 .sub-menu {
		background-color:#00B0ED; /*bleu*/
	}
	#nav #menu-item-28 .sub-menu {
		background-color:#5ACCB6; /*vert service mairie*/
	}
	#nav #menu-item-29 .sub-menu {
		background-color:#99426A; /*bordeau menu vivre à jarrie */
	}
	#nav #menu-item-30 .sub-menu {
		background-color:#CC5C63; /* rouge chimie nature */
	}
	#nav #menu-item-31 .sub-menu {
		background-color:#B6BC9F; /*beige en un clic */
	}
	
	.nav-wrap2 #nav > li#menu-item-640 > a {
		background-color:#00B0ED;/*bleu actu agenda */
		
	}
	.nav-wrap2 #nav > li#menu-item-28 > a {
		background-color:#5ACCB6; /*vert service mairie*/
		
	}
	.nav-wrap2 #nav > li#menu-item-29 > a {
		background-color:#99426A;/*bordeau menu vivre à jarrie*/
		
	}
	.nav-wrap2 #nav > li#menu-item-30 > a {
		background:#CC5C63 url(images/bg-menu-chimie.png) top left no-repeat; /* rouge chimie nature */	
	}
	
	
	.nav-wrap2 #nav > li#menu-item-30 > .sub-menu {
		right:288px;
		width:166px;
	}
	#nav #menu-item-29 .sub-menu {
		width:190px;
	}
	#nav .sub-menu li {
		list-style: outside none none;
		float: left;
		display: block;
		height: 100%;
		vertical-align: middle;
		border:none;
	}
	#nav .sub-menu li a {
		color:#fff;
		font-size:12px;
		text-transform:uppercase;
		display:block;
		min-width:100px;
		background-color:transparent; /*enlever la couleur blanche*/
		line-height:18px;
		padding:5px 0;
	}

	#nav .sub-menu li:hover > a,
	#nav .sub-menu li a:hover, 
	#nav li.current .sub-menu li a:hover, 
	.nav-wrap2 #nav .sub-menu li a:hover, 
	.nav-wrap2.darknavi #nav .sub-menu li a:hover, 
	#nav .sub-menu li.current > a, 
	#nav .sub-menu li:hover > a {
		background-color:transparent; /*enlever la couleur blanche*/
		color:#3D4D5B; /*gris foncé header */
		font-size:12px;
		text-transform:uppercase;
		display:block;
		line-height:18px;
		padding:5px 0;
		min-width:100px;
	}
	#nav .sub-menu {
		left:auto;
		width:178px;
		padding:5px 15px;
	}
	
	#nav .sub-menu,
	#nav > li:last-child ul,
	.nav-wrap2 #nav > li > a {
		border:none;
	}	
	#nav li.submenux:after  {
		content: "";
	}

	#nav .sub-menu .sub-menu {
		display:none!important;
	}
	#nav > li.current:after  
	{
		background:none!important;
	}
	#nav li.submenux:after  
	{
		content: "";
	}
	.home .nav-wrap2 {
		background-color:transparent;
		background-image:none;

	}
	.home .nav-wrap2 #nav {
		float:right;
		padding-right: 219px;
		margin-left:0px;

	}
	.home  .nav-wrap2 #nav > li > a {
	width:205px;
	}
	.home .nav-wrap2 #nav > li#menu-item-30 > .sub-menu {
		width:163px;
	}
	.home #nav {
		
		background:url(images/bg-menu-1clic2.png) top right no-repeat; /*beige en un clic */
		height:73px;
	}
	.home #nav .sub-menu {
		width:175px;
	}
	.home .nav-wrap2 #nav > li#menu-item-31 > a {
		padding:20px 20px 0 0;
		background-color:transparent;
		width:200px;
	}
	.home #nav #menu-item-29 .sub-menu {
		width:187px;
	}
	.home .nav-wrap2 #nav > li#menu-item-30 > .sub-menu {
		right:219px;
	}
		.home .nav-wrap2 #nav > li#menu-item-640 > .sub-menu
	{
	display:none;
	}
	
	/* FIN NAV  -----------------*/
	
	
	.home #main-content {
		background-image:none;
		background-color:transparent;
	}

	.home .accueil_menu_minisites li {
		margin-left:14px;
	}
	.home .accueil_menu_minisites li:hover
	{
		background-color: transparent;
	}
	.home #wrap.colorskin- {
		background:transparent url(images/bg-bleu-horizontal.png) top center no-repeat;
	}

	.logo a:after {
		left:0px;
		top:85px;
	}



}

/* patch Chrome / Safari menu 1 */
@media screen and (-webkit-min-device-pixel-ratio:0) 
{ 
	.home .nav-wrap2 #nav > li > a
	{
		height:53px;
	}
}