/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 12 avr. 2019, 13:37:00
    Author     : Clara
*/

div#page {
    width: 60%;
    margin: auto;
}

/* HEADER */

img.desk {
    width: 100%;
}

/* SECTION 1 */

section.section1 {
    background-color: #cdcdcd;
    margin-top: 3%;
}
img.ebook {
    width: 90%;
    margin: 8% 1% 4% 9%;
}
h1 {
    text-align: center;
    padding: 0% 6%;
    font-weight: bold;
    margin-bottom: 3%;
}
input {
    width: 50%;
    padding: 1%;
    margin: 0% 25%;
    margin-bottom: 2%;
}
input.bouton {
    background-color: green;
    border: none;
    border-radius: 10px;
    color: white;
    font-size: 17px;
    padding: 13px;
}

/* SECTION 2 */

section.section2 {
    padding: 2% 0%;
}
h2 {
    font-weight: bold;
    padding: 0% 7%;
    text-align: center;
}
p {
    font-size: 17px;
    margin-top: 2%;
}

/* SECTION 3 */

section.section3 {
    background-color: #cdcdcd;
    margin-top: 1%;
    padding: 2% 0%;
}
img.avis {
    width: 14%;
    margin: 0% 43%;
}
p.textavis {
    text-align: center;
    padding: 0% 16%;
}

/* SECTION 4 */

section.section4 {
    padding: 2% 0%;
}
p.small {
    font-size: 14px;
}
img.logo {
    width: 90%;
}

/* FOOTER */

footer {
    background-color: #3e3e3e;
    text-align: center;
    color: white;
    padding-bottom: 1%;
}
img.RS {
    width: 48%;
    padding: -1%;
}

/* RESPONSIVE */

@media screen and (min-width: 1921px) and (max-width: 2560px){
 
}

@media screen and (min-width: 1441px) and (max-width: 1920px){

}

@media screen and (min-width: 1199px) and (max-width: 1440px){
div#page {
    width: 80%;
    margin: auto;
}
img.ebook {
    width: 82%;
    margin: 5% 1% 4% 14%;
}
}
@media screen and (min-width: 1023px) and (max-width: 1199px){
div#page {
    width: 80%;
    margin: auto;
}
img.ebook {
    width: 28%;
    margin: 2% 36%;
}
img.logo {
    width: 4%;
    display: inline-block;
    float: left;
}
img.RS {
    width: 3%;
    padding: -1%;
    margin-bottom: 2%;
}
}
@media screen and (min-width: 992px) and (max-width: 1024px){
div#page {
    width: 100%;
    margin: auto;
}
img.ebook {
    width: 28%;
    margin: 2% 36%;
}
img.logo {
    width: 4%;
    display: inline-block;
    float: left;
}
img.RS {
    width: 3%;
    padding: -1%;
    margin-bottom: 2%;
}
}

@media screen and (min-width: 768px) and (max-width: 991px){
div#page {
    width: 100%;
    margin: auto;
}
img.ebook {
    width: 28%;
    margin: 2% 36%;
}
img.logo {
    width: 4%;
    display: inline-block;
    float: left;
}
img.RS {
    width: 3%;
    padding: -1%;
    margin-bottom: 2%;
}
}