/*
Theme Name:  Treville Child
Description: Thème dérivé de Treville par ThemeZee
Author:      Pierre WOZNIAK
Author URI:  https://www.idfo.fr
Template:    treville
Version:     1.0.0
*/

/* Styles Perso */

:root {
	--blanc: rgba(255,255,255,1);
	--noir: rgba(0,0,0,1);
	--gris: rgba(221,221,221,1);

	--turquoise: rgba(103,186,168,1);
	--vert-pomme: rgba(171,221,144,1);
	--violet: rgba(162,126,241,1);
	--bleu-petrole: rgba(70,145,212,1);
	--orange: rgba(244,188,75,1);
	--orange-sanguine: rgba(224,120,83,1);
	--rouge: rgba(227,6,19,1);

	--navi-font: "Inter";
	--text-font: "Acumin Pro";

	--text-line-height: 1.5em;

	--navi-border-color: var(--turquoise);
	--top-navi-color: var(--turquoise) !important;
	--top-navi-hover-color: var(--turquoise) !important;
}






/* Surcharge du thème parent */

.site-header {
	background-color: var(--blanc);
}

.container {
	max-width: 1480px;
	padding: 0;
}

.content-area {
	width: 75%;
}

.site-branding {
	display: block;
	margin: 1em 0em;
}

#content {
	margin-top: 1em;
}

.main-navigation ul a:hover {
	color: var(--turquoise);
}

.sidebar {
	width: 25%;
}

.type-post,
.type-page,
.type-attachment,
.comments-area,
.comment-respond,
.site-main > article:not(.type-post):not(.type-page):not(.type-attachment),
.post-wrapper > article:not(.type-post):not(.type-page):not(.type-attachment),
.widget-header {
	box-shadow: inset 0 2px var(--turquoise);
}

.post-content h1 {
	font-size: 1.5rem;
	background-color: var(--turquoise);
	border-radius: 1.25em;
	color: var(--blanc) !important;
	padding: 0.5em 1em;
}

.post-content h2 {
	font-size: 1.5rem;
	background-color: var(--turquoise);
	border-radius: 1.25em;
	color: var(--blanc) !important;
	padding: 0.5em 1em;
}

.post-content h3 {
	font-size: 1.5rem;
	background-color: var(--turquoise);
	border-radius: 1.25em;
	color: var(--blanc) !important;
	padding: 0.5em 1em;
}

.post-content h4 {
	font-size: 1.5rem;
	background-color: var(--turquoise);
	border-radius: 1.25em;
	color: var(--blanc) !important;
	padding: 0.5em 1em;
}

.post-content h1 a,
.post-content h2 a,
.post-content h3 a,
.post-content h4 a {
	text-decoration: none !important;
	color: var(--blanc) !important;
}

a, a:link, a:visited{
	color: var(--turquoise);
}


h1.page-title,
h1.entry-title {
	font-family: 'Acumin Pro ExtraCondensed';
	font-size: 2.5em;
	font-weight: bold;
	line-height: 1em;
	color: var(--turquoise);
}


.wp-block-heading.id-flash {
	background-color: var(--violet) !important;
}

.wp-block-heading.idirection {
	background-color: var(--vert-pomme) !important;
}

.wp-block-heading.ideesmag {
	background-color: var(--orange) !important;
}


/* Boutons */

.wp-block-button__link:hover,
.wp-block-button__link:visited,
.wp-block-button__link {
	color: var(--blanc) !important;
	border-radius: 100px !important;
}

.wp-block-button__link.no-border-radius {
	border-radius: 100px !important;
}




/** Onglets **/

.uagb-tab {
	border-top-width: 0px !important;
	border-left-width: 0px !important;
	border-right-width: 0px !important;
	border-bottom-width: 0px !important;
	border-style: solid !important;
	border-color: var(--turquoise) !important;
	margin: 0 !important;
	margin-right: 1px !important;
	background-color: var(--gris) !important;
	border-radius: 1em 1em 0 0;
}

.uagb-tabs__wrap .uagb-tabs__body-container.uagb-tabs-body__active {
	display: block;
	background-color: var(--blanc);
	border: none;
}

li.uagb-tab a.uagb-tabs-list {
	color: var(--noir) !important;
	text-decoration: none !important;
}

li.uagb-tab:hover {
	background-color: var(--turquoise) !important;
}

li.uagb-tab:hover a {
	color: var(--blanc) !important;
}

li.uagb-tab.uagb-tabs__active {
	background-color: var(--turquoise) !important;
}

li.uagb-tab.uagb-tabs__active a {
	color: var(--blanc) !important;
}


.uagb-tabs__wrap .uagb-tabs__body-wrap {
	padding: 0 !important;
}

.uagb-block-a8b318eb.uagb-tabs__hstyle1-desktop > .uagb-tabs__body-wrap {
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-color: var(--turquoise) !important;
	border-style: solid;
}


/** Caroussel texte **/

.uagb-tm__desc {
	font-family: 'Lulo Clean One';
	font-weight: bold;
}

.uagb-tm__company {
	font-family: 'Acumin Pro ExtraCondensed';
	font-size: 1.25em;
	line-height: 1.25em;
	height: 6em;
	display: table-cell;
	vertical-align: middle;
}



/** Liste d'articles **/

.wp-block-latest-posts__list.has-dates.wp-block-latest-posts {
	margin: 0;
}

.wp-block-latest-posts__list.has-dates.wp-block-latest-posts li {
	background-color: var(--blanc);
	padding: 5px;
	margin: 5px 0px 10px 0px;
	min-height: 130px;
	border: 1px solid var(--turquoise);
	border-radius: 1.5em;
}

.wp-block-latest-posts__featured-image.alignleft {
	margin: 5px 10px 5px 5px !important;
}

.wp-block-latest-posts__post-title {
	font-family: 'Acumin Pro ExtraCondensed';
	font-size: 1.25em;
}

.wp-block-latest-posts__post-title:hover {
	text-decoration: none;
}

.wp-block-latest-posts__post-excerpt {
	font-size: 10pt;
	line-height: normal;
}

.wp-block-latest-posts__post-excerpt {
	margin-left: 130px;
}

/* iD-Flash */
ul.wp-block-latest-posts__list.has-dates.id-flash.wp-block-latest-posts li {
	background-color: var(--blanc);
	padding: 5px;
	margin: 5px 0px 10px 0px;
	min-height: 130px;
	border: 1px solid var(--violet);
	border-radius: 1.5em;
}

ul.wp-block-latest-posts__list.has-dates.id-flash.wp-block-latest-posts a {
	color: var(--violet);
}

/* iDirection */
ul.wp-block-latest-posts__list.has-dates.idirection.wp-block-latest-posts li {
	background-color: var(--blanc);
	padding: 5px;
	margin: 5px 0px 10px 0px;
	min-height: 130px;
	border: 1px solid var(--vert-pomme);
	border-radius: 1.5em;
}

ul.wp-block-latest-posts__list.has-dates.idirection.wp-block-latest-posts a {
	color: var(--vert-pomme);
}

/* iDées mag */
ul.wp-block-latest-posts__list.has-dates.ideesmag.wp-block-latest-posts li {
	background-color: var(--blanc);
	padding: 5px;
	margin: 5px 0px 10px 0px;
	min-height: 130px;
	border: 1px solid var(--orange);
	border-radius: 1.5em;
}

ul.wp-block-latest-posts__list.has-dates.ideesmag.wp-block-latest-posts a {
	color: var(--orange);
}



/* Styles personnalisés */

.niveau-0 {
	margin: 0 0 0 2em !important;
}

.niveau-1 {
	margin: 0px !important;
	list-style-image: url("https://www.idfo.fr/images/list.png") !important;
}

.niveau-2 {
	margin: 0px 0px 0px 40px !important;
	list-style-image: url("https://www.idfo.fr/images/list.png") !important;
}

.liste-1 {
	margin: 0px 0px 0px 0px !important;
	list-style-type: square !important;
	color: #000 !important;
}

.liste-2 {
	margin: 0px 0px 0px 40px !important;
	list-style-type: square !important;
	color: #000 !important;
}

.liste-3 {
	margin: 0px 0px 0px 80px !important;
	list-style-type: square !important;
	color: #000 !important;
}

.liste-1 a, .liste-1 a:link, .liste-1 a:visited,
.liste-2 a, .liste-2 a:link, .liste-2 a:visited,
.liste-3 a, .liste-3 a:link, .liste-3 a:visited {
	color: var(--ccp-blue-color);
}

.middle img {
	vertical-align: text-bottom;
}

.link_white a {
	color: white;
}

.margin-40 {
	margin-left: 40px !important;
}

.taille-small {
	font-size: 12px;
	line-height: 20px;
}

.taille-big {
	font-size: 30px;
	line-height: 40px;
}

.texte-blanc {
	color: var(--blanc-100);
}

.texte-blanc a {
	color: var(--blanc-100) !important;
}

.fond-bleu {
	background-color: var(--bleu-100);
}

.fond-vert {
	background-color: var(--vert-100);
}

.fond-rouge {
	background-color: var(--rouge-100);
}

.line-14 {
	line-height: 14px;
}

.adhesion-label {
	display: inline-block !important;
	width: 200px !important;
	text-align: right !important;
	margin-right: 5px !important;
}

.adhesion-label-large {
	display: inline-block !important;
	width: 570px !important;
	text-align: right !important;
	margin-right: 5px !important;
}

.adhesion-text {
	padding: 0.2em !important;
	margin-bottom: 0.2em !important;
	width: 300px;
}

.adhesion-text:focus {
	box-shadow: 0 0 5px #273b8b;
	outline: none;
}

.adhesion-text:disabled {
	background-color:#eeeeee;
}

.adhesion-select {
	margin-bottom:0.2em !important;
	background: #fff;
	border: 1px solid #ddd;
	font-size: 1.0em;
	color: #333;
	font-family: 'Average Sans', Tahoma, Verdana, Arial;
	height: 30.4px;
}

.adhesion-select:focus {
	box-shadow: 0 0 5px #273b8b;
	outline: none;
}

.adhesion-select:disabled {
	background-color:#eeeeee;
}

.adhesion-fieldset {
	display: block !important;
	padding: 10px !important;
	border: 2px solid var(--turquoise); !important;
	border-radius: 10px;
}

.adhesion-legend {
	padding: 2px !important;
	font-weight: bold !important;
	color: var(--turquoise) !important;
}

.banque_span {
	display: inline-block;
	width: 100px;
	text-align: right;
	margin-right: 5px;
}

.banque {
	text-transform: uppercase;
	width: 250px;
	font-family: 'Monofonto';
	padding: 2px;
}

.iban_span {
	display: inline-block;
	width: 50px;
	text-align: right;
	margin-right: 5px;
}

.iban {
	text-transform: uppercase;
	width: 60px;
	font-family: 'Monofonto';
	padding: 2px;
	text-align: center;
}

.bic {
	text-transform: uppercase;
	width: 120px;
	font-family: 'Monofonto';
	padding: 2px;
	text-align: center;
}

.span-erreur {
	display: none;
	color: var(--ccp-red-color);
	font-size: 80%;
}

.recap-value {
	font-weight: bold;
}

.multiligne-label {
	display: inline-block !important;
	width: 200px !important;
	text-align: right !important;
	margin-right: 5px !important;
	float: left;
}

.multiligne-div {
	float: left;
}

.tip-green {
	display: none;
	position: absolute;
	background-color: var(--ccp-green-color);
	color: var(--ccp-white-color);
	padding: 5px;
	border: 1px solid var(--ccp-blue-color);
}

.tip-blue {
	display: none;
	position: absolute;
	background-color: var(--ccp-blue-color);
	color: var(--ccp-white-color);
	padding: 5px;
	border: 1px solid var(--ccp-green-color);
	z-index: 9999;
	line-height: 20px;
}

.border {
	border: 2px solid var(--ccp-blue-color);
	padding: 10px !important;
	margin: 0px !important;
}






@media only screen and (max-width: 60em) {
	.content-area, .site-content .content-fullwidth {
		float: none;
		padding: 0;
		width: 100% !important;
	}

	.sidebar {
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.uagb-tab {
		border-radius: 1em !important;
	}
}

@media only screen and (max-width: 1024px) {
	.uagb-tabs__wrap.uagb-tabs__hstyle1-desktop ul.uagb-tabs__panel {
		align-items: initial !important;
	}

	.uagb-tab {
		border-radius: 1em 0 0 1em;
	}
}



















/*#navigation-wrap {
	border-top: 4px solid #ddd;
	border-bottom: 4px solid #ddd;
	background: #fff;
}

#social-icons-menu li a[href*="x.com"]:before {
	content: url('/wp-content/themes/momentous-lite-child/x-twitter-vert.svg');
	height: 22px;
	width: 22px;
}

#social-icons-menu li a[href*="x.com"]:hover:before {
	content: url('/wp-content/themes/momentous-lite-child/x-twitter-bleu.svg');
	height: 22px;
	width: 22px;
}








input[type="submit"] {
	background: var(--ccp-blue-color);
}

#header-wrap {
	background: var(--ccp-green-color);
}

#header {
	padding: 1em 0.2em;
}

#logo .site-title {
	margin-top: 5px;
}

.top-navigation-menu a {
	padding: 0.5em;
}

.top-navigation-menu a,
.top-navigation-menu a:link,
.top-navigation-menu a:visited {
	color: var(--ccp-light-gray-color);
}

.top-navigation-menu a:hover {
	color: var(--ccp-white-color);
}

.main-navigation-menu a:hover {
	color: var(--ccp-blue-color);
}

.main-navigation-menu li a:hover {
	color: var(--ccp-blue-color);
}

.main-navigation-menu ul {
	background-color: white;	
}

.main-navigation-menu ul a,
.main-navigation-menu ul a:link,
.main-navigation-menu ul a:visited {
	color: var(--ccp-light-gray-color);
	background: var(--ccp-blue-color);
}

.main-navigation-menu ul a:hover {
	color: var(--ccp-white-color);
	opacity: 0.9;
	text-decoration: none;
}

.main-navigation-menu ul li ul{
	background-color: white;	
}

.main-navigation-menu ul li ul a,
.main-navigation-menu ul li ul a:link,
.main-navigation-menu ul li ul a:visited {
	color: var(--ccp-light-gray-color);
	background: var(--ccp-blue-color);
	text-decoration: none;
}

.main-navigation-menu ul li ul a:hover {
	color: var(--ccp-white-color);
	opacity: 0.9;
}

.main-navigation-menu li ul {
	border-left: 1px solid var(--ccp-red-color);
}

.main-navigation-menu li ul ul {
	border-left: 1px solid var(--ccp-red-color);
}

.main-navigation-menu ul li.current_page_item a,
.main-navigation-menu ul li.current-menu-item a {
	opacity: 0.9;
	text-decoration: none;
}

.main-navigation-menu ul li ul li.current_page_item a,
.main-navigation-menu ul li ul li.current-menu-item a {
	opacity: 0.9;
	text-decoration: none;
}

.main-navigation-menu li.current_page_item ul li a{
	opacity: 1;
	text-decoration: none;	
}

.main-navigation-menu li.current-menu-item ul li a:hover {
	opacity: 0.9;
	text-decoration: none;	
}

.main-navigation-menu li.current_page_item a {
	color: var(--ccp-blue-color);
}

#menu-item-15462 a {
	background-color: var(--ccp-red-color) !important;
}

.widget a:link, .widget a:visited {
	color: var(--ccp-blue-color);
}

.em.pixelbones ul {
	list-style: square outside !important;
}

.em.pixelbones a {
	color: var(--ccp-blue-color) !important;
}

.page-title, .entry-title {
	color: var(--ccp-blue-color);
}

.entry-title a:link, .entry-title a:visited {
	color: var(--ccp-blue-color);
}

.sticky {
	border-left: 5px solid var(--ccp-blue-color);
}

.postinfo span a:hover, .postinfo span a:active {
	color: var(--ccp-blue-color);
}

.postinfo .meta-comments a:hover:before {
	color: var(--ccp-blue-color);
}

.more-link {
	background: var(--ccp-blue-color);
}

.post-pagination a:hover {
	color: var(--ccp-blue-color);
}

.post-pagination .current {
	color: var(--ccp-blue-color);
}

.infinite-scroll #infinite-handle span:hover {
	color: var(--ccp-blue-color);
}

.entry h1, .comment h1 {
	text-align: left;
	font-size: 1.5em;
	display: block;
	border-bottom: 2px solid var(--ccp-green-color);
	font-weight: normal;
}

.h1 {
	display:inline-block;
	background-color: var(--ccp-green-color);
	color: var(--ccp-white-color);
	padding: 10px 20px;
	font-weight: normal;
}

.entry h2, .comment h2 {
	text-align: left;
	font-size: 1.5em;
	display: block;
	border-bottom: 2px solid var(--ccp-blue-color);
	font-weight: normal;
}

.h2 {
	display:inline-block;
	background-color: var(--ccp-blue-color);
	color: var(--ccp-white-color);
	padding: 10px 20px;
	font-weight: normal;
}

.entry h3, .comment h3 {
	text-align: right;
	font-size: 1.5em;
	display: block;
	border-bottom: 2px solid var(--ccp-green-color);
	font-weight: normal;
}

.h3 {
	display:inline-block;
	background-color: var(--ccp-green-color);
	color: var(--ccp-white-color);
	padding: 10px 20px;
	font-weight: normal;
}

.entry h4, .comment h4 {
	text-align: right;
	font-size: 1.5em;
	display: block;
	border-bottom: 2px solid var(--ccp-blue-color);
	font-weight: normal;
}

.h4 {
	display:inline-block;
	background-color: var(--ccp-blue-color);
	color: var(--ccp-white-color);
	padding: 10px 20px;
	font-weight: normal;
}

.entry h1 a,
.entry h2 a,
.entry h3 a,
.entry h4 a {
	color:var(--ccp-white-color);
}

.centre {
	text-align: center;
}

.centre li {
	margin-left: -40px;
}

#social-icons-menu li a {
	color: var(--ccp-blue-color);
}

#social-icons-menu li a:before {
	color: var(--ccp-green-color);
}

#social-icons-menu li a:hover:before {
	color: var(--ccp-blue-color);
}

.has-primary-color {
	color: var(--ccp-blue-color);
}

.has-primary-background-color {
	color: var(--ccp-blue-color);
}

.widgettitle span {
	text-transform: none !important;
}

#commentform #submit {
	color: var(--ccp-blue-color);
}

input[type="submit"]:hover {
	background: var(--ccp-blue-color) !important;
	text-decoration: underline;
}

hr.wp-block-separator {
	height: 2px;
	border: none;
	background-color: #CCCCCC;
}






.ctf-item {
	background-color: var(--vert-20);
	margin-bottom: 10px;
}







@media only screen and (max-width: 60em) {
	.mainnav-toggle:hover:after {
		color: var(--ccp-blue-color);
	}

	.main-navigation-menu ul a,
	.main-navigation-menu ul a:link,
	.main-navigation-menu ul a:visited {
		color: var(--ccp-light-gray-color);
	}

	.main-navigation-menu ul a:hover {
		color: white;
	}

	.main-navigation-menu li.current_page_item a,
	.main-navigation-menu li.current-menu-item a {
		color: var(--ccp-blue-color);
	}

	.main-navigation-menu li.current_page_item ul li a,
	.main-navigation-menu li.current-menu-item ul li a {
		color: white;
	}

	.main-navigation-menu ul li.current_page_item a {
		color: white;
	}

	.main-navigation-menu .submenu-dropdown-toggle::before
	{
		color: var(--ccp-light-gray-color);
	}
	
	.main-navigation-menu .submenu-dropdown-toggle:hover::before
	{
		color: var(--ccp-green-color);
	}
	
	.main-navigation-menu li.current_page_item ul li a {
		color: var(--ccp-light-gray-color);
	}
	
	.main-navigation-menu li.current-menu-item ul li a:hover {
		color: white;
	}
	
	.top-navigation-menu a {
		display: block;
		text-align: right;
	}

	.top-navigation-menu {
		margin:auto;
		padding: 0px;
		border: none;
	}
}

@media only screen and (max-width: 30em) {
	#social-menu-toggle {
		color: var(--ccp-blue-color);
	}
}





.uagb-post__inner-wrap {
	box-shadow: 1px 1px 5px #CCC;
}

.uagb-post__inner-wrap:hover {;
	box-shadow: 1px 1px 5px var(--ccp-blue-color);
}

.uagb-post-grid .uagb-post__link:hover {
	text-decoration: underline;
}

.uagb-post__title {
	border: none !important;
	text-align: left !important;
}

.uagb-post__items article {
	margin-bottom: 55px !important;
}

.wp-block-uagb-columns {
	z-index: 0;
}

.uagb-tabs__wrap {
	margin: 0px;
}







.widgettitle {
	padding: 0.8em;
}

.breadcrumb-container.theme1 a {
	margin-top:5px !important;
}

.breadcrumb-container.theme1 a:hover {
	color: white !important;
	text-decoration: underline !important;
}

.breadcrumb-container li .separator {
	font-size: 200%;
}

.fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 9999;
	border-bottom: var(--ccp-light-gray-color) 5px solid;
	background-color: rgba(255, 255, 255, 0.95) !important;
}

.rbs-imges-container {
	overflow: hidden;
	position: relative;
	z-index: 0;
}






.ui-dialog {
	background: var(--ccp-white-color);
	border: 1px solid var(--ccp-blue-color);
	position: fixed;
	box-shadow: 2px 2px var(--ccp-blue-color);
	z-index:9999;
}
.ui-dialog-titlebar {
	height: 40px;
}
.ui-dialog-titlebar-close {
	display:none;
}
.ui-dialog-title {
	padding: 10px;
	border-bottom: 1px solid var(--ccp-blue-color);
	background: var(--ccp-light-gray-color);
	display: block;
	cursor: move;
	text-align: center;
	font-weight: bold;
}
.ui-dialog-buttonpane {
	height: 40px;
}
.ui-dialog-buttonset {
	text-align: right;
	border-top: 1px solid var(--ccp-blue-color);
	background: var(--ccp-light-gray-color);
	padding: 5px;
	font-weight: bold;
}
.ui-button {
	background: var(--ccp-blue-color);
	border:1px solid var(--ccp-blue-color);
	color: var(--ccp-white-color);
	border-radius: 0;
	padding: 5px 10px;
	cursor: pointer;
	margin-left: 10px;
	outline: none;
}
.ui-button:hover {
	border:1px solid var(--ccp-white-color);
}
.ui-button-oui {
	background: var(--ccp-green-color);
	border:1px solid var(--ccp-green-color);
}
.ui-button-non {
	background: var(--ccp-red-color);
	border:1px solid var(--ccp-red-color);
}
.ui-dialog-content {
	padding: 5px;
	line-height: 20px;
}

.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	min-height: 360px;
	background: #000;
	opacity: .7;
	z-index: 100101;
}

.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Bouton adhérer dans le menu
#menu-item-13383,
#menu-item-13481 {
	background-color: var(--ccp-blue-color);
}

#menu-item-13383:hover,
#menu-item-13481:hover {
	background-color: var(--ccp-red-color);
}

#menu-item-13383 a,
#menu-item-13481 a {
	color: var(--ccp-white-color);
}
*/