/*
Theme Name: CPGA2026
Theme URI: https://www.comitedesgaleriesdart.com
Author: Maxime Bichon
Author URI: https://maximebichon.net
Description: CPGA2026
*/

/* RESET */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/* FONTS */

@font-face {
	font-family: 'stratos-light';
	src: url('f/stratosweb-light.woff2') format('woff2'),
		url('f/stratosweb-light.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
	
@font-face {
	font-family: 'stratos-semilight';
	src: url('f/stratosweb-semilight.woff2') format('woff2'),
		url('f/stratosweb-semilight.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'stratos-semilight';
	src: url('f/stratosweb-semilightitalic.woff2') format('woff2'),
		url('f/stratosweb-semilightitalic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
}

.light{
	font-family: 'stratos-light';
}

/*/////////*/
/* GENERAL */
/*/////////*/

:focus {
	outline: 0;
}

body{
	font-family: 'stratos-semilight';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-backface-visibility: hidden;
}

a{
	text-decoration: none;
	color: black;
}

p{
	margin-bottom: 1em;
}

p:last-of-type{
	margin-bottom: 0;
}

img{
	width: 100%;
	height: auto;
	vertical-align: middle;
}

.left{
	float: left;
}

.right{
	float: right;
}

.clear{
	clear: both;
}

.alignright{
	text-align: right;
}

.center{
	text-align: center;
}

.upper{
	text-transform: uppercase;
}

.lower{
	text-transform: lowercase
}

.capi{
	text-transform: capitalize;
}

.borderbox{
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}

.inline{
	display: inline;
}

.inline-block{
	display: inline-block;
}

.relative{
	position: relative;
}

.absolute{
	position: absolute;
}

.fixed{
	position: fixed;
}

.flex{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.flex-wrap{
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}

.flex-column{
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
}

.space-between{
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
}

.flex-center{
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
}

.flex-end{
	-webkit-box-align: end;
		-ms-flex-align: end;
			align-items: flex-end;
	-webkit-box-pack: end;
		-ms-flex-pack: end;
			justify-content: flex-end;
}

.cover{
	-o-object-fit: cover;
	   object-fit: cover;
}

i,
em,
.italic{
	font-style: italic;
}

.bold,
strong{
	font-weight: bold;
}

.hyphens{
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.overflow{
	overflow: auto;
}

.overflow_hidden{
	overflow: hidden;
}

.overflow_verti{
	overflow-x: hidden;
	overflow-y: scroll;
}

.scroll,
.overflow_verti{
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.scroll::-webkit-scrollbar,
.overflow_verti::-webkit-scrollbar{
	width: 0;
	height: 0;
}

.width20{
	width: 20%;
}

.width25{
	width: 25%;
}

.width33{
	width: 33.33%;
}

.width50{
	width: 50%;
}

.width66{
	width: 66.66%;
}

.width100{
	width: 100%;
}

.height50,
.item.height50{
	height: 50%;
}

.height_auto{
	height: auto!important;
}

.height100{
	height: 100%;
}

.pointer{
	cursor: pointer;
}

.marg1em{
	margin-bottom: 1em;
}

.responsive-video{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}

.responsive-video iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.scroll{
	overflow: scroll;
}

.columns_2{
	-webkit-column-count: 2;
	   -moz-column-count: 2;
			column-count: 2;
}

.columns_2 .one_item_col{
	padding-bottom: 0.25vw;
	padding-top: 0.25vw;
}

.avoid_column{
	-webkit-column-break-inside: avoid;
	   -moz-column-break-inside: avoid;
			break-inside: avoid-column;
}

/*////////*/
/* LAYOUT */
/*////////*/

/* GENERAL */

.border{
	border-bottom: 1px solid black;
}

.border_top{
	border-top: 1px solid black;
}

.border_right{
	border-right: 1px solid black;
}

.hover_black:hover{
	color: black;
}

.size16{
	font-size: 0.7vw;
	line-height: 0.8vw;
}

.size27{
	font-size: 0.93vw;
	line-height: 1.3em;
	font-size: clamp(16px, 0.93vw, 0.93vw);
	min-height: 0vw;
}

.size45{
	font-size: 1.55vw;
	font-size: clamp(21px, 1.55vw, 1.55vw);
	min-height: 0vw;
}

.size64{
	font-size: 2.20vw;
	font-size: clamp(28px, 2.20vw, 2.20vw);
	min-height: 0vw;
}

.marg10{
	margin-bottom: 0.25vw;
}

.marg20{
	margin-bottom: 0.5vw;
}

.marg27{
	margin-bottom: 0.93vw;
}

.marg84{
	margin-bottom: 2.58vw;
}

.padd_big{
	padding: 2.30vw 3.30vw;
}

.padd_small{
	padding: 1.17vw;
}

.padd_smaller{
	padding: 0.78vw;
}

.padd_small.padd_lgd{
	padding-top: 0.3vw;
	padding-left: 0.58vw;
	padding-right: 0.58vw;
}

.ellipsis{
	visibility: hidden;
}

.img-ratio{
	padding-bottom: 66%;
	width: 100%;
	position: relative;
	height: 0;
	overflow: hidden;
}

.img-ratio_wrap{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.focalimg{
	height: 100%;
	width: 100%;
	position: absolute;
	overflow: hidden;
}

#panel{
	position: fixed;
	top: 5.28vw;
	left: 0;
	bottom: 0;
	border-right: 1px solid black;
	box-sizing: border-box;
}

#wrapper{
	width: calc((100% - 2.85vw) + 1px);
}

#wrapper.small_panel #panel{
	width: calc((100vw - 2.85vw) / 4);
}

#wrapper.big_panel #panel{
	width: calc((100vw - 2.85vw) / 2);
}

#content{
	margin-top: 5.28vw;
	min-height: calc(100vh - 5.28vw);
}

#content.fixed_content{
	height: calc(100vh - 5.28vw);
}

#wrapper.small_panel #content{
	margin-left: calc((100vw - 2.85vw) / 4);
}

#wrapper.big_panel #content{
	margin-left: calc((100vw - 2.85vw) / 2);
}

#main_content{
	min-height: 100%;
	border-right: 1px solid black;
	box-sizing: border-box;
}

#main_content.width66{
	width: calc((100vw - 2.85vw) / 2);
}

#side_content.width33{
	width: calc((100vw - 2.85vw) / 4);
}

.white_bg{
	background-color: white;
}

.no_bold strong,
.no_bold .bold{
	font-weight: normal;
}

.no_bold strong{
	/* display: inline-block;
	margin-left: -1vw;
	margin-top: 1em;
	margin-bottom: 0.5em; */
}

.no_bold.couleur_links a:hover{
	color: black;
}

.cadre{
	border: 1px solid black;
}

/* FANCYBOX */

.fancybox-bg{
	background: white;
}

.fancybox-caption{
	background: transparent!important;
	color: black!important;
	font-size: 0.7vw;
	line-height: 0.8vw;
}

.fancybox-toolbar {
	right: 1vw;
	top: 1vw;
	opacity: 1;
	visibility: visible;
}

.fancybox-caption__body{
	overflow: hidden;
}

.fancybox-navigation .fancybox-button{
	visibility: visible;
	opacity: 1;
	background: transparent;
	font-size: 2.20vw;
	font-size: clamp(28px, 2.20vw, 2.20vw);
	min-height: 0vw;
}

.fancybox-navigation .fancybox-button div{
	padding: 0;
	height: auto;
}

.fancybox-navigation .fancybox-button--arrow_right{
	padding: 0;
	right: 1vw;
	width: auto;
}

.fancybox-navigation .fancybox-button--arrow_left{
	padding: 0;
	left: 1vw;
	width: auto;
}

.arrow_left_fancy{
	content: url('i/arrow_left.svg');
	width: 5vw;
}

.arrow_right_fancy{
	content: url('i/arrow_right.svg');
	width: 5vw;
}

.fancybox-button, 
.fancybox-button:link, 
.fancybox-button:visited,
.fancybox-button:hover{
	color: black;
}

/* GALERIES */

.liens_galeries{
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 6vw 1fr;
	grid-template-columns: 6vw 1fr;
}

#mobile_search_button_ajax{
	border-left: 1px solid black;
	box-sizing: border-box;
	padding: 0 10px;
	align-items: center;
	cursor: pointer;
}

#search_galeries,
#search_galeries_ajax{
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0.49vw 0.78vw;
	font-size: 2.20vw;
	font-size: clamp(28px, 2.20vw, 2.20vw);
	min-height: 0vw;
	background: initial;
	font-family: 'stratos-light';
}

#search_galeries_ajax::-webkit-input-placeholder,
#search_galeries::-webkit-input-placeholder{
	color: black;
}

#search_galeries_ajax::-moz-placeholder,
#search_galeries::-moz-placeholder{
	color: black;
	opacity: 1;
}

#search_galeries_ajax:-ms-input-placeholder,
#search_galeries:-ms-input-placeholder{
	color: black;
}

#search_galeries_ajax::-ms-input-placeholder,
#search_galeries::-ms-input-placeholder{
	color: black;
}

#search_galeries_ajax::placeholder,
#search_galeries::placeholder{
	color: black;
}

body.search-results.post-type-archive-galeries .surtitres{
	display: none;
}

/* FILTRES */

#list_view{
	border-right: 1px solid black!important;
}

#liste_svg{
	width: 1.5vw;
	height: 1.5vw;
}

.filters_terms{
	display: none;
}

.filters.open .filters_terms{
	display: block;
}

.filters.open{
	background-color: white;
}

.current_filter a{
	padding-right: 0.5vw;
}

.panel_galeries .item-parcours{
	border-right: none;
}

.panel_galeries .item-parcours:hover{
	background-color: white;
}

#noresult_parcours{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-color: white;
}

.logo_parcours{
	height: 5vw;
	width: 5vw;
}

#texte_parcours{
	z-index: 20;
	background: white;
	position: relative;
}

.item-parcours_elements{
	height: auto!important;
	min-height: 13.88vw;
}

#noresult_parcours {
	display: none;
}

.item-parcours_elements {
	transition: opacity 0.3s ease;
}

.item-infos_completes_ajax{
	display: none;
}

/* CALENDRIER */

.datepicker,
.datepicker-view{
	width: 100%;
}

.datepicker-header .datepicker-controls .button{
	background: transparent;
}

.datepicker-picker {
	background-color: transparent;
	border-radius: 0;
}

.datepicker-cell.decade.prev
.datepicker-cell.decade.next,
.datepicker-cell.day.prev,
.datepicker-cell.day.next{
	pointer-events: none;
	opacity: 0;
}

.datepicker-cell.day.next{
	display: none;
}

.datepicker-header .datepicker-controls .button,
.datepicker .dow,
.datepicker-cell.selected, .datepicker-cell.selected:hover{
	font-weight: normal;
	font-size: inherit;
	font-family: inherit;
}

.datepicker-controls .button,
.datepicker span{
	border-radius: 0;
}

.datepicker span{
	height: auto;
	box-sizing: border-box;
	padding: 0.6vw 0.4vw;
}

.datepicker-header,
.days-of-week{
	margin-bottom: 1vw;
}

.datepicker-cell:not(.disabled):hover,
.datepicker-cell.focused:not(.selected){
	background: white;
	color: var(--main-color);
}

.datepicker-controls .button{
	border: none;
}

.datepicker-controls .button{
	color: black;
}

.button.view-switch{
	pointer-events: none;
	text-transform: capitalize;
}

.datepicker-cell.selected,
.datepicker-cell.selected:hover{
	background-color: white;
	color: var(--main-color);
}

.datepicker-header .datepicker-controls .button:hover,
.datepicker-header .datepicker-controls .button:active{
	background: transparent;
	color: var(--main-color);
}

.datepicker .dow{
	text-transform: uppercase;
}

.datepicker-grid{
	margin-bottom: 0.5vw;
}

/* MENU */

#menu{
	border-bottom: 1px solid black;
	padding: 0.70vw;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: white;
	z-index: 100;
	height: 5.32vw;
}

#logo{
	width: 8.83vw;
	padding-right: 0.70vw;
}

#menu li{
	display: inline;
}

#top_menu-left li,
#bottom_menu li{
	margin-right: 1.1vw;
}

#top_menu-right li{
	margin-left: 3vw;
}

#mainmenu{
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
    height: 3.85vw;
}

#mainmenu a{
	display: inline-block;
}

#top_menu{
	margin-top: -0.2vw;
	padding-bottom: 0.15vw;
	padding-right: 2.85vw;
	height: 1.55vw;
}

#bottom_menu{
	margin-bottom: -0.15vw;
	box-sizing: border-box;
	padding-right: 2.85vw;
}

#side_menu{
	position: fixed;
	top: 0;
	right: -100vh;
	bottom: 0;
	-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
			transform: rotate(-90deg);
	width: 100vh;
	margin-right: 2.85vw;
	border-top: 1px solid black;
	z-index: 110;
}

#side_menu_wrap{
	height: 2.85vw;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	padding-right: 0.7vw;
	padding-left: 0.7vw;
	margin-top: -0.125vw;
}

#qtranslate-chooser li{
	display: inline;
}

#qtranslate-chooser li:first-of-type:after{
	content: '/'
}

#qtranslate-chooser .lang-en{
	margin-left: -0.2vw;
}

#lock_svg{
	width: 1.15vw;
	margin-top: -.3vw;
	margin-right: 0.5vw;
}

#loupe_svg{
	width: 1.3vw;
	margin-top: -0.35vw;
}

.dot{
	visibility: hidden;
}

.active .dot{
	visibility: visible;
}

#menu li#search_box{
	display: none;
	height: 1vw;
}

#search_box form,
#search_box input{
	height: 1vw;
}

#search_box input{
	font-family: 'stratos-semilight';
	font-size: 0.7vw;
	border: none;
	outline: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid black;
	-webkit-appearance: none;
	border-radius: 0;
	position: relative;
	top: -.3vw;
}

body.home #bottom_menu a.active{
	color: black
}

/* GRIDS */

.flex_1{
	-webkit-box-flex: 1;
		-ms-flex: 1;
			flex: 1;
}

.footer{
	height: 2.7vw;
}

.item{
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	height: 13.88vw;
}

.contenus_lies .item{
	border-right: none;
}

.item-wrap_img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	display: none;
}

.item-wrap_img img{
	color: white!important;
}

.item:hover .item-wrap_img{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.item-txt{
	position: relative;
	z-index: 2;
}

.fifty_grid .item{
	height: auto;
}

.full_grid .item{
	border-right: none;
	width: 100%;
}

.hover_item:hover{
	background: white;
}

.hover_txt-item{
	display: none;
}

.item:hover .hover_title-item{
	display: none;
}

.item:hover .hover_txt-item{
	display: block;
}

.couleur_links a:hover{
	color: black;
}

.couleur_links_hover .footer a:hover{
	color: black!important;
}

#panel.sgl_panel .item,
#panel .item.width50:nth-child(even),
body.home .fifty_grid .item{
	border-right: none;
}

.noborder_bottom{
	border-bottom: none;
}

.noborder_right{
	border-right: none;
}

.focus_txt{
	left: 0;
	right: 0;
	bottom: 0;
	border-top: 1px solid black;
	padding-left: 5vw;
	padding-right: 5vw;
}

.hover_opacity:hover{
	opacity: .3;
}

.logos_items{
	max-height: 8vw;
	width: auto;
	max-width: 100%;
}

/* DUO */

.svg_duotone{
	display: none;
}

.duo_galeries{
	-webkit-filter: url('#duotone_galeries');
	filter: url('i/duotone_galeries.svg#duotone_galeries');
}

.item-parcours:hover .duo_logo_parcours{
	-webkit-filter: url('#duotone_galeries');
	filter: url('i/duotone_galeries.svg#duotone_galeries');
}

.duo_actus{
	-webkit-filter: url('#duotone_actus');
	filter: url('i/duotone_actus.svg#duotone_actus');
}

/* FOCUSES */

.slider_focus{
	visibility: hidden;
}

.slider_focus.slick-initialized{
	visibility: visible;
}

.slider_focus .slick-list,
.slider_focus .slick-track{
	height: 100%;
	width: 100%;
}

.legendes_vignettes,
.legendes_vignettes_nodiapo{
	position: absolute;
	text-align: right;
	right: 1vw;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	top: -1.5vw;
	color: white;
	text-shadow: 0 0 10px grey;
}

.legendes_vignettes_nodiapo{
	top: auto;
	bottom: 1vw;	
}

.arrow_left,
.arrow_right{
	cursor: pointer;
	width: 3vw;
	position: absolute;
	bottom: 5vw;
	z-index: 1;
}

.arrow_left{
	left: 1vw;
}

.arrow_right{
	right: 1vw;
}

/* SHARE + SOCIAL */

.share,
.social{
	-webkit-box-pack: end;
		-ms-flex-pack: end;
			justify-content: flex-end;
}

.share .one_share{
	width: 1.75vw;
	height: 1.75vw;
	margin-left: 1.5vw;
}

.social .one_social{
	width: 1.2vw;
	height: 1.2vw;
	margin-left: 1.2vw;
}

.social .one_social:first-of-type{
	margin-left: 0;
}

.one_share svg,
.one_social svg{
	width: auto;
	height: 100%;
}

/* GOOGLE MAPS */

.map_galeries{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.map_galeries img{
   max-width: inherit !important;
}

.gm-style-iw{
	-webkit-box-shadow: none!important;
			box-shadow: none!important;
	border: 1px solid black!important;
	border-radius: 0!important;
	max-width: calc((100vw - 21.8vw) / 4)!important;
	padding: 4px 16px 16px 16px!important;
}

.gm-style-iw-chr button{
	margin-right: -15px!important;
	margin-top: -5px!important;
}

.gm-style .gm-style-iw-t::after{
	-webkit-box-shadow: none!important;
			box-shadow: none!important;
	border-left: 1px solid black!important;
	border-bottom: 1px solid black!important;
	background-color: white;
}

.marker{
	display: none;
}

/* EMBED */

.embed_cpga{ 
	overflow:hidden; 
	padding-bottom:56.25%; 
	position:relative; 
	height:0;
	margin: 1em auto;
}

.embed_cpga iframe{
	left:0; 
	top:0; 
	height:100%;
	width:100%;
	position:absolute;
}

/* FAQ */

.reponse{
	display: none;
}

/* FORMS */

.reset_filters{
	margin-top: 0.7vw;
	width: auto!important;
	display: inline-block;
}

input[type=text],
input[type="email"],
input[type="submit"],
input[type="password"],
textarea,
.reset_filters,
.cpga_button{
	width: 100%;
	border: 1px solid black;
	-webkit-appearance: none;
	border-radius: 0;
	color: black;
	padding: 0.3vw 0.7vw;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-box-shadow: none;
			box-shadow: none;
	font-size: 0.93vw;
	line-height: 1.3em;
	font-size: clamp(16px, 0.93vw, 0.93vw);
	min-height: 0vw;
	background: white;
}

.cpga_button{
	width: 11vw;
}

input[type="submit"]{
	width: auto;
	cursor: pointer;
	font-family: 'stratos-semilight';
}

input[type="radio"]{
	border: 1px solid black;
	-webkit-appearance: none;
	height: 14px;
	width: 14px;
	border-radius: 100%;
	position: relative;
	cursor: pointer;
	top: 0.1vw;
}

input[type="radio"]:checked{
	background-color: black;
}

.wpcf7-not-valid-tip{
	color: black!important;
	font-size: 0.7vw;
	line-height: 0.8vw;
	padding: 0.5vw;
}

.wpcf7-response-output{
	border: none!important;
	text-align: center;
	font-size: 0.93vw;
	line-height: 1.3em;
	font-size: clamp(16px, 0.93vw, 0.93vw);
	min-height: 0vw;
}

.vous_etes .wpcf7-radio{
	-webkit-column-count: 2;
	   -moz-column-count: 2;
			column-count: 2;
	display: block;
}

.vous_etes .wpcf7-radio .wpcf7-list-item{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
}

.vous_etes .wpcf7-list-item-label{
	margin-left: 0.3vw;
}

.vous_etes .wpcf7-radio span.first.wpcf7-list-item + span{
	margin-bottom: 1em;
}

.vous_etes_autre{
	margin-top: 0.5em;
	display: block;
	width: 48.5%;
	float: right;
	margin-bottom: 1em;
}

[data-class="wpcf7cf_group"],
.wpcf7cf_remove, 
.wpcf7cf_add{
	height: auto!important;
	max-height: 0!important;
}

div[data-id="si_vous_etes_autre"] input{
  margin-bottom: 2.8em;
  display: block;
  margin-top: 1em;
}

/* LOGIN CPGA */

#wrapper.cpga_login{
	height: calc(100vh - 5.28vw);
	margin-top: 5.28vw;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.cpga_login_wrap{
	height: 100%;
	width: 50vw;
}

.cpga_login_wrap input{
	background-color: transparent;
	border: none;
	border-bottom: 1px solid black;
}

.cpga_login_wrap input[type=text],
.cpga_login_wrap input[type="email"],
.cpga_login_wrap  input[type="password"]{
	padding: 0.3vw 0;
}

.cpga_login_wrap input[type="submit"]{
	border: 1px solid black;
}

.cpga_login_wrap input[type="submit"]:hover{
	color: black;
}

.cpga_login_wrap p.login-submit{
	text-align: right;
}

.cpga_login_wrap .login-remember{
	display: none;
}

/* MISC */

.grecaptcha-badge{
	display: none!important;
}

/*////////////*/
/* RESPONSIVE */
/*////////////*/

.cross{
	width: 30px;
	height: 30px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	z-index: 100;
}

.cross::before, 
.cross::after {
	content: '';
	position: absolute;
	height: 1px;
	width: 100%;
	top: 50%;
	right: 0;
	margin-top: -1px;
	background: black;
}

.cross::before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.cross::after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.cross.bigcross{
	width: 4vw;
	height: 4vw;
}

.mobile,
.mobile_flex{
	display: none
}

@media screen and (max-width: 1480px) {
	
	.footer .size27{
		font-size: 14px;
	}
	
}

@media screen and (max-width: 1260px) {
	
	.footer .size27{
		font-size: 12px;
	}
	
}

@media screen and (max-width: 1170px) {
	
	/* GENERAL */
	
	html.no_overflow{
		overflow: hidden;
	}
	
	body{
		overflow-x: hidden;
	}
	
	.mobile{
		display: block;
	}
	
	.mobile_flex{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	
	.desktop{
		display: none;
	}
	
	main{
		min-height: calc(100vh - 60px);
	}
	
	#content.flex{
		flex-wrap: wrap;
	}
	
	#main_content,
	#side_content,
	#content,
	#panel,
	#wrapper.small_panel #content,
	#wrapper.small_panel #panel,
	#wrapper.big_panel #content{
		width: 100%;
		position: relative;
		border: none;
		min-height: auto;
		margin: 0;
	}
	
	#main_content.width66,
	#side_content.width33{
		width: 100%;
	}
	
	#panel,
	.width33,
	.width25,
	.width50,
	#wrapper.big_panel #panel{
		width: 100%;
		top: auto;
	}
	
	#wrapper{
		margin-top: 60px;
		width: 100%;
	}
	
	.padd_big,
	.padd_small,
	.padd_smaller{
		padding: 20px;
	}
	
	.padd_small.padd_lgd{
		padding: 10px 20px;
	}
	
	.marg27{
		margin-bottom: 20px;
	}
	
	.marg84{
		margin-bottom: 30px;
	}
	
	.size16,
	.fancybox-caption{
		font-size: 10px;
		line-height: 11px;
	}
	
	.fancybox-toolbar{
		right: 8px;
		top: 13px;
	}
	
	.fancybox-is-open .fancybox-bg{
		opacity: 1;
	}
	
	.cross.bigcross {
		width: 35px;
		height: 35px;
	}
	
	.size27{
		font-size: 17px;
		line-height: 21px;
	}
	
	.size31{
		font-size: 31px;
		line-height: 33px;
	}
	
	.size64,
	#search_galeries,
	.fancybox-navigation .fancybox-button{
		font-size: 34px;
		line-height: 36px;
	}
	
	.no_bold strong {
		display: inline-block;
		margin-left: -10px;
		margin-top: 30px;
		margin-bottom: 10px;
	}
	
	.border_mob{
		border-bottom: 1px solid black!important;
	}
	
	.center_mob{
		text-align: center;
	}
	
	input[type=text], 
	input[type="email"], 
	input[type="submit"], 
	textarea,
	.reset_filters{
		padding: 10px 20px;
	}
	
	.reset_filters{
		margin-top: 10px;
	}
	
	/* ARCHIVES */
	
	body.post-type-archive-le_comite .item,
	body.page-id-495 .item,
	body.post-type-archive-etre_adherent .item,
	body.postid-339 .item{
		height: auto;
	}
	
	body.post-type-archive-le_comite #panel,
	body.page-id-495 #panel,
	body.post-type-archive-etre_adherent #panel,
	body.postid-339 #panel{
		height: calc(100vh - 60px);
	}
	
	/* SINGLES */
	
	.liens_galeries {
		-ms-grid-columns: 50% 50%;
		grid-template-columns: 50% 50%;
	}
	
	.en_tetes_mob{
		padding: 10px 10px;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
	}
	
	.fancybox-navigation .fancybox-button--arrow_right{
		padding: 0;
		right: 10px;
	}
	
	.fancybox-navigation .fancybox-button--arrow_left{
		padding: 0;
		left: 10px;
	}
	
	.legendes_vignettes{
		right: 10px;
		top: -20px;
	}
	
	/* INDEXES */
	
	body.post-type-archive-actualites #wrapper{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;		
	}
	
	body.post-type-archive-actualites #wrapper #content{
		-webkit-box-ordinal-group: 3;
			-ms-flex-order: 2;
				order: 2;
		width: 100%;
		border-bottom: 1px solid black;
		height: 100vw;
	}
	
	body.post-type-archive-actualites #wrapper #panel{
		-webkit-box-ordinal-group: 4;
			-ms-flex-order: 3;
				order: 3;
		width: 100%;
	}
	
	body.home #content{
		height: 100vw;
	}
	
	body.home .focus_txt{
		border-bottom: 1px solid black;
	}
	
	/* GRIDS */
	
	.item{
		height: auto;
	}
	
	.item:hover .hover_title-item{
		display: block;
	}
	
	.item:hover .hover_txt-item{
		display: none;
	}
	
	.logos_items{
		max-height: 100px;
	}
	
	.grid .item.width33{
		width: 33.33%;
		border-right: 1px solid black; 
	}
	
	.grid .item.width50{
		width: 50%;
		border-right: 1px solid black; 
	}
	
	/* GALERIES */
	
	.panel_galeries .switch_galeries{
		width: 50%;
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
		text-align: center;
	}
	
	.panel_galeries .switch_galeries div{
		margin: 0 10px;
	}
	
	#all_filters_galeries{
		display: none;
	}
	
	#all_filters_galeries.open{
		display: block;
	}
	
	#all_filters_toggle.open{
		background-color: white;
	}
	
	.panel_galeries{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	}
	
	#switch_view{
		-webkit-box-ordinal-group: 3;
			-ms-flex-order: 2;
				order: 2;
	}
	
	#current_filters{
		-webkit-box-ordinal-group: 4;
			-ms-flex-order: 3;
				order: 3;
	}
	
	.filters_terms{
		text-align: left;
	}
	
	#search_galeries{
		text-align: center;
		padding: 20px 0;
	}
	
	#liste_svg{
		width: 30px;
		height: 30px;
		top: 5px;
		position: relative;
	}
	
	.map_galeries{
		height: calc(100vh - 60px);
	}
	
	.gm-style-iw{
		max-width: calc(100vw - 40px)!important;
		
	}
	
	/* LOGIN */
	
	#wrapper.cpga_login{
		margin-top: 60px;
		width: 100%;
		flex-direction: column;
		height: calc(100vh - 60px);
	}
	
	.cpga_login_wrap{
		display: block;
		width: 100%;
		padding: 20px 10px;
	}
	
	.cpga_button{
		width: auto;
		padding: 8px 15px;
	}
	
	/* MENU */
	
	#logo_mob{
		height: 100%;
		padding: 10px;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
	}
	
	#logo_mob img{
		height: 100%;
		width: auto;
	}
	
	#menu_mobile{
		height: 59px;
		border-bottom: 1px solid black;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 5;
		background-color: white;
	}
	
	#main_menu_mobile{
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		top: 60px;
		overflow-x: hidden;
		overflow-y: scroll;
		display: none;
	}
	
	#cross_mob{
		display: none;
		position: fixed;
		top: 12px;
		right: 10px;
		width: 35px;
		height: 35px;
	}
	
	#main_menu_mobile::-webkit-scrollbar{
		display: none;
	}
	
	#main_menu_mobile{
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	
	#menu_mobile.open #main_menu_mobile{
		display: block;
	}
	
	#menu_mobile.open #hamburger{
		display: none;
	}
	
	#menu_mobile.open #cross_mob{
		display: block;
	}
	
	#menu_mob-comite.open{
		background-color: white;
	}
	
	#menu_mob-comite.open .children_menu_mob{
		display: block;
	}
	
	#logo_mob_full,
	#logo_mob_home{
		text-align: center;
		padding: 20px;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
		background-color: white;
		border-bottom: 1px solid black;
	}
	
	#qtranslate-chooser .lang-en {
		margin-left: -5px;
	}
	
	.parent_menu_mob{
		border-bottom: 1px solid black;
	}
	
	.children_menu_mob{
		display: none;
		margin-left: 40px;
		margin-top: 15px;
	}
	
	#menu_mobile_bottom{
		display: none;
	}
	
	#menu_mobile_bottom.open{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	
	#menu_mobile_bottom .size27{
		font-size: 23px;
		line-height: 24px;
	}
	
	#menu_mobile_bottom{
		height: 52px;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 3;
		-webkit-box-pack: justify;
			-ms-flex-pack: justify;
				justify-content: space-between;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
		padding: 14px 20px;
		border-top: 1px solid;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
	}
	
	#menu_mobile_bottom .social .one_social{
		width: 20px;
		height: 20px;
		margin-left: 20px;
	}
	
	#menu_mobile_item{
		margin-bottom: 55px;
	}
	
	#menu_mobile_bottom .footer{
		height: 52px;
		padding: 14px 20px;
	}
		
	#hamburger{
		display: block;
		height: 30px;
		width: 33px;
		border-top: 1px solid black;
		border-bottom: 1px solid black;
		position: absolute;
		cursor: pointer;
		top: 14px;
		right: 10px;
	}
	
	#hamburger .line{
		padding: 0;
		margin: 0;
		margin-top: 14px;
		position: absolute;
		top: 0;
		border-bottom: 1px solid;
		width: 100%;
		height: 0px;
	}
	
	/* MISC */
	
	.logo_parcours{
		height: 150px;
		width: auto;
	}

	#search_galeries_ajax{
		padding: 15px;
	}

}

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

	.grid .item.width33{
		width: 50%;
	}

}

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

	.grid .item.width33{
		width: 100%;
		border-right: none;
	}
	
	.grid .item.width50{
		width: 100%;
		border-right: none;
	}

}

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

	#mentions_mob_item{
		display: none;
	}
	
}

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

	.vous_etes .wpcf7-radio{
		-webkit-column-count: 1;
		   -moz-column-count: 1;
				column-count: 1;
	}
	
	.vous_etes .wpcf7-radio span.first.wpcf7-list-item + span{
		margin-bottom: 0;
	}
	
	.vous_etes .wpcf7-radio .wpcf7-list-item{
		-webkit-box-align: start;
			-ms-flex-align: start;
				align-items: flex-start;
	}
	
	input[type="radio"]{
		height: 12px;
		width: 12px;
		top: 3px;
		-ms-flex-negative: 0;
			flex-shrink: 0;
	}
	
	.vous_etes .wpcf7-list-item-label{
		margin-left: 8px;
	}
	
}