@font-face {
font-family: arial;
src: url('../fonts/arial.ttf') format("truetype");
font-weight: normal;
font-style: normal;
}	 

@font-face {
font-family: arial;
src: url('../fonts/arial.ttf') format("truetype");
font-weight: 100;
font-style: normal;
}

@font-face {
font-family: arial;
src: url('../fonts/arial.ttf') format("truetype");
font-weight: bold;
font-style: italic;
}

@font-face {
font-family: arial;
src: url('../fonts/arial.ttf') format("truetype");
font-weight: 900;
font-style: normal;
}

@font-face {
font-family: arial;
src: url('../fonts/arial.ttf') format("truetype");
font-weight: 900;
font-style: italic;
}

@font-face {
font-family: arial;
src: url('../fonts/arial.ttf') format("truetype");
font-weight: bold;
font-style: normal;
}

@font-face {
font-family: arial;
src: url('../fonts/arial.ttf') format("truetype");
font-weight: normal;
font-style: italic;
}

* {
margin:0; padding:0;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing:antialiased !important;
text-shadow: rgba(0,0,0,.01) 0 0 1px;
-webkit-transform: rotate(-0.0000000001deg);
}

p
{
width:inherit;
}

hr
{
display:none;
clear:both;
padding-bottom:100px;
}


span.codedirection {
  unicode-bidi: bidi-override;
  direction: rtl;
}


#titleBox h1 {
display:block;
position:relative;
font-family:Open Sans, sans-serif;
font-weight: bold;
/*font-style: italic;*/
font-size:2em;
color:#999999;
/*background-color:#7bbb4e;*/
text-align:center;
width:800px;
margin-left:auto;
margin-right:auto;
padding-top:10px;
padding-bottom:10px;
}


h1 em{
font-family: Open Sans;
font-weight: 100;
font-style: normal;
text-transform: uppercase;
}

html, body{
background-color: #ffffff;
padding:0;
margin:0;
min-width:1080px;
}

#titleBox
{
display:block;
background-color:#333333;
margin:0;
padding:0;
height:450px;
padding-top:50px;
background-image:url(../images/TopAdrelys.jpg);
background-size:cover;
background-position: bottom left;
}

#head1
{
display:block;
background-color:#ffffff;
margin:0;
padding:0;
height:100px;
padding-top:50px;
}

#head3
{
display:block;
background-color:#ffffff;
margin:0;
padding:0;
height:170px;
padding-top:50px;
}

#head2
{
display:block;
background-color:#ffffff;
margin:0;
padding:0;
height:300px;
/*padding-top:50px;*/
}

#head4
{
display:block;
background-color:#ffffff;
margin:0;
padding:0;
height:180px;
/*padding-top:100px;*/
}

#head5
{
display:block;
background-color:#ffffff;
margin:0;
padding:0;
height:370px;
}

#head6
{
display:block;
background-color:#ffffff;
margin:0;
padding:0;
height:300px;
}

#labMap
{
background-color:#7bbb4e;
margin:0px;
padding:0px;
padding-bottom:60px;
text-align:center;
}

#barmask
{
position:relative;
background-position: left top;
background-repeat: repeat;
background-image:url(../images/bars.gif);
width:100%;
margin-top:-100px;
padding-top:100px;
height:350px;
z-index: 5;
}

#barmask2
{
position:relative;
background-position: left top;
background-repeat: repeat;
background-image:url(../images/bars.gif);
width:100%;
margin-top:-100px;
padding-top:100px;
height:150px;
z-index: 5;
}

#barmask2 h2{
text-align:center;
font-family: Open Sans, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 2.5em;
  color: #7bbb4e;
  /*line-height: 45px;*/
  margin-left: auto;
  margin-right: auto;
  /*margin-top: 50px;*/
  width: 80%;
  min-width: 100px;
  text-transform: uppercase;
}

#links
{
position:relative;
background-color:#3b2947;
margin:0px;
padding:0px;
padding-top:50px;
//padding-bottom:50px;
height:300px;
z-index: 10;
}

#product-line
{
position:relative;
background-color:#3b2947;
margin:0px;
padding:0px;
padding-top:50px;
//padding-bottom:50px;
height:100px;
z-index: 10;
}

#followUs
{
position:relative;
background-color:#caa5fe;
margin:0px;
padding:0px;
margin-top:-50px;
height:700px;
background-image:url(../images/tube.jpg);
background-size:cover;
z-index: 1;
padding-top:150px;

}

#faq
{
background-color:#ffffff;
margin:0px;
padding:0px;
padding-bottom:80px;
padding-top:50px;
}

#products
{
background-color:#ffffff;
margin:0px;
padding:0px;
padding-bottom:80px;
padding-top:50px;
}

#joinUs
{
background-color:#3b2e42;
margin:0px;
padding:0px;
padding-bottom:30px;
padding-top:30px;
}

#membership
{
background-color:#ffffff;
margin:0px;
padding:0px;
padding-bottom:50px;
padding-top:50px;
}

#footer
{
background-color:#dca31a;
margin:0px;
padding:0px;
/*height:1000px;*/
padding-top:30px;
background-image:url(../images/projet2.jpg);
background-size:cover;
}


#headButtons
{
display:block;
position:relative;
bottom:140px;
width:220px;
float:right;
margin-right:55%;
padding-right:40px;
padding-top:10px;
}

#horaires
{
display:block;
position:relative;
bottom:273px;
width:350px;
right:50%;

margin-left:auto;
padding-right:30px;
}

#horaires p
{
text-align:right;
color:#ffffff;
font-family:Open Sans, sans-serif;
font-weight:bold;
font-style:italic;
font-size:1em;
}

#horaires p em
{
color:#7bbb4e;
font-family:Open Sans, sans-serif;
font-weight:bold;
}

#horaires .functionName
{
text-align:right;
padding-left:0;
width:100%;
text-transform: uppercase;
}

#paypalDonationForm {
	position:relative;
    /*width:400px;*/
    margin:auto 0;
    text-align: center;
}
		
			
		
.bigimg
{
display:block;
position:relative;
margin-left: 25%;
margin-right: 25%;
width:900px;
height:900px;
max-width:1000px;
}

a.buttonimg
{
display:inline-block;
position:relative;
clear:none;
margin:10px;
text-decoration: none;
}

a.buttonimg img
{
display:block;
margin: auto;
}

a.small
{
display:block;
text-align:center;
margin:25px;

}

img.small
{
padding-top:20px;
padding-bottom:40px;
}

.smallText
{
display:block;
font-family:Open Sans, sans-serif;
font-weight: normal;
font-style: italic;
font-size:0.4em;
line-height:10px;
margin-top:0px;
margin-left:70px;
padding-bottom:20px;
}
.buttonCaption
{
text-align:center;
display: block;
clear:both;
font-family:Open Sans, sans-serif;
font-weight: 900;
font-style: italic; 
color:#3b1a54;
font-size:1em;
text-transform:uppercase;
}

.pseudoTitle
{
display:block;
font-family:Open Sans, sans-serif;
font-weight: bold;
font-style: normal;
color: #3b1a54;
text-align: center;
/*width:50%;*/
font-size:3em;
line-height:1em;
padding-top:10px;
padding-bottom:20px;
}

.pseudoTitle2
{
/*display:block;*/
font-family:Open Sans, sans-serif;
font-weight: bold;
font-style: normal;
color: #3b1a54;
text-align: center;
/*width:50%;*/
font-size:2em;
line-height:1.5em;
/*padding-top:10px;
/*padding-bottom:20px;*/
}

.announcement_title
{
/*display:block;*/
font-family:Open Sans, sans-serif;
font-weight: bold;
font-style: normal;
color: #3b1a54;
text-align: left;
/*width:50%;*/
font-size:2.2em;
line-height:1.5em;
margin-left:2%;
/*padding-top:10px;
/*padding-bottom:20px;*/
}

.announcement_subtitle
{
/*display:block;*/
font-family:Open Sans, sans-serif;
font-weight: bold;
font-style: normal;
color: #3b1a54;
text-align: justify;
/*width:50%;*/
font-size:1.1em;
line-height:1.2em;
margin-left:5%;
margin-right:5%;
/*padding-top:10px;
/*padding-bottom:20px;*/
}

.codeSnippet
{
	width : 100%;
	position:relative;
	left:50%;
}

.functionName
{
display:block;
position:relative;
font-family:Open Sans, sans-serif;
font-weight: 900;
font-style: normal;
color: #7bbb4e;
text-align: left;
font-size:2em;
padding-left:50%;
width:50%;
margin-right:0;
clear:both;
text-transform: uppercase;
}

.functionContent
{
display:block;
position:relative;
font-family:Open Sans, sans-serif;
font-weight: bold;
font-style: italic;
font-size:1em;
color:#ffffff;

padding-left:50%;
margin-left:40px;
}

.functionContent::after
{
content: "}";
color:#7bbb4e;
display:block;
clear:left;
margin-left:-40px;

}
.functionContent::before
{
content: "{";
color:#7bbb4e;
display:block;
clear:left;
margin-left:-40px;
}

.whiteBrackets::before, .whiteBrackets::after
{
color:#ffffff;
}

.greenBrackets::before, .greenBrackets::after
{
color:#7bbb4e;
}

.purpleBrackets::before , .purpleBrackets::after
{
color:#3b1a54;
}

.onGray
{
color:#7bbb4e;
font-size:2em;
}

.marginContent
{
font-family:Open Sans, sans-serif;
display:inline-block;
clear:none;
font-weight: normal;
font-style: italic;
font-size:50%;
color:#3b2947;
margin-left:-330px;
}
.bracket
{
display:block;
font-family:Open Sans, sans-serif;
font-weight: 900;
font-style: normal;
color: #ffffff;
}

.donation-button {
    /*color: #123366;*/
	color: #000000;
    /*background: url(../images/Paypal.png);*/
	position: relative;
    height: 2Em;
    font-size: 1.5Em;
    width: 300px;
	background-color:#FFFFFF;
    /*margin: 0px;
    margin-top: -10px;
    padding: 0px;
	margin-left: auto;
	margin-right: auto;*/
	text-align: center; 
    /*border: none;*/
    font-weight: bolder;
    font-style: italic;
}



.cornerBox
{
display: block;
border-style:solid;
border-width:10px;
border-color:#ffffff;
width:700px;
margin-top:100px;
margin-left: auto;
margin-right: auto;
}

ul.pictureBox
{
display: block;
/*width:748px;*/
width:248px;
margin-top:50px;
margin-left: auto;
margin-right: auto;
list-style: square inside none;

}


ul.pictureBox li
{

display:block;
clear:none;
position: relative;
display:inline-block;
text-align:center;
width:120px;
}


ul.pictureBox li a
{
position:absolute;
text-decoration: none;
font-family:Open Sans, sans-serif;
font-weight: 900;
font-style: italic;
color: #ffffff;
width:90%;
padding-top:150px;
top:auto;
bottom:-20px;
left:0;
right:0;
}

ul.pictureBox>li:before 
{ 
content:'';
margin-right:0.1em;
display: list-item; 
}

ul.pictureBox #mailing
{
list-style-image: url('../images/mailing.png');
}

ul.pictureBox #forum
{
list-style-image: url('../images/forum.png');
}

ul.pictureBox #twitter
{
list-style-image: url('../images/twitter.png');
}

ul.pictureBox #website
{
list-style-image: url('../images/web.png');
}

ul.pictureBox #wiki
{
list-style-image: url('../images/wiki.png');
}

ul.pictureBox #blog
{
list-style-image: url(../images/blog.png);
}

ul.pictureBox #calendar
{
list-style-image: url(../images/calendar.png);
}

.cornerBox h2, .cornerBox h3
{
font-family:Open Sans, sans-serif;
text-align:left;
display: block;
font-weight: normal;
font-style: italic;
font-size:1.5em;
color:#ffffff;
position:relative;
width:250px;
left:90%;
margin-top:-15%;
background-color: #7bbb4e;
padding:10px;
}

.green
{
color:#7bbb4e;
}

.white
{
color:#ffffff;
}

.purple
{
color:#3b1a54;
}

#followBox
{
position: relative;
top:200px;
width:160px;
margin-left: 25%;
padding-bottom:30px;
}

#followBox h2{
width:250px;
margin-top:-100px;
left:70%;
}

#ircBox
{
position:relative;
display:block;
left:480px;
top:220px;

}

#faq h1
{
top:100px;
background-color:transparent;
font-family:Open Sans, sans-serif;
font-weight: 900;
font-style: normal;
font-size: 2.5em;
color:#7bbb4e;
width:350px;
word-spacing: 300px; 
text-align:right;
line-height:40px;
margin-left: auto;
margin-right: 50%;
min-width: 350px;
text-transform: uppercase;
}

#faq h2
{
background-color:transparent;
font-family:Open Sans, sans-serif;
font-weight: 900;
font-style: normal;
font-size:2.5em;
color:#7bbb4e;
text-align:left;
line-height:45px;
margin-left: auto;
margin-right: auto;
margin-top:50px;
width:50%;
min-width: 700px;
text-transform: uppercase;

}

#faq p 
{
font-family:Open Sans, sans-serif;
font-weight:100;
font-style:normal;
font-size:0.9em;
display:block;
width: 50%;
margin-left:auto;
margin-right: auto;
min-width: 700px;
padding-top:10px;
text-align:justify;
}


#products h2
{
background-color:transparent;
font-family:Open Sans, sans-serif;
font-weight: 900;
font-style: normal;
font-size:2.5em;
color:#7bbb4e;
text-align:left;
line-height:45px;
margin-left: auto;
margin-right: auto;
margin-top:50px;
width:80%;
min-width: 700px;
text-transform: uppercase;

}

#products p 
{
font-family:Open Sans, sans-serif;
font-weight:100;
font-style:normal;
font-size:1em;
display:block;
width: 80%;
margin-left:auto;
margin-right: auto;
min-width: 700px;
padding-top:10px;
text-align:justify;
}

.techImg
{
display:block;
margin:0 auto;
position:relative";
}

.tech h1
{
top:100px;
background-color:transparent;
font-family:Open Sans, sans-serif;
font-weight: 900;
font-style: normal;
font-size: 2.6em;
color:#7bbb4e;
word-spacing: 300px; 
text-align:right;
line-height:40px;
margin-left: auto;
margin-right: 50%;
min-width: 50px;
text-transform: uppercase;
}

.tech h2
{
background-color:transparent;
font-family:Open Sans, sans-serif;
font-weight: 900;
font-style: normal;
font-size:2.5em;
color:#7bbb4e;
text-align:left;
line-height:45px;
margin-left: auto;
margin-right: auto;
margin-top:50px;
width:80%;
min-width: 100px;
text-transform: uppercase;

}

.tech p 
{
font-family:Open Sans, sans-serif;
font-weight:100;
font-style:normal;
font-size:1em;
display:block;
width: 80%;
margin-left:auto;
margin-right: auto;
min-width: 50px;
padding-top:10px;
text-align:justify;
}



#faq em
{
font-family:Open Sans, sans-serif;
font-weight:bold;
font-style:italic;
}

#products em
{
font-family:Open Sans, sans-serif;
font-weight:bold;
font-style:italic;
}

.titleImage
{
margin-left: 50%;
margin-right: auto;
margin-top:-20px;
}

.headerImage
{
display:block;
margin-left: auto;
margin-right: auto;
margin-bottom:30px;
padding: 30px;
width:600px;
#background-image:url(../images/cercle.png);
background-size:contain;
background-repeat:no-repeat;
}

.headerBar
{
display:block;
margin-left: auto;
margin-right: auto;
margin-bottom:30px;
padding: 30px;
background-size:contain;
background-repeat:no-repeat;
}



.centered
{
display:block;
margin-left: auto;
margin-right: auto;
margin-top:20px;
}



.slideshow-container {
      max-width: 700px;
	  max-height: 600px;
      margin: 40px auto;
      position: relative;
      overflow: hidden;
      border-radius: 10px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.2);
      background: #fff;
    }

    .slide {
      display: none;
      width: 100%;
    }

    .slide img {
      width: 100%;
      height: auto;
      display: block;
    }

    .caption {
		font-family: arial;
		font-weight: 100;
		font-style: normal;
		text-align:center;
      padding: 10px;
      font-size: 16px;
      color: #333;
      background-color: #f1f1f1;
    }

    .prev, .next {
      cursor: pointer;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      font-size: 30px;
      padding: 10px;
      color: white;
      background-color: rgba(0,0,0,0.5);
      border-radius: 50%;
      user-select: none;
      z-index: 2;
    }

    .prev {
      left: 10px;
    }

    .next {
      right: 10px;
    }






#joinUs h1
{
position:relative;
display:inline-block;
background-color:transparent;
font-family:Open Sans, sans-serif;
font-weight: normal;
font-style: normal;
color:#7bbb4e; 
text-align:right;
line-height:40px;
top:-30px;
text-transform: uppercase;
}

#joinUs h2
{
top:100px;
background-color:transparent;
font-family:Open Sans, sans-serif;
font-weight: 900;
font-style: normal;
font-size:3em;
color:#7bbb4e; 
text-align:left;
line-height:40px;
margin-left: 50%;
margin-top:50px;
margin-right: auto;
clear:both;
}

.inlineImage
{
display:inline-block;
margin-left:auto;
margin-right:auto;
width:169px;
padding-left:30px;
}


.centerDiv
{
margin-left:auto;
margin-right:auto;
width:1000px;
}
#memberSteps
{
position:relative;
display:inline-block;
padding-left:30px;
width:360px;
top:-30px;
}


#membership h1
{
display:block;
top:100px;
background-color:transparent;
font-family:Open Sans, sans-serif;
font-weight: 900;
font-style: normal;
color:#7bbb4e; 
text-align:right;
line-height:40px;
position:relative;
right:50%;
margin-left:auto;
margin-right:0;
}

#membership h2
{
top:100px;
background-color:transparent;
font-family:Open Sans, sans-serif;
font-weight: 900;
font-style: normal;
font-size:3em;
text-align:left;
line-height:40px;
margin-left: 50%;
margin-right: auto;
clear:both;
}

#membership h3
{
top:100px;
background-color:transparent;
font-family:Open Sans, sans-serif;
font-weight: 900;
font-style: italic;
font-size:3em;
text-align:left;
line-height:40px;
margin-left: 40%;
margin-right: auto;
padding-top:20px;
clear:both;
}

#membership .proDescription
{
top:100px;
width:33%;
background-color:transparent;
font-family:Open Sans, sans-serif;
font-weight: bold;
font-style: italic;
font-size:1em;
text-align:left;
line-height:1.8em;
margin-left: 40%;
margin-right: auto;
margin-top:-100px;
clear:both;
}

.blogArticles
{
top:100px;
width:33%;
background-color:transparent;
font-family:Open Sans, sans-serif;
font-weight: bold;
font-style: italic;
font-size:1em;
text-align:left;
line-height:1.8em;
margin-left: 40%;
margin-right: auto;
margin-top:-100px;
clear:both;
}

#membership h2::before
{
content: "//";
}

#membership hr
{
display:block;
width:70%;
color:#7bbb4e;
border:0;
height:3px;
margin-right:auto;
margin-left:auto;
margin-bottom:50px;
margin-top:50px;
background-image: url(../images/dash.png);
padding:0;
}
.priceTag
{
position:relative;
display: inline-block;
position: relative;
margin-left:28%;
}

ol.whiteListing
{
position:relative;
display: inline-block;
counter-reset: thisCounter;
font-family:Open Sans, sans-serif;
font-weight: bold;
font-style: normal;
color:#ffffff;
font-size:1em;
list-style:none;
}
/*
ol.whiteListing::before
{
content: "{";
color:#7bbb4e;
display:block;
clear:left;
}

ol.whiteListing::after
{
content: "}";
color:#7bbb4e;
display:block;
clear:left;
}
*/

ol.whiteListing li
{
position:relative;
line-height:1.8em;
font-weight:normal;
}

ol.whiteListing li::before
{
content: counter(thisCounter) ":: ";
counter-increment: thisCounter;
position:relative;
font-size:2em;
color:#7bbb4e;
font-weight:normal;
}


ul.access
{
position:relative;
font-family:Open Sans, sans-serif;
font-weight:bold;
font-style:italic;
color:#3b1a54;
display:block;
width: 33%;
margin-left:auto;
margin-right: 53%;
margin-top:-150px;
list-style:none;
}

ul.access li
{
text-align:right;
margin-bottom:50px;
}

ul.access li img
{
display:block;
float:right;
position:relative;
margin-left:auto;
margin-right: 0%;
margin-top:-20px;
padding-left:30px;
}

#partTarifBox,#proTarifBox
{
display:block;
margin-left:52%;
margin-top:-20px;
height:auto;
}
#partTarifBox h3,#proTarifBox h3
{
font-family:Open Sans, sans-serif;
text-align:left;
display: block;
font-weight: 900;
font-style: normal;
font-size:2em;
color:#ffffff;
position:relative;
width:250px;
left:90%;
background-color: #3b2e42;
padding:10px;
}

#partTarifBox ,#proTarifBox p
{
font-family:Open Sans, serif;
font-weight:900;
font-style:italic;
text-align:left;
font-size:2em;
}

#legal
{
background-image:url(../images/alphaDisc02.png);
background-size:cover;
background-repeat:no-repeat;
width:400px;
height:400px;
margin-left:100px;
}

#legal h1
{
display:block;
background-color:transparent;
font-family:Open Sans, sans-serif;
font-weight: 900;
font-style: normal;
font-size: 1.5em;
color:#7bbb4e;
width:100%;
text-align:center;
margin-left: auto;
margin-right: auto;
padding-top:10px;
min-width: 350px;
text-transform: uppercase;
}

#legal p
{
font-family:Open Sans, sans-serif;
text-align: center;
display: block;
font-weight: normal;
font-style: normal;
font-size:0.8em;
color:#ffffff;
width:80%;
margin-left:auto;
margin-right:auto;
padding-bottom:10px;
}
#legal img
{
display:block;
position:relative;
width:200px;
margin-left:auto;
margin-right:auto;
padding-top: 30px;
}


/* Correction pour l'affichage des puces dans les listes */
.tech ul, .tech li {
  list-style-type: disc;
  padding-left: 20px;
  font-family: Open Sans, sans-serif;
  font-weight: bold;
  /*font-weight: 100;*/
  font-style: normal;
  /*font-style: normal;*/
  width: 80%;
  margin-left:90px;
  /*margin-left:auto;*/
  margin-right: auto;
  /*min-width: 50px;*/
  /*padding-top:10px;*/
  text-align:justify;
  }
  
ul, li {
  list-style-type: disc;
  padding-left: 20px;
  font-family: Open Sans, sans-serif;
  font-weight: bold;
  /*font-weight: 100;*/
  font-style: normal;
  /*font-style: normal;*/
  width: 80%;
  /*margin-left:90px;*/
  margin-left:auto;
  margin-right: auto;
  /*min-width: 50px;*/
  /*padding-top:10px;*/
  text-align:justify;
    font-size: 1em;
  }  

.discover-button {
  display: block;
  width: fit-content; /* ou une largeur fixe si tu préfères */
  margin: 20px auto;   /* <- centre horizontalement */
  padding: 10px 20px;
  font-family: Open Sans, sans-serif;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  background-color: #7bbb4e;
  color: white;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  transition: background-color 0.3s ease;
}

.discover-button:hover {
  background-color: #5a9b3c;
}


    .download-buttons {
	  font-family: Open Sans, sans-serif;
      display: flex;
      justify-content: center;
      gap: 20px;
      margin: 30px 0;
      flex-wrap: wrap;
    }

    .download-button {
      display: flex;
      align-items: center;
      gap: 8px;
      background-color: #7bbb4e;
      color: white;
      padding: 12px 20px;
	  
      border: none;
      border-radius: 8px;
      text-decoration: none;
      font-size: 16px;
      transition: background-color 0.3s;
    }

    .download-button:hover {
      background-color: #5a9b3c;
    }

    .download-button svg {
      width: 20px;
      height: 20px;
      fill: white;
    }