.toggle-info {
  cursor: pointer;
}

.info-panel {
  display: none;
  cursor: pointer;
}

#with_background
{
    text-align:left;
    background-size: contain;
    display:inline-block;
    width:100%;
    height:340px;
    z-index:2; 
    
}
#without_background
{
    background-image:linear-gradient(60deg,#68e0cf,#209cff);
    vertical-align:top;
    text-align: left;
    display:inline-block;
    width:100%;
    height:340px;
    z-index:2;
}
#container_links
{
    float:right;
}
#link_contain
{
    color:white;
    text-align:center;
    display:inline-block;
    border-radius:30px;
    font-family:roboto;
    line-height:80px;
    margin-right:40px;
}
#search
{
    outline:none;
    width:600px;
    background-color:rgb(245,245,245);
    height:35px;
    border:none;
    vertical-align:middle;
    margin-left:20px;
    border-radius:20px;
}
#slogan_main
{
    color:white;
    text-align:center;
    font-family:roboto;
    font-size:45px;
}
#base_right
{
width:82%;
float:right;
}
img#profile_picture{
    border:2px white solid;
    border-radius:100%;
    text-align:left;
    z-index:20;
}
#toolbar
{ 
    position:fixed;
    width:100%;
    height:60px;
    line-height:60px;
    background-color:white;
    z-index:4;
     
}
.conteneur_pp
{
width:25%;
text-align: left;
}
#infos_profil
{
    
    width:25%;
    float:left;
    background-color:rgb(254,254,254);
    z-index:20;
}
#system_post
{

}
#suggests
{
    float:right;
    width:25%;
    height:auto;
    background-color:rgb(252,252,252);
}
  body
{
font-family:avenir next, Calibri light, Segoe UI;
margin:0px;
width:100%;
min-width:1300px;
max-width:100%;
padding:0px;
width:100%;
height:100%;
}
#part2right
{
    width:75%;
    float:left;
}
#categ_profil
{
width:100%;
background-color: rgb(250,250,250);
}
#categ_profil_detail
{
    height:50px;
    text-align:center;
    display:inline-block;
    width:19.5%;

}
a
{
text-decoration:none;
}


.js .input-file-container {
  position: relative;
  width: 225px;
}


.js .input-file-trigger {
  display: block;
  padding: 14px 45px;
  background: rgba(255,255,255,0.4);
  border-radius:2px;
  color: silver;
  border:1px rgb(230,230,230) solid;
  font-size: 16px;
  transition: all .4s;
  cursor: pointer;
}


#blah
{
background-image:url('#');
}


.js .input-file {


  position: absolute;


  top: 0; left: 0;


  width: 250px;


  padding: 14px 0;


  opacity: 0;


  cursor: pointer;


}


 


/* quelques styles d'interactions */


.js .input-file:hover + .input-file-trigger,


.js .input-file:focus + .input-file-trigger,


.js .input-file-trigger:hover,


.js .input-file-trigger:focus {


  background: rgb(230,230,230);


  color: rgb(160,160,160);


}


 


/* styles du retour visuel */


.file-return {


  margin: 0;


}


.file-return:not(:empty) {


  margin: 1em 0;


}


.js .file-return {


  font-style: italic;


  font-size: .9em;


  font-weight: bold;


}


/* on complète l'information d'un contenu textuel


   uniquement lorsque le paragraphe n'est pas vide */


.js .file-return:not(:empty):before {


  content: "Selected file: ";


  font-style: normal;


  font-weight: normal;


}








#toolbar_connexion


{


    height:60px;


    text-align:center;


    background-color:white;


    width:90%;


}


#toolbar_connexion_link_inscription


{


    float:right;


    display: inline-block;


    height:100%;


    width:200px;


    background-color:#e74c3c;


    line-height:50px;


    text-align:center;


    color:white;


    font-family:lato;


}


#toolbar_connexion_link_accueil


{


    display: none;


}





                                    /* Page d'inscription */





#toolbar_inscription


{


    height:50px;


    background-color:white;


    width:100%;


}


#toolbar_inscription_link_connexion


{


    float:right;


    display: inline-block;


    height:100%;


    width:200px;


    background-color:#e74c3c;


    line-height:50px;


    text-align:center;


    color:white;


    font-family:lato;


}


#toolbar_inscription_link_accueil


{


    display: none;  


}








#toolbar_all


{


    position:fixed;    


    font-family: roboto;


    height:55px;


    background-color:white;


    width:100%;


    border-bottom:1px rgb(240,240,240) solid;


}