/**
 * @category    Dolphin V7.2 - Abserve Splash CSS
 * @template    Splash Page
 * @author      Abservetech
 * @license     http://www.abservetech.com/privacy-policy/
 * @copyright   Copyright (c) 2015 abservetech
 * @author url  http://www.abservetech.com
 * @skype       balakannav
 */

/**A****B****S****E****R****V****E**
*     	   @Abserve & CSS    	   *
************************************/

/****************************
* Freddy Ajout pour adapter dolphin au splash    	   *
************************************/


/****************************/
/* 
.card-executive {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
  
   box-shadow: 0 0 20px rgba(0,0,0,0.1);
  margin: 20px auto;
  max-width: 1200px;
 
}

 
  
.card-image {
  flex: 1 1 40%;
  min-width: 300px;
}

.card-image img {
  width: 100%;
  height: auto;
  display: block;
}

.card-text {
  flex: 1 1 60%;
  padding: 10px;
  box-sizing: border-box;
  color: #333;
  font-family: 'Open Sans', sans-serif;
}

.card-text h2 {
  font-size: 26px;
  margin-top: 0;
  color: #333;
}

.card-text ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 15px;
}

.card-text li {
  margin: 8px 0;
}

.card-text i {
  margin-right: 8px;
  color: #333;
}

@media screen and (max-width: 768px) {
  .card-executive {
    flex-direction: column;
  }
}
*/

/********************************/
.btn-gold-tiktok {
  background: linear-gradient(90deg, #f9d423, #ff4e50);
  color: #fff;
  border: none;
  border-radius: 999px;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.25);
  transition: all 0.3s ease;
}
.btn-gold-tiktok :hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #ff4e50, #f9d423);
}

/* Section cartes */
/* Structure et design */
#cartes {
  width: 100%;
  margin-bottom: 40px;
}

.cartes-liste {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}

.carte-executive {
  flex: 1 1 calc(50% - 20px);
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 12px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.05);
  padding: 20px;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.carte-executive.animate {
  opacity: 1;
  transform: translateY(0);
}

.carte-executive.animate:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.carte-image img {
   width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 12px;
}


.carte-image {
  flex: 1 1 40%;
  min-width: 300px;
}


.carte-text {
  margin-top: 16px;
  text-align: left;
}

.carte-text ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 15px;
}

.carte-text li {
  margin: 8px 0;
}

.carte-text i {
  margin-right: 8px;
  color: #333;
}
/********************************/






/****************************/
/* Section fondateurs */
/* Structure et design */
#fondateurs {
  width: 100%;
  margin-bottom: 40px;
}

.fondateurs-liste {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}

.fondateur-executive {
  flex: 1 1 calc(50% - 20px);
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 12px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.05);
  padding: 20px;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fondateur-executive.animate {
  opacity: 1;
  transform: translateY(0);
}

.fondateur-executive.animate:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.fondateur-image img {
  width: 200px;
  height: 200px;
  object-fit: cover;
  border-radius: 50%;
}

.fondateur-text {
  margin-top: 16px;
  text-align: left;
}

/* Texte masqué / dépliable */

.texte-cache {
  height: 0;
  overflow: hidden;
  transition: height 0.4s ease;
}


.texte-cache.ouvert {
  max-height: 1000px;
}

/* Bouton Voir plus */
.voir-plus-btn {
  margin-top: 2px;
  padding: 6px 12px;
  border: none;
  background-color: #2b2d83;
  color: white;
  cursor: pointer;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}



.voir-plus-btn:hover {
  background-color: #1e2266;
}

/* Icône flèche animée */
.icon-fleche {
  display: inline-block;
  margin-left: 6px;
  transition: transform 0.3s ease;
}

.voir-plus-btn.ouvert .icon-fleche {
  transform: rotate(180deg);
}

.points {
  font-weight: bold;
  margin-left: 3px;
}
/* Responsive */
@media (max-width: 768px) {
  .fondateurs-liste {
    flex-direction: column;
  }

  .fondateur-executive {
    flex: 1 1 100%;
  }

  .fondateur-text {
    text-align: left;
  }
  .cartes-liste {
    flex-direction: column;
  }

  .carte-executive {
    flex: 1 1 100%;
  }

  .carte-text {
    text-align: left;
  }
  
  

}

/********************************/


.join-section {
  background-image: url('images/compressjpeg/join_us_background.jpg'); /* modifie selon ton fichier */
  background-size: cover;
  background-position: center;
  padding: 10px 20px;
  text-align: center;
}

.cta-container {
 /* background-color: rgba(233, 230, 230, 1);*/
  background: linear-gradient(180deg, rgba(245,245,245,1), rgba(233,230,230,1));

  display: inline-block;
  padding: 10px 60px;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
}

.cta-container h1 {
  color: #8B1C4A;
  font-size: 28px;
  margin-bottom: 20px;
}

.btn-gold-rounded {
  background-color: #8B1C4A;
  color: #fff;
  border: none;
  padding: 10px 20px;
  font-size: 17px;
  font-weight: bold;
  border-radius: 999px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.btn-gold-rounded .icon {
  font-size: 18px;
  line-height: 1;
}


.btn-gold-rounded:hover {
  background-color: #b9905f;
}




/************Bouton Rejoignez nous**********************/



/**********************fin bouton rejoignez nous**/



html {
  scroll-behavior: smooth;
}







.abs_footer {
  text-align: center;
}

.bottom_links_block {
  display: flex; /* Utilise flexbox pour un comportement plus prévisible */
 
  align-items: center; /* Centre l'icône et le texte horizontalement */
  justify-content: center;
  text-decoration: none;
  margin: 0px; /* Espacement autour de chaque lien */
  color: #000;
   gap: 3px;
}

.bottom_links_block i {
  font-size: 18px; /* Taille de l'icône */
}

.bottom_links_block span {
  font-size: 14px; /* Taille du texte */
}

.arrow-down {
  display: flex; /* Utilisation de flexbox pour aligner les éléments */
  flex-wrap: wrap; /* Permet le retour à la ligne lorsque l'espace est insuffisant */
  justify-content: center; /* Centre les éléments horizontalement */
  gap: 0px; /* Espacement entre les éléments */
}

/*
.dbTitle {font-size:20px;	font-weight:600;}
.disignBoxFirst {background-color: rgba(255, 255, 255, 1);}
.bx-def-margin-top { margin-top:0px;}

.bx-def-font-small  {
	font-size:18px;}
	*/
	
	/******Pour masquer Search barre de recherche***/
	 td.sys_search_wrapper {width: 100%;text-align: center; display:none} 
	 td.sys_menu_wrapper {display:none}
	  div.sys_main_logo {display: none;}
	
	.button_langue_splash_connect {display:none} 
	/* div.sys_main_menu {  background-color: rgba(244, 240, 240, 0.9); top:84px;}*/
	div.sys_main_menu {  background-color:#FFF ;top:84px;}
	
	/*.menu_splash_landing {text-align:left;padding-top:-20px; }*/
	
	
	.header-container {
  display: flex;
  align-items: center; /* Centre les éléments verticalement */
  justify-content: space-between; /* Sépare les éléments horizontalement */
}



/*
a, a:link, a:visited, a:active{color: #fff;}
a:hover, a:focus {color: #e1b5d6;text-decoration: none;}*/

.bottom_links_block a, 
.bottom_links_block a:link, 
.bottom_links_block a:visited, 
.bottom_links_block a:active {
    color: #fff;
}

.bottom_links_block a:hover, 
.bottom_links_block a:focus {
    color: #e1b5d6;
    text-decoration: none;
}



.accueil_connect {
    width: 100%;
    height: auto;
	text-align:center;
	
	padding:0px;
	
}


.topDiv{
	 background-image: none;
	 position: fixed;
	left: 0;
	top: 0;
	height:85px;
	background-color: #dfe3ee;
    background-color: rgba(139,157,195, 0.4);
	border-bottom: 3px solid #d9d9d9;
	width: 100%;
	-webkit-box-shadow:0 0 3px 1px rgba(130,130,140,.5);
	-moz-box-shadow:0 0 3px 1px rgba(130,130,140,.5);
	box-shadow:0 0 3px 1px rgba(130,130,140,.5); 
	
	
	z-index:100000;
	 }
	@media(max-width:912px) {
		
    /* .topDiv{
	 background-image: none;
	 position: fixed;
	left: 0;
	top: 0;
	height:85px;
	background-color: #dfe3ee;
    background-color: rgba(139,157,195, 0.4);
	border-bottom: 3px solid #d9d9d9;
	width: 100%;
	-webkit-box-shadow:0 0 3px 1px rgba(130,130,140,.5);
	-moz-box-shadow:0 0 3px 1px rgba(130,130,140,.5);
	box-shadow:0 0 3px 1px rgba(130,130,140,.5); 
	
	
	z-index:100000;
	 }
	 */
	 
	 .contenu {margin-top: 80px; /* Pour éviter que le contenu chevauche le menu */
   
    background-color: #f9f9f9;
    min-height: 100vh; /* Prend toute la hauteur visible */
	z-index:99000; min-height: 100vh; /* Prend toute la hauteur visible */	}
	
	.content {
    margin-top: 70px; /* Ajustez en fonction de la hauteur du menu */
}
	}
	
	
	.Adhesion{
    background-color: #724A65;
    border: 0;
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
	border-color:  #f07355;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    font-family: inherit;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    outline-width: 2px;
    padding: 0 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition-duration: 167ms;
    transition-property: background-color,box-shadow,color;
    transition-timing-function: cubic-bezier(0,0,.2,1);
    vertical-align: middle;
    z-index: 0;
	margin-top: 10px;
	
    box-shadow: inset 0 0 0 1px #f07355, inset 0 0 0 2px transparent, inset 0 0 0 1px transparent;
}
.Adhesion { color:  #fff; cursor: pointer;}

.Adhesion:hover { background-color: rgba(152,216,244,.25); color: #006097; box-shadow: inset 0 0 0 1px #0073b1, inset 0 0 0 2px #006097, inset 0 0 0 1px transparent;bottom: 1px; transition: all 1.2s ease;}

	
	/**A****B****S****E****R****V****E**
*         @Back To Top             *
************************************/
	#abserve_to_top {
    position: fixed;
    bottom: 20px;
    right: -20px;
    height: 64px;
    font-size: 0;
    width: 64px;
}
/**A****B****S****E****R****V****E******************/


	
.linkin_profile_cover_info_photo_slider {
    border-radius: 50%;
    width: 281px;
    height: 276px;
}
	
.linkin_profile_cover_info_photo_gouv_small {
    border-radius: 50%;
    width: 200px;
    height: 200px;
}

.PourquoiLondon {
    
    width: 250px;
    height: 250px;
	
}

.DRC_Exec_Contact_100 {
    
    width: 100px;
    height: 100px;
	 border-radius: 50%;
}


.DRC_Exec_London_200 {
    
    width: 300px;
    height: 300px;
	 border-radius: 50%;
}



.profile-matcher {
    
    width: 350px;
    height: 525px;
	 border-radius: 5%;
}

.linkin_profile_JP_300 {
   
    width: 300px;
    height: 300px;
	border-radius: 50%;
}
	
	.linkin_splash_bouton {
    border-radius: 50%;
    width: 200px;
    height: 200px;
}


	.Tshienda {
    border-radius: 50%;
    width: 300px;
    height: 300px;
}

.linkin_splash_networking_london {
    border-radius: 5%;
    width: auto;
    height: 200px;
}
	
.screensho_image { width:60%; height:auto;  }



 /*Freddy  Fin Ajout pour la photo encerclée*/
.linkin_avatar_image {
     /* float: left;
   position: absolute;*/
    border: 2px solid #C7C7C7;
    background: #FFF;
    padding: 4px;
    border-radius: 50%;
    border-color: #8b9dc3;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	 width: 129px;
    height: 129px;
	
}


.linkin_profile_cover_info_photo {
    border-radius: 50%;
    width: 128px;
    height: 128px;
}

.linkin_avatar_image_gouv {
     /* float: left;
   position: absolute;*/
   
    border: 2px solid #C7C7C7;
    background: #FFF;
    padding: 4px;
    border-radius: 50%;
    border-color: #8b9dc3;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	 width: 160px;
    height: 160px;
	
	
}


.linkin_profile_cover_info_photo_gouv {
    border-radius: 50%;
    width: 200px;
    height: 200px;
}
/*********************************************************/

/** Freddy  Fin Ajout pour adapter dolphin au splash*/


div.abs_logo  {background-color: transparent;}

/* Fin Freddy text animation */

.abs_logo_mobile  { display:none;}
.logo_center_mobile { display:none;}

.bodyTitre {
	/*position:relative;
	 float:right; */
	 position: fixed;
	width: 90%;
	transition: all .45s ease-in-out;
	top: 10%;
	left:5%;
	right:5%;
	z-index:-1;
}

.front-welcome-text {
	font-size:22px;
	font-weight:500;
	line-height:26px;
	color:#fff;
	text-align: center;
	text-shadow:#000 0 1px 2px;
	margin-top: 60px;
	margin-right: 20px;
    -webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
    background-color: rgba(200, 200, 210, 0.2);
	border: 0px solid #fff;
	-webkit-box-shadow:0 0 3px 1px rgba(130,130,140,.5);
	-moz-box-shadow:0 0 3px 1px rgba(130,130,140,.5);
	box-shadow:0 0 3px 1px rgba(130,130,140,.5);
	padding-bottom:10px;
	
	/* padding:0px 20px; */
}
.titre_main {
	text-align:center;
	padding-top: 10px;
	padding-bottom:5px;
    margin-bottom: 3px;
    font-size: 38px;
    font-weight: 900;
	/* gris foncé 
	color:#111; */
	color:#fff;
	/* text-shadow: #fff 0 1px 1px; */
	line-height: 38px;
	
}

.titre {
	text-align:center;
	padding-top: 10px;
	padding-bottom:5px;
    margin-bottom: 3px;
    font-size: 32px;
    font-weight: 700;
	/* gris foncé 
	color:#111; */
	color:#fff;
	/* text-shadow: #fff 0 1px 1px; */
	line-height: 30px;
	
}

.titre_sous {
	text-align:center;
	padding-top: 5px;
	padding-bottom:10px;
    margin-bottom: 3px;
    font-size: 28px;
    font-weight: 700;
	/* gris foncé 
	color:#111; */
	color:#fff;
	/* text-shadow: #fff 0 1px 1px; */
	
}

.sous_titre_sous {
	text-align:center;
	padding-top: 5px;
	padding-bottom:10px;
    margin-bottom: 3px;
    font-size: 22px;
    font-weight: 500;
	/* gris foncé 
	color:#111; */
	color:#fff;
	/* text-shadow: #fff 0 1px 1px; */
	
}


.item-1, 
.item-2, 
.item-3 {
	position: absolute;
  display: block;
	top: 2em;
  
  width: 60%;
  
  font-size: 2em;

	animation-duration: 20s;
	
	animation-iteration-count: infinite;
	animation-direction:normal;
}

.item-1{
	animation-name: anim-1;
}

.item-2{
	animation-name: anim-2;
}

.item-3{
	animation-name: anim-3;
}

@keyframes anim-1 {
	0%, 8.3% { left: -100%; opacity: 0; }
  8.3%,25% { left: 25%; opacity: 1; }
  33.33%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim-2 {
	0%, 33.33% { left: -100%; opacity: 0; }
  41.63%, 58.29% { left: 25%; opacity: 1; }
  66.66%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim-3 {
	0%, 66.66% { left: -100%; opacity: 0; }
  74.96%, 91.62% { left: 25%; opacity: 1; }
  100% { left: 110%; opacity: 0; }
}
/* Ftin Freddy text animation */

/* freddy pour afficher BETA */
.abs_beta {
	float: left;
	 left: 30%;
	 }
/* Freddy En construction CSSS*/
.en-construction {

    position: fixed;
    top: 50%;
    width: 100%;
    left: 0;
   /* margin-top: -5%;  */

}
.EnSavoirPlus {   height: 75px; width:auto; padding-bottom:25px; }
.abs_text_EnsavoirPlus {
	font-size:22px;
	font-weight: normal;
	
	color:#fff;
	margin: 0 0 0px;
	
	text-shadow: #000 0 1px 2px;
    -webkit-text-shadow: #000 0 1px 2px;
    -moz-text-shadow: #000 0 1px 2px;
}

.logo-image{
        height:40px;
        width:40px;
    }
.logo_center {text-align:left;padding-top:5px; }
	
/* .logo_size { height:110px; width: auto;padding-top:0px; padding-left:20px;}*/
.logo_size { height:70px; width: auto; text-align:center; padding-top:0px; padding-left:0px;}
.logo_size_radius{
    border-radius: 50%;
    width: auto;
    height: 80px;
	 margin-right: 10px;
}

.logo_size_welcome{
    border-radius: 50%;
    width: auto;
    height: 150px;
	 
}


.logo_size_splash1 { height:120px; width: auto; text-align:center; padding-top:0px; padding-left:0px;}
.dewit_size { height:300px; width: auto; text-align:center; padding-top:0px; padding-left:0px;}

.logo_bigsize { height:100px; width: auto;}

.logo_size_grand { height:220px; width: auto; }


header a,header button,.abs_logo h1 a {font-weight: 600;cursor: pointer;}
header button,.abs_logo a {background: transparent;border: transparent;color: #fff; /* freddy commentaire font-size: 16px; */}
div.abs_logo a {
	/* freddy commentaire
	font-size: 22px;
	letter-spacing: 2px;
	text-shadow: 0 1px 2px #445;
    -webkit-text-shadow: 0 1px 2px #445;
    -moz-text-shadow: 0 1px 2px #445;
	*/
	padding:10px 10px 0px 10px;
	letter-spacing: 0px;
	
	font-size: 26px;
	font-weight: 800;
	color: #fff;
	}
	

	
header button:hover,header button:focus,header button:active{outline: none;}
.abs_logo {float: left;}
	



	 
/* [END] Freddy En construction CSSS* */



 p {
    margin-bottom: 0px;
	margin: 0 0 0px;
	
  }
   soustitre {
    margin-bottom: 0px;
	margin: 0 0 0px;
	
  }
  
  
/* Freddy ajout css from Responsive splash 0003*/



/*
.topDiv {
	position:fixed;
	left: 0;
	top: 0;
	height:85px;
	background-color: #dfe3ee;
    background-color: rgba(139,157,195, 0.4);
	border-bottom: 2px solid #d9d9d9;
	width: 100%;
	-webkit-box-shadow:0 0 3px 1px rgba(130,130,140,.5);
	-moz-box-shadow:0 0 3px 1px rgba(130,130,140,.5);
	box-shadow:0 0 3px 1px rgba(130,130,140,.5);	
	
}
*/


/*  [END]  Freddy fin ajout css from Responsive splash 0003  */

/* Freddy Bouton Se Connecter */
/*
.button_login {
	position: relative;
	right: 10px;
	display: inline-block;
	height: 32px;
	vertical-align: middle;
	border-width: 1px;
	border-style: solid;
	border-radius: 20px;
	-moz-border-radius: 20px;
	border-color:  #fff;
	line-height: 18px;

	overflow: hidden;
	 font-size: 15px;
	 
  
	width: 150px;
	
	text-shadow: 0 1px 2px #445;
    -webkit-text-shadow: 0 1px 2px #445;
    -moz-text-shadow: 0 1px 2px #445;
	}
	
*/




.button_langue_mobile {display:none;}




.button_login {
	
position:relative;
	
	right: 30px;
	display: inline-block;
	height: 32px;
	vertical-align: middle;
	
	border-radius: 15px;
	-moz-border-radius: 15px;
	border-color:  rgba(139,157,195, 0.4);
	border-width: 3px;
	border-style: solid;
	line-height: 18px;

	overflow: hidden;
	 font-size: 15px;
	 font-weight:normal;
  
	width: 150px;

    -webkit-border-radius:15px;
	
	background:  #0C141F;  
	background-color: rgba(12,20,31,0.6);
	font-family: "Open Sans",Arial,sans-serif;
}
.button_login { color:  #fff; cursor: pointer;}
.button_login:hover {
	background-color: #724A65;position: relative;top: 3px; transition: all .8s ease; color: #fff;  border-color:rgba(139,157,195, 0.4);
 
	   
	
	}
/*.button_login:hover {
	background: #3b5998;position: relative;top: 3px; transition: all .8s ease;color: #fff; border-color:  #3b5998; font-weight: normal;
	
	}
*/


.join_sign_up {
position:relative;
	
	right: 20px;
	display: inline-block;
	height: 32px;
	vertical-align: middle;
	
	border-radius: 15px;
	-moz-border-radius: 15px;
	border-color:  rgba(139,157,195, 0.4);
	border-width: 3px;
	border-style: solid;
	line-height: 18px;

	overflow: hidden;
	 font-size: 15px;
	 font-weight:normal;
  
	width: 150px;

    -webkit-border-radius:15px;
	
	background:#8B1C4A ;
	background-color: rgba(139, 37, 87,0.6);
	
	
	font-family: "Open Sans",Arial,sans-serif;
}
.join_sign_up { color:  #fff; cursor: pointer;}
.join_sign_up:hover {
	background-color: #5C7691;
   
	position: relative;top: 3px;
	 transition: all .8s ease;
    color: #fff; background-color: rgba(59,89,152,0.6);font-weight: normal;
	   
	
	}
/* [END] Freddy fin bouton se connecter*/

/* Freddy Bouton INSCRIPTION */
/*
.button_inscription {
	
	display: inline-block;
	height: 32px;
	vertical-align: middle;
	border-width: 1px;
	border-style: solid;
	border-radius: 30px;
	-moz-border-radius: 20px;
	border-color:  #3b5998;
	line-height: 30px;

	overflow: hidden;
	 font-size:21px;
	 font-weight: 500;
	 border: 1px solid #EC5A37;
	 
  padding: 15px 54px;
	width: auto;
	color: #fff;
	font-family: "Open Sans",Arial,sans-serif;


	background: #EC5A37;
	
	webkit-transition: all ease 1.0s; 
    -moz-transition: all ease 1.0s;
     transition: all ease 1.1s; 
	
}
*/





.bx-btn {
    display: inline-block; 

	vertical-align: middle;
	float:none;
	
	font-size: 20px;
    font-weight: 400;
    border-width: 2px;
    border-radius: 10px;
 }



.button_inscription {
	
	display: inline-block;
	height: 32px;
	vertical-align: middle;
	border-width: 3px;
	border-style: solid;
	border-radius: 30px;
	-moz-border-radius: 20px;
	border-color:  #f07355;
	line-height: 30px;
	text-shadow: #000 0 1px 2px;

	overflow: hidden;
	 font-size:21px;
	 font-weight: 500;
	 border: 2px solid #f07355;
	 
  padding: 15px 54px ;
	width: auto;
	color: #fff;
	font-family: "Open Sans",Arial,sans-serif;


	background: #f07355;  
	background-color: rgba(59,89,152,0.6);
	
	/*webkit-transition: all ease 1.0s; */
    -moz-transition: all ease 1.0s;
     transition: all ease 1.1s; 
	
}
.button_inscription { color:  #fff; cursor: pointer;}
.button_inscription:hover {background: #F04807;  border-color:  #3b5998;position: relative;top: 3px; transition: all 1.8s ease;color: #F7F7F9;

 box-shadow: inset 500px 0 0 0 #3b5998;
/*webkit-transition: all ease 1.8s; */
    -moz-transition: all ease 1.8s;
      }
/* [END] Freddy fin bouton INSCRIPTION*/



/* FREDDY initialiser le bouton Inscrption à couleur blanc par defaut */
/*a, a:link, a:visited, a:active {color: #fff;}*/
/* [END] FREDDY initialiser le bouton Inscrption à couleur blanc par defaut */

/* Freddy .inscription  pour position le bouton INSCRIPTION */
.inscription {
    position: fixed;
    top: 60%;
    width: 100%;
    left: 0;
	text-align:center;
	
   /* margin-top: -5%;  */
}

.join_sign_up_inscription {
position:relative;
	display: inline-block;
	vertical-align: middle;
	border-radius: 30px;
	-moz-border-radius: 30px;
	border-color:  rgba(139,157,195, 0.4);
	border-width: 3px;
	border-style: solid;
	overflow: hidden;
	 font-size: 20px;
    font-weight: 400;
	padding: 15px 54px;
	width: auto;
    -webkit-border-radius:30px;
	
	background: #3b5998;  
	background-color: rgba(59,89,152,0.6);
	font-family: "Open Sans",Arial,sans-serif;
}

.join_sign_up_inscription { color:  #fff; cursor: pointer;}
.join_sign_up_inscription:hover {
	background-color: #d64928;
   
	position: relative;
	top: 3px;
	 transition: all .8s ease;
    color: #fff; 
   border-color: #d64928;
  font-weight: normal;
	   
	
	}
 
.join_sign_up_storm {
position:relative;
	display: inline-block;
	line-height: 30px;
	vertical-align: middle;
	border-radius: 15px;
	-moz-border-radius: 15px;
	border-color:  rgba(139, 37, 87, 0.4);
	border-width: 1px;
	border-style: solid;
	overflow: hidden;
	 font-size: 22px;
    font-weight: 700;
	
	padding: 10px 15px;
	width: auto;
    -webkit-border-radius:30px;
	background: #8B1C4A;  
	background-color: rgba(139, 37, 87,0.6);
	font-family: "Open Sans",Arial,sans-serif;
	
}

.join_sign_up_storm { color:  #fff; cursor: pointer;}
.join_sign_up_storm:hover {	
background-color: #333333;position: relative;top: 3px;transition: all .8s ease;color: #fff; border-color:  rgba(139,157,195, 0.4);
	   }
 

.join_sign_up_storm a, 
.join_sign_up_storm a:link, 
.join_sign_up_storm a:visited, 
.join_sign_up_storm a:active {
    color: #fff;
}

.join_sign_up_storm a:hover, 
.join_sign_up_storm a:focus {
    color: #e1b5d6;
    text-decoration: none;
}
.inviterfriend {
display: inline-block;
	height: 30px;
	vertical-align: middle;
	border-width: 1px;
	border-style: solid;
	border-radius: 5px;
	-moz-border-radius: 2px;
	border-color:  #8b9dc3;
	line-height: 30px;
	
	overflow: hidden;
	 font-size:15px;
	
	 border: 1px solid #8b9dc3;
	 
  padding: 2px 2px;
	width: auto;
	color: #fff;
	font-family: "Open Sans",Arial,sans-serif;
    
	margin-bottom:5px;
    font-weight: normal;
	background-color: #3b5998;
    background-color: rgba(139,157,195,0.2);
	
	
	webkit-transition: all ease 1.0s; 
    -moz-transition: all ease 1.0s;
     transition: all ease 1.1s; 
 
}
.inviterfriend { color:  #fff; cursor: pointer;}
.inviterfriend:hover {background: #3b5998;  border-color:  #413F41; font-weight:normal; position: relative;bottom: 0.5px; transition: all 1.8s ease;color: #fff;}



.langue-choix {float: right;font-size:13px; font-weight:normal; }

/* Freddy .avatar-footer   pour position AVATAR CAROUSSEL */
.caroussel-centrage {
    position: fixed;
	
    
    width: auto;
    left: 32%;	
	z-index:-1;
}
.avatar-footer {
    position: fixed;
    top: 83%;
   
    margin-top: -5%;
    height: 130px;
	width: 460px;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	transition: all .45s ease-in-out;
	
}

.inviter-position {
    top: 80%;
	position: fixed;
	width: 100%;
    left: 0;
	 text-align:center;
	 
}


.mutshiarrow-down{
    position: fixed;
    top: 92%;
    width: 100%;
    left: 0;
	  text-align:center; 
	  line-height:15px;
 /* margin-top: -5%; */

   
}

.carousel-profiles {
	max-height: 110px;
	width:220px;
}
.caroufredsel_wrapper {
	overflow: visible!important;
	
	
}
.carousel-profiles ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	
	
}
.carousel-profiles li {
	text-align: center;
	background-color: transparent;
	border: 3px solid #d9d9d9;
	width: 80px;
	height: 80px;
	padding: 0;
	border-radius: 50px;
	margin: 6px;
	display: block;
	float: left;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
	
	
}
.carousel-profiles li:hover {
	border: 3px solid #111;
	-webkit-animation: pulse ease-in-out 1 normal 200ms;
	-moz-animation: pulse ease-in-out 1 normal 200ms;
	-ms-animation: pulse ease-in-out 1 normal 200ms;
	-o-animation: pulse ease-in-out 1 normal 200ms;
	animation: pulse ease-in-out 1 normal 200ms;
	
	
}
.carousel-profiles img {
	border-radius: 50px;
}
/*** Profile Thumbs Carousel ***/
input::-webkit-input-placeholder {
	color: #999;
}
input:-moz-input-placeholder {
	color: #999;
}
#fade {
	top: -56px;
	left: -262px;
	z-index: 1;
}
/* freddy [END]fin photo profile caroussel */



/* freddy commentaire changement de font-family
body {font-family: "Lato",sans-serif;text-align: center;}*/
body {
	font-family: "Open Sans",Arial,sans-serif;
 /* freddy masquer scroll bar horizontal */
  overflow-x: hidden;
	}
 h1 {
    font-size: 4.46666666667em;
	
   /* freddy
    text-transform: uppercase;
	 font-weight: 400;
	 line-height: 1.17em;
	  letter-spacing: 0.20em;
	*/
	
   
    
}


.abs_nav {
	float: right;margin-top: 15px;
	position:relative;
	z-index:-1;
	}
	
.abs_nav_mobile {display:none;}
	
	
	
	
button.button_signup {margin-right: 10px;}
/*div.sys_root_bg, div.sys_main_menu, div.sys_breadcrumb, div.sys_main_logo {display: none;}*/
#abs_overlay {position: fixed;background: rgba(12, 12, 12, 0.3);width: 100%;height: 100%;left: 0;top: 0;z-index: -1;}
.abs_home {position: absolute;z-index: 2;}
.abs_in {position: relative;z-index: 2;top: 0px;}
.sys_copyright .sys_cr_wrapper {background: transparent;border: none;}

.abs_footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    
    font-size: 18px; 
    height:55px; 
   /* font-weight:bold; */
    padding-bottom:10px;
    left: 0;
   
  /*   background-color: #666;
  background-color: rgba(139,157,195, 0.4);
	border-bottom: 2px solid #d9d9d9;
	*/
	 /* background-color: rgba(0, 0, 0, 0.8);*/
	  background-color: rgba(43, 41, 37, 0.9);
	border-bottom: 9px solid rgba(0, 0, 0, 0.9);
	border-top: 4px solid rgba(0, 0, 0, 0.1);
	width: 100%; 
	
	
	-webkit-box-shadow:0 0 3px 1px rgba(130,130,140,.5);
	-moz-box-shadow:0 0 3px 1px rgba(130,130,140,.5);
	box-shadow:0 0 3px 1px rgba(130,130,140,.5); 
	
	 /*
	 -webkit-box-shadow:0 0 3px 1px rgba(130,130,140,.5);
	-moz-box-shadow:0 0 3px 1px rgba(130,130,140,.5);
	box-shadow:0 0 3px 1px rgba(130,130,140,.5);
	*/
	line-height:30px;
/* overflow-y: scroll;*/
  /* freddy masquer scroll bar horizontal */
  }

 
 
/* .abs_footer a {padding: 10px;color: #fff;} */
.abs_footer a {padding: 10px; text-decoration: none;  }


.abs_footer a, 
.abs_footer a:link, 
.abs_footer a:visited, 
.abs_footer a:active {
    color: #fff;
}

.abs_footer a:hover, 
.abs_footer a:focus {
    color: #C1A060;
    text-decoration: none;
}





div.slides-fullscreen-img {background-position: center center;}

/*.abs_title .abs_text {
    position: fixed;
    top: 50%;
    margin: -5% auto;
}*/
.abs_title {
    position: fixed;
	text-align:center;
    top: 60%;
    width: 100%;
    left: 0;
    margin-top: -5%;
	z-index:-1;
	
}


.abs_title_slide {
    position: fixed;
    top: 50%;
    width: 100%;
    left: 0;
    margin-top: -5%;
	
}


/* Freddy 
.abs_text p,.abs_text a {
    color: #fff;
    font-size: 30px;
}
*/
.abs_text p,.abs_text a {
	font-size:37px;
	font-weight:700;
	
	color:#fff;
	margin: 0 0 0px;
	
	text-shadow: #000 0 1px 2px;
    -webkit-text-shadow: #000 0 1px 2px;
    -moz-text-shadow: #000 0 1px 2px;

}
h2 {
	color: #008ed6;
	font-size: 27px;
	font-weight: 800;
	text-align: center;
	position: relative;
	margin-bottom: 80px;
}
h2 small {
	color: #979797;
	font-size: 32px;
	font-weight: normal;
	line-height: 1.2;
}

.abs_text soustitre{
	font-size:30px;
	font-weight:500;
	
	color:#fff;
	margin: 0 0 0px;
	
	text-shadow: #000 0 1px 2px;
    -webkit-text-shadow: #000 0 1px 2px;
    -moz-text-shadow: #000 0 1px 2px;

}

/* freddy 
.abs_text h1 {
    color: #fff;
    font-size: 40px;
   
    text-transform: capitalize;padding: 0 50px;
	}
*/
.abs_text h1 {
   font-size:26px;
	font-weight:600;
	
	color:#fff;
	font-family: "Open Sans",Arial,sans-serif;
	
	
	}


div.abs_logo a {
    text-decoration: none;
}
div.abs_slogan {
   font-size:14px;
   color:#fff;
   
}

div.abs_title .abs_text .abs_title_message_slide {
  
  

    display: block;
   
    height: auto;
    width: 90%;
	margin-left: auto;
    margin-right: auto;
	line-height:25px;
	color:#fff;
	font-family: "Open Sans",Arial,sans-serif;
	border: 0px solid #fff;
	padding:5px 5px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	
	text-shadow: #000 0 1px 1px;
	
    -webkit-text-shadow: #000 0 1px 2px;
    -moz-text-shadow: #000 0 1px 2px;
	
   background-color: rgba(200, 200, 210, 0.1);
	-webkit-box-shadow:0 0 3px 1px rgba(130,130,140,0.1);
	-moz-box-shadow:0 0 3px 1px rgba(130,130,140,.1);
	box-shadow:0 0 3px 1px rgba(130,130,140,.1);
	
	
}
.sys_mc > .disignBoxFirst > .boxFirstHeader {
    display: none;
}.sys_mc > .disignBoxFirst {
    border: none;
}div.sys_footer {
    display: none;
}
.btn-invite:hover {
    padding-right: 4.2rem;text-decoration: none;
}
.btn-invite {
     
	color: #FFF;
    border-color: #FFF;
    padding: 1.4rem 2.1rem;
    font-size: 1.8rem;
    font-family: "Lato",sans-serif !important;
    display: inline-block;
    position: relative;
    border-style: solid;
    border-width: 2px;
    border-radius: 0.9090909091rem;
    overflow: hidden;
    font-weight: 700;
    text-decoration: none;
    -webkit-transition: background 0.2s cubic-bezier(0.365, 0.005, 0.355, 1), width 0.2s cubic-bezier(0.365, 0.005, 0.355, 1), padding 0.2s cubic-bezier(0.365, 0.005, 0.355, 1);
    -moz-transition: background 0.2s cubic-bezier(0.365, 0.005, 0.355, 1), width 0.2s cubic-bezier(0.365, 0.005, 0.355, 1), padding 0.2s cubic-bezier(0.365, 0.005, 0.355, 1);
    transition: background 0.2s cubic-bezier(0.365, 0.005, 0.355, 1), width 0.2s cubic-bezier(0.365, 0.005, 0.355, 1), padding 0.2s cubic-bezier(0.365, 0.005, 0.355, 1);
}
.btn-invite:before {
 
   background: url("../img/btn-arrow.svg") center right no-repeat;
    content: "";
    display: block;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    top: 50%;
    right: 1.6rem;
    height: 100%;
    width: .01rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: visibility 0.2s, width 0.2s cubic-bezier(0.365, 0.005, 0.355, 1), opacity 0.2s cubic-bezier(0.365, 0.005, 0.355, 1);
    transition: visibility 0.2s, width 0.2s cubic-bezier(0.365, 0.005, 0.355, 1), opacity 0.2s cubic-bezier(0.365, 0.005, 0.355, 1);
}


#slides{
	position:fixed !important;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-4;
	
	
}



.slides-fullscreen-img{
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment:fixed;
	background-position: 50% 0;
	width: 110%;
	height: 100%;
	top:0;
	left:0;
	position:fixed;
	
	
	-webkit-animation: spinAround 300s linear infinite;
	-moz-animation: spinAround 300s linear infinite;
	animation: spinAround 300s linear infinite;
	/* opacity: 0.8;
     filter: alpha(opacity=70);*/  /* For IE8 and earlier */
	
	
	
}

#wrapper{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	
	left:0;
	z-index:0;
}

.bc{
	-webkit-transform: scale3d(0.2, 0.2, 0.2);
	-moz-transform: scale3d(0.2, 0.2, 0.2);
	-ms-transform: scale3d(0.2, 0.2, 0.2);
	-o-transform: scale3d(0.2, 0.2, 0.2);
	transform: scale3d(0.2, 0.2, 0.2);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity: 0.2 !important;
}
.bc2{
	display:none
}
.transition{
	-webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    -ms-transition: all 300ms linear;
    transition: all 500ms linear;
}
.but-rotade{
	-webkit-transform: rotate(180deg); 
	-moz-transform: rotate(180deg); 
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}
@-webkit-keyframes spinAround {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform:scale(5.0) rotate(80deg);
	}
}
@-moz-keyframes spinAround {
	from {
		-moz-transform: rotate(0deg)
	}
	to {
		-moz-transform: scale(5.0) rotate(80deg);
	}
}
@keyframes spinAround {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: scale(5.0) rotate(80deg);
	}
}
/**A****B****S****E****R****V****E**
*          @Social Login           *
************************************/
.social {position: fixed;top: 160px;width: 55px;z-index: 10;left: 0;}
.social ul {
  padding: 0px;
  -webkit-transform: translate(-270px, 0);
  -moz-transform: translate(-270px, 0);
  -ms-transform: translate(-270px, 0);
  -o-transform: translate(-270px, 0);
  transform: translate(-270px, 0);
}.social a {
    text-decoration: none;
}
.social ul li {
  display: block;
  margin: 5px;
  background: rgba(0, 75, 121, 0.4);
  width: 300px;
  text-align: right;
  padding: 10px;
  -webkit-border-radius: 0 30px 30px 0;
  -moz-border-radius: 0 30px 30px 0;
  border-radius: 0 30px 30px 0;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.social ul li:hover {
  -webkit-transform: translate(110px, 0);
  -moz-transform: translate(110px, 0);
  -ms-transform: translate(110px, 0);
  -o-transform: translate(110px, 0);
  transform: translate(110px, 0);
  /*background: rgba(255, 255, 255, 0.4);*/
}
.social ul li:hover a {color: #fff;padding: 24px 0px 20px 70px;}
.social ul li:hover i {
  color: #dfe3ee;
  /*background: rgba(0, 0, 0, 0.36);*/
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.social ul li i {
  margin-left: 10px;
  
  padding: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 20px;
  background: #3b5998;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
/*Pre Loader*/

#preloader {
  position: fixed;
  display: table;
  text-align: center;
  width: 100%; height: 100%;
  top: 0; left: 0;
  background-color: #fff;
  z-index: 999999999;
}
#page-loading { top: 50%;position: absolute;left: 50%;margin-left: -50px;margin-top: -80px;}
#page-loading p {
  text-align: center;
  /* freddy
  text-transform: uppercase;
  */
  z-index: 99;
  padding: 10px 0;
  color: black;
  font-size: 12px;
  overflow: hidden;
  margin-top: 5px;
}
#page-loading div {
  width: 40px;
  height: 40px;
  margin: auto;
  border-right: 3px solid #ff5a5f;
  border-bottom: 3px solid transparent;
  border-radius: 100%;
  -webkit-animation: spin 0.9s linear infinite;
  -moz-animation: spin 0.9s linear infinite;
  -o-animation: spin 0.9s linear infinite;
  animation: spin 0.9s linear infinite;
}

@keyframes spin {
 0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  } 
  100% {
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
 0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  } 
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-moz-keyframes spin {
 0% {
    -moz-transform: rotate(0deg);
  }
  50% {
    -moz-transform: rotate(180deg);
  } 
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
 0% {
    -o-transform: rotate(0deg);
  }
  50% {
    -o-transform: rotate(180deg);
  } 
  100% {
    -o-transform: rotate(359deg);
  }
}

.fonctionnalites_Accueil {
	margin:0px;padding:0px;
	width:40%;
	margin-left:auto;
	margin-right:auto;
	box-shadow: 1px 1px 1px 1px #888888;
	border:1px solid #ffffff;
	
	
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.fonctionnalites_Accueil table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.fonctionnalites_Accueil tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.fonctionnalites_Accueil table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.fonctionnalites_Accueil table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.fonctionnalites_Accueil tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.fonctionnalites_Accueil tr:hover td{
	
}
.fonctionnalites_Accueil tr:nth-child(odd){ background-color:#ffffff; }
.fonctionnalites_Accueil tr:nth-child(even)    { background-color:#ffffff; }
.fonctionnalites_Accueil td{
	vertical-align:middle;
	
	
	border:1px solid #dfe3ee;
	border-width:0px 1px 1px 0px;
	text-align:center;
	padding:7px;
	font-size:15px;
	font-family:Arial;
	font-weight:normal;
	color:#525354;
}.fonctionnalites_Accueil tr:last-child td{
	border-width:0px 1px 0px 0px;
}.fonctionnalites_Accueil tr td:last-child{
	border-width:0px 0px 1px 0px;
}.fonctionnalites_Accueil tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.fonctionnalites_Accueil tr:first-child td{
		background:-o-linear-gradient(bottom, #ffffff 5%, #ffffff 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f7f7f7), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #f7f7f7 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7f7f7", endColorstr="#ffffff");	background: -o-linear-gradient(top,#f7f7f7,ffffff);

	background-color:#f7f7f7;
	border:0px solid #dfe3ee;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:15px;
	font-family:Arial;
	font-weight:normal;
	color:#2b70a8;
}
.fonctionnalites_Accueil tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #f7f7f7 5%, #ffffff 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f7f7f7), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #f7f7f7 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7f7f7", endColorstr="#ffffff");	background: -o-linear-gradient(top,#f7f7f7,ffffff);

	background-color:#f7f7f7;
}
.fonctionnalites_Accueil tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.fonctionnalites_Accueil tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}



/*
@media(max-width:767px){
	.carousel-profiles li {	width: 50px; height: 50px;}
	.carousel-profiles img {width: 50px; height: 50px;}
	.avatar-footer { top: 80%;margin-top: -5%; height: 130px; width: 275px;}
	.button_inscription {font-size: 15px; font-weight:normal;  padding: 3px 10px; }
	.inscription {top: 53%;}
}
*/

/* Freddy mobile phone NEXUS 6S 412 X 732*/



/* mobile phone Samsung S5 Paysage
@media(max-width:640px){
	
	.abs_footer {width: 95%; font-size: 10px; height: 21px; padding-top: 2px; }
	.abs_footer a {line-height: 21px;}
	.abs_text p,.abs_text a {font-size:22px; font-weight:600;line-height:25px;}
	.abs_text h1 {  font-size:16px;	font-weight:400;}
}

*/

@media(min-width:1200px) and (max-width:1280px){
	.bodyTitre { top:15%; width:96%;left: 2%; right: 2%;}
	.abs_text p,.abs_text a {font-size:33px; font-weight:700;}
	.abs_footer {  height:80px;  font-size: 20px;  }
	.abs_nav {float:right;margin-top: 10px; text-align:center; left:-50px;}
	/*.button_langue {	display:none;} */
	.button_login {right: 30px; height: 30px; line-height: 16px; font-size: 15px; width: 150px; margin-top:5px;margin-right:15px; }
.join_sign_up {right: 50px; height: 30px; line-height: 16px; font-size: 15px; width: 160px; padding-right:0px; margin-top:5px;}
.button_langue_mobile {
		
position:relative;
	right: 10px;
	display: inline-block;
	height: 32px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	border-width: 0px;
	border-style: solid;
	line-height: 18px;
	overflow: hidden;
	 font-size: 11px;
	 font-weight:normal;
	width: 150px;
    -webkit-border-radius:0px;
	font-family: "Open Sans",Arial,sans-serif;
	background-color: #dfe3ee;
    background-color: rgba(139,157,195, 0.0);
	-webkit-box-shadow:0 0 3px 1px rgba(130,130,140,.5);
	-moz-box-shadow:0 0 3px 1px rgba(130,130,140,.5);
	box-shadow:0 0 3px 1px rgba(130,130,140,.5);
}
.button_langue_mobile { color:  #fff; cursor: pointer;}
.button_langue_mobile:hover {position: relative;top: 3px;color: #fff;border-color: #fff;}

	
	}
	
	
	@media(min-width:992px) and (max-width:1199px){
	.mutshiarrow-down{    top: 92%; }
	.avatar-footer{    top: 77%; }
	.topDiv {height:90px;}
	.bodyTitre { top:5%; width:96%;left: 2%; right: 2%;}
	.titre {font-size: 28px;    font-weight: 700; line-height:40px;}
	.front-welcome-text {font-size:18px;font-weight:500;line-height:26px;}
	.titre_sous {font-size: 24px;    font-weight: 700;}
	.sous_titre_sous {font-size: 20px;    font-weight: 500;}
	.abs_text p,.abs_text a {font-size:30px; font-weight:700;}
	.join_sign_up_inscription {	padding: 5px 30px;}
	.abs_footer {  height:120px;  font-size: 20px;  }
	.abs_nav {float:right;margin-top: 10px; text-align:center; left:-50px;}
	/* .button_langue {	display:none;} */
	.button_login {right: 100px; height: 30px; line-height: 16px; font-size: 16px; width: 150px; margin-top:5px;margin-right:15px; }
.join_sign_up {right: 100px; height: 30px; line-height: 16px; font-size: 16px; width: 160px; padding-right:0px; margin-top:5px;}
.button_langue_mobile {
		
position:relative;
	right: 10px;
	display: inline-block;
	height: 32px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	border-width: 0px;
	border-style: solid;
	line-height: 18px;
	overflow: hidden;
	 font-size: 11px;
	 font-weight:normal;
	width: 150px;
    -webkit-border-radius:0px;
	font-family: "Open Sans",Arial,sans-serif;
	background-color: #dfe3ee;
    background-color: rgba(139,157,195, 0.0);
	-webkit-box-shadow:0 0 3px 1px rgba(130,130,140,.5);
	-moz-box-shadow:0 0 3px 1px rgba(130,130,140,.5);
	box-shadow:0 0 3px 1px rgba(130,130,140,.5);
}
.button_langue_mobile { color:  #fff; cursor: pointer;}
.button_langue_mobile:hover {position: relative;top: 3px;color: #fff;border-color: #fff;}

	
	}



/* Freddy Tablete lenovo paysage*/
@media(min-width:801px) and (max-width:991px){
	.bodyTitre { top:10%; width:96%;left: 2%; right: 2%;}
	.mutshiarrow-down {top: 92%;margin-top: -3%;}
	.titre { font-size: 32px; font-weight: 700; line-height:40px;}
	.titre_sous {font-size: 26px;    font-weight: 700;}
	.sous_titre_sous {font-size: 20px;    font-weight: 500;}
	.abs_text p,.abs_text a {font-size:30px; font-weight:700;}
	.join_sign_up_inscription {	padding: 5px 30px;}
	.abs_text_EnsavoirPlus { font-size: 20px;}
	.abs_footer {  height:140px; font-size: 22px;}
	.abs_nav {float:right;margin-top: 10px; text-align:center; left:-50px;}
	/*.button_langue {	display:none;}*/
	.button_login {right: 30px; height: 30px; line-height: 16px; font-size: 15px; width: 150px; margin-top:5px;margin-right:15px; }
.join_sign_up {right: 10px; height: 30px; line-height: 16px; font-size: 15px; width: 160px; padding-right:0px; margin-top:5px;}
.button_langue_mobile {
		
position:relative;
	right: 10px;
	display: inline-block;
	height: 32px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	border-width: 0px;
	border-style: solid;
	line-height: 18px;
	overflow: hidden;
	 font-size: 11px;
	 font-weight:normal;
	width: 150px;
    -webkit-border-radius:0px;
	font-family: "Open Sans",Arial,sans-serif;
	background-color: #dfe3ee;
    background-color: rgba(139,157,195, 0.0);
	-webkit-box-shadow:0 0 3px 1px rgba(130,130,140,.5);
	-moz-box-shadow:0 0 3px 1px rgba(130,130,140,.5);
	box-shadow:0 0 3px 1px rgba(130,130,140,.5);
}
.button_langue_mobile { color:  #fff; cursor: pointer;}
.button_langue_mobile:hover {position: relative;top: 3px;color: #fff;border-color: #fff;}

.inscription { top:60%;}
.avatar-footer { top:78%;}
.caroussel-centrage { left:20%;}
.abs_title { top:52%;}
	
	}

/* Freddy Tablete lenovo PORTAIT*/

@media (min-width:601px) and (max-width:800px){
	
	.linkin_profile_cover_info_photo_gouv_small { width: 170px; height: 170px;}
	.logo_size_radius {margin-right: 30px; height: 88px;}
	.front-welcome-text {font-size:18px;font-weight:500;line-height:30px;}
	.titre_sous {font-size: 24px;    font-weight: 700;}
	.sous_titre_sous {font-size: 20px;    font-weight: 500;}
	.titre { font-size: 30px; font-weight: 700; line-height:40px;}
	.bodyTitre { top:8%; width:96%;left: 2%; right: 2%;}
	.inscription {top: 55%;}
	.abs_title {    top: 50%;}
	.join_sign_up_storm { font-size: 22px;font-weight: 700;}

.abs_footer {  height:160px; font-size: 18px;}
.abs_text_EnsavoirPlus {font-size: 24px; font-weight: normal;}
.EnSavoirPlus {   height: 70px; width:auto; padding-bottom:15px; }
.mutshiarrow-down{    top: 95%; margin-top: -10%;}
	
.topDiv {height:90px; }
.abs_nav {float:none;margin-top: 5px; text-align:center;}
.logo_size {height:65px; width: auto;  text-align:center;padding-left:0px;}
.abs_logo {float:left;}
.logo_center {text-align:center;}
.join_sign_up_inscription {	padding: 5px 30px;}
/*.button_langue {	display:none;}	*/
.button_login {right: 30px; height: 30px; line-height: 16px; font-size: 15px; width: 150px; margin-top:5px;margin-right:15px; }
.join_sign_up {right: -60px; height: 30px; line-height: 16px; font-size: 15px; width: 160px; padding-right:0px; margin-top:5px;}

	
.button_langue_mobile {
		
position:relative;
	right: 10px;
	display: inline-block;
	height: 32px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	border-width: 0px;
	border-style: solid;
	line-height: 18px;
	overflow: hidden;
	 font-size: 11px;
	 font-weight:normal;
	width: 150px;
    -webkit-border-radius:0px;
	font-family: "Open Sans",Arial,sans-serif;
	background-color: #dfe3ee;
    background-color: rgba(139,157,195, 0.0);
	-webkit-box-shadow:0 0 3px 1px rgba(130,130,140,.5);
	-moz-box-shadow:0 0 3px 1px rgba(130,130,140,.5);
	box-shadow:0 0 3px 1px rgba(130,130,140,.5);
}
.button_langue_mobile { color:  #fff; cursor: pointer;}
.button_langue_mobile:hover {position: relative;top: 3px;color: #fff;border-color: #fff;}



.abs_text p,.abs_text a {font-size:24px; font-weight:700;}
.abs_text h1 {  font-size:24px;	font-weight:500;}


.inviter-position {   text-align:center; top: 80%; color: #FFF;}

.carousel-profiles li {	width: 64px; height: 64px;}
.carousel-profiles img {width: 64px; height: 64px;}
.avatar-footer { top: 70%;margin-top: -5%; height: 130px; width: 450px; left:20%;}
.caroussel-centrage {  left: 10%;}
.button_inscription {font-size: 15px; font-weight:bold;  padding: 3px 10px; }


}


/* freddy  portable paysage*/
@media (min-width:481px) and (max-width:600px){
	.linkin_profile_cover_info_photo_gouv_small {
    border-radius: 50%;
    width: 130px;
    height: 130px;
}
	.bodyTitre { top:5%; width:96%;left: 2%; right: 2%;}
	.titre { font-size: 28px; font-weight: 700;}
	.titre_sous {font-size: 24px;    font-weight: 700;}
	.sous_titre_sous {font-size: 20px;    font-weight: 500;}
	.front-welcome-text { line-height: 22px;}
.abs_footer {  height:125px; font-size: 18px;}
.EnSavoirPlus {   height: 70px; width:auto; padding-bottom:15px; }
.mutshiarrow-down{    top: 92%;margin-top: -10%; }
.abs_text_EnsavoirPlus {font-size: 17px;}
	
.abs_text h1 {  font-size:22px;	font-weight:500;}
.abs_text p,.abs_text a {font-size:22px; font-weight:700;line-height:20px;}

.abs_title { top: 51%; }
.join_sign_up_inscription {	padding: 5px 30px;}
.inscription {top: 60%;}



.logo_size {height:40px; width: auto;  text-align:center;padding-left:0px;}


/******************freddy logo***************/
/* .abs_logo { display:none;}
.logo_center { display:none;}
*/


.logo_center_mobile { display: inline-block;text-align:center;}
.abs_logo_mobile  { display: inline-block;}

.abs_nav_mobile {
	margin-top: 15px;
	position:relative;
	z-index:-1;
	text-align:center;
	display:inline-block;
	
	}
/* .abs_nav{display:none;} */

.abs_logo {float: none;}

.topDiv {height:88px; }
.abs_nav {float:none;margin-top: 5px; text-align:center;}

/*********************************************/

/*.button_langue {	display:none;}	*/

.logo_size_radius { margin-right: 30px;}

.button_login { font-size: 15px; width: 130px; margin-top:10px;left:0px;  }
.join_sign_up {font-size: 15px; width: 150px;  margin-top:10px;right:60px; float:right}



.button_langue_splash {right:0px; }

.button_langue_mobile {
		
position:relative;
	right: 10px;
	display: inline-block;
	height: 32px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	
	border-width: 0px;
	border-style: solid;
	line-height: 18px;

	overflow: hidden;
	 font-size: 11px;
	 font-weight:normal;
  
	width: 150px;

    -webkit-border-radius:0px;

	font-family: "Open Sans",Arial,sans-serif;
	
	background-color: #dfe3ee;
    background-color: rgba(139,157,195, 0.0);
	-webkit-box-shadow:0 0 3px 1px rgba(130,130,140,.5);
	-moz-box-shadow:0 0 3px 1px rgba(130,130,140,.5);
	box-shadow:0 0 3px 1px rgba(130,130,140,.5);
}
.button_langue_mobile { color:  #fff; cursor: pointer;}
.button_langue_mobile:hover {position: relative;top: 3px;color: #fff;border-color: #fff;}


.inviter-position {   text-align:center; top: 80%; color:fff;}

.carousel-profiles li {	width: 64px; height: 64px;}
.carousel-profiles img {width: 64px; height: 64px;}
.avatar-footer { top: 75%;margin-top: -5%; height: 130px; width: 450px;}
.caroussel-centrage {  left: 20%;}
.button_inscription {font-size: 15px; font-weight:bold;  padding: 3px 10px; }

}



@media (min-width:410px) and (max-width:480px){
	
	.linkin_profile_cover_info_photo_gouv_small {
    border-radius: 50%;
    width: 110px;
    height: 110px;
}
	
	.join_sign_up_storm {	 font-size: 19px; font-weight: 700;	padding: 5px 10px;	width: auto; line-height:30px;}
	
	.titre { font-size: 24px; font-weight: 700; line-height:30px;}
.front-welcome-text {font-size:20px;font-weight:600;line-height:24px;}
.abs_title { top: 51%;}

.titre_sous {font-size: 22px;    font-weight: 700;}
.sous_titre_sous {font-size: 18px;    font-weight: 500;}
.abs_footer {  height:135px; font-size: 15px; line-height:26px;}
.EnSavoirPlus {   height: 75px; width:auto; padding-bottom:15px; }
.abs_text_EnsavoirPlus {font-size:16px;font-weight: normal;}
	.mutshiarrow-down{ top: 85%;}

.abs_text h1 {  font-size:20px;	font-weight:400;}
.join_sign_up_inscription {	padding: 5px 30px;font-size: 18px;    font-weight: 300;}

.inscription {top: 63%;}

.topDiv {height:90px; }
.abs_nav {float:none;margin-top: 5px; text-align:center;}
.logo_size {height:50px; width: auto;   text-align:center;padding-left:0px;}

/******************freddy logo***************/
/* .abs_logo { display:none;}
.logo_center { display:none;}*/

.logo_center_mobile { display: inline-block;text-align:center;}
.abs_logo_mobile  { display: inline-block;}

.abs_nav_mobile {
	margin-top: 15px;
	position:relative;
	z-index:-1;
	text-align:center;
	display:inline-block;
	
	}
/* .abs_nav{display:none;}*/

.abs_logo {float: none;}


.abs_nav {float:none;margin-top: 5px; text-align:center;}

/*********************************************/

/*********************************************/

/* .button_langue {	display:none;}	*/


.button_login { font-size: 15px; width: 130px; margin-top:10px; right:10px;  }
.join_sign_up {font-size: 15px; width: 120px;  margin-top:10px;right:5px; float:right}
.button_langue_splash {right:0px; }

.button_langue_mobile {
		
position:relative;
	
	left: 10px;
	display: inline-block;
	height: 32px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	border-width: 0px;
	border-style: solid;
	line-height: 18px;
	overflow: hidden;
	 font-size: 11px;
	 font-weight:normal;
	width: 150px;
    -webkit-border-radius:0px;
	font-family: "Open Sans",Arial,sans-serif;
	background-color: #dfe3ee;
    background-color: rgba(139,157,195, 0.0);
	-webkit-box-shadow:0 0 3px 1px rgba(130,130,140,.5);
	-moz-box-shadow:0 0 3px 1px rgba(130,130,140,.5);
	box-shadow:0 0 3px 1px rgba(130,130,140,.5);
}
.button_langue_mobile { color:  #fff; cursor: pointer;}
.button_langue_mobile:hover {position: relative;top: 3px;color: #fff;border-color: #fff;}



.abs_text p,.abs_text a {font-size:26px; font-weight:700;line-height:30px;}



.inviter-position {   text-align:center; top: 80%; color:fff;}

.carousel-profiles li {	width: 55px; height: 55px;}
.carousel-profiles img {width: 55px; height: 55px;}
.avatar-footer { top: 75%;margin-top: -5%; height: 130px; width: 340px;}
.caroussel-centrage {  left: 5%;}
.button_inscription {font-size: 15px; font-weight:bold;  padding: 3px 10px; }
.bodyTitre { top:3%; width:96%;left: 2%; right: 2%;}
}

@media (min-width:385px) and (max-width:409px){
	
	.linkin_profile_cover_info_photo_gouv_small {
    border-radius: 50%;
    width: 110px;
    height: 110px;
}
	
	.join_sign_up_storm {	 font-size: 19px; font-weight: 700;	padding: 5px 10px;	width: auto; line-height:30px;}
	
	.titre { font-size: 24px; font-weight: 700; line-height:30px;}
.front-welcome-text {font-size:20px;font-weight:600;line-height:24px;}
.abs_title { top: 51%;}

.titre_sous {font-size: 22px;    font-weight: 700;}
.sous_titre_sous {font-size: 18px;    font-weight: 500;}
.abs_footer {  height:130px; font-size: 15px; line-height:26px;}
.EnSavoirPlus {   height: 75px; width:auto; padding-bottom:15px; }
.abs_text_EnsavoirPlus {font-size:14px;font-weight: normal;}
	.mutshiarrow-down{ top: 84%;}

.abs_text h1 {  font-size:20px;	font-weight:400;}
.join_sign_up_inscription {	padding: 5px 30px;font-size: 18px;    font-weight: 300;}

.inscription {top: 63%;}

.topDiv {height:90px; }
.abs_nav {float:none;margin-top: 5px; text-align:center;}
.logo_size {height:50px; width: auto;   text-align:center;padding-left:0px;}

/******************freddy logo***************/
/* .abs_logo { display:none;}
.logo_center { display:none;}*/

.logo_center_mobile { display: inline-block;text-align:center;}
.abs_logo_mobile  { display: inline-block;}

.abs_nav_mobile {
	margin-top: 15px;
	position:relative;
	z-index:-1;
	text-align:center;
	display:inline-block;
	
	}
/* .abs_nav{display:none;}*/

.abs_logo {float: none;}


.abs_nav {float:none;margin-top: 5px; text-align:center;}

/*********************************************/

/*********************************************/

/* .button_langue {	display:none;}	*/


.button_login { font-size: 15px; width: 130px; margin-top:10px; right:10px;  }
.join_sign_up {font-size: 15px; width: 120px;  margin-top:10px;right:5px; float:right}
.button_langue_splash {right:0px; }

.button_langue_mobile {
		
position:relative;
	
	left: 10px;
	display: inline-block;
	height: 32px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	border-width: 0px;
	border-style: solid;
	line-height: 18px;
	overflow: hidden;
	 font-size: 11px;
	 font-weight:normal;
	width: 150px;
    -webkit-border-radius:0px;
	font-family: "Open Sans",Arial,sans-serif;
	background-color: #dfe3ee;
    background-color: rgba(139,157,195, 0.0);
	-webkit-box-shadow:0 0 3px 1px rgba(130,130,140,.5);
	-moz-box-shadow:0 0 3px 1px rgba(130,130,140,.5);
	box-shadow:0 0 3px 1px rgba(130,130,140,.5);
}
.button_langue_mobile { color:  #fff; cursor: pointer;}
.button_langue_mobile:hover {position: relative;top: 3px;color: #fff;border-color: #fff;}



.abs_text p,.abs_text a {font-size:26px; font-weight:700;line-height:30px;}



.inviter-position {   text-align:center; top: 80%; color:fff;}

.carousel-profiles li {	width: 55px; height: 55px;}
.carousel-profiles img {width: 55px; height: 55px;}
.avatar-footer { top: 75%;margin-top: -5%; height: 130px; width: 340px;}
.caroussel-centrage {  left: 5%;}
.button_inscription {font-size: 15px; font-weight:bold;  padding: 3px 10px; }
.bodyTitre { top:3%; width:96%;left: 2%; right: 2%;}
}



@media (min-width:370px) and (max-width:384px){
	
	.linkin_profile_cover_info_photo_gouv_small {
    border-radius: 50%;
    width: 100px;
    height: 100px;
}
	.titre_main { font-size: 30px;}
	.join_sign_up_storm {	 font-size: 19px; font-weight: 700;	padding: 5px 10px;	width: auto; line-height:30px;}
	
	.titre { font-size: 20px; font-weight: 700; line-height:25px;}
.front-welcome-text {font-size:20px;font-weight:600;line-height:24px;}
.abs_title { top: 60%;}

.titre_sous {font-size: 22px;    font-weight: 700;}
.sous_titre_sous {font-size: 18px;    font-weight: 500;}
.abs_footer {  height:115px; font-size: 14px; line-height:22px;}
.EnSavoirPlus {   height: 75px; width:auto; padding-bottom:15px; }
.abs_text_EnsavoirPlus {font-size:14px;font-weight: normal;}
	.mutshiarrow-down{ top: 88%;margin-top: -7%;}

.abs_text h1 {  font-size:20px;	font-weight:400;}
.join_sign_up_inscription {	padding: 5px 30px;font-size: 18px;    font-weight: 300;}

.inscription {top: 64%;}

.topDiv {height:90px; }
.abs_nav {float:none;margin-top: 5px; text-align:center;}
.logo_size {height:50px; width: auto;   text-align:center;padding-left:0px;}

/******************freddy logo***************/
/* .abs_logo { display:none;}
.logo_center { display:none;}*/

.logo_center_mobile { display: inline-block;text-align:center;}
.abs_logo_mobile  { display: inline-block;}

.abs_nav_mobile {
	margin-top: 15px;
	position:relative;
	z-index:-1;
	text-align:center;
	display:inline-block;
	
	}
/* .abs_nav{display:none;}*/

.abs_logo {float: none;}


.abs_nav {float:none;margin-top: 5px; text-align:center;}

/*********************************************/

/*********************************************/

/* .button_langue {	display:none;}	*/


.button_login { font-size: 15px; width: 130px; margin-top:13px; right:10px;  }
.join_sign_up {font-size: 15px; width: 120px;  margin-top:13px;right:4px; float:right}
.button_langue_splash {right:0px; }
.logo_size_radius {height: 70px;margin-right: 5px;}

.button_langue_mobile {
		
position:relative;
	
	left: 10px;
	display: inline-block;
	height: 32px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	border-width: 0px;
	border-style: solid;
	line-height: 18px;
	overflow: hidden;
	 font-size: 11px;
	 font-weight:normal;
	width: 150px;
    -webkit-border-radius:0px;
	font-family: "Open Sans",Arial,sans-serif;
	background-color: #dfe3ee;
    background-color: rgba(139,157,195, 0.0);
	-webkit-box-shadow:0 0 3px 1px rgba(130,130,140,.5);
	-moz-box-shadow:0 0 3px 1px rgba(130,130,140,.5);
	box-shadow:0 0 3px 1px rgba(130,130,140,.5);
}
.button_langue_mobile { color:  #fff; cursor: pointer;}
.button_langue_mobile:hover {position: relative;top: 3px;color: #fff;border-color: #fff;}



.abs_text p,.abs_text a {font-size:26px; font-weight:700;line-height:30px;}



.inviter-position {   text-align:center; top: 80%; color:fff;}

.carousel-profiles li {	width: 55px; height: 55px;}
.carousel-profiles img {width: 55px; height: 55px;}
.avatar-footer { top: 74%;margin-top: -5%; height: 130px; width: 340px;}
.caroussel-centrage {  left: 5%;}
.button_inscription {font-size: 15px; font-weight:bold;  padding: 3px 10px; }
.bodyTitre { top:3%; width:96%;left: 2%; right: 2%;}
}


@media (min-width:331px) and (max-width:369px){
	
	.linkin_profile_cover_info_photo_gouv_small {
    border-radius: 50%;
    width: 100px;
    height: 100px;
}
.logo_size_radius { margin-right: 5px;}	
.titre_sous {font-size: 20px;    font-weight: 700;}
.sous_titre_sous {font-size: 18px;    font-weight: 500;}
.titre { font-size: 18px; font-weight: 700; line-height:20px;}
.join_sign_up_storm { font-size: 18px; font-weight: 700;    padding: 5px 10px; line-height:30px;}
.carousel-profiles li {	width: 45px; height: 45px;}
.carousel-profiles img {width: 45px; height: 45px;}
.avatar-footer { top: 73%;margin-top: -5%; height: 130px; width: 290px;}
.caroussel-centrage {  left: 5%;}
	
	.bodyTitre { top:3%; width:96%;left: 2%; right: 2%;}
	
	.abs_title { top: 58%;}
	.inscription {top: 61%;width: 95%; left:0%;}
	.abs_text_EnsavoirPlus {font-size:13px;font-weight: normal;}
	.mutshiarrow-down{ top: 88%;margin-top: -10%;}
	.abs_footer {height:125px;font-size: 14px; }
	.logo_size {height:40px; width: auto;   text-align:center;padding-left:0px;}
	.abs_text p,.abs_text a {font-size:18px; font-weight:500;line-height:30px;}
	.abs_text h1 {  font-size:18px;	font-weight:400;}
	.front-welcome-text {font-size:18px;font-weight:300;line-height:20px;}
	
	.button_login { font-size: 15px; width: 130px; margin-top:0px; right:0px;  }
.join_sign_up {font-size: 15px; width: 120px;  margin-top:0px;right:2px; float:right}
.button_langue_splash {right:0px; }

/******************freddy logo***************/

/* .abs_logo { display:none;}
.logo_center { display:none;}*/

.logo_center_mobile { display: inline-block;text-align:center;}
.abs_logo_mobile  { display: inline-block;}

.abs_nav_mobile {
	margin-top: 15px;
	position:relative;
	z-index:-1;
	text-align:center;
	display:inline-block;
	
	}
/* .abs_nav{display:none;}*/

.abs_logo {float: none;}

.topDiv {height:90px; }
.abs_nav {float:none;margin-top: 5px; text-align:center;}

/*********************************************/
	
}

@media (min-width:200px) and (max-width:330px){
	.linkin_profile_cover_info_photo_gouv_small {
    border-radius: 50%;
    width: 100px;
    height: 100px;
}

   .abserve-toggle { /* position: fixed; */ margin-top: 0px;}
	.titre_main { line-height: 22px;}
	
	.bodyTitre { top:3%; width:96%;left: 2%; right: 2%;}
	.titre { font-size: 13px; font-weight: 700; line-height:20px;}
	.titre_sous {font-size: 18px;    font-weight: 700;}
	.sous_titre_sous {font-size: 16px;    font-weight: 500;}
	
	.carousel-profiles li {	width: 30px; height: 30px;}
.carousel-profiles img {width: 30px; height: 30px;}
.caroussel-centrage {  left: 5%;}

	
	.abs_title { top: 53%;}
	.inscription {top: 60%;width: 95%; left:0%;}
	.join_sign_up_storm { font-size: 15px;font-weight: 700;	padding: 3px 5px;line-height: 20px;}

	.abs_text_EnsavoirPlus {font-size:10px;font-weight: normal;}
	.mutshiarrow-down{ top: 85%;margin-top: -10%; }
	.abs_footer {height:115px; font-size: 12px; }
	.logo_size {height:36px; width: auto;   text-align:center;padding-left:0px;}
	.abs_text p,.abs_text a {font-size:18px; font-weight:500;line-height:30px;}
	.abs_text h1 {  font-size:16px;	font-weight:300;}
	.front-welcome-text {font-size:17px;font-weight:300;line-height:18px;}
	.button_login { font-size: 12px; width: 120px; margin-top:0px; right:0px;  }
    .join_sign_up {font-size: 12px; width: 90px;  margin-top:0px; right:0px; }
	.logo_size_radius { height: 70px;margin-right: 5px;}
.button_langue_splash {
    background-color: transparent;
    left: 0px;
}
.titre_main { font-size: 26px;}

/******************freddy logo***************/

/* .abs_logo { display:none;}
.logo_center { display:none;}*/

.logo_center_mobile { display: inline-block;text-align:center;}
.abs_logo_mobile  { display: inline-block;}
.avatar-footer { top:70%;}
.abs_nav_mobile {
	margin-top: 15px;
	position:relative;
	z-index:-1;
	text-align:center;
	display:inline-block;
	
	}
/* .abs_nav{display:none;}*/
.abs_logo {float: none;}

.topDiv {height:78px; }
.abs_nav {float:none;margin-top: 5px; text-align:center;}

/*********************************************/
	
}

@media (max-width:480px) {
	.screensho_image { width:90%; height:auto;  }
	.fonctionnalites_Accueil {width:80%; }
	.fonctionnalites_Accueil td{font-size:16px;}
.fonctionnalites_Accueil tr:first-child td{	font-size:16px;}
/*
.sys_page_index .page_column_full_width_100 { width: 105%;}
 */
 
 
	}

@media (max-width:768px) {
	
.fonctionnalites_Accueil {width:80%; }

	}