@import url("https://use.typekit.net/fql0izt.css");

/* -- 
body & container
-- */

body.bubble{
	background-image: linear-gradient(280deg, #009abf 0%, #93a397 100%) !important;
	border-top: 5px solid transparent;
}
body.bubble {
    --title-font: "din-2014", sans-serif !important;
}

#mainContainer {
    background: var(--third-color);
}

body.bubble .afterHomeSection{
	background: #e9e9e9;
}

body.bubble #mainFooter {
    background: #d3d3d3;
}
/* -- 
contents & composants
-- */

input {
    border-radius: 4px !important;
    max-height: 41px;
}

body.bubble #mainWrapper .wrapper #mainColumn .homeSearch .widgetSearch .widgetContent .formGroup .formItem button {
    padding: 10px !important;
    border: none !important;
    background: none !important;
}

.button {
  color: #000000;
  border-radius: 30px !important;
  border: 1px solid var(--second-color) !important;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 12px 24px !important;
  background: var(--third-color) !important;
  background-size: 200% 100%;
  background-position: left center;
  transition: background-size .4s ease-in-out;
  cursor: pointer;
  text-align: center;
}

.button:hover {
  background: var(--second-color) !important;
  background-position: right center;
  color: var(--third-color) !important;
  transition: background-position .4s ease-in-out;
}
.button:hover .buttonText{
  color: var(--third-color) !important;
}
.button:hover .icon{
  color: var(--flash-color) !important;
}

.button .icon, #mainHeaderWidgets .widgetAdmin .widgetContent ul li a .icon {
    margin-right: 10px;
    font-size: var(--button-icon-size);
    color: var(--button-icon-color) !important;
}

body.bubble .afterHomeSection .widget .widgetTitles .widgetTitle {
    margin-bottom: 10px;
    font-family: var(--title-font);
    color: var(--second-color);
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
}

.cover{
	background-position: center;
	background-size: cover;
	
	min-height: 400px;
}
.pageCover, .mainColorSection{
	min-height: 150px;
	background-image: linear-gradient(280deg, rgba(0, 154, 191, 1) 0%, #93a397 100%) !important;
	background-repeat: no-repeat;
}

.pageList .beforeContent{
	padding: 30px 0px;
}

#mainHeader #mainLogoWrapper #mainLogo {
    width: auto;
    max-height: 85px;
    max-width: 150px;
}

body.bubble #mainWrapper .wrapper #mainColumn .homeSearch .widgetBienvenue {
    background: #1d1d1d;
}

body.bubble #mainWrapper .wrapper #mainColumn .homeSearch{
	transform: translateY(-100px);
	margin-bottom: -100px; 
}
body.bubble #mainWrapper .wrapper #mainColumn .widgetInspiration{
	margin-top: 30px;
}

#mainColumn .widgetInspiration .widgetTitles .widgetTitle,
body.bubble #mainWrapper .wrapper #mainColumn .homeSearch .widgetSearch .widgetContent .title,
.widgetBienvenue .widgetTitle,
body.bubble .afterHomeSection .widget .widgetTitles .widgetTitle{
	letter-spacing: 1px;
}
#mainFooter .widget .widgetTitle {
    letter-spacing: 1px;
    font-family: var(--title-font);
    font-weight: 700;
    color: var(--second-color);
}
.widgetProductsGrid .productsGrid li footer .productLink a{
	color: var(--flash-color);
}

#footerLogo{
	max-width: 200px;
}

.beforeContent .widgetSearchAdvanced .widgetContent .formSubmit .button, .beforeContent .widgetSearchAdvanced #mainHeaderWidgets .widgetAdmin .widgetContent .formSubmit ul li a, #mainHeaderWidgets .widgetAdmin .beforeContent .widgetSearchAdvanced .widgetContent .formSubmit ul li a, .beforeContent .widgetSearchAdvanced #mainHeaderWidgets .widgetAdmin .widgetContent ul li .formSubmit a, #mainHeaderWidgets .widgetAdmin .beforeContent .widgetSearchAdvanced .widgetContent ul li .formSubmit a{
	color: #fff;
}

#mainColumn .widgetInspiration ul li a .icon{
	color: var(--flash-color);
}

header#mainHeader {
    background: var(--third-color);
    padding: 1rem 0 0.5rem 0;
}

.widget.widgetInfosCom .widgetTitles .widgetTitle {
    margin-right: 10px;
    font-family: var(--title-font);
    color: var(--second-color);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
}

.widgetContent ul li a {
    color: var(--flash-color)!important;
}
/*
**
section actualité du moment start
**
*/

.widget.widgetInfosCom .widgetContent {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    align-items: center;
    padding: 1rem;
    background: #ffffff;
    border-radius: calc(var(--radius)* 1);
}

.textContentInfos h2.titleContent {
    font-size: 1.5rem;
    font-weight: 900;
    margin-bottom: 1rem;
}

.textContentInfos p.textContent {
    font-size: 1rem;
}

.widget.widgetInfosCom {
    padding: 0 !important;
}

.rounded-xl a img {
    border-radius: 0.75rem;
}
/*
**
section actualité du moment end
**
*/

#mainFooter .widgetCategories .widgetContent ul li a strong {
    color: var(--main-color);
    font-weight: 700;
}

#mainFooter .widgetCategories .widgetContent ul li a span {
    color: var(--second-color)
}

section.secondRow wrapper div {
    color: var(--main-color) !important;
}

#mainFooter .secondRow {
    color: var(--main-color);
    background-color: var(--second-color);
    text-align: center;
}
#mainFooter .secondRow a:hover {
    color: var(--third-color) !important;
}

#mainFooter .secondRow .widgetLinks .widgetContent ul li:before {
    color: var(--main-color);
}

/*
 * Style pour le widget newContact start
 */

 #mainHeaderWidgets .widgetNewContact .button, #mainHeaderWidgets .widgetNewContact .widgetAdmin .widgetContent ul li a, #mainHeaderWidgets .widgetAdmin .widgetContent ul li .widgetNewContact a {
    border: 1px var(--second-color) solid !important;
	color: var(--second-color)  !important;
}

/*
 * Style pour le widget newContact end
 */

p.formSubmit .secondaryButton {
    background: var(--second-color) !important;
    color: var(--third-color);
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}