@charset "UTF-8";

/*
Theme Name: chezery.fr
Author: CRI01
Author URI: https://www.cri01.org
Version: 1.0
License: Propriété de Pays de Gex agglo pour la mairie de Chezery
*/
/* Variables */
:root {
	
	/* Color */
	--global--color-primary: #0FC0FC;
	--global--color-secondary: #40E0D0;
	--global--color-tertiary: #008080;
	--global--color-black: #383838;

	
	--global--banner-height:25rem;
	--global--banner-barre-color:var(--global--color-primary);
	--global--banner-barre-width: 8rem;
	--global--banner-barre-height: 4px;
	--global--banner-barre-margin: 1.5rem;
	
		
	/* Font Family */
	--global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
	--global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);

	/* Font Size */
	--global--font-size-base: 1.25rem;
	--global--font-size-xs: 1rem;
	--global--font-size-sm: 1.125rem;
	--global--font-size-md: 1.25rem;
	--global--font-size-lg: 1.5rem;
	--global--font-size-xl: 2.25rem;
	--global--font-size-xxl: 4rem;
	--global--font-size-xxxl: 5rem;
	--global--font-size-page-title: var(--global--font-size-xxl);
	--global--letter-spacing: normal;

	/* Line Height */
	--global--line-height-body: 1.7;
	--global--line-height-heading: 1.3;
	--global--line-height-page-title: 1.1;

	/* Headings */
	--heading--font-family: var(--global--font-primary);
	--heading--font-size-h6: var(--global--font-size-xs);
	--heading--font-size-h5: var(--global--font-size-sm);
	--heading--font-size-h4: var(--global--font-size-lg);
	--heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
	--heading--font-size-h2: var(--global--font-size-xl);
	--heading--font-size-h1: var(--global--font-size-page-title);
	--heading--letter-spacing-h6: 0.05em;
	--heading--letter-spacing-h5: 0.05em;
	--heading--letter-spacing-h4: var(--global--letter-spacing);
	--heading--letter-spacing-h3: var(--global--letter-spacing);
	--heading--letter-spacing-h2: var(--global--letter-spacing);
	--heading--letter-spacing-h1: var(--global--letter-spacing);
	--heading--line-height-h6: var(--global--line-height-heading);
	--heading--line-height-h5: var(--global--line-height-heading);
	--heading--line-height-h4: var(--global--line-height-heading);
	--heading--line-height-h3: var(--global--line-height-heading);
	--heading--line-height-h2: var(--global--line-height-heading);
	--heading--line-height-h1: var(--global--line-height-page-title);
	--heading--font-weight: normal;
	--heading--font-weight-page-title: 300;
	--heading--font-weight-strong: 600;

	/* Block: Latest posts */
	--latest-posts--title-font-family: var(--heading--font-family);
	--latest-posts--title-font-size: var(--heading--font-size-h3);
	--latest-posts--description-font-family: var(--global--font-secondary);
	--latest-posts--description-font-size: var(--global--font-size-sm);
	--list--font-family: var(--global--font-secondary);
	--definition-term--font-family: var(--global--font-primary);

	/* Colors */
	--global--color-black: #000;
	--global--color-dark-gray: #28303d;
	--global--color-gray: #39414d;
	--global--color-light-gray: #f0f0f0;
	--global--color-green: #d1e4dd;
	--global--color-blue: #d1dfe4;
	--global--color-purple: #d1d1e4;
	--global--color-red: #e4d1d1;
	--global--color-orange: #e4dad1;
	--global--color-yellow: #eeeadd;
	--global--color-white: #fff;
	--global--color-white-50: rgba(255, 255, 255, 0.5);
	--global--color-white-90: rgba(255, 255, 255, 0.9);
	/* --global--color-primary: var(--global--color-dark-gray); */

	/* Body text color, site title, footer text color. */


	/* Headings */
	--global--color-primary-hover: var(--global--color-primary);
	--global--color-background: var(--global--color-green);

	/* Mint, default body background */
	--global--color-border: var(--global--color-primary);

	/* Used for borders (separators) */

	/* Spacing */
	--global--spacing-unit: 20px;
	--global--spacing-measure: unset;
	--global--spacing-horizontal: 25px;
	--global--spacing-vertical: 30px;

	/* Elevation */
	--global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);

	/* Forms */
	--form--font-family: var(--global--font-secondary);
	--form--font-size: var(--global--font-size-sm);
	--form--line-height: var(--global--line-height-body);
	--form--color-text: var(--global--color-dark-gray);
	--form--color-ranged: var(--global--color-secondary);
	--form--label-weight: 500;
	--form--border-color: var(--global--color-secondary);
	--form--border-width: 3px;
	--form--border-radius: 0;
	--form--spacing-unit: calc(0.5 * var(--global--spacing-unit));

	/* Cover block */
	--cover--height: calc(15 * var(--global--spacing-vertical));
	--cover--color-foreground: var(--global--color-white);
	--cover--color-background: var(--global--color-black);

	/* Buttons */
	--button--color-text: var(--global--color-background);
	--button--color-text-hover: var(--global--color-secondary);
	--button--color-text-active: var(--global--color-secondary);
	--button--color-background: var(--global--color-secondary);
	--button--color-background-active: var(--global--color-background);
	--button--font-family: var(--global--font-primary);
	--button--font-size: var(--global--font-size-base);
	--button--font-weight: 500;
	--button--line-height: 1.5;
	--button--border-width: 3px;
	--button--border-radius: 0;
	--button--padding-vertical: 15px;
	--button--padding-horizontal: calc(2 * var(--button--padding-vertical));

	/* entry */
	--entry-header--color: var(--global--color-primary);
	--entry-header--color-link: currentColor;
	--entry-header--color-hover: var(--global--color-primary-hover);
	--entry-header--color-focus: var(--global--color-secondary);
	--entry-header--font-size: var(--heading--font-size-h2);
	--entry-content--font-family: var(--global--font-secondary);
	--entry-author-bio--font-family: var(--heading--font-family);
	--entry-author-bio--font-size: var(--heading--font-size-h4);

	/* Header */
	--branding--color-text: var(--global--color-primary);
	--branding--color-link: var(--global--color-primary);
	--branding--color-link-hover: var(--global--color-secondary);
	--branding--title--font-family: var(--global--font-primary);
	--branding--title--font-size: var(--global--font-size-lg);
	--branding--title--font-size-mobile: var(--heading--font-size-h4);
	--branding--title--font-weight: normal;
	--branding--title--text-transform: uppercase;
	--branding--description--font-family: var(--global--font-secondary);
	--branding--description--font-size: var(--global--font-size-sm);
	--branding--description--font-family: var(--global--font-secondary);
	--branding--logo--max-width: 300px;
	--branding--logo--max-height: 100px;
	--branding--logo--max-width-mobile: 96px;
	--branding--logo--max-height-mobile: 96px;

	/* Main navigation */
	--primary-nav--font-family: var(--global--font-secondary);
	--primary-nav--font-family-mobile: var(--global--font-primary);
	--primary-nav--font-size: var(--global--font-size-md);
	--primary-nav--font-size-sub-menu: var(--global--font-size-xs);
	--primary-nav--font-size-mobile: var(--global--font-size-sm);
	--primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
	--primary-nav--font-size-button: var(--global--font-size-xs);
	--primary-nav--font-style: normal;
	--primary-nav--font-style-sub-menu-mobile: normal;
	--primary-nav--font-weight: normal;
	--primary-nav--font-weight-button: 500;
	--primary-nav--color-link: var(--global--color-primary);
	--primary-nav--color-link-hover: var(--global--color-primary-hover);
	--primary-nav--color-text: var(--global--color-primary);
	--primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
	--primary-nav--border-color: var(--global--color-primary);

	/* Pagination */
	--pagination--color-text: var(--global--color-primary);
	--pagination--color-link-hover: var(--global--color-primary-hover);
	--pagination--font-family: var(--global--font-secondary);
	--pagination--font-size: var(--global--font-size-lg);
	--pagination--font-weight: normal;
	--pagination--font-weight-strong: 600;

	/* Footer */
	--footer--color-text: var(--global--color-primary);
	--footer--color-link: var(--global--color-primary);
	--footer--color-link-hover: var(--global--color-primary-hover);
	--footer--font-family: var(--global--font-primary);
	--footer--font-size: var(--global--font-size-sm);

	/* Block: Pull quote */
	--pullquote--font-family: var(--global--font-primary);
	--pullquote--font-size: var(--heading--font-size-h3);
	--pullquote--font-style: normal;
	--pullquote--letter-spacing: var(--heading--letter-spacing-h4);
	--pullquote--line-height: var(--global--line-height-heading);
	--pullquote--border-width: 3px;
	--pullquote--border-color: var(--global--color-primary);
	--pullquote--color-foreground: var(--global--color-primary);
	--pullquote--color-background: var(--global--color-background);
	--quote--font-family: var(--global--font-secondary);
	--quote--font-size: var(--global--font-size-md);
	--quote--font-size-large: var(--global--font-size-xl);
	--quote--font-style: normal;
	--quote--font-weight: 700;
	--quote--font-weight-strong: bolder;
	--quote--font-style-large: normal;
	--quote--font-style-cite: normal;
	--quote--line-height: var(--global--line-height-body);
	--quote--line-height-large: 1.35;
	--separator--border-color: var(--global--color-border);
	--separator--height: 1px;

	/* Block: Table */
	--table--stripes-border-color: var(--global--color-light-gray);
	--table--stripes-background-color: var(--global--color-light-gray);
	--table--has-background-text-color: var(--global--color-dark-gray);

	/* Widgets */
	--widget--line-height-list: 1.9;
	--widget--line-height-title: 1.4;
	--widget--font-weight-title: 700;
	--widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));

	/* Admin-bar height */
	--global--admin-bar--height: 0;
}

@media only screen and (min-width: 652px) {

	:root {
		--global--font-size-xl: 2.5rem;
		--global--font-size-xxl: 6rem;
		--global--font-size-xxxl: 9rem;
		--heading--font-size-h3: 2rem;
		--heading--font-size-h2: 3rem;
	}
}

/**
 * Required Variables
 */

/**
 * Root Media Query Variables
 */
:root {
	--responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
	--responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
	--responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
	--responsive--alignfull-width: 100%;
	--responsive--alignright-margin: var(--global--spacing-horizontal);
	--responsive--alignleft-margin: var(--global--spacing-horizontal);
}

@media only screen and (min-width: 482px) {

	:root {
		--responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
		--responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
		--responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
		--responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
	}
}
@media only screen and (min-width: 822px) {

	:root {
		--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
		--responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
	}
}

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
/*html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}*/


/**
 * Top Level Wrappers (header, main, footer)
 * - Set vertical padding and horizontal margins
 */
/*.site-header,
.site-main,
.widget-area,
.site-footer {
	padding-top: var(--global--spacing-vertical);
	padding-bottom: var(--global--spacing-vertical);
	margin-left: auto;
	margin-right: auto;
} */


#content img{
	max-width:100%;
}

.less-margin{
	padding-top:1em!important;
	margin-top:0;
}
.less-margin>.box{
	padding: 0.75em 0.75em 1.75em 0.75em;
}

img.alignright {
    float: right;
}
img.alignleft {
    float: left;
}

body.header-alt {
    margin-top: 200px;
}

@media screen and (max-width: 1100px){
	
	body #nav > ul > li > a {
		font-size: 0.9rem;
	}
}
@media screen and (max-width: 1000px){
	
	body #nav > ul > li > a {
		font-size: 0.85rem;
	}
}


@media screen and (max-width: 980px){
	.no-margin-medium{
		margin-top:0px!important;
	}
	.no-padding-medium{
		padding-top:0px!important;
	}
	
			   
			 
			   
  
	body.header-alt #header{
		padding: 10px 1.5rem;
	}
	#intro div.col-6-medium section{
		border-top:none; 
		padding:0px;
	}
	#intro div.col-6-medium:nth-child(n + 3) section{
		border-top:solid 1px #dfdfdf; 
		padding:40px 0;
	}
}
@media screen and (min-width: 341px){
	table.header {
		width: inherit;
		margin: auto;
	}
}
@media screen and (max-width: 370px){
	table.header {
		width: 90%;
		margin: auto;
	}
	table.header td.titre{
		text-align: center;
	}
	td.logo{
		display:none;
	}
	
}
.no-margin{
	margin-top:0px!important;
}
.no-padding{
	padding-top:0px!important;
}

#intro a{
	text-decoration: none;
}
section.bulletin{
	text-align:center;
}
section img {
    max-width: 100%;
}
#banner > article h1{
	display:none;
}


/* ARIANNE */
nav#breadcrumb {
	/* text-align:left; */
	font-size:0.9rem;
	line-height: 1rem;
    margin-left: 1rem;
}
nav#breadcrumb ul {
	/* text-align:left; */
    margin: 0 0 0 0;
    list-style: none;
	padding-left:0px;
}
nav#breadcrumb ul li{
    display:inline;
	padding-left: 0px;
}
nav#breadcrumb ul li:not(:last-child)::after{
       position: relative;
    margin: 0 .75rem;
    opacity: 1;
    content: "/";
    color: #cacaca;
}
nav#breadcrumb ul li span,
nav#breadcrumb ul li .current{
	color:var(--global--color-primary);
}
/*
body{
  margin-top:4px!important;
}
.progress-container {
  position:fixed;
  top:0px;
  right:0px;
  width: 100%;
  height:4px;
  background: #ccc;
  z-index: 1000;
}

.progress-bar {
  height:4px;
  background: var(--global--color-primary);
  width: 0%;
}
#header.reveal{
	margin-top:4px;
}*/

article h1{
  font-size: 3.5rem;
  line-height: 3.5rem;
}
article h2{
  font-size: 2.2rem;
  line-height: 2.7rem;
									  
}
article h3{
  font-size: 2rem;
  line-height: 2rem;
}
.features {
  margin-top: 2rem;
}

.text-center {
	text-align: center;
}

form select{
	-webkit-appearance:auto!important;
	-moz-appearance:auto!important;
}

.accroche-slider {
	color:#FFF;
	font-size: 2rem;
	font-weight: bold;
}
a.accroche-slider {
    color:#FFF;
	position: relative;
    display: block;
    z-index: 999999;
}

#footer span.titre {
    color: #fff;
}
ul.contact li span.titre {
    position: absolute;
    left: 0;
    /* top: 1.3em; */
    font-size: 1.1em;
}

span.titreh3{
	font-size:1.2rem;
	font-weight:bold;
}

span.titreh2{
	font-size:1.3rem;
}
span.titrehomeh2{
	font-size: 2.3rem;
	line-height: 2.7rem;
	color:#000;
}
@media screen and (max-width: 400px){
	span.titreh2 {
		font-size: 1rem;
	}
	span.titrehomeh2{
		font-size: 1.5rem;
		line-height: 1.7rem;
	}
}
span.titreh1{
	color: var(--global--color-black);
    font-weight: 900;
    letter-spacing: -0.035em;
    font-size: 1.5rem;
    line-height: 1;
}
ul.contact li:first-child span.titre{
	top: 0em;
}

#comarquage .co-btn.co-btn-slide{
	color:#000!important;
}


.row.formulaire_recherche:nth-child(3){
	display:none;
}

#comarquage button, #comarquage.espace-part #co-page .bloc-cas-radio .choice-tree-choice-list li.choice-tree-choice.choice-active > .co-radio-head button{
	color: #0b6ba8!important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny {
	background-color: #544b4b!important;
}
#cmplz-manage-consent .cmplz-manage-consent{
	background-color: #004c9d!important;
}

.iframe-container_map {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
.iframe-container_map iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
article h1 {
	font-size: 3rem; 
	line-height: 3.5rem;
}

body.customize-support #titleBar{
	top:32px;
}
body.customize-support{
	margin-top:32px;
}
#wpadminbar {
  position: fixed!important;
  top: 0px!important;
}
.hide{
display:none;
}