/* 
    Created on : 14 avr. 2016, 15:23:49
    Author     : christelle
*/
@font-face {
  font-family: 'england';
  src: url('../police/england-webfont.eot');
  src: url('../police/england-webfont.eot?iefix') format('eot'),
    url('../police/england-webfont.woff') format('woff'),
    url('../police/england-webfont.ttf') format('truetype'),
    url('../police/england-webfont.svg#webfont') format('svg');
}
html,body{
  padding: 0;
  margin:0;
  font-family: Tahoma,Arial,serif;
  font-size:18px;
  line-height: 1.2em;
  min-height: 100%;
}
h1,h2{
  margin:0;
  padding:0;
  font-family:'england';
  font-weight: normal;
}
.ronde{
  font-family:'england';
  font-size: 1.5em;
}
.centrer{
  text-align: center;
}
/*Pour centrer le contenu*/
.container {
  width:95%;
  height:100%;
  padding-top:20px;
  margin:auto;
}
/*header****************************/
header{
  margin:0;
  padding:0;
  display:block;
}
#titre {
  margin:0;
  padding:0;
  min-height:65px;
  background-image: url('../images/banL_88.jpg');
  background-position: bottom left;
  background-repeat: no-repeat;
/*permet le bon alignement de l'image et du titre!*/  
  border-top:1px solid white;
}
header h1{
  font-size:10vw;    
  /*font-size:2.1em;*/    
  margin-left: 33%;
  margin-top:25px;
  color: #61405e;
}
/*nav****************************/
nav{
  margin:0;
  padding: 0;
  display: block;
  line-height: 2.9375em;
  text-align: center;
  background-color: #EAEDDB;
}
nav ul{
  margin:0;
  padding:0;
  list-style: none;
}
nav li{
  display:inline-block;
  margin-right: 0.9375em;
}
nav li a{
  padding-top:0.7em;
  padding-bottom:0.7125em;
  font-size: 1em;
  color: #61405e;
  text-decoration: none;
}
nav li:hover{
  background-color: #80895A;
  color:#D0DAC9;  
}
.neutre{
  border-bottom: none;
}
.pageActuelle{
  border-bottom: 3px solid #61405e;
  padding-bottom:0.2125em;
}
/*section -- id=contenu***************************/
section{
  width: 95%;
  margin:auto;
  /*border:1px solid blue;*/
}
section h2{
  margin-top:0.7em;
  margin-bottom: 0.7em;
  text-align: center;
  font-size: 9vw;
  /*font-size: 2.3em;*/
}
figure,figcaption{
  text-align: center;
  font-size: 0.7em;
}
.decotitre2{
  display:inline-block;
  width:30px;
  height:30px; 
  margin-left:2%;
  margin-right:2%;
  background-image: url(../images/fleur_200.jpg);
  background-repeat: no-repeat;
  background-size: 100%,auto;
  background-position: bottom;
}
/*Formulaire***************************/
address{
  text-align: center;
}
form{
  margin-top:1.8em;
}
input,textarea{
  display: block;
  width:80%;
  margin:auto;
  margin-top:0.625em;
  margin-bottom:0.625em;
  border-radius: 3px;
  border-top:2px solid #80895B;
  border-left:2px solid #80895B;
  border-bottom:2px solid #A3AC7E;
  border-right:2px solid #A3AC7E;
}
.avertissement{
  font-size: 3.5vw;
  /*font-size:0.65em;*/
}
.website{
  display:none;
}
#form span.error{
  font-size: 0.8em;
  color:red;
}
#confirmMail{
  margin-top:2.5em;
  text-align: center;
}
#reponseForm{
  margin:2.5em auto;
  width:13.5em;
  height: 12.5em;
  background-image: url(../images/fleur_200.jpg);
  background-repeat: no-repeat;
  background-size: 100%,auto;
}
#envoi{
  margin-top:-5px;
  padding-top:5px;
  padding-bottom:5px;
}
#effacer{
  width:5em; 
  color:red;
  margin-top:25px;
  margin-left:10px;
  padding-top:5px;
  padding-bottom:2px;
}
/*Footer***************************/
footer p{
  margin-bottom: 0;
  line-height:4em;
  font-size: x-small;
  text-align: center;
  background-color:#EAEDDB; 
}
@media all and (min-width: 438px) and (max-width:1023px) {
  #titre {
    background-image:none;
    margin:0;
    padding:0;
    min-height:98px;
    background-image: url('../images/banL_192.jpg'),url('../images/banR_192.jpg');
    background-position: bottom left,bottom right;
    background-repeat: no-repeat,no-repeat;
    /*permet le bon alignement de l'image et du titre!*/  
    border-top:1px solid white;
  }
  header h1{
    margin:0;
    padding:0;
    font-size:7vw; 
    text-align: center;
    margin-top:40px;
  }
  section{
    width: 90%;
    margin:auto;
  /*border:1px solid blue;*/
}
  section h2{
    margin-top:0.7em;
    margin-bottom: 0.7em;
    text-align: center;
    font-size: 6vw;
  /*font-size: 2.3em;*/
  }
  figure{
    float:left;
  }
  #citation{
    clear:both;
  }
  #envoi{
    margin-top:5px;
  }
  .avertissement{
    text-align: center;
    font-size:0.9em;
  }
}
@media all and (min-width: 1024px){
  .container {
    width:1024px;
    padding-top:20px;
    margin:auto;
  }
  #titre {
    margin:0;
    padding:0;
    min-height:165px;
    background-image: url('../images/banL_220.jpg'),url('../images/banR_220.jpg');
    background-position: bottom left,bottom right;
    background-repeat: no-repeat,no-repeat;
  /*!!Permet le bon alignement de l'image et du titre!*/  
    border-top:1px solid white;
  }
  header h1{
    margin:0;
    padding:0;
    font-size:5em; 
    text-align: center;
    margin-top:60px;
  }
  section{
    width: 95%;
    min-height: 260px;
    margin:auto;
  }
  section h2{
    margin-top:0.7em;
    margin-bottom: 0.7em;
    text-align: center;
    font-size: 3em;
  }
  figure{
    float:left;   
  }
  #citation{
    clear:both;
  }
  .margePresentation{
    padding-top:40px;
  }
  #envoi{
    margin-top:10px;
  }
  .avertissement{
    text-align: center;
  font-size:0.9em;
  }
}