/* CSS document */
* {
    margin: 0;
    padding: 0;
    font-family: "Roboto",sans-serif;
    color: #262626;
    font-size: 14px;
    line-height: 22px;
    text-align: left;    
}

body {
    background: white;
    text-align: center;
    padding-top: 94px !important;
    overflow-x:hidden;
}

/*#body {
    margin-top: 95px;
}*/

div#main { margin: 0 !important; }

.modaling-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
}

.modaling-backdrop.fade {
    opacity: 0;
}

.modaling-backdrop,
.modaling-backdrop.fade.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.modaling {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1050;
    width: 438px;
    margin: -250px 0 0 -280px;
    overflow: auto;
    background-color: #eee;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#eaeaea' ); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#eaeaea) ); /* for webkit browsers */
    background: -moz-linear-gradient(top, #fcfcfc, #eaeaea);
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

.modaling.fade {
    top: -25%;
    -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
    -o-transition: opacity 0.3s linear, top 0.3s ease-out;
    transition: opacity 0.3s linear, top 0.3s ease-out;
}

.modaling.fade.in {
    top: 50%;
}

.modaling-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}

div.wrapper {
    width: 970px;
    margin: 0 auto;
    text-align: left;
    _width: 980px;
}

b, h1, h2, h3, h4, h5, h6, strong, .bold {
    font-weight: bold;
}

strong {
    font-size: inherit;
}

.normal {
    font-weight: normal;
}

.hand {
    font-family: 'Hand','Trebuchet MS', "Gill Sans",sans-serif;
}


h1 {
    text-align: left;
    font-size: 26px;
    line-height: 33px;
    width: 100%;
    color: #0068b1;
}

h2 {
    text-align: left;
    font-size: 22px;
    color: #0068b1;
    font-weight: 500;
}

h3 {
    text-align: left;
    font-size: 18px;
    color: #0068b1;
    font-weight: 500;
}

img {
    border: 0;
}

a,
a span, 
a img {
    cursor: pointer;
}

a,
a:visited,
a:active,
a:link {
    color: #0068b1;
    text-decoration: underline;
    outline: none;
}

a:hover { 
    text-decoration: none;  
    outline: none;
}

a.none,
a.none:visited,
a.none:active,
a.none:link {
    text-decoration: none;
    outline: none;
    color : black;
}

a.none:hover,
a.none:hover * {
    color : #0068b1;
}

a span.readIt,
a:visited span.readIt,
a:active span.readIt,
a:link span.readIt {
    background: url('../../images/bars/general/more_arrow.gif') no-repeat 0 0;
    padding-left : 10px;
}

a:hover span.readIt {
    background: url('../../images/bars/general/more_arrow.gif') no-repeat 0 -16px;
}

a.btn-resilier,
a.btn-resilier:visited,
a.btn-resilier:active,
a.btn-resilier:link {
    display : block;
    width : 482px;
    height : 55px;
    background : transparent url('../../images/eligibility/btn-resilier.png') no-repeat 0 0;
}

a.btn-resilier:hover {
    background-position : 0 100%;
}

a.btn-ouvrir,
a.btn-ouvrir:visited,
a.btn-ouvrir:active,
a.btn-ouvrir:link {
    display : block;
    width : 230px;
    height : 40px;
    background : transparent url('../../images/adsl/btn-ouvrir.png') no-repeat 0 100%;
}

a.btn-ouvrir:hover {
    background-position : 0 0;
}

a.btn-installateur,
a.btn-installateur:visited,
a.btn-installateur:active,
a.btn-installateur:link {
    display : block;
    width : 230px;
    height : 57px;
    background : transparent url('../../images/main/btn-installateur.png') no-repeat 0 100%;
}

a.btn-installateur:hover {
    background-position : 0 0;
}

a.btn-temoignage,
a.btn-temoignage:visited,
a.btn-temoignage:active,
a.btn-temoignage:link {
    display : block;
    width : 230px;
    height : 51px;
}

a.btn-temoignage {
    background : transparent url('../../images/main/btn-temoignage.png') no-repeat 0 100%;
}

a.btn-temoignage:hover,
a.btn-temoignage.selected {
    background-position : 0 0;
}

hr {
    height: 1px;
    width: 90%;
    margin: 0 auto;
    font-size: 0px;
    line-height: 0px;
    
    background: transparent;
    color: transparent;
    
    border: 0;
    border-top: 1px solid #999;
    border-bottom: 1px solid #fff;
}

.right_vhr {
    background: transparent url(/images/main/icons/vertical_right_hr.gif) no-repeat 0 50%;
}   


.icon,
.color_icon,
* .icon
*:visited .icon,
*:active .icon,
*:link .icon {
    display: block;
    height: 48px;
    width: 48px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 50% 0%;
}

.support { background-image: url(/images/main/icons/support.gif);}
.emails { background-image: url(/images/main/icons/email.gif); }
.emails2 { background-image: url(/images/main/icons/2email.gif); }
.emails5 { background-image: url(/images/main/icons/5email.gif); }
.no_box { background-image: url(/images/main/icons/no_box.gif);  }
.sdsl { background-image: url(/images/main/icons/sdsl.gif);  }
.modem { background-image: url(/images/main/icons/modem.gif);  }
.mdetails { background-image: url(/images/main/icons/modem_details.gif);  }
.media { background-image: url(/images/main/icons/media.gif);  }
.nas { background-image: url(/images/main/icons/nas.gif);    }
.tel { background-image: url(/images/main/icons/tel.gif);    }
.tel2 { background-image: url(/images/main/icons/2tel.gif);    }

.pnl:hover .icon,
a:hover .icon,
.icon:hover,
.selected,
.selected .icon,
.color_icon {
    background-position: 50% 100%;
} 

ul li  {
    padding: 0 0 0 20px;
    list-style: none;
    background: transparent url('/images/main/li.gif') no-repeat 8px 0; 
}

ul.greenCheck li {
    padding: 0 0 20px 30px;
    list-style: none;
    background: transparent url('/images/emails/hosted_exchange/general/valid_yes.gif') no-repeat 8px 0; 
}

ul.none li {
    padding: 0;
    list-style: none;
    background: none;
}

ul.alist
{
    list-style: none;
    margin-left: 15px;
    padding-left: 0px;
    margin-top: 5px;
    background: transparent;
}

ul.alist  li a,
ul.alist  li a:visited
{
    list-style-image: none;
    text-decoration: none;
    color: #3c3c3c;
    margin-left:  0px;
    padding-left: 0px;
    font-size: 14px;
    /*height: 15px;*/
    line-height: 15px;
}

ul.alist  li
{
    background: transparent url('../themes/default/images/select_li.gif') no-repeat 0% 8px;
    font-size: 14px;
    margin: 0;
    padding: 0 0 0 10px;
    margin-left: 0px;
    list-style-image: none;
    color: #3c3c3c;
    text-decoration: none;
}

ul.alist  li:hover {
    background: transparent url('../themes/default/images/select_li_hover_blue.gif') no-repeat 0px 8px;
}

ul.alist  li  a:hover,
ul.alist  li  a.selected,
ul.alist  li  a:hover  strong {
    color: #0068b1;
}

/*

 Structural styles

*/


table,
table  tr, 
table  tr  td,
table  tr  th {
    border: none;
    text-align: left;
    margin: 0; 
    padding: 0;
}

table  tr  th {
    font-weight: 500;
}

table.marged  tr  td,
table.marged  tr  th {
    margin: 4px;
}

table.padded  tr  td,
table.padded  tr  th {
    padding: 4px;
}


table.bordered,
table.bordered  tr  td, 
table.bordered  tr  th {
    border: 1px solid #aaa;
    border-collapse: collapse;
}

table.bordered {
    width: 100%;
}


table.bordered  tr  td { 
    font-weight: normal; 
    text-align: center;
}


table.bordered  tr  th {
    text-align: left;
    color: #666;
}

table.bordered  tr:nth-child(2n),
table.alternate  tr:nth-child(2n),
td.light, 
tr.light {
    background: #f8f8f8;
}

table.bordered  thead  tr {
    background: #fff;
}
table.bordered  thead  tr  td,
table.bordered  thead  tr  th {
    
    font-weight: bold;
    font-size: 16px;
    color: #0068b1;
    padding: 12px 6px;
   
    border-color: #fff;
    border-bottom: 1px solid #aaa;
}


/* cols structure  
    TODO : remove this col structure 
    to make it all x1234567
*/


.x2 table  tr  td,
.x2 table  tr  th,
.x2 table  tr  td  *,
.x2 table  tr  th  * {
    line-height: 16px;    
}
.x2 table  tr  td  .small *,
.x2 table  tr  th  .small *, 
.x2 table  tr  td  .small,
.x2 table  tr  th  .small {
    line-height: 12px;    
    _line-height: 16px;
    *line-height: 16px;
}

/*
.col2, .col4 { display: block; float: left; }

.col2 {
    width: 470px;
    margin: 0 15px 0 0;
    _margin: 0 5px 0 0;
}

.col4 {
    width: 230px;
    margin: 0 15px 0 0;
    _margin: 0 5px 0 0;
}


*/

.pnl  h2,
.pnl > a,
.pnl  h1 {
    background: transparent url(/images/main/pnl_top.jpg) no-repeat 0 0;

    border: 0;    
    text-align: center;
}

.pnl  h2 {
    font-weight: bold;
}

.pnl > a span {
    font-weight: bold;
}

.pnl > a span,
.pnl > a:link span,
.pnl > a:active span,
.pnl > a:visited span,
.pnl > a h2,
.pnl > a:link h2,
.pnl > a:active h2,
.pnl > a:visited h2,
.pnl  h2  span, 
.pnl  h2  a, 
.pnl  h2  a:link,
.pnl  h2  a:active,
.pnl  h2  a:visited,
.pnl  h1  span, 
.pnl  h1  a, 
.pnl  h1  a:link,
.pnl  h1  a:active,
.pnl  h1  a:visited {
    display: block;
    margin: 0 0 0 20px;
    padding: 10px 20px 0 0 ;
    
    text-align: center;
    line-height: 32px;
    font-size: 22px;
    text-decoration: none;


    color: #262626;
    background: transparent url(/images/main/pnl_top.jpg) no-repeat 100% 0;
}

.pnl  h2  span.sblue,
.pnl  h1  span.sblue {
    font-size: 16px;
    line-height: 22px;
    color: #0068b1;
}

.pnl > a:hover span,
.pnl > a:hover h2,
.pnl  h2  a:hover,
.pnl  h1  a:hover {
    color: #0068b1;
}

.pnl  h2.y2  a,
.pnl  h1.y2  a {
    height: 64px;  
    line-height: 54px;
}


.pnl  .colContent {
    background: white  url(/images/main/pnl_sep.jpg) repeat-x 50% 0;
    
    border: 0;
    border-left: 2px solid #aaa;
    border-right: 2px solid #aaa;
}

.pnl  .scolBottom,
.pnl  .colBottom {
    float: right;
    height : 39px;
    width : 100%;

    background: transparent url(/images/main/pnl_bottom.jpg) no-repeat 0 0;
    border: 0;

}


.pnl  .scolBottom  p,
.pnl  .colBottom  p {
    margin : 0 0 0 20px;
    padding : 10px 20px 0 7px;
    height : 39px;

    background: transparent url(/images/main/pnl_bottom.jpg) no-repeat 100% 0;
}

.pnl  .colBottom  div.pull {
    float: left;
    width: 100%;
    margin-top: -8px;
}

.pnl  .scolBottom {
    height: 20px;
    background: transparent url(/images/main/sColBottom.jpg) no-repeat 0 0;
}
.pnl  .scolBottom  p {
    height: 20px;
    padding : 0px 20px 0 5px;
    background: transparent url(/images/main/sColBottom.jpg) no-repeat 100% 0;
}


.pnl  .dyingCols {
    border: 0;
    background: transparent url(/images/main/dyingCols.jpg) no-repeat left bottom; 
}

.pnl  .dyingCols  .dyingCols {
    border: 0;    
    background: transparent url(/images/main/dyingCols.jpg) no-repeat right bottom; 
}

.pnl  .dyingCols  .dShadow {
    display: block;
    margin: 0 2px;
    background: transparent url(/images/main/pnl_sep.jpg) repeat-x 50% 0;
}


a.blue_pnl {
    display : block;
    text-decoration : none;
}

a.blue_pnl h3 {
    margin-right : -2px;
}


a.blue_pnl h3 span,
a.blue_pnl:visited h1 span,
a.blue_pnl:active h1 span,
a.blue_pnl:link h1 span {
    font-size : 22px;
    font-weight : normal;
    padding-left : 10px;
    line-height : 34px;
    color : #063c68;
    text-shadow: 0px 1px 1px #fff;
}

a.blue_pnl .colContent {

    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 14%, #f4f4f4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(14%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 14%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 14%,#f4f4f4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 14%,#f4f4f4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 14%,#f4f4f4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */

    border : 1px solid #eaeaea;
    -webkit-border-radius: 3px 3px 0px 0px;
        border-radius: 3px 3px 0px 0px;
}

a.blue_pnl .colContent .bgAdslContent,
a.blue_pnl .colContent .bgTelecomContent,
a.blue_pnl .colContent .bgMailContent,
a.blue_pnl .colContent .bgSMSContent,
a.blue_pnl .colContent .bgHubicContent,
a.blue_pnl .colContent .bgSiteWebContent,
a.blue_pnl .colContent .bgSDSLContent {
    height : 178px;
    background-repeat : no-repeat;
}

a.blue_pnl .colContent .bgAdslContent,
a.blue_pnl .colContent .bgTelecomContent,
a.blue_pnl .colContent .bgHubicContent {
    background-position : right center;
}

a.blue_pnl .colContent .bgMailContent,
a.blue_pnl .colContent .bgSMSContent,
a.blue_pnl .colContent .bgSiteWebContent {
    background-position : right bottom;
}


a.blue_pnl .colContent .bgAdslContent {
    background-image : url('../images/index/pads/adsl2.png');
}

a.blue_pnl .colContent .bgTelecomContent {
    background-image : url('../images/index/pads/tel.png');
}

a.blue_pnl .colContent .bgMailContent {
    background-image : url('../images/index/pads/mail.png');
}

a.blue_pnl .colContent .bgSMSContent {
    background-image : url('../images/index/pads/sms.png');
}

a.blue_pnl .colContent .bgHubicContent {
    background-image : url('../images/index/pads/hubic.png');
}

a.blue_pnl .colContent .bgSiteWebContent {
    background-image : url('../images/index/pads/sitebuilder.png');
}

a.blue_pnl .colContent .bgSDSLContent {
    background-image : url('../images/index/pads/sdsl.png');
    background-position : right top;
}

a.blue_pnl:hover .colContent {
    ackground: #dbdbdb; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 14%, #dbdbdb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(14%,#ffffff), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 14%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 14%,#dbdbdb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 14%,#dbdbdb 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 14%,#dbdbdb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */

}

a.blue_pnl .colBottom {
    background : #fff;
    height : 33px;
    border-left : 1px solid #eaeaea;
    border-right : 1px solid #eaeaea;
}

a.blue_pnl .colBottom div.more {
    background : transparent url('../images/index/more.png') no-repeat 0 0;
    width : 33px;
    height : 33px;
    float : right;
}

a.blue_pnl:hover .colBottom div.more {
    background-position : 0 100%;
}


a.blue_pnl .colBottom span {
    line-height : 33px;
    margin-right : 34px;
    display : block;
    text-align : right;
}

a.blue_pnl .colBottom div.filet {
    background : #fff;
    height : 5px;
    margin-top : -5px;
}

a.blue_pnl:hover .colBottom div.filet {
    background : #0073a4;
}

a.blue_pnl .colContent p,
a.blue_pnl .colContent p span,
.grey_pnl h4 {
    color : #4e4c4d;
    font-size : 20px;
    line-height : 22px;
}

a.grey_pnl {
    display : block;
    text-decoration : none;
}

a.grey_pnl:hover {
    border : 1px solid #425d64;
}

.grey_pnl,
a.grey_pnl {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border : 1px solid #d9d9d9;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e2e2e2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e2e2e2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
}

.effect2 {
    position: relative;
}

.effect2:before, .effect2:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width:300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.effect2:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}

.bannerTest {
    position : relative;
    width : 965px;
    height : 63px;
    background: #0f5c88; /* Old browsers */
    background: -moz-linear-gradient(top,  #0f8ba9 0%, #0590ac 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f8ba9), color-stop(100%,#0590ac)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0f8ba9 0%,#0590ac 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0f8ba9 0%,#0590ac 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0f8ba9 0%,#0590ac 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #0f8ba9 0%,#0590ac 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f8ba9', endColorstr='#0590ac',GradientType=0 ); /* IE6-9 */
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.bannerTest a.testButton {
    display : block;
    width : 120px;
    height : 31px;
    text-align : center;
    border : 1px solid #053865;
    text-decoration : none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #2185d1; /* Old browsers */
    background: -moz-linear-gradient(top,  #2185d1 0%, #2868bf 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2185d1), color-stop(100%,#2868bf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2185d1 0%,#2868bf 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2185d1 0%,#2868bf 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2185d1 0%,#2868bf 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #2185d1 0%,#2868bf 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2185d1', endColorstr='#2868bf',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow:  inset 0px 0px 3px 3px rgba(5,56,101,0.4);
    box-shadow: inset 0px 0px 3px 3px rgba(5,56,101,0.4);
    text-shadow : 0px 1px 1px #053865;
    filter: dropshadow(color=#053865, offx=0, offy=1);
}

.bannerTest a.testButton:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bannerTest a.testButton span {
    color : white;
    font-size : 18px;
    font-weight : bold;
    line-height : 30px;
}

.price,
.price  span {
    vertical-align: bottom;
    text-align: center;
    font-weight: bold;
    font-family: 'Eau','Arial Black','Verdana', sans-serif;
}

.price  .eur {
    font-size: 32px;
    color: #d40000;
    line-height: 32px;
}

.price  .cts {
    font-size: 26px;
    color: #d40000;
    line-height: 26px;
}

.price  .cur {
    font-size: 16px;
    color: #d40000;
    line-height: 16px;
    vertical-align: top;
    margin-left: 5px;
}

.price  .cur.nm {
    margin: 0 5px 0 0 ;
}   

.price  .tad {
    font-size: 12px;
    text-align: right;
    line-height: 12px;
    vertical-align: bottom;
    margin-left: -10px;
    color: #666;
}

.price  .tad.nm {
    margin: 0;
}

.sprice  .tad,
.sprice  .ttc,
.price  .ttc,
.sprice  .ttc span,
.price  .ttc span {

    font-size: 10px;
    text-align: right;
    line-height: 12px;
    _line-height: 22px;
    *line-height: 22px;
    vertical-align: bottom;
    color: #666;
}

.price  .ttc, 
.sprice  .ttc {
    display: block;
    text-align: inherit;
}

.price  .blue { color: #0068b1; } /* Sometimes the price class displays phone numbers*/

.sprice, 
.sprice  span {
    font-weight: bold;
    font-family: 'Eau','Arial Black','Verdana', sans-serif;
    color: #d40000;
    line-height: 16px;
}

.sprice  .grey,
.price  .grey { color: #666; }

.white  .price  *,
.white  .price   *  span,
.white  .sprice  *,
.white  .sprice  * span,
.price  .white,
.sprice  .white { color: white; }


/*
 *
 * Styles à ajouter 
 *
*/

/* 
 *
 * Over tooltip used for eligibility test and order pads in adsl pages
 *
 */

    .over_tooltip {
        /*display: block;
        position: absolute;
        top: 0;
        left: 110%;
        width: 600px;*/
        background: transparent;
        padding: 5px 10px 10px 10px; 
        /*border: 11px solid #e2e2e2;*/
    }


/*

    Sliders pour telephonie, sip trunk

*/

#slider {
    height : 34px;
    padding: 0;
    cursor: pointer;
    background: url('/images/main/slider_rail.jpg') no-repeat 50% 8px ;
}

#slider  #knob {
    width : 53px;
    height : 34px;
    background: url('/images/main/knob.gif') no-repeat 0px 0;

    text-align: center;
    color: white;
    padding: 6px 0 0 0;
    margin: -4px 0 0 0;
    
    font-weight: bold;

}


/*

    Features menu : menus pour les options type téléphonie, 
    adsl....

*/


.featuresMenu {
    
}

.featuresMenu  h3 {
    padding: 5px;
    border: 0;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    text-indent: 32px;
    background: #f6f6f6 url(/images/main/accordion.gif) no-repeat 0 0;
}

.featuresMenu  h3:hover,
.featuresMenu  h3.selected {
    background: #f6f6f6 url(/images/main/accordion.gif) no-repeat 0 100%;
}

.featuresSubMenu  a, 
.featuresSubMenu  a:link,
.featuresSubMenu  a:visited,
.featuresSubMenu  a:active,
.featuresSubMenu  a:hover {
    padding: 3px;
    color: #3c3c3c;
    text-decoration: none;
    display : block;
    float : right;
    clear : both;
}

.featuresSubMenu  a:hover, 
.featuresSubMenu  a.selected, 
.featuresSubMenu  a.selected:link, 
.featuresSubMenu  a.selected:active,
.featuresSubMenu  a.selected:visited, 
.featuresSubMenu  a.selected:hover {
    color: white;
    background: #0068b1;
}
/* 
    Main menu Box, the 2 main zones
    for main menus
*/

.mainBox {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
}

.toolBox {
    width: 970px;
    height: 65px;
    text-align: center;

}
.mainBox  ul  li {
    float: left;
    list-style: none;
    list-style-image: none;
    background: transparent;
    padding : 0;
    margin: 0;
}
.toolBox  ul  li  a, 
.toolBox  ul  li  a:link, 
.toolBox  ul  li  a:hover, 
.toolBox  ul  li  a:visited, 
.toolBox  ul  li  a:active {
    display: block;
    float: left;
    line-height: 33px;  
    height: 33px;
    color: #666;
    text-decoration: none;

    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.toolBox  ul  li  a:hover  span {
    color: black;
} 
.toolBox  ul  li  a:hover {
    background-position: 0 100%;
    color: black;
}
.toolBox  ul  li  a  span {
    font-size: 12px;
    color: #666;
    line-height: 33px;
}

.toolBox ul li.sep {
    line-height : 33px;
    margin : 0 10px;
    color : #666;
}

.toolBox  ul  li  a.manager { background-image: url(/images/main/manager.jpg); } 
.toolBox  ul  li  a.webmail { background-image: url(/images/main/webmail.jpg); } 
.toolBox  ul  li  a.support { background-image: url(/images/main/support.jpg); } 
.toolBox  ul  li  a.hubic { background-image: url(/images/main/h.png); } 
.toolBox  ul { margin: 25px 0 0 0; }


.menuBox {
    width: 100%;
    height: 50px;

    /*background: transparent url(/images/main/menuBox.jpg) repeat-x 0 0 ;*/
    background : #0a1b32;
}
.menuBox  a {
    height: 50px;
}
/*.menuBox  a.logo  img {
    margin: 0 0 0 20px;
}
.menuBox  ul {
    margin: 0 0 0 35px;
}*/
.menuBox  ul li {
    margin: 0 0 0 0;
    padding : 0 0 0 0;
    display: inline;
}

.menuBox ul  li  span.sep {
    background : transparent url(/images/main/sep2.png) no-repeat 0 0;
    width : 1px;
    height : 50px;
    display : block;
}

.menuBox  ul  li  a  span,
.menuBox  ul  li  a:link,
.menuBox  ul  li  a:hover,
.menuBox  ul  li  a:visited,
.menuBox  ul  li  a:active {
    display: block;
    float: left;
    height: 50px;
    line-height: 50px;
   
    font-size: 18px;
    font-weight: bold;

    text-decoration: none;
    color: #b8b8b8;
}

.menuBox  ul  li  a { padding: 0 0 0 17px; }
.menuBox  ul  li  a  span { padding: 0 17px 0 0; }

.menuBox  ul  li  a.selected  span,
.menuBox  ul  li  a.selected,
.menuBox  ul  li  a:hover, 
.menuBox  ul  li  a:hover  span {
    color: white;
}

.menuBox  ul   li  a.selected  span,
.menuBox  ul  li  a.selected {
    background: #102c51;
}

.menuBox  ul  li  a  span.tag_new {
    position : absolute;
    background : transparent url('/images/main/tags_new.png') no-repeat 0 0;
    display : block; 
    width : 51px;
    height : 28px;
    float : right;
    padding : 0;
    margin : 0 0 0 -24px;
}

/*
    Intégration SEO de Rémi
*/
.menuBox ul li a.menuBoxVdsl {
    background: transparent url('/images/main/menuBox-vdsl.png') no-repeat 0 0;
    width: 140px;
    padding: 0;
}
.menuBox ul li a.menuBoxVdsl span {
    padding: 0 0 0 17px;
}
.menuBox ul li a.menuBoxVdsl:hover {
    background-position: 0 50%;
}
.menuBox ul li a.menuBoxVdsl.selected {
    background-position: 0 100%;
}



/*
 *
 *  PRESSTOP NAVIGATION
 *
 */

div.press_top  h2,
div.press_top h3{
    font-size : 16px;
    font-weight : bold;
    color : #666;
}

div.press_top  h2  a,
div.press_top  h3  a,
div.press_top  h2  a,
div.press_top  h3  a,
div.press_top  h2  a:visited,
div.press_top  h3  a:visited,
div.press_top  h2  a:link,
div.press_top  h3  a:link,
div.press_top  h2  a:hover,
div.press_top  h3  a:hover,
div.press_top  h2  a:active,
div.press_top  h3  a:active {
    font-size : 16px;
    text-decoration : none;
    color : #666;
}

div.press_top  h2  a:hover,
div.press_top h3 a:hover {
    color: #0068b1;
}


/*
 
 Index panel

*/
.homePanel,
.panel {
    background: transparent url(/images/main/panelTex.jpg) repeat-x 0% 100%;
    margin-top: 115px;
}
.panel {
    height: 341px;
}


.subPanel {
    background: transparent url(/images/main/panelShadow.jpg) no-repeat 50% 0%;
}

#box { width: 4900px; }
#small_box { width: 500px; }

.smallPanelSlider,
.panelSlider {
    display: block;
    width: 970px;
    height: 275px;
    overflow: hidden;
    position: relative;
}
.smallPanelSlider {
    width: 192px;
    height: 100px;
}

.slider_items {
    display: block;
    position: relative;
    text-align: center;
}

.sliderEl {
    display: block; 
    width: 970px;
    /*height: 275px;*/
    float: left;
    position: relative;
}
#small_box  .sliderEl { width: 192px;}

.sliderEl  .tooltip {
    margin: 35px 0 0 349px;  
    height: 233px;
    width: 569px;
    position: absolute;
    z-index: 0;
    
    background: transparent url(/images/main/tooltip.jpg) no-repeat 0 0 ; 
}

.sliderEl  .tooltip  table { 
    position: relative;
    margin: 15px;
}

.sliderEl  .sliderContainerMenu {
    height: 280px;
    position: absolute;
    z-index: 2;
    left: 0;
}
 
.sliderEl  .sliderContainerMenu  a, 
.sliderEl  .sliderContainerMenu  a:visited,
.sliderEl  .sliderContainerMenu  a:active, 
.sliderEl  .sliderContainerMenu  a:hover {
    padding: 5px 30px 5px 5px;
    margin: 3px 0;
    color: #262626;
    text-decoration: none;
    font-weight: 500;
}
.sliderEl .sliderContainerMenu a:hover {
    color: #0068b1;
    text-decoration: none;
    font-weight: 500;
}
.sliderEl  .sliderContainerMenu  a.selected,
.sliderEl  .sliderContainerMenu  a.selected:link,
.sliderEl  .sliderContainerMenu  a.selected:visited,
.sliderEl  .sliderContainerMenu  a.selected:active,
.sliderEl  .sliderContainerMenu  a.selected:hover {
    padding: 5px 30px 5px 5px;
    margin: 3px 0;
    background: #0068b1 url(/images/main/tooltip_menu_select.jpg) no-repeat 100% 50%;
    text-decoration: none;
    font-weight: bold;
    color: white;
}


ul.panelMenu {
    padding: 0;
    margin: 0; 
    width: 100%;
    display: block;
    height: 55px;
}

ul.panelMenu  li {
    padding: 0; 
    margin: 0; 
    list-style: none;
    display: block;
    float: left; 
    width: 192px;

    background: transparent url(/images/main/icons/panelMenuPlus.gif) no-repeat 100% 50%;
}
ul.panelMenu  li.last {
    background: transparent;
}

ul.panelMenu  li  a  .icon {
    vertical-align: middle;
    float: left;
    margin:0 6px 0 35px;
    _margin:0 6px 0 15px;
}       

ul.panelMenu  li  a.moreMarge  .icon {      
    margin:0 6px 0 35px;
}

ul.panelMenu  li  a ,
ul.panelMenu  li  a:link ,
ul.panelMenu  li  a:visited ,
ul.panelMenu  li  a:active ,
ul.panelMenu  li  a:hover  {
    display: block;    
    padding-top: 10px;
 
    font-weight: 500;
    color: #3c3c3c;
    text-decoration: none;
    background-color: transparent;
}

ul.panelMenu  li  a  span {
    font-weight: 500;
    color: #3c3c3c;
    text-decoration: none;
}


ul.panelMenu  li  a.selected  {
    background: transparent url(/images/main/icons/top_hr.gif) no-repeat 50% 0;
}
ul.detailed_view  li  a.selected  {
    background: transparent url(/images/main/icons/bottom_hr.gif) no-repeat 50% 0;
}


.panelMenu  li  a:hover  span,
.panelMenu  li  a.selected  span {
    font-weight: bold;
    color: #262626;
    background: transparent;
}

/*.panelMenu li a.modem { background: red url(/images/main/icons/modem.gif) no-repeat 0 0; }*/

.subscribe {
    height: 172px;
    width: 383px;
    text-align: left;

    background: transparent url(/images/main/subscribe.jpg) no-repeat 0 0;
}


.subscribe  input {
    float: left;
    display: block;
    border: 0;
    margin-left: 10px;
    background: transparent url(/images/main/subscribeInput.gif) no-repeat 0 0 ;

    width: 163px;
    height: 35px;
    line-height: 35px;

    font-size: 18px;
    font-weight: bold;
    color: #0068b1;

    text-indent: 8px;

}

.subscribe  input.textarea {
    width : 342px;
    height : 105px;
    border : 1px solid red;
}

.subscribe  a.inputButton {
    float: left;
    display: block;
    background: transparent url(/images/main/subscribeInput.gif) no-repeat 100% 0 ;
   
    width: 37px;
    height: 35px;
    line-height: 35px;

    font-size: 18px;
    font-weight: bold;
    color: #666;
    text-decoration: none;

    margin:  0;
}

.subscribe  a.inputButton:hover {
    color: #0068b1;
}


/*
 
 Inherited style from index
 but slightly different

*/


.sub_menu {
    background: transparent url(/images/main/panelTex.jpg) repeat-x 0% 100%;
    /*margin-top: 115px;*/
}



/* 
 

 GWT themes from ovh.com
 

*/


.gwt_form {
    background: #3c3c3c;
}

.bgwt_input,
.bgwt_input_normal,
.gwt_input,
.gwt_input_normal {
    height: 32px;
    background-color: transparent; 
    background-image: url('/images/gwt/gwt_input.gif');
    background-repeat: no-repeat;
    background-position: top left ;
    padding: 0; 
    margin: 0;
}
.bgwt_input input,
.bgwt_input_normal input,
.gwt_input_normal  input,
.gwt_input  input {
    height: 32px;
    line-height: 32px;
    width: 100%;
    *width: 90%;
    *display: block;
    *float: right;

    padding:0 0 0 0;
    margin: 0;

    text-indent: 20px;
    
    font-size: 18px; 
    color: #0068b1;    

    border: 0;

    background-color: transparent; 
    background-image: url('/images/gwt/gwt_input.gif');
    background-repeat: no-repeat;
    background-position : 100% -32px ;
}
.bgwt_input,
.bgwt_input_normal,
.gwt_input_normal  input {
    font-size: 14px;
    color: #3c3c3c;
}

.bgwt_input,
.bgwt_input_normal,
.bgwt_input_normal input,
.bgwt_input input,
.blue_pad  .gwt_input,
.blue_pad  .gwt_input_normal,
.blue_pad  .gwt_input_normal input,
.blue_pad  .gwt_input input {
    background-image: url('/images/gwt/gwt_input_blue.gif');
}

.bgwt_button  a, 
.bgwt_button  a:link, 
.bgwt_button  a:visited, 
.bgwt_button  a:active,
.bgwt_button  a:hover, 
.gwt_button  a, 
.gwt_button  a:link, 
.gwt_button  a:visited, 
.gwt_button  a:active,
.gwt_button  a:hover, 
a.bgwt_button, 
a.bgwt_button:link, 
a.bgwt_button:visited, 
a.bgwt_button:active,
a.bgwt_button:hover,
a.gwt_button, 
a.gwt_button:link, 
a.gwt_button:visited, 
a.gwt_button:active,
a.gwt_button:hover {
    line-height: 32px;
    font-size: 18px;   

 
    border: 0px none transparent;

    background-color: transparent;
    background-image: url('/images/gwt/gwt_button.gif');
    background-repeat: no-repeat;
    background-position : 0 0 ; 

    padding: 5px 0 6px 15px; 
    padding: 6px 0 8px 15px \0/; /* ie9 */ 
    _padding: 0 0 0 15px; /* ie7 + ie6*/
    *padding: 0 0 0 15px; /* ie6 */
    
    margin: 0px 0px 0px 0px;
    cursor: pointer;
    text-decoration: none;
}
.bgwt_button  a  span, 
.bgwt_button  a:link  span, 
.bgwt_button  a:visited  span, 
.bgwt_button  a:active  span,
.bgwt_button  a:hover  span, 
.gwt_button  a  span, 
.gwt_button  a:link  span, 
.gwt_button  a:visited  span, 
.gwt_button  a:active  span,
.gwt_button  a:hover  span, 
a.bgwt_button span, 
a.bgwt_button:link  span, 
a.bgwt_button:visited  span, 
a.bgwt_button:active  span,
a.bgwt_button:hover  span,
a.gwt_button span, 
a.gwt_button:link  span, 
a.gwt_button:visited  span, 
a.gwt_button:active  span,
a.gwt_button:hover  span {

    line-height: 32px;

    border: 0;

    background-color: transparent;
    background-image: url('/images/gwt/gwt_button.gif');
    background-repeat: no-repeat;
    background-position : 100% 0 ; 
    
    font-size: 18px; 
    color: #0B4499;
    text-align: left;
 
    margin: 0 0 0 0;
    padding: 5px 15px 5px 0;
    padding: 6px 15px 8px 0 \0/; 
    _padding: 6px 15px 8px 0;
    *padding: 6px 15px 8px 0;
    cursor: pointer;
    
    
    text-decoration: none;
}
.gwt_button  a:hover, a.gwt_button:hover {  background-position : 0 -38px ; }
.gwt_button  a:hover  span, a.gwt_button:hover  span { color: #0068b1;  background-position : 100% -38px ; }


.bgwt_button  a,
.bgwt_button  a:link,
.bgwt_button  a:visited,
.bgwt_button  a:active,
.bgwt_button  a:hover,
.bgwt_button  a  span,
.bgwt_button  a:link  span,
.bgwt_button  a:visited  span,
.bgwt_button  a:active  span,
.bgwt_button  a:hover  span, 
a.bgwt_button,
a.bgwt_button:link,
a.bgwt_button:visited,
a.bgwt_button:active,
a.bgwt_button:hover,
a.bgwt_button  span,
a.bgwt_button:link  span,
a.bgwt_button:visited  span,
a.bgwt_button:active  span,
a.bgwt_button:hover  span,
.blue_pad  *  .gwt_button  a,
.blue_pad  *  .gwt_button  a:link,
.blue_pad  *  .gwt_button  a:visited,
.blue_pad  *  .gwt_button  a:active,
.blue_pad  *  .gwt_button  a:hover,
.blue_pad  *  .gwt_button  a  span,
.blue_pad  *  .gwt_button  a:link  span,
.blue_pad  *  .gwt_button  a:visited  span,
.blue_pad  *  .gwt_button  a:active  span,
.blue_pad  *  .gwt_button  a:hover  span 
.blue_pad  *  a.gwt_button,
.blue_pad  *  a.gwt_button:link,
.blue_pad  *  a.gwt_button:visited,
.blue_pad  *  a.gwt_button:active,
.blue_pad  *  a.gwt_button:hover,
.blue_pad  *  a.gwt_button  span,
.blue_pad  *  a.gwt_button:link  span,
.blue_pad  *  a.gwt_button:visited  span,
.blue_pad  *  a.gwt_button:active  span,
.blue_pad  *  a.gwt_button:hover  span
{
    background-image:  url('/images/gwt/gwt_button_blue.gif');
}




.gwt_feedback_widget {
    width: 278px;
    height: 100px; 

    border: 1px solid #808080;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    font-size: 14px; 

    background : transparent url('/images/gwt/gwt_input_bg.gif') no-repeat 0 0 ;
}

.gwt_feedback_success,
.gwt_feedback_error {
    width: 100%;
    font-size: 16px;
    line-height: 22px;
    color: #228822;
    text-align: left;
}
.gwt_feedback_error { color: #ff6d00; } 


ul.gwt_tabs {
    margin: 0; 
    padding: 0; 
    height: 32px;
    width: 100%;
    background:  transparent url('/images/gwt/gwt_tabs.gif') repeat-x 100% 100% ;
}

ul.gwt_tabs  li {
    margin: 0 ; 
    padding: 0; 
    list-style: none;
    display: inline;
}

ul.gwt_tabs  li  a,
ul.gwt_tabs  li  a:link,
ul.gwt_tabs  li  a:visited,
ul.gwt_tabs  li   a:active,
ul.gwt_tabs  li  a:hover {
    float: left;
    padding: 0 0 0 15px;
    display: block;
    color: #666;
    background:  transparent url('/images/gwt/gwt_tabs.gif') no-repeat 0% 50% ;

    text-decoration: none;
}


ul.gwt_tabs li a span,
ul.gwt_tabs li a:link span,
ul.gwt_tabs li a:visited span,
ul.gwt_tabs li a:active span,
ul.gwt_tabs li a:hover span {
    padding: 0 15px 0 0;
    display: block;
    float: left;
    color: #666;
    background:  transparent url('/images/gwt/gwt_tabs.gif') no-repeat 100% 50% ;
    text-decoration: none;
    font-size: 14px;
   
    line-height: 32px;
}

ul.gwt_tabs li a:hover span { color: #0068B1; }

ul.gwt_tabs li .selected a,
ul.gwt_tabs li .selected a:link,
ul.gwt_tabs li .selected a:visited,
ul.gwt_tabs li .selected a:active,
ul.gwt_tabs li .selected a:hover {  color: #0068b1; background:  transparent url('/images/gwt/gwt_tabs.gif') no-repeat 0% 0% ; }

ul.gwt_tabs li .selected a span,
ul.gwt_tabs li .selected a:link span,
ul.gwt_tabs li .selected a:visited span,
ul.gwt_tabs li .selected a:active span,
ul.gwt_tabs li .selected a:hover span {  color: #0068b1; background:  transparent url('/images/gwt/gwt_tabs.gif') no-repeat 100% 0% ; }


ul.auto { width: auto !important; }

ul.gwt_tabs li.blue a,
ul.gwt_tabs li.blue a:link,
ul.gwt_tabs li.blue a:visited,
ul.gwt_tabs li.blue a:active,
ul.gwt_tabs li.blue a:hover {
    float : left;
    padding : 0 0 0 15px;
    display : block;
    color : white;
    line-height : 31px;
    background : transparent url('/images/gwt/gwt_tabs_blue.gif') no-repeat 0% 0%;
}

ul.gwt_tabs li.blue a span,
ul.gwt_tabs li.blue a:link span,
ul.gwt_tabs li.blue a:visited span,
ul.gwt_tabs li.blue a:active span,
ul.gwt_tabs li.blue a:hover span {
    padding : 0 15px 0 0;
    display : block;
    float : left;
    background : transparent url('/images/gwt/gwt_tabs_blue.gif') no-repeat 100% 0%;
    color : white;
    font-weight : bold;
}


ul.gwt_tabs li.blue a:hover {
    background : transparent url('/images/gwt/gwt_tabs_blue.gif') no-repeat 0% 100%;
}

ul.gwt_tabs li.blue a:hover span {
    background : transparent url('/images/gwt/gwt_tabs_blue.gif') no-repeat 100% 100%;
}

ul.big_gwt_tabs {
    margin: 0;
    padding: 0;
    width: 100%;
}

ul.big_gwt_tabs li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
}

ul.big_gwt_tabs  li a,
ul.big_gwt_tabs  li a:link,
ul.big_gwt_tabs  li a:visited,
ul.big_gwt_tabs  li a:active,
ul.big_gwt_tabs  li a:hover {
    float: left;
    padding: 0 15px; 0 15px;
    margin-right : 5px;
    display: block;
    color: #666;
    text-decoration: none;
  
    border-top : 1px solid #aaa;
    border-left : 1px solid #aaa;
    border-right : 1px solid #aaa; 
    -webkit-border-radius: 3px 3px 0px 0px;
        border-radius: 3px 3px 0px 0px; 

    background: #ffffff; /* Old browsers */

    background: -moz-linear-gradient(top,  #ffffff 0%, #e2e2e2 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%); /* IE10+ */

    background: linear-gradient(to bottom,  #ffffff 0%,#e2e2e2 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
}

ul.big_gwt_tabs li a span { margin : 18px 5px 5px 5px; color : #666;  }
ul.big_gwt_tabs li a:hover span {color : #0068b1}

ul.big_gwt_tabs li a .icon {
    float: left;
    height: 45px;
    margin: 10px 0 0;
    padding: 0 0 0 10px;
    width: 45px;
}

ul.big_gwt_tabs li a .sip { background : transparent url('../images/telephonie/bar/sip.png') no-repeat 0 0 }
ul.big_gwt_tabs li a .popc { background : transparent url('../images/telephonie/bar/popc.png') no-repeat 0 0 }
ul.big_gwt_tabs li a .trunk { background : transparent url('../images/telephonie/bar/trunk.png') no-repeat 0 0 }

ul.big_gwt_tabs li.selected a {
    background: #e2e2e2; /* Old browsers */

    background: -moz-linear-gradient(top,  #e2e2e2 0%, #ffffff 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  #e2e2e2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  #e2e2e2 0%,#ffffff 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  #e2e2e2 0%,#ffffff 100%); /* IE10+ */

    background: linear-gradient(to bottom,  #e2e2e2 0%,#ffffff 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

    border-bottom : 1px solid #fff;
}

ul.big_gwt_tabs li.selected a span {
    color : #0068B1;
}




.gwt_table_inside table {
    width: 100%;
    overflow: auto;
    border-collapse: collapse;
    border: 0px none transparent;
}


.gwt_table_inside table tr td,
.gwt_table_inside table tr th {
    padding: 5; 
    margin: 0;
    border: 1px solid #aaa;
}


.gwt_select {
     font-size: 14px; 
     border: 1px solid #aaa; 
     border-radius: 3px; 
     background: transparent url('/images/gwt/gwt_input.gif') no-repeat -1px -1px; 
     padding: 5px; 
     height: 32px;
}


/*


    New cols strucutre


*/


.x1, .x2, .x3, .x4, .x5, .x6, .x7, .x33, .x25, .x190, .x15, .x55 {
    display: block;
    float: left;
}

.x1 { width: 115px; margin: 0 7px 0 0; }
.x15 { width: 172px; margin: 0 14px 0 0; }
.x2 { width: 230px; margin: 0 14px 0 0; }
.x25 { width: 291px; margin: 0 14px 0 0; } /* 2.5 actually... cf emails */
.x3 { width: 352px; margin: 0 14px 0 0; }
.x4 { width: 474px; margin: 0 14px 0 0; }
.x5 { width: 596px; margin: 0 14px 0 0; }
.x55 { width: 664px; margin: 0 14px 0 0; } /* 5.5 actually, cf sms and fax*/
.x6 { width: 718px; margin: 0 14px 0 0; }
.x7 { width: 840px; margin: 0 14px 0 0; }

.x33 { width: 31%; margin: 0 2.5% 0 0; }
.x190 { width: 190px; margin: 0 14px 0 0; }


/* Ugly IE6 fixes*/
.x1 { _margin: 0 3px 0 0; }
.x2, .x3, .x4, .x5, .x6, .x7, .x33, .x25, .x190, .x15, .x55 { _margin: 0 3px 0 0; }
/* ugly IE6 fixes end */


input#individualLess,
input#corporateStandardLess,
input#corporateBasicLess,
input#corporateEnterpriseLess,
.dynLess {
    background : transparent url('../images/bars/general/moins.png') no-repeat 50% 0;
    height : 20px;
    width : 20px;
    border : 0;
    margin-right : 5px;
}
.dynLess {
    margin: 0;
}

.whiteConf input#individualLess,
.whiteConf input#corporateStandardLess,
.whiteConf input#corporateBasicLess,
.whiteConf input#corporateEnterpriseLess {
    background : transparent url('../images/bars/general/moinsWhite.png') no-repeat 0 0;
}


input#individualMore,
input#corporateStandardMore,
input#corporateBasicMore,
input#corporateEnterpriseMore,
.dynMore {
    background : transparent url('../images/bars/general/plus.png') no-repeat 50% 0;
    height : 20px;
    width : 20px;
    border : 0;
}

.whiteConf input#individualMore,
.whiteConf input#corporateStandardMore,
.whiteConf input#corporateBasicMore,
.whiteConf input#corporateEnterpriseMore {
    background : transparent url('../images/bars/general/plusWhite.png') no-repeat 0 0;
}



/* 

    Main classes, 
    OVH Framework
    Global contradictions 
    At the end so they always are right

*/

.sub_menu h1 {
    color: #666;
}

ul.sub_menu {
    margin: 0 0 -1px 0; 
    padding: 0; 
    height: 42px;
    width: auto;
    background:  transparent /*url('/images/main/sub_menu_tabs.gif') repeat-x 100% 100%*/ ;
}

ul.sub_menu li {
    margin: 0 10px 0 0  ; 
    padding: 0; 
    list-style: none;
    display: inline;
}

ul.sub_menu li a,
ul.sub_menu li a:link,
ul.sub_menu li a:visited,
ul.sub_menu li a:active,
ul.sub_menu li a:hover {
    float: left;
    padding: 0 0 0 15px;
    display: block;
    color: #666;
    background:  transparent url('/images/main/sub_menu_tabs.gif') no-repeat 0% 100% ;

    text-decoration: none;
}

ul.sub_menu li a span,
ul.sub_menu li a:link span,
ul.sub_menu li a:visited span,
ul.sub_menu li a:active span,
ul.sub_menu li a:hover span {
    padding: 3px 15px 0 0;
    display: block;
    float: left;
    color: #666;
    background:  transparent url('/images/main/sub_menu_tabs.gif') no-repeat 100% 100% ;
    text-decoration: none;
    font-size: 14px;
   
    line-height: 39px;
}

ul.sub_menu li a:hover span { color: #0068B1; }

ul.sub_menu li.selected a,
ul.sub_menu li.selected a:link,
ul.sub_menu li.selected a:visited,
ul.sub_menu li.selected a:active,
ul.sub_menu li.selected a:hover {  color: #0068b1; background:  transparent url('/images/main/sub_menu_tabs.gif') no-repeat 0% 0% ; }

ul.sub_menu li.selected a span,
ul.sub_menu li.selected a:link span,
ul.sub_menu li.selected a:visited span,
ul.sub_menu li.selected a:active span,
ul.sub_menu li.selected a:hover span {  color: #0068b1; background:  transparent url('/images/main/sub_menu_tabs.gif') no-repeat 100% 0% ; }



.ybutton,
ybutton span,
.ybutton span,
ybutton,
a.ybutton,
a.ybutton:link,
a.ybutton:visited,
a.ybutton:active,
.ybutton:hover {
    line-height: 40px;

    color: #fff;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    
    padding: 7px 0 7px 22px;
    _padding: 0 0 0 22px; 
    *padding: 0 0 0 22px;
    background: transparent url(/images/main/yButton.jpg) no-repeat 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}
.ybutton span,
ybutton span,
a.ybutton span,
a.ybutton:link span,
a.ybutton:visited span,
a.ybutton:active span,
.ybutton:hover span {
    padding: 7px 22px 7px 0;
    background: transparent url(/images/main/yButton.jpg) no-repeat 100% 0 ;


    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}

.ybutton.selected,
a.ybutton.selected,
ybutton:hover,
.ybutton:hover, 
a.ybutton:hover {
    background: transparent url(/images/main/yButton.jpg) no-repeat 0 100%;
}
.ybutton.selected span,
a.ybutton.selected span,
ybutton:hover span,
.ybutton:hover span,  
a.ybutton:hover span { 
    background: transparent url(/images/main/yButton.jpg) no-repeat 100% 100%;
    color: white;
}

.ybutton span img { vertical-align: middle; }  

a.ybutton.full {
    display: block;
    margin: 0; 
    text-align: center;
    height: 32px;
    width: 100%;
    padding: 0; 
    margin: 0;
    _width: 90%;
    _height: 18px;
    _padding-left: -5%;
}
a.ybutton.full span {
    display: block;
    height: 32px;
    margin: 0 0 0 5%;
    padding: 0 5% 0 0;
    text-align: inherit;
    line-height: 32px;
    width: 90%;
    _height: 18px;
    _line-height: 18px;
    _padding-left: -5%;
    _width: 85%;
}





.gbutton,
gbutton span,
.gbutton span,
gbutton,
a.gbutton,
a.gbutton:link,
a.gbutton:visited,
a.gbutton:active,
.gbutton:hover {
    line-height: 40px;

    color: #efefef;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    
    padding: 7px 0 7px 22px;
    _padding: 0 0 0 22px; 
    *padding: 0 0 0 22px;
    background: transparent url(/images/main/gButton.jpg) no-repeat 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}
.gbutton span,
gbutton span,
a.gbutton span,
a.gbutton:link span,
a.gbutton:visited span,
a.gbutton:active span,
.gbutton:hover span {
    padding: 7px 22px 7px 0;
    background: transparent url(/images/main/gButton.jpg) no-repeat 100% 0 ;


    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}

.gbutton.selected,
a.gbutton.selected,
gbutton:hover,
.gbutton:hover, 
a.gbutton:hover {
    background: transparent url(/images/main/gButton.jpg) no-repeat 0 100%;
}
.gbutton.selected span,
a.gbutton.selected span,
gbutton:hover span,
.gbutton:hover span,  
a.gbutton:hover span { 
    background: transparent url(/images/main/gButton.jpg) no-repeat 100% 100%;
    color: white;
}

.gbutton span img { vertical-align: middle; }  

a.gbutton.full {
    display: block;
    margin: 0; 
    text-align: center;
    height: 32px;
    width: 100%;
    padding: 0; 
    margin: 0;
    _width: 90%;
    _height: 18px;
    _padding-left: -5%;
}
a.gbutton.full span {
    display: block;
    height: 32px;
    margin: 0 0 0 5%;
    padding: 0 5% 0 0;
    text-align: inherit;
    line-height: 32px;
    width: 90%;
    _height: 18px;
    _line-height: 18px;
    _padding-left: -5%;
    _width: 85%;
}



.grey_button span,
a.grey_button,
a.grey_button:link,
a.grey_button:visited,
a.grey_button:active,
a.grey_button:hover {
    line-height: 40px;

    color: #999;
    text-decoration: none;
    font-weight: bold;
    
    padding: 7px 0 7px 22px;
    _padding: 0 0 0 22px; 
    *padding: 0 0 0 22px;
    background: transparent url(/images/main/grey_Button.jpg) no-repeat 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}
a.grey_button span,
a.grey_button:link span,
a.grey_button:visited span,
a.grey_button:active span,
a.grey_button:hover span {
    padding: 7px 22px 7px 0;
    background: transparent url(/images/main/grey_Button.jpg) no-repeat 100% 0 ;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color : #666;
}

a.grey_button.selected,
a.grey_button:hover {
    background: transparent url(/images/main/grey_Button.jpg) no-repeat 0 100%;
}
a.grey_button.selected span,
a.grey_button:hover span { 
    background: transparent url(/images/main/grey_Button.jpg) no-repeat 100% 100%;
    color: black;
}

.grey_button span img { vertical-align: middle; }  

a.grey_button.full,
div.grey_button.full {
    display: block;
    margin: 0; 
    text-align: center;
    height: 32px;
    _height: 22px;
    width: 100%;
    padding: 0; 
    margin: 0; 
}
a.grey_button.full span,
div.grey_button.full span {
    display: block;
    height: 32px;
    margin: 0 0 0 5%;
    padding: 0 5% 0 0;
    text-align: inherit;
    line-height: 32px;
    width: 90%;
    _height: 22px;
}


.button,
button span,
.button span,
button,
a.button,
a.button:link,
a.button:visited,
a.button:active,
.button:hover {
    line-height: 40px;

    color: #efefef;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    
    padding: 7px 0 7px 22px;
    _padding: 0 0 0 22px; 
    *padding: 0 0 0 22px;
    background: transparent url(/images/main/bButton.jpg) no-repeat 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}
.button span,
button span,
a.button span,
a.button:link span,
a.button:visited span,
a.button:active span,
.button:hover span {
    padding: 7px 22px 7px 0;
    background: transparent url(/images/main/bButton.jpg) no-repeat 100% 0 ;


    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}

.button.selected,
a.button.selected,
button:hover,
.button:hover, 
a.button:hover {
    background: transparent url(/images/main/bButton.jpg) no-repeat 0 100%;
}
.button.selected span,
a.button.selected span,
button:hover span,
.button:hover span,  
a.button:hover span { 
    background: transparent url(/images/main/bButton.jpg) no-repeat 100% 100%;
    color: white;
}

.button span img { vertical-align: middle; }  

a.button.full {
    display: block;
    margin: 0; 
    text-align: center;
    height: 32px;
    width: 100%;
    padding: 0; 
    margin: 0;
    _width: 90%;
    _height: 18px;
    _padding-left: -5%;
}
a.button.full span {
    display: block;
    height: 32px;
    margin: 0 0 0 5%;
    padding: 0 5% 0 0;
    text-align: inherit;
    line-height: 32px;
    width: 90%;
    _height: 18px;
    _line-height: 18px;
    _padding-left: -5%;
    _width: 85%;
}

.mlButton,
mlButton,
a.mlButton,
a.mlButton:link,
a.mlButton:visited,
a.mlButton:active,
a.mlButton:hover {
    padding : 20px 0 17px 20px;
    background: transparent url(/images/main/mlButton.jpg) no-repeat 0 0 ;
    text-decoration : none;
}

.mlButton span,
mlButton span,
a.mlButton span,
a.mlButton:link span,
a.mlButton:visited span,
a.mlButton:active span,
a.mlButton:hover span {
    padding: 16px 20px 16px 0;
    background: transparent url(/images/main/mlButton.jpg) no-repeat 100% 0 ;
    font-size : 18px;
    font-weight : bold;
    color : white;
}

.mlButton.selected,
a.mlButton:hover {
    background: transparent url(/images/main/mlButton.jpg) no-repeat 0 100%;
}

.mlButton.selected span,
a.mlButton:hover span {
    background: transparent url(/images/main/mlButton.jpg) no-repeat 100% 100% ;
}

a.orderBtnList,
a.orderBtnList:link,
a.orderBtnList:visited,
a.orderBtnList:active,
a.orderBtnList:hover {
    padding : 0 0 0 15px;
    background : transparent url('/images/gwt/gwt_tabs_blue.jpg') no-repeat 0% 0%;
    text-decoration : none; 
    display : block;
    height : 32px;
    line-height : 32px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

a.orderBtnList span,
a.orderBtnList:hover span,
a.orderBtnList:visited span,
a.orderBtnList:active span,
a.orderBtnList:hover span{
    padding : 0 15px 0 0;
    background : transparent url('/images/gwt/gwt_tabs_blue.jpg') no-repeat 100% 0%;
    color : white;
    display : block;
    line-height : 32px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

a.orderBtnList:hover {
    background : transparent url('/images/gwt/gwt_tabs_blue.jpg') no-repeat 0% 100%;
}
a.orderBtnList:hover span {
    background : transparent url('/images/gwt/gwt_tabs_blue.jpg') no-repeat 100% 100%;
}

.button_slider {
    width: 150px;
    height: 28px;
    background: transparent url('/images/eligibility/2pos_button.gif') no-repeat 50% 0%;
    cursor: pointer;
}

.triple_button_slider {
    width: 225px;
    height: 28px;
    background: transparent url('/images/eligibility/3pos_button.gif') no-repeat 50% 0%;
    cursor: pointer;
}


.button_slider_content,
.button_slider_content:link,
.button_slider_content:visited,
.button_slider_content:active,
.button_slider_content:hover {
    color: #3b3b3b;
    line-height: 28px !important;
    font-weight: bold;
    width: 75px;
    text-align: center;
}

.button_slider .selected ,
.triple_button_slider .selected ,
.button_slider .selected:active ,
.triple_button_slider .selected:active ,
.button_slider .selected:hover ,
.triple_button_slider .selected:hover ,
.button_slider .selected:visited ,
.triple_button_slider .selected:visited {
    color: white;
}





div.blue_pad {
    width: 100%;
    display: block;
    padding: 0 ;
    background: transparent url(/images/main/blue_pad.jpg) no-repeat 0 0 ;
}

div.blue_pad div.title {
    display: block;
    padding: 0 5% 0 0;
    margin: 0 0 0 5%;
    background: transparent url(/images/main/blue_pad.jpg) no-repeat 100% 0 ;
    text-decoration: none;
    height: 42px;
    line-height: 42px;
    width: 90%;
    color : white;
    box-sizing: content-box;
}

div.blue_pad div.top {
    display: block;
    padding: 0 5% 0 0;
    margin: 0 0 0 5%;
    background: transparent url(/images/main/blue_pad.jpg) no-repeat 100% 0 ;
    text-decoration: none;
    height: 5px;
    line-height: 5px;
    width: 90%;
}


div.blue_pad div.title span, 
div.blue_pad div.title a, 
div.blue_pad div.title a:link,
div.blue_pad div.title a:active,
div.blue_pad div.title a:visited {
    font-size: 18px;
    line-height: 50px;
    text-decoration: none;
    color: #fff;
    font-weight : bold;
}
div.blue_pad h1 span.fs18  { font-size: 18px; } 

div.blue_pad div.content {
    background: transparent url(/images/main/blue_pad.jpg) no-repeat 0 100% ;
    padding: 0 0 0 5px ;
}
div.blue_pad div.content div.content {
    background: transparent url(/images/main/blue_pad.jpg) no-repeat 100% 100% ;
    padding: 0 5px 0 0 ;
}


div.grey_pad {
    width: 100%;
    display: block;
    padding: 0 ;
    background: transparent url(/images/main/grey_pad.jpg) no-repeat 0 0 ;
}

div.grey_pad h1{
    display: block;
    padding: 0 5% 0 0;
    margin: 0 0 0 5%;
    background: transparent url(/images/main/grey_pad.jpg) no-repeat 100% 0 ;
    text-decoration: none;
    height: 42px;
    line-height: 42px;
    width: 90%;
}
div.grey_pad div.top {
    display: block;
    padding: 0 5% 0 0;
    margin: 0 0 0 5%;
    background: transparent url(/images/main/grey_pad.jpg) no-repeat 100% 0 ;
    text-decoration: none;
    height: 5px;
    line-height: 5px;
    width: 90%;
    box-sizing: content-box;
}

div.grey_pad h1 a, 
div.grey_pad h1 a:link,
div.grey_pad h1 a:active,
div.grey_pad h1 a:visited {
    font-size: 22px;
    line-height: 50px;
    text-decoration: none;
    color: #fff;
}

div.grey_pad div.content {
    background: transparent url(/images/main/grey_pad.jpg) no-repeat 0 100% ;
    padding: 0 0 0 5px ;
}
div.grey_pad div.content div.content {
    background: transparent url(/images/main/grey_pad.jpg) no-repeat 100% 100% ;
    padding: 0 5px 0 0 ;
}
div.grey_pad div.content div.content h1{
    padding: 0;
    margin: 0;
    background: transparent ;
    text-decoration: none;
    height: 42px;
    line-height: 42px;
    width: 90%;
}




/**********************/ 
/*    Cadre astuce    */ 
/**********************/ 
.tips 
{ 
    background: url('/images/main/amp.jpg') no-repeat 0 0; 
    padding : 10px 10px 15px 60px; 
    margin: 0 0 20px 0;
    border: solid #E2E2E2 1px; 
    background-color:#F2F2F2; 
 
}

.attention
{
    background: url('../images/index/attention2.jpg') no-repeat 0 0;
    padding: 7px 0 15px 70px;
    border: solid #E2E2E2 1px;
    background-color: #F2F2F2;
}

.block { display: block; }
.inline { display: inline; }

.Fleft { float: left; }
.Fright { float: right; }

del { 
    clear: both; 
    display: block;
    height: 1px;
    margin-top: -1px;
    font-size: 0px; 
    line-height: 0;
    background: transparent;
    color: transparent;
    border: 0;
    visibility: hidden;
}

.center { text-align: center; }
.justify {text-align: justify; }
.left { text-align: left; }
.right { text-align: right; }
.top { vertical-align: top; } 
.bottom { vertical-align: bottom; } 
.middle, 
.middle img { vertical-align: middle; } 

.relative { position: relative; }
.absolute { position: absolute; }

.full {
    width: 100%;
}
/* ugly old non css framework styles */
.half25 { width: 25%; } 
.half33 { width: 33%; } 
.half40 { width: 40%; } 
.half66 { width: 66%; } 
.half80 { width: 80%; } 
.half { width: 50%; } 

.padded { padding: 5px; }
.marged { margin: 5px; }

.padded10 { padding: 10px; }
.marged10 { margin: 10px; }

a.white,
a.white:visited,
a.white:link,
a.white:hover,
a.white:active,
.white { 
    color: #fff;
}
a.grey,
a.grey:visited,
a.grey:link,
a.grey:hover,
a.grey:active,
.grey { 
    color: #666; 
}
.dgrey { color: #3c3c3c; }

a.black,
a.black:visited,
a.black:link,
a.black:hover,
a.black:active,
.black { color: #262626; } 
.orange { color: #ff8800; } 
.red { color: #d40000; }
.green { color: #228822; }
.purple { color : #7E45D3; }
.yellow { color : #ffcc00; }


.blue  { color: #0068b1; } 
.Dblue { color: #0b4499; }

.blueTitle {
    background: #0068b1;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.greyTitle {
    background: #f9f9f9;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.rounded {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.greyBG {
    background: #f8f8f8;
}

small, .small { font-size: 11px; }


.fs38 { font-size: 38px; }
.fs32 { font-size: 32px; }
.fs26 {font-size : 26px; }
.fs24 { font-size: 24px; }
.fs22 { font-size: 22px; }
.fs20 { font-size: 20px;}
.fs18 { font-size: 18px; }
.fs16 { font-size: 16px; }
.fs14 { font-size: 14px; }
.fs12 { font-size: 12px; }
.fs10 { font-size: 10px; }

.lh40 { line-height: 40px; }
.lh34 { line-height: 34px; }
.lh32 { line-height: 32px; }
.lh22 { line-height: 22px; }
.lh20 { line-height: 20px; }
.lh18 { line-height: 18px; }
.lh14 { line-height: 14px; }
.lh11 { line-height: 11px; } 



.Bshadow { 
    text-shadow: #000000 1px 1px 1px;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=1);
}

.Wshadow { 
    text-shadow: #ffffff 1px 1px 0;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=135,strength=1);
}



.nm { margin: 0; }
.np { padding: 0; } 

#upper_body { display: none; }


.linksMenu {
    background: #f6f6f6;
    
}

.ovhbt {
    font-family: "ovhbt";
}


/* VDSL */

.mainVdslMenu {
    height: 78px;
    display: table;
    border-collapse:separate;
    border-spacing:10px;
}
.mainVdslMenu .row {
    display:table-row;
}
.mainVdslMenu a {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    border: 1px solid #A0A0A0;
    border-radius: 5px;
    width: 24%; 
    padding: 10px;
    text-align: center;
    text-decoration: none;
    color: #494949;
    font-size: 16px;
}
.mainVdslMenu a:hover,
.mainVdslMenu a.selected {
    background: #33ACFF;
    color: white;
}

/*********************************/
/*  Pour l'affichage des guides  */
/*********************************/
.paragraphGroup {
    margin-bottom: 1cm;
}

.br_guides {
    height: 15px;
}
 

 #footer h2 {
    background: transparent;
    font-size: 14px;
    text-indent: 0px;
 }

/***********************************/

.Actu {
    width : 960px;
    height : 30px;
    padding : 20px 5px;
}

.Actu .title {
    font-size : 18px;
    color : #063C68;
    float : left;
    padding-left : 5px;
}

.Actu .sep-actu {
    background : transparent url('../images/index/sep-actu.png') no-repeat 0 0;
    width : 3px;
    height : 20px;
    float : left;
    margin : 0 5px;
}

.Actu #prev-actu, .Actu #next-actu {
    background : transparent url('../images/index/arrow-actu.png') no-repeat 0 0;
    width : 8px;
    height : 14px;
    float : left;
    margin-top : 3px;
}

.Actu #next-actu {
    background-position : 0 -28px;
}

.Actu #prev-actu:hover {
    background-position : 0 -14px;
}

.Actu #next-actu:hover {
    background-position : 0 -42px;
}


.Actu .content-actu {
    float : left;
}

.Actu .maskActu {
    width : 448px;
    width : 432px\9;
    height : 20px;
    overflow : hidden;
    position : relative;
    -bracket-:hack[;
        width:432px;
    ];
}

.Actu .maskActu #boxActu {
    position : absolute;
}

.Actu .maskActu #boxActu a {
    display : block;
    color : #666;
    font-weight : bold;
    text-decoration : none;
    float : left;
}

.Actu .maskActu #boxActu a:hover {
    color : #0068b1;
}

.Actu .follow {
    font-family: 'Lily Script One','Cabin','Trebuchet MS', "Gill Sans",sans-serif;
    font-size : 18px;
    float : left;
}

.Actu .icon { 
    float:left; 
    height : 25px;
}

.Actu a.tooltip {
    outline:none; 
} 

.Actu a.tooltip:hover {
    text-decoration:none;
} 

.Actu a.tooltip span { 
    z-index:10;
    display:none;
    padding:14px 20px;
    margin-top:30px; 
    margin-left:-175px; 
    width:240px; 
    line-height:16px; 
} 

.Actu a.tooltip:hover span{ 
    display:inline; 
    position:absolute; 
    color:#111; 
    border:1px solid #eaeaea; 
    background:#fff;
} 

.callout {
    z-index:20;
    position:absolute;
    top:-11px;
    border:0;
    left:120px;
} 

/*CSS3 extras*/ 
    .Actu a.tooltip span { 
        border-radius:4px; 
        -moz-border-radius: 4px; 
        -webkit-border-radius: 4px; 
        -moz-box-shadow: 5px 5px 8px #CCC; 
        -webkit-box-shadow: 5px 5px 8px #CCC; 
        box-shadow: 5px 5px 8px #CCC;
}

div.info {
    border: 1px solid #EAEAEA;
    background: white;
    background: -moz-linear-gradient(top,white 25%,#EAEAEA 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(25%,white),color-stop(100%,#EAEAEA));
    background: -webkit-linear-gradient(top,white 25%,#EAEAEA 100%);
    background: -o-linear-gradient(top,white 25%,#EAEAEA 100%);
    background: -ms-linear-gradient(top,white 25%,#EAEAEA 100%);
    background: linear-gradient(to bottom,white 25%,#EAEAEA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eaeaea',GradientType=0);
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.faqQuestion {
    cursor: pointer;
    font-size: 14px;
    background-color: #F7F7F7;
    color: #7D7D7D;
    border: 1px solid #EFF2F9;
    padding: 5px 5px 5px 15px;
    width: 98%;
   font-weight: normal;
}

.faqQuestion .arrow-right {
    border-bottom: 4px solid transparent;
    border-left: 4px solid #7D7D7D;
    border-top: 4px solid transparent;
    float: left;
    height: 0;
    margin: 8px 10px 0 0;
    width: 0;
}

.faqQuestion:hover,
.faqQuestion.open {
    background-color: #F1F1F1;
    border-color: #D2D2D2;
    color: #3C3C3C;
    }

.faqQuestion:hover .arrow-right {
    border-left: 4px solid #3C3C3C;
}

.faqQuestion.open .arrow-right {
    border-left: 4px solid #3C3C3C;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.faqAnswer {
    width: 95%;
    margin: 10px auto 0 auto;
    font-size: 14px;
    line-height: 20px;
}



.subMenuFAQ {
    position:absolute;
    display: none;
    z-index:-99;
    right: 10px; 
    background:rgba(255,255,255,1); 
    /*width:100%; */
    padding-left: 1%;
    opacity: 0;
    height:0; 
    text-align: left !important;
    margin: -5px 0 0 0 !important; 
    padding: 10px 5px 5px 5px !important; 
/*    -webkit-transition: all 0.2s ease;
       -moz-transition: all 0.2s ease;
         -o-transition: all 0.2s ease;
            transition: all 0.2s ease;*/
}

.subMenuFAQ li {
    height:0; 
    list-style:none !important; 
    width: 200px;
    vertical-align: top !important;
    line-height: 30px !important; 
    padding: 0 !important;
}

.subMenuFAQ li h4 {
    color: #32ABFE !important;
    padding: 0 !important;
}

.subMenuFAQ li h4:first-child {
    margin-bottom: 5px;
}

.subMenuFAQ li h3 {
    font-size: 14px;
    font-weight: bold;
    color: black !important;
    padding: 0 !important;
}

.subMenuFAQ li a {
    margin-left: 0 !important;
    padding: 0 !important;
    margin-top: 0 !important;
}

.FAQ {
    padding: 5px 0;
    cursor: pointer;
    margin-left: 15px;
    padding-left: 25px;
    font-size: 14px;
    line-height: 28px;
    color: #5D5D5D;
}

.FAQ:hover {
    color: #000;
}

.FAQ:hover .subMenuFAQ,
.subMenuFAQ:hover {
    opacity: 1;
    height: auto;
    z-index: 9999;
    display: block; 
}

.FAQ:hover .subMenuFAQ li {
    height:auto;
    line-height: 30px !important; 
}
.FAQ:hover .subMenuFAQ li a {
    display: block;
    width: 100%;
    line-height: 30px !important; 
}

.subMenuFAQ li ul li {
    display:block;
}

.subMenuFAQ hr {
    width: 100%;
    margin-bottom: 5px;
}

.dropDown {
    background: url(../../images/arrow_down_black.gif) no-repeat 5px;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 !important;
    vertical-align: middle;
}

span:hover .dropDown {
    background: url(../../images/arrow_up_black.gif) no-repeat 5px;
}

/*********************************/
/** New Design for Summit 20014 **/
/*********************************/
#top-menu {
    width: 100%;
    background-color: #FFF;
    position: absolute;
    top: 0;
    left: 0;
}

#top-menu .socialBox a {
    float: left;;
    height: 26px;
}

#top-menu .socialBox a.twitter { background: transparent url('../images/2015/header-twitter.png') no-repeat 0 0; width: 28px; }
#top-menu .socialBox a.facebook { background: transparent url('../images/2015/header-fb.png') no-repeat 0 0; width: 32px; }
#top-menu .socialBox a.gplus { background: transparent url('../images/2015/header-gplus.png') no-repeat 0 0; width: 31px; }
#top-menu .socialBox a.mail { background: transparent url('../images/2015/header-mail.jpg') no-repeat 0 0; width: 29px; }

#top-menu .toolbox a {
    font-size: 14px;
    line-height: 28px;
    color: #5D5D5D;
    text-decoration: none;
    padding-left: 25px;
    display: inline-block;
    margin-left: 15px;
    margin-top: 5px;
}

#top-menu .toolbox a.manager { background: transparent url('../img/ico-manager-telecom.png') no-repeat 0 0; }
#top-menu .toolbox a.webmail { background: transparent url('../img/ico-webmail-telecom.png') no-repeat 0 0; }
#top-menu .toolbox a.support { background: transparent url('../img/ico-support-telecom.png') no-repeat 0 0; }
#top-menu .toolbox a.contacter { background: transparent url('../img/ico-contact-telecom.png') no-repeat 0 0; }
#top-menu .toolbox span.assistance { background: transparent url('../img/ico-faq-telecom.png') no-repeat 0 0; }

#top-menu .toolbox a:hover {
    color: #000;
}

#menu {
    position: absolute;
    width: 100%;
    top: 36px;
    left: 0;
}

#menu .main-logo {
    float: left;
    height: 68px;
}

#menu {
    background-color: #262626;
}

#menu .small-logo {
    display: none;
}

#menu nav {
    float: right;
    /*margin: 38px 0 10px 0;*/
    height: 68px;
}


#menu nav ul li {
    padding: 0;
    float: left;
    margin: 0 !important;
    background: none;
}

#menu nav ul li a {
    display: block;
    color: #FFF;
    text-decoration: none;
    padding: 0 10px;
    font-size: 15px;
    line-height: 68px;
}

#menu nav ul li:hover {
    background:#444;
}

#menu nav ul li a:hover {
    /*color: #C7C7C7; */
}

/*#menu nav ul li:last-child a {
    padding: 10px 0 10px 10px;
}*/

#menu nav ul li.selected {
    background-color: #444;
}

#menu nav ul li ul li {
    width:100%;
    padding-top:10px;
}

#menu nav ul li ul li:hover {
    background:#333;
}

#menu a.mobile-menu-icn {
    display: none;
    color: #FFF;
    font-size: 40px;
    line-height: 40px;
    font-weight: 600;
    font-family: "roboto", sans-serif !important;
    margin: 12px 10px 0 0;
    text-decoration: none;
    float: right;
    padding: 2px 5px;
    border-radius: 2px;
}

#menu a.mobile-menu-icn:hover {
    background-color: #666;
}

#menu ul.mobile-menu {
    width: 100%;
    position: absolute;
    z-index: 999;
    top: 68px;
    -webkit-box-shadow: 1px 5px 10px -3px #000;
    -moz-box-shadow: 1px 5px 10px -3px #000;
    -o-box-shadow: 1px 5px 10px -3px #000;
    box-shadow: 1px 5px 10px -3px #000;
}

#menu ul.mobile-menu li {
    padding: 0;
    background-color: #262626;
}

#menu ul.mobile-menu li a {
    color: #FFF;
    padding-left: 10px;
}

#menu ul.mobile-menu li a:hover {
    background-color: #444;
}

div.header {
    height: 900px;/*600px*/
    background: transparent url('../img/banner-pasifiktelekom.jpg') no-repeat 20% 20%;
    background-size: cover;
}

div.header,
div.header * {
    -webkit-transition: all 0.50s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.50s ease;
    -o-transition: all 0.50s ease;
    transition: all 0.50s ease;
}

/*div.header:hover {
    background-size: 1450px;
}*/

div#sdslHeader h1,
div#adslHeader h1,
div.header p {
    display: inline-block;
    text-transform: uppercase;
    color: #FFF;
    font-size: 46px;
    line-height: 55px;
    font-weight: 600; 
    padding: 0 25px;
    text-shadow: 5px 0px 8px rgba(0, 0, 0, 0.4);
    width: auto;
}

div.header .discover {
    /*color: #242424;*/
    /*background: transparent url('../images/2015/black-arrow.png') no-repeat 0 0;*/
    /*font-weight: 600;*/
    /*padding-left: 30px;*/
    color: white;
    background: #33ACFF;
    font-weight: 200;
    font-size: 26px;
    line-height: 30px;
    display: block;
    padding: 10px 20px;
    float: right;
    margin: 20px 30px 0 0;
    text-shadow: 1px 0px 5px rgba(0, 0, 0, 0.3);
    text-decoration: none;
}

div.header:hover div.title {
    margin-top: 10px;
}

div.header:hover .discover {
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.3);
}

div.header .discover:hover {
    background-color: rgba(51, 172, 255, 0.8);
}
.home-blue-span {
    color: white;
    padding: 5px;
    background-color: #33ACFF;
}

.eligibility {
    /*background-color: rgba(53, 66, 145, 0.7);*/
    background-color: #2980B9;
    margin-top: -82px;
}

.eligibility div#et-jauge {
    position: absolute; 
    top: -43px; 
    left: -35px;
    background: transparent url(../images/2015/jauge-full.png) no-repeat 0 0 ;
    width: 225px;
    height: 125px;
}

.eligibility #et_form_input {
    border: none;
    font-size: 24px;
    line-height: 36px;
    height: 36px;
    color: #878787;
    outline: none;
    width: 490px;
    margin: 3px 0;
    padding-right: 30px;
}
#et_form_input::-ms-clear {
    display: none;
}

.eligibility #et_form_button {
    float: right;
    font-size: 22px;
    line-height: 26px;
    padding: 5px 10px;
    border-radius: 3px;
    color: #FFF;
    background-color: rgba(53, 53, 53, 1);
    text-decoration: none;
    margin: 3px 3px 0 0;
}

.eligibility #et_form_button:hover {
    background-color: rgba(53, 53, 53, 0.7);
}


.home-article:hover h4,
.home-article:hover p {
    color: #0768AB !important;
}

.milleExperts {
    font-weight: 800;
    font-size: 70px;
    line-height: 70px;
    color: #18BFF4;
}

.knowMore {
    display: inline-block;
    text-align: center;
    background-color: rgba(53, 53, 53, 1);
    border-radius: 3px;
    font-size: 20px;
    line-height: 24px;
    text-decoration: none !important;
    color: #FFF !important;
    padding: 10px 50px;
    -webkit-transition: background-color 0.10s linear;
    -moz-transition: background-color 0.10s linear;
    -o-transition: background-color 0.10s linear;
    transition: background-color 0.10s linear;
}

.knowMore:hover {
    background-color: rgba(53, 53, 53, 0.7);
}

.seeNext {
    font-size: 16px;
    line-height: 26px;
    padding-left: 30px;
    background: transparent url('../images/2015/blue-arrow.png') no-repeat 0 0;
    color: #33ACFF !important;
}

.seeNext:hover {
    color: #0768AB !important;
}


.seeTesti {
    font-size: 20px;
    line-height: 30px;
    color: #FFF !important;
    width: 265px;
    margin: 0 auto;
    text-align: center;
}

.seeTesti:hover {
    text-decoration: underline !important;
}

.product {
    padding: 0 !important;
     -webkit-transition: background-color 0.15s linear;
     -moz-transition: background-color 0.15s linear;
     -o-transition: background-color 0.15s linear;
    transition: background-color 0.15s linear;
}

.product h3,
.product h2 {
    color: #FFF;
    line-height: 38px;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0 10px;
}

/*.product.adsl h3,
.product.sdsl h3 {
    font-weight: 600;
    text-align: center;
    font-size: 22px;
    line-height: 60px;
}*/

.product a:hover h3,
.product a:hover h2,
.product a:hover span { color: #FFF; }

.product .visu {
    height: 157px;
}

.product .desc {
    height: 90px;
    display: table;
    width: 100%;
    padding: 5px 10px;
}

.product .desc p {
    color: #FFF;
    display: table-cell;
    vertical-align: middle;
}

.product.adsl { background-color: rgba(33, 66, 101, 1); }
.product.sdsl { background-color: rgba(53, 78, 119, 1); background-image: none; }
.product.xdsl { background-color: rgba(55, 86, 153, 1); }
.product.telecom { background-color: rgba(43, 167, 255, 1); }
.product.mail { background-color: rgba(32, 117, 120, 1); }
.product.office { background-color: rgba(12,77 , 117, 1); }
.product.faxsms { background-color: rgba(59, 173, 252, 1); }
.product.hubic { background-color: rgba(0, 78, 161, 1); }

.product.adsl:hover { background-color: rgba(33, 66, 101, 0.8); }
.product.sdsl:hover { background-color: rgba(53, 78, 119, 0.8); }
.product.xdsl:hover { background-color: rgba(55, 86, 153, 0.9); }
.product.telecom:hover { background-color: rgba(43, 167, 255, 0.8); }
.product.mail:hover { background-color: rgba(32, 117, 120, 0.8); }
.product.office:hover { background-color: rgba(12,77 ,117, 0.8); }
.product.faxsms:hover { background-color: rgba(59, 173, 252, 0.9); }
.product.hubic:hover { background-color: rgba(0, 78, 161, 0.9); }

.product.adsl .visu { background: transparent url('../images/internet/visu-adsl-vdsl.jpg') no-repeat 50% 0; background-size: cover; }
.product.sdsl .visu { background: transparent url('../images/sdsl/2014/visu-sdsl-new.png') no-repeat 100% 40%; background-size: cover; }
.product.xdsl .visu { background: transparent url('../images/2015/adsl-offer.jpg') no-repeat 75% 40%; background-size: cover; }
.product.telecom .visu { background: transparent url('../images/2015/telecom-offer.jpg') no-repeat 50% 55%; background-size: 100%; }
.product.mail .visu { background: #59AA99 url('../images/2015/exchange-ovh.png') no-repeat 50% 20%; background-size: 80%; }
.product.office .visu { background: #1d70b6 url('../images/2015/visuel-office-475x341.png') no-repeat 50% 20%; background-size: 80%; }
.product.faxsms .visu { background: #9BD5FD url('../images/sms/header-sms.png') no-repeat 59% 50%; background-size: cover; }
.product.hubic .visu { background: transparent url('../images/2015/hubic-offer.jpg') no-repeat 50% 40%; background-size: cover; }

.link-to-adsl a {
    display: block;
}

.link-to-adsl a:hover > div {
    border-radius: 3px;
}

.link-to-adsl a img {
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/*.link-to-adsl a:hover > div {
    background-color: #F2F2F2;
}*/

.link-to-adsl a:hover img {
    opacity: 0.5;
}

.you-have-a-project {
    background: transparent url('../images/2015/support-full.jpg') no-repeat 0 50%;
    background-size: cover;
    height: 268px;
}

.you-have-a-project .section2-3Left {
    background-color: rgba(51, 172, 255, 0.9) !important;
    height: 100% !important;
}

.full-gradient {
    width: 100%;
    display: block;
    height: 6px;
    background: #32abfe; /* Old browsers */
    background: -moz-linear-gradient(left,  #32abfe 40%, #354290 60%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(40%,#32abfe), color-stop(60%,#354290)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #32abfe 40%,#354290 60%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #32abfe 40%,#354290 60%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #32abfe 40%,#354290 60%); /* IE10+ */
    background: linear-gradient(to right,  #32abfe 40%,#354290 60%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32abfe', endColorstr='#354290',GradientType=1 ); /* IE6-9 */
}

.full-gradient.inversed {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.brackets {
    color: #FEF6A3;
    font-size: 30px;
    font-weight: 400;
}

.movie-thumb {
    position: relative;
    width: 245px;
    height: 162px;
    display: block;
    border: solid 5px #FFF;
    margin: 0 auto;
}

.movie-thumb .play {
    position: absolute;
    width: 53px;
    height: 52px;
    background: transparent url('../images/2015/ico-lecteur-video.png') no-repeat 0 0;
    top: 50px;
    right: -30px;
}

.watchMovie {
    background: rgba(0, 0, 0, 0.2) url('../../images/news-main/watchMovie.png') no-repeat 50% 50%;
    height: 100%;
    width: 100%;
    background-size: 60px;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
}

.watchMovie:hover {
    background: rgba(0, 0, 0, 0.05) url('../../images/news-main/watchMovie.png') no-repeat 50% 50%;
    background-size: 70px;
}

.movieDuration {
    background: rgba(0, 0, 0, 0.7);
    padding: 3px 7px;
    color: #FFF;
    float: right;
    margin-top: -26px;
}

.why-choose div.tooltip,
#xdslTest .sdslTitles div .tooltip,
#xdslTest .mainTitles div .tooltip
{
    background-color: #FFF;
    width: 350px;
    /*max-width: 100%;*/
    margin-top: 15px;
    position: absolute;
    top: 100%;
    left: -45px;
    z-index: 9999;
    box-shadow: inset 0px 0px 0px 2px rgba(51,172,255,0.8), 0px 0px 10px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0px 0px 0px 3px rgba(51,172,255,0.8), 0px 0px 10px 0px rgba(0,0,0,0.3);
    padding: 20px;
}
#xdslTest .sdslTitles div .tooltip,
#xdslTest .mainTitles div .tooltip {
    top: 0;
    left: 100%;
    height: auto !important;
}
#xdslTest .mainTitles div img {
    vertical-align: middle;
    margin: 0 0 0 8px;
}
#xdslTest .sdslTitles div .tooltip p,
#xdslTest .mainTitles .tooltip p,
.why-choose div.tooltip p {
    color: #444;
    font-weight: 400;
}

.why-choose a.grey {
    text-decoration: none;
}
.why-choose a.grey:hover {
    text-decoration: none;
    color: #33ACFF;
}

.fiabilisez {
    margin-top: -60px;
}

.community a img,
.meteo a img {
    opacity: 0.6;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.community a:hover img,
.meteo a:hover img {
    opacity: 1;
}

.community.table-cell {
    width: 485px;
}


.fluidite .img          { background-image: url(../images/sdsl/2014/ico-fluidite.png);  }
.accompagnement .img    { background-image: url(../images/sdsl/2014/ico-accompagnement.png);  }
.simplicite .img        { background-image: url(../images/sdsl/2014/ico-simplicite.png);  }
.stabilite .img       { background-image: url(../images/sdsl/2014/ico-stabilite.png);  }

.fluidite .img,
.accompagnement .img,
.simplicite .img,
.stabilite .img {
    width: 116px;
    height: 83px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center top;
    margin: auto; 
}

.fluidite:hover div,
.accompagnement:hover div,
.simplicite:hover div,
.stabilite:hover div {
    color: #334392;
}

.fluidite:hover .img,
.accompagnement:hover .img,
.simplicite:hover .img,
.stabilite:hover .img {
    background-position: center bottom;
}


nav.breadcrumb * {
    text-decoration: none;
    text-transform: uppercase;
    color: #666;
    font-size: 13px;
    line-height: 32px;
    font-weight: 300;
}
nav.breadcrumb *.bold {
    font-weight: 500;
}

#xdslTest .xdslOffer {
    background: white;
    position: relative;
}

#xdslTest .xdslOffer div,
#xdslTest .sdslTitles div,
#xdslTest .adslTitles div {
    padding: 0 0 0 0;
    margin: 5px 0;
    text-align: center;
    height: 37px;
    line-height: 37px;
    font-size: 16px;
    color: #666;
    position: relative;
}

#xdslTest .xdslOffer div.l2,
#xdslTest .sdslTitles div.l2, 
#xdslTest .adslTitles div.l2 {
    height: 56px;
    line-height: 20px;
    padding-top: 8px;
}

#xdslTest .xdslOffer div.l3,
#xdslTest .sdslTitles div.l3, 
#xdslTest .adslTitles div.l3 {
    height: 84px;
    line-height: 20px;
    padding-top: 8px;
}


#xdslTest .xdslOffer div.lh2,
#xdslTest .sdslTitles div.lh2, 
#xdslTest .adslTitles div.lh2 {
    line-height: 48px;
}

#xdslTest .sdslTitles div,
#xdslTest .adslTitles div {
    text-align: left;
    font-size: 14px;
    
}

#xdslTest .adslTitles div {
    font-size: 13px;
    padding-left: 2px;
}

#xdslTest .adslTitles  {
    background: #f9f8f9;
}

#xdslTest .hr {
    border-top: 1px dashed #acacac;
}

#xdslTest .xdslOffer.adsl div, #xdslTest .adslTitles div  { 
    height: 25px; 
    line-height: 25px; 
}
#xdslTest .xdslOffer.adsl div.l2, #xdslTest .adslTitles div.l2   { 
    height: 40px; 
    line-height: 18px; 
    padding-top: 4px; 
}
#xdslTest .xdslOffer.adsl div.l2.lh2, #xdslTest .adslTitles div.l2.lh2   {
    line-height: 36px;
}

#xdslTest .xdslOffer.adsl div.l2.compressed, #xdslTest .adslTitles div.l2.compressed   { 
    height: 32px; 
    line-height: 14px; 
    padding-top: 4px; 
}
#xdslTest .xdslOffer.adsl div.l2.compressed br, #xdslTest .adslTitles div.l2.compressed br  { line-height: 14px; } 

#xdslTest .xdslOffer.adsl div.l3, #xdslTest .adslTitles div.l3   { 
    height: 52px; 
    line-height: 16px; 
    padding-top: 4px; 
}
#xdslTest .xdslOffer.adsl div.l3.lh3, #xdslTest .adslTitles div.l3.lh3, #xdslTest .sdslTitles div.l3.lh3   { 
    line-height: 48px; 
}
#xdslTest .xdslOffer.adsl div.l4, #xdslTest .adslTitles div.l4   { 
    height: 64px; 
    line-height: 15px; 
    padding-top: 4px; 
}

#xdslTest .xdslOffer.adsl div.l3.lh3, #xdslTest .adslTitles div.l3.lh3   { 
    line-height: 48px; 
}

#xdslTest .xdslOffer div.l3.lh3  {
    line-height: 84px;
}
 
#xdslTest .xdslOffer.adsl *.fs20  { 
    font-size: 20px;
}

.whiteBlue  { background: #EAF7FF; }
.greyBlue   { background: #DDEAF3; }
.disable .whiteBlue { background: #D2DCE6; }

#xdslTest .adslTitles .title {
    padding: 0; 
    color: #32ACFF; 
    
}

#xdslTest .xdslOffer div.included {
    background: transparent url(../images/sdsl/2014/check-bleu.png) no-repeat 50% 50%;
}
#xdslTest .xdslOffer div.whiteBlue.included { background: #EAF7FF url(../images/sdsl/2014/check-bleu.png) no-repeat 50% 50%; }
#xdslTest .xdslOffer.disable div.whiteBlue.included { background: #D2DCE6 url(../images/sdsl/2014/check-bleu.png) no-repeat 50% 50%; }

#xdslTest div h4,
#xdslTest div h2,
#xdslTest div .h2 {
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 32px;
    color: #494949;
    font-weight: 500;
}




#xdslTest .xdslOffer div.hide {
    display: none;
}

a.black-btn {
    border-radius: 3px; 
    padding: 8px 20px;
    text-decoration: none;
}
 
a.black-btn,
 .xdslOffer a.button, 
 .xdslOffer a.button span, 
 .xdslOffer .hoverPan a.button, 
 .xdslOffer .hoverPan a.button span {
    visibility: visible;
    background: #1a1a1a;
    font-size: 18px;
    font-weight: 400; 
    color: white;
    border-radius: 5px; 
    text-decoration: none; 
    border-bottom:3px solid #848484; 
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

a.black-btn:hover,
 .xdslOffer a.button:hover, 
 .xdslOffer a.button:hover span, 
 .xdslOffer .hoverPan a.button:hover, 
 .xdslOffer .hoverPan a.button:hover span {
    background: #33ACFF; 
    border-bottom:3px solid #1E7DBF; 
 }

 a.black-btn,
 .xdslOffer a.button:active, 
 .xdslOffer a.button:active span, 
 .xdslOffer .hoverPan a.button:active, 
 .xdslOffer .hoverPan a.button:active span {
    border-bottom:0px solid black;
 }

a.black-btn:hover {
    background: #444;
    color: white;
}

 .xdslOffer a.button:hover, 
 .xdslOffer a.button:hover span {
    background: #32ACFF;
    color: white !important;
}

#xdslTest .xdslOffer span.promo {
    line-height: 19px;
    color: #FEDE00;
    background-color: #E8303C;
    font-size: 14px;
    font-weight: 400; 
    padding: 0 5px;
} 

#xdslTest .xdslOffer div.red    { color: #d40000; }
.adsl .blue,
.lblue,
#xdslTest .xdslOffer div.blue,   
#xdslTest .xdslOffer span.blue { color: #32ACFF !important; }
#xdslTest .xdslOffer div .lt   { text-decoration: line-through; }
.italic         { font-style: italic; }
.bluebg         { background: #DBE7F3; }

#xdslTest .disable *, 
#xdslTest .disable div, 
#xdslTest .disable div.blue,
#xdslTest .disable span.blue,
#xdslTest .disable div.red,
#xdslTest .disable span.promo,
#xdslTest .disable div *,
#xdslTest .disable a.button, 
#xdslTest .disable a.button span,
#xdslTest .disable a.button:hover, 
#xdslTest .disable a.button:hover span {
    color: #A19FA0;
}

#xdslTest .disable,
#xdslTest .disable span.promo {
    background: #E4E2E3;
}
#xdslTest .disable a.button, 
#xdslTest .disable a.button span,
#xdslTest .disable a.button:hover, 
#xdslTest .disable a.button:hover span {
    background: #E4E2E3;
    color: #E4E2E3;
    cursor: default;
    visibility: hidden;
}

#xdslTest .disable .hoverPan a.button:hover, 
#xdslTest .disable .hoverPan a.button:hover span {
    background: #32ACFF;
    color: white ;
    cursor: pointer;
    visibility: visible;
}

input.counter,
input.minus,
input.plus {
    width: 25px;
    border: 1px #d1d1d1 solid;
    color: #32ACFF;
    text-align: center;
    margin: 0 2.5px;
    opacity: 1 !important;
    background: white !important;
}
input.counter {
    width: 55px;
}
input.minus,
input.plus {
   background: #f7f7f7;
   color: #474747;
}
input.minus:hover,
input.plus:hover {
    color: #32ACFF;
    border: 1px #32ACFF solid;
    cursor: pointer;
}

#xdslTest input.disable,
#xdslTest input.disable:hover {
    color: #d3d3d3;
    background: #FCFCFC;
    border: 1px #ededed solid;
    cursor: default;
}



#xdslTest .xdslOffer a.hidden,
#xdslTest .xdslOffer a.hidden span {
    visibility: hidden;
}

#xdslTest .disable div.included {
    background: transparent url(../images/sdsl/2014/check-gris.png) no-repeat 50% 50%;
}

#xdslTest div.value {
    width: 20%; 
    margin: -1% 1% 0 -1%;
    padding: 1% 0;
    -moz-box-shadow: 0px 0px 5px 0px #656565;
    -webkit-box-shadow: 0px 0px 5px 0px #656565;
    -o-box-shadow: 0px 0px 5px 0px #656565;
    box-shadow: 0px 0px 5px 0px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);
}

#xdslTest div.mainTitles {
    width: 15%;
    margin: 0;
    float: left;
}

.valuable { background: rgba(255,255,255,1); }

input:focus { outline : 0 !important; }

.blueGradient {
    background: #1686ff; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #1686ff 0%, #0017dc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#1686ff), color-stop(100%,#0017dc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg,  #1686ff 0%,#0017dc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg,  #1686ff 0%,#0017dc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg,  #1686ff 0%,#0017dc 100%); /* IE10+ */
    background: linear-gradient(45deg,  #1686ff 0%,#0017dc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1686ff', endColorstr='#0017dc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.rotatedBg {
    overflow: hidden;
    
    -webkit-transform: rotate(2deg) skew(2deg, 0deg) ;
       -moz-transform: rotate(2deg) skew(2deg, 0deg) ;
        -ms-transform: rotate(2deg) skew(2deg, 0deg) ;
         -o-transform: rotate(2deg) skew(2deg, 0deg) ;
            transform: rotate(2deg) skew(2deg, 0deg) ;
}

.rotatedBgCcw {
    overflow: hidden;
    
    -webkit-transform: rotate(-2deg) skew(-2deg, 0deg) ;
       -moz-transform: rotate(-2deg) skew(-2deg, 0deg) ;
        -ms-transform: rotate(-2deg) skew(-2deg, 0deg) ;
         -o-transform: rotate(-2deg) skew(-2deg, 0deg) ;
            transform: rotate(-2deg) skew(-2deg, 0deg) ;
}


.rotatedBg .resetter {
    margin-top: -50px;
    margin-bottom: -550px;
    padding-bottom: 550px;

    -webkit-transform: rotate(-2deg) skew(-2deg, 0deg) ;
       -moz-transform: rotate(-2deg) skew(-2deg, 0deg) ;
        -ms-transform: rotate(-2deg) skew(-2deg, 0deg) ;
         -o-transform: rotate(-2deg) skew(-2deg, 0deg) ;
            transform: rotate(-2deg) skew(-2deg, 0deg) ;

}


.rotatedBgCcw .resetter {
    margin-top: -50px;
    margin-bottom: -550px;
    padding-bottom: 550px;

    -webkit-transform: rotate(2deg) skew(2deg, 0deg) ;
       -moz-transform: rotate(2deg) skew(2deg, 0deg) ;
        -ms-transform: rotate(2deg) skew(2deg, 0deg) ;
         -o-transform: rotate(2deg) skew(2deg, 0deg) ;
            transform: rotate(2deg) skew(2deg, 0deg) ;
}

/* adds specific sizes for the tables, mediaQueries below */

.half77 {width: 77%; }
.half23 {width: 23%;}

#xdslTest div.offers2 div.xdslOffer {
    width: 40.5%;
    float: left;
    margin: 0 0 0 2%;
}
#xdslTest div.offers3 div.xdslOffer {
    width: 26.33%;
    float: left;
    margin: 0 0 0 2%;
}
#xdslTest .offers2 .xdslOffer.adsl div,
#xdslTest .offers3 .xdslOffer.adsl div {
    font-size: 15px;
}

#xdslTest div.offers4 div.xdslOffer {
    width: 19.25%;
    float: left;
    margin: 0 0 0 2%;
}
#xdslTest .offers4 .xdslOffer.adsl div {
    font-size: 13px;
}

@media screen and (max-width: 720px) {
    #xdslTest div div .adsl div {
        font-size: 13px !important;
    }
}
@media screen and (max-width: 681px) {
    #xdslTest div.offers2 div.xdslOffer,
    #xdslTest div.offers3 div.xdslOffer,
    #xdslTest div.offers4 div.xdslOffer {
        width: 100% !important;
        margin: 0; 
        float: none;
        margin-top: 30px;
    }
    .disable {
        display: none !important;
    }
    .shownSmartphones {
        font-weight: 200;
        padding-top: 12px !important;
    }

    .sdslEligibility #et_main_form_input,
    .half77 {width: 100%; background: #efefef;}
    .half23 {width: 100%; text-align: center;}
}


/*---- */

.blur * {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

#xdslTest .xdslOffer .hoverPan {
    position: absolute; 
    background-color: rgba(53, 66, 145, 0.90);
    width: 100%;
    height: 100% !important;
    top: -5px; 
    left: 0;
}

#xdslTest .xdslOffer .hoverPan .blueArg,
#xdslTest .xdslOffer .hoverPan .greyArg {
    background-color: #33ACFF; 
    display: inline; 
    padding: 10px 20px;
    font-size: 32px;
    height: auto;
}
#xdslTest .xdslOffer .hoverPan .greyArg {
    background-color: #262626; 
}

#xdslTest .xdslOffer .hoverPan,
#xdslTest .xdslOffer .hoverPan * {
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px);
    
    color: rgba(255,255,255,1);
    visibility: visible;
}





.sdslEligibility #et_main_form_input,
#adslHeader #et_main_form_input {
    border: 0; 
    height: 42px;
    line-height: 42px;
    /*width: 50%;*/
}
#et_main_form_input::-ms-clear {
    display: none;
}

#xdslTest div a.none:hover h4,
#xdslTest .sdslTitles div.blue,
.sdsl .blue,
.sdsl a   { color: #32ACFF !important; }


/*  Fake selects to redraw  */


div.fancy-select {
    display: inline-block; /* Needed to behave like a select element */
    *display: inline; /* IE7 fix */
    *zoom: 1; /* IE7 fix */
    vertical-align: middle;
    margin: 0;
    padding: 0;
    overflow: hidden; /* For float clearing */
    cursor: pointer;
    /*padding: 1px;*/
    color: #333333;
    background: #fff;
    border: none;
    font-weight: bold;
}

div.fancy-select .arrow {
    display: block;
    float: left;
    height: 42px;
    width: 16px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAANElEQVQImXXLwQkAIAxD0b9TFnSnDKgXCyXWDz2U8AAM7OEMoM8obqlNK7WIPKnUj6pWfw5v3BfTx+n+2AAAAABJRU5ErkJggg==');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

ul.fancy-select {
    margin: 0; /* Reccomended! */
    padding: 0;
    z-index: 200;
}

ul.fancy-select li {
    margin: 0;
    /*padding: 1px;*/
    list-style-type: none; /* We do not need bullets */
    border: 1px solid #dddddd;
    background: #eeeeee;
    overflow: hidden; /* For float clearing */
    border-top: none; /* Avoid double-borders */
    cursor: pointer;
    z-index: 200;
    *width: 150px; /* IE7 fix, we HAVE TO se fixed with :( */
    *margin-bottom: -3px; /* IE7 fix */
}

ul.fancy-select li:hover {
    background: #32ACFF;
}

ul.fancy-select li.selected {
    background: #32ACFF;
    font-weight: bold;
}

ul.fancy-select li.disabled {
    background-color: #dddddd;
    color: #666666;
    cursor: default;
}

.fancy-select .image {
    display: block;
    float: left;
}

.fancy-select .text {
    display: block;
    float: left;
    height: 42px;
    line-height: 42px;
    padding: 0 5px 0 45px;
    
}

/* Some rules to have bigger images for "fancy-select-big" class */
ul.fancy-select-big li .image {
    display: block;
    float: left;
    width: 64px;
    height: 64px;
}

ul.fancy-select-big li {
    *width: 64px; /* IE7 fix, we HAVE TO se fixed with :( */
}
/* ---- */ 


.bigPadMenu a {
    width: 80%;
    display: block;
    padding: 15px 0;
    text-align: center;
    border: 1px solid #494949;
    text-decoration: none;
    color: #494949;
    margin: 0 0 8px 0;
    position: relative;
}

.bigPadMenu a:hover {
    border: 1px solid #32ACFF;
    color: #32ACFF;
}

#footer {
    width: 100%;
    background-color: #2E3234;
    padding: 60px 0 30px 0;
}

#footer .wrapper { text-align: right; }

#footer h3, #footer div {
    color: #FFF;
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
    background-color: transparent;
    text-align: left;
}

#footer ul li {
    padding: 0;
    line-height: 14px;
}

#footer ul li a {
    font-size: 12px;
    line-height: 14px;
}

#footer a.pipe,
#footer a.pipe:link,
#footer a.pipe:hover,
#footer a.pipe:active,
#footer a.pipe:visited,
#footer a,
#footer a:link,
#footer a:visited,
#footer a:active {
    color: #FFF !important;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}

#footer .pipe { margin: 0 10px; }

#bgvid {
    display: none;
}

@media screen and (min-width: 971px) {
   video#bgvid {
       position: absolute; 
       /*right: 0; */
       /*left: 50%;*/
       bottom: 0;  
       left: 50%;
       -ms-transform: translate(-50%,0);
       -webkit-transform: translate(-50%,0);
       transform: translate(-50%,0);
       width: auto;
       /*max-width: 100%; */
       min-width: 100%;
       min-height: 100%;
       height: auto; z-index: 0;
       background: transparent;
       background-size: cover;
       display : block;
       /* margin-left: -960px;*/
   }

}


@media screen and (max-width: 681px) {
    body {
        padding-top: 68px !important;
    }

    #menu {
        top: 0;
    }

    #menu .main-logo {
        width: 70px;
    }

    #menu .small-logo {
        display: block;
    }

    div.fiabilisez {
        margin-top: 0;
    }

    div.community.table-cell {
        width: 100%;
    }

    .you-have-a-project {
        height: auto;
    }

    #footer div.section2 {
        padding: 2% !important;
    }
}

@media screen and (max-width: 971px) {
    #menu a.mobile-menu-icn {
        display: inline-block;
    }
}

@media screen and (max-width: 1800px) {
    /*
        LARGE PADS
        CSS
    */
    div.productMap .largePad div.product {
        width: 49%;
        float: left;
        margin-right: 2%;
    }
    div.productMap .largePad div.display-on-normal:last-child {
    /*div.productMap .largePad div.product:last-child {*/
        margin-right: 0;
    }

    /*
        SMALL PADS
        CSS
    */
    div.productMap .smallPad div.product {
        width: 32%;
        float: left;
        margin-right: 2%;
        margin-top: 20px;
    }
    div.productMap .smallPad div.display-on-normal:nth-of-type(5) {
    /*div.productMap .smallPad div.display-on-normal:nth-of-type(3n) {*/
        margin-right: 0 !important;
    }
    div.productMap .smallPad div.product {
    }

    div.display-on-large {
        display: none;
    }
}

@media screen and (min-width: 1800px) {
    div.productMap div.wrapper {
        width: 85%;
    }

    div.productMap .largePad div.display-on-large:last-child {
        margin-right: 0;
    }

    div.productMap .largePad div.product {
        width: 32%;
        float: left;
        margin-right: 2%;
    }


    div.productMap .smallPad div.product {
        width: 23.5%;
        float: left;
        margin-right: 2%;
        margin-top: 20px;
    }
    
    div.productMap .smallPad div.product:nth-of-type(4n),
    div.productMap .smallPad div.product:last-child,
    div.productMap .largePad div.product:last-child {
        margin-right: 0;
    }

    div.productMap .smallPad div.product:nth-of-type(4n+5) {
        clear: left;
    }

    div.hide-on-large {
        display: none;
    }
}