@font-face {
    font-family: 'nunitolight';
    src: url('../fonts/munito-light/nunito-light-webfont.eot');
    src: url('../fonts/munito-light/nunito-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/munito-light/nunito-light-webfont.woff2') format('woff2'),
         url('../fonts/munito-light/nunito-light-webfont.woff') format('woff'),
         url('../fonts/munito-light/nunito-light-webfont.ttf') format('truetype'),
         url('../fonts/munito-light/nunito-light-webfont.svg#nunitolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

*{
    margin: 0;
    padding: 0;
    -moz-box-sizing:border-box;  /* footer3/3: Allow to limit bodysize white applying padding*/
    box-sizing:border-box;
}

body{
    background-color: white;
    padding-top: 250px;
    /* height: 1700px; */
}


.center-block{
    background-color: white;
    position: fixed;
    z-index: 1;
    top:0;
    left:0;
    color: #1f2b15;
    text-align: center;
    border-bottom: 1px #9acd70 solid;
    width: 100%;
    margin: auto;
    padding-top: 1.5%;
    margin-bottom: 2%;
}
#breakInTitle{
    display: none;
}
#greenSquareInline{
    display: none;
    color:#9acd70;
}
#greenSquare{
  font-size:2em;
  color:#9acd70;
}

#officialInfos{
    display: block;
    background-color: #9acd70;
    text-align: center;
    margin-top: 1%;
}
#officialInfosText{
    font-size: 0.7em;
    color:#1f2b15;
}

#explanationBlock{
    font-family: times;
    font-size: 1.2em;
    padding: 0%;
    color: black;
    text-align: center;
    margin: auto;
    margin-bottom: 1.7%;
}
#paragraphSeparatorDiv{
    margin: auto;
    text-align: center;
}
#paragraphSeparator{
    width: 5%;

/*Plaquette à télécharger*/
}
.downloads_img{
    width: 1.5%;
    display: inline-block;
    vertical-align: bottom;
}
.download_link{
  color: black;
}
.downloads_block{
    width: 100%;
    text-align:center;
}
.download_container{
    display: block;
    width: auto;
    text-align: center;
}
.download_link:visited{
  color:black;
}
.artificial_underline{
  text-decoration: underline;
}


/*Suite*/
.block-civrieux{
    padding: 1.5%;
    color: black;
    text-align: center;
    margin: auto;
    margin-bottom: 1.5%;
    font-family: Times;
    /* background-image: url('../images/thumbnail.jpeg');
    background-position: center;
    background-repeat: no-repeat; */
}
#mapLink{
    text-decoration: none;
    color: black;
}
#mapLink:visited{
    text-decoration: none;
    color: black;
}
h1{
    font-size: 190%;
    font-variant: small-caps;
    color:#1f2b15;
}
h2{
    font-size: 100%;
    color:#1f2b15;
}
h3{
    font-variant: small-caps;
    color:#1f2b15;
}
#smallCapsName{
    font-variant: small-caps;
}
p{
    font-family: Times;
}

#contact_form_div{
    position: relative;
    border-radius: 15px;
    /* background-color: white; */
    /* background-image: url('../images/tree1.jpeg');
    background-size: 33%; */
    border: 1px #9acd70 solid;
    color: black;
    text-align: center;
    width: 69%;
    margin: auto;
    margin-bottom: 75px;
}
#contact_form_div::after{ /*Pseudo element to insert background image with transparency*/
    content: "";
    opacity: 0.1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    border-radius: 15px;
    background-image: url('../images/tree1.jpeg');
    /* background-position: 0% 0%; */
    /* background-position: 50% 0px; */
    background-position: center;
    background-size: 140%;
    background-repeat: no-repeat;
    /* background-repeat: repeat-x repeat-y; */
}
.observation { display:none; }
#feedbackSuccess{
  background-color: #9acd70;
  color:white;
}
table{
    width: 96%;
    margin: auto;
}
#th1{
    width: 30%;
}
td{
    /* border: 1px solid grey; */
}
td, input{
    text-align: left;
}
input{ /*Contained in td*/
    padding-left: 1.5%;
    font-family: calibri;
    width: 90%;
    height: 33px;
    font-size: 1.2em;
    border: 1px solid #9acd70;
    border-radius: 6px;
}
textarea{
    padding-left: 1.5%;
    width: 90%;
    font-family: calibri;
    font-size: 1.2em;
    border: 1px solid #9acd70;
    border-radius: 6px;
    margin-bottom: 2%;
}
input[type=submit]{
    -webkit-appearance: none;
    cursor: pointer;
    width: 96%;
    background-color: #9acd70;
    border: 1px solid #9acd70;
    text-align: center;
    margin-bottom: 1%;
    color: #18260b;
    font-size: 1em;
}

/* Disabling blue coloration of phone number on Safari */
a[href^=tel] {
   text-decoration:inherit;
   color: inherit;
}
#doctolib_link{
  display:block;
  text-align:center;
  background-color:#0596DE;
  color:#ffffff;
  font-size:14px;
  overflow:hidden;
  width:233px;
  height:40px;
  border-bottom-right-radius:none;
  border-bottom-left-radius:none;
  position:fixed;
  bottom:0;
  right:5px;
  z-index:1000;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  line-height:40px;
}
/*---------------------------------------------------------------------------*/
/*------------------------------ INTERACTIONS -------------------------------*/
/*---------------------------------------------------------------------------*/


input:hover{
    box-shadow: 2px 2px 10px #9acd70;
}
input:active{
    border: 2px solid #9acd70;
    border-radius: 3px;
}
input:focus{
    border: 3px solid #9acd70;
    border-radius: 3px;
}
textarea:hover{
    box-shadow: 2px 2px 10px #9acd70;
}
input[type=submit]:hover{
    -webkit-appearance: none;
    box-shadow: inset 2px 2px 10px #9acd70;
    cursor: pointer;
    background-color: white;
    box-shadow: none;
    color:293e18;
    text-align: center;
    font-size: 1em;
}