/* CSS document */


/* 
    Fonts parts
*/


/* this is for the prices */
@font-face {
    font-family: 'Eau';
    src: url('/style/fonts/eau/eau_sans_bold-webfont.eot');
    src: url('/style/fonts/eau/eau_sans_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/style/fonts/eau/eau_sans_bold-webfont.woff') format('woff'),
         url('/style/fonts/eau/eau_sans_bold-webfont.ttf') format('truetype'),
         url('/style/fonts/eau/eau_sans_bold-webfont.svg#EauSansBold') format('svg');
    font-weight: bold;
    font-style: normal;

}



/* Hand draw font */

@font-face {
    font-family: 'ovhbt';
    src: url('fonts/ovh/ovhbt.eot');
    src: url('fonts/ovh/ovhbt.eot?#iefix') format('embedded-opentype'),
         url('fonts/ovh/ovhbt.woff') format('woff'),
         url('fonts/ovh/ovhbt.ttf') format('truetype'),
         url('fonts/ovh/ovhbt.svg#ovhbtRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*@font-face {
    font-family: 'Desyrel';
    src: url('fonts/desyrel/desyrel-webfont.eot');
    src: url('fonts/desyrel/desyrel-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/desyrel/desyrel-webfont.woff') format('woff'),
         url('fonts/desyrel/desyrel-webfont.ttf') format('truetype'),
         url('fonts/desyrel/desyrel-webfont.svg#DesyrelRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}*/



/* this is the main  font */

@font-face {
    font-family: 'Cabin';
    src: url('/style/fonts/cabin/Cabin-Regular-webfont.eot');
    src: url('/style/fonts/cabin/Cabin-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/style/fonts/cabin/Cabin-Regular-webfont.woff') format('woff'),
         url('/style/fonts/cabin/Cabin-Regular-webfont.ttf') format('truetype'),
         url('/style/fonts/cabin/Cabin-Regular-webfont.svg#CabinRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Museo';
    src: url('/style/fonts/cabin/Cabin-Regular-webfont.eot');
    src: url('/style/fonts/cabin/Cabin-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/style/fonts/cabin/Cabin-Regular-webfont.woff') format('woff'),
         url('/style/fonts/cabin/Cabin-Regular-webfont.ttf') format('truetype'),
         url('/style/fonts/cabin/Cabin-Regular-webfont.svg#CabinRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Cabin';
    src: url('/style/fonts/cabin/Cabin-Medium-webfont.eot');
    src: url('/style/fonts/cabin/Cabin-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/style/fonts/cabin/Cabin-Medium-webfont.woff') format('woff'),
         url('/style/fonts/cabin/Cabin-Medium-webfont.ttf') format('truetype'),
         url('/style/fonts/cabin/Cabin-Medium-webfont.svg#CabinMedium') format('svg');
    font-weight: 500;
    font-style: normal;

}

@font-face {
    font-family: 'Cabin';
    src: url('/style/fonts/cabin/Cabin-Bold-webfont.eot');
    src: url('/style/fonts/cabin/Cabin-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/style/fonts/cabin/Cabin-Bold-webfont.woff') format('woff'),
         url('/style/fonts/cabin/Cabin-Bold-webfont.ttf') format('truetype'),
         url('/style/fonts/cabin/Cabin-Bold-webfont.svg#CabinBold') format('svg');
    font-weight: bold;
    font-style: normal;

}




/*
 Main styles, 
 HTML Redesign 
*/


* {
    margin: 0;
    padding: 0;
    font-family: 'Cabin','Trebuchet MS', "Gill Sans",sans-serif;
    color: #262626;
    text-align: left;    
}

/*body {
    background: white;
    text-align: center;
}
#body {
    margin-top: 95px;
}
*/
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}

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

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

.modal {
  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;
}

.modal.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;
}

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

.modal-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;
}

.normal {
    font-weight: normal;
}


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


h1 {
    text-align: left;
    font-size: 26px;
    /*border-style: none none solid none;
    border-width: 2px;*/
    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 0 0 5%;
    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: 0px;
font-size: 2em;
font-family: 'Cabin', sans-serif;
font-weight: bold;
text-shadow: 0 1px 0 white, 0 2px 4px rgba(0,0,0,0.3);
}


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 .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 .bgSiteWebContent {
    background-position : right bottom;
}


a.blue_pnl .colContent .bgAdslContent {
    background-image : url('../images/index/pads/box.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 .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 {
    background: #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 : 43px;
    display : block;
    text-align : right;
    font-size: 1.4em;
}

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 {
font-size: 16px;
line-height: 120%;
text-shadow: #fff 0px 0px 1px, #fff 0px 0px 3px;
}

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;

-webkit-transition: all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
transition:all 0.2s ease;


}
.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,  #0f5c88 0%, #053865 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f5c88), color-stop(100%,#053865)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0f5c88 0%,#053865 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0f5c88 0%,#053865 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0f5c88 0%,#053865 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #0f5c88 0%,#053865 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f5c88', endColorstr='#053865',GradientType=0 ); /* IE6-9 */
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
#testPanel {
    width : 965px;
    position : relative;
    background: #0f5c88; /* Old browsers */

background: -moz-linear-gradient(top,  #002f54 0%, #053865 3%, #0f5c88 15%, #0f5c88 76%, #053865 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#002f54), color-stop(3%,#053865), color-stop(15%,#0f5c88), color-stop(76%,#0f5c88), color-stop(100%,#053865)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #002f54 0%,#053865 3%,#0f5c88 15%,#0f5c88 76%,#053865 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #002f54 0%,#053865 3%,#0f5c88 15%,#0f5c88 76%,#053865 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #002f54 0%,#053865 3%,#0f5c88 15%,#0f5c88 76%,#053865 100%); /* IE10+ */

background: linear-gradient(to bottom,  #002f54 0%,#053865 3%,#0f5c88 15%,#0f5c88 76%,#053865 100%); /* W3C */

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


    }

/* 
    price display
    

    BGP equivalent :
    div price container and inside : 
        eur : the euros
        cts : the cents, plus the dot
        cur : currency (wsill float left or right =)
        tad : tax and durations
        <br/
        ttc : the ttc

    display_price equivalent :

    sprice classe container 
        tad : tax and duration
        ttc : the ttc 

*/



.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;
}
.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;
}

.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 ;
}
.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/sep.png) no-repeat 0 0;
    width : 2px;
    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: #333;
}

.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.jpg') 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;
}
/*
 
 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');
}

.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: 32.05%; 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 */





/* 

    footer


*/

#footer {
/*    width: 100%;
    background: transparent url(/images/main/panelTex2.jpg) repeat-x 0% 50%;
    border-top: 1px solid #eee;
*/
}

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

#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 {
    text-decoration: none;
    font-size: 12px;
    margin-top: 10px;
    display: inline-block;
}

#footer a.white,
#footer a.white:link,
#footer a.white:visited,
#footer a.white:active {
    color : white;
}

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

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

#footer 

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% ; }


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;
    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;
}

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%;
}

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";
}


/*********************************/
/*  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;
}
 
.mainContainer{
    max-width:1100px;
    margin:auto;
    display:block;
}

.mainContainer .blue_pnl{
    margin: 1% 0 0 1% ;
    z-index: 1;

}
.mainContainer .blue_pnl .filet{
-webkit-transition: all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
transition:all 0.2s ease;


}

.bigPadHubiC a {text-decoration:none;}
.bigPadHubiC .button {width:150px;margin:1% 0% 0% 45%;}

.bigPadHubiC h2{
color: #fff;
margin: 3% 0% 0% 1%;
font-size: 5em;
font-weight: normal;
text-shadow: 0 2px 4px rgba(0,0,0,0.3);
display: inline-block;
background: url('/images/index2014/Icon_hubiC.png') center left no-repeat;
padding: 27px 0px 20px 80px;
font-family: 'ovhbt';
}

.bigPadHubiC h3{
color:rgba(256,256,256,0.7);
max-width:400px;
text-shadow: 0 1px 0 white, 0 2px 2px rgba(0,0,0,0.2);
font-weight:normal;
margin: 1% 31%;
font-size: 1.4em;
font-family: 'Cabin', sans-serif;
}

.bigPadHubiC p{
color: rgba(256,256,256,0.87);
text-shadow: none;
font-size: 1.3em;
max-width: 400px;
margin: 1% 0% 0% 1%;
text-align: justify;
font-family: 'Cabin', sans-serif;
line-height: 1.35em;
text-shadow: 0 1px 0px rgba(0,0,0,0.3);
}


.bigPadCloud a {text-decoration:none;}
.bigPadCloud .button {width:150px;margin:1% 9%;}

.bigPadCloud h2{
color:#ff540f;
margin: 2% 0% 0% 9%;
font-size: 3em;
font-family: 'Cabin', sans-serif;
font-weight:bold;
text-shadow: 0 1px 0 white, 0 2px 4px rgba(0,0,0,0.3);
}

.bigPadCloud h3{
color:#ff9501;
max-width:400px;
text-shadow: 0 1px 0 white, 0 2px 2px rgba(0,0,0,0.2);
font-weight:bold;
margin: 1% 9%;
font-size: 1.3em;
font-family: 'Cabin', sans-serif;
}

.bigPadCloud p{
color:#555;
max-width:400px;
margin: 1% 9%;
font-size: 1.2em;
line-height: 1.3em;
text-align:justify;
font-family: 'Cabin', sans-serif;
}

.preFoot{
/*    background:#151515;
    -webkit-box-shadow:inset 0px 0px 5px 0px rgba(0, 0, 0, 0.7);
    box-shadow:inset 0px 0px 5px 0px rgba(0, 0, 0, 0.7);
*/
}
.domBar2014{
background: #0c5baf url('/images/index2014/fdDom.jpg') top center repeat;
height:50px;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(256, 256, 256, 0.5);
box-shadow: inset 0px 1px 0px 0px rgba(256, 256, 256, 0.5);
}

.whoIsOvh{
background: #0c5cb1;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBjNWNiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYzUzYTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #0c5cb1 0%, #0c53a9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c5cb1), color-stop(100%,#0c53a9));
background: -webkit-linear-gradient(top, #0c5cb1 0%,#0c53a9 100%);
background: -o-linear-gradient(top, #0c5cb1 0%,#0c53a9 100%);
background: -ms-linear-gradient(top, #0c5cb1 0%,#0c53a9 100%);
background: linear-gradient(to bottom, #0c5cb1 0%,#0c53a9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c5cb1', endColorstr='#0c53a9',GradientType=0 );
background: #0073AC;
background: #00629e;

min-height:280px;
-webkit-box-shadow: inset 0px 0px 4px 1px rgba(0, 0, 0, 0.5);
box-shadow: inset 0px 0px 4px 1px rgba(0, 0, 0, 0.5);
}

.whoIsOvh h2{
color: #fff;
margin: 3% 0% 1% 4%;
font-size: 2.2em;
font-family: 'Cabin', sans-serif;
font-weight: bold;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
}

.whoIsOvh a{
color:rgba(256,256,256,0.9);
font-family: 'Cabin', sans-serif;
font-size: 1em;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
}


.whoIsOvh p{
color:rgba(256,256,256,0.8);
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
font-family: 'Cabin', sans-serif;
font-size: 1.2em;
text-align:justify;
margin: 0% 0% 0% 4%;
}

.preFootLogos .mainContainer{
    text-align:center;
}

.preFootLogos{
    background:#28272D;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.7);
}

.preFootLogos img{
    text-align:center;
    margin:2% 4%;
}


body{ background:#151515; }
#body{ background:#e1e1e1; }

.padPrice{
    color:#ac0000;
    font-size:1.2em;
    margin: 9% 0% 0% 3%;
    max-width: 100px;
}

.whoIsOvh ul{
width:30%;
float:left;
margin-top: 2%;
}

.preFoot ul{
width:20%;
float:left;
}

.preFoot li, .whoIsOvh li{
padding:1%;
background:none;
list-style:none;
}

.preFoot li a, .whoIsOvh li a{
color: rgba(256,256,256,0.5);
text-decoration: none;
font-size: 1.1em;
display: block;
text-shadow: #000 0px -1px 0px;

-webkit-transition: all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
transition:all 0.2s ease;


}

.preFoot li a:hover, .whoIsOvh li a:hover {
color:rgba(256,256,256,0.95);
text-decoration:none;
}

.preFoot li a.title, .whoIsOvh li a.title {
color:rgba(256,256,256,0.8);
text-decoration:none;
font-weight:bold;
margin-top: 5%;
font-size: 1.2em;
display: block;
}

.preFoot ul{
margin: 2% 0% 0% 2%;

}

 .whoIsOvh li a{
color: rgba(256,256,256,0.8);
text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
}

 .whoIsOvh li a.title{
color: rgba(256,256,256,0.9);
}

.slider2014{
    width:100%;
    -webkit-box-shadow:inset 0px 0px 5px 1px rgba(0, 0, 0, 0.5),0px 1px 0px 0px rgba(256, 256, 256, 1);
    box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, 0.5),0px 1px 0px 0px rgba(256, 256, 256, 1);
    height:260px;
    margin-top: 118px;
    overflow:hidden;

-webkit-transition: all 0.6s ease;
-moz-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
transition:all 0.6s ease;


}

/*
.slider2014:hover {
    background-position:35% 50%;
}
*/

.slider2014 a{
font-family: 'Cabin', sans-serif;
color: rgba(0,0,0,0.5);
cursor: pointer;
display: block;
font-size: 1.8em;
text-decoration:none;
-webkit-transition: all 0.6s ease;
-moz-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
transition:all 0.6s ease;
text-shadow: rgba(256,256,256,0.9) 1px 1px 0px, rgba(256,256,256,0) -1px -1px 0px, rgba(0,0,0,0.25) -6px 3px 2px;
}

.slider2014 a h1{
    font-size: 25px;
    text-align: center;
    letter-spacing: 8px;
    line-height: 28px;
    color: #fff;
    display:block;
}

.slider2014 p {
    border-bottom: 1px solid #fff;
    font-size: 50px;
    line-height: 50px;
    color: #fff;
    text-align: center;
}

.slider2014 span.index-button {
    line-height: 20px;
    width: 20%;
    text-align: center;
    display:block;
    padding: 10px 18px;
    background: #e3e3e3;
    border-radius: 3px;
    -webkit-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.7);
    -moz-box-shadow:    0px 4px 3px 0px rgba(0, 0, 0, 0.7);
    box-shadow:         0px 4px 3px 0px rgba(0, 0, 0, 0.7);
    color: black;
    text-decoration: none;
    font-size: 15px;
    margin: 0 auto;
    text-shadow: none;
}

.slider2014  span.index-button:hover {
    background: white;
}


.leftSideContent {
    width: 45%;
}


/*
.leftSideContent {
-webkit-transition: all 0.6s ease;
-moz-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
transition:all 0.6s ease;
height: 230px;
padding: 30px;
margin: -35px 0px !important;
}

.slider2014:hover a:not(.button) {
text-shadow:rgba(256,256,256,0) 1px 1px 0px, rgba(256,256,256,0.9) -1px -1px 0px, rgba(0,0,0,0.5) 40px 10px 20px;
}
*/
.domCircle a{
-webkit-transition: all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
transition:all 0.2s ease;
position:absolute;
margin-top:5px;
}

.domCircle a:hover {
margin-top:-5px;
}
/*
@media screen and (min-width:900px) {

    .leftSideContent {
        -moz-transform:matrix(0.98, -0.01, -0.01, 0.98, 40, 0) perspective(170px);
        -webkit-transform:matrix(0.98, -0.01, -0.01, 0.98, 40, 0) perspective(170px);
        -o-transform:matrix(0.98, -0.01, -0.01, 0.98, 40, 0) perspective(170px);
        -ms-transform:matrix(0.98, -0.01, -0.01, 0.98, 40, 0) perspective(170px);
        transform:matrix(0.98, -0.01, -0.01, 0.98, 40, 0) perspective(170px);
    }


    .slider2014:hover .leftSideContent{
        -moz-transform:matrix(1, 0, 0, 1, 0, 0) perspective(170px);
     -webkit-transform:matrix(1, 0, 0, 1, 0, 0) perspective(170px);
          -o-transform:matrix(1, 0, 0, 1, 0, 0) perspective(170px);
         -ms-transform:matrix(1, 0, 0, 1, 0, 0) perspective(170px);
             transform:matrix(1, 0, 0, 1, 0, 0) perspective(170px);

    }


}
*/

.sliderPrice{
font-size:20px;
margin: 50px 0px 0px 20px;
}

.slider2014 .button{
width: 200px !important;
float: left !important;
padding: 0.5% !important;
margin-left: 30px !important;
}

.sliderPrice .from {
float:left;
font-size: 1em;
margin-top: 20px;
color:rgba(0,0,0,0.5);
}

#assistance{
font-size: 20px;
width: 30%;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0px 0px 50px 3px rgba(0, 0, 0, 0.25),0px 0px 0px 1px rgba(256, 256, 256, 0.05);
box-shadow: inset 0px 0px 50px 3px rgba(0, 0, 0, 0.25),0px 0px 0px 1px rgba(256, 256, 256, 0.05);
padding: 1% 2%;
margin: 3% 0%;
float:right;
}

#assistance a{
font-size:1.4em;
margin-top:2%;
}

#assistance a.small{
font-size:1em;
margin-top:-2%;
}

#assistance .smallPrice{
color:rgba(256,256,256,0.5);
}

#domainInput{
height: 27px;
margin: 7px 0% 0% 1%;
border: none;
padding: 5px 10px;
border-radius: 3px;
width: 60%;
font-size: 1.5em;
outline:none !important;
float:left;

-webkit-box-shadow: inset 0px 0px 0px 1px rgba(256, 256, 256, 1), inset 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
box-shadow: inset 0px 0px 0px 1px rgba(256, 256, 256, 1), inset 0px 0px 3px 1px rgba(0, 0, 0, 0.3);

-webkit-transition: all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
transition:all 0.2s ease;

}

#domainInput:hover {
-webkit-box-shadow: inset 0px 0px 0px 1px rgba(256, 256, 256, 1), inset 0px 0px 6px 1px rgba(0, 0, 0, 0.5);
box-shadow: inset 0px 0px 0px 1px rgba(256, 256, 256, 1), inset 0px 0px 6px 1px rgba(0, 0, 0, 0.5);
}

#content{
max-width: 900px;
}

#domainInput:focus {
-webkit-box-shadow: inset 0px 0px 0px 1px rgba(256, 256, 256, 1), inset 0px 0px 12px 1px rgba(0, 0, 0, 0.6);
box-shadow: inset 0px 0px 0px 1px rgba(256, 256, 256, 1), inset 0px 0px 12px 1px rgba(0, 0, 0, 0.6);
}

#odline_index, #odline_index div{
}
.domCircle{
height: 100px;
width: 200px;
float: right;
background: url('/images/index2014/Domain_Circle.png') center bottom no-repeat;
margin: -50px 10px 0px 40px;


/***** acceleration materielle********/

transform: translateZ(0);
transform: translate3d(0,0,0);
perspective: 1000; backface-visibility: hidden;

}

.whoisTxt{ width:60%; float:left; }
.whoIsOvh img{ position: absolute; margin-top:-5px;
}

.bigPadHubiC {background:url('/images/index2014/fdHubiC2.png') top left no-repeat; height:295px; display:block; }


.socialLink {
width: 30%;
padding: 1% 2%;
float:right;
}
.socialLink a {
    margin:10px;
}

@media screen and (max-width:1300px) {
        .whoIsOvh img{ display:none;}
        .picContain{ background:url('/images/index2014/rbx4.png') bottom right no-repeat; min-height:280px; padding-top:10px; }
}


@media screen and (max-width:1100px) {

    #domainInput{width:55%;}
    .bigPadCloud h2{ margin: 2% 0% 0% 2.5%;}
    .bigPadCloud h3 {margin: 1% 0% 0% 2.5%;}
    .bigPadCloud p {margin: 1% 2.5%;}
    .bigPadHubiC h2{ margin: 2% 0% 0% 2%;}
    .bigPadHubiC p{ margin: 1% 0% 0% 1%;}
    .whoIsOvh h2 { margin: 3% 0% 1% 2%; }
    .whoIsOvh p {margin: 0% 2%;}
    .whoIsOvh ul {margin: 2% 0% 0% 2%;}
    .preFoot ul { margin: 2% 0% 0% 2%; }
}

@media screen and (max-width:900px) {
    #domainInput{width:50%;}
    .picContain { background: url("/images/index2014/rbx4.png") no-repeat scroll 140% bottom rgba(0, 0, 0, 0); }
}

@media screen and (max-width:800px) {
    #domainInput{width:40%;}
    .whoisTxt{ width:100%; float:none; }
    .whoIsOvh , .whoisTxt{ padding-top:10px; }
    .preFoot ul { width: 30%; }
    #assistance{width:60%;}
    .picContain { background:transparent; }
    .header_wrapper .support{display:none;}
    .colIllustrated{
        background-position: 130% 100% !important;
        background-size: 70% !important;
    }
}

@media screen and (max-width:700px) {
    .domCircle{display:none;}
    #domainInput { width: 70%; }
    #domsFormContainer .button{ width:20%; }
    .colIllustrated { background-size:auto !important; background-position: 100% 100% !important; }
    .blue_pnl { height:auto !important; width:97%; }
    .colIllustrated p{ width: 70%; }
    .bigPadCloud{background:none !important; height:auto !important;}
    .bigPadHubiC {background:url('/images/index2014/fdHubiC2.png') top left no-repeat !important;  height:auto !important;}
    .bigPadCloud h3, .bigPadCloud p {max-width:98% !important;}
    .bigPadHubiC .button,.bigPadCloud .button { margin: 1% auto !important; }
    .bigPadHubiC h2, .bigPadHubiC h3 { margin: 2% !important; }
    
.slider2014 h1 {margin: 20px 10px; }
.slider2014 a { font-size:1.5em; margin: 20px auto; } 
.slider2014{ background:url(/images/index2014/WebHostingSlide.jpg) 50% 50% repeat-x; }
.slider2014:hover { background:url(/images/index2014/WebHostingSlide.jpg) 46% 50% repeat-x; }
.sliderPrice { font-size: 18px; margin: 50px 0 0 20px; }

#assistance{width:96%; margin:0px auto; clear:both; float:none;}
.socialLink { width: 90%; padding: 5%; clear: both; text-align: center; }
}

@media screen and (max-width:600px) {
    #domainInput { width: 60%; }
    .slider2014 h1 { margin: 10% 0% 0% 0%; font-size:2em;}
    .slider2014 p { margin: 1% 0% 0% 0%; font-size:0.75em;}
    .slider2014 img { margin: 110px auto 0px auto !important;}
    .slider2014 button { margin-top: 20px; } 
    .slider2014{ background:url(/images/index2014/WebHostingSlide.jpg) 50% 50% repeat-x; }
    #domainInput { width: 50%; }
    .colIllustrated { background-size:50% !important; background-position: 100% 100% !important; }

    .leftSideContent{
        padding: 10% 4%;
    }

}

@media screen and (max-width:500px) {
    .preFoot ul { width: 40%; }

    .bigPadHubiC p { width:96% !important; max-width: 96% !important;}
}

.effect2:hover:before, .effect2:hover: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 40px #777;
  -moz-box-shadow:0 15px 40px #777;
  box-shadow:0 15px 40px #777;
  -webkit-transform: rotate(-4deg);
  -moz-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);

-webkit-transition: all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
transition:all 0.2s ease;




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

/*
.effect2:hover {
    box-shadow: 0 15px 20px #aaa;
    
}*/