body{
    font-family: 'Source Sans Pro', sans-serif;
    color:#333;
    line-height:1.6em;
    margin:0;
}
.container{
    width:90%;
    max-width:900px;
    margin-left: auto;
    margin-right: auto;
}

h1, h2, h3{
    line-height:1.5em;
    font-weight: normal ;
    
}
h1{
    font-size:45px;
    color : #40CCEA;
    word-spacing:10px;
    border-bottom:dashed 1px #40CCEA;
    text-align: center;
    width:75%;
    margin-left: auto;
    margin-right: auto;
    
}
h2{
    text-transform:uppercase;
    font-size :30px;
}
h3{
    font-size:25px;
}
/*******************************************************************/
/*header*/
/*******************************************************************/


.header{
    text-align:center;
    padding:0;
    
}
nav{
    background-color:#40CCEA;
    display:flex;
    justify-content:center;
    padding : 2px;
    width:100%;
}

nav a{
    color:#fff;
    text-decoration:none;
    width : 15%;
}
/*******************************************************************/
/*carnet section*/
/*******************************************************************/

main a{
    text-decoration : none;
    color :#0096D0;
}

section{
    margin-bottom : 30px;
}
.Igauche{
    float:left;
    margin-right:2%;
}

.Idroite{
    float:right;
    margin-left:2%;
}

article{
    border-bottom : 1px solid black;
    padding-bottom :25px;
}

.ocre{
    color: #CD8C56;
}

.red{
    color:#F00;
}

.readmore {
    background-color:#0096D0;
    border-radius:6px;
    padding : 8px;
    text-decoration:none;
    color: #fff;
}

.carnet img{
    max-width : 49%;
}

.clear{
    clear:both;
}


/*******************************************************************/
/*.propos section{*/
/*******************************************************************/
    
/*}*/
.propos article{
    border-bottom:none;
    
}
.propos{
    background-image: url("../instructions/ressources/fond.jpg");
    background-size : cover ;
    background-repeat:no-repeat;
    background-position : center;
    width: 100%;
    /*padding : 1em;*/
    display:flex;
    /*justify-content:flex-end;*/
   }

.propos h2{
    margin-top:0;
}

.propos div article{
    margin : 10px ;
    padding:1em;
    width : 50%;
    }
.propos div{
    width: 90%;
    margin: 0 auto;
    max-width: 900px;
}

******************************************************************/

.suivez{
    line-height:0.1px;
}
.fa-facebook-square{
    color:#4267B2;
}

.fa-twitter-square{
    color:#1da1f2;
}

.fa-pinterest-square{
   color:#bd081c;
}

.fa-instagram-square{
    color:#8948C1;
}

.fa-brands{
    font-size:4rem
}
/*******************************************************************/
/*footer*/
/*******************************************************************/

.footer{
    background-color:#40CCEA;
    line-height:1;
    padding:2px;
}
.footer img{
   	max-width: 60px;
	height: auto;

}

.footer a{
    text-decoration:none;
}

/*tableau*/

table{
    border-collapse : collapse;
    /*display:flex;*/
    table-layout: fixed;
    width: 100%;
}
table td, table th{
    
    border:1px solid #ddd;
    padding : 1rem;
    
}

table tr:nth-child(even){
    background-color:#eee;
}

th:nth-child(3){
  width:50%;  
}

/*formulaire*/


fieldset {
    background-image: url("../instructions/ressources/map-image.jpg");
    background-Color:#000;
    background-size : 100% auto ;
    background-repeat:no-repeat;
    background-position : center;
    border: none;
    
}

.formulaire{
    display:flex;
    flex-wrap: wrap;
    flex-direction : row;
    justify-content: space-between;
    /*height:250px;*/
    /*line-height:0.5;*/
    
    
}
.formulaire div{
    flex-basis:48%;
    padding : 1em 0 ;
    
}

/*.formulaire div:nth-child(2){*/
/*    height:100%;*/
/*    align-self: flex-end;*/
    
/*}*/
input, textarea{
    border-radius:0.5em;
    width : 100%;
    padding:0.71em 1em;
    font-size: 1.6rem;
    margin-bottom: 1em;
    
}

textarea{
    /*align-self : flex-end;*/
    min-height: 10.5em;
    

}
.Bouton{
    display:flex;
    justify-content:center
}
.ButtonForm{
    padding : 1em 2em;
    font-size :1.6rem;
    color : #fff;
    background-Color : #0096D0;
    border : solid 1px #0096D0;
    border-radius:0.5em;
    cursor: pointer;
    margin : 2px;
   
}

.ButtonForm:hover{
    background-Color:#fff;
    color:#0096D0;
    text-decoration: none;
}