/* *****************************************************************
GENERALITIES
***************************************************************** */

/* Le corps du document */
*{
    box-sizing:border-box;
}

html{
    font-size : 62.5%;
}
body {
    font-family: sans-serif;
    color:#555;
    background-color: #eee;
    font-size: 1.6rem;
    line-height: 1.5;
    margin:0;
    
}
header h1 {
    margin-top:0;
}
h1 {
    font-size: 4rem; /* 1em = 16px */
    color:#DD5735;
    
}
h2 {
    font-size: 3.2rem;
    color:#333;
}
h3 {
    font-size: 2.4rem;
}

/* Les liens */
a {
    color:#DD5735;
    text-decoration: none;
}
.container{
    margin:0 auto;
    max-width:980px;
    
}
/* *****************************************************************
MAIN LAYOUT
***************************************************************** */
.header, .footer {
    text-align:center;
    background-color: #444444;
}
.header {
    /*border : taille type couleur;*/
    border:1px solid #DD5735;
    color:#EEEEEE;
}
.footer {
    border:1px solid #555555;
    color:#EEEEEE;
}
/*.footer {*/
/*    text-align:center;*/
/*    background-color: #ddd;*/
/*}*/

.parent {
    border:1px dashed #DD5735;
}

/*on selectionne img de la class .footer */
/*on selectionne img enfant de .footer */
.footer img {
    width:60px;
}
.box{
    background: #FFFFFF;
    padding:10px;
}

/* *****************************************************************
Cards
***************************************************************** */



.card{
    padding:20px;
}
.cards{
    padding:20px;
    margin:10px 0px;
    border : 1px solid rgba(0,0,0,0.2);
}
.gutter{
   
    margin: 30px;
}
pre{
    background: #DDDDDD;
}