/*
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 : 24 janv. 2019, 09:07:25
    Author     : Clara
*/



/* header */
/* gauche*/
.col-lg-7.col-md-12.col-xs-12.gauche {
    padding: 0;
}
.fond{
    width: 100%;
}
/* fin gauche */

/* formulaire */

.form{
    color: #f8a84e !important;
    text-align: left;
}
.placeholder {
    color: #7aae3e !important;
    font-size: 14px;
    margin-top: 39px;
    margin-bottom: 10px;
}


input[type="checkbox"] {
    width: 75px;
}
input.nom, input.tel, input.cp {
    width: 270px;
}
p.champs {
    margin-top: 14px;
    font-size: 10px;
}
input[type="submit"] {
    /* width: 55%; */
    background-color: #f8a84e;
    color: white;
    font-size: 21px;
    font-weight: bold;
    border: none;
    border-radius: 10px 10px;
    /* margin-left: 172px; */
    margin-top: 2%;
    padding: 12px 28px 12px 28px;
}

/* fin formulaire */
/* fin header */

/* main */
/* container vert */
.container-fluid.vert {
    background-color: #7aae3e;
    margin-top: 0px;
}
.col-lg-4.col-md-12.col-xs-12 {
    text-align: center;
    margin-top: 20px;
    color: white;
}
h2.form {
    font-size: 200%;
    margin: 0px;
	font-weight:bold;
}
h2 {
    width: 100%;
    text-align: center;
    font-size: 37px;
    color: white !important;
    margin-top: 5px !important;
    margin-bottom: 9px !important;
}
.col-lg-4.col-md-12.col-xs-12 {
    text-align: center;
    color: white;
}
.col-lg-5.col-md-12.col-xs-12.formulaire {
    background: #ffffffe0;
    margin-left: 55% !important;
    /* width: 11% !important; */
}
.slide {
    background-image: url(../images/fond.png);
    background-repeat: no-repeat;
    background-size: 100%;
    /* width: 100%; */
    height: auto;
    background-attachment: fixed;
}
.col-lg-4.col-md-12.col-xs-12:hover {
    background: #89b05c;
    padding: 1%;
    transition: 2s;
}
.bold{
    font-weight: bold;
    font-size: 30px;
}
/* fin container vert */
.container.section2 {
    margin-top: 2%;
    margin-bottom: 2%;
}
/* section 2*/
.container-fluid.section2 {
    margin-top: 30px;
    padding-left: 105px;
}
.col-lg-5.col-md-12.col-xs-12.img1 {
    padding: 0;
    text-align: right;
    
}
.col-lg-7.col-md-12.col-xs-12.vert2 {
    padding: 20px 0;
    background-color: #7aae3e;
    /* height: 358px; */
    /* margin-left: 38px; */
    margin-top: 0%;
}
p.h2 {
    color: white;
    padding: 20px;
    margin-bottom: 28px;
}
p.p2 {
    color: white;
    padding: 0 20px;
    /* padding-right: 63px; */
    font-size: 17px;
}

/* fin section 2 */

/* section 3 */
.container-fluid.section3 {
    /* padding: 0 215px; */
    margin-top: 40px;
}
.col-lg-3.col-md-12.col-xs-12.balto {
    text-align: center;
    padding-top: 81px;
}
.col-lg-6.col-md-12.col-xs-12.balto {
    text-align: center;
}
img.img2 {
    margin-bottom: 29px;
}
span{
    color: #7aae3e;
}
h3,.p1{
    color: black !important;
}
/* fin section 3 */

/* section 4 */
.container-fluid.orange {
    background-color: #f8a84e;
    margin-top: 20px;
}
.col-lg-3.col-md-12.col-xs-12.orange {
    text-align: center;
    margin-top: 20px;
    color: white;
}
.col-lg-3.col-md-12.col-xs-12.orange:hover {
    background: #f6b469;
    padding: 1%;
    transition: 2s;
}
p.p3 {
    margin-top: 10px;
}
/* fin section 4 */
/* fin main */

/* footer */
.container-fluid.footer {
    background-color: #666666;
    margin-top: 20px;
    text-align: center;
    color: white;
    height: 180px;
}
img.logo {
    margin: 10px 20px;
}
a{
    text-decoration: none;
    color: white !important;
}

/* fin footer */

/* RESPONSIVE */

@media only screen and (max-width: 991px) {
.fond{
    width: 100%;
}
.col-lg-5.col-md-12.col-xs-12.img1 {
text-align: center;
margin-bottom: 3%;
}
.container-fluid.section2 {
margin-top: 30px;
padding-left: 0;
}
.col-lg-7.col-md-12.col-xs-12.vert2 {
    padding: 20px 0;
    background-color: #7aae3e;
    /* height: 358px; */
    /* margin-left: 38px; */
    margin-top: 0%;
}
.col-lg-3.col-md-12.col-xs-12.balto {
    padding-top: 12px;
}
.col-lg-5.col-md-12.col-xs-12.formulaire {
    background: #ffffffe0;
    margin-left: 3% !important;
}
}
@media only screen and (max-width: 1280px) {
.col-lg-5.col-md-12.col-xs-12.formulaire {
    margin-left: 0%;
    left: -3%;
    margin-top: 0%;
}

.slide {
    background-image: url(../images/fond.png);
    background-repeat: no-repeat;
    background-size: 100%;
    /* width: 100%; */
    height: auto;
    background-attachment: inherit;
}
input[type="submit"] {
    /* width: 55%; */
    background-color: #f8a84e;
    color: white;
    font-size: 35px;
    font-weight: bold;
    border: none;
    border-radius: 10px 10px;
    /* margin-left: 172px; */
    margin-top: 73px;
}
.section2 {
    margin-left: 100px;
}
.col-lg-7.col-md-12.col-xs-12.vert2 {
    padding: 20px 0;
    background-color: #7aae3e;
    /* height: 358px; */
    /* margin-left: 38px; */
    margin-top: 0%;
}

p.champs {
    margin-top: 14px;
    font-size: 13px;
    width: 81%;
}
.placeholder {
    color: #7aae3e !important;
    font-size: 19px;
    margin-top: 30px;
    margin-bottom: 10px;
}
}

@media only screen and (min-width: 768px) {
img.fond {
    margin-bottom: 18px;
}
.container-fluid.vert {
    background-color: #7aae3e;
    margin-top: 24px;
}
}
p.confirmation {
	margin-top: 0;
    margin-bottom: 732px;
}
.col-lg-4.col-md-12.col-xs-12 img {
    width: 200px !important;
    height: 200px !important;
}
.col-lg-3.col-md-12.col-xs-12.orange img {
    width: 210px !important;
    height: 210px !important;
}