/* cmsms stylesheet: florale full-width modified: samedi 30 octobre 2021 00:45:50 */
h3{
margin: 10px 0 !important;
color: #000;
}
input[type="text"], input[type="password"], input[type="number"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="search"], input[type="tel"], input[type="url"], input[type="file"], select, textarea{
width: auto !important;
font-size: 1.1em;
border: 1px solid #46ACE2;
}

.menu-block{
cursor: pointer;
display: inline-block;
width: 48%;
border: 1px solid #777777;
padding: 20px;
margin: 7px;
}
.menu-block-blue{
background: rgba(111, 168, 220, 0.65);
}
.menu-block-purple{
background: rgba(194, 123, 160, 0.65);
}
.menu-block-blue:hover{
background: rgba(111, 168, 220, 1);
}
.menu-block-purple:hover{
background: rgba(194, 123, 160, 1);
}
.menu-block-title{
text-align: center;
margin: 10px;
}
.menu-block-subtitle{
text-align: center;
margin: 20px;
}
#section-wrapper{
overflow: hidden;
}
.search-page{
background-color: #C27BA0;
}
#page-title{
color: #3F3F3F;
font-weight: bold;
margin: 20px 25px 0px;
padding: 0;
}
.maincontent{
width: 100% !important;
background-color: #FFFFFF;
margin-top: 0;
padding: 0 30px;
overflow: hidden;
}

.split-column{
padding: 10px;
}
.ui-widget{
font-size: 1em !important;
}
.ui-accordion .ui-accordion-content{
padding: 1em !important;
}
#search-criteria select{
min-width: 150px;
}
/* cmsms stylesheet: BLOG1200-style 2 full-width modified: jeudi 13 mars 2025 08:43:29 */
/* BLOG1200 v2.1 (by PMKMedia.nl/blog1200) */

 

/* body css */
html,body {height:100%;}
body {background:#fff;font-family:'Open Sans',sans-serif;color:#000;font-size:15px;font-weight:300;line-height:20px;-webkit-text-size-adjust:100%;display:table;width:100%;}

/* headings and paragraph margin css */
h1,h2,h3,h4,h5,h6,p {margin:15px;}
main h1,main h2,main h3,main h4,main h5,main h6,main p,.footerblock h1,.footerblock h2,.footerblock h3,.footerblock h4,.footerblock h5,.footerblock h6,.footerblock p {margin:25px 0;}

/* headings css */
h1 {font-size:25px;font-weight:400;color:#000;}
h2 {font-size:25px;font-weight:400;color:#000;}
h3 {font-size:20px;font-weight:400;color:#000;}
h4 {font-size:20px;font-weight:400;color:#000;}	
h5 {font-size:15px;font-weight:400;color:#000;}
h6 {font-size:15px;font-weight:400;color:#000;}

/* list css */
ul {list-style-type:disc;margin:15px 45px;}
ol {list-style-type:decimal;margin:15px 45px;}
ul li,ol li {display:list-item;}

/* link css */
a {color:#000;text-decoration:underline;}
a:visited {color:#333;}
a:hover {color:#999;}
a:active {color:#666;}

.gridlink a {font-size:18px;font-weight:600;text-decoration:none;color:#000;}
.gridlink a:hover {color:#000;}

/* elements css */
strong,b {font-weight:400;}
em,i {font-style:italic;}
u {text-decoration:underline;}
hr {color:#CCC;border:0;background:#CCC;height:1px;margin:0 25px;}

/* CMSMS MicroTiny WYSIWYG Editor text left */
.CMSMSBody {text-align:left;}

/* form css */
.contactform table {width:92%;margin:12px 4%;}
.form-size-content form table {width:96%;margin:25px 2%;}
.contactform h1,.contactform h2,.contactform h3,.contactform h4,.contactform h5,.contactform h6,.contactform p {margin:15px;}

.form-size-content form {padding:0 10px 10px 10px;}

.form {margin:15px;}
.form th,.form td {border:0;padding:2px 0;}
.form h1,.form h2,.form h3,.form h4,.form h5,.form h6,.form p {margin:10px 0;}

.form input {border-radius:0;}
.form select {border-radius:0;-webkit-appearance:none;}
.form input,.form textarea,.form button,.form select {font-family:'Open Sans',sans-serif;font-size:15px;font-weight:300;}
.form input[type=text],.form input[type=email],.form input[type=tel],.form input[type=password],.form select,.form textarea {padding:7px;background:#fff;border:1px solid #CCC;}
.form input[type=radio],.form input[type=checkbox] {margin-top:15px;}
.form input[type=submit],.form input[type=reset] {margin-top:10px;padding:10px;background:#000;color:#fff;border:0;font-weight:400;width:auto;}
.form input[type=submit]:hover,.form input[type=reset]:hover {background:#000;cursor:pointer;}

.website,.website * {display:none !important;}

/* table css */
table {width:94%;margin:25px 3%;border-spacing:0;border-collapse:collapse;}
table th {border:1px solid #CCC;background:#d8d8d8;}
table td {border:1px solid #CCC;}

/* content css */
header,.footer {margin:0 auto;max-width:1450px;background:#fff;}
header{
border-width: 0px 0px 1px 0px;
border-color: #7B7B7B26;
box-shadow: 0px 7px 13px -15px rgba(0,0,0,0.5);
}
.active-block{
background-color: #e6f7ff;
}
#section-wrapper{

}
main {height:100%;line-height:25px;}
main .content {margin-top:10px;}
.maincontent a {word-break:break-all;}
.footer {margin-top:10px;}
footer {display:table-row;}
footer .one-column {background:none;text-align:center;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
header .one-column {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
header .three-column {padding:15px;text-align:right;}

.logo-florale{
 float: left; margin-top: 20px; margin-right: 15px; padding: 0 !important;
}
.logo-florale img{
 max-width: 100px;
}
.logo {float: right; margin-top: 10px; padding: 0 !important;}
.logo img {height:58px;width:auto;float:right;}
#nav-mobile img {height:30px;width:auto;margin:-5px;}

.split-column {background:#fff;-webkit-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.35);-moz-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.35);box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.35);}

.blogsummary a {text-decoration:none;}
.blogmoreurl img,.blogsummary img {-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
.blogmoreurl:hover img,.blogsummary img:hover{opacity:0.5;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
.blogmoreurl:hover,.blogsummary:hover {cursor:pointer;}
.blogmoreurl a {color:#000;text-decoration:none;}
.blogmoreurl:hover a {color:#999;}
.blogmoreurl img {width:75px;float:left;margin:5px 15px 0 15px;}
.blogmoreurl p {min-height:70px;border-bottom:1px solid #CCC;padding-bottom:15px;padding-left:90px;display:block;}
.blogmoreurl:last-child p {min-height:55px;border-bottom:0;padding-bottom:0;}

.blogdetails {background:#efefef;font-size:12px;padding:5px 10px;margin-top:-25px;}
.blogdetails a {color:#000;text-decoration:underline;}

.readmore {background:#000;color:#FFF;font-weight:400;padding:10px;text-align:center;}
.readmore a {color:#FFF;text-decoration:none;}
.readmore:hover {background:#000;}

.pagebrowser p {text-align:center;}
.newsbrowser a,.pagebrowser a {background:#000;color:#FFF;font-weight:400;text-decoration:none;padding:5px 15px;}
.newsbrowser a:hover,.pagebrowser a:hover {background:#000;}

.prev-news {float:right;}
.next-news {float:left;}

.search label {display:none;}
.search-button {display:none;}

.sideblog h1,.sideblog h2,.sideblog h3,.sideblog h4,.sideblog h5,.sideblog h6,.sideblog p {margin:15px;}

.categories a {color:#FFF;background:#000;text-decoration:none;padding:5px 10px;margin-right:5px;line-height:40px;white-space:nowrap;}
.categories a:hover {background:#000;}

.categorie {color:#FFF;background:#000;position:absolute;padding:5px 10px;margin:25px;z-index:1;}

.keywords {font-style:italic;margin:25px;text-align:center;border-top:1px solid #CCC;border-bottom:1px solid #CCC;}
.keywords span {color:#000;font-style:normal;font-weight:400;}

.zoomin {position:absolute;margin:5px 30px;z-index:1;display:none;}
.zoomin img {width:32px;}
.articleimg:hover .zoomin {display:block;}

video {display:block;}
.video {margin:0 25px;}

.comments {padding:0 17px 17px 17px;}

.hide-mobile {display:block;}

.nav-top {position:fixed;right:10px;bottom:10px;height:48px;width:48px;z-index:4000;background:#000;display:none;}
.nav-top:hover {background:#000;}
.nav-top p {color:#fff;font-size:34px;}

blockquote p {display:block;padding:15px;border:1px solid #CCC;border-left:10px solid #CCC;font-style:italic;font-weight:400;text-indent:40px;background: url(__URL,,2c37ffc898f7e81294f01a9b2e36b968__);background-size:40px 30px;background-position:7px 7px;background-repeat:no-repeat; quotes:" “ " " ” " " ‘ " " ’ ";}
blockquote p:before {content:open-quote;}
blockquote p:after {content:close-quote;}

/* socialmedia widgets */
.twitter-timeline {height:300px !important;width:100% !important;display:block !important;margin-bottom:-2px !important;}
.likebutton {padding:0 15px 15px 15px;line-height:12px;}
.fb-comments,.fb-comments span,.fb-comments iframe,.fb-page,.fb-page span,.fb-page span iframe[style] {width:100% !important;}

/* share buttons */
.facebook-share,.twitter-share,.linkedin-share,.google-share {color:#FFF;text-decoration:none;padding:5px 10px;font-size:15px;font-family: 'Open Sans', sans-serif;margin-right:10px;}
.facebook-share {background:#3b5998;}
.twitter-share {background:#00aced;}
.linkedin-share {background:#007bb6;}
.google-share {background:#dd4b39;}
.facebook-share:hover,.twitter-share:hover,.linkedin-share:hover,.google-share:hover {background:#000;color:#FFF;text-decoration:none;}
.facebook-share:visited,.twitter-share:visited,.linkedin-share:visited,.google-share:visited {color:#FFF;}
.facebook-share,.facebook-share:hover,.twitter-share,.twitter-share:hover,.linkedin-share,.linkedin-share:hover,.google-share,.google-share:hover {background-image: url(__URL,,64b2c1377ea4545a58639cde8501b330__);background-size:15px 15px;background-position:10px 50%;background-repeat:no-repeat;}
.facebook-share strong,.twitter-share strong,.linkedin-share strong,.google-share strong {font-weight:400;margin-left:20px;}

.share-buttons {line-height:45px;}
.share-buttons a {word-break:normal;}

@media screen and (max-width: 800px) {
	
	/* headings css */
	h1,h2 {font-size:20px;}
	h3,h4 {font-size:18px;}	
	h5,h6 {font-size:15px;}
	
	/* content css */
	header .three-column {display:none;}
	
	/* form css */
	.contactform table {width:96%;margin:10px 2%;}

}

@media screen and (max-width: 600px) {
	
	/* content css */
	.hide-mobile {display:none;}
	
	.newsbrowser a {padding:5px 10px;}

	.prev-news,.next-news {float:none;text-align:center;}
	
	/* form css */
	.contactform table {width:92%;margin:12px 4%;}
	.form-size-content form table {width:92%;margin:15px 4%;}

	/* table css */
	table {width:90%;margin:15px 5%;font-size:12px;}

}

#icons-menu, #default-menu {
    float: left;
    padding-top: 20px;
}
#default-menu {
   margin-left: 15px;
}
#icons-menu{
 margin-left: 10px;
}

/* menu css */
#nav-mobile {display:none;}

#menu {font-size:15px;}
#menu, #menu ul {list-style:none;padding:0;margin:0;}
#menu li {float:left;position:relative;}
#menu li ul {position:absolute;margin-top:-10%;margin-left:10%;display:none;}
#menu ul li ul,#menu ul ul li ul {margin-top:-20%;margin-left:80%;}

/* show submenu 1 */
#menu li:hover ul {display:block;}
#menu li:hover ul ul {display:none;}

/* show submenu 2 */
#menu ul li:hover ul {display:block;}
#menu ul li:hover ul ul {display:none;}

/* show submenu 3 */
#menu ul ul li:hover ul {display:block;}

/* menu link css */
#menu a {display:block;background:#FFF;color:#000;text-decoration:none;padding:15px 20px;text-transform: uppercase;
font-weight: bold;}
#menu a:hover {color:#000; background: #ececec;}
#menu ul {background:#999;border:1px solid #CCC;width:200px;}
#menu ul a {background:#fff;color:#000;font-size:14px;width:198px;padding:15px;border:0;}

.currentpage {color:#FFF !important;background:#000 !important;}

/* menu z-index */
#menu {z-index:1000;}
#menu ul {z-index:2000;}
#menu ul ul {z-index:3000;}
#menu ul ul ul {z-index:4000;}

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

	/* menu link css */
	#menu a {padding:15px 15px;}

}

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

	/* mobile menu css */
	#nav-mobile {padding:15px;display:block;font-weight:600;background:url(__URL,,6f20d3ae2eb22afbd21825813855e31b__) no-repeat right;background-position:98% 50%; background-size:22px;-moz-background-size:22px;-webkit-background-size:22px;}
	
	#menu {display:none;border:0;}
	#menu-mobile:hover #menu {display:block;}

	/* menu css */
	#menu li {float:none;}
	#menu li ul,#menu ul li ul,menu ul ul li ul {position:relative;margin-top:0;margin-left:0;display:block;}
	#menu li:hover ul ul,#menu ul li:hover ul ul {display:block;}
	#menu ul {width:100%;border:0;}

	/* menu link css */
	#menu li a {background:#fff;}
	#menu ul a {width:100%;padding:15px 10%;}
	#menu ul li ul a {width:100%;padding:15px 15%;}
	#menu ul li ul ul a {width:100%;padding:15px 20%;}

}

/* fixed header css */
header {z-index:200;position:fixed;width:100%;top:0;right:0;left:0;margin-right:auto;margin-left:auto;}
main {z-index:1000;}
main .content {margin-top:91px;} /* header height */
footer {z-index:1000;}

@media screen and (max-width: 800px) {	
	
	header:hover {overflow:auto;max-height:100%;}
	
}
/* cmsms stylesheet: BLOG1200-grid 2 full-width modified: mardi 26 octobre 2021 14:59:08 */
/* BLOG1200 v2.1 (by PMKMedia.nl/blog1200) */

/* reset */
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0;padding:0;}
img,fieldset{border:0;}
/* set html5 elements to block */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
/* apply a natural box layout model to all elements */
*,*:after,*:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
/* viewport css */
@-webkit-viewport{width:device-width;}@-moz-viewport{width:device-width;}@-ms-viewport{width:device-width;}@-o-viewport{width:device-width;}@viewport{width:device-width;}
/* body css */
body{margin:0;text-align:center;}
.section{clear:both;padding:0;margin:0;}
/* media css */
img{width:auto;height:auto;display:block;}
.video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.video iframe,.video object,.video embed{position:absolute;top:0;left:0;width:100%;height:100%;}
/* form css */
input[type=text],input[type=password],input[type=number],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=email],input[type=search],input[type=tel],input[type=url],input[type=file],input[type=button],input[type=submit],input[type=reset],select,textarea{-webkit-appearance:none;border-radius:5px;}
input[type=text],input[type=password],input[type=number],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=email],input[type=search],input[type=tel],input[type=url],input[type=file],select,textarea{width:100%;}
/* general table css */
table{width:100%;word-wrap:break-word;}
/* split column css */
.split-column{float:left;width:100%;margin-bottom:20px;}
.split-column:last-child {margin-bottom:0;}
/* content css */
.content{margin:0 auto;text-align:left;max-width:1450px;} /* width of your responsive website (example 1200px) */
.one-column{float:left;width:98%;margin:10px 1%;}
.two-column,.two-fourth-column{float:left;width:48%;margin:10px 1%;}
.three-column{float:right;width:31.333333%;margin:10px 1%;}
.four-column,.one-fourth-column{float:left;width:23%;margin:10px 1%;}
.three-fourth-column{float:left;width:73%;margin:10px 1%;}
.six-column{float:left;width:14.666666%;margin:10px 1%;}
.five-sixth-column{float:left;width:81.333333%;margin:10px 1%;}
@media screen and (max-width: 800px) {
.one-column,.two-fourth-column,.three-column,.two-third-column,.one-fourth-column,.three-fourth-column,.six-column,.five-sixth-column{width:97%;margin:10px 1.5%;}
.two-column,.four-column{width:47%;margin:10px 1.5%;}
}
@media screen and (max-width: 600px) {
.content{min-width:300px;}
.one-column,.two-column,.two-fourth-column,.three-column,.two-third-column,.four-column,.one-fourth-column,.three-fourth-column,.six-column,.five-sixth-column{width:96%;margin:10px 2%;}
}
/* cmsms stylesheet: BLOG1200-slimbox 2 2 modified: mercredi 15 septembre 2021 08:51:43 */
/* BLOG1200 v2.1 (by PMKMedia.nl/blog1200) */

#lbOverlay {position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#000;cursor:pointer;}

#lbCenter,#lbBottomContainer {position:absolute;z-index:9999;overflow:hidden;background-color:#fff;}

.lbLoading {background:#fff url(__URL,,e2813fa3ec6e8dd8abd49d4c8f1e03dd__) no-repeat center;}

#lbImage {position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat;}

#lbPrevLink,#lbNextLink {display:block;position:absolute;top:0;width:50%;outline:none;}

#lbPrevLink {left:0;}

#lbPrevLink:hover {background:transparent url(__URL,,5d479c0fbd4fd83f4f6343addcf197e1__) no-repeat 0 15%;}

#lbNextLink {right:0;}

#lbNextLink:hover {background:transparent url(__URL,,606e0b8d07c2b8fb33214e01c7a33cab__) no-repeat 100% 15%;}

#lbBottom {font-family:'Open Sans',sans-serif;font-size:16px;color:#00afef;line-height:1.4em;text-align:left;border:10px solid #fff;border-top-style:none;}

#lbCloseLink {display:block;float:right;width:66px;height:22px;background:transparent url(__URL,,1ed6fd00b51b4764db347993b076ba39__) no-repeat center;margin:5px 0;outline:none;}

#lbCaption,#lbNumber {margin-right:71px;}

#lbCaption {font-weight:bold;}
/* cmsms stylesheet: Florale-icons-menu modified: lundi 10 mars 2025 19:59:30 */
#icons-menu ul{
  list-style: none; /* Supprime les puces par défaut */
  padding-left: 0;
  display: flex;
  flex-direction: row;
  gap: 10px; /* Espacement entre les éléments */
}
#icons-menu li{
  position: relative; /* Permet de positionner l'image facilement */
}
#icons-menu li a{
  display: block; /* Rend l’image cliquable sur toute la surface */
  width: 65px; /* Largeur de l’image */
  height: 50px; /* Hauteur de l’image */
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  text-indent: -9999px; /* Cache le texte si présent */
  border: 1px solid transparent; /* Bordure invisible par défaut */
  transition: all 0.3s ease-in-out;
  transition: all 0.3s ease;
}

#icons-menu li a.icons-currentpage,
#icons-menu li a:hover{
	border-color: #007bff; /* Bordure visible */
	background-color: #A3D3FF !important; /* Fond légèrement coloré */
}
#icons-menu li a:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#icons-menu li:nth-child(1) a{
	background-image: url('../../modules/Florale/lib/css/images/v2/home_50.png');
	background-color: #FFF;
}
#icons-menu li:nth-child(2) a{
	background-image: url('../../modules/Florale/lib/css/images/v2/aventurer_50.png');
	background-color: #9DC3E6;
}
#icons-menu li:nth-child(3) a{
	background-image: url('../../modules/Florale/lib/css/images/v2/trouver_50.png');
	background-color: #BCD6ED;
}
#icons-menu li:nth-child(4) a{
	background-image: url('../../modules/Florale/lib/css/images/v2/chercher_50.png');
	background-color: #DEEBF7;
}
#icons-menu li:nth-child(5) a{
	background-image: url('../../modules/Florale/lib/css/images/v2/exercer_50.png');
	background-color: #EFF7FF;
}
/* cmsms stylesheet: Florale-icons-menu-vertical modified: mardi 11 mars 2025 09:49:31 */
#icons-menu-vertical{
  margin-left: 0;
}
#icons-menu-vertical ul{
  list-style: none; /* Supprime les puces par défaut */
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 10px; /* Espacement entre les éléments */
}
#icons-menu-vertical li{
  position: relative; /* Permet de positionner l'image facilement */
}
#icons-menu-vertical li a{
  display: block; /* Rend l’image cliquable sur toute la surface */
  padding: 7px 0 0 40px !important;
  width: 400px; /* Largeur de l’image */
  height: 40px; /* Hauteur de l’image */
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: left !important;
  text-indent: 15px; /* Cache le texte si présent */
  border: 1px solid transparent; /* Bordure invisible par défaut */
  text-transform: none  !important;
font-weight: normal !important;
}

#icons-menu-vertical li a.icons-currentpage,
#icons-menu-vertical li a:hover{
	border-color: #007bff; /* Bordure visible */
	background-color: #A3D3FF !important; /* Fond légèrement coloré */
}

#icons-menu-vertical li:nth-child(1){
	display: none;
}
#icons-menu-vertical li:nth-child(2) a{
	background-image: url('../../modules/Florale/lib/css/images/v2/aventurer_50.png');
	background-color: #9DC3E6;
}
#icons-menu-vertical li:nth-child(3) a{
	background-image: url('../../modules/Florale/lib/css/images/v2/trouver_50.png');
	background-color: #BCD6ED;
}
#icons-menu-vertical li:nth-child(4) a{
	background-image: url('../../modules/Florale/lib/css/images/v2/chercher_50.png');
	background-color: #DEEBF7;
}
#icons-menu-vertical li:nth-child(5) a{
	background-image: url('../../modules/Florale/lib/css/images/v2/exercer_50.png');
	background-color: #EFF7FF;
}