body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
a
{
   color: #0000FF;
   text-decoration: underline;
}
a:visited
{
   color: #800080;
}
a:active
{
   color: #FF0000;
}
a:hover
{
   color: #0000FF;
   text-decoration: underline;
}
input:focus, textarea:focus, select:focus
{
   outline: none;
}
#wb_Form1
{
   background-color: #00BFFF;
   background-image: none;
   border: 0px solid #CCCCCC;
}
#nom
{
   border: 1px solid #CCCCCC;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   line-height: 31px;
   padding: 4px 4px 4px 4px;
   margin: 0;
   text-align: left;
}
#nom:focus
{
   border-color: #66AFE9;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   outline: 0;
}
#Button1
{
   border: 1px solid #2E6DA4;
   border-radius: 4px;
   background-color: #3370B7;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#prenom
{
   border: 1px solid #CCCCCC;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   line-height: 29px;
   padding: 4px 4px 4px 4px;
   margin: 0;
   text-align: left;
}
#prenom:focus
{
   border-color: #66AFE9;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   outline: 0;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text1 div
{
   text-align: left;
}
#ville
{
   border: 1px solid #CCCCCC;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   line-height: 30px;
   padding: 4px 4px 4px 4px;
   margin: 0;
   text-align: left;
}
#ville:focus
{
   border-color: #66AFE9;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   outline: 0;
}
#courriel
{
   border: 1px solid #CCCCCC;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   line-height: 29px;
   padding: 4px 4px 4px 4px;
   margin: 0;
   text-align: left;
}
#courriel:focus
{
   border-color: #66AFE9;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   outline: 0;
}
#tel
{
   border: 1px solid #CCCCCC;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   line-height: 34px;
   padding: 4px 4px 4px 4px;
   margin: 0;
   text-align: left;
}
#tel:focus
{
   border-color: #66AFE9;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   outline: 0;
}
#commentaires
{
   border: 1px solid #CCCCCC;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   padding: 4px 4px 4px 4px;
   margin: 0;
   text-align: left;
   overflow: auto;
   resize: none;
}
#commentaires:focus
{
   border-color: #66AFE9;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   outline: 0;
}
#wb_Text1
{
   position: absolute;
   left: 30px;
   top: 28px;
   width: 526px;
   height: 42px;
   z-index: 2;
}
#tel
{
   position: absolute;
   left: 37px;
   top: 281px;
   width: 447px;
   height: 34px;
   z-index: 5;
}
#nom
{
   position: absolute;
   left: 30px;
   top: 102px;
   width: 287px;
   height: 31px;
   z-index: 0;
}
#prenom
{
   position: absolute;
   left: 384px;
   top: 104px;
   width: 315px;
   height: 29px;
   z-index: 1;
}
#wb_EmbeddedPage1
{
   position: absolute;
   left: 10px;
   top: 6px;
   width: 907px;
   height: 71px;
   z-index: 9;
}
#commentaires
{
   position: absolute;
   left: 37px;
   top: 351px;
   width: 689px;
   height: 117px;
   z-index: 6;
}
#courriel
{
   position: absolute;
   left: 33px;
   top: 218px;
   width: 560px;
   height: 29px;
   z-index: 4;
}
#ville
{
   position: absolute;
   left: 30px;
   top: 165px;
   width: 563px;
   height: 30px;
   z-index: 3;
}
#wb_Form1
{
   position: absolute;
   left: 20px;
   top: 22px;
   width: 772px;
   height: 578px;
   z-index: 8;
}
#Button1
{
   position: absolute;
   left: 51px;
   top: 493px;
   width: 362px;
   height: 31px;
   z-index: 7;
}
@media only screen and (max-width: 768px)
{
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#wb_Form1
{
   left: 9px;
   top: 397px;
   width: 617px;
   height: 553px;
   visibility: visible;
   display: inline;
}
#nom
{
   left: 28px;
   top: 97px;
   width: 270px;
   height: 28px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   font-size: 12px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#nom
{
   line-height: 28px;
}
#Button1
{
   left: 29px;
   top: 498px;
   width: 421px;
   height: 29px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 1px 6px 1px 6px;
   font-size: 12px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#prenom
{
   left: 28px;
   top: 149px;
   width: 297px;
   height: 26px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   font-size: 12px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#prenom
{
   line-height: 26px;
}
#wb_Text1
{
   left: 28px;
   top: 27px;
   width: 430px;
   height: 42px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   margin: 0;
   padding: 0;
}
#ville
{
   left: 28px;
   top: 197px;
   width: 420px;
   height: 27px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   font-size: 12px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#ville
{
   line-height: 27px;
}
#courriel
{
   left: 28px;
   top: 250px;
   width: 443px;
   height: 26px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   font-size: 12px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#courriel
{
   line-height: 26px;
}
#tel
{
   left: 27px;
   top: 306px;
   width: 421px;
   height: 31px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   font-size: 12px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#tel
{
   line-height: 31px;
}
#commentaires
{
   left: 35px;
   top: 361px;
   width: 405px;
   height: 109px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   font-size: 12px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#wb_EmbeddedPage1
{
   left: 9px;
   top: 5px;
   width: 370px;
   height: 91px;
   visibility: visible;
   display: inline;
}
}