/*
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 : 18 juin 2019, 10:33:49
    Author     : Clara
*/

body {
    width: 80%;
    margin: auto;
}

/* HEADER */
h2 {
    text-align: left;
}
h1 {
    text-align: left;
    background-color: #e35e08;
    color: white;
    font-weight: bold;
    padding: 7px;
    margin: 0 0% 2% 0% !important;
    font-size: 48px;
    width: 80%;
}

/* SECTION 1*/

section.section1 {
    display: inline-block !important;
}
.col-lg-4.vert {
    background-color: #f03891;
    border-radius: 0 0 100px 0;
}
.gauche {
    color: white;
    font-size: 35px;
    margin: 5% 0 5% 4%;
    font-weight: bold;
    text-align: center;
}
.col-lg-8.bleu {
    background-color: #3793CF;
}
h3.droit {
    color: white;
    font-size: 35px;
    text-align: center !important;
    font-weight: bold;
    margin: 37px 0;
}
.col-lg-12.fond {
    padding: 0 !important;
}
img.desk {
    width: 100%;
}
.col-lg-4.formulaire {
    border: solid 2px #e35e08;
    height: auto;
}
h3.info {
    color: #e35e08;
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 5%;
}

/* FORMULAIRE */

label {
    color: black !important;
    font-size: 12px !important;
}
select.type_volet {
    padding: 7px;
    width: 100%;
    border-radius: 4px;
}
select.civilite {
    padding: 7px;
    width: 120%;
    border-radius: 4px;
}
button#submit-button {
    background-color: #e35e08;
    width: 85%;
    margin: 4% auto;
    display: block;
    font-size: 20px;
    font-weight: bold;
    border: none;
}
select {
    width: 100% !important;
    padding: 5px !important;
    border-radius: 5px !important;
}

/* SECTION 3 */

section.section3 {
    margin-top: -7%;
}
p.text1 {
    font-size: 18px;
}


/* SECTION 4 */
section.section4 {
    margin-top: 2%;
    text-align: left;
    margin-bottom: 2%;
}
h3.titre3 {
    font-size: 32px;
    color: #e35e08;
    margin-bottom: 2%;
    font-weight: bold;
}
p.textefin {
    font-size: 18px;
}
.col-lg-6.tiret {
    border-right: solid 2px #f03891;
}
/* SECTION 5 */
.col-lg-12.orange {
    background-color: #e35e08;
    color: white;
    text-align: center;
    padding: 40px;
    font-size: 18px;
}
h3.titre4 {
    font-size: 32px;
    color: white;
    margin-bottom: 2% !important;
    margin-top: 0% !important;
    font-weight: bold;
}
.col-lg-4.autre {
    padding-left: 6%;
    font-size: 19px;
}
h3.titre5 {
    margin-top: 0 !important;
}
b.vert {
    color: green;
}

/* SECTION 6 */

h3.titrezone {
    text-align: center;
    margin-top: 5%;
    color: black;
    font-size: 30px !important;
}
img.carte {
    width: 35%;
    margin: auto;
    display: block;
    margin-top: 2%;
}

/* FOOTER */
footer {
    margin-top: 5%;
}
p.chartes {
    text-align: left;
}
.col-lg-2.nous {
    text-align: right;
}
.col-lg-3.logos {
    text-align: right;
}
img.logo {
    margin-top: -20px;
}
/* RESPONSIVE */


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


}
@media screen and (min-width: 1441px) and (max-width: 1570px){
body {
    width: 95%;
    margin: auto;
}
h1 {
    text-align: left;
    background-color: #e35e08;
    color: white;
    font-weight: bold;
    padding: 7px;
    margin: 0 0% 2% 0% !important;
    font-size: 48px;
    width: 100%;
}
button#submit-button {
    background-color: #e35e08;
    width: 81%;
    margin: 4% auto;
    display: block;
    font-size: 20px;
    font-weight: bold;
    border: none;
}
section.section3 {
    margin-top: -7%;
}
}
@media screen and (min-width: 1301px) and (max-width: 1440px){
body {
    width: 100%;
    margin: auto;
}
h1 {
    text-align: left;
    background-color: #e35e08;
    color: white;
    font-weight: bold;
    padding: 7px;
    margin: 0 0% 2% 0% !important;
    font-size: 48px;
    width: 100%;
}
button#submit-button {
    background-color: #e35e08;
    width: 81%;
    margin: 4% auto;
    display: block;
    font-size: 20px;
    font-weight: bold;
    border: none;
}
section.section3 {
    margin-top: -9%;
}
}
@media screen and (min-width: 1202px) and (max-width: 1300px){
body {
    width: 100%;
    margin: auto;
}
h1 {
    text-align: left;
    background-color: #e35e08;
    color: white;
    font-weight: bold;
    padding: 7px;
    margin: 0 0% 2% 0% !important;
    font-size: 48px;
    width: 100%;
}
button#submit-button {
    background-color: #e35e08;
    width: 81%;
    margin: 4% auto;
    display: block;
    font-size: 20px;
    font-weight: bold;
    border: none;
}
section.section3 {
    margin-top: -17%;
}
}
@media screen and (min-width: 1199px) and (max-width: 1201px){
body {
    width: 100%;
    margin: auto;
}
section.section3 {
    margin-top: -24%;
}
h1 {
    text-align: left;
    background-color: #e35e08;
    color: white;
    font-weight: bold;
    padding: 7px;
    margin: 0 0% 2% 0% !important;
    font-size: 48px;
    width: 100%;
}
h3.info {
    color: #e35e08;
    text-align: center;
    font-size: 31px;
    font-weight: bold;
    margin-bottom: 5%;
}
.col-lg-4.formulaire {
    border: solid 2px #e35e08;
    height: auto;
    height: 741px;
}
.col-lg-4.autre {
    padding-left: 6%;
    font-size: 19px;
    margin-top: 5%;
}
.col-lg-2.nous {
    text-align: center;
}
.col-lg-3.logos {
    text-align: center;
}
img.logo {
    margin-top: 4px;
}
p.chartes {
    text-align: center;
}
}
@media screen and (min-width: 1025px) and (max-width: 1198px){
body {
    width: 100%;
    margin: auto;
}
section.section3 {
    margin-top: 0%;
}
.col-lg-4.formulaire {
    border: solid 2px #e35e08;
    height: 700px;
}
h1 {
    text-align: left;
    background-color: #e35e08;
    color: white;
    font-weight: bold;
    padding: 7px;
    margin: 0 0% 2% 0% !important;
    font-size: 48px;
    width: 100%;
}
h3.info {
    color: #e35e08;
    text-align: center;
    font-size: 31px;
    font-weight: bold;
    margin-bottom: 5%;
}
.col-lg-4.autre {
    padding-left: 6%;
    font-size: 19px;
    margin-top: 5%;
}
.col-lg-2.nous {
    text-align: center;
}
.col-lg-3.logos {
    text-align: center;
}
img.logo {
    margin-top: 4px;
}
p.chartes {
    text-align: center;
}
}
@media screen and (min-width: 992px) and (max-width: 1024px){
body {
    width: 100%;
    margin: auto;
}
section.section3 {
    margin-top: 0%;
}
.col-lg-4.formulaire {
    border: solid 2px #e35e08;
    height: 710px;
    margin-top: 2%;
}
.col-lg-4.autre {
    padding-left: 6%;
    font-size: 19px;
    margin-top: 5%;
}
.col-lg-2.nous {
    text-align: center;
}
.col-lg-3.logos {
    text-align: center;
}
img.logo {
    margin-top: 4px;
}
p.chartes {
    text-align: center;
}
}

@media screen and (min-width: 769px) and (max-width: 991px){
body {
    width: 100%;
    margin: auto;
}
section.section3 {
    margin-top: 3%;
}
.col-lg-4.formulaire {
    border: solid 2px #e35e08;
    height: 847px;
    margin-top: 2%;
}
.col-lg-4.autre {
    padding-left: 6%;
    font-size: 19px;
    margin-top: 4%;
}
.col-lg-2.nous {
    text-align: center;
}
.col-lg-3.logos {
    text-align: center;
}
img.logo {
    margin-top: 4px;
}
p.chartes {
    text-align: center;
}
}
@media screen and (min-width: 570px) and (max-width: 768px){
body {
    width: 100%;
    margin: auto;
}
section.section3 {
    margin-top: 3%;
}
.col-lg-4.formulaire {
    border: solid 2px #e35e08;
    height: 829px;
    margin-top: 2%;
}
.col-lg-4.autre {
    padding-left: 6%;
    font-size: 19px;
    margin-top: 2%;
}
.col-lg-2.nous {
    text-align: center;
}
.col-lg-3.logos {
    text-align: center;
}
img.logo {
    margin-top: 4px;
}
p.chartes {
    text-align: center;
}
}
@media screen and (min-width: 426px) and (max-width: 569px){
body {
    width: 100%;
    margin: auto;
}
h1 {
    text-align: left;
    background-color: #e35e08;
    color: white;
    font-weight: bold;
    padding: 7px;
    margin: 0 0% 2% 0% !important;
    font-size: 37px;
    width: 80%;
}
h3.info {
    color: #e35e08;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 5%;
}
section.section3 {
    margin-top: 3%;
}
.col-lg-4.formulaire {
    border: solid 2px #e35e08;
    height: 809px;
    margin-top: 2%;
}
.col-lg-4.autre {
    padding-left: 6%;
    font-size: 19px;
    margin-top: 2%;
}
.col-lg-2.nous {
    text-align: center;
}
.col-lg-3.logos {
    text-align: center;
}
img.logo {
    margin-top: 4px;
}
p.chartes {
    text-align: center;
}
img.carte {
    width: 50%;
    margin: auto;
    display: block;
    margin-top: 2%;
}
}
@media screen and (min-width: 376px) and (max-width: 425px){
body {
    width: 100%;
    margin: auto;
}
h3.info {
    color: #e35e08;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 5%;
}
section.section3 {
    margin-top: 3%;
}
.col-lg-4.formulaire {
    border: solid 2px #e35e08;
    height: 848px;
    margin-top: 2%;
}
button#submit-button {
    background-color: #e35e08;
    width: 81%;
    margin: 4% auto;
    display: block;
    font-size: 20px;
    font-weight: bold;
    border: none;
}
.col-lg-4.autre {
    padding-left: 6%;
    font-size: 19px;
    margin-top: 7%;
}
.col-lg-2.nous {
    text-align: center;
}
.col-lg-3.logos {
    text-align: center;
}
img.logo {
    margin-top: 4px;
}
p.chartes {
    text-align: center;
}
img.carte {
    width: 60%;
    margin: auto;
    display: block;
    margin-top: 2%;
}
}
@media screen and (min-width: 321px) and (max-width: 376px){
body {
    width: 100%;
    margin: auto;
}
section.section3 {
    margin-top: 3%;
}
h1 {
    text-align: left;
    background-color: #e35e08;
    color: white;
    font-weight: bold;
    padding: 7px;
    margin: 0 0% 2% 0% !important;
    font-size: 32px;
    width: 94%;
}
h3.info {
    color: #e35e08;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 5%;
}
.col-lg-4.formulaire {
    border: solid 2px #e35e08;
    height: 839px;
    margin-top: 2%;
}
.col-lg-4.autre {
    padding-left: 6%;
    font-size: 19px;
    margin-top: 4%;
}
.col-lg-2.nous {
    text-align: center;
}
.col-lg-3.logos {
    text-align: center;
}
img.logo {
    margin-top: 4px;
}
p.chartes {
    text-align: center;
}
img.carte {
    width: 65%;
    margin: auto;
    display: block;
    margin-top: 2%;
}
}

@media (max-width: 320px){
body {
    width: 100%;
    margin: auto;
}
section.section3 {
    margin-top: 3%;
}
h1 {
    text-align: left;
    background-color: #e35e08;
    color: white;
    font-weight: bold;
    padding: 7px;
    margin: 0 0% 2% 0% !important;
    font-size: 32px;
    width: 94%;
}
h3.info {
    color: #e35e08;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 5%;
}
.col-lg-4.formulaire {
    border: solid 2px #e35e08;
    height: 863px;
    margin-top: 2%;
}
button#submit-button {
    background-color: #e35e08;
    width: 100%;
    margin: 4% auto;
    display: block;
    font-size: 20px;
    font-weight: bold;
    border: none;
}
.col-lg-4.autre {
    padding-left: 6%;
    font-size: 19px;
    margin-top: 4%;
}
.col-lg-2.nous {
    text-align: center;
}
.col-lg-3.logos {
    text-align: center;
}
img.logo {
    margin-top: 4px;
}
p.chartes {
    text-align: center;
}
img.carte {
    width: 65%;
    margin: auto;
    display: block;
    margin-top: 2%;
}
}