/**
 * @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    	   *
************************************/

/*
.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;}
	*/
	
.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 */
}

.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;
}

.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 */
}
	
	
/* 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(12, 20, 31, 0.6);
  display: inline-block;
  padding: 10px 30px;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
}

.cta-container h1 {
  color: #C8A773;
  font-size: 22px;
  margin-bottom: 10px;
}

.btn-gold-rounded {
  background-color: #C8A773;
  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**/

.no-bullet {
  list-style-type: none;
  padding-left: 0;
}





   .audience-message {
  max-width: 800px;
  margin: 0 auto;
  padding: 2rem;
  font-family: 'Segoe UI', sans-serif;
  background-color: #fff;
  color: #333;
  border-radius: 12px;
  box-shadow: 0 0 20px rgba(0,0,0,0.05);
}

.audience-message h2 {
  /*font-size: 1.8rem;*/
  margin-bottom: 1rem;
  color: #108DAF; /* Couleur violette douce pour le titre */
  text-align: center;
  
}

.audience-message ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 1.5rem;
}

.audience-message ul li {
  margin-bottom: 0.75rem;
  line-height: 1.3;
  position: relative;
  padding-left: 15px;
}

.audience-message ul li::before {
 /* content: "✔️";*/
  position: absolute;
  left: 0;
  top: 0;
}

.audience-message p {
 /* font-size: 1.1rem;*/
  line-height: 1.7;
  text-align: center;
}

.audience-message p strong {
  color: #007BFF; /* Bleu du logo Moseka */
  display: block;
  margin-bottom: 0.5rem;
}

.audience-message p em {
  display: block;
  margin-top: 1rem;
  font-style: italic;
  color: #555;
}
.btn-join {
      display: inline-block;
      margin-top: 1.5rem;
      padding: 0.8rem 1.8rem;
      background-color: #007BFF;
      color: white;
      border: none;
      border-radius: 8px;
      font-size: 20;
      font-weight: bold;
      text-decoration: none;
      transition: background-color 0.3s ease;
    }

    .btn-join:hover {
      background-color: #0056b3;
    }

/* Responsive adjustments */
@media (max-width: 600px) {
  .audience-message {
    padding: 1rem;
  }

  .audience-message h2 {
   /* font-size: 1.4rem;*/
  }

  .audience-message p {
   /* font-size: 1rem;*/
  }
}



.linkin_banniere  {
	width:100%;
	height:auto;
}


html {
  scroll-behavior: smooth;
}


.front-cover-meyanga {
	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.1);
	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; */
}
.description-accueil {
  font-weight: 500;
  /*font-size: 1.1rem;*/
  font-size:24px;
  /*line-height: 1.6;*/
  color: #ffffff;
  text-align: center;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  padding: 1.5rem 1rem;
  max-width: 900px;
  margin: 0 auto;
}

.description-accueil strong {
  font-weight: 900;
  color: #ffffff;
}

/* Adaptation mobile */
@media(min-width:361px) and (max-width:600px) {
  .description-accueil {
   /* font-size: 1rem;*/
   font-size:20px;
    padding: 1rem;
  }
}

@media(min-width:321px) and (max-width:360px) {
  .description-accueil {
   /* font-size: 1rem;*/
   font-size:18px;
    padding: 1rem;
  }
}

@media(min-width:200px) and (max-width:320px) {
  .description-accueil {
   /* font-size: 1rem;*/
   font-size:16px;
    padding: 1rem;
  }
}




	
.banniere_splash {
   
    width: 100%;
    height: auto;
}
.button_langue_1 {
background-color: transparent;
    border: 0;
    border-radius: 10px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    font-family: inherit;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    outline-width: 2px;
    padding: 0 10px;
    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;
    box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 2px transparent, inset 0 0 0 1px transparent;
	margin-top:6px;
}

.button_langue_1 { color:  #fff; cursor: pointer;}
.button_langue_1:hover {background: #3b5998;  border-color:  #3b5998; font-weight:normal; position: relative;bottom: 0.5px; transition: all 1.8s ease;color: #fff;}




.linkin_profile_cover_info_photo_slider {
    border-radius: 50%;
    width: 281px;
    height: 276px;
}
	
.linkin_profile_cover_info_photo_gouv_small {
    border-radius: 50%;
    width: 100px;
    height: 100px;
}
	
.screensho_image { width:60%; height:auto;  }

.linkin_avatar_image {
    float: left;
	 position: absolute;
    border: 2px solid #C7C7C7;
    background: #FFF;
    
    padding: 4px;
	border-radius:50%;
	border-color: #8b9dc3;
}

.services_en_ligne {
   
	border-radius:10px;
	height:240px;
	width: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: 160px;
    height: 160px;
}

.linkin_profile_vison {
    border-radius: 50%;
    width: 230px;
    height: 230px;
}
.linkin_profile_join {
    border-radius: 50%;
    width: 180px;
    height: 180px;
}
/*********************************************************/

/** 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: 5%;
	left:5%;
	right:5%;
	z-index:-1;
}

.front-welcome-text {
	font-size:24px;
	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.4);
	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 {
	text-align:center;
	padding-top: 10px;
	padding-bottom:5px;
    margin-bottom: 3px;
    font-size: 36px;
    font-weight: 900;
	/* gris foncé 
	color:#111; */
	color:#fff;
	/* text-shadow: #fff 0 1px 1px; */
	line-height: 36px;
	
}

.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:50px; 
   width: auto; 
   text-align:center; 
   padding-top:0px;
    padding-left:0px; 

  display: inline-block;
  padding: 2px 4px;
  border: 2px solid #007fa3; /* Couleur proche du bouton "Adhérer" */
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.5); /* Optionnel pour lisibilité sur fond foncé */
  opacity: 1.0; /* Ajustez ici entre 0.0 (invisible) et 1.0 (opaque) */
  transition: opacity 0.3s ease;
}

.logo_size:hover {
  opacity: 1;
}








.logo_size_radius{
    border-radius: 50%;
    width: auto;
    height: 70px;
}
.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;}
	



.button_en_construction {
	
	display: inline-block;
	height: 32px;
	vertical-align: middle;
	border-width: 3px;
	border-style: solid;
	border-radius: 30px;
	-moz-border-radius: 20px;
	border-color:  #8b9dc3;
	line-height: 20px;
	text-shadow: #000 0 1px 2px;

	overflow: hidden;
	 font-size:18px;
	 font-weight: 600;
	 border: 2px solid #8b9dc3;
	 
  padding: 15px 54px;
	width: auto;
	color: #fff;
	font-family: "Open Sans",Arial,sans-serif;


	background-color: #111;
    background-color: rgba(139,157,195,0.6);
	
	webkit-transition: all ease 1.0s; */
    -moz-transition: all ease 1.0s;
     transition: all ease 1.1s; 
	
}
.button_en_construction { color:  #fff; cursor: pointer;}
.button_en_construction:hover {background: #3b5998;  background-color: rgba(59,89,152,0.6);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 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:76px;
	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: #573975;  
	background-color: rgba(59,89,152,0.6)
	font-family: "Open Sans",Arial,sans-serif;
}
.button_login { color:  #fff; cursor: pointer;}
.button_login:hover {
	background-color: #d64928;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: #108DAF;  
	background-color: rgba(59,89,152,0.6)
	
	
	font-family: "Open Sans",Arial,sans-serif;
}
.join_sign_up { color:  #fff; cursor: pointer;}
.join_sign_up:hover {
	background-color: #d64928;
   
	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: 67%;
    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: 50px;*/
	vertical-align: middle;
	border-radius: 30px;
	-moz-border-radius: 30px;
	border-color:  rgba(139,157,195, 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: #108DAF;  
	background-color: rgba(59,89,152,0.6)
	font-family: "Open Sans",Arial,sans-serif;
}

.join_sign_up_storm { color:  #fff; cursor: pointer;}
.join_sign_up_storm:hover {	
background-color: #573975;position: relative;top: 3px;transition: all .8s ease;color: #fff; border-color:  rgba(139,157,195, 0.4);
	   }
 

.logo_cover {

	width: auto;
	height:60px;
	border-radius:10px;
	
  
}

.logo_background { color:  #fff; cursor: pointer;}
.logo_background:hover {	
background-color: #fff;position: relative;top: 3px;transition: all .8s ease;color: #fff; border-color:  rgba(139,157,195, 0.4);
	   }
 

.logo_background {
position:relative;
	display: inline-block;
	line-height: 50px;
	vertical-align: middle;
	border-radius: 10px;
	-moz-border-radius: 10px;
	border-color:  rgba(139,157,195, 0.4);
	border-width: 1px;
	border-style: solid;
	overflow: hidden;
	 font-size: 22px;
    font-weight: 700;
	
	padding: 3px;
	width: auto;
	
    -webkit-border-radius:10px;
	background: #fff;  
	background-color: #fff;
	font-family: "Open Sans",Arial,sans-serif;
}

.logo_background { color:  #fff; cursor: pointer;}
.logo_background:hover {	
background-color: #fff;position: relative;top: 3px;transition: all .8s ease;color: #fff; border-color:  rgba(139,157,195, 0.4);
	   }
 

.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;
    bottom-margin: 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: 85%;
   
    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: 93%;
    width: 100%;
    left: 0;
	  text-align:center;
   /* 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: 20px; 
    height:40px; 
    font-weight:bold; 
    padding-bottom:10px;
    left: 0;
    background-color: #573975;
  /*  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);
	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: ; }

.abs_footer a, .abs_footer a:link, .abs_footer a:visited, .abs_footer a:active {
    color: #fff;
}

.abs_footer a:active {
    color: #FFCCFF;
}


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:20px;
	font-weight:500;
	
	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;
	
	/*freddy commentair pour stopper l'animation */
	-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:8%; width:96%;left: 2%; right: 2%;}
	.abs_text p,.abs_text a {font-size:33px; font-weight:700;}
	.abs_footer {  height:80px;  font-size: 25px;  }
	.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: 93%; }
	.avatar-footer {    top: 78%; }
	.topDiv {height:90px;}
	.bodyTitre { top:8%; width:96%;left: 2%; right: 2%;}
	.titre {font-size: 36px;    font-weight: 900;}
	.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:100px;  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:8%; width:96%;left: 2%; right: 2%;}
	.mutshiarrow-down {top: 91%;}
	.titre { font-size: 36px; font-weight: 900;}
	.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: 22px;}
	.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: 30px; height: 30px; line-height: 16px; font-size: 15px; width: 150px; margin-top:5px;margin-right:15px; }
.join_sign_up {right: 40px; 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;}

	
	}

/* Freddy Tablete lenovo PORTAIT*/

@media (min-width:601px) and (max-width:800px){
	.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: 36px; font-weight: 900;}
	.bodyTitre { top:8%; width:96%;left: 2%; right: 2%;}
	.inscription {top: 65%;}
	.abs_title {    top: 50%;}
	.join_sign_up_storm { font-size: 22px;font-weight: 700;padding: 5px 10px;}

.abs_footer {  height:145px; font-size: 20px;}
.abs_text_EnsavoirPlus {font-size: 20px; font-weight: 300;}
.EnSavoirPlus {   height: 70px; width:auto; padding-bottom:15px; }
.mutshiarrow-down{    top: 89%; }
	
.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: -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;}



.abs_text p,.abs_text a {font-size:24px; font-weight:700;}
.abs_text h1 {  font-size:20px;	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: 75%;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){
		.join_sign_up_storm { line-height: 30px;}
	.bodyTitre { top:10%; width:96%;left: 2%; right: 2%;}
	.titre { font-size: 26px; font-weight: 800;line-height: 28px;}
	.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:130px; font-size: 20px;line-height: 25px;}
.EnSavoirPlus {   height: 70px; width:auto; padding-bottom:15px; }
.mutshiarrow-down{    top: 83%; }
.abs_text_EnsavoirPlus {font-size: 20px;}
	
.abs_text h1 {  font-size:20px;	font-weight:500;}
.abs_text p,.abs_text a {font-size:22px; font-weight:700;line-height:20px;}

.abs_title { top: 52%; }
.join_sign_up_inscription {	padding: 5px 30px;}
.inscription {top: 68%;}



.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:100px; }
.abs_nav {float:none;margin-top: 5px; text-align:center;}

/*********************************************/

/*.button_langue {	display:none;}	*/


.button_login { font-size: 15px; width: 150px; margin-top:10px;margin-left:5px;  }
.join_sign_up {font-size: 15px; width: 160px;  margin-top:10px;right:30px; float:right}

.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: 80%;margin-top: -5%; height: 130px; 100%;}
.caroussel-centrage {  left: 20%;}
.button_inscription {font-size: 15px; font-weight:bold;  padding: 3px 10px; }

}



@media (min-width:390px) and (max-width:480px){
	
	.join_sign_up_storm {	 font-size: 19px; font-weight: 700;	padding: 5px 10px;	width: auto;  line-height: 30px;}
	
	.titre { font-size: 26px; font-weight: 900; line-height:30px}
.front-welcome-text {font-size:20px;font-weight:600;line-height:24px;}
.abs_title { top: 55%;}

.titre_sous {font-size: 22px;    font-weight: 700;}
.sous_titre_sous {font-size: 18px;    font-weight: 500;}
.abs_footer {  height:140px; font-size: 18px;line-height: 25px;}
.EnSavoirPlus {   height: 75px; width:auto; padding-bottom:15px; }
.abs_text_EnsavoirPlus {font-size:19px;font-weight:300;}
	.mutshiarrow-down{ top: 84%;}

.abs_text h1 {  font-size:18px;	font-weight:500;}
.join_sign_up_inscription {	padding: 5px 30px;font-size: 18px;    font-weight: 300;}

.inscription {top: 69%;}

.topDiv {height:90px; }
.abs_nav {float:none;margin-top: 5px; text-align:center;}
.logo_size {height:40px; width: auto;   text-align:center;padding-left:0px;}
.button_langue_1 { margin-left:10px; }

/******************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: 140px; margin-top:15px;left:-5px;  }
.join_sign_up {font-size: 15px; width: 150px;  margin-top:15px;right:30px; float:right}

.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: 90%;}
.caroussel-centrage {  left: 5%;}
.button_inscription {font-size: 15px; font-weight:bold;  padding: 3px 10px; }
.bodyTitre { top:4%; width:96%;left: 2%; right: 2%;}
}




@media (min-width:370px) and (max-width:389px){
	
	.join_sign_up_storm {	 font-size: 19px; font-weight: 700;	padding: 5px 10px;	width: auto;  line-height: 20px;}
	
	.titre { font-size: 26px; font-weight: 900; line-height:30px}
.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:140px; font-size: 18px;line-height: 20px;}
.EnSavoirPlus {   height: 75px; width:auto; padding-bottom:15px; }
.abs_text_EnsavoirPlus {font-size:19px;font-weight:300;}
	.mutshiarrow-down{ top: 83%;}

.abs_text h1 {  font-size:18px;	font-weight:500;}
.join_sign_up_inscription {	padding: 5px 30px;font-size: 18px;    font-weight: 300;}

.inscription {top: 70%;}

.topDiv {height:90px; }
.abs_nav {float:none;margin-top: 5px; text-align:center;}
.logo_size {height:40px; width: auto;   text-align:center;padding-left:0px;}
.button_langue_1 { margin-left:10px; }

/******************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: 140px; margin-top:15px;left:-5px;  }
.join_sign_up {font-size: 15px; width: 150px;  margin-top:15px;right:30px; float:right}

.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: 78%;margin-top: -5%; height: 130px; width: 340px;}
.caroussel-centrage {  left: 5%;}
.button_inscription {font-size: 15px; font-weight:bold;  padding: 3px 10px; }
.bodyTitre { top:5%; width:96%;left: 2%; right: 2%;}
}


@media (min-width:331px) and (max-width:369px){
	
.button_langue_1 {margin-left: 30px;}
	
.titre_sous {font-size: 20px;    font-weight: 700;}
.sous_titre_sous {font-size: 18px;    font-weight: 500;}
.titre { font-size: 20px; font-weight: 800; line-height:22px;}
.join_sign_up_storm { font-size: 18px; font-weight: 700;    padding: 5px 10px;line-height: 20px;}
.carousel-profiles li {	width: 45px; height: 45px;}
.carousel-profiles img {width: 45px; height: 45px;}
.avatar-footer { top: 76%;margin-top: -5%; height: 110px; width: 100%;}
.caroussel-centrage {  left: 5%;}
	
	.bodyTitre { top:5%; width:99%;left: 1%; right: 1%;}
	
	.abs_title { top: 63%;}
	.inscription {top: 64%;width: 100%; left:0%;}
	.abs_text_EnsavoirPlus {font-size:16px;font-weight:300;}
	.mutshiarrow-down{ top: 83%;}
	.abs_footer {height:130px;font-size: 18px; line-height: 20px; }
	.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:16px;	font-weight:500;}
	.front-welcome-text {font-size:18px;font-weight:300;line-height:20px;}
	.button_login { font-size: 14px; width: 140px; margin-top:10px;left:-5px;  }
    .join_sign_up {font-size: 14px; width: 150px;  margin-top:10px;margin-left:25px; left:10px;}

/******************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){

	
	.button_langue_1 { margin-left:50px;box-shadow: none; }
	.bodyTitre { top:8%; width:96%;left: 2%; right: 2%;}
	.titre { font-size: 16px; font-weight: 700;line-height: 18px;}
	.titre_sous {font-size: 18px;    font-weight: 700;}
	.sous_titre_sous {font-size: 16px;    font-weight: 500;}
	
	.carousel-profiles li {	width: 40px; height: 40px;}
.carousel-profiles img {width: 40px; height: 40px;}
.avatar-footer { top: 70%;margin-top: -5%; height: 130px; width: 270px;}
.caroussel-centrage {  left: 5%;}

	
	.abs_title { top: 61%;}
	.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:14px;font-weight:300;}
	.mutshiarrow-down{ top: 80%;}
	.abs_footer {height:110px; font-size: 15px;line-height: 20px;}
	.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:14px;	font-weight:300;}
	.front-welcome-text {font-size:17px;font-weight:300;line-height:18px;}
	.button_login { font-size: 13px; width: 140px; margin-top:15px;left:-5px;  }
    .join_sign_up {font-size: 13px; width: 110px;  margin-top:15px;margin-right:10px; 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:90px; }
.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%;}
 */
 
 .linkin_profile_cover_info_photo_gouv {
    border-radius: 50%;
    width: 140px;
    height: 140px;
}
	}

@media (max-width:768px) {
	
.fonctionnalites_Accueil {width:80%; }

	}