/*
	Theme Name:	TVAtheme
	Theme URI: http://trouvervotreavocat.com
	Description: This is the Trouvervotreavocat.com Theme
	Author: Awatech
	Author URI: http://www.awatech.fr

	Version: 1.0.1

	Tags: one-column

	Template: genesis
	Template Version: 2.4

	License: GPL-2.0+
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

/* HTML 5 Reset
 * ========================================================================== */

/* Baseline Normalize - normalize.css v3.0.1 | MIT License | git.io/normalize */

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}


/* Box Sizing
 * ========================================================================== */

*,
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

/* ADDED BY AWA FOR CATEGORY */
.custom-entry-wrapper {
    display: flex;
    align-items: flex-start; /* Alignement des éléments s'ils sont de hauteur différente */
    margin-bottom: 20px; /* Espace entre les articles */
}

.custom-entry-image {
    margin-right: 20px; /* Espace entre l'image et le texte */
}

.custom-entry-content {
    flex: 1; /* Permet au contenu de remplir l'espace restant */
}

.post-meta {
    font-style: italic; /* Style pour la date et l'auteur */
    margin-bottom: 10px; /* Espace sous la date/auteur */
}

.subcategories-list {
    list-style-type: none; /* Supprime les puces */
    padding-left: 0; /* Supprime le padding par défaut */
    margin-bottom: 1em; /* Ajoute un peu d'espace au-dessus de la liste */
}

.subcategories-list li {
    display: inline-block; /* Affiche les éléments de la liste côte à côte */
    margin-right: 2em; /* Ajoute de l'espace entre les liens */
}

.subcategories-list li a {
    text-decoration: none; /* Supprime le soulignement des liens */
    /* Ajoutez ici d'autres styles selon vos besoins */
}
/*END ADD */

.aproposimage {
	float:left;
	margin-right:1em; 
	margin-bottom:0.5em;
}
/* Float Clearing
 * ========================================================================== */

.author-box:before,
.clearfix:before,
.entry:before,
.entry-content:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.page-header:before,
.site-inner:before,
.widget:before,
.wrap:before {
	content: " ";
	display: table;
}

.author-box:after,
.clearfix:after,
.entry:after,
.entry-content:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.page-header:after,
.site-inner:after,
.widget:after,
.wrap:after {
	clear: both;
	content: " ";
	display: table;
}

/* Utility
 * ========================================================================== */

.mobile-hide {
	visibility: hidden;
	clip: rect(0px, 0px, 0px, 0px);
	position: absolute;
	display: none;
}

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

@media only screen and (min-width: 800px) {
	.mobile-hide {
		visibility: visible;
		position: relative;
		display: inherit;
	}

	.mobile-show {
		visibility: hidden;
		clip: rect(0px, 0px, 0px, 0px);
		position: absolute;
	}
}


/* Typography
 * ========================================================================== */

html {
  font-size: 62.5%;
}

body {
	color: #1a1a1a;
	background: #fff;
	font-family: "Avenir", "Helvetica Neue", "Verdana", "Helvetica", arial;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.612;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

ol,
ul {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 2rem;
  	font-weight: 300;
	letter-spacing: -0.02em;
}

/* Display */

@media only screen and (min-width: 801px) {
	h1, .archive-title
	.site-title {
		font-size: 5rem;
	  	font-weight: 500;
	  	line-height: 1.2;
	}
}

@media only screen and (max-width: 800px) {
	h1, .archive-title
	.site-title {
		font-size: 3rem;
	  	font-weight: 500;
	  	line-height: 1;
	}
}


/* Headline */

h2 {
	font-size: 3rem;
  	line-height: 1.4;
  	font-weight: 600;
}


/* Title */

h3 {
	font-size: 2rem;
  	line-height: 1.4;
  	font-weight: 400;
}

@media only screen and (min-width: 800px) {
	h3,
	body.woocommerce-page ul.products li.product h3 {
		font-size: 2.5rem;
	}
}

/* SubTitle */

h4,
.site-description {
	font-size: 1.5rem;
	line-height: 1.5;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-weight: 400;
}

/* Mast */

h5,
.widget-title, .widgettitle,
.genesis-nav-menu a,
button, input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
body.woocommerce-page #respond input#submit,
body.woocommerce-page a.button,
body.woocommerce-page button.button,
body.woocommerce-page input.button,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
body.woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
	font-size: 1.2rem;
	font-weight: 500;
	font-style: normal;
	line-height: 1.8;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
}

/* Caption */

h6,
.genesis-nav-menu .sub-menu a,
.entry-meta,
.wp-caption-text,
.gallery-caption,
.site-footer p,
.pagination a,
body.woocommerce-page nav.woocommerce-pagination ul li a,
body.woocommerce-page nav.woocommerce-pagination ul li span,
.woocommerce-MyAccount-navigation li a,
p.comment-meta,
.more-link.button {
	font-size: 1.1rem;
	line-height: 1.6;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}


/* helper for width 100% */

.fullwide {
	width:100%;
}


/* Small */

small,
.button.small {
  font-size: 0.9rem;
}


p {
	margin: 0 0 1.625em;
	padding: 0;
}

p.intro {
  font-size: 1.8rem;
  line-height: 1.8;
}

strong {
	font-weight: 700;
}

blockquote {
	margin: 2rem 0;
}

.entry-content blockquote {
    display: flex;
    align-items: flex-start;
    gap: 1rem; /* espace entre image et texte */
    padding: 2rem 2rem 2rem 5rem; /* espace pour l'image à gauche */
    background: #73B2C6; /* optionnel : léger fond */
    color: white;
    border: none; /* plus de trait */
    border-radius: 8px;
    margin: 2rem 0;
    border-radius: 8px; /* arrondi doux si tu veux */
    background-image: url('/ampoule-eclat.png'); /* ton image */
    background-repeat: no-repeat;
    background-size: 40px auto; /* adapte la taille de l'image */
    background-position: 1rem center; /* place l'icône à gauche centrée */
}

.entry-content blockquote {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 2rem 2rem 2rem 6rem; /* espace pour l'image à gauche */
    margin: 2rem 0;
    border: none;
    border-radius: 8px;
    background-image: url('/wp-content/plugins/q4all1/pouce-blanc.svg'); /* ton image */
    background-repeat: no-repeat;
    background-size: 40px auto; /* adapte la taille de l'image */
    background-position: 1rem center; /* place l'icône à gauche centrée */
}


.entry-content blockquote p {
    margin: 0;
    line-height: 1.5;
}

/* Responsive mobile */
@media (max-width: 768px) {
    .entry-content blockquote {
    }
}

code,
pre {
	font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
	font-size: 0.8em;
	color: #555555;
	border: 1px solid #e1e1e8;
	background-color: #f7f7f9
}

code {
	padding: 0.2rem 0.4rem;
	white-space: nowrap;
}

pre {
	display: block;
	padding: 1rem;
	margin: 0 0 1rem;
	word-break: break-all;
	word-wrap: break-word;
	white-space: pre;
	white-space: pre-wrap;
}

pre code {
	padding: 0;
	color: inherit;
	white-space: pre;
	white-space: pre-wrap;
	background-color: transparent;
	border: 0;
}

fieldset {
  border: 1px solid #e5e5e5;
  padding: 3rem;
  margin: 2rem auto;
}

cite {
	font-style: normal;
}

hr,
.clear-line {
	overflow: hidden;
	width: 100%;
	border: none;
	border-bottom: 1px solid #eee;
	margin: 0 0 4rem;
	padding: 4rem 0 0;
}

/* Links
 * ========================================================================== */

a {
	color: #73B2C6;
	text-decoration: none;
	outline: 0;
    font-weight: 600;
}

a:hover {
	border-color: transparent;
	text-decoration: underline;
}


/* Transitions
 * ========================================================================== */

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.button:after,
.button:before,
.genesis-nav-menu a,
button.sub-menu-toggle:before,
body.woocommerce-page nav.woocommerce-pagination ul li a,
body.woocommerce-page nav.woocommerce-pagination ul li span {
	-webkit-transition: all .75s cubic-bezier(0, 1, .5, 1);
	-moz-transition:    all .75s cubic-bezier(0, 1, .5, 1);
	-ms-transition:     all .75s cubic-bezier(0, 1, .5, 1);
	-o-transition:      all .75s cubic-bezier(0, 1, .5, 1);
	transition:         all .75s cubic-bezier(0, 1, .5, 1);
}

@media only screen and (min-width: 800px) {
	.site-header,
	.genesis-nav-menu .sub-menu {
		-webkit-transition: all .2s ease-in-out;
		-moz-transition:    all .2s ease-in-out;
		-ms-transition:     all .2s ease-in-out;
		-o-transition:      all .2s ease-in-out;
		transition:         all .2s ease-in-out;
	}

}

/* Selection
 * ========================================================================== */

::-moz-selection {
	background-color: rgba(0,0,0,0.5);
	color: #fff;
}

::selection {
	background-color: rgba(0,0,0,0.5);
	color: #fff;
}


/* Objects
 * ========================================================================== */

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

img {
	max-width: 100%;
}

/* Forms, Inputs & Buttons
 * ========================================================================== */

input,
select,
textarea,
body.woocommerce-cart table.cart td.actions .coupon .input-text {
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #dcdcdc;
	color: #1a1a1a;
	padding: 1.2rem 2rem 1rem;
	width: 100%;
}

body.woocommerce-cart table.cart td.actions .coupon .input-text {
	width: auto;
}

textarea {
	height: auto;
}

button,
.button,
textarea,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="password"],
input[type="url"],
input[type="text"],
input[type="search"],
input[type="email"] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

input[type="checkbox"],
input[type="radio"] {
	margin-right: 1rem;
	width: auto;
}

input:focus,
textarea:focus,
body.woocommerce-cart table.cart td.actions .coupon .input-text:focus {
	outline: none;
	border-color: #73B2C6;
}

::-moz-placeholder {
	color: #d8d8d8;
	opacity: 1;
}

::-webkit-input-placeholder {
	color: #d8d8d8;
}

input:focus::-webkit-input-placeholder,
input:focus::-moz-placeholder,
input:focus:-ms-input-placeholder,
textarea:focus::-webkit-input-placeholder,
textarea:focus::-moz-placeholder,
textarea:focus:-ms-input-placeholder {
	color: transparent;
}

/* Buttons
 * ========================================================================== */

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
a.button,
.pagination:not(.adjacent-entry-pagination) a,
body.woocommerce-page nav.woocommerce-pagination ul li a,
body.woocommerce-page nav.woocommerce-pagination ul li span,
body.woocommerce-page #respond input#submit,
body.woocommerce-page a.button,
body.woocommerce-page button.button,
body.woocommerce-page button.button.alt,
body.woocommerce-page a.button.alt,
body.woocommerce-page input.button,
body.woocommerce-page button.button.alt.disabled,
body.woocommerce-page input.button.alt,
body.woocommerce-page input.button:disabled,
body.woocommerce-page input.button:disabled[disabled] {
	background-color: #73B2C6;
	border-radius: 5px;
	box-shadow: none;
	border: 0;
	color: #fff;
	line-height: 2em !important;
	cursor: pointer;
	display: inline-block;
	outline: none;
	text-align: center;
	padding: 1.1rem 2rem 1rem;
	text-decoration: none;
	width: auto;
	white-space: nowrap;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
.pagination li a:hover,
body.woocommerce-page #respond input#submit:hover,
body.woocommerce-page a.button:hover,
body.woocommerce-page button.button:hover,
body.woocommerce-page button.button.alt:hover,
body.woocommerce-page button.button.alt.disabled:hover,
body.woocommerce-page a.button.alt:hover,
body.woocommerce-page input.button:hover,
body.woocommerce-page input.button.alt:hover {
	background-color: #73B2C6;
	text-decoration: none;
	color: #fff;
	opacity: 1;
	box-shadow: inset 0 0 0 20rem rgba(0,0,0,0.1), 0 2rem 2rem rgba(0,0,0,0.1);
}

.button.small {
	font-size: 1.4rem;
	padding: 0.8rem 2rem 0.5rem;
}

.button.light {
	background: #eeeeee;
	color: #1a1a1a;
}

.button.light:hover {
	color: #fff;
}

.bg-primary .button.light {
	background: rgba(255,255,255,0.2);
	color: #ffffff;
}

.bg-primary .button.light:hover,
.bg-secondary .button.light:hover {
	box-shadow: inset 0 0 0 20rem rgba(255,255,255,0.2);
}

.button.full-width {
	display: block;
	width: 100%;
}

.button.arrow-left:before,
.button.arrow-right:after {
	font-family: Ionicons;
	vertical-align: top;
}

.button.arrow-right:after {
	content: "\f30f";
	margin-left: 0.8rem;
}

.button.arrow-right:hover:after {
	margin-left: 1.2rem;
	margin-right: -0.4rem;
}

.button.arrow-left:before {
	content: "\f2ca";
	margin-right: 0.8rem;
}

.button.arrow-left:hover:before {
	margin-right: 1.2rem;
	margin-left: -0.4rem;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
	display: none;
}

/* Gallery
 * ========================================================================== */

.gallery {
	margin: 0 auto 4rem;
	overflow: hidden;
	width: 100%;
}

.gallery-item {
	float: left;
	margin: 1rem 0 0;
	text-align: center;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	width: 50%;
}

.gallery-columns-3 .gallery-item {
	width: 33%;
}

.gallery-columns-4 .gallery-item {
	width: 25%;
}

.gallery-columns-5 .gallery-item {
	width: 20%;
}

.gallery-columns-6 .gallery-item {
	width: 16.6666%;
}

.gallery-columns-7 .gallery-item {
	width: 14.2857%;
}

.gallery-columns-8 .gallery-item {
	width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	width: 11.1111%;
}

.gallery img {
	border: 1px solid #ddd;
	height: auto;
	padding: 0.4rem;
}

.gallery-caption {
	margin-left: 0;
}


/* Tables
 * ========================================================================== */

table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
	margin-bottom: 4rem;
	width: 100%;
}

tbody {
	border-bottom: 1px solid #ddd;
}

td,
th {
	text-align: left;
}

td {
	border-top: 1px solid #ddd;
	padding: 0.6rem 0;
}

th {
	font-weight: 400;
}

/* Accessibility
 * ========================================================================== */

.screen-reader-shortcut,
.screen-reader-text,
.screen-reader-text span {
	background-color: #fff;
	border: 0;
	clip: rect(0, 0, 0, 0);
	color: #1a1a1a;
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

.genesis-nav-menu .search input[type="submit"]:focus,
.screen-reader-shortcut:focus,
.screen-reader-text:focus,
.widget_search input[type="submit"]:focus  {
	border: 1px solid #5b5e5e;
	clip: auto !important;
	display: block;
	font-size: 1.8rem;
	font-weight: 700;
	height: auto;
	padding: 2rem;
	text-decoration: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.genesis-skip-link {
	margin: 0;
}

.genesis-skip-link li {
	height: 0;
	width: 0;
	list-style: none;
}

/* Display outline on focus */
:focus {
	outline: 1px dotted rgba(0,0,0,0.2);
}

/* Wordpress
 * ========================================================================== */

a.aligncenter img {
	display: block;
	margin: 0 auto;
}

a.alignnone {
	display: inline-block;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 1rem;
}

img.alignnone,
.alignnone {
	margin-bottom: 2rem;
}

a.alignleft,
img.alignleft,
.wp-caption.alignleft {
	margin: 0 6rem 4rem 0;
}

a.alignright,
img.alignright,
.wp-caption.alignright {
	margin: 0 0 4rem 6rem;
}

img.alignleft.entry-image,
img.alignright.entry-image {
	margin-bottom: 0;
}

.entry-content figure {
	margin: 6rem 0 4rem;
}

.wp-caption-text {
	font-size: 1.6rem;
	font-weight: 700;
	text-align: center;
}

.entry-content p.wp-caption-text {
	margin-bottom: 0;
}

.gallery-caption,
.entry-content .gallery-caption {
	margin: 0 0 1rem;
}

.wp-audio-shortcode,
.wp-playlist,
.wp-video {
	margin-bottom: 3rem;
}

a[rel~="attachment"],
a[rel~="attachment"]:hover,
.gallery-item a,
.wp-audio-shortcode a,
.wp-audio-shortcode a:hover,
.wp-caption a,
.wp-caption a:hover,
.wp-playlist a,
.wp-playlist a:hover,
.wp-video a,
.wp-video a:hover {
	border-width: 0 !important;
}

/* Site Containers
 * ========================================================================== */

.tvatheme-landing {
	background: #fff;
}

.full-width-content .content,
body.woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-account .entry-content .woocommerce  {
	margin: 0 auto;
	max-width: 80rem;
	float: none;
}

.wrap {
	margin: 0 auto;
	padding: 0 5%;
	max-width: 1500px;
}

.site-inner {
	clear: both;
	/* AWA 20220621		padding: 4rem 0; */
	overflow: hidden;
	background: #fff;
}

.front-page .site-inner {
	padding: 0;
}

.full.full-width-content .content,
.woocommerce-page.full-width-content .content {
	max-width: 100%;
	width: 100%;
}

.title-center .entry-header .entry-title {
    text-align: center;
}

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

	body:not(.with-page-header) .site-inner {
	/* AWA 20220621			padding-top: 18rem; */
	}

}

.entry-title-link {
    text-decoration: none; /* Désactive le soulignement */
    color: #73B2C6; /* Définit la couleur du texte au survol */
}

.entry-title-link:hover {
    text-decoration: none; /* Désactive le soulignement au survol */
    color: #73B2C6; /* Définit la couleur du texte au survol */
}

.author-mini-image {
	border-radius: 50%;
  overflow: hidden;
}

.author-info {
	font-size:0.9em;
}

.article-header-image-container::before {
  content: "";
  display: block;
  padding-top: 33.33%;
}

.article-header-image-container {
  width: 100%; /* La largeur du conteneur est de 100% de son parent */
  overflow: hidden; /* Cache les parties de l'image qui dépassent */
  position: relative; /* Pour le positionnement absolu de l'image */
  display: flex; /* Utilisé pour centrer l'image verticalement */
  align-items: center; /* Centre verticalement l'image */
}

.article-header-image-container  img {
  width: 900px; /* Fait en sorte que l'image occupe 100% de la largeur du conteneur */
  height: 300px; /* Permet à l'image de maintenir son aspect ratio */
  object-fit: cover; /* Assure que l'image couvre le conteneur, peut être coupée mais ne sera pas déformée */
}

.imgArticleSimilaire {
	height: auto; display: block; margin-bottom: 10px;
}

.social-share .social-icons {
    display: flex;
    justify-content: flex-end;
    list-style: none;
    float:right;
}

.social-icons li {
		padding-left:0.5em;
}

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

	.content {
		float: left;
		width: 80%;
		max-width: 900px;
		margin: 2em;
	}

	.content-sidebar .content {
		float: left;
	}

	.article-header-image-container {
		padding-top: 5em;
	}


	.sidebar-primary {
		float: right;
		width: 20%;
		max-width: 300px;
		margin: 1em;
	}

	.sidebar-content .sidebar-primary {
		float: left;
	}

	.wrap {
/* AWA 20221212		max-width: 120rem; */
	}

	.site-inner {
		/* AWA 20220621	MODIF 8rem > 6rem > Oem */
	}

}

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

	.wrap {
/* AWA 12/12/22		max-width: 160rem; */
	}

}

/* Grid
 * ========================================================================== */

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

	.five-sixths,
	.four-sixths,
	.four-fifths,
	.one-fifth,
	.one-fourth,
	.footer-widgets .widget-area,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-fifths,
	.three-sixths,
	.two-fourths,
	.two-fifths,
	.two-sixths,
	.two-thirds {
		float: left;
		margin-left: 3.448275862069%;
	}

	.one-half,
	.three-sixths,
	.two-fourths {
		width: 48.275862068966%;
	}

	.one-third,
	.two-sixths {
		width: 31.034482758621%;
	}

	.four-sixths,
	.two-thirds {
		width: 65.51724137931%;
	}

	.one-fourth,
	.footer-widgets .widget-area {
		width: 22.413793103448%;
	}

	.three-fourths {
		width: 74.137931034483%;
	}

	.one-fifth {
		width: 17.241379310345%;
	}

	.two-fifths {
		width: 37.931034482759%;
	}

	.three-fifths {
		width: 58.620689655172%;
	}

	.four-fifths {
		width: 79.310344827586%;
	}

	.one-sixth {
		width: 13.793103448276%;
	}

	.five-sixths {
		width: 82.758620689655%;
	}

	.first,
	.footer-widgets .widget-area:first-child {
		clear: both;
		margin-left: 0;
	}

	.only {
		float: none;
		margin: 0 auto;
	}
}

/* Front Page Widgets
 * ========================================================================== */

.flexible-widget-area > .wrap {
	padding-top: 6rem;
	padding-bottom: 6rem;
}

.flexible-widgets .widget {
	margin-bottom: 2rem;
}

.flexible-widgets .widget:last-child {
	margin-bottom: 0;
}

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

	.flexible-widget-area > .wrap {
		padding-top: 10%;
		padding-bottom: 10%;
	}

	.flexible-widgets,
	.front-page .featured-content.widget .widget-wrap {
		margin-left: -2rem;
		margin-right: -2rem;
		width: calc( 100% + 4rem );
	}

	.front-page .featured-content .widgettitle {
		margin-left: 2rem
	}

	.flexible-widgets .widget,
	.front-page .featured-content.widget .entry {
		float: left;
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.flexible-widgets.widget-full .widget,
	.flexible-widgets.widget-area .widget:nth-of-type(1),
	.flexible-widgets.widget-halves.uneven .widget:last-of-type {
		width: 100%;
	}

	.flexible-widgets.widget-fourths .widget {
		width: 25%;
	}

	.flexible-widgets.widget-halves .widget {
		width: 50%;
	}

	.flexible-widgets.widget-thirds .widget,
	.front-page .featured-content.widget .entry {
		width: 33.33%;
	}

	.flexible-widgets.widget-halves .widget:nth-child(even),
	.flexible-widgets.widget-thirds .widget:nth-child(3n+2),
	.flexible-widgets.widget-fourths .widget:nth-child(4n+2) {
		clear: left;
	}

}

/* Front Page 2
 * ========================================================================== */

.front-page-2 {
	text-align: center;
	background: #fff;
}

/* Front Page 3
 * ========================================================================== */

.front-page-3 {
	background-color: #f7f6f7;
	overflow: hidden;
}

.front-page-3 .widget-area {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	position: relative;
}

.front-page-3 .widget img.pull-left {
    margin-left: -25%;
}

.front-page-3 .widget img.pull-right {
    margin-right: -25%;
}

.front-page-3 .widget img.pull-right,
.front-page-3 .widget img.pull-left {
	max-width: 150%;
	width: auto;
	margin-bottom: -50%;
	margin-top: 20px;
}

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

	.front-page-3 .flexible-widgets.widget-halves .widget,
	.front-page-3 .widget {
		width: 50%;
		float: left;
		align-self: center;
	}

	.front-page-3 .widget img.pull-left,
	.front-page-3 .widget img.pull-right {
	    margin-bottom: -30%;
	    margin-top: -30%;
	    pointer-events: none;
	}
}


/* Front Page 4
 * ========================================================================== */

.front-page-4 {
	text-align: center;
}

.front-page-4 a,
.front-page-4 {
	color: #fff;
}

.front-page-4 blockquote {
	font-size: 2rem;
	font-weight: 300;
	font-style: normal;
	margin: 2rem auto;
}

@media only screen and (min-width: 800px) {
	.front-page-4 blockquote {
		font-size: 3rem;
		max-width: 75%;
	}
}

/* Front Page 5
 * ========================================================================== */

.front-page-5 {
	background: #fff;
}

 .front-page-5 .widget:nth-of-type(1) {
 	text-align: center;
 }


/* Widgets
 * ========================================================================== */

.widget {
	word-wrap: break-word;
}

.widget ol > li {
	list-style-position: inside;
	list-style-type: decimal;
	padding-left: 2rem;
	text-indent: -2rem;
}

.widget li li {
	border: 0;
	margin: 0 0 0 3rem;
	padding: 0;
}

.widget_calendar table {
	width: 100%;
}

.widget_calendar td,
.widget_calendar th {
	text-align: center;
}

/* Testimonials
 * ========================================================================== */

.lSAction {
	display: none !important;
}

#gts-testimonials .lSSlideOuter .lSPager.lSpg > li a {
	background-color: #555;
}

#gts-testimonials .lSSlideOuter .lSPager.lSpg>li.active a,
#gts-testimonials .lSSlideOuter .lSPager.lSpg>li:hover a {
	background-color: #73B2C6;
}

/* Icons
 * ========================================================================== */

.icon {
	font-size: 6rem;
	margin: 0 0 2rem;
	color: #73B2C6;
}


/* Featured Content
 * ========================================================================== */

.featured-content.widget .entry {
	border-bottom-width: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

/* Breadcrumbs
 * ========================================================================== */

.breadcrumb {
	margin-bottom: 1.6rem;
}


/* Plugins
 * ========================================================================== */

/* Genesis eNews Extended */

.enews-widget input {
	margin-bottom: 1rem;
}

.enews-widget p {
	margin-bottom: 2rem;
}

.enews form + p {
	line-height: 1.5;
	margin-top: 3rem;
}

/* Genesis Simple Share */

.content .share-after {
	margin-bottom: 2rem;
}

.content a.count,
.content a.count:hover,
.content a.count:focus,
.content a.share,
.content a.share:hover,
.content a.share:focus {
	border: none;
	font-weight: 400;
}

.content .share-filled .share {
	border-radius: 0;
}

.content .share-filled .count {
	border-radius: 0;
}

.content .share-filled .facebook .count,
.content .share-filled .facebook .count:hover,
.content .share-filled .googlePlus .count,
.content .share-filled .googlePlus .count:hover,
.content .share-filled .linkedin .count,
.content .share-filled .linkedin .count:hover,
.content .share-filled .pinterest .count,
.content .share-filled .pinterest .count:hover,
.content .share-filled .stumbleupon .count,
.content .share-filled .stumbleupon .count:hover,
.content .share-filled .twitter .count,
.content .share-filled .twitter .count:hover {
	color: #1a1a1a;
	border: 1px solid #1a1a1a;
}

.content .share-filled .facebook .share,
.content .share-filled .facebook:hover .count,
.content .share-filled .googlePlus .share,
.content .share-filled .googlePlus:hover .count,
.content .share-filled .linkedin .share,
.content .share-filled .linkedin:hover .count,
.content .share-filled .pinterest .share,
.content .share-filled .pinterest:hover .count,
.content .share-filled .stumbleupon .share,
.content .share-filled .stumbleupon:hover .count,
.content .share-filled .twitter .share,
.content .share-filled .twitter:hover .count {
	background: #1a1a1a !important;
}

.content .share-filled .facebook:hover .count,
.content .share-filled .googlePlus:hover .count,
.content .share-filled .linkedin:hover .count,
.content .share-filled .pinterest:hover .count,
.content .share-filled .stumbleupon:hover .count,
.content .share-filled .twitter:hover .count {
	color: #fff;
}

/* Jetpack */

#wpstats {
	display: none;
}

/* Widget Custom Menu
 * ========================================================================== */

.widget_nav_menu .sub-menu {
	margin-top: 1.6rem;
}

/* WooCommerce
 * ========================================================================== */

body.woocommerce-page nav.woocommerce-pagination ul li a,
body.woocommerce-page nav.woocommerce-pagination ul li span,
body.woocommerce-page .woocommerce-message::before,
body.woocommerce-page .woocommerce-info::before,
body.woocommerce-page div.product p.price,
body.woocommerce-page div.product span.price,
body.woocommerce-page ul.products li.product .price,
body.woocommerce-page form .form-row .required,
.woocommerce-MyAccount-navigation li a {
	color: #1a1a1a;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs {
	padding: 0;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li {
	background: #f7f6f7;
	border-bottom: 0;
	margin: 0 -1px 0 0;
	padding: 0;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	padding: 1.5rem 2rem;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs:before,
body.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
body.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
  	display: none;
}

body.woocommerce-page .woocommerce-message,
body.woocommerce-page .woocommerce-info,
body.woocommerce-page .woocommerce-error {
 	border: 0;
  	margin-top: 2rem !important;
	line-height: 5rem;
}

body.woocommerce-page span.onsale,
body.woocommerce-page ul.products li.product .onsale {
	border-radius: 0;
	top: 0;
	left: 0;
	right: auto;
	margin: 0;
	padding: 0 1rem;
	background: #1a1a1a;
}

body.woocommerce ul.cart_list li,
body.woocommerce ul.product_list_widget li,
.woocommerce-page ul.cart_list li,
.woocommerce-page ul.product_list_widget li {
 	background: none;
 	border: none;
 	float: left;
 	padding: 0.5rem !important;
 	width: 50%;
}

body.woocommerce ul.cart_list li img, body.woocommerce ul.product_list_widget li img {
 	width: 100% !important;
}

.woocommerce-cart .entry-content p:first-child::first-letter,
.woocommerce-checkout .entry-content p:first-child::first-letter {
 	float: none;
	font-size: inherit;
	margin: 0;
	padding: 0;
}

.woocommerce-checkout #payment ul.payment_methods li {
 	list-style: none;
}

.woocommerce-page input[type="checkbox"],
.woocommerce-page input[type="radio"] {
 	width: auto;
}

body.woocommerce ul.products li.product .price del,
body.woocommerce div.product p.price del,
body.woocommerce div.product span.price del {
	display: inline !important;
}

select.orderby {
 	margin-bottom: 2rem;
}

.stars a,
.star-rating span:before {
	color: #ffb35e !important;
}

.woocommerce .quantity .qty {
	padding: 1.2rem 1rem 1rem;
}

.woocommerce form .form-row label.inline {
	margin-left: 2rem;
}

/* Search Form
 * ========================================================================== */

.search-form {
	position: relative;
	width: 100%;
	margin-bottom: 2rem;
}

.search-form:after {
	content: "\f4a4";
	position: absolute;
	right: 1.5rem;
	top: 0;
	font-family: ionicons;
	font-size: 3rem;
	pointer-events: none;
	color: #dcdcdc;
}

.search-form input[type="search"] {
	width: 100%;
	padding: 1rem 2.8rem 0.9rem 1.2rem;
	font-size: 1.6rem;
}

.search-form input[type="submit"] {
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	text-indent: -9999px;
	border-color: transparent !important;
	background: transparent !important;
}

.search-form input[type="submit"]:hover {
	box-shadow: none;
}

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

	.search-form {
		width: auto;
		margin-bottom: 4rem;
	}

}


/* Site Header
 * ========================================================================== */

.site-header,
.header-image .site-header {
	width: 100%;
	z-index: 999;
	padding: 2rem 0;
	position: relative;
	background: #fff0;
}




.title-area {
	float: left;
}

.site-title {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 5rem;
	margin: 0 auto;
}

.site-title a {
	color: #1a1a1a;
	text-decoration: none;
}

.header-image .site-title {
	display: block;
	text-indent: -9999px;
}

.header-image .site-title > a {
	background-position: center center !important;
	background-size: contain !important;
	float: left;
	height: 6rem;
	background-image: url(images/logo_dark.png);
}

@media (min-width: 1000px) {
	.header-image .site-title > a {
		width: 24rem;
	}
}

@media (max-width: 999px) {
	.header-image .site-title > a {
		width: 20rem;
	}
}


@media only screen and (min-width: 800px) {
	body.with-page-header.header-image:not(.header-scroll) .site-title a {
		background-image: url(/wp-content/uploads/2019/12/newLogo3transparentBlackAndWhite.png) !important;
	}
}


.header-image .title-area {
	margin: 0;
	width: 14rem;
}

.site-description {
	display: none;
}

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

	.site-header,
	.header-image .site-header {
		/* AWA 20220621	padding: 3rem 0 2.5rem; */
		/* AWA 20220621		position: fixed; */
		top: 0;
		left: 0;
		right: 0;
	}

	.admin-bar {
		top: 32px;
	}

	.header-scroll .site-header {
		background: #fff0;
		padding: 0;
		box-shadow: 0 0 2rem rgba(0,0,0,0.05);
	}

	.site-header .wrap {
		max-width: none;
	}

	.site-title {
		font-size: 3.2rem;
		line-height: 8rem;
	}

	.header-image .title-area {
		width: 20rem;
	}

	.with-page-header .site-title a {
		color: #fff;
	}

	.header-scroll .site-title a {
		color: #1a1a1a;
	}

	.header-scroll .site-header .genesis-nav-menu .menu-item.highlight a {
		border: 2px solid #1a1a1a;
		color: #1a1a1a;
	}
}

/* Navigation
 * ========================================================================== */

.genesis-nav-menu li {
	display: inline-block;
	list-style: none;
	position: relative;
}

.genesis-nav-menu a {
	border: none;
	display: block;
	margin: 0 1.6rem 0;
	position: relative;
	opacity: 0.8;
	color: #1a1a1a;
}

.genesis-nav-menu li a:hover,
.genesis-nav-menu .menu-item a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
	text-decoration: none;
	opacity: 1;
}

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

	.with-page-header .genesis-nav-menu a,
	.with-page-header .genesis-nav-menu .menu-item.highlight a {
		color: #fff;
	}

	.header-scroll .site-header .genesis-nav-menu a {
		color: #1a1a1a;
	}

	.genesis-nav-menu .menu-item.highlight a {
		background: transparent;
		border: 2px solid #1a1a1a;
		border-radius: 5px;
		line-height: 1;
		padding: 1rem 2rem 0.8rem;
	}

	.with-page-header .genesis-nav-menu .menu-item.highlight a {
		border: 2px solid #fff;
	}

	.genesis-nav-menu .menu-item.highlight a:hover {
		background: #fff;
		color: #1a1a1a;
	}

	.genesis-nav-menu .sub-menu {
		width: 18rem;
		z-index: 99;
		background: #fff;
		box-shadow: 0 2rem 2rem -0.05rem rgba(0,0,0,0.1);
		border-radius: 5px;
		opacity: 0 !important;
		margin-top: 0;
		position: absolute;
		left: 0;
		margin-left: 2rem;
		pointer-events: none;
		text-align: left;
		display: block !important;
	}

	.genesis-nav-menu > li .sub-menu:before {
		content: " ";
		position: absolute;
		top: -0.5rem;
		left: 1.6rem;
		width: 0;
		height: 0;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 5px solid #fff;
	}

	.genesis-nav-menu .menu-item:hover > .sub-menu {
		opacity: 1 !important;
		pointer-events: all;
	}

	.genesis-nav-menu > .menu-item:hover > .sub-menu {
		margin-top: -1rem;
	}

	.genesis-nav-menu .sub-menu li a {
		border-top: none;
		padding: 0.8rem 1.6rem;
		margin: 0;
		color: #1a1a1a;
		width: 100%;
	}

	.genesis-nav-menu .sub-menu li {
		width: 100%;
	}

	.genesis-nav-menu .sub-menu li:first-child > a {
		padding-top: 1.6rem;
	}

	.genesis-nav-menu .sub-menu li:last-child a {
		padding-bottom: 1.2rem;
	}

	.genesis-nav-menu .sub-menu .sub-menu {
		margin: 0 0 0 17.8rem;
		top: 0;
	}

	.genesis-nav-menu .sub-menu .sub-menu:before {
		display: none;
	}
}

/* Responsive Menu Button */
button.menu-toggle {
    display: none;
    background: transparent;
    color: #1a1a1a;
    width: 50px;
    height: 50px;
    border: none;
    cursor: pointer;
    font-size: 2rem;
    padding: 0 0 0 0 !important;
}

@media only screen and (max-width: 800px) {
    .site-header .wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

	.site-header,
	.header-image .site-header {
		padding: 0 0;
	}

    .title-area {
        display: flex;
        align-items: center;
    }

    button.menu-toggle {
        display: block;
        margin-left: auto;
        background: transparent;
        font-size: 2rem;
        color: #1a1a1a;
    }

    button.menu-toggle:before {
        content: "\2630"; /* Unicode for burger icon */
    }

    button.menu-toggle.activated:before {
        content: "\2715"; /* Unicode for cross icon */
    }

    /* Changer la couleur du bouton activé pour qu'elle corresponde au menu */
    button.menu-toggle.activated {
        background-color: #f2f2f2;
    }

    .nav-primary {
        display: none;
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
        background-color: #fff;
        z-index: 999;
    }

    .nav-primary.activated {
        display: block;
        background-color: #f2f2f2; /* Couleur légèrement plus foncée */
    }

    .nav-primary .genesis-nav-menu {
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .nav-primary .genesis-nav-menu li {
        margin: 0;
        padding: 0;
    }

    .nav-primary .genesis-nav-menu a {
        display: block;
        padding: 1rem;
        text-decoration: none;
        color: #1a1a1a;
    }

    .nav-primary .genesis-nav-menu a:hover {
        background-color: #e0e0e0; /* Couleur d'arrière-plan au survol */
    }
}


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

	.nav-primary {
		text-align: right;
	}

	.bg-primary .nav-primary {
		padding-bottom: 22px;
	}

	.nav-primary .genesis-nav-menu > li > a {
		margin: 0 0 0 24px;
		padding: 3rem 0;
	}

	.nav-primary .genesis-nav-menu > li.left {
		float: left;
	}

	.nav-primary .genesis-nav-menu > li.menu-item-has-children > a:after {
	    top: 18px;
	}
}

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

	.nav-primary .genesis-nav-menu > li > a {
		margin: -2px 0 0 36px;
	}
}

/* Sub Nav
 * ========================================================================== */

.nav-secondary {
	text-align: center;
	overflow: hidden;
	width: 100%;
	padding: 0;
	position: relative;
	z-index: 99;
}

.nav-secondary .wrap {
	padding: 0;
}

.nav-secondary .genesis-nav-menu {
	padding: 1.6rem 0;
	margin-bottom: -1.6rem;
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

.nav-secondary .genesis-nav-menu li {
	list-style-type: none;
	display: inline-block;
	margin: 0 1rem;
	padding: 4px;
}

.nav-secondary ul li:first-child {
	margin-left: 5%;
	padding-left: 0;
}

.nav-secondary ul li:last-child {
	margin-right: 5%;
	padding-right: 0;
}

.nav-secondary .genesis-nav-menu li a {
	opacity: 0.8;
	padding: 2rem 0;
	margin: 0;
}

.nav-secondary .genesis-nav-menu li.current-menu-item a {
	opacity: 1;
}

.nav-secondary .genesis-nav-menu li.current-menu-item a:after {
	content: " ";
	border-bottom: 5px solid #333;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

@media only screen and (min-width: 800px) {
	.nav-secondary {
		width: 100%;
	}
}

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

	.nav-secondary .genesis-nav-menu li {
		margin: 0 12px;
	}

	.nav-secondary ul li:first-child {
		margin-left: 0;
	}

	.nav-secondary ul li:last-child {
		margin-right: 0;
	}

}

/* WooCommerce Account Nav
 * ========================================================================== */

body.woocommerce-account .entry-title {
	text-align: center;
}

body.woocommerce-account .woocommerce-MyAccount-navigation {
	text-align: center;
	width: 100%;
	float: none;
}

body.woocommerce-account .woocommerce-MyAccount-content {
	width: 100%;
	float: none;
	max-width: 80rem;
	margin: 0 auto;
}

.woocommerce-MyAccount-navigation ul {
	margin: 0 0 4rem !important;
}

.woocommerce-MyAccount-navigation li {
	display: block;
	list-style: none;
}

.woocommerce-MyAccount-navigation li a {
	text-decoration: none;
	padding: 1rem;
	display: inline-block;
}

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

	.woocommerce-MyAccount-navigation li {
		display: inline-block;
	}
}


/* Pagination
 * ========================================================================== */

.pagination,
body.woocommerce-page nav.woocommerce-pagination {
	margin: 4rem auto;
	text-align: center;
}

.pagination.adjacent-entry-pagination {
	padding: 4rem 0;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}

.pagination.adjacent-entry-pagination .pagination-previous,
.pagination.adjacent-entry-pagination .pagination-next {
	float: none;
	text-align: center;
	padding: 2rem 0;
}

.pagination ul,
body.woocommerce-page nav.woocommerce-pagination ul {
	display: inline-block;
}

.pagination li,
body.woocommerce-page nav.woocommerce-pagination ul li {
	border-radius: 0;
	margin: 2px;
	list-style-type: none;
	display: block;
	float: left;
}

.pagination .pagination-omission {
	border: 0;
}

.pagination:not(.adjacent-entry-pagination) li a {
	display: block;
	padding: 1rem 1.5rem 0.8rem;
	text-decoration: none;
	color: #1a1a1a;
	border-radius: 5px;
	background: transparent;
}

.pagination li a:hover,
.pagination li.active a,
body.woocommerce-page nav.woocommerce-pagination ul li span.current {
	background: #73B2C6;
	color: #fff;
}

@media only screen and (min-width: 800px) {
	.pagination.adjacent-entry-pagination .pagination-previous {
		float: left;
		text-align: left;
		padding: 2rem 0;
	}

	.pagination.adjacent-entry-pagination .pagination-next {
		float: right;
		text-align: right;
		padding: 2rem 0;
	}
}

/* Background Images and Colors
 * ========================================================================== */

.with-background-image {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.with-background-image:after {
	-ms-filter: "alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.30;
}

.bg-primary,
.bg-primary a {
	color: #fff;
}

[class*="bg-"],
[class*="bg-"] .wrap {
	position: relative;
	z-index: 2;
}

.bg-primary:after,
.bg-light-gray:after {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
}

.bg-primary:after {
	background: #1a1a1a;
}

.bg-light-gray:after {
	background: #dcdcdc;
}

/* Page Header
 * ========================================================================== */

.page-header {
	padding: 8rem 0;
	position: relative;
	text-align: center;
	color: #fff;
	background-color: #1a1a1a;
}

.page-header h1,
.page-header .author-box-title {
	line-height: 1.2;
	font-size: 40px;
	display: inline-block;
}

.homepage {
	text-align:center;
}


.page-header h1:last-child {
	margin-bottom: 0;
}

.page-header p {
	font-size: 2.4rem;
	max-width: 74rem;
	margin-left: auto;
	margin-right: auto;
}

.page-header p:last-child {
	margin-bottom: 0;
}

.page-header a:not(.button) {
	opacity: .5;
}

.page-header a:hover:not(.button) {
	opacity: 1;
}

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

	.page-header {
		padding: calc(7% + 10.8rem) 0 7%;
	}

	.home .page-header {
		padding: calc(10% + 10.8rem) 0 10%;
	}

	.page-header h1,
	.page-header .author-box-title {
		font-size: 6rem;
	}

	.page-header .entry-meta {
		font-size: 1.6ren;
	}

}


/* gutemberg replacement */
.wp-block-image img {
    box-sizing: border-box;
    height: auto;
    max-width: 100%;
    vertical-align: bottom
}

.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a {
    border-radius: inherit
}

.wp-block-image.has-custom-border img {
    box-sizing: border-box
}

.wp-block-image.aligncenter {
    text-align: center
}

.wp-block-image.alignfull img,.wp-block-image.alignwide img {
    height: auto;
    width: 100%
}

.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright {
    display: table
}

.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption {
    caption-side: bottom;
    display: table-caption
}

.wp-block-image .alignleft {
    float: left;
    margin: .5em 1em .5em 0
}

.wp-block-image .alignright {
    float: right;
    margin: .5em 0 .5em 1em
}

.wp-block-image .aligncenter {
    margin-left: auto;
    margin-right: auto
}

.wp-block-image figcaption {
    margin-bottom: 1em;
    margin-top: .5em
}

.wp-block-image .is-style-rounded img,.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img {
    border-radius: 9999px
}

@supports ((-webkit-mask-image: none) or (mask-image:none)) or (-webkit-mask-image:none) {
    .wp-block-image.is-style-circle-mask img {
        border-radius:0;
        -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
        mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
        mask-mode: alpha;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain
    }
}

.wp-block-image :where(.has-border-color) {
    border-style: solid
}

.wp-block-image :where([style*=border-top-color]) {
    border-top-style: solid
}

.wp-block-image :where([style*=border-right-color]) {
    border-right-style: solid
}

.wp-block-image :where([style*=border-bottom-color]) {
    border-bottom-style: solid
}

.wp-block-image :where([style*=border-left-color]) {
    border-left-style: solid
}

.wp-block-image :where([style*=border-width]) {
    border-style: solid
}

.wp-block-image :where([style*=border-top-width]) {
    border-top-style: solid
}

.wp-block-image :where([style*=border-right-width]) {
    border-right-style: solid
}

.wp-block-image :where([style*=border-bottom-width]) {
    border-bottom-style: solid
}

.wp-block-image :where([style*=border-left-width]) {
    border-left-style: solid
}

.wp-block-image figure {
    margin: 0
}


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

.has-text-align-left {
    text-align: left
}

.has-text-align-right {
    text-align: right
}



/* Pricing Table
 * ========================================================================== */

.pricing-table,
.pricing-table > * {
	display: flex;
	flex-wrap: wrap;
}

.pricing-table > * {
	align-self: stretch;
}

.pricing-table > * > * {
	align-self: stretch;
	flex-grow: 1;
	width: 100%;
}

.pricing-table .plan {
	box-shadow: inset 0 0 0 2px #f0f0f0;
	text-align: center;
	padding: 40px 20px 20px;
	margin: 0 0 40px;
	width: 100%;
	position: relative;
	transition: all .2s ease-out;
	font-size: 14px;
	margin-bottom: 40px;
}

.pricing-table .plan em {
	opacity: .5;
	margin-bottom: 20px;
	display: block;
}

.pricing-table .plan h3 {
	color: #73B2C6;
}

.pricing-table .plan h3 span {
	font-size: .66em;
}

.pricing-table .plan ul {
	margin: 0 0 40px;
	line-height: 2;
}

.pricing-table .plan ul li {
	list-style: none;
}

.pricing-table .plan p {
	padding-left: 2rem;
	padding-right: 2rem;
	z-index: 3;
	align-self: flex-end;
}

.pricing-table .plan ul.small {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1rem;
	letter-spacing: 0.07em;
	margin-bottom: 2rem;
	opacity: 0.75;
}


.pricing-table .plan.featured {
	background: #fff;
	box-shadow: 0 0 0 4px #73B2C6;
	z-index: 2;
	border-radius: 5px;
}

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

	.pricing-info {
		padding-top: 8rem;
	}

	.pricing-table .plan {
		margin-bottom: 4rem !important;
	}

	.pricing-table .plan.one-fourth {
		width: 50%;
		margin: -2px 0 0 -2px;
	}

	.pricing-table .plan.one-fourth:first-child,
	.pricing-table .plan.one-fourth:nth-child(3) {
		margin-left: 0;
	}

	.pricing-table .plan.one-third {
		width: 33%;
		margin: 0 0 0 -2px;
	}

	.pricing-table .plan.one-third:first-child {
		margin-left: 0;
	}
}

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

	.pricing-table .plan.one-fourth {
		width: 25%;
		margin: 0 0 0 -2px;
	}

	.pricing-table .plan.one-fourth:first-child {
		margin-left: 0;
	}

	.pricing-table .plan.one-fourth:nth-child(3) {
		margin-left: -2px;
	}
}


/* Archives
 * ========================================================================== */

.archive-description {
	margin-bottom: 4rem;
	padding-bottom: 2.5rem;
	border-bottom: 1px solid #dcdcdc;
}


@media only screen and (max-width: 800px) {
	.archive-description {
		margin-bottom: 2rem;
		padding-bottom: 0.5rem;
	}
}
/* Entries
 * ========================================================================== */

.entry {
	margin-bottom: 1em;
}

.page-template-page_blog .entry,
.blog .entry,
.archive .entry:not(.product),
.single-post .entry {
	margin-bottom: 4rem;
	padding: 1rem 0;
	border-bottom: 1px solid #dcdcdc;
	position: relative;
}

.page-template-page_blog .entry:last-child,
.blog .entry:last-child,
.archive .entry:last-child {
	border-bottom-width: 0px;
}

.single-post .entry:first-child {
	padding: 0;
	border-bottom: 0;
	margin-bottom: 0;
}

.page-template-page_blog .blog-template-description {
	display: none;
}

.entry-title a {
	color: #005173;
	font-weight: 100;
}

.entry-content ol,
.entry p,
.entry-content p,
.author-box p,
.entry-content ul,
.entry ul,
.entry ol,
.entry-content .wp-video,
.entry-content .wp-audio-shortcode,
.entry-content .video-player,
.quote-caption {
	margin-bottom: 2em;
	line-height: 2;
}

.entry-content ol,
.entry ol,
.entry-content ul,
.entry ul {
	margin-left: 4rem;
}

.single .entry-content p.intro,
.page:not(.page-template-page_blog) .entry-content p.intro {
    display: block;
    font-size: 2.4rem;
    font-weight: 300;
}

.single .entry-content p.intro:after,
.page .entry-content p.intro:after {
    content: " ";
    border-bottom: 1px solid #dcdcdc;
    margin: 4rem auto;
    display: block;
}

.post-image.entry-image {
	margin-bottom: 4rem;
}

.entry-content .gform_wrapper ul.gform_fields {
	margin: 0 0 3rem;
}

.entry-content ol li,
.entry ol li {
	list-style-type: decimal;
}

.entry-content ul li,
.entry ul li {
	list-style-type: disc;
}

.entry-content ol ol,
.entry ol ol,
.entry-content ul ul,
.entry ul ul {
	margin-bottom: 0;
}

.entry-content ul.list-unstyled,
.entry-content ol.list-unstyled {
	margin-left: 2rem;
}

.entry-content ul.list-unstyled > li,
.entry-content ol.list-unstyled > li,
.entry-content .gform_wrapper ul li {
	list-style: none;
}

/* Author Box
 * ========================================================================== */

.single .author-box {
	margin: 4rem auto 4rem;
	text-align: center;
	position: relative;
}

.single .author-box .author-box-title {
	margin: 0;
}

.author-box .avatar,
body.woocommerce-page img.avatar {
	max-width: 8rem;
	height: 8rem;
	width: 8rem;
	border-radius: 4rem;
	margin-bottom: 2rem;
}

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

	.single .author-box {
		padding-left: 10rem;
		text-align: left;
	}

	.author-box .avatar {
		position: absolute;
		left: 0;

	}
}


/* Entry Grid
 * ========================================================================== */

.tvatheme-entry-grid .entry {
	overflow: hidden;
	margin-top: 2rem;
	margin-bottom: 2rem;
	padding: 0;
	position: relative;
	text-align: center;
	border: 0;
}

.tvatheme-entry-grid .entry:hover {
	transform: translateY(-0.5rem);
	box-shadow: 0 2rem 2rem -1rem rgba(0,0,0,0.25);
}

.tvatheme-entry-grid .entry a {
	border: 0;
	overflow: hidden;
	color: #fff;
}

.tvatheme-entry-grid .entry img {
	display: block;
}

.overlay {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.3);
	-ms-filter: "alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	z-index: 0;
}

.overlay:hover {
	-ms-filter: "alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.overlay-inner  {
	width: 100%;
	height: 100%;
	display: table;
	overflow: hidden;
}

.overlay-details {
	display: table-cell;
	padding: 1.6rem;
	vertical-align: middle;
	position: relative;
	z-index: 3;
}

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

	.tvatheme-entry-grid {
		margin-left: -1rem;
		margin-right: -1rem;
		width: calc( 100% + 2rem );
	}

	.tvatheme-entry-grid .entry {
		width: calc( 50% - 2rem );
		float: left;
		margin: 1rem;
	}
}


/* Comments
 * ========================================================================== */


body.woocommerce #review_form #respond,
body .woocommerce form.checkout_coupon,
body .woocommerce form.login,
body .woocommerce form.register,
body .woocommerce-MyAccount-content form {
	background: #f7f6f7;
	border: 0;
    padding: 2rem 2rem 1rem;
	margin-bottom: 4rem;
    border-radius: 5px;
}

.entry-comments,
.entry-pings {
	padding: 4rem 0 0;
}

p.comment-meta,
.entry-comments .comment,
.entry-comments .comment-reply {
	margin-bottom: 4rem;
}

.entry-comments .comment {
	padding: 2rem 0;
	border-bottom: 1px solid #dcdcdc;
}

.entry-comments .comment:last-child {
	margin-bottom: 0;
	border: 0;
}


.comment-header {
	line-height: 1;
}

.comment-author {
	margin: 6px 0 2px;
}

.comment-author span:first-of-type {
	font-weight: 700;
}

.comment-author .avatar {
	float: left;
	margin-right: 1.6rem;
	margin-bottom: 1.6rem;
	border-radius: 2.4rem;
	margin-top: -0.6rem;
}

.comment-autor, .comment-meta a {
	text-transform: uppercase;
}

.comment-meta a {
	font-size: 1.2rem;
}

.comment-edit-link {
	margin-bottom: 2rem;
	display: inline-block;
}

.entry-pings .reply {
	display: none;
}

.comment-form p label {
	font-weight: bold;
}

p.comment-form-comment {
	margin-bottom: 2rem;
}


.comment-reply-title small {
	font-size: 1.8rem;
	font-weight: 400;
}

.entry-comments ul.children {
	margin-left: 4rem;
}

.ping-list .reply {
	display: none;
}

@media only screen and (min-width: 800px) {
	.comment-respond,
	body.woocommerce #review_form #respond,
	body .woocommerce form.checkout_coupon,
	body .woocommerce form.login,
	body .woocommerce form.register,
	body .woocommerce-MyAccount-content form {
		padding: 4rem 4rem 3rem;
		margin-bottom: 0;
	}
}

/* Widget Areas
 * ========================================================================== */

.sidebar .widget {
	margin-bottom: 2rem;
	padding-bottom: 2rem;
}

.sidebar .widget:last-child {
	border-bottom: 0;
}

.widget-area ul li {
	list-style-type: none;
	margin-bottom: 1.6rem;
}

/* Before Footer Widget Area
 * ========================================================================== */

.before-footer {
	background: #f7f6f7;
	padding: 6rem 0;
}

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

	.before-footer {
		padding: 10rem 0;
	}

	.before-footer .enews form {
		margin-left: -1rem;
		margin-right: -1rem;
		width: calc( 100% + 2rem );
	}

	.before-footer .enews form input {
		margin: 0 1rem;
		width: calc( 25% - 2rem );
		float: left;
	}
}


/* Footer Widgets
 * ========================================================================== */

.footer-widgets {
	padding: 6rem 0 0;
	background: #1a1a1a;
	color: #fff;
}

.footer-widgets .widget-area {
	margin-bottom: 4rem;
}

.footer-widgets a:not(.button) {
	color: #fff;
	opacity: .5;
}

.footer-widgets a:not(.button):hover {
	opacity: 1;
}

.footer-widgets .widgettitle {
	opacity: 1;
	text-transform: none;
	letter-spacing: 0;
	font-weight: bold;
	font-size: 1.8rem;
	margin-bottom: 3rem;
}

.footer-widgets .simple-social-icons ul {
	margin-top: 1rem !important;
}

.footer-widgets .simple-social-icons ul li {
	margin: 0px 2.4rem 1.2rem 0 !important;
}

.footer-widgets .simple-social-icons ul li a {
	padding: 0px !important;
	border: 0px !important;
}

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

	.footer-widgets {
		padding: 10rem 0 0;
	}

	.footer-widgets .widgettitle {
		margin-bottom: 6rem;
	}
}


/* Site Footer
 * ========================================================================== */

.site-footer {
	padding: 4rem 0;
	background: #1a1a1a;
	text-align: center;
	color: #fff;
	opacity: .5;
}

.site-footer a {
	color: #fff;
}

.site-footer p {
	margin-bottom: 0;
}

/********************/
/* front plugin q4all*/
/********************/

/* Styles généraux pour toutes les alertes */
.alert-info,
.alert-warning,
.alert-danger,
.alert-success {
    border-radius: 5px;
    border-style: solid;
    border-width: 0px;
    padding: 1em;
    margin-bottom: 0.2em;
    position: relative;
    gap: 10px;
    border-left-width: 5px; /* Barre latérale plus épaisse */
}

/* Info (Gris clair) */
.alert-info {
    background-color: lightgrey;
    border-color: #333;
    color: red;
    border-left-color: #6c757d; /* Gris foncé */
}

/* Warning (Jaune pâle) */
.alert-warning {
    background-color: lightyellow;
    border-color: #333;
    color: #333;
    border-left-color: #ffcc00; /* Jaune foncé */
}

/* Danger (Rouge pâle) */
.alert-danger {
    background-color: #F8D7DA;
    border-color: #721c24;
    color: #721c24;
    border-left-color: #E7664C; /* Rouge assorti */
}

/* Succès (Vert pâle) */
.alert-success {
    background-color: #D4EDDA;
    color: #155724;
    border-color: #155724;
    border-left-color: #28a745; /* Vert */
}

.errorMessage {
	font-size: small;
	color: red;
	background-color: lightyellow;
}

.warningMessage {
  font-size: small;
  color: red;
  background-color: lightgrey;
}


.characterCountCell {
  font-size: small;
  color: #333;
  padding:0.5em;
  margin: 2em;
  padding: 0.1em;
}


.sstitrespecial{
 color : #545454 !important;
 font-size: 100% !important;
 }

.smartFormOption {
	font-size:120%; 
	margin:5px;
	background-color:aliceblue;
	color:black;
	border-style:solid;
	border-color:grey;
	font-weight:bold;
	height:2.7em;
}

.nosprosLink a:hover {
	color: #73B2C6;
	background-color: ;
}
.nosprosLink a {
	color: #000;
	text-decoration: none;
	font-weight: 100 !important;
}

.y {
		content: "\2605";
		color: #FCAE00;
}

/*********************************/
/* formulaire de contact des pros*/
/*********************************/


.contact-form {
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    font-family: Arial, sans-serif;
    color: #111;
    display: none;
  	flex-direction: column;
    position: fixed; // Positionnement fixe
    top: 50%; // Centré verticalement
    left: 50%; // Centré horizontalement
    transform: translate(-50%, -50%); // Ajustement pour un centrage parfait
    background-color: #f9f9f9; // Fond blanc ou gris pâle
    z-index: 2000; // Assurez-vous qu il est au-dessus du fond grisé
    justify-content: space-between; 
    max-height: 90vh; /* 90% de la hauteur de la fenêtre de visualisation */
    overflow-y: auto; /* Permettre le défilement vertical si le contenu dépasse */
}

.form-title {
    font-size: 2em;
    font-weight: bold;
    color: #555;
    padding: 1.2em;
}

.form-address {
	font-size:0.7em !important;
	font-weight: lighter;
    color: #555;
    padding: 1.2em;
}


.form-footer {
    resize: vertical;
}

.form-body textarea::placeholder, .form-body input[type="text"]::placeholder {
    color: #888888; /* La couleur de votre choix */
}

/* Pour assurer la compatibilité avec les navigateurs WebKit comme Chrome, Safari, etc. */
.form-body textarea::-webkit-input-placeholder, .form-body input[type="text"]::-webkit-input-placeholder {
    color: #888888;
}

/* Pour Firefox */
.form-body textarea::-moz-placeholder, .form-body input[type="text"]::-moz-placeholder {
    color: #888888;
    opacity: 1; /* Firefox réduit l'opacité par défaut */
}

/* Pour Internet Explorer */
.form-body textarea:-ms-input-placeholder, .form-body input[type="text"]:-ms-input-placeholder {
    color: #888888;
}

.form-header {
    display: flex;
    justify-content: space-between;
}
.close-button {
    cursor: pointer;
    font-size: 20px;
}

.form-body textarea, .form-body input[type="text"] {
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    float:left;
    color: #000;
}
.form-body textarea {
    resize: vertical;
    float: left;
}

.form-error {
    text-align: left;
    float:left;
    width:50%;
}



.submit-button {
    display: block;
    width: auto;
    padding: 10px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.submit-button:hover {
    background-color: #0056b3;
}

.closeFormButton {
	text-align:right;
	padding:4px;
	cursor: pointer;
	color:#33A3CE;
	float:right;
}


.boutonRDV{
	width: 170px !important;
	margin: 0em !important;
}

.formAVIS {
}

#avisProForm {
	background-color:#E9F8FC; 
	border-radius:5px;
	position:fixed;
	height:0px;
	width:80%;
	top: 20px;
	z-index:999;
	padding: 1em;
	max-width:750 !important;
}

.boutonAVIS{
	width: 100% !important;
	margin: 0em !important;
}

#titreDesAvis {
    color: black;
    text-align: center;
    padding-top: 1em;
    font-size: x-large;
}


@media screen and (min-width: 1024px) {
    .contact-form {
    	left:25% !important;
    	right:25% !important;
    }

}

@media screen and (max-width: 1024px) {
    .contact-form {
    	left:5%;
    	right:5%;
    }
}

@media screen and (min-width: 1025px) {
    .contact-form {
    }
	.form-body textarea, .form-body input[type="text"] {
	 }
}

@media screen and (max-width: 600px) { /* Ajustez selon le besoin */
    .contact-form {
        top: 10%; /* Moins centré verticalement */
        left: 5%; /* Plus de marge à gauche */
        right: 5%; /* Plus de marge à droite */
        bottom: 10%; /* Moins centré horizontalement */
        transform: translate(0, 0); /* Ajustement du centrage */
    }

    .zoneavis .y {
        display: inline-block; /* Les étoiles sur une seule ligne */
        /* Autres ajustements pour les étoiles si nécessaire */
    }

	.form-body textarea, .form-body input[type="text"] {
		margin:4px;
	 }

    .form-title {
    	font-size:1.1em;
    }
    .form-address {
    	font-size:0.9em;
    }
}

/***************/
/* liste de liens vers les tags avocats */
/***************/

.links-container {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.links-container a {
    box-sizing: border-box;
    flex-basis: calc(33.333% - 10px); /* Définit la base pour 3 colonnes */
    text-align: center;
    text-decoration: none;
    color: #73B2C6; /* Couleur de base des liens */
    background-color: transparent; /* Arrière-plan transparent */
    transition: color 0.3s; /* Animation douce pour le changement de couleur */
}

.links-container a:hover {
    color: #527D8D; /* Couleur plus foncée pour l'état hover */
}

/* Pour les écrans moyens, utilisez 2 colonnes */
@media (max-width: 800px) {
    .links-container a {
        flex-basis: calc(50% - 10px); /* Largeur pour 2 colonnes */
    }
}

/* Pour les écrans petits, utilisez 1 colonne */
@media (max-width: 500px) {
    .links-container a {
        flex-basis: 100%; /* Largeur pour 1 colonne */
    }
}



/***********/
/* phone  */
/***********/
@media screen and (max-width: 600px) {
  .boutonRDV{
        width: 120px !important;
        font-size:10px !important;
        padding:10px !important;
    }

  } 
}

h1.titrespecial {
 color : #15709E !important;
 font-weight: bold !important;
 font-size: 160% !important;
 }

 .cliquezphoto{
 color : #15709E;
 letter-spacing:4pt;
 font-size: 130%;
 }

.titre_image_moderne {
 color : #000000;
 font-weight: bold;
 font-size: 90%;
 text-decoration: none !important;
}


div.titre_image_moderne:hover {
	  background-color:#CEE7FA; 
	  border: 1px dotted; 
	  border-color: #669 #669 #669 #669; 
      text-decoration: none !important;
      text-align:center;
       vertical-align: top;
}


.titre_image_moderne a:link {
 	color : #000000;
    font: 115% \'trebuchet ms\',helvetica,sans-serif; 
	letter-spacing: 2px;
	margin: 6px;
}

.titre_image_moderne a:hover {
      text-decoration: none;
}

.titre_image_moderne a:visited {
	 color : #000000;
}

.legende_image_moderne {
	color : #545454;
	font-size: 70%;
	letter-spacing: 0px;
	line-height: 100%;

}


 
h2.grosseaccroche{
 color : #000000;
 font-size: 160%;
 letter-spacing:1pt;
 }

 
h2.accroche{
 color : #E76727;
 font-weight: bold;
 font-size: 110%;
 }
 
.smalltext {
	font-style: italic;
	font-size: 80%;
	line-height: 100%;
}

.titre_image{
 color : #000000;
 font-weight: bold;
 font-size: 90%;
}


.titre_image:hover {
	  background-color:#CEE7FA; 
	  border: 1px dotted; 
	  border-color: #669 #669 #669 #669; 
      text-decoration: none;
}

.titre_image a:hover {
      text-decoration: none;
}



.legende_image {
	color : #545454;
	font-size: 80%;
	line-height: 100%;

}


.formClass{
	position:relative;
	padding: 10px;
	margin-left: 5%;
	margin-right: 5%;
}

td {
	height: 20px;
}


.fldClassBig{
	width:450px;
}

.tdClass1{
	width:250px;
}



.lgdClass{
 margin-left:10px;
 color : #15709E;
 font-weight: bold;
 font-size: 130%;
 }

textarea.myform {
	font-style: italic;
	color: #444;
	width: 100%;
}

.txtDefaultDescription {
	font-style: italic;
}

input.myformsubmit { 
	  color:#550; 
	  font: bold 125% \'trebuchet ms\',helvetica,sans-serif; 
	  background-color:#def; 
	  border: 4px dotted; 
	  border-color: #669 #667 #667 #669; 
}

input.myformsubmit:hover { 
	  color:#E76727; 
	  font: bold 125% \'trebuchet ms\',helvetica,sans-serif; 
	  background-color:#def; 
	  border: 4px dotted; 
	  border-color: #E76727; 
}


input.mysimpleformsubmit { 
	  margin-top: 10px;
	  margin-bottom: 10px;
	  margin-left: 30px;
	  margin-right: 30px;
	  color:#FFF; 
	  background-color:#E68713; 
	  font: 125% \'trebuchet ms\',helvetica,sans-serif; 
	  cursor: pointer;
}

input.mysimpleformsubmit:hover { 
	  color:#E68713; 
	  background-color:#ffe790; 
	  cursor: pointer;
}

.gobutton { 
	  margin-top: 10px;
	  margin-bottom: 10px;
	  margin-left: 30px;
	  margin-right: 30px;
	  color:#FFF; 
	  background-color:#E68713; 
	  font: 105% \'trebuchet ms\',helvetica,sans-serif; 
	  border: 2px solid; 
	  border-color: #E68713 #E68713 #E76727 #E76727; 
	  cursor: pointer;
}

.gobutton:hover { 
	  color:#E68713; 
	  font: 105% \'trebuchet ms\',helvetica,sans-serif; 
	  background-color:#ffe790; 
	  border: 2px solid; 
	  border-color: #E68713 #E68713 #E76727 #E76727; 
	  cursor: pointer;
}

.simpleform { 
	  color:#FFF; 
	  font: 125% \'trebuchet ms\',helvetica,sans-serif; 
	  background-color:#777; 
	  border: 2px solid; 
	  border-color: #555 #555 #222 #222; 
}

.simpleformentete {
 margin-left:10px;
 margin-right: 10px;
 margin-top: 5px;
 margin-bottom: 5px;
 color : #FFF;
 font-size: 105%;
 }

#formsecondpart {
	display: none;
}

#formmiddlearea {
}

.nbpro {
	color: #00FF00;
}

.errorSimpleMessage {
	color: #FFE790;
    font: 100% \'trebuchet ms\',helvetica,sans-serif; 
}


#table-2 {
	border: 1px solid #e3e3e3;
	background-color: #f2f2f2;
        width: 100%;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#table-2 td, #table-2 th {
	padding: 5px;
	color: #333;
}
#table-2 thead {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: .2em 0 .2em .5em;
	text-align: left;
	color: #4B4B4B;
	background-color: #C8C8C8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e3e3e3), color-stop(.6,#B3B3B3));
	background-image: -moz-linear-gradient(top, #D6D6D6, #B0B0B0, #B3B3B3 90%);
	border-bottom: solid 1px #999;
}
#table-2 th {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-shadow: white 1px 1px 1px;
}
#table-2 td {
	line-height: 20px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align: center;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}
#table-2 td:hover {
	background-color: #fff;
}

.ht { background:#FFFFFF; padding-top:10px}
.bt { padding-bottom:10px; vertical-align: top; }
.tableavis { width:100%; }
.notice { font-size: 80%; color:#E06141; }
.boutonaction { border: 2px solid #f1f1f1; border-radius: 10px; padding:10px; margin: 5px; background-color: #5A7AD2; color: #FFF; font-size:90%; cursor: pointer; }

/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
@media screen and (min-width: 601px) {
  .cta {
    font-size: 20px;
    cursor:pointer;
  }
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 600px) {
  .cta {
    font-size: 4vw;
  }
  .cta:hover {
  	background-color:#FCAE00;
    cursor:pointer;
  }
}


.ficheavocat { border: 2px solid #f1f1f1; border-radius: 5px; padding:10px; margin: 5px; width:100%; }
.zoneglobalavisadresse { width:100%; }
.zonenotice { 
	    color: black;
    text-align: center;
    width: 90%;
    font-size: small;
  }
.zoneadresse { font-size:120%; margin-top:0px; text-align: right; padding:10px; }

.competences { font-size:66%; margin:2px; text-align: right; padding-left:5px; padding-right:5px; float:right; background-color: #5A7AD2; color: #FFF;  }

.competences-white { font-size:70%; border-radius:5px; margin:2px; padding-left:2px; padding-right:2px; border-style:solid; border-color:#AAA; border-width:1px; background-color: #FFF; color: #222; display: inline-block; }

.bouton-rdv { font-size:90%; border-radius:5px; margin:2px; text-align: right; padding-left:5px; padding-right:5px; float:right; border-style:solid; border-color:#666; border-width:1px; background-color: #73B2C6; color: #FFF;  }

.zoneavis { font-size:120%; margin-top:0px; margin-left:0px; margin-right:0px; text-align:right; margin-bottom:20px;  white-space: nowrap; }
@media screen and (max-width: 600px) {
	.zoneavis { font-size:100%; }
}

.zonephoto { float:right; }
.tabletag tr td { color:#000000; background-color: #EEEEEE; }
.tabletag { width: 100%; }

.avisProFiche {
	background-color: #FAFAFA;
	margin-bottom: 1em;
	padding: 1em;
    margin: auto;
    margin-top: 1em;
}

.avisProFicheExcerpt {
	background-color: #FAFAFA;
	margin-bottom: 1em;
	padding: 1em;
    max-width: 700px;
}


.avisProDescription {
	font-style: italic;
}
.proLigne { width:100%;}
.proPhoto { width:170px;height:170px;border-radius: 5px; }
@media (max-width: 600px) { 
    .proPhoto {
        width: 120px !important;
        height: 120px !important;
        margin:0px !important;
    }
}

.proPhotoSmall {   width: 100%;  max-width: 120px;  aspect-ratio: 1 / 1; border-radius:5px; display: block; margin-bottom: 10px; margin-left:auto; margin-right:auto;  }
.proNom { width:auto;}
.proAdresse { width:auto;}
.proDemande { width:auto;}
.proCompetences { width:auto;}
.proStar { width:auto; color:#FCAE00; font-size:0.7em }
.tableDesPros { line-height:1.5; }
.titreAvis { font-style:italic;  font-weight: bold; font-color: black }
.tdAvis { border-top: 0px; }
.proAvisDetaille { font-style:italic; }

/******************************/
/* mini smart form            */
/******************************/

.miniform {	border-color:grey;	border-style:solid; }
.miniformcontainer {  display: block;  position: relative;  cursor: pointer;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  text-align:left; }

.miniformcontainer:hover {
  background-color: lightgrey;
}


/**** Mobile ***************/
@media (min-width: 1024px) {
    .floatRightOnMobile {
        float: right;
    } 
 }

@media (max-width: 767px) {
	.miniform {		line-height:3vw;	padding:2vw;	width:100%; }
	.miniformcontainer {  font-size: 3.5vw; padding:1vw; }
}

/**** Desktop **************/
@media (min-width: 768px) and (max-width: 1095px) {
	.miniform {		line-height:2vw;	padding:2vw;	width:70%; }
	.miniformcontainer {  font-size: 2.2vw; padding:1vw;   }
	 select{
	   width:auto;
	}
}

/**** Big Desktop **************/
@media (min-width: 1096px) {
	.miniform {		line-height:1.3vw;	padding:2vw;	width:70%; }
	.miniformcontainer {  font-size: 1.1vw; padding:0.2vw;   }
	 select{
	   width:auto;
	}
}


/*  checkbox for miniform */
.miniformcontainer input {
  position: relative;
  cursor: pointer;
  height: 2em;
  width: 2em;
  margin:0.5em;
  vertical-align:middle;
} 

.alert-dismissable, .alert-dismissible {
    padding-right: 35px;
}

/*****question icon****/
#question i {
    font-size: 13px;
}
#question1 i {
    font-size: 13px;
}

/****media query****/
@media(max-width:768px){
	
	.page-id-17321 button {
	    white-space: inherit !important;
	    line-height: 20px !important;
	}
	select#iTypeOptions {
	    width: 100% !important;
	}
	.page-id-17321 fieldset {
	     padding: 10px !important;
	   
	}
	.page-id-17321 fieldset select {
	    padding: 10px !important;
	}
	
	div#bouton_devis input.btn.btn-primary.btn-lg {
	    width: 90% !important;
	    white-space: inherit !important;
	    display: block !important;
	    line-height: 20px !important;
	}

}


/* Styles pour les checkbox dans la classe "inscription" */

/* Assurez que les labels prennent 100% de la place dans leur colonne */
.inscription label {
    width: 100%;
    box-sizing: border-box; /* Inclut le padding et les bordures dans la largeur totale */
    cursor: pointer; /* Permet de cliquer sur tout le label */
    border: 1px solid transparent;
    padding: 10px;
}

/* Label par défaut, avec fond blanc et bordures */
.inscription label {
    display: inline-block;
    padding: 10px;
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #ffffff; /* Fond blanc par défaut */
    transition: background-color 0.3s ease; /* Transition pour le changement de couleur */
}

/* Ajouter un effet au survol sur les labels */
.inscription label:hover {
    background-color: #f5f5f5;
    border-radius: 5px;
}

.inscription input[type="checkbox"] {
    margin-right: 10px;
    cursor: pointer;
    transform: scale(1.2); /* Agrandir la checkbox */
}

/* Disposition en grille pour organiser les cases en colonnes */
.inscription {
    width: 100%; /* S'assure que le conteneur prend toute la largeur disponible */
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 colonnes égales */
    gap: 10px; /* Espacement entre les éléments */
}

/* Adapter la mise en page pour les grands écrans */
@media (min-width: 768px) {
    .inscription {
        grid-template-columns: repeat(3, 1fr); /* 3 colonnes pour les grands écrans */
    }
}

/* Sur les petits écrans (mobile), garder 1 seule colonne */
@media (max-width: 768px) {
    .inscription {
        grid-template-columns: 1fr; /* 1 colonne pour les petits écrans */
    }
}


/* Formulaire d inscription */

/* Style pour la rangée entière qui est cliquable dans la classe "inscription" */
.inscription .checkbox-col {
    display: flex;
    align-items: center;
    padding: 2px;
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 5px;
    transition: background-color 0.3s;
}

/* Media query pour les écrans de moins de 768px (tablettes et mobiles) */
@media (max-width: 768px) {

    /* Réduire la taille des checkboxes et du padding */
    .inscription .checkbox-col {
        padding: 5px;  /* Réduire le padding */
        font-size: 14px;  /* Réduire la taille de la police */
    }

    /* Ajuster la taille des cases à cocher */
    .inscription input[type="checkbox"] {
        transform: scale(1);  /* Réduire la taille des checkboxes */
        margin-right: 8px;
    }

    /* Empêcher les labels de se répartir sur plusieurs lignes */
    .inscription label {
        width: auto;
        white-space: nowrap;
    }
}

/* Media query pour les écrans très petits (moins de 480px) */
@media (max-width: 480px) {

    .inscription .checkbox-col {
        padding: 3px;  /* Encore moins de padding */
        font-size: 12px;  /* Réduire encore la taille de la police */
    }

    .inscription input[type="checkbox"] {
        transform: scale(0.9);  /* Réduire encore la taille des checkboxes */
    }
}

/* Couleur du fond si sélectionné (ajouté via JS) */
.selected {
    background-color: #5DA3BA !important; /* Changer la couleur de fond */
    color:white !important;
}


/* Formulaire pour les commentaires */
/* Style général du formulaire */
.comment-form {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Champs de texte */
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fff;
    font-size: 16px;
}

/* Champs au survol ou focus */
.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form textarea:focus {
    border-color: #0073aa;
    box-shadow: 0 0 5px rgba(0, 115, 170, 0.5);
    outline: none;
}

/* Style du bouton de soumission */
.comment-form .btn-primary {
    background-color: #0073aa;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
}

.comment-form .btn-primary:hover {
    background-color: #005177;
}

.custom-comment-title {
    font-size: 24px; /* Taille du texte */
    color: #0073aa;  /* Couleur personnalisée */
    font-weight: bold; /* Texte en gras */
    text-align: center; /* Centrer le texte */
    margin-bottom: 20px; /* Ajouter de l'espace en dessous */
}

.comment-notes {
    font-size: 14px;
    color: #555;
}

/* Style des labels */
.comment-form label {
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
}

/* Style pour le lien vers les commentaires */
.comment-count-link {
    text-decoration: none;
    color: #0073aa; /* Couleur du lien */
    font-weight: bold;
    padding: 5px 10px;
    background-color: #f0f0f0; /* Fond gris clair */
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.comment-count-link:hover {
    background-color: #0073aa; /* Fond bleu au survol */
    color: #fff; /* Texte blanc au survol */
}
.comment-list .children {
    margin-left: 30px; /* Ajustez la valeur pour l'indentation */
}

.comment-list .children .comment {
    border-left: 2px solid #ddd; /* Ajoutez une ligne pour visualiser l'imbrication */
    padding-left: 15px;
}

.smallItalic {
    font-style: italic;
    font-size: 80%;
}

/* ======= dark-blue cta ===============*/

.darkblue-cta {
	background-color: #005173;
	color:white;
	margin:5px;
	padding:0.5em;
	padding-bottom:1em;
	border-radius: 5px;
}


/**************************************/
/* sticky popup basse de contact */
/**************************************/

.stickyContainer {
	width:100%;
    background-color: #005173;
    padding: 24px 0px;
    position: fixed;
    bottom: 0px;
    color: #ffffff;
    text-align: center;
    font-family: Arial, sans-serif;
}



/**************************************/
/* widget de contact sur les articles */
/**************************************/
.qcontainer {
    background-color: #005173;
    border-radius: 5px;
    padding: 20px;
    color: #ffffff;
    text-align: center;
    max-width: 600px;
    margin: 20px auto;
    font-family: Arial, sans-serif;
}

@media (max-width: 600px) {
    .qcontainer .widget-wrap div[style*="display:flex"] {
        flex-direction: column !important;
        align-items: center;
    }

    .qcontainer .widget-wrap div[style*="display:inline-block"] {
        width: 100% !important;
        margin-bottom: 10px;
    }
}


.qbtn {
    background-color: #73B2C6;
    color: #ffffff;
    padding: 5px 15px;
    border: none;
    border-radius: 5px;
    text-decoration: none;
    font-size: 16px;
	transition:         all .75s cubic-bezier(0, 1, .5, 1);
	font-weight:500;
	margin:0.5em;
}

.qbtn:hover {
    opacity: 0.70;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    text-decoration: none;
    cursor: pointer;
}


.qbigbtn {
    background-color: #73B2C6;
    color: #ffffff;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2em;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-spacing: 0.1rem;
    padding: 1rem 2rem 1rem;
    border: none;
    border-radius: 5px;
    text-decoration: none;
	transition:         all .75s cubic-bezier(0, 1, .5, 1);
	margin-top:0.5em;
}

.qbigbtn:hover {
    opacity: 0.7;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    text-decoration: none;
    cursor: pointer;
}

.qbtntitle {
 	font-size: 25px;
	letter-spacing: -0.5px;
	text-transform: none;
}


.qbtn span {
    pointer-events: none; /* Assure que les animations ou les effets de style s'appliquent à tout le bouton, pas seulement au texte */
}

@media (max-width: 600px) {
    .responsive-btn {
        float: none !important;
        display: block;
        margin: 1em auto;
        text-align: center;
    }
}

.avocat-card {
    transition: transform 0.3s ease;
}

.avocat-card:hover .avocat-img {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}

.avocat-card .avocat-img {
    transition: transform 0.3s ease;
}

.avocat-card:hover .avocat-nom a {
    color: #FDAE02; /* or #ffcc00 for doré */
    text-decoration: none;
}

.avocat-card:hover .avocat-adresse {
    color: #cccccc;
}

/* on enlève le fil d'ariane des pros sur mobile */
@media screen and (max-width: 600px) {
  .fil-ariane {
    display: none;
  }
}

/* ==== couleurs pour la tag landing ==== */
.tva-landing-intro-divorce {
    margin: 0 auto 3rem auto;
    padding: 0 1rem;
}

.tva-landing-layer {
    max-width: 1100px;
    margin: 0 auto 2rem auto;
    padding: 2.5rem;
    background: #F5F5F5; /* gris clair */
    border-radius: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    align-items: center;
}

.tva-landing-text {
    flex: 1 1 55%;
    min-width: 260px;
}

.tva-landing-actions {
    flex: 1 1 35%;
    min-width: 220px;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    align-items: stretch;
}

.tva-landing-title {
    font-size: 2.2rem;
    margin-bottom: 0.75rem;
}

.tva-landing-subtitle {
    font-size: 1.05rem;
    line-height: 1.6;
    margin-bottom: 1rem;
    color: #444;
}

.tva-landing-benefits {
    margin: 0 0 0;
    padding-left: 1.2rem;
}

.tva-landing-benefits li {
    margin-bottom: 0.4rem;
}

/* Notes sous les boutons */
.tva-landing-note {
    font-size: 0.9rem;
    color: #666;
}


/* Boutons generaux */
.tva-cta-button {
    display: block;
    width: 100%;
    padding: 0.85rem 1.4rem;
    text-align: center;
    font-weight: 600;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

/* Bouton principal: Deposer une demande */
.tva-cta-primary {
    background: #005173;
    color: white;
    box-shadow: 0 2px 4px rgba(0, 81, 115, 0.25);
}

.tva-cta-primary:hover {
    background: #FDAE02;
    color: white;
    text-decoration: none;
    box-shadow: 0 4px 8px rgba(0, 81, 115, 0.35);
}

/* Bouton secondaire: Voir la liste des avocats ou CTA secondaires */
.tva-cta-secondary {
    background: #73B2C6;
    color: white;
}

.tva-cta-secondary:hover {
    background: #5d9bb0;
    color: white;
    text-decoration: none;
}

/* Notes sous les boutons */
.tva-cta-note {
    font-size: 0.65rem;
    color: #666;
}

/* CTA inline */
.tva-inline-cta {
    background: #F5F5F5; /* gris clair */
    border-left: 4px solid #73B2C6;
    padding: 1rem;
    border-radius: 6px;
    margin: 1.5rem 0;
}

/* Bloc CTA final */
.tva-block-cta-final {
    margin-top: 2rem;
    background: #F5F5F5; /* fond gris */
    padding: 1.5rem;
    border-radius: 10px;
}

/* Bandeau principal CTA */
.tva-block-cta {
    background: #F5F5F5;
    padding: 1.5rem;
    border-radius: 10px;
    margin: 2rem 0;
}


/* Mobile: on empile tout proprement */
@media (max-width: 768px) {
    .tva-landing-layer {
        padding: 2rem 1.5rem;
    }
    .tva-landing-actions {
        align-items: stretch;
    }
}