/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
:root {
  /* Contrast ratio of minimum 7:1 between color1 and textcolor1 */
  --color1: #000000;
  --textcolor1: #ffffff;
  /* Contrast ratio of minimum 7:1 between color2 and textcolor2 */
  --color2: green;
  --textcolor2: white;
  /* Contrast ratio of minimum 7:1 between color3 and textcolor3 */
  --color3: blue;
  --textcolor3: white;
  /* Contrast ratio of minimum 7:1 between color3 and textcolor3 */
  --color4: red;
  --textcolor4: white;
  --color1: rgba(15, 15, 15, 1);
  --textcolor1: rgba(244, 244, 244, 1);
  --color2: rgba(0, 18, 18, 1);
  --textcolor2: rgba(199, 255, 255, 1);
  --color3: rgba(0, 97, 0, 1);
  --color4: rgba(0, 0, 255, 1);
  --color31: rgba(0, 20, 0, 1);
  --color41: rgba(0, 0, 73, 1);
  --color5: rgba(200, 200, 200, 1);
  --color6: rgba(55, 55, 55, 1);
  --colorblack: rgba(0, 0, 0, 1);
  --colorwhite: rgba(255, 255, 255, 1);
  --colorgreen: rgba(0, 18, 18, 1);
  --colortest: rgba(199, 255, 255, 1);
  --t1: rgba(0, 104, 0, 1);
  --t2: rgba(0, 0, 73, 1);
  --t3: rgba(0, 0, 255, 1);
  /* Contrast ratio of minimum 7:1 between color1 and textcolor1 */
  --color1: rgba(0, 0, 0, 1);
  --textcolor1: rgba(255, 255, 255, 1);
  --color2: rgba(0, 104, 0, 1);
  --color3: rgba(0, 0, 255, 1);
  --color4: rgba(89, 89, 89, 1);
  --monitor1: var(--color2);
  --monitor2: var(--color1);
  --t1: rgba(0, 104, 0, 1);
  --t2: rgba(0, 0, 255, 1);
  --t3: rgba(0, 0, 0, 1);
  /* Contrast ratio of minimum 7:1 between color1 and textcolor1 */
  --color1: rgba(0, 0, 0, 1);
  --textcolor1: rgba(149, 149, 149, 1);
  --textcolor1_2: rgba(255, 255, 255, 1);
  --color2: /*rgba(172, 34, 0, 1);/*rgba(182, 0, 0, 1);/*/rgba(0, 104, 0, 1);
  --textcolor2: rgba(255, 255, 255, 1);
  --color1_2: rgba(43,43,43,1);
  --color2_2: rgba(0, 52, 0, 1);
  --color2_14wh: rgba(0, 52, 0, 1);
  --color3: rgba(0, 55, 255, 1);
  --textcolor3: rgba(255, 255, 255, 1);
  --color3_2: rgba(0, 0, 255, 1);
  --color3_14wh: rgba(0, 0, 158, 1);
  --textcolor3_2: rgba(0, 0, 255, 1);
  --color4: rgba(89, 89, 89, 1);
  --monitor1: var(--color2);
  --monitor2: var(--color1);
  --t1: rgba(0, 104, 0, 1);
  --t2: rgba(0, 0, 255, 1);
  --t3: rgba(0, 0, 0, 1);
  --color3: rgba(0, 56, 255, 1);
  --textcolor1x: rgba(149, 149, 149, 1);
  --textcolor1x: rgba(211, 211, 211, 1);
  --textcolor1: rgba(166, 166, 166, 1);
}
@font-face {
  font-family: "Cables";
  src: url('../fonts/cables/Cables.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
body {
  font-size: 16px;
  font-family: "Roboto", "Noto", sans-serif;
  /*monospace*/
  background: radial-gradient(circle at top, #1A1A1A, black) fixed;
}
body > div {
  font-size: 1rem;
}
.featured-services-title {
  padding: 1rem;
  /*
    background: url('images/3661906.jpg');
    background-size: contain;
    */
  font-weight: bold;
  background-color: #003468;
  text-transform: uppercase;
  color: #C4C4C4;
  font-size: 1.5rem;
}
h1 {
  font-size: 2rem;
  color: white;
}
h2 {
  font-size: 1.5rem;
}
div:not(._access-menu._access) h3 {
  /*
    background: -webkit-linear-gradient(#00C200, #006800, #00C200);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    */
  margin: 1.5rem 0 !important;
}
h4 {
  font-size: 1.2rem;
}
h5 {
  font-size: 1.1rem;
}
h6 {
  font-size: 1.1rem;
}
/*
.button:not(.button-pagelink) {
	padding: 0.70rem;
}
*/
.button-readmore {
  padding: 0;
  background: none !important;
}
/*
.button-readmore, .button-readmore > a {	
	background-color : var(--color2);
	color : var(--textcolor2);
	
	&:hover {
		background: var(--color2);
		color : var(--textcolor2);
	}
}
*/
.button-readmore > a {
  font-size: 1rem;
  line-height: 1.5;
  margin: 0.375rem 0.375rem 0.6875rem;
  padding: 0.375rem 0.75rem;
  box-shadow: 0 0 #004D00, 0 0 #004D00, 0 1px #004D00, 0 2px #004D00, 0 3px #004D00, 0 4px #004D00, 0 5px #004D00, 2px 2.5px 4px #002E00, 0 -1px 2.5px #002E00;
  background-color: #006800;
  border-color: #005700;
  color: #FFFFFF;
  cursor: pointer;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  text-decoration: none;
  backface-visibility: hidden;
  border: 1px solid #005700;
  border-radius: 0.25rem;
  display: inline-block;
  font-weight: 400;
  text-align: left;
  transform: translateZ(5px);
  transform-style: preserve-3d;
  transition: all 0.25s cubic-bezier(0.2, 1, 0.2, 1);
}
.button-readmore > a::after {
  border-color: #005700;
  border-radius: 0.5rem;
  border-width: 0.125rem;
  bottom: -10px;
  left: -0.3125rem;
  right: -0.3125rem;
  top: 0;
  transform: translateZ(-5px);
  border-style: solid;
  box-sizing: content-box;
  content: "";
  display: block;
  position: absolute;
  transform-style: preserve-3d;
  transition: all 0.25s cubic-bezier(0.2, 1, 0.2, 1);
}
.button-readmore > a:hover {
  outline: none;
  box-shadow: 0 0 #004D00, 0 0 #004D00, 0 1px #004D00, 0 2px #004D00, 0 3px #004D00, 0 4px #004D00, 2px 2px 4px #002E00, 0 -1px 2px #002E00;
  background-color: #005700;
  color: #FFFFFF;
  transform: translate3d(0, 1px, 5px);
}
.button-pagelink {
  /*
	padding: 0.35rem;
	
		display: inline-block;
	&:hover {
		background: var(--color2);
	}
	> a {
		color: var(--textcolor2);
	}
	
	$bg: #2f2f2f;
$fg: #ffffff;
$border-width: .5rem;
$corner-size: 3rem;
$dur: .3s;	

  cursor: pointer;
  border: 0.35rem solid var(--color2);
  color: var(--textcolor2);
  position: relative;
  transition: color 0.3s;
  z-index: 1;
  background: var(--color1);
  
  &:hover {
    &::before { width: 0; }
    &::after { height: 0; }
  }
  &:active {
    border-width: 0.5rem / 2;
  }
  
  &::before, &::after {
    content: '';
    position: absolute;
    background: var(--color1);
    z-index: -1;
    transition: all 0.3s;
  }
  //the 101% is because of a pixel rounding issue in firefox
  &::before {
    width: calc(100% - 1.5rem);
    height: calc(101% + 1rem);
    top: -0.5rem;
    left: 50%;
    transform: translateX(-50%);
  }
  &::after {
    height: calc(100% - 1.5rem);
    width: calc(101% + 1rem);
    left: -0.5rem;
    top: 50%;
    transform: translateY(-50%);
  }
*/
  padding: 0.35rem;
  display: inline-block;
  cursor: pointer;
  border: 0.35rem solid var(--color2);
  color: #708fff;
  position: relative;
  transition: color 0.3s;
  z-index: 1;
  /*font-size: 1.5rem;*/
  background: var(--color1);
  /*
	
	display: inline-block;
	&:hover {
		background: var(--color2);
	}
	> a {
		color: var(--textcolor1);
	}
	
	$bg: #2f2f2f;
$fg: #ffffff;
$border-width: .5rem;
$corner-size: 3rem;
$dur: .3s;	

  cursor: pointer;
  border: 0.5rem solid var(--color2);
  color: var(--textcolor1);
  position: relative;
  transition: color 0.3s;
  z-index: 1;
  background: var(--color1);
  
  &:hover {
    &::before { width: 0; }
    &::after { height: 0; }
  }
  &:active {
    border-width: 0.5rem / 2;
  }
  
  &::before, &::after {
    content: '';
    position: absolute;
    background: var(--color1);
    z-index: -1;
    transition: all 0.3s;
  }
  //the 101% is because of a pixel rounding issue in firefox
  &::before {
    width: calc(100% - 1.5rem);
    height: calc(101% + 1rem);
    top: -0.5rem;
    left: 50%;
    transform: translateX(-50%);
  }
  &::after {
    height: calc(100% - 1.5rem);
    width: calc(101% + 1rem);
    left: -0.5rem;
    top: 50%;
    transform: translateY(-50%);
  }

*/
  /*	
$bg: #2f2f2f;
$fg: #ffffff;
$border-width: .5rem;
$corner-size: 3rem;
$dur: .3s;	
	
  /*font-family: 'Lato', sans-serif;
  /*letter-spacing: .02rem;
  cursor: pointer;
  background: transparent;
  border: $border-width solid var(--color2);
  /*padding: 1.5rem 2rem;
  /*font-size: 2.2rem;
  color: $fg;
  position: relative;
  transition: color $dur;
  z-index: 1;
  font-size: 1.5rem;
  
  &:hover {
    color: pink;
    &::before { width: 0; }
    &::after { height: 0; }
  }
  &:active {
    border-width: $border-width / 2;
  }
  
  &::before, &::after {
    content: '';
    position: absolute;
    background: $bg;
    z-index: -1;
    transition: all $dur;
  }
  //the 101% is because of a pixel rounding issue in firefox
  &::before {
    width: calc(100% - 3rem);
    height: calc(101% + 1rem);
    top: -$border-width;
    left: 50%;
    transform: translateX(-50%);
  }
  &::after {
    height: calc(100% - 3rem);
    width: calc(101% + 1rem);
    left: -$border-width;
    top: 50%;
    transform: translateY(-50%);
  }*/
}
.button-pagelink:hover {
  background: var(--color2);
  padding: 0.35rem;
}
.button-pagelink > a {
  color: var(--textcolor2);
}
.button-pagelink:hover::before {
  width: 0;
}
.button-pagelink:hover::after {
  height: 0;
}
.button-pagelink::before, .button-pagelink::after {
  content: "";
  position: absolute;
  background: var(--color1);
  z-index: -1;
  transition: all 0.3s;
}
.button-pagelink::before {
  width: calc(100% - 1.5rem);
  height: calc(101% + 0.70rem);
  top: -0.35rem;
  left: 50%;
  transform: translateX(-50%);
}
.button-pagelink::after {
  height: calc(100% - 1.5rem);
  width: calc(101% + 0.70rem);
  left: -0.35rem;
  top: 50%;
  transform: translateY(-50%);
}
.button-pagelink:hover h2:after {
  content: "Tous les services";
}
.button-pagelink:not(:hover) h2:after {
  content: "Services à la une";
}
.button-pagelink h2 {
  margin: 0;
}
div.container:not(.platform-content) > div.row > div {
  padding: calc(var(--bs-gutter-x) * .5);
}
#mod-custom115 {
  border: 0.25rem solid var(--color4);
  border-radius: 2rem;
  background: var(--color1);
  color: #969696;
}
/*
.button.only-label {
		background-color : var(--color3);
		color : var(--textcolor1);
}
.button:not(.only-label){
		background-color : var(--color2);
		color : var(--textcolor1);
}
*/
/*
https://stackoverflow.com/questions/42816074/css-for-border-in-corners-only
*/
.t-a_r {
  text-align: right;
}
.container.test2 .row > div {
  padding: calc(var(--bs-gutter-x) * .5) calc(var(--bs-gutter-x) * .5) calc(var(--bs-gutter-x) * .5) calc(var(--bs-gutter-x) * .5);
  box-shadow: 2px 0 0 0 var(--color3), 0 2px 0 0 var(--color3), 2px 2px 0 0 var(--color3), 2px 0 0 0 var(--color3) inset, 0 2px 0 0 var(--color3) inset;
  /*border: 0.5em solid var(--color3);*/
}
#structure-section-t1 {
  padding-top: 1rem;
  /*
    * {
		color: var(--textcolor1);
	}
	*/
}
#structure-section-t1 #menu-1 {
  font-size: 1.5em;
}
#structure-section-t1 #menu-1 ul {
  display: flex;
  justify-content: space-evenly;
}
#structure-section-t1 #menu-1-particle {
  padding: 1.5rem;
  margin: 0;
}
#structure-section-t1 .g-menu-item {
  text-transform: uppercase;
  /*
		background-image: url("https://icon-library.com/images/windows-arrow-icon/windows-arrow-icon-16.jpg");
		background-position: 0% 100%;
		background-size: 10px 10px;
		background-repeat: no-repeat;
		*/
}
#structure-section-t1 .g-menu-item .g-menu-item-container {
  padding: 10px;
}
#structure-section-t1 .g-menu-item .g-menu-item-title {
  color: var(--textcolor3);
}
#structure-section-t1 .g-menu-item .g-menu-item-container::before {
  /*
	        content: url("/apocalypso/images/share-solid.png");
            width: 10px;
            height: 10px;
            */
  background-image: url('../../../../images/share-solid.png');
  background-position: 0% 100%;
  background-size: 0.5em 0.5em;
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  content: "";
  position: absolute;
  top: 1.5em;
  left: calc(50% - 1.5em);
}
#structure-section-t1 .g-menu-item img {
  width: 1.5em;
  height: 1.5em;
  /* img size + 2*padding */
  display: block;
  /* img size + 2*padding */
  /*padding:10px;*/
  margin: auto;
  /*
			background-image: url("/apocalypso/images/share-solid.png");
		    background-position: 0% 100%;
		    background-size: 10px 10px;
		    background-repeat: no-repeat;
            */
}
#structure-section-t1 .g-menu-item.active {
  /*background: var(--color2);*/
  /*clip-path: polygon(0% 100%, 50% 0%, 100% 100%);*/
  /*background:	conic-gradient(at 50% 50%, rgb(0, 128, 0, 1) 180deg, rgb(0, 128, 0, 1) 270deg, transparent 0)*/
  /*
		background:		
			conic-gradient(at 50% 50%, rgb(0, 128, 0, 1) 90deg, transparent 0),
			conic-gradient(at 50% 50%, transparent 90deg, rgb(0, 128, 0, 1) 180deg, transparent 0),
			conic-gradient(at 50% 50%, transparent 180deg, rgb(0, 128, 0, 1) 270deg, transparent 0),
			conic-gradient(at 50% 50%, transparent 270deg, rgb(0, 128, 0, 1) 0)
		;
		*/
  /*border-radius: 10px;
	    padding: 10px;*/
  /*
	    .g-menu-item-title {
			color: var(--textcolor2);
		}
		*/
}
#structure-section-t1 .g-menu-item.active {
  border: 1px solid rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.2);
}
#structure-section-t1 .g-menu-item:not(.active):hover {
  border: 1px dashed rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.2);
}
#structure-section-t1 .g-menu-item:not(.active):not(:hover) {
  border: 1px solid rgba(255, 255, 255, 0);
}
#structure-section-c0t1 {
  border: 4px solid var(--color4);
  padding: 35px;
  background-color: black;
}
#structure-section-c0t1-c0 {
  /*margin: 0 auto;*/
  /*background-image: url("https://www.hdwallpapers.net/previews/windows-10-official-821.jpg");*/
  --monitor1: rgba(0, 55, 255, 1);
  --monitor2: rgba(0, 0, 0, 1);
  --monitor3: rgba(0, 0, 200, 1);
  --monitor4: rgba(0, 0, 0, 1);
  --monitor5: rgba(0, 104, 0, 1);
  --monitor6: transparent;
  --monitor1: var(--color3);
  --monitor3: var(--color3_14wh);
  --monitor32: var(--monitor1);
  /*
 	 background-image:
		radial-gradient(circle farthest-corner at 50% 0%, var(--monitor3) 0, var(--monitor1) 10%, transparent 20%),
        linear-gradient(22.5deg, transparent 82%, var(--monitor1) 85%, transparent 88%),
        linear-gradient(45deg, transparent 72%, var(--monitor1) 75%, transparent 78%),     
        linear-gradient(67.5deg, transparent 61.5%, var(--monitor1) 65%, transparent 68.5%),
        linear-gradient(90deg, transparent 45%, var(--monitor1) 50%, transparent 55%),
        linear-gradient(112.5deg, transparent 31.5%, var(--monitor1) 35%, transparent 38.5%),
        linear-gradient(135deg, transparent 22%, var(--monitor1) 25%, transparent 28%),        
        linear-gradient(157.5deg, transparent 12%, var(--monitor1) 15%, transparent 18%),
        linear-gradient(180deg, var(--monitor1) 0%, transparent 5%),
        radial-gradient(circle farthest-corner at 50% 0%, var(--monitor3) 0, var(--monitor3) 50%, var(--monitor4) 100%)
;
*/
  background: url('../../../../images/4884340.jpg');
  /*
		radial-gradient(circle farthest-corner at 50% 0%, var(--monitor1) 0, var(--monitor1) 25%, transparent 100%),
    linear-gradient(0deg, var(--monitor6) 0%, var(--monitor3) 100%),
    linear-gradient(0deg, var(--monitor4) 0%, var(--monitor3) 100%)
		;
*/
  /*
	background-image:
        linear-gradient(0deg, transparent 45%, var(--monitor1) 50%, transparent 55%),
        linear-gradient(22.5deg, transparent 60%, var(--monitor1) 65%, transparent 70%),
        linear-gradient(45deg, transparent 70%, var(--monitor1) 75%, transparent 80%), 
        linear-gradient(67.5deg, transparent 80%, var(--monitor1) 85%, transparent 90%),
        linear-gradient(90deg, transparent 95%, var(--monitor1) 100%),
        linear-gradient(112.5deg, transparent 80%, var(--monitor1) 85%, transparent 90%),
        linear-gradient(135deg, transparent 70%, var(--monitor1) 75%, transparent 80%),
        linear-gradient(157.5deg, transparent 60%, var(--monitor1) 65%, transparent 70%),
        radial-gradient(circle farthest-side at 100% 50%, var(--monitor1) 0, var(--monitor1) 25%, var(--monitor2) 50%, var(--monitor1) 100%)
    ;
*/
  background-size: cover;
  color: white;
  /*background-color: #37474F;
	border: 20px solid #546E7A;
	border-top-right-radius: 2rem;
	border-top-left-radius: 2rem;*/
}
#structure-section-c0t1-c0 #announcement {
  margin-bottom: 1.5rem;
}
#structure-section-c0t1-c0 #announcement .g-content {
  margin: 0;
  padding: 0;
}
#structure-section-c0t1-c0 .announcement {
  margin: auto;
  width: fit-content;
  overflow: hidden;
  border-radius: 1rem;
  color: var(--textcolor1);
}
#structure-section-c0t1-c0 .announcement :first-child {
  margin-top: 0;
}
#structure-section-c0t1-c0 .announcement table {
  border: none;
  width: auto;
  margin: auto;
}
#structure-section-c0t1-c0 .announcement table td {
  border: none;
}
#structure-section-c0t1-c0 .announcement :last-child {
  margin-bottom: 0;
}
#structure-section-c0t1-c0 .announcement #announcement-title, #structure-section-c0t1-c0 .announcement #announcement-content {
  padding: 1rem;
}
#structure-section-c0t1-c0 .announcement #announcement-title {
  background: var(--color2);
  color: var(--textcolor2);
}
#structure-section-c0t1-c0 .announcement #announcement-content {
  background: var(--color1);
  color: var(--textcolor1);
}
#structure-section-c0t1-c0 .breadcrumbs {
  background: var(--color1);
  /*font-family: consolas;*/
  color: var(--textcolor1);
  border: 1px solid var(--color3);
}
#structure-section-c0t1-c0 .breadcrumbs * {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
#structure-section-c0t1-c0 .breadcrumb-item.active {
  color: var(--textcolor1);
}
#structure-section-c0t1-c0 .breadcrumb-item.active :after {
  content: "_";
  font-weight: bold;
  /*
			-webkit-animation: flickerAnimation 1s infinite;
			-moz-animation: flickerAnimation 1s infinite;
			-o-animation: flickerAnimation 1s infinite;
			*/
  /*animation: flickerAnimation 1s infinite;*/
}
#structure-section-c0t1-c0 #task-bar .g-content {
  display: flex;
  align-items: center;
  background-color: #171717;
}
#structure-section-c0t1-c0 #task-bar .g-content > div:first-child {
  margin-left: 10px;
}
#structure-section-c0t1-c0 #task-bar .g-content > div:not(:last-child) {
  margin-right: 10px;
}
#structure-section-c0t1-c0 #task-bar .g-content p {
  margin: 0;
}
#structure-section-c0t1-c0 #task-bar .g-content .awesomplete {
  display: initial;
}
#structure-section-c0t1-c0 #task-bar .g-content .awesomplete input {
  background: var(--color1_2);
  color: var(--textcolor1_2);
}
#structure-section-c0t1-c0 #task-bar .g-content .awesomplete input::placeholder {
  color: var(--textcolor1_2);
}
@keyframes flickerAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
*/
/*
#structure-section-c0t1-c0:after {
    content:url(http://localhost/apocalypso/templates/g5_ap/custom/images/server-icon.png?63ceded4);
	position: absolute;
	transform: translateX(-50%) translateY(-25%) scale(.25);;
	left: 50%;
	//top: -30px;
  	//left: 240px;
  	z-index: 9999;
}
*/
#structure-section-c0t1-b1 img {
  width: 64px;
}
#structure-section-t3 {
  background: var(--color1);
  /*
    * {
		color: var(--textcolor1);
	}
	*/
}
#structure-section-t3 .active {
  /*background: var(--color2);*/
  color: var(--textcolor2);
  background: conic-gradient(at 50% 50%, var(--color2) 0 67.5deg, transparent 67.5deg 112.5deg, var(--color2) 112.5deg 360deg);
  border-radius: 50%;
  /*
	    border-radius: 0 70px;
	    transform: rotate(145deg);
	    a {
			transform: rotate(-145deg);
		}
		*/
}
#structure-section-t3 :not(.active).g-selected {
  background-color: rgba(0, 0, 0, 0.4);
}
#structure-section-t3 .g-content {
  margin: 0;
}
#structure-section-c0t1-b1 {
  position: relative;
  z-index: 1;
  box-shadow: 5px 5px 11px rgba(0, 0, 0, 0.25);
  margin: 0 auto;
  border-bottom-right-radius: 2rem;
  border-bottom-left-radius: 2rem;
  background-color: #F5F5F5;
}
.computer-stand-bottom {
  box-shadow: 5px 5px 11px rgba(0, 0, 0, 0.25);
  margin: 0 auto;
  height: 25px;
  width: 250px;
  background-color: #F5F5F5;
  border-top-right-radius: 2rem;
  border-top-left-radius: 2rem;
}
#g-main {
  background: none !important;
  color: var(--textcolor1);
}
/*
h1, h2, h3, h4, h5, h6, strong {
	color: var(--textcolor1-2);
}
*/
strong {
  color: #B0B0B0;
}
.test {
  position: relative;
  text-align: center;
}
.test > div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#structure-section-c0 {
  padding: 1.5rem 0;
  /*
    * {
		background: var(--colorblack);
		color: var(--colorwhite);
	}
	*/
  /*
	a {
		background: var(--color4);
	    color: var(--textcolor4);
	    border-radius: 10px;
	    padding: 10px;
	}
	*/
}
#structure-section-b1 {
  /*
	a {
		background: var(--color4);
	    color: var(--textcolor4);
	    border-radius: 10px;
	    padding: 10px;
	}
	*/
  padding: 1.5rem 0 6rem 0;
}
#structure-section-b1 * {
  color: var(--textcolor1);
}
#structure-section-b1 > .g-container {
  border-top: solid grey;
}
#structure-section-b1 ul {
  display: initial !important;
}
/*
#structure-section-b1 ul a, .breadcrumbs a {
    color : var(--color2);
}
*/
.breadcrumbs a:hover {
  text-decoration: underline;
}
/*
.breadcrumb {
    margin: 0;
    background: var(--color1);
    * {
		color: var(--textcolor1);
	}
}
*/
#cf_1 {
  margin: auto;
}
/*
#cf_1 div > a {
    color: var(--color2);
}
*/
.test {
  background: #191C1D;
  color: #fff;
  height: 50px;
  /*width:50px;*/
  line-height: 50px;
  font-size: 16px;
  border-radius: 5px;
  text-align: center;
  float: left;
  margin-right: 7px;
  margin-bottom: 7px;
  border-bottom: solid #060707 3px;
}
strong {
  display: contents !important;
}
.g-offcanvas-toggle {
  top: 0.6rem !important;
  left: initial !important;
  right: 0.7rem !important;
}
body a {
  color: var(--color2);
}
#g-page-surround {
  background: initial !important;
  display: flex;
  flex-direction: column;
}
#structure-section-c0 {
  flex: 1;
}
.btn-primary {
  background-color: var(--color2) !important;
}
div.page-header, div.com-finder.finder h1 {
  text-align: center;
  color: #708fff;
  margin-bottom: 1.5rem;
}
div.page-header h1, div.com-finder.finder h1 {
  padding: 0.1rem 1rem;
  color: #C4C4C4;
  width: fit-content;
  /*
    background-image: radial-gradient(20% 500% at 0 50%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, #003468 10%, #003468 90%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%),
        radial-gradient(5% 125% at 100% 50%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 40%, #003468 40%, #003468 1960%, rgba(0, 0, 0, 0) 1960%, rgba(0, 0, 0, 0) 2000%),
        //linear-gradient(to bottom, rgba(0, 0, 0, 0) 0 , rgba(0, 0, 0, 0) 25%, #006800 25%, #00FF00, #006800, #00FF00, #006800, #00FF00, #006800, #00FF00, #006800, #00FF00, #006800, #00FF00, #006800 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%)
        //linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 25%, #006800, rgba(0, 0, 0, 0), #006800, rgba(0, 0, 0, 0), #006800, rgba(0, 0, 0, 0), #006800, rgba(0, 0, 0, 0), #006800, rgba(0, 0, 0, 0), #006800, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
        linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 25%, #003300 25%, #006800, #003300, #006800, #003300, #006800, #003300, #006800, #003300, #006800, #003300, #006800, #003300 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
    ;
    //margin: 0!important;
    */
  background-color: #003468;
  margin: 0 auto !important;
  /*
    background-size: 1rem;
    //background-image: url(https://img.freepik.com/vecteurs-premium/tete-vis-forme-croix-vue-dessus-vis-cruciforme-isole-fond-blanc_176411-3268.jpg), url(https://img.freepik.com/vecteurs-premium/tete-vis-forme-croix-vue-dessus-vis-cruciforme-isole-fond-blanc_176411-3268.jpg), url(https://img.freepik.com/vecteurs-premium/tete-vis-forme-croix-vue-dessus-vis-cruciforme-isole-fond-blanc_176411-3268.jpg), url(https://img.freepik.com/vecteurs-premium/tete-vis-forme-croix-vue-dessus-vis-cruciforme-isole-fond-blanc_176411-3268.jpg);
    background-image: url('images/vis3.png'), url('images/vis3.png'), url('images/vis3.png'), url('images/vis3.png');
    background-position: left top, right top, left bottom, right bottom;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    */
}
#cf_1 h2 {
  color: var(--label-color) !important;
}
i._access-icon {
  transform: skewX(15deg);
}
#g-offcanvas {
  background: transparent !important;
}
#g-mobilemenu-container {
  background: url('../../../../images/4884340.jpg');
}
#g-mobilemenu-container ul {
  background: transparent !important;
}
#g-mobilemenu-container .g-menu-item-container::before {
  background-image: url('../../../../images/share-solid.png');
  background-position: 0% 100%;
  background-size: 0.5em 0.5em;
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  content: "";
  position: absolute;
  top: 1.5em;
  left: calc(50% - 1.5em);
}
#g-mobilemenu-container .g-menu-item-container {
  text-align: center;
}
#g-mobilemenu-container .g-menu-item-container img {
  width: 1.5em;
  height: 1.5em;
  display: block;
  /* padding: 10px; */
  margin: auto;
}
#g-mobilemenu-container .g-menu-item {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1.5em;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
#g-mobilemenu-container .g-menu-item.active {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
#g-mobilemenu-container .g-menu-item:not(.active) {
  background-color: transparent !important;
}
/*
#g-mobilemenu-container .g-menu-item {
    background: url('images/4884340.jpg');
    background-repeat: no-repeat;
    border: 3px solid #003468;
}
*/
/*
#g-mobilemenu-container .g-menu-item-title {

    background: -webkit-linear-gradient(#00C200, #006800, #00C200);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 1.5rem 0!important;
    
}

#g-mobilemenu-container .g-menu-item-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
*/
.gradientGreenDark, div:not(._access-menu._access) h3, #structure-section-b1 ul a, .breadcrumbs a, #cf_1 div a {
  background: -webkit-linear-gradient(#00BF00, #006800, #00BF00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #00BF00;
}
@media only all and (max-width: 47.99rem) {
  .row, .thumbnails {
    margin-left: calc(var(--bs-gutter-x) * -.5) !important;
  }
  #structure-section-t1 {
    padding-top: 0;
  }
  i._access-icon {
    bottom: 6px !important;
  }
  #structure-section-c0t1-c0 #announcement {
    margin-top: 1.5rem;
  }
}
@media only all and (min-width: 48rem) {
  i._access-icon {
    font-size: 60px !important;
    bottom: 26px;
  }
}
/*# sourceMappingURL=custom_14.css.map */