/* STYLES GLOBAL */
*{
  font-family: 'Roboto' ;
}

:root {
  --Generup-Color-Noir: #000000;
  --Generup-Color-Blanc: #FFFFFF;
  --Generup-Color-Orange: #FF8C19;
  --Generup-Color-Blue: #1B3B6F;
}
.color-O{
  color: #FF8C19 !important;
}

h1{

font-size: 30px ;

letter-spacing: 0;

color: #000000 ;

text-transform: uppercase;

opacity: 1;

}

h2{

font-size: 15px ;

letter-spacing: 0;

color: #FF8C19 ;

text-transform: uppercase;

opacity: 1;

}

h3{

font-size: 24px ;

letter-spacing: 0;

color: black ;

text-transform: uppercase;

opacity: 1;

}


h4{

font-size: 14px ;

letter-spacing: 0;

color: #000000 ;

text-transform: uppercase;

opacity: 1;

}
p{

  font-size: 14px ;

}
a{

font-size: 13px ;

letter-spacing: 0;

color: #FF8C19 ;

text-transform: uppercase;

opacity: 1;

}

.btn-primary {
    color: #000000;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}





/* Styles - Images */

.Style-image-raduis{

  border-bottom-right-radius: 50px;

}

hr{
border-top: 2px solid black;

}

/* ********************** */
/* *** STYLE  -  MENU *** */
/* ********************** */


nav .menu ul li{

  display: inline;
	list-style: none;
	padding-left: 10px;
	padding-right: 10px;
  border-right: 2px solid #FF8C19;

}

nav .menu ul li:nth-child(5n){

  display: inline;
	list-style: none;
	padding-left: 10px;
	padding-right: 0px;
  border-right: none;

}
nav .menuTaile ul li{

  display: inline;
	list-style: none;
	padding-left: 10px;
	padding-right: 10px;
  border-right: 2px solid #FF8C19;

}

nav .menuTaile ul li:nth-child(2n){

  display: inline;
	list-style: none;
	padding-left: 10px;
	padding-right: 0px;
  border-right: none;
}

nav li:hover{

color: #FF8C19 ;

}

/* ********************** */
/* *** STYLE - HEADER *** */
/* ********************** */

header .Espace_Membres ul li{

  display: inline;
	list-style: none;

}
header .Espace_Membres ul li:nth-child(2n){

  display: inline;
	list-style: none;
	padding-left: 10px;
	padding-right: 0px;
  border-right: none;

}
header .Slogan {
  text-align: center;
  font: Bold 18px ;
  letter-spacing: 0;
  color: #000000;
  text-transform: uppercase;
  opacity: 1;
}
header .card {

  border: none;
}
header .card-title{
  background-color:  #FF8C19;
  color : white;
  text-align: center;
  padding: 12px;
  margin: 0px;
}
header .card-text {
  background-color:  #1B3B6F;
  color : white;
  text-align: center;
  padding: 12px;
  min-height: 135px;
}

header .card-body{
  background-color:  #1B3B6F;
  color : white;
  text-align: center;
  padding: 12px;
  border: none;
  border-bottom-right-radius: 50px;
}

header .btn-primary{
  background-color:  #FFFFFF;
  color : #000000;
  text-align: center;
  padding: 12px;
  border-radius: 50px;
  margin-bottom: 25px;
  font-size: 12px;
  width: 80%
}
/* ********************** */
/* * STYLE - NEWSLETTERS* */
/* ********************** */

 
section#newsletters div.container-fluid {
  background: url('../FTP/generup_mobile_nl.jpeg');
  padding-top: 50px;
  padding-bottom: 50px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
}
 
@media only screen and (min-width: 768px) {
section#newsletters div.container-fluid {
  background: url('../FTP/generup_tablette_nl.jpeg');
  padding-top: 50px;
  padding-bottom: 50px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
}
	}
@media only screen and (min-width: 1200px) {
section#newsletters div.container-fluid {
  background: url('../FTP/generup_desktop_nl.jpeg');
  padding-top: 50px;
  padding-bottom: 50px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
}
	}
section#newsletters p{
  text-align: center;
font: Medium 14px ;
letter-spacing: 0;
color: #FFFFFF;
text-transform: uppercase;
opacity: 1;
}


section#newsletters input{
  width: 250px;
  height: 38px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #E4E4E4;
  border-radius: 52px;
  opacity: 1;
  font-size: 11px;
letter-spacing: 0;
color: #878787;
padding-left: 25px;
}


section#newsletters button{
  width: 250px;
  height: 38px;
  background: #FF8C19 0% 0% no-repeat padding-box;
  border-radius: 62px;
  border: 1px solid var(--Generup-Color-Orange);
  opacity: 1;
  font-size: 12px;
letter-spacing: 0;
color: #FFFFFF;
margin-top: 15px;
}
/* ********************** */
/* * STYLE - DEVENIR * */
/* ********************** */
 
section#devenir div.container-fluid {
  background: url('../FTP/generup_mobile_gu.jpeg');
  padding-top: 50px;
  padding-bottom: 50px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
}
 
	  @media only screen and (min-width: 768px) {
section#devenir div.container-fluid {
  background: url('../FTP/generup_tablette_gu.jpeg');
  padding-top: 50px;
  padding-bottom: 50px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
}
		}
@media only screen and (min-width: 1200px) {
section#devenir div.container-fluid {
  background: url('../FTP/generup_desktop_gu.jpeg');
  padding-top: 50px;
  padding-bottom: 50px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
}
		}
section#devenir button {
  width: 250px;
  height: 38px;
  background: #FF8C19 0% 0% no-repeat padding-box;
  border-radius: 62px;
  border: 1px solid var(--Generup-Color-Orange);
  opacity: 1;
  font-size: 12px;
letter-spacing: 0;
color: #FFFFFF;
margin-top: 15px;
}
/* ********************** */
/* * STYLE - FOOTER * */
/* ********************** */

footer{
  background-color: #1B3B6F;
  padding-top: 50px;
    padding-bottom: 20px;
}

footer ul{
list-style:none;
margin-left:0;
padding-left:0;
color:white;
}

footer p{
color:white;
}

footer i{
color:white;
padding-right: 20px;
}

footer button{
  width: 150px;
  height: 38px;
  background: #FF8C19 !important;
  border-radius: 62px !important;
  border: 1px solid var(--Generup-Color-Orange) !important;
  opacity: 1;
  font-size: 12px !important;
letter-spacing: 0;
color: #FFFFFF !important;
margin-left: 10px;
}
footer input{
  width: 200px;
  height: 38px;
  background: #FFFFFF ;
  border: 1px solid #E4E4E4;
  border-radius: 52px;
  opacity: 1;
  font-size: 11px;
letter-spacing: 0;
color: #878787;
padding-left:  25px;
}

footer .GENERUPCOPYRIGHT{

  font-size: 11px;
}

/* ********************** */
/* * STYLE - MAP * */
/* ********************** */
#contact button{
  width: 250px;
  height: 38px;
  background: #FF8C19 !important;
  border-radius: 62px !important;
  border: 1px solid var(--Generup-Color-Orange) !important;
  opacity: 1;
  font-size: 12px !important;
letter-spacing: 0;
color: #FFFFFF !important;
margin-left: 10px;
}
.map{
  width: 100%;
  border: none;

  height: 450px;
}
/* ********************** */
/* * STYLE - AVANTAGE * */
/* ********************** */
#avantage button{
  width: 250px;
  height: 38px;
  background: #FF8C19 !important;
  border-radius: 62px !important;
  border: 1px solid var(--Generup-Color-Orange) !important;
  opacity: 1;
  font-size: 12px !important;
letter-spacing: 0;
color: #FFFFFF !important;
margin-left: 10px;
}
/* ********************** */
/* * STYLE - PARTENAIRES * */
/* ********************** */
#partenaires .card-text{

  background: #1B3B6F !important;
padding: 10px;
font-weight: bold;
text-transform: uppercase;
  font-size: 12px !important;
letter-spacing: 0;
color: #FFFFFF !important;
}

/* ********************** */
/* * STYLE - ACTIVITES * */
/* ********************** */
#rejoindre img{
						
						
						width: 100px !important;}
#activites button{
  width: 250px;
  height: 38px;
  background: #FF8C19 !important;
  border-radius: 62px !important;
  border: 1px solid var(--Generup-Color-Orange) !important;
  opacity: 1;
  font-size: 12px !important;
letter-spacing: 0;
color: #FFFFFF !important;
margin-left: 10px;
}

						  
.w125{ width: 125px !important; }

.suiveznous p {
	background-color: #1B3B6F !important;	
							color : white !important;
							padding: 15px; text-transform: uppercase;
						  
}
.suiveznous input{
  width: 250px;
  height: 38px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #E4E4E4;
  border-radius: 52px;
  opacity: 1;
  font-size: 11px;
letter-spacing: 0;
color: #878787;
padding-left: 25px;
}


.suiveznous button{
  width: 250px;
  height: 38px;
  background: #FF8C19 0% 0% no-repeat padding-box;
  border-radius: 62px;
  border: 1px solid var(--Generup-Color-Orange);
  opacity: 1;
  font-size: 12px;
letter-spacing: 0;
color: #FFFFFF;
margin-top: 15px;
}	
							  
		#happynews	button{
  width: 250px;
  height: 38px;
  background: #FF8C19 0% 0% no-repeat padding-box;
  border-radius: 62px;
  border: 1px solid var(--Generup-Color-Orange);
  opacity: 1;
  font-size: 12px;
letter-spacing: 0;
color: #FFFFFF;
margin-top: 15px;
}					  #happynews .container-fluid {
								
  background: #1B3B6F !important; color: white !important;
							  }  #happynews .container-fluid h1 {
								  color: white !important; font-size: 38px;
							  }
							  
	.btn-primary:hover {
    color: #fff;
    background-color: #1B3B6F;
    border-color: #1B3B6F;
}						  
							  
							  .h450{
									height:450px !important;
								  }
								  
								  
								  
								  button:hover{
  
  background: #FFFFFF !important;
    border-color: #FFFFFF !important;
color: #FF8C19 !important;
}					
								    
								  footer a{color: #ffffff !important;}
 ::-webkit-scrollbar{width:11px}
 ::-webkit-scrollbar-track{background:#ffffff;border-radius:0px}
 ::-webkit-scrollbar-thumb{background:#FF8C19;border-radius:25px}