/*
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 : 21 déc. 2018, 10:27:20
    Author     : Clara
*/
p.confimation {
    background: #0054a6;
    color: white;
    width: 70%;
    font-size: 191%;
    padding: 8%;
    margin-top: 26%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 44px 7px 51px 7px;
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body{
    font-family: 'open sans';
}
.container-fluid {
    padding: 0 !important;
}
/******header*******/

.flotant {
    width: 100%;
    height: 72px;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 1px 1px 12px #555;
}
header {
    position: fixed;
    top: 0%;
    width: 100%;
    z-index: 1;
}

.logo{
    margin-top: 10px;
}

/****** /header******/

/*****Main*****/

.gauche img{
    width: 100%;
}

h1{
    color: #0054a6 !important;
    text-align: center;
    
    
}
.container-fluid.bleu{
    background-color: #0054a6;
    width: 100%;
    margin-top: 20px;
    
}
main {
    margin-top: 6%;
}

h2 {
    width: 100%;
    color: white !important;
    text-align: center;
    padding-bottom: 4%;
    margin-bottom: 3%;
}
.container.cathegorie {
    text-align: center;
    padding: 2%;
}

.container.cathegorie p{
    color: white;
}

.bold{
    font-weight: bold;
    font-size: 134%;
}
.bold2{
    font-weight: bold;
    
}
.infos{
    text-align: center;
    margin-top: 3%;
}
.col-lg-4 img {
    width: 47%;
    padding-bottom: 7%;
    /* margin-left: 1%; */
}
.col-lg-4.col-md-4.col-xs-12.sec-4:hover {
    background: #5a91c7;
    padding: 1%;
    transition: 2s;
}
/***** /main*****/


footer {
    width: 100%;
    background-color: #0054a6;
    padding: 1%;
}
footer a {
    /* text-align: center; */
    color: white;
}
h1 {
    font-size: 148% !important;
    text-align: initial;
    margin-left: 11%;
}
h2 {
    font-size: 142% !important;
}
.mentions {
    /* text-align: center; */
    margin-left: auto;
    margin-right: auto;
}
.mentions a:hover{
    text-decoration: none !important;
    color: white;
}
/*.container-fluid.bleu:hover {
    background: #2f6fad;
    transition: 2s;
     opacity: 0.5; 
}*/
form {
    margin-left: auto;
    margin-right: auto;
    width: 130%;
    margin: 7% 0% 0% 11%;
    /* color: white; */
}
input {
    margin-top: 10px !important;
    background: #0054a6;
    color: white;
    padding: 1%;
    border: solid black 1px;
    width: 47%;
}
.cp, .tel {
    width: 23.3%;
}
form p {
    width: 61%;
    line-height: 17px;
    margin-top: 2%;
    color: grey;
    margin-bottom: 12px;
}


input[type="submit"] {
    border-radius: 51px;
    width: 50%;
    /* text-align: center; */
    /* margin-left: auto; */
    /* margin-right: auto; */
    margin: 0;
    -webkit-box-shadow: 2px 2px 2px 2px rgba(3,3,3,0.5);
    box-shadow: 1px 1px 2px 2px rgba(70, 70, 70, 0.5);
    font-size: 120%;
    font-weight: bold;
    border: none;
}
input[type="submit"]:hover {
    background: none;
    border-color: #0054a6;
    color: #0054a6;
    border: solid 3px;
    transition: 2s;
}
.col-lg-5.col-md-5.col-xs-12.formulaire {
    margin-top: 2%;
}
::-webkit-input-placeholder {    color: white; font-size: 120%; }  
:-moz-placeholder { /* Firefox 18- */    color: white; font-size: 120%;   } 
::-moz-placeholder {  /* Firefox 19+ */    color: white; font-size: 120%;   }  
:-ms-input-placeholder {      color: white; font-size: 120%;   }

@media all and (max-width:600px) {

    main {
        margin-top: 21%;
    }
    h1 {
     font-size: 126% !important;
    }
    form {
        margin-left: auto;
        margin-right: auto;
        width: 170%;
        margin: 7% 0% 0% 10%;
        /* color: white; */
    }
    .col-lg-4 img {
        width: 28%;
        padding-bottom: 7%;
        /* margin-left: 1%; */
    }
    h2 {
        font-size: 131%;
    }
}

.msg_err {
	color: red;
}