*
{
    margin:0;
    padding:0;
    box-sizing:border-box;  
}

html,body
{
    width:100vw;
    height:100vh;
}

h1
{
       font-size:8vmin;
    color:darkblue;
    background-color:lightblue;
    padding-bottom:4px;
    padding-top:7px;
    padding-left: 7px;
    padding-right: 7px;
    height:10%;
    width:90%;
    margin:auto;
    margin-top:5vh;
 
}

p
{
    width:90%;
    margin:auto;
    
    margin-top:10px;
    border: 1px black solid;
    padding:8px;
    text-align:justify;
    overflow:hidden;
    font-size:3vmin;
}

p img 
{
  /*  width:33.3333333333%;*/
    width:calc((100% / 3) + 100px);
}

p#paragraphe1 /* identifiant paragraphe1 une seule balise */
{
    background-color:yellow;
}

.c1 /* classe c1 pour plusieurs balises */
{
    font-style:italic;
}


table
{
    width:90%;
    margin:auto;
    background-image:url(../images/campus.jpg);
    color:white;
}