body{
margin:0px;
background-color:#d9dfdb;
    font-family: arial, calibri;
}
.entete{
    max-height: 870px;
}
FORM {
  float: left;
  width: 52%; 
  min-width: 272px;
  padding: 1%;
    padding-top: 20px;
    margin-left:24%; margin-right:24%;
}


FORM H2 {
    float:left; clear: both;
  font-family: inherit;  font-size: 1.5em;  font-weight: lighter;
  margin-top:30px;
    color:#444;
    background: transparent;
    background: none;    
   
}

label{
    width:100%;

}
SPAN.contact {
  float: left;  clear: both;
  border-top: solid 1px #21a6eb;  border-bottom: solid 1px #21a6eb;  border-left: solid 1px #21a6eb;
  padding-left: 8px;
  margin: 10px 0px 3px 3%;
   font-size: 14px; font-family: arial; font-weight: normal;
    width: 29%;  height: 30px;
  line-height: 28px;
  color: #c2a266;
  background-color: #fff;
    overflow: hidden;
}
INPUT {
  float: left;
  border: solid 1px #21a6eb;  border-left: 0px #333333;
  margin: 10px 0px 3px 0px;
  width: 64%;  height: 28px;
  color: #444;
  font-family: arial, verdana;  font-size: 11px;
}
/*#Validerhome INPUT {
  float: left;
  border: solid 1px #21a6eb; 
  margin: 10px 30% 3px 0px;
  width: 40%;  height: 28px;
  color: #444;
  font-family: arial, verdana;  font-size: 11px;
}*/
.souhaitlabel{   float:left;line-height: 42px;}
.souhaitTxt{    float:left;clear:both;width:96% !important;border: solid 1px #21a6eb; margin-left:3%;margin-top:20px; border: 0; text-align: center;}
input.chksouhait{float:left;height:20px; margin-left: 15px;margin-bottom: 0px; width:20px;}
input#souhait{float:left;height:30px; margin-bottom: 0px;}
input.souhait_autre{float:left;border:0; border-bottom:solid 1px #aaa;min-width :280px;width :42%;margin-left:10px;margin-top:4px;  color: #c2a266;}
span.souhait{ line-height: 19px;}
SELECT {
  border: solid 1px #21a6eb;  border-left: dashed 1px #bfe0f1;
  margin: 1px 0px 3px 0px;
  width: 187px;  height: 28px;
  line-height: 28px;
  background-color: #ffffff;  background: none;
  font-size: 11px;
  color: #444;
}
TEXTAREA {
  border: solid 1px #21a6eb;
  margin: 10px 0px 5px 3%;
  padding: 5px;
  width: 93%;  height: 150px;
  background-color: #fff;
  font-family: arial;  font-size: 12px;
  color: #444;
}
#Validerhome {
    border: solid 1px #cc0;
    border-radius: 10px;
    margin: 2px 30% 50px 30%; 
    padding: 4px;
    width: 40% !important;  height: 50px;
    line-height: 25px;
    background-color: #2e8982;
    font-family: arial;
    font-weight: bold;  font-size: 16px;
    color: #fff;
}
legend{
    float:left;clear:both;width: 90%; margin: 3%; color:#000; font-family: arial; font-size: 11px;
    text-align: center;
}
.ReducImpots{
    float:right;clear:both;
       width:30%; min-width: 220px; 
    padding: 40px; margin-right:4%;
    background-color: #2e8982;
    border-radius:40px;
    text-align: center;
}
.ReducImpots h2{

    margin-top:0px;
     font-family: arial;
    font-weight:lighter;  font-size: 32px;
}
.presentation{
    width:80%; padding: 40px 10% 45px 10%;
    background-color: #2e8982;
    background-image: url(/img/mosaique.png); background-position: right; background-repeat: no-repeat;
}
.presentation h1{
    text-align: left;
    font-size: 3em; font-weight: normal;
    color:#fff;
    margin-top:0px;
}
.preseCadre{
    width:75%; 
}
.presentation p{
    text-align: left;
    font-size: 1.6em; font-weight:lighter;
    color:#fff;
    margin-bottom: 0px;
}
.Links2Form{
    float: left;clear: both;
    width:80%; min-height:550px;padding: 40px 10% 0px 10%;
    background-color: #d9dfdb;
    text-align: center;
    
}

.Links2Form h1{
    text-align: center;
    font-size: 3.5em; font-weight: normal;
    
}
.Tiercepart{
    float:left;width:35%;
}
.Tiercepart img{
    width:100%;
    max-width: 300px;
}
.Tiercepart img:hover{
    margin-top: 10px;margin-left: 10px;
}
.footer{
    float:left;clear: both;
    width:96%;
     background-color: #2e8982;
    padding:60px 2%;
}
.merci{
    float:left;clear:both;
    width:96%;
    padding:35px 2%;
    margin-top:100px;
    background-color: #2e8982;
    background-image: url(/img/mosaique.png); background-position: right; background-repeat: no-repeat;
}
.merci H1{
    float:left;clear:both;
    width:100%;
    text-align: center;
    font-size: 5em;
}
.TxtLeft{
    width:60%;
    font-weight:bold;    font-size: 1.5em;
}
.ListeContacts{
    float:left;clear:both;
    width:60%;
    padding:60px 20%;
}
.ListeContacts H2{
    float:left;clear:both;
    width:100%; 
    text-align: center;
    font-size: 2.5em;
}
.CoordContacts{
    float: left;
    width: 99%;
    padding:10px;    padding-left:80px;
    margin-top: 20px;
    
    font-size: 1.3em;
     background-image: url(/img/picto.gif);
    background-repeat: no-repeat; background-position: left;
        
}
.col1_left{
    float:left;width:55%;
    color:#fff;
    font-size:2.7em;
    text-align: center;
}
.col1_right{
     float:right;
   width:280px;height: 280px; 
    border-radius: 30px;
     margin-right: 4%;
    background-image: url(/img/fondation.jpg);
    background-repeat: no-repeat; background-position: center;
}
.col2_left{
    float:left;clear:both;
    width:60%;
    color:#000;
    font-size:24px; font-weight: bold;
    text-align: center;
    margin-top:180px;
}
.col2_right{
     float:right;
   width:36%;min-width:300px;height: 240px; 
    margin-right: 4%;
    background-image: url(/img/diocese-logo-quadri.png), url(/img/Logo_DDEC26-300.png);
    background-repeat: no-repeat; background-position: right, left;     
   background-size: 50%;
   
}

@media (max-width: 1000px) {
    .presentation{background-size: 40%;}
}
    
@media (max-width: 850px) {
    .merci{
        
        background-size: 50%;
      background-position: right bottom; 
    }
    
    .Links2Form{

        width:96%; min-height:550px;padding: 40px 2% 0px 2%;

min-height: 350px;
    }
    
    .Links2Form h1{

        font-size: 2em;


    }
    
    .ListeContacts{
        width:96%;
        padding:40px 2%;
    }
    
    .CoordContacts{
        width:80%;
    }
}
@media (max-width: 850px) {
  .presentation {
      width: 96%;
      padding: 40px 2% 45px 2%;
      background-color: #2e8982;
      background-image: url(/img/mosaique.png);
      background-position: right;
      background-repeat: no-repeat;
          background-size: 30%;
          background-position: right, bottom;
    }
    
    .col2_left{
        width:96%;
        margin-top:40px;
    }
   .col2_right{
      width:96%;
        margin-top: 40px;
       background-position: right, left; 
   
    }
}

@media (max-width: 700px) {
    FORM {
        margin-left:0.2%; margin-right:0.2%;
        width:96%;
    }
    .col1_left{
        width:96%;
        font-size:2.4em;
    }
    .col1_right,.col2_right{
      width:96%;
        margin-top: 40px;
       
   
    }
}
@media (max-width: 550px) {
  
    SPAN { width: 32% !important;  
    }
    INPUT {    width: 62%;  
    }

}
@media (max-width: 490px) {
   .presentation {
      
      background: #2e8982;
      background-image: none;
    }
    .preseCadre {
      
     width:100%;
      
    }
    .preseCadre h1{
      font-size: 2em;
     width:100%;
       text-align: center;
    }
    
    .preseCadre p{
      
     width:100%;
       text-align: center;
    }
    FORM {
        margin-left:0.2%; margin-right:0.2  %;
        width:96%;
    }
    INPUT {
      
      width: 60%;  
    }


}