html, body, #container
{
   width: 100%;
   height: 100%;
}
body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#Entete_menu
{
   background-color: #87CEEB;
   background-image: none;
   border-radius: 0px;
   box-sizing: border-box;
}
.card {
    padding: 40px 30px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(6px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
    max-width: 700px;
    width: 90%;
    color: #333;
}
.card h1 a{
    display:block;
    margin: 0 auto;
    max-width: 300px;
}
.card p {
    font-size: 1.2rem;
    line-height: 1.6;
    margin-bottom: 1.2em;
}
#Entete_menu.scroll-up
{
   top: -90px !important;
}
#wb_Text7
{
   background-color: #FFFFFF;
   background-image: none;
   border: 4px double #000000;
   border-radius: 4px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text7 div
{
   text-align: center;
}
#wb_Text2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text2 div
{
   text-align: left;
}
#wb_Text3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text3 div
{
   text-align: center;
}
#Cooperative
{
   background-image: linear-gradient(to top, #FFFFFF 0%, #696969 100%);
   border-radius: 0px;
   margin: 0;
}
#Services
{
   background-image: linear-gradient(to top, #D0E4F7 0%, #73B1E7 24%, #0A77D5 50%, #539FE1 79%, #87BCEA 100%);
   border-radius: 0px;
   margin: 0;
}
#wb_Text4
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text4 div
{
   text-align: left;
}
#Joindre
{
   background-color: transparent;
   background-image: url('../images/accueil_Joindre_bkgrnd.png');
   background-repeat: repeat;
   background-position: left top;
   border-radius: 0px;
   margin: 0;
}
#wb_Text13
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text13 div
{
   text-align: left;
}
#wb_Text14
{
   background-color: #FFFFFF;
   background-image: none;
   border: 4px double #000000;
   border-radius: 4px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text14 div
{
   text-align: center;
}
#wb_Text15
{
   background-color: #FFFFFF;
   background-image: none;
   border: 4px double #000000;
   border-radius: 4px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text15 div
{
   text-align: center;
}
#wb_Image11
{
   vertical-align: top;
}
#Image11
{
   border: 4px solid transparent;
   border-radius: 4px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Form1
{
   background-color: transparent;
   background-image: none;
   border: 4px double #000000;
   border-radius: 4px;
}
#Label1
{
   margin: 0;
   border: 1px solid #000000;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 16px;
   text-align: left;
   vertical-align: top;
   padding: 4px 4px 4px 4px;
}
#Label1:focus
{
   outline: 0;
}
#Editbox1
{
   line-height: 16px;
   margin: 0;
   border: 1px solid #000000;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   text-align: left;
   padding: 4px 4px 4px 4px;
}
#Editbox1: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;
}
#Label2
{
   margin: 0;
   border: 1px solid #000000;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 16px;
   text-align: left;
   vertical-align: top;
   padding: 4px 4px 4px 4px;
}
#Label2:focus
{
   outline: 0;
}
#Editbox2
{
   line-height: 16px;
   margin: 0;
   border: 1px solid #000000;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   text-align: left;
   padding: 4px 4px 4px 4px;
}
#Editbox2: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;
}
#Label3
{
   margin: 0;
   border: 1px solid #000000;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 16px;
   text-align: left;
   vertical-align: top;
   padding: 4px 4px 4px 4px;
}
#Label3:focus
{
   outline: 0;
}
#TextArea1
{
   border: 1px solid #000000;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   text-align: left;
   padding: 4px 4px 4px 4px;
   margin: 0;
   overflow: auto;
   resize: none;
}
#TextArea1: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;
}
#Button5
{
   border: 1px solid #000000;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 16px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#Button5:focus
{
   outline: 0;
}
#wb_Line2
{
   font-size: 0;
}
#Line2
{
   border-width: 0;
   height: 308px;
   width: 8px;
}
#wb_Text1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text1 div
{
   text-align: left;
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text8
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text8 div
{
   text-align: center;
}
#ClipArt1
{
   border-width: 0;
   vertical-align: top;
}
#ClipArt2
{
   border-width: 0;
   vertical-align: top;
}
#wb_Text5
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text5 div
{
   text-align: center;
}
#wb_Text6
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text6 div
{
   text-align: center;
}
#wb_Text11
{
   background-color: #FFFFFF;
   background-image: none;
   border: 4px double #000000;
   border-radius: 4px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text11 div
{
   text-align: center;
}
#wb_Text9
{
   background-color: #FFFFFF;
   background-image: none;
   border: 4px double #000000;
   border-radius: 4px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text9 div
{
   text-align: left;
}
#wb_Image9
{
   vertical-align: top;
}
#Image9
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image10
{
   vertical-align: top;
}
#Image10
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#ClipArt3
{
   border-width: 0;
   vertical-align: top;
}
#wb_Image3
{
   vertical-align: top;
}
#Image3
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_ResponsiveMenu2
{
   display: block;
   font-family: Arial;
   font-weight: normal;
   text-align: left;
   width: 100%;
}
#ResponsiveMenu2
{
   background-color: #87CEEB;
   height: 42px;
}
#wb_ResponsiveMenu2 ul
{
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
}
#wb_ResponsiveMenu2 ul:after
{
   clear: both;
   content: "";
   display: block;
}
#wb_ResponsiveMenu2 ul li
{
   border-radius: 0;
   display: list-item;
   float: left;
   list-style: none;
   z-index: 9999;
}
#wb_ResponsiveMenu2 ul li i
{
   font-size: 24px;
   width: 24px;
   margin-bottom: 0px;
}
#wb_ResponsiveMenu2 ul li a
{
   background-color: #87CEEB;
   color: #0000CD;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   padding: 1px 10px 2px 10px;
   text-align: center;
}
#wb_ResponsiveMenu2 > ul > li > a
{
   height: 39px;
}
.ResponsiveMenu2 a
{
   display: block;
}
#wb_ResponsiveMenu2 li:hover > a, #wb_ResponsiveMenu2 li .active
{
   background-color: #87CEEB;
   color: #000000;
}
#wb_ResponsiveMenu2 ul ul
{
   display: none;
   position: absolute;
   top: 42px;
}
#wb_ResponsiveMenu2 ul li:hover > ul
{
   display: list-item;
}
#wb_ResponsiveMenu2 ul ul li
{
   float: none;
   position: relative;
   width: 135px;
}
#wb_ResponsiveMenu2 ul ul li a
{
   background-color: #7A7A7A;
   border: 0px solid #7A7A7A;
   color: #FFFFFF;
}
#wb_ResponsiveMenu2 ul ul li:hover > a, #wb_ResponsiveMenu2 ul ul li .active
{
   background-color: #CCCCCC;
   color: #424242;
}
#wb_ResponsiveMenu2 ul ul li i
{
   margin-right: 8px;
   vertical-align: middle;
}
#wb_ResponsiveMenu2 ul ul li a
{
   padding-top: 1px;
   padding-right: 20px;
   padding-bottom: 2px;
   text-align: left;
   vertical-align: middle;
}
#wb_ResponsiveMenu2 ul ul ul li
{
   left: 135px;
   position: relative;
   top: -42px;
}
#wb_ResponsiveMenu2 .arrow-down
{
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 2px;
   vertical-align: middle;
   border-top: 4px solid #0000CD;
   border-right: 4px solid transparent;
   border-left: 4px solid transparent;
   border-bottom: 0 dotted;
}
#wb_ResponsiveMenu2 .arrow-left
{
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 2px;
   vertical-align: middle;
   border-left: 4px solid #FFFFFF;
   border-top: 4px solid transparent;
   border-bottom: 4px solid transparent;
   border-right: 0 dotted;
}
#wb_ResponsiveMenu2 li:hover > a .arrow-down, #wb_ResponsiveMenu2 li .active .arrow-down
{
   border-top-color: #000000;
}
#wb_ResponsiveMenu2 ul ul li:hover > a .arrow-left, #wb_ResponsiveMenu2 ul ul li .active .arrow-left
{
   border-left-color: #424242;
}
#wb_ResponsiveMenu2 .toggle,[id^=ResponsiveMenu2-submenu]
{
   display: none;
}
@media all and (max-width:980px)
{
#wb_ResponsiveMenu2
{
   margin: 0;
   text-align: left;
}
#wb_ResponsiveMenu2 ul li a, #wb_ResponsiveMenu2 .toggle
{
   font-size: 13px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   padding: 1px 20px 2px 20px;
}
#wb_ResponsiveMenu2 .toggle + a
{
   display: none !important;
}
.ResponsiveMenu2
{
   display: none;
   z-index: 9999;
}
#ResponsiveMenu2
{
   background-color: transparent;
}
#wb_ResponsiveMenu2 > ul > li > a
{
   height: auto !important;
   margin: 0;
}
#wb_ResponsiveMenu2 .toggle
{
   display: block;
   background-color: #87CEEB;
   color: #0000CD;
   padding: 0 20px 0 20px;
   line-height: 27px;
   text-decoration: none;
   border: none;
}
#wb_ResponsiveMenu2 .toggle:hover
{
   background-color: #87CEEB;
   color: #000000;
}
[id^=ResponsiveMenu2-submenu]:checked + ul
{
   display: block !important;
}
#ResponsiveMenu2-title
{
   height: 42px !important;
   line-height: 42px !important;
   text-align: center;
}
#wb_ResponsiveMenu2 ul li
{
   display: block;
   width: 100% !important;
   text-align: left;
}
#wb_ResponsiveMenu2 ul ul .toggle,
#wb_ResponsiveMenu2 ul ul a
{
   padding: 0 40px;
}
#wb_ResponsiveMenu2 a:hover,
#wb_ResponsiveMenu2 ul ul ul a
{
   background-color: #7A7A7A;
   color: #FFFFFF;
}
#wb_ResponsiveMenu2 ul li ul li .toggle,
#wb_ResponsiveMenu2 ul ul a
{
   background-color: #7A7A7A;
   color: #FFFFFF;
}
#wb_ResponsiveMenu2 ul ul ul a
{
   padding: 1px 20px 2px 60px;
}
#wb_ResponsiveMenu2 ul li a
{
   text-align: left;
}
#wb_ResponsiveMenu2 ul li a br
{
   display: none;
}
#wb_ResponsiveMenu2 ul li i
{
   margin-right: 8px;
}
#wb_ResponsiveMenu2 ul ul
{
   float: none;
   position: static;
}
#wb_ResponsiveMenu2 ul ul li:hover > ul,
#wb_ResponsiveMenu2 ul li:hover > ul
{
   display: none;
}
#wb_ResponsiveMenu2 ul ul li
{
   display: block;
   width: 100%;
}
#wb_ResponsiveMenu2 ul ul ul li
{
   position: static;
}
#ResponsiveMenu2-icon
{
   display: block;
   position: absolute;
   left: 10px;
   top: 9px;
   user-select: none;
}
#ResponsiveMenu2-icon span
{
   display: block;
   margin-top: 4px;
   height: 2px;
   background-color: #0000CD;
   color: #0000CD;
   width: 24px;
}
#wb_ResponsiveMenu2 ul li ul li .toggle:hover
{
   background-color: #CCCCCC;
   color: #424242;
}
#wb_ResponsiveMenu2 .toggle .arrow-down
{
   border-top-color: #0000CD;
}
#wb_ResponsiveMenu2 .toggle:hover .arrow-down, #wb_ResponsiveMenu2 li .active .arrow-down
{
   border-top-color: #000000;
}
#wb_ResponsiveMenu2 ul li ul li .toggle .arrow-down
{
   border-top-color: #FFFFFF;
}
#wb_ResponsiveMenu2 ul li ul li .toggle:hover .arrow-down, #wb_ResponsiveMenu2 ul li ul li .active .arrow-down
{
   border-top-color: #424242;
}
}
#wb_Line1
{
   font-size: 0;
}
#Line1
{
   border-width: 0;
   height: 308px;
   width: 8px;
}
#wb_ClipArt5
{
   transform: rotate(270deg);
   transform-origin: 50% 50%;
}
#ClipArt5
{
   border-width: 0;
   vertical-align: top;
}
#wb_Text12
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text12 div
{
   text-align: center;
}
#Layer1
{
   background-image: linear-gradient(to top, #FFFFFF 0%, #696969 100%);
   border-radius: 0px;
   margin: 0;
}
#wb_Text20
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text20 div
{
   text-align: center;
}
#TextArea1
{
   position: absolute;
   left: 103px;
   top: 84px;
   width: 279px;
   height: 249px;
   z-index: 20;
}
#wb_Line2
{
   position: absolute;
   left: 1091px;
   top: 95px;
   width: 5px;
   height: 300px;
   z-index: 12;
}
#Services_Container
{
   width: 1600px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#wb_ResponsiveMenu2
{
   position: absolute;
   left: 873px;
   top: 26px;
   width: 626px;
   height: 42px;
   z-index: 2;
}
#wb_Image1
{
   position: absolute;
   left: 4px;
   top: 13px;
   width: 76px;
   height: 56px;
   z-index: 1;
}
#wb_Text4
{
   position: absolute;
   left: 663px;
   top: 0px;
   width: 275px;
   height: 59px;
   z-index: 7;
}
#Entete_menu_Container
{
   width: 1600px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#Editbox1
{
   position: absolute;
   left: 102px;
   top: 11px;
   width: 281px;
   height: 16px;
   z-index: 17;
}
#wb_Text5
{
   position: absolute;
   left: 115px;
   top: 246px;
   width: 238px;
   height: 36px;
   text-align: center;
   z-index: 11;
}
#Cooperative_Container
{
   width: 1600px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#wb_Image3
{
   position: absolute;
   left: 614px;
   top: 132px;
   width: 373px;
   height: 167px;
   z-index: 4;
}
#Editbox2
{
   position: absolute;
   left: 102px;
   top: 42px;
   width: 281px;
   height: 16px;
   z-index: 19;
}
#wb_Text15
{
   position: absolute;
   left: 16px;
   top: 209px;
   width: 429px;
   height: 72px;
   text-align: center;
   z-index: 26;
}
#wb_Text6
{
   position: absolute;
   left: 681px;
   top: 246px;
   width: 238px;
   height: 36px;
   text-align: center;
   z-index: 10;
}
#wb_Text14
{
   position: absolute;
   left: 14px;
   top: 120px;
   width: 429px;
   height: 72px;
   text-align: center;
   z-index: 25;
}
#wb_Text7
{
   position: absolute;
   left: 791px;
   top: 448px;
   width: 429px;
   height: 203px;
   visibility: hidden;
   text-align: center;
   z-index: 23;
}
#wb_Text13
{
   position: absolute;
   left: 634px;
   top: 30px;
   width: 333px;
   height: 60px;
   z-index: 24;
}
#wb_ClipArt1
{
   position: absolute;
   left: 154px;
   top: 117px;
   width: 160px;
   height: 106px;
   z-index: 8;
}
#wb_Text12
{
   position: absolute;
   left: 1213px;
   top: 246px;
   width: 238px;
   height: 36px;
   text-align: center;
   z-index: 15;
}
#wb_Text1
{
   position: absolute;
   left: 88px;
   top: 24px;
   width: 365px;
   height: 42px;
   z-index: 0;
}
#Entete_menu
{
   position: fixed;
   text-align: center;
   left: 0;
   top: 0;
   right: 0;
   height: 90px;
   z-index: 7777;
}
#wb_ClipArt3
{
   position: absolute;
   left: 52px;
   top: 373px;
   width: 51px;
   height: 46px;
   z-index: 32;
}
#wb_Text11
{
   position: absolute;
   left: 596px;
   top: 403px;
   width: 401px;
   height: 77px;
   text-align: center;
   z-index: 28;
}
#ClipArt5
{
   width: 119px;
   height: 126px;
}
#wb_Text2
{
   position: absolute;
   left: 519px;
   top: 87px;
   width: 547px;
   height: 15px;
   z-index: 5;
}
#wb_Text20
{
   position: absolute;
   left: 562px;
   top: 11px;
   width: 458px;
   height: 15px;
   text-align: center;
   z-index: 41;
}
#ClipArt2
{
   width: 141px;
   height: 106px;
}
#wb_ClipArt2
{
   position: absolute;
   left: 730px;
   top: 117px;
   width: 141px;
   height: 106px;
   z-index: 9;
}
#wb_Text3
{
   position: absolute;
   left: 562px;
   top: 83px;
   width: 476px;
   height: 215px;
   text-align: center;
   z-index: 6;
}
#ClipArt3
{
   width: 51px;
   height: 46px;
}
#wb_Image9
{
   position: absolute;
   left: 57px;
   top: 142px;
   width: 36px;
   height: 36px;
   z-index: 29;
}
#wb_ClipArt5
{
   position: absolute;
   left: 1273px;
   top: 117px;
   width: 119px;
   height: 126px;
   z-index: 14;
}
#Cooperative
{
   position: relative;
   text-align: center;
   width: 100%;
   height: 100%;
   float: left;
   display: block;
   z-index: 44;
}
#Layer1
{
   position: relative;
   text-align: center;
   width: 100%;
   height: 100%;
   float: left;
   display: block;
   z-index: 47;
}
#Services
{
   position: relative;
   text-align: center;
   width: 100%;
   height: 100%;
   float: left;
   display: block;
   z-index: 45;
}
#Ouverture
{
   position: relative;
   background-color: transparent;
   background-image: url('../images/cablo.jpg');
   background-repeat: no-repeat;
   background-position: left top;
   background-attachment: scroll;
   background-size: cover;
   border-radius: 0px;
   margin: 0;
   text-align: center;
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 43;
}
#ClipArt1
{
   width: 160px;
   height: 106px;
}
#Label3
{
   position: absolute;
   left: 15px;
   top: 74px;
   width: 70px;
   height: 19px;
   line-height: 21px;
   z-index: 22;
}
#wb_Line1
{
   position: absolute;
   left: 488px;
   top: 95px;
   width: 5px;
   height: 300px;
   z-index: 13;
}
#Layer1_Container
{
   width: 1600px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#Label2
{
   position: absolute;
   left: 15px;
   top: 41px;
   width: 70px;
   height: 19px;
   line-height: 21px;
   z-index: 18;
}
#Joindre_Container
{
   width: 1600px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#Joindre
{
   position: relative;
   text-align: center;
   width: 100%;
   height: 100%;
   float: left;
   display: block;
   z-index: 46;
}
#wb_Text8
{
   position: absolute;
   left: 656px;
   top: 313px;
   width: 289px;
   height: 95px;
   text-align: center;
   z-index: 3;
}
#Button5
{
   position: absolute;
   left: 101px;
   top: 350px;
   width: 161px;
   height: 27px;
   z-index: 21;
}
#Label1
{
   position: absolute;
   left: 14px;
   top: 11px;
   width: 70px;
   height: 19px;
   line-height: 21px;
   z-index: 16;
}
#wb_Form1
{
   position: absolute;
   left: 1144px;
   top: 126px;
   width: 399px;
   height: 377px;
   z-index: 33;
}
#wb_Text9
{
   position: absolute;
   left: 16px;
   top: 300px;
   width: 429px;
   height: 203px;
   z-index: 31;
}
#wb_Image10
{
   position: absolute;
   left: 30px;
   top: 232px;
   width: 37px;
   height: 37px;
   z-index: 30;
}
#wb_Image11
{
   position: absolute;
   left: 596px;
   top: 126px;
   width: 401px;
   height: 253px;
   z-index: 27;
}
@media only screen and (min-width: 1024px) and (max-width: 1599px)
{
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#Entete_menu
{
   top: 0px;
   height: 159px;
   visibility: visible;
}
#Entete_menu_Container
{
   width: 1024px;
}
#wb_Text7
{
   left: 791px;
   top: 448px;
   width: 429px;
   height: 203px;
   visibility: hidden;
   display: none;
}
#wb_Text7
{
   margin: 0;
   padding: 0;
}
#BuildWith1
{
   left: 441px;
   top: 967px;
   width: 88px;
   height: 31px;
   visibility: hidden;
   display: none;
}
#wb_Text2
{
   left: 519px;
   top: 87px;
   width: 547px;
   height: 15px;
   visibility: visible;
   display: inline;
}
#wb_Text2
{
   margin: 0;
   padding: 0;
}
#wb_Text3
{
   left: 238px;
   top: 87px;
   width: 548px;
   height: 167px;
   visibility: visible;
   display: inline;
}
#wb_Text3
{
   margin: 0;
   padding: 0;
}
#Cooperative
{
   width: 1024px;
   height: 361px;
   visibility: visible;
   display: block;
   margin: 0;
}
#Cooperative
{
   margin: 0;
}
#Cooperative_Container
{
   width: 1024px;
}
#Cooperative
{
    width: 100%;
    height: 100%;
}
#Services
{
   width: 1024px;
   height: 399px;
   visibility: visible;
   display: block;
   margin: 0;
}
#Services
{
   margin: 0;
}
#Services_Container
{
   width: 1024px;
}
#Services
{
    width: 100%;
    height: 100%;
}
#wb_Text4
{
   left: 375px;
   top: 0px;
   width: 275px;
   height: 59px;
   visibility: visible;
   display: inline;
}
#wb_Text4
{
   margin: 0;
   padding: 0;
}
#Joindre
{
   width: 1024px;
   height: 1074px;
   visibility: visible;
   display: block;
   margin: 0;
   background-color: transparent;
   background-image: url('../images/accueil_Joindre_bkgrnd1024.png');
   background-repeat: repeat;
   background-position: left top;
}
#Joindre
{
   margin: 0;
}
#Joindre_Container
{
   width: 1024px;
}
#Joindre
{
    width: 100%;
    height: 1074px;
}
#wb_Text13
{
   left: 346px;
   top: 21px;
   width: 333px;
   height: 60px;
   visibility: visible;
   display: inline;
}
#wb_Text13
{
   margin: 0;
   padding: 0;
}
#wb_Text14
{
   left: 14px;
   top: 126px;
   width: 429px;
   height: 72px;
   visibility: visible;
   display: inline;
}
#wb_Text14
{
   margin: 0;
   padding: 0;
}
#wb_Text15
{
   left: 14px;
   top: 259px;
   width: 429px;
   height: 72px;
   visibility: visible;
   display: inline;
}
#wb_Text15
{
   margin: 0;
   padding: 0;
}
#wb_Image11
{
   left: 596px;
   top: 126px;
   width: 409px;
   height: 261px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Form1
{
   left: 317px;
   top: 660px;
   width: 407px;
   height: 383px;
   visibility: visible;
   display: inline;
   font-size: 8px;
   font-family: Arial;
   font-style: normal;
   text-decoration: none;
}
#Label1
{
   left: 18px;
   top: 15px;
   width: 70px;
   height: 19px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   background-color: #FFFFFF;
   background-image: none;
}
#Label1
{
   line-height: 19px;
}
#Editbox1
{
   left: 105px;
   top: 15px;
   width: 281px;
   height: 16px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   background-color: #FFFFFF;
   background-image: none;
}
#Editbox1
{
   line-height: 16px;
}
#Label2
{
   left: 18px;
   top: 46px;
   width: 70px;
   height: 19px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   background-color: #FFFFFF;
   background-image: none;
}
#Label2
{
   line-height: 19px;
}
#Editbox2
{
   left: 105px;
   top: 46px;
   width: 281px;
   height: 16px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   background-color: #FFFFFF;
   background-image: none;
}
#Editbox2
{
   line-height: 16px;
}
#Label3
{
   left: 18px;
   top: 78px;
   width: 70px;
   height: 19px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
}
#Label3
{
   line-height: 19px;
}
#TextArea1
{
   left: 106px;
   top: 88px;
   width: 279px;
   height: 249px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
}
#Button5
{
   left: 105px;
   top: 354px;
   width: 161px;
   height: 27px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#wb_Line2
{
   left: 723px;
   top: 55px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   left: 93px;
   top: 20px;
   width: 306px;
   height: 42px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   margin: 0;
   padding: 0;
}
#wb_Image1
{
   left: 4px;
   top: 13px;
   width: 76px;
   height: 56px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Text8
{
   left: 368px;
   top: 318px;
   width: 289px;
   height: 95px;
   visibility: visible;
   display: inline;
}
#wb_Text8
{
   margin: 0;
   padding: 0;
}
#wb_ClipArt1
{
   left: 70px;
   top: 97px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_ClipArt2
{
   left: 455px;
   top: 97px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Text5
{
   left: 31px;
   top: 246px;
   width: 238px;
   height: 36px;
   visibility: visible;
   display: inline;
}
#wb_Text5
{
   margin: 0;
   padding: 0;
}
#wb_Text6
{
   left: 406px;
   top: 246px;
   width: 238px;
   height: 36px;
   visibility: visible;
   display: inline;
}
#wb_Text6
{
   margin: 0;
   padding: 0;
}
#wb_Text11
{
   left: 596px;
   top: 403px;
   width: 401px;
   height: 77px;
   visibility: visible;
   display: inline;
}
#wb_Text11
{
   margin: 0;
   padding: 0;
}
#wb_Text9
{
   left: 14px;
   top: 392px;
   width: 429px;
   height: 203px;
   visibility: visible;
   display: inline;
}
#wb_Text9
{
   margin: 0;
   padding: 0;
}
#wb_Image9
{
   left: 57px;
   top: 148px;
   width: 36px;
   height: 36px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image10
{
   left: 28px;
   top: 282px;
   width: 37px;
   height: 37px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_ClipArt3
{
   left: 50px;
   top: 465px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Image3
{
   left: 326px;
   top: 137px;
   width: 373px;
   height: 167px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_ResponsiveMenu2
{
   left: 384px;
   top: 117px;
   width: 620px;
   height: 42px;
   visibility: visible;
   display: inline;
   margin: 0;
   text-align: left;
}
#wb_Line1
{
   left: 279px;
   top: 55px;
   visibility: visible;
   display: inline;
}
#wb_ClipArt5
{
   left: 839px;
   top: 97px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Text12
{
   left: 779px;
   top: 246px;
   width: 238px;
   height: 36px;
   visibility: visible;
   display: inline;
}
#wb_Text12
{
   margin: 0;
   padding: 0;
}
#Layer1
{
   width: 1024px;
   height: 88px;
   visibility: visible;
   display: block;
   margin: 0;
}
#Layer1
{
   margin: 0;
}
#Layer1_Container
{
   width: 1024px;
}
#Layer1
{
    width: 100%;
    height: 100%;
}
#wb_Text20
{
   left: 297px;
   top: 7px;
   width: 454px;
   height: 15px;
   visibility: visible;
   display: inline;
}
#wb_Text20
{
   margin: 0;
   padding: 0;
}
}
@media only screen and (max-width: 1023px)
{
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#Entete_menu
{
   top: 0px;
   height: 135px;
   visibility: visible;
}
#Entete_menu_Container
{
   width: 320px;
}
#wb_Text7
{
   left: 8px;
   top: 748px;
   width: 296px;
   height: 203px;
   visibility: visible;
   display: inline;
}
#wb_Text7
{
   margin: 0;
   padding: 0;
}
#BuildWith1
{
   left: 118px;
   top: 3760px;
   width: 88px;
   height: 31px;
   visibility: hidden;
   display: none;
}
#wb_Text2
{
   left: 10px;
   top: 43px;
   width: 547px;
   height: 15px;
   visibility: visible;
   display: inline;
}
#wb_Text2
{
   margin: 0;
   padding: 0;
}
#wb_Text3
{
   left: 17px;
   top: 87px;
   width: 291px;
   height: 358px;
   visibility: visible;
   display: inline;
}
#wb_Text3
{
   margin: 0;
   padding: 0;
}
#Cooperative
{
   width: 320px;
   height: 489px;
   visibility: visible;
   display: block;
   margin: 0;
}
#Cooperative
{
   margin: 0;
}
#Cooperative_Container
{
   width: 320px;
}
#Cooperative
{
    width: 100%;
    height: 100%;
}
#Services
{
   width: 320px;
   height: 1016px;
   visibility: visible;
   display: block;
   margin: 0;
}
#Services
{
   margin: 0;
}
#Services_Container
{
   width: 320px;
}
#Services
{
    width: 100%;
    height: 1016px;
}
#wb_Text4
{
   left: 20px;
   top: 91px;
   width: 280px;
   height: 59px;
   visibility: visible;
   display: inline;
}
#wb_Text4
{
   margin: 0;
   padding: 0;
}
#Joindre
{
   width: 320px;
   height: 1544px;
   visibility: visible;
   display: block;
   margin: 0;
   background-color: transparent;
   background-image: url('../images/accueil_Joindre_bkgrnd480.png');
   background-repeat: repeat;
   background-position: left top;
}
#Joindre
{
   margin: 0;
}
#Joindre_Container
{
   width: 320px;
}
#Joindre
{
    width: 100%;
    height: 1544px;
}
#wb_Text13
{
   left: 5px;
   top: 0px;
   width: 311px;
   height: 60px;
   visibility: visible;
   display: inline;
}
#wb_Text13
{
   margin: 0;
   padding: 0;
}
#wb_Text14
{
   left: 8px;
   top: 72px;
   width: 300px;
   height: 72px;
   visibility: visible;
   display: inline;
}
#wb_Text14
{
   margin: 0;
   padding: 0;
}
#wb_Text15
{
   left: 8px;
   top: 168px;
   width: 300px;
   height: 95px;
   visibility: visible;
   display: inline;
}
#wb_Text15
{
   margin: 0;
   padding: 0;
}
#wb_Image11
{
   left: 11px;
   top: 418px;
   width: 298px;
   height: 189px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Form1
{
   left: 0px;
   top: 1034px;
   width: 312px;
   height: 385px;
   visibility: visible;
   display: inline;
   font-size: 13px;
   font-family: Arial;
   font-style: normal;
   text-decoration: none;
}
#Label1
{
   left: 10px;
   top: 15px;
   width: 70px;
   height: 19px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   background-color: #FFFFFF;
   background-image: none;
}
#Label1
{
   line-height: 19px;
}
#Editbox1
{
   left: 10px;
   top: 42px;
   width: 281px;
   height: 16px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   background-color: #FFFFFF;
   background-image: none;
}
#Editbox1
{
   line-height: 16px;
}
#Label2
{
   left: 10px;
   top: 86px;
   width: 70px;
   height: 19px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   background-color: #FFFFFF;
   background-image: none;
}
#Label2
{
   line-height: 19px;
}
#Editbox2
{
   left: 10px;
   top: 113px;
   width: 281px;
   height: 16px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   background-color: #FFFFFF;
   background-image: none;
}
#Editbox2
{
   line-height: 16px;
}
#Label3
{
   left: 14px;
   top: 164px;
   width: 70px;
   height: 19px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
}
#Label3
{
   line-height: 19px;
}
#TextArea1
{
   left: 14px;
   top: 193px;
   width: 279px;
   height: 147px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
}
#Button5
{
   left: 103px;
   top: 358px;
   width: 96px;
   height: 25px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#wb_Line2
{
   left: 661px;
   top: -4px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   left: 12px;
   top: 10px;
   width: 297px;
   height: 42px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   margin: 0;
   padding: 0;
}
#wb_Image1
{
   left: 12px;
   top: 84px;
   width: 59px;
   height: 42px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Text8
{
   left: 12px;
   top: 153px;
   width: 297px;
   height: 95px;
   visibility: visible;
   display: inline;
}
#wb_Text8
{
   margin: 0;
   padding: 0;
}
#wb_ClipArt1
{
   left: 97px;
   top: 210px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_ClipArt2
{
   left: 107px;
   top: 488px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Text5
{
   left: 58px;
   top: 336px;
   width: 238px;
   height: 36px;
   visibility: visible;
   display: inline;
}
#wb_Text5
{
   margin: 0;
   padding: 0;
}
#wb_Text6
{
   left: 58px;
   top: 621px;
   width: 238px;
   height: 36px;
   visibility: visible;
   display: inline;
}
#wb_Text6
{
   margin: 0;
   padding: 0;
}
#wb_Text11
{
   left: 2px;
   top: 617px;
   width: 308px;
   height: 77px;
   visibility: visible;
   display: inline;
}
#wb_Text11
{
   margin: 0;
   padding: 0;
}
#wb_Text9
{
   left: 365px;
   top: 705px;
   width: 307px;
   height: 334px;
   visibility: hidden;
   display: none;
}
#wb_Text9
{
   margin: 0;
   padding: 0;
}
#wb_Image9
{
   left: 19px;
   top: 94px;
   width: 36px;
   height: 36px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image10
{
   left: 19px;
   top: 182px;
   width: 40px;
   height: 40px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_ClipArt3
{
   left: 17px;
   top: 823px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Image3
{
   left: 53px;
   top: 263px;
   width: 215px;
   height: 97px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_ResponsiveMenu2
{
   left: 198px;
   top: 84px;
   width: 106px;
   height: 42px;
   visibility: visible;
   display: inline;
   margin: 0;
   text-align: left;
}
#wb_Line1
{
   left: 661px;
   top: -4px;
   visibility: visible;
   display: inline;
}
#wb_ClipArt5
{
   left: 125px;
   top: 775px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Text12
{
   left: 64px;
   top: 928px;
   width: 238px;
   height: 36px;
   visibility: visible;
   display: inline;
}
#wb_Text12
{
   margin: 0;
   padding: 0;
}
#Layer1
{
   width: 320px;
   height: 150px;
   visibility: visible;
   display: block;
   margin: 0;
}
#Layer1
{
   margin: 0;
}
#Layer1_Container
{
   width: 320px;
}
#Layer1
{
    width: 100%;
    height: 100%;
}
#wb_Text20
{
   left: 13px;
   top: 18px;
   width: 293px;
   height: 15px;
   visibility: visible;
   display: inline;
}
#wb_Text20
{
   margin: 0;
   padding: 0;
}
}