div#container {
   margin: 0 auto 0 auto;
   position: relative;
   text-align: left;
   width: 1280px;
}
body {
   background-color: #FFFFFF;
   color: #000000;
   font-family: "Open Sans";
   font-size: 19px;
   font-weight: normal;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
a {
   color: #FFFFFF;
   text-decoration: none;
}
a:hover {
   color: #FFFFFF;
   text-decoration: none;
}
input:focus,
textarea:focus,
select:focus {
   outline: none;
}
a.Default {
   color: #0000FF;
   text-decoration: underline;
}
a.Default:visited {
   color: #800080;
   text-decoration: underline;
}
a.Default:active {
   color: #FF0000;
   text-decoration: underline;
}
a.Default:hover {
   color: #0000FF;
   text-decoration: underline;
}
h2,
.h2 {
   background-color: transparent;
   color: #3370B7;
   display: inline;
   font-family: "Open Sans";
   font-size: 37px;
   font-weight: normal;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   text-decoration: none;
}
.TexteNoir {
   background-color: transparent;
   color: #000000;
   display: inline;
   font-family: "Open Sans";
   font-size: 19px;
   line-height: 150%;
   text-decoration: none;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
h2,
.h2 {
   background-color: transparent;
   color: #3370B7;
   display: inline;
   font-family: "Open Sans";
   font-size: 37px;
   font-weight: normal;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   text-decoration: none;
}
.TexteNoir {
   background-color: transparent;
   color: #000000;
   display: inline;
   font-family: "Open Sans";
   font-size: 19px;
   text-decoration: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
h2,
.h2 {
   background-color: transparent;
   color: #3370B7;
   display: inline;
   font-family: "Open Sans";
   font-size: 32px;
   font-weight: normal;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   text-decoration: none;
}
.TexteNoir {
   background-color: transparent;
   color: #000000;
   display: inline;
   font-family: "Open Sans";
   font-size: 19px;
   text-decoration: none;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
h2,
.h2 {
   background-color: transparent;
   color: #3370B7;
   display: inline;
   font-family: "Open Sans";
   font-size: 27px;
   font-weight: normal;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   text-decoration: none;
}
.TexteNoir {
   background-color: transparent;
   color: #000000;
   display: inline;
   font-family: "Open Sans";
   font-size: 16px;
   text-decoration: none;
}
}
@media only screen and (max-width: 479px) {
h2,
.h2 {
   background-color: transparent;
   color: #3370B7;
   display: inline;
   font-family: "Open Sans";
   font-size: 24px;
   font-weight: normal;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   text-decoration: none;
}
.TexteNoir {
   background-color: transparent;
   color: #000000;
   display: inline;
   font-family: "Open Sans";
   font-size: 16px;
   text-decoration: none;
}
}
#NoMembre {
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #CCCCCC;
   border-radius: 4px;
   color: #000000;
   font-family: "Open Sans";
   font-size: 19px;
   font-style: normal;
   font-weight: normal;
   line-height: 24px;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
}
#NoMembre: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;
}
#MDP {
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #CCCCCC;
   border-radius: 4px;
   color: #000000;
   font-family: "Open Sans";
   font-size: 19px;
   font-style: normal;
   font-weight: normal;
   line-height: 24px;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
}
#MDP: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;
   margin: 0;
   padding: 0;
   text-align: left;
}
#wb_Text1 {
   color: #000000;
   font-family: "Open Sans";
   font-size: 19px;
   font-weight: normal;
   line-height: 26px;
}
#wb_Text1 div {
   text-align: left;
}
#wb_Text2 {
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   margin: 0;
   padding: 0;
   text-align: left;
}
#wb_Text2 {
   color: #000000;
   font-family: "Open Sans";
   font-size: 19px;
   font-weight: normal;
   line-height: 26px;
}
#wb_Text2 div {
   text-align: left;
}
#Layer2 {
   background-color: #FBFBFB;
   background-image: none;
   margin: 0;
}
#Layer2 {
   display: inline-flex;
}
#Layer1 {
   background-color: #FBFBFB;
   background-image: none;
   margin: 0;
}
#Layer1 {
   display: inline-flex;
}
#wb_Text3 {
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_Text3 {
   color: #3370B7;
   font-family: "Open Sans";
   font-size: 37px;
   font-weight: normal;
   line-height: 51px;
}
#wb_Text3 div {
   text-align: center;
}
#wb_Text4 {
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_Text4 {
   color: #000000;
   font-family: "Open Sans";
   font-size: 19px;
   font-weight: normal;
   line-height: 26px;
}
#wb_Text4 div {
   text-align: center;
}
#ThemeableButton1 {
   border-style: solid;
   border-width: 0px;
   font-family: "Open Sans";
   font-size: 19px;
   font-style: normal;
   font-weight: normal;
   margin: 0;
   padding: 1px 1px 6px 6px;
   text-align: center;
}
#ThemeableButton1 .ui-button {
   padding: 0;
   position: absolute;
}
#ThemeableButton1.ui-corner-all {
   border-bottom-left-radius: 4px;
   border-top-left-radius: 4px;
}
#ThemeableButton1.ui-corner-all {
   border-bottom-right-radius: 4px;
   border-top-right-radius: 4px;
}
#wb_Image1 {
   vertical-align: top;
}
#Image1 {
   border: 0px solid #000000;
   height: 100%;
   left: 0;
   margin: 0;
   padding: 0;
   top: 0;
   width: 100%;
}
#NoMembre {
   height: 24px;
   left: 520px;
   position: absolute;
   top: 180px;
   width: 235px;
   z-index: 3;
}
#wb_Image1 {
   height: 79px;
   left: 473px;
   position: absolute;
   top: 26px;
   width: 335px;
   z-index: 0;
}
#wb_Text4 {
   height: 26px;
   left: 380px;
   position: absolute;
   text-align: center;
   top: 470px;
   width: 450px;
   z-index: 5;
}
#MDP {
   height: 24px;
   left: 520px;
   position: absolute;
   top: 280px;
   width: 235px;
   z-index: 4;
}
#ThemeableButton1 {
   height: 50px;
   left: 521px;
   position: absolute;
   top: 351px;
   width: 160px;
   z-index: 8;
}
#wb_Text1 {
   height: 26px;
   left: 520px;
   position: absolute;
   top: 150px;
   width: 260px;
   z-index: 1;
}
#wb_Text2 {
   height: 26px;
   left: 520px;
   position: absolute;
   top: 250px;
   width: 163px;
   z-index: 2;
}
#wb_Text3 {
   height: 51px;
   left: 110px;
   position: absolute;
   text-align: center;
   top: 40px;
   width: 1060px;
   z-index: 6;
}
#Layer1 {
   clear: left;
   float: left;
   height: 540px;
   position: relative;
   text-align: center;
   width: 100%;
   z-index: 10;
}
#Layer2 {
   clear: left;
   float: left;
   height: 150px;
   position: relative;
   text-align: center;
   width: 100%;
   z-index: 9;
}
#Layer1_Container {
   height: 540px;
   margin-bottom: auto;
   margin-left: auto;
   margin-right: auto;
   margin-top: auto;
   position: relative;
   text-align: left;
   width: 1280px;
}
#Layer2_Container {
   height: 150px;
   margin-bottom: auto;
   margin-left: auto;
   margin-right: auto;
   margin-top: auto;
   position: relative;
   text-align: left;
   width: 1280px;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
div#container {
   width: 1024px;
}
body {
   background-color: #FFFFFF;
   background-image: none;
}
#NoMembre {
   display: inline;
   height: 24px;
   left: 390px;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   top: 150px;
   visibility: visible;
   width: 235px;
}
#NoMembre {
   line-height: 24px;
}
#MDP {
   display: inline;
   height: 24px;
   left: 390px;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   top: 250px;
   visibility: visible;
   width: 235px;
}
#MDP {
   line-height: 24px;
}
#wb_Text1 {
   display: inline;
   height: 26px;
   left: 390px;
   top: 120px;
   visibility: visible;
   width: 163px;
}
#wb_Text1 {
   font-family: "Open Sans";
   font-size: 19px;
   font-weight: normal;
   line-height: 26px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#wb_Text2 {
   display: inline;
   height: 26px;
   left: 390px;
   top: 220px;
   visibility: visible;
   width: 163px;
}
#wb_Text2 {
   font-family: "Open Sans";
   font-size: 19px;
   font-weight: normal;
   line-height: 26px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#Layer2 {
   display: block;
   font-family: "Open Sans";
   font-size: 19px;
   font-style: normal;
   font-weight: 0;
   height: 150px;
   margin: 0;
   text-decoration: none;
   visibility: visible;
}
#Layer2 {
   margin: 0;
   width: 100%;
}
#Layer2_Container {
   height: 150px;
   width: 1024px;
}
#Layer2 {
   height: 150px;
   width: 100%;
}
#Layer1 {
   display: block;
   font-family: "Open Sans";
   font-size: 19px;
   font-style: normal;
   font-weight: 0;
   height: 540px;
   margin: 0;
   text-decoration: none;
   visibility: visible;
}
#Layer1 {
   margin: 0;
   width: 100%;
}
#Layer1_Container {
   height: 540px;
   width: 1024px;
}
#Layer1 {
   height: 540px;
   width: 100%;
}
#wb_Text3 {
   display: inline;
   height: 51px;
   left: 10px;
   top: 20px;
   visibility: visible;
   width: 1000px;
}
#wb_Text3 {
   font-family: "Open Sans";
   font-size: 19px;
   font-weight: normal;
   line-height: 26px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_Text4 {
   display: inline;
   height: 26px;
   left: 290px;
   top: 480px;
   visibility: visible;
   width: 450px;
}
#wb_Text4 {
   font-family: "Open Sans";
   font-size: 19px;
   font-weight: normal;
   line-height: 26px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#ThemeableButton1 {
   display: inline;
   height: 43px;
   left: 390px;
   margin: 0;
   padding: 1px 1px 6px 6px;
   top: 340px;
   visibility: visible;
   width: 153px;
}
#ThemeableButton1 {
   font-size: 19px;
}
#wb_Image1 {
   display: inline;
   height: 99px;
   left: 348px;
   margin: 0;
   padding: 0;
   top: 26px;
   visibility: visible;
   width: 335px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
div#container {
   width: 768px;
}
body {
   background-color: #FFFFFF;
   background-image: none;
}
#NoMembre {
   display: inline;
   height: 24px;
   left: 270px;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   top: 180px;
   visibility: visible;
   width: 235px;
}
#NoMembre {
   line-height: 24px;
}
#MDP {
   display: inline;
   height: 24px;
   left: 270px;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   top: 280px;
   visibility: visible;
   width: 235px;
}
#MDP {
   line-height: 24px;
}
#wb_Text1 {
   display: inline;
   height: 22px;
   left: 270px;
   top: 150px;
   visibility: visible;
   width: 163px;
}
#wb_Text1 {
   font-family: "Open Sans";
   font-size: 19px;
   font-weight: normal;
   line-height: 26px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#wb_Text2 {
   display: inline;
   height: 22px;
   left: 270px;
   top: 250px;
   visibility: visible;
   width: 163px;
}
#wb_Text2 {
   font-family: "Open Sans";
   font-size: 19px;
   font-weight: normal;
   line-height: 26px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#Layer2 {
   display: block;
   font-family: "Open Sans";
   font-size: 19px;
   font-style: normal;
   font-weight: 0;
   height: 150px;
   margin: 0;
   text-decoration: none;
   visibility: visible;
}
#Layer2 {
   margin: 0;
   width: 100%;
}
#Layer2_Container {
   height: 150px;
   width: 768px;
}
#Layer2 {
   height: 150px;
   width: 100%;
}
#Layer1 {
   display: block;
   font-family: "Open Sans";
   font-size: 19px;
   font-style: normal;
   font-weight: 0;
   height: 540px;
   margin: 0;
   text-decoration: none;
   visibility: visible;
}
#Layer1 {
   margin: 0;
   width: 100%;
}
#Layer1_Container {
   height: 540px;
   width: 768px;
}
#Layer1 {
   height: 540px;
   width: 100%;
}
#wb_Text3 {
   display: inline;
   height: 86px;
   left: 40px;
   top: 30px;
   visibility: visible;
   width: 690px;
}
#wb_Text3 {
   font-family: "Open Sans";
   font-size: 19px;
   font-weight: normal;
   line-height: 26px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_Text4 {
   display: inline;
   height: 22px;
   left: 159px;
   top: 480px;
   visibility: visible;
   width: 450px;
}
#wb_Text4 {
   font-family: "Open Sans";
   font-size: 19px;
   font-weight: normal;
   line-height: 26px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#ThemeableButton1 {
   display: inline;
   height: 43px;
   left: 270px;
   margin: 0;
   padding: 1px 1px 6px 6px;
   top: 350px;
   visibility: visible;
   width: 153px;
}
#ThemeableButton1 {
   font-size: 19px;
}
#wb_Image1 {
   display: inline;
   height: 99px;
   left: 217px;
   margin: 0;
   padding: 0;
   top: 26px;
   visibility: visible;
   width: 335px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
div#container {
   width: 480px;
}
body {
   background-color: #FFFFFF;
   background-image: none;
}
#NoMembre {
   display: inline;
   height: 24px;
   left: 120px;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   top: 160px;
   visibility: visible;
   width: 235px;
}
#NoMembre {
   line-height: 24px;
}
#MDP {
   display: inline;
   height: 24px;
   left: 120px;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   top: 270px;
   visibility: visible;
   width: 235px;
}
#MDP {
   line-height: 24px;
}
#wb_Text1 {
   display: inline;
   height: 22px;
   left: 120px;
   top: 130px;
   visibility: visible;
   width: 163px;
}
#wb_Text1 {
   font-family: "Open Sans";
   font-size: 19px;
   font-weight: normal;
   line-height: 26px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#wb_Text2 {
   display: inline;
   height: 22px;
   left: 120px;
   top: 240px;
   visibility: visible;
   width: 163px;
}
#wb_Text2 {
   font-family: "Open Sans";
   font-size: 19px;
   font-weight: normal;
   line-height: 26px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#Layer2 {
   display: block;
   font-family: "Open Sans";
   font-size: 19px;
   font-style: normal;
   font-weight: 0;
   height: 150px;
   margin: 0;
   text-decoration: none;
   visibility: visible;
}
#Layer2 {
   margin: 0;
   width: 100%;
}
#Layer2_Container {
   height: 150px;
   width: 480px;
}
#Layer2 {
   height: 150px;
   width: 100%;
}
#Layer1 {
   display: block;
   font-family: "Open Sans";
   font-size: 19px;
   font-style: normal;
   font-weight: 0;
   height: 540px;
   margin: 0;
   text-decoration: none;
   visibility: visible;
}
#Layer1 {
   margin: 0;
   width: 100%;
}
#Layer1_Container {
   height: 540px;
   width: 480px;
}
#Layer1 {
   height: 540px;
   width: 100%;
}
#wb_Text3 {
   display: inline;
   height: 74px;
   left: 30px;
   top: 20px;
   visibility: visible;
   width: 430px;
}
#wb_Text3 {
   font-family: "Open Sans";
   font-size: 19px;
   font-weight: normal;
   line-height: 26px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_Text4 {
   display: inline;
   height: 22px;
   left: 10px;
   top: 480px;
   visibility: visible;
   width: 450px;
}
#wb_Text4 {
   font-family: "Open Sans";
   font-size: 19px;
   font-weight: normal;
   line-height: 26px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#ThemeableButton1 {
   display: inline;
   height: 43px;
   left: 160px;
   margin: 0;
   padding: 1px 1px 6px 6px;
   top: 370px;
   visibility: visible;
   width: 153px;
}
#ThemeableButton1 {
   font-size: 19px;
}
#wb_Image1 {
   display: inline;
   height: 69px;
   left: 80px;
   margin: 0;
   padding: 0;
   top: 41px;
   visibility: visible;
   width: 311px;
}
}
@media only screen and (max-width: 479px) {
div#container {
   width: 319px;
}
body {
   background-color: #FFFFFF;
   background-image: none;
}
#NoMembre {
   display: inline;
   height: 24px;
   left: 30px;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   top: 140px;
   visibility: visible;
   width: 235px;
}
#NoMembre {
   line-height: 24px;
}
#MDP {
   display: inline;
   height: 24px;
   left: 30px;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   top: 240px;
   visibility: visible;
   width: 235px;
}
#MDP {
   line-height: 24px;
}
#wb_Text1 {
   display: inline;
   height: 22px;
   left: 30px;
   top: 110px;
   visibility: visible;
   width: 163px;
}
#wb_Text1 {
   font-family: "Open Sans";
   font-size: 19px;
   font-weight: normal;
   line-height: 26px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#wb_Text2 {
   display: inline;
   height: 22px;
   left: 30px;
   top: 210px;
   visibility: visible;
   width: 163px;
}
#wb_Text2 {
   font-family: "Open Sans";
   font-size: 19px;
   font-weight: normal;
   line-height: 26px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#Layer2 {
   display: block;
   font-family: "Open Sans";
   font-size: 19px;
   font-style: normal;
   font-weight: 0;
   height: 150px;
   margin: 0;
   text-decoration: none;
   visibility: visible;
}
#Layer2 {
   margin: 0;
   width: 100%;
}
#Layer2_Container {
   height: 150px;
   width: 319px;
}
#Layer2 {
   height: 150px;
   width: 100%;
}
#Layer1 {
   display: block;
   font-family: "Open Sans";
   font-size: 19px;
   font-style: normal;
   font-weight: 0;
   height: 540px;
   margin: 0;
   text-decoration: none;
   visibility: visible;
}
#Layer1 {
   margin: 0;
   width: 100%;
}
#Layer1_Container {
   height: 540px;
   width: 319px;
}
#Layer1 {
   height: 540px;
   width: 100%;
}
#wb_Text3 {
   display: inline;
   height: 66px;
   left: 19px;
   top: 10px;
   visibility: visible;
   width: 286px;
}
#wb_Text3 {
   font-family: "Open Sans";
   font-size: 19px;
   font-weight: normal;
   line-height: 26px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_Text4 {
   display: inline;
   height: 44px;
   left: 30px;
   top: 480px;
   visibility: visible;
   width: 231px;
}
#wb_Text4 {
   font-family: "Open Sans";
   font-size: 19px;
   font-weight: normal;
   line-height: 26px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#ThemeableButton1 {
   display: inline;
   height: 43px;
   left: 72px;
   margin: 0;
   padding: 1px 1px 6px 6px;
   top: 360px;
   visibility: visible;
   width: 153px;
}
#ThemeableButton1 {
   font-size: 19px;
}
#wb_Image1 {
   display: inline;
   height: 52px;
   left: 44px;
   margin: 0;
   padding: 0;
   top: 44px;
   visibility: visible;
   width: 231px;
}
}
