/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */


/*sinon certains navigateurs changent ca a leur sauce*/
* 
{
    margin: 0%;
    padding: 0%;
}

body 
{
  background-color: #d1bee2;
  color: black;
  font-family: "Comic Sans MS", cursive, sans-serif;
  font-size: 20px;
  /*TODO: trouver une font bien*/
}

/*titre1*/
h1
{
    background-color: #AEA1B8;
    border-style: solid;
    border-width: 3px;
    border-color: black;
    text-align: center;
    
    margin-left: 25%;
    margin-right: 25%;
    margin-top: 15px;
    @media (max-width: 768px) /*Pour mobile*/
    {
        margin-left: 0%;
        margin-right: 0%;
    }
}

h2 
{
  margin: 20px;
}

/*paragraphes*/
p
{
  margin: 30px;
}

/*liens*/
a
{
  color:purple;
}

article
{
    margin-top: 40px;
    background-color: #AEA1B8;
    border-style: solid;
    border-width: 2px;
    border-color: black;
}

.list
{
    padding-left: 30px;
}

.twoSameLine
{
    margin-left: 0px;
    margin-right: 0px;
    @media (min-width: 768px) /*Pour pc*/
    {
        padding-left: 20px;
        padding-right: 20px;
        display: flex;
        justify-content: center;
    }
}

.singleLine
{
    @media (min-width: 768px) /*Pour pc*/
    {
        margin-left: 20px;
        margin-right: 20px;
    }
}

.conversation
{
    padding-left: 25px;
    background-color: #a295ad;
    border-style: dashed;
    border-width: 3px;
    border-color: black;
    margin-left: 10px;
    margin-right: 10px;
}

.message 
{
    border-bottom-style: solid;
    border-bottom-color: #83778e;
}

.elementsTable
{
    margin-left: 40px;
    padding-left: 40px;
    background-color: #a295ad;
    border-style: dashed;
    border-width: 3px;
    border-color: black;
    max-width: 50%;
}

/*separation grosse avant*/
.bigSeperation
{
    border-color: black;
    border-style: groove;
    border-top-width: 4px;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    margin-top: 15px;
}

/*separation avant*/
.seperation
{
    border-color: #6f647a;
    border-style: solid;
    border-top-width: 3px;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    margin-top: 15px;
}

hr 
{
    border-color: black;
    border-style: groove;
    border-top-width: 4px;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    margin-top: 15px;
}