/*body {
 font-family:"trebuchet ms",sans-serif;
 font-size:70%;
 }*/
form {
 background-color:none;
 padding:2px;
 width:350px;
 }
 
fieldset {
background-color:#CAC010  ;
 max-width:500px;
 padding:0 5px 5px 5px;
 margin-bottom:5px;
/* border:1px solid  #0d3846 ;*/

 box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),inset 2px 2px 3px rgba(0, 0, 0, .6);
}
::placeholder {
  color: #2E2E2E;
  font-size: 0.8em;
} 
 
 
 }
legend {
 color: #0d3846 ;
 padding:1px;
 border:1px solid  #0d3846;
 background-color: #90890E;
 text-align: center;
 color:white;
 box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),inset 2px 2px 3px rgba(0, 0, 0, .6);
 }
label {
 margin-top:1px;
 display:block;
 }
 
 label.inline {
 display:inline;
 margin-right:50px;
 }
#nombre{
 padding:1px 1px 1px 1px;
 display:inline;
 margin-right:10px;
 color:#0b107c;
 width :40px;
 } 
 
/*#nom,#courriel,#tel,#date,#message{
 padding:1px 1px 1px 1px;
 display:inline;
 margin-right:50px;
 color: #0b107c   ;
 }*/
input, textarea, select, option {
 background-color:#FFF3F3;
 color : blue;
 font-size: 1em;
 /*padding:2px;*/
 border:1px solid #F5C5C5;
 border-radius:3px;
 width:200px;
 box-shadow:1px 1px 2px #0B3B0B inset;
 }
 
 textarea
 {
	resize : vertical;
 }
 
 
 #message ,#captcha{
 padding:1px;
 border:1px solid #F5C5C5;
 border-radius:2px;
 box-shadow:1px 1px 2px #0B3B0B inset;
 }
 #message {width:335px;height:78px;}
 #captcha {width:305px;height:78px;}
 
 
select {
 margin-top:10px;
 }
 
@-webkit-keyframes ombre {
  0% {
    box-shadow: 0 0 5px red;
  }
  100% {
    box-shadow: 0 0 5px yellow;
  }
}
@-moz-keyframes ombre {
  0% {
    box-shadow: 0 0 5px red;
  }
  100% {
    box-shadow: 0 0 5px yellow;
  }
}
@keyframes ombre {
  0% {
    box-shadow: 0 0 5px red;
  }
  100% {
    box-shadow: 0 0 5px yellow;
  }
} 
 
input:invalid {
	padding: 2px; 
  border: 1px solid red;
  border-radius: 5px;
	 box-shadow: 0 0 5px red;
  /*border: 2px red;box-shadow:1px 1px 2px red inset;*/
  /*background : #F5A9A9; */
  /* Animation
  -webkit-animation: ombre ease-in infinite alternate 500ms;
  -moz-animation: ombre ease-in infinite alternate 500ms;
  animation: ombre ease-in infinite alternate 500ms; */
}

 input:focus, textarea:focus {
 background-color:#BEF781;
 }

 
 .bouton {
    width :100%;
	border: 0;
    line-height: 2.5;
    padding: 0 20px;
    font-size: 1.5rem;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    border-radius: 5px;
    background-color: rgba(0, 204, 0, 0.3);
    background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
}

.bouton:hover {
    background-color: rgba(0, 204, 0, 1);
}

.bouton:active {
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),
                inset 2px 2px 3px rgba(0, 0, 0, .6);
}
/* test personalisation table calendrier*/
.calendrier
{
	background-color:#33beff;
}