/* 
    Document   : style
    Created on : 6 mai 2015, 14:53:04
    Author     : Sandra
    Description:
        Purpose of the stylesheet follows.
*/

html {
    padding: 0;
    margin: 0;
    font-family: Roboto, sans-serif;
}

#headline {
  padding: 0.8em;
  
}
.container {
    margin: auto;
    max-width: 800px;
}

section p {
    border-left: 2px solid orange;
    padding: 0 10px;
    text-align: justify;
}

section h2 {
    color: white;
    /*background-image:radial-gradient(orange, orange, #444444);*/
    padding: 5px;
    margin: 0;
    border-left: 15px solid orange;
    background-color: #444444;
}

section h3 {
    color: white;
    /*background-image:radial-gradient(orange, orange, #444444);*/
    padding: 5px;
    margin: 0;
    border-left: 15px solid #444444;
    background-color: orange;
}

footer {
    text-align: center;
    margin: 50px;
    background-image: linear-gradient(orange, white);
    /*border-top: 1px solid #444444;
    border-bottom: 1px solid #444444;*/
}

@media screen and (min-width: 700px) {
    #headline {
        padding: 20px 5%;
    }
    
    #un {
        float:left;
        width:58%;
    }
    
    #deux {
        margin-left: 61%;
    }
    
    footer {
        clear: both;
        padding: 10px;
    }
}