/* CSS document */


/* 
    Fonts parts
*/



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

}



/* Hand draw font */
@font-face {
    font-family: 'OpenSans';
    src: url('fonts/openSans/OpenSans-Italic-webfont.eot');
    src: url('fonts/openSans/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/openSans/OpenSans-Italic-webfont.woff') format('woff'),
         url('fonts/openSans/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('fonts/openSans/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: italic;

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

}
@font-face {
    font-family: 'OpenSans';
    src: url('fonts/openSans/OpenSans-Semibold-webfont.eot');
    src: url('fonts/openSans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/openSans/OpenSans-Semibold-webfont.woff') format('woff'),
         url('fonts/openSans/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('fonts/openSans/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans';
    src: url('fonts/openSans/OpenSans-Bold-webfont.eot');
    src: url('fonts/openSans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/openSans/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/openSans/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/openSans/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: 800;
    font-style: normal;

}


@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('fonts/cabin/Cabin-Regular-webfont.eot');
    src: url('fonts/cabin/Cabin-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cabin/Cabin-Regular-webfont.woff') format('woff'),
         url('fonts/cabin/Cabin-Regular-webfont.ttf') format('truetype'),
         url('fonts/cabin/Cabin-Regular-webfont.svg#CabinRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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


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

}

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

}




/*
 Main styles, 
 HTML Redesign 
*/


* {
    margin: 0;
    padding: 0;
    color: #262626;
    font-size: 12px;
    line-height: 16px;
/*    text-align: left;    */
    font-family:  'Cabin', 'Liberation Sans', 'Arial', 'Nimbus Sans L', 'FreeSans', sans-serif;
    z-index: 1;
}

body {
    background: #e1e1e1;
/*    text-align: center;*/
}


@media screen and (max-width: 800px) {
    div.HeaderLinks{
        display :none;
    }
/*
    div.menuDropper{
        display:none;
    }*/
div.logOVH {
    display:block;
    float: left;
    margin: 0;
}


}

table {
    background: none !important;
}

@media screen and (min-width: 800px) {
div.logOVH {
    display:block;
    float: left;
    width: 32%;
    margin: 0;
    max-height: 50px;
}
}

div.HeaderLinks{
    width: 66%;
    margin: 0;
}


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

/*
div.dedicatedCloud {
    width: 1000px;
    margin: 0 auto;
}
*/


#main {
    width: 1012px;
    background: white;
    /*border-radius: px;*/
    -moz-box-shadow: 0px 2px 3px #222;
    -webkit-box-shadow: 0px 2px 3px #222;
    box-shadow: 0px 2px 3px #222;
    margin: 95px auto 0 auto;
    padding: 0;
    _border: 1px solid #222;
    *border: 1px solid #222;
}

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

.h1 {
    line-height: 48px;
    font-size: 32px;
    color: #666;
}

.h2 {
    color: #666;
    font-size: 28px;
    line-height: 34px;
}

.normal {
    font-weight: normal;
}


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

.center,
.center * {
    text-align:center;
    text-indent:0;
}

h1 {
    text-align: left;
    font-size: 26px;
    /*border-style: none none solid none;
    border-width: 2px;*/
    line-height: 33px;
    color: #074FA4;
}
h2 {
    text-align: left;
    font-size: 22px;
    color: #0068b1;
    font-weight: bold;
}
h3 {
    text-align: left;
    font-size: 18px;
    color: #0068b1;
    font-weight: 500;
}

.lh10, .lh10 * { line-height: 10px; _height: 10px; *height: 10px; }
.lh14, .lh14 * { line-height: 14px; _height: 14px; *height: 14px; }
.lh16, .lh16 * { line-height: 16px; _height: 16px; *height: 16px; }
.lh18, .lh18 * { line-height: 18px; _height: 18px; *height: 18px; }
.lh20, .lh20 * { line-height: 20px; _height: 20px; *height: 20px; }
.lh24, .lh24 * { line-height: 24px; _height: 24px; *height: 24px; }
.lh22, .lh22 * { line-height: 22px; _height: 22px; *height: 22px; }
.lh28, .lh28 * { line-height: 28px; _height: 28px; *height: 28px; }
.lh30, .lh30 * { line-height: 30px; _height: 30px; *height: 30px; }
.lh60, .lh60 * { line-height: 60px; _height: 60px; *height: 60px; }

.fs60 { font-size: 60px; font-family: "Cabin", "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; }
.fs30 { font-size: 30px; font-family: "Cabin", "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; }
.fs26 { font-size: 26px; font-family: "Cabin", "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; }
.fs22 { font-size: 22px; font-family: "Cabin", "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; }
.fs20 { font-size: 20px; font-family: "Cabin", "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; }
.fs18 { font-size: 18px; font-family: "Cabin", "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; }
.fs16 { font-size: 16px; font-family: "Cabin", "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; }
.fs15 { font-size: 15px; font-family: "Cabin", "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; }
.fs14 { font-size: 14px; font-family: "Cabin", "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; }
.fs13 { font-size: 13px; font-family: "Cabin", "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; }
.fs12 { font-size: 12px; font-family: "Cabin", "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; }
.fs10 { font-size: 10px; font-family: "Cabin", "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; }
.fs12 * { font-family: "Cabin", "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; }


.full     { width: 100%; }
.half     { width: 49%; } 
.half10   { width: 10%; } 
.half15   { width: 15%; } 
.half20   { width: 20%; } 
.half25   { width: 24%; } 
.half33   { width: 33%; } 
.half37   { width: 37%; } 
.half40   { width: 40%; } 
.half45   { width: 45%; } 
.half48   { width: 48%; } 
.half55   { width: 54%; } 
.half66   { width: 65%; } 
.half70   { width: 70%; } 
.half75   { width: 74%; } 
.half80   { width: 80%; } 
.half90   { width: 90%; } 
.half95   { width: 95%; } 



img {
    border: 0;
}

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


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

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

a.reverted,
a.reverted:visited,
a.reverted:active,
a.reverted:link {
    text-decoration: none;
}
a.reverted:hover {
    text-decoration: underline;
}

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.none.black:hover,
a.none.black:hover * {
    color : inherit;
}
*/

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

.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.none,
ul.none li.none {
    margin: 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.full tr td {
    text-align: left;
}

table.full tr td.right {
    text-align: right;
}

table,
table  tr, 
table  tr  td,
table  tr  th {
    border: none;
    text-align: center; 
    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;
}


*/

.some-pad h3 {
    color: #fff;
    font-size: 25px;
    line-height: 32px;
    text-decoration: none;
}

.some-pad p { color: #fff; }


a.pad-link *,
a.pad-link .some-pad *,
a.pad-link .some-pad  .content *,
a.pad-link:visited *, 
a.pad-link:visited .some-pad *, 
a.pad-link:visited .some-pad .content *, 
a.pad-link:link *, 
a.pad-link:link .some-pad  *, 
a.pad-link:link .some-pad .content *, 
a.pad-link:active * ,
a.pad-link:active .some-pad * ,
a.pad-link:active .some-pad .content * {
    border: 0px none transparent ; 
    text-decoration: none;
    color: white;
}
a.pad-link:hover *,
a.pad-link:hover .some-pad *,
a.pad-link:hover .some-pad .content * {
    border: 0px none transparent ; 
    text-decoration: none;
    color: #567eb9;
}

.some-pad {
    height: 230px;
    width: 484px;
    margin-left: 6px;
}
.some-pad .content {
    padding: 135px 5px 0 5px; 
}

.compute-solutions { background: transparent url(../images/main/compute-solutions.jpg) no-repeat 0 0; }
.storage-solutions { background: transparent url(../images/main/storage-solutions.jpg) no-repeat 0 0; }
.support-solutions { background: transparent url(../images/main/support-solutions.jpg) no-repeat 0 0; }

.network-solutions      { background: transparent url(../images/main/network-solutions.jpg) no-repeat 0 0;      margin-left: 15px; }
.system-solutions       { background: transparent url(../images/main/system-solutions.jpg) no-repeat 0 0;       margin-left: 15px; }
.datacenter-solutions   { background: transparent url(../images/main/datacenter-solutions.jpg) no-repeat 0 0;   margin-left: 15px; }

.pnl  h2,
.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  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  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;
}

/* 
    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 

*/


.dedicated_price span {
    color: #D83119;
}

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

.dedicated_price,
.dedicated_price span {
    font-size: 13px;
}

li.dedicated a {
    font-size:13px;
}

.price  .eur {
    font-size: 42px;
    color: #d83119;
    line-height: 36px;
}

.price  .eur.fs28 {
    font-size: 28px;
}

.price  .cts {
    font-size: 32px;
    color: #d83119;
    line-height: 36px;
    width: auto;
}

.price  .cts.fs12 {
    font-size: 12px;
}

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

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

.price  .tad {
    font-size: 18px;
    text-align: right;
    line-height: 22px;
    vertical-align: bottom;
    color: #999;
    font-weight: normal;
}

.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*/
.price  .black { color: #666; } /* Sometimes the price class has to be black*/

.sprice, 
.sprice  span {
    font-weight: bold;
    font-family: 'Eau','Arial Black','Verdana', sans-serif;
    color: #D83119;
    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; }

nav ul li a{
/*
    position: absolute;
    z-index: 10;
    top: 0;
    text-align: center;
    width: 100%;
    background-color: #2B292A;
*/
text-decoration:none !important;
}

section.topIndex {
    height: 260px;
    width: 100%;
    background: #000 url(../images/index2014/headerSD2013.jpg) no-repeat 50% 50%;
    margin: 100px 0 0 0;
}

@media screen and (max-width: 1100px) { section.topIndex {background: #000 url('../images/index2014/headerSD2013.jpg') -180px 0px no-repeat !important;} }

section.products {
    width: 100%;
    background: #d7d5d5;
}

section.products div article {
    display: block;
    width: 32%;
    height: 290px;
    float: left;
    text-align: left;
    /*margin: 0 3% 0 3%;*/
}

section.products div article.vps{
    margin: 0 0 0 1%;
}

section.products div article.dedicated{
    margin: 0 1%;
}
/*
@media screen and (max-width:1000px) {
    section.products div article {
        height: auto;
    }
}

@media screen and (max-width: 600px) {
    section.products div article {
        height: auto;
        width: 100%;
    }
    section.products div article.vps{
        margin: 0 0 0 1%;
    }

    section.products div article.dedicated{
        margin: 0 4px;
    }

}
*/
section.products div article.solutions {
    display: block;
    width: 99%;
    height: 94px;
    text-align: left;
    margin: 0 0.5% 0 0.5%;
    background: #28272D url(../images/main/solution-ddos.jpg) no-repeat 0 0;
}
    section.products div article.solutions div.explain {
        color: white;
        width: 45%;
        float: right;
        margin: 26px 0 0 0;
    }
    section.products div article.solutions div.sendto {
        color: white;
        width: 10%;
        float: right;
        margin: 20px 0 0 0;
    }
    
    section.products div article.solutions h1 {
        background: #444444;
        display: table-cell;
        padding: 5px 10px;
        color: white;
        font-size: 21px;
        font-weight: bold;
        width: auto;
        margin: 0;
    }


section div a.index-button {
    line-height: 40px;
    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;
    display: inline;
}
section div a.index-button:hover {
    background: white;
}

section.products *.marged {
    margin: 0px 8px;
}
section.products *.padded {
    padding: 3px 5px;
}


    /*article.vps {
        background: #D7D5D6 url(../images/main/img-vps.jpg) no-repeat 0 0;
    }*/
    /*article.dedicated {
        background: #D7D5D6 url(../images/main/sd-img.jpg) no-repeat  50% 0 ;
    }
    article.cloud {
        background: #D7D5D6 url(../images/main/cd-img.jpg) no-repeat  50% 0;
    }*/
    section.products div article h1 {
        display: block;
        color: #3D3C3A;
        padding: 8px 0px;
        font-size: 21px;
        font-weight: bold;
        margin: 0 0 0 0; 
        /*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.76);*/
        width: 100%;
        text-align: center; 
        /*display: table-cell;*/
    }
    .products article.vps h1 {
        background: #59AA99;
    }
    section.products article.dedicated h1 {
        background: #68ABBB;
    }
    .products article.cloud h1 {
        background: #E4B60B;
    }



.products article div a.more {  
    padding: 8px 15px;
    font-size: 15px;
    line-height: 15px;
    color: white;
    border-radius: 2px;
    text-decoration: none;
    float: right;
    margin: 12px 13px 0 0;
}
    .products article.vps div a.more {  
        background: #59AA99;
    }
    .products article.dedicated div a.more {  
        background: #68ABBB;
    }
    .products article.cloud div a.more {  
        background: #E4B60B;
    }

.products article div a.more:hover {  
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
}


section.news {
    background: #f1f1f1; 
    width: 100%;
}

    section.news div h1 {
        background: #444444; 
        display: table-cell;
        padding: 5px 10px;
        color: white; 
        font-size: 21px;
        font-weight: bold;
        width: auto;
        margin: 0 1.65% 0 1.65%;
    }

    a.newsLink {
        color: #0A8BCD;
        text-indent: 20px;
        background: transparent url(../images/main/link-arrow.png) no-repeat 0 0;
        text-decoration: none;
    }
    a.newsLink:hover {
        text-decoration: underline;
    }

    #blog-container {
        overflow: hidden;
        position: relative;
        height: 190px;
        width: 480px;
    }

    #blog-content {
        position: absolute;
        overflow: hidden;
        width: 460px;
    }

    .article-content {
        height: 190px;
        overflow: hidden;
        width: 460px;
    }
   
    #news-control {
        width: 20px;
        right: 0;
        top: 0;
        height: 160px;
        position: absolute;
    }

    #news-control a {
        display: block;
        margin: 0;
        padding: 0;
        height: 20px;
        width: 20px;
        background-color: transparent;
        background-image: url(../images/main/news-controls.png);
        background-repeat: no-repeat;
        background-position: 0px -20px;
    }

    #news-control a:hover,
    #news-control a.active { background-position:  -20px -20px; }

    #news-control a.top     {  background-position: 0 0; }
    #news-control a.bottom  {  background-position: 0 -40px; }



section.community {
    width: 100%;
    background: #d7d5d5 url(../../images/index/2014/section-bg.jpg) repeat 0 0;
}
    section.partners div h1, 
    section.products div h1 {
        background: #444444;
        display: table-cell;
        padding: 5px 10px;
        color: white;
        font-size: 21px;
        font-weight: bold;
        width: auto;
        margin: 0;
    }

section.community div article {
    display: block;
    width: 24%;
    height: 290px;
    float: left;
    text-align: left;
    margin: 0 0.5% 0 0.5%;
}
    section.partners div h1, 
    section.community div h1,
    section.products div h1 {
        background: #444444;
        display: table-cell;
        padding: 5px 10px;
        color: white;
        font-size: 21px;
        font-weight: bold;
        width: auto;
        margin: 0;
    }

    section.products div a.none:hover h1 {
        text-shadow: 1px 1px 1px #e6e6e6;
    }

section.community div article {
    width: 32%;
    height: auto;
}

section.partners {
    background: #1E1E21;
}
    section.partners div h1 {
        background: #171718;
    }

section.partners-tech {
    background: #1E1E21;
    border-top: 1px solid #171718;
}

section.products div article.solutions {
    display: block;
    width: 99%;
    height: 94px;
    text-align: left;
    margin: 0 0.5% 0 0.5%;
    background: #28272D url(../images/index/2014/solution-ddos.jpg) no-repeat 0 0;
}
    section.products div article.solutions div.explain {
        color: white; 
        width: 45%;
        float: right;
        margin: 26px 0 0 0;
    }
    section.products div article.solutions div.sendto {
        color: white; 
        width: 10%;
        float: right;
        margin: 20px 0 0 0;
    }

    section.products article a.top-line {
        font-size: 12px;
        color: white;
        text-indent: 13px;
        width: 100%;
        display: block;
        line-height: 16px;
        background: #59AA99;
    }

section div a.index-button {
    line-height: 40px;
    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;
    display: inline;
}
section div a.index-button:hover {
    background: white;
}


section.domains {
    background: #F1F1F1;
}


section.why-us {
    background: #28272D;
}

    section.why-us .why-pads .pad {
        width: 33%;
        margin: 0.3% 0.3% 0 0;
        float: left;
        height: 174px;
        display: table-cell;
        text-decoration: none;
    }

    section.why-us .why-pads .pad span {
        display: table-cell;
        vertical-align: middle;
        height: 174px;
        width: 165px;
        color: white;
        padding: 0 15px;
        text-decoration: none;
        font-size: 19px;
        line-height: 24px;
        text-align: center;
    }
    section.why-us .why-pads .pad  span.right {
        width: 165px;
        padding-left: 150px; 
        display: table-cell;
        vertical-align: middle;
    }

    .why-pads a.data         { background: transparent url(../images/main/1.jpg) no-repeat 0 0 ; }
    .why-pads a.network      { background: transparent url(../images/main/2.jpg) no-repeat 0 0 ; }
    .why-pads a.support      { background: transparent url(../images/main/3.jpg) no-repeat 0 0 ; }
    .why-pads a.components   { background: transparent url(../images/main/4.jpg) no-repeat 0 0 ; }
    .why-pads a.security     { background: transparent url(../images/main/5.jpg) no-repeat 0 0 ; }
    .why-pads a.dev          { background: transparent url(../images/main/6.jpg) no-repeat 0 0 ; }



.logos img {
    margin: 2% 2%;
    vertical-align: middle;
}


footer {
    background: #151515;
}

footer a {
    color: white;
    text-decoration: none;
}

footer ul {
    float: left;
    width: 23%;
}

footer ul li.white a {
    font-weight: normal;
    color: #ccc;
    text-decoration: none;
}

footer ul li a.title {
    font-weight: bold;
    text-decoration: none;
    color: white;
    line-height: 22px;
    display: block;
    margin-top: 15px;
}

footer #assistance {
    font-size: 20px;
    width: 22%;
    -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: 0;
    float: right;
}

footer #assistance a.small {
    margin-top: -2%;
    font-size: 10px;
    text-decoration: none;
}

@media screen and (max-width: 640px) {
    footer #assistance {
        float: left;
    }
    #assistance a {
        font-size: 12px;
        line-height: 17px;
        margin-top: 2%;
    }
}

.preFoot li a:hover, .whoIsOvh li a:hover {
    color: rgba(256,256,256,0.95);
    text-decoration: 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;
}


/*
 *
 * 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: 5px;
    color: #3c3c3c;
    text-decoration: none;
}

.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;
    _position: absolute;
    top: 0;
    right: 0;
    background: #efefef;
    z-index: 10;
    height: 50px;
}
.mainBox .wrapper {
    max-width: 1012px;
}

.toolBox {
    width: 1012px;
    height: 50px;
    text-align: center;

}

.mainBox .mainBoxWrapper {
    height: 50px;
    background: #e1e1e1;
    margin: 0; 
    padding: 0; 
}

@media screen and (max-width: 900px) {
    .mainBox  ul  li {
        float: left;
        list-style: none;
        list-style-image: none;
        background: transparent;
        margin: 0;
    }
}

@media screen and (min-width: 900px) {
.mainBox  ul  li {
    float: left;
    list-style: none;
    list-style-image: none;
    background: transparent;
    margin: 0 0 0 25px;
}
}
.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: 50px; 
    font-weight: normal;
    height: 50px;
    color: #666;
    text-decoration: none;

    margin: 0 0 0 18px;

    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: 53px; 
}
.toolBox  ul  li  a  span.nm {
    margin : 0 0 0 5px;
}
.toolBox  ul  li  a:hover  span,
.toolBox  ul  li  a  span.blue {
    color: #0068b1;
}

/*.toolBox  ul  li  a.manager { background-image: url(../images/main/manager.jpg); }  */
/*.toolBox  ul  li  a.blog { background-image: url(../images/main/blog.png); }  
.toolBox  ul  li  a.Forum { background-image: url(../images/main/forum.png); }*/
/*.toolBox  ul  li  a.webmail { background-image: url(../images/main/webmail.jpg); } */
.toolBox  ul  li  a.call { 
    background-image: url(../images/main/support.jpg); 
}
.toolBox  ul  li  a.call span { 
    margin: 0 0 0 20px;
} 
.toolBox  ul  li  a.chat { background-image: url(../images/main/chat.jpg); } 
.toolBox  ul  li  a.lang { background-image: url(../images/main/lang.jpg); } 
.toolBox  ul { margin: 0 2px 0 0; }


/* IE 6-7 killers hacks */

.toolBox ul li  {
    _height: 70px;
}

.toolBox ul li, 
.toolBox ul li a,
.toolBox ul li a span {
    _display: inline;
    _white-space: nowrap;
    _margin: 0;
    _padding: 0;
    _width: ;
}
.toolBox ul li a span {
    _line-height: 70px; 
    *line-height: 70px; 
    _margin: 32px 0 0 28px;
    *margin: 32px 0 0 28px;
}

/* /hacks */

.menuBox {
    width: 100%;
    height: 50px;
    margin: 0; 
    padding: 0;
    background: transparent url(../images/main/full-menu-bg.png) repeat-x 0 0 ;
}

.menuBox .wraper {
    width: 1000px;
}

.menuBox  a {
    height: 50px;
}
/*.menuBox  a.logo  img {
    margin: 0 0 0 40px;
}*/
.menuBox  ul {
    margin: 0 0 0 0px;
    display: block;
    width: 100%;
    height: 50px;
    background: transparent; /*url(../images/main/center-menu-bg.png) repeat-x 0 0 ;*/
}

#menuDropper .menuBox ul li.menuLogo {
    display: none;
}

#menuDropper.getOnTop .menuBox ul li.menuLogo {
    display: block;
    width: 12% !important;
}

#menuDropper.getOnTop .menuBox ul li {
    width: 22% !important; 
}


#menuDropper.getOnTop .menuBox div.drop-menu ul li {
    width: 100% !important;
}



.menuBox  ul li {
    margin: 0 0 0 0;
    padding : 0 0 0 0;
    display: inline;

    width: 25%;
    /*_width: 200px;*/
    text-align: center;
    background : transparent url(../themes/10/main/sep.png) no-repeat 0% 50%;
}

.menuBox  ul li.first {
    background: transparent;
}

@media screen and (max-width: 840px) {
.menuBox  ul li {
    margin: 0 0 0 0;
    padding : 0 0 0 0;
    display: inline;

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

.menuBox  ul  li  a.whoisOVH  span,
.menuBox  ul  li  a.whoisOVH:link,
.menuBox  ul  li  a.whoisOVH:hover,
.menuBox  ul  li  a.whoisOVH:visited,
.menuBox  ul  li  a.whoisOVH:active {
    display: block;
    float: left;
    height: 48px;
    line-height: 22px;
    _line-height: 60px;

    font-size: 15px;
    font-weight: normal;

    text-decoration: none;
    color: #ccc;

}

}

.menuBox ul li.sep { width: 2px; }
.menuBox ul li.discreet { 
    width: 151px; 
    _width: 130px;
}
/*.menuBox ul li*/

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

.menuBox ul li a.center, 
.menuBox ul li a.center span {
    width: 100%;
    text-align: center;
}


.menuBox  ul  li  a,
.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: 48px;
    line-height: 48px;
    _line-height: 60px;

    width: 100%; 

    font-size: 15px;
    font-weight: normal;

    text-align: center;

    text-decoration: none;
    color: #ccc;

}

.menuBox ul li.discreet a span { color: #aaa; }

/*.menuBox  ul  li  a { padding: 0 0 0 24px; }
.menuBox  ul  li  a  span { padding: 0 24px 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: #111112;
    color: white;
    width: 100%;
    text-align: center;
}

.menuBox  ul   li.right  a,
.menuBox  ul   li.right  a span {
    text-align: right;
}

.menuBox  ul  li  a span.arrowMenu {
    display: inline-block;
    width: 11px;
    line-height: 48px;
    background: transparent url(../themes/10/main/mmenu-arrows.png) no-repeat center top;
}

.menuBox  ul  li  a:hover span.arrowMenu {
    background: transparent url(../themes/10/main/mmenu-arrows.png) no-repeat center middle;
}

.menuBox  ul  li  a.selected span.arrowMenu {
    background: transparent url(../themes/10/main/mmenu-arrows.png) no-repeat center bottom;
}

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

/*  .com menu in nam   */

.menuBox ul.main li div.drop-menu {
    width: 1000px;
    height: 360px;
    background: #3C3B41;
    position: relative;
    *position: absolute;
    margin: auto;
    *margin: 0;
    display: none;
    text-align: left;
}

.menuBox ul.main li div.drop-menu div.left-menu-part {
    width: 691px;
    float: left;
}
.menuBox ul.main li div.drop-menu div.right-menu-part {
    width: 279px;
    height: 360px;
    background: #484850;
    float: right;
}

.menuBox ul.main li div.drop-menu div.left-menu-part .half33 {
    width: 31%;
    *width: 30%;
    margin-left: 2%;
    *margin-left: 5px;
}

.menuBox ul.main li div.drop-menu div.left-menu-part .half {
    width: 47.5%;
    *width: 45%;
    margin-left: 2%;
    *margin-left: 5px;
}


.menuBox ul.main li div.drop-menu div.left-menu-part .full {
    width: 96%;
    margin-left: 2%;
    *margin-left: 5px;
}

.menuBox ul.main li div.drop-menu div.left-menu-part ul,
.menuBox ul.main li div.drop-menu div.left-menu-part ul li,
.menuBox ul.main li div.drop-menu div.left-menu-part ul li a {
    float: none;
    background: transparent; 
    color: white;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    height: auto;
    line-height: 22px;
    display: block;
    width: 100%;
    clear: both;

    text-shadow: 0 0 0 transparent;
    margin: 0; 
    padding: 0; 
    text-indent: 0;
}

.menuBox ul.main li div.drop-menu div.left-menu-part ul li {
    color: #878787;
}

.menuBox ul.main li div.drop-menu div.left-menu-part ul li.white {
    color: #fff;
}

.menuBox ul.main li div.drop-menu div.left-menu-part a.espace-client {
    width: 214px;
    height: 145px;
    background: transparent url('../themes/10/main/pastille-EC.jpg') no-repeat center top;
}

.menuBox ul.main li div.drop-menu div.left-menu-part a.espace-client:hover {
    background: transparent url('../themes/10/main/pastille-EC.jpg') no-repeat center bottom;

}

.menuBox ul.main li div.drop-menu div.left-menu-part ul.smaller li {
    font-size: 11px;
}

.menuBox ul.main li div.drop-menu div.titleh1 {
    color: white;
    text-align: left;
    font-size: 19px;
    line-height: 32px; 
    font-weight: 500;
    white-space: nowrap;
    text-decoration: none;
    border: 0; 
}
.menuBox ul.main li div.drop-menu div.h1 {
    color: white;
    text-align: left;
    font-size: 13px;
    line-height: 19px;
    font-weight: 500;
    padding: 9px 0 0 18px;
}

.menuBox ul.main li div.drop-menu div.h2,
.menuBox ul.main li div.drop-menu div.h2smaller {
    border-bottom: 1px solid #888;
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    line-height: 32px;
    background: transparent;
}

.menuBox ul.main li div.drop-menu div.h2smaller {
    font-size: 11px;
}

.menuBox ul.main li div#web-drop-down {
    border-top : 1px solid #55a79a;
}
.menuBox ul.main li div#dedicated-drop-down {
    border-top : 1px solid #37abc8;
    margin-left: -250px;
}
.menuBox ul.main li div#cloud-drop-down {
    border-top : 1px solid #FFC303;
    margin-left: -500px;
}
.menuBox ul.main li div#about-drop-down {
    border-top : 1px solid #fff;
    margin-left: -750px;
}


.getOnTop .menuBox ul.main li div#web-drop-down {
    margin-left: -120px !important;
}
.getOnTop .menuBox ul.main li div#dedicated-drop-down {
    margin-left: -340px !important;
}
.getOnTop .menuBox ul.main li div#cloud-drop-down {
    margin-left: -560px !important;
}
.getOnTop .menuBox ul.main li div#about-drop-down {
    margin-left: -780px !important;
}




.menuBox ul.main li div#cloud-drop-down ul.dotted li {
    padding-left: 8px;
    background: transparent url('../themes/10/main/cloud-dots.jpg') no-repeat 0 10px;
}
.menuBox ul.main li div#web-drop-down ul.dotted li {
    padding-left: 8px;
    background: transparent url('../themes/10/main/web-dots.jpg') no-repeat 0 10px;
}
.menuBox ul.main li div#dedicated-drop-down ul.dotted li {
    padding-left: 8px;
    background: transparent url('../themes/10/main/dedicated-dots.jpg') no-repeat 0 10px;
}


.menuBox ul.main li div#web-drop-down div.h1 {
    background: transparent url('../themes/10/main/web-arrow.jpg') no-repeat left 13px;
}
.menuBox ul.main li div#dedicated-drop-down div.h1 {
    background: transparent url('../themes/10/main/dedicated-arrow.jpg') no-repeat left 13px;
}
.menuBox ul.main li div#cloud-drop-down div.h1 {
    background: transparent url('../themes/10/main/cloud-arrow.jpg') no-repeat left 13px;
}
.menuBox ul.main li div#telecom-drop-down div.h1 {
    background: transparent url('../themes/10/main/telecom-arrow.jpg') no-repeat left 13px;
}
.menuBox ul.main li div#about-drop-down div.h1 {
    background: transparent url('../themes/10/main/about-arrow.jpg') no-repeat left 13px;
}


.menuBox ul.main li div#web-drop-down div.h2,
.menuBox ul.main li div#web-drop-down div.h2smaller {
    color : #55a79a;
}
.menuBox ul.main li div#dedicated-drop-down div.h2,
.menuBox ul.main li div#dedicated-drop-down div.h2smaller {
    color : #37abc8;
}
.menuBox ul.main li div#cloud-drop-down div.h2,
.menuBox ul.main li div#cloud-drop-down div.h2smaller {
    color : #FFC303;
}
.menuBox ul.main li div#telecom-drop-down div.h2,
.menuBox ul.main li div#telecom-drop-down div.h2smaller {
    color : #38A4F2;
}
.menuBox ul.main li div#about-drop-down div.h2,
.menuBox ul.main li div#about-drop-down div.h2smaller {
    color : #fff;
}


.menuBox ul.main li div#web-drop-down div.left-menu-part ul li a:hover {
    color: #55a79a;
}
.menuBox ul.main li div#dedicated-drop-down div.left-menu-part ul li a:hover {
    color : #37abc8;
}
.menuBox ul.main li div#cloud-drop-down div.left-menu-part ul li a:hover {
    color : #FFC303;
}
.menuBox ul.main li div#telecom-drop-down div.left-menu-part ul li a:hover {
    color : #38A4F2;
}
.menuBox ul.main li div#about-drop-down div.left-menu-part ul li a:hover {
    color : #ccc;
}


    a.menuMoreButton {
        background: #728291 !important;
        color : white !important;
        /*-webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.7);
        -moz-box-shadow:    0px 2px 1px 0px rgba(0, 0, 0, 0.7);
        box-shadow:         0px 2px 1px 0px rgba(0, 0, 0, 0.7);*/
    }
    a.menuMoreButton:hover {
        background: #8E9AA5 !important;
        /*-webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.7);
        -moz-box-shadow:    0px 2px 1px 0px rgba(0, 0, 0, 0.7);
        box-shadow:         0px 2px 1px 0px rgba(0, 0, 0, 0.7);*/
    }
    .products article.vps div a.more {
        background: #59AA99;
    }
    .products article.dedicated div a.more {
        background: #68ABBB;
    }
    .products article.cloud div a.more {
        background: #E4B60B;
    }
    .products article.telecom div a.more {
        background: #37698A;
    }
    .news div a.more {
        background: #0681ce;
    }




/*
 *
 *  PRESSTOP NAVIGATION
 *
 */

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

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

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




/*
 
 Index panel

*/

.panel {
    /*height: 341px;*/
/*    background: #1b1b1b url(../images/main/blackBg.jpg) repeat-x 0% 0%;*/
}
.panel .pnlbg {
    margin: 0 auto;
    background: transparent url(../images/main/panel-wrapper-bg.jpg) no-repeat 50% 0%;
}

.index_panel {
    width: 999px;
    background: transparent url(../images/main/index-panel-bg.jpg) no-repeat 50% 0%;
}

.subPanel {
    background: transparent url(../images/main/bottom-shadow.png) repeat-x 0% 0%;
}

.panel h2 {
    font-size: 38px;
    color: white;
    background-color: transparent;
    color: -moz-linear-gradient(#FFFFFF, #d5d5d5);
    color: -o-linear-gradient(#FFFFFF, #d5d5d5);
    color: -ms-linear-gradient(#FFFFFF, #d5d5d5);
    color: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#d5d5d5));
    color: -webkit-linear-gradient(#FFFFFF, #d5d5d5);
}

#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: 84px;
}



/* 
 

 GWT themes from ovh.com
 

*/


/*
button.gwt-Button,
button.gwt-Button:hover,
.gwt-Button a, 
.gwt-Button a:link, 
.gwt-Button a:visited, 
.gwt-Button a:active,
.gwt-Button a:hover, 
a.gwt-Button, 
a.gwt-Button:link, 
a.gwt-Button:visited, 
a.gwt-Button:active,
a.gwt-Button:hover {
    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 ; 
    line-height:20px;
    padding: 5px 0 6px 15px; 
    padding: 6px 0 8px 15px \0/;
    _padding: 0 0 0 15px;
    *padding: 0 0 0 15px;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
    text-decoration: none;
}
button.gwt-Button,
button:hover,
button.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.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: 20px;
    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;
}
button.gwt-Button:hover,.gwt_button  a:hover, a.gwt_button:hover {  background-position : 0 -38px ; }
button.gwt-Button:hover,.gwt_button  a:hover  span, a.gwt_button:hover  span { color: #0068b1;  background-position : 100% -38px ; }


*/



.gwt_form {
    background: #3c3c3c;
}

.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;
}
.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 ;
    cursor: pointer;
}
.gwt_input_normal  input {
    font-size: 14px;
    color: #3c3c3c;
}

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

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

.press ul.gwt_tabs {
    background:  transparent url('/images/gwt/press_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;
}

.press ul.gwt_tabs li a,
.press ul.gwt_tabs li a:link,
.press ul.gwt_tabs li a:visited,
.press ul.gwt_tabs li a:active,
.press ul.gwt_tabs li a:hover {
    background:  transparent url('/images/gwt/press_tabs.gif') no-repeat 0% 50% ;
}


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

.press ul.gwt_tabs li a span,
.press ul.gwt_tabs li a:link span,
.press ul.gwt_tabs li a:visited span,
.press ul.gwt_tabs li a:active span,
.press ul.gwt_tabs li a:hover span {
    background:  transparent url('/images/gwt/press_tabs.gif') no-repeat 100% 50% ;
}


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

.press ul.gwt_tabs li.selected a,
.press ul.gwt_tabs li.selected a:link,
.press ul.gwt_tabs li.selected a:visited,
.press ul.gwt_tabs li.selected a:active,
.press ul.gwt_tabs li.selected a:hover ,
.press ul.gwt_tabs li .selected a,
.press ul.gwt_tabs li .selected a:link,
.press ul.gwt_tabs li .selected a:visited,
.press ul.gwt_tabs li .selected a:active,
.press ul.gwt_tabs li .selected a:hover {  
    color: #0068b1; background:  transparent url('/images/gwt/press_tabs.gif') no-repeat 0% 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%;
}

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


.gwt_tabs.right li {
    float: right;
}

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


div.gwt_back,
div.gwt_forward,
div.gwt_accordion {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: transparent url('../images/gwt/gwt_accordion.jpg') repeat-x 0 0;
    margin: 2px 0 0px 0;
}

div.gwt_back a,
div.gwt_forward a,
div.gwt_accordion a {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: transparent url('../images/gwt/gwt_accordion_arrow.jpg') no-repeat 100% 0;
    text-decoration: none;
    color: #3c3c3c;
}


div.gwt_back a {
    background: transparent url('../images/gwt/gwt_accordion_back_arrow.jpg') no-repeat 0 0;
}

div.gwt_forward a {
    background: transparent url('../images/gwt/gwt_accordion_forward_arrow.jpg') no-repeat 100% 0;
}

div.gwt_back a span,
div.gwt_forward a span,
div.gwt_accordion a span {
    padding-left: 5px;
    font-weight: 700;
}


div.gwt_back a span {
    padding-left: 35px;
}


div.gwt_back a:hover,
div.gwt_accordion.selected a,
div.gwt_accordion:hover a,
div.gwt_accordion a:hover {
    background: transparent url('../images/gwt/gwt_accordion_arrow.jpg') no-repeat 100% 100%;
    text-decoration: none;
}

div.gwt_back a:hover {
    background: transparent url('../images/gwt/gwt_accordion_back_arrow.jpg') no-repeat 0 100%;
}

div.gwt_forward a:hover {
    background: transparent url('../images/gwt/gwt_accordion_forward_arrow.jpg') no-repeat 100% 100%;
}

div.gwt_accordion.selected {
    background: transparent url('../images/gwt/gwt_accordion.jpg') repeat-x 0 100%;
}

div.gwt_accordion.selected a span {
    color: #0068B1;
}



/*


    New cols strucutre


*/


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

.x1 { width: 115px; margin: 0 7px 0 0; }
.x15 { width: 190px; 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; }
.x42 { width: 380px; 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; }
.x85 { width: 784px; margin: 0 14px 0 0; }

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

.logos .x1 { width: 110px; margin: 7px 7px 0 0; }
.logos .x1.nm { margin: 7px 0 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: #e1e1e1;*/
    /*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 {
    color: #262626;
    text-decoration: none;
    font-size: 11px;
}

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

.indexFooter #footer a {
    color: #ccc;
}

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

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;
    _padding: 0; 
    _margin: 0;
    _width: auto;
    _text-align: center;

}
.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;
    _padding: 0; 
    _margin: 0;
    _width: auto;
    _text-align: center;

}

.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;
    _padding: 0; 
    _margin: 0;
    _width: auto;
    _text-align: center;

}
.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;
    _padding: 0; 
    _margin: 0;
    _width: auto;
    _text-align: center;

}

.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: #333;
    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.png) no-repeat 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    _padding: 0; 
    _margin: 0;
    _width: auto;
    _text-align: center;

}
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.png) no-repeat 100% 0 ;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color : #333;
    _padding: 0; 
    _margin: 0;
    _width: auto;
    _text-align: center;

}

a.grey_button.selected,
a.grey_button:hover {
    background: transparent url(../images/main/grey_Button.png) no-repeat 0 100%;
}
a.grey_button.selected span,
a.grey_button:hover span { 
    background: transparent url(../images/main/grey_Button.png) 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,
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;
    margin-left:-5px; 
    padding: 7px 0 7px 15px;
    _padding: 0 0 0 17px; 
    *padding: 0 0 0 17px;
    background: transparent url(../images/main/bButton.png) no-repeat 0 0;

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

    _padding: 0; 
    _margin: 0;
    _width: auto;
    _text-align: center;
}

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

    _padding: 0; 
    _margin: 0;
    _width: auto;
    _text-align: center;

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

}

.button.selected,
a.button.selected,
.button:hover, 
a.button:hover {
    background: transparent url(../images/main/bButton.png) 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.png) 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;
    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 h1{
    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%;
}

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 h1 span, 
div.blue_pad h1 a, 
div.blue_pad h1 a:link,
div.blue_pad h1 a:active,
div.blue_pad h1 a:visited {
    font-size: 22px;
    line-height: 50px;
    text-decoration: none;
    color: #fff;
}
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%;
}







.index-menu-left {
    background: #e6e6e6;
    border-radius: 3px;
}

.index-menu-left h2 {
    font-size : 22px; 
    color : #999999;
    font-weight: normal;
}










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


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

/*.itw table tr td { text-align: left; }*/

.itw table tr td.center { text-align: center; }
.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%;
}

div.price span {
    _width: auto;
    _display: inline;
    _margin: 0; 
    _padding: 0;
}
div.full span {
    _width: auto;
    _display: inline;
    _padding: 0;
    _margin: 0;
}


/* ugly old non css framework styles */
.half { width: 49%; } 
.half25 { width: 25%; } 
.half33 { width: 33%; } 
.panel .half33 { width: 33.33%; } 
.half40 { width: 40%; } 
.half66 { width: 66%; } 
.half80 { width: 80%; } 
.half48 { width: 48%; }
.half55 { width: 55%; }
.half45 { width: 45%; }


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

.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,
li.orange{ color: #ff8800; } 
.red { color: #D83119; }
.green,
li.green { color: #228822; }
.purple { color : #7E45D3; }
.yellow { color : #ffcc00; }




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

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

.gre
yTitle {
    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; }
.fs28 { font-size: 28px; }
.fs22 { font-size: 22px; }
.fs20 { font-size: 20px; }
.fs18 { font-size: 18px; }
.fs16 { font-size: 16px; }
.fs12 { font-size: 12px; }
.fs10 { font-size: 10px; }
.fs9 { font-size: 9px; }

.lh40 { line-height: 40px; }
.lh32 { line-height: 32px; }
.lh22 { line-height: 22px; }
.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;
    
}


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

.br_guides {
    height: 15px;
}
 

div.bg_square a,
div.bg_square a:active,
div.bg_square a:visited {
    height: 70px;
    width: 517px;
    background-image : url('../images/support/index/bg_square.png');
    display: block;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-decoration: none;
    margin-left: 21px;
    margin-bottom: 20px;
}

div.bg_square a:hover {
    display: block;
    background-position: 0 100%;
    color: white;
}

div.bg_square a span,
div.bg_square a:active span,
div.bg_square a:visited span {
    font-size: 18px;
    color: black;
    font-weight: bold;
    text-align: center;
    padding-top: 26px;
    display: block;
}

div.bg_square a:hover span {
    color: white;
}

div.bg_square a span.small,
div.bg_square a:active span.small 
 {
    font-size : 14px;
    padding: 5px;
}

div.bg_square a:hover p {
    color: white;
}

div.bg_square_contain a,
div.bg_square_contain a:active,
div.bg_square_contain a:visited {
    height: 160px;
    width: 517px;
    background-image : url('../images/support/index/bg_square_contain.png');
    display: block;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-decoration: none;
    margin-left: 21px;
    margin-bottom: 20px;
}

div.bg_square_contain a:hover {
    display: block;
    background-position: 0 100%;
    color: white;
}

div.bg_square_contain a span,
div.bg_square_contain a:active span,
div.bg_square_contain a:visited span {
    font-size: 18px;
    color: black;
    font-weight: bold;
    padding: 10px;
    display: block;
}

div.bg_square_contain a:hover span {
    color: white;
}

div.bg_square_contain a p.small,
div.bg_square_contain a:active p.small,
div.bg_square_contain a:visited p.small {
    font-size: 13px;
    color: black;
    font-weight: bold;
    padding-top: 5px;
    display: block;
    padding:  10px;
}

div.bg_square_contain a:hover p.small {
    color: white;
}

div.bg_square_contain a p.small span {
    font-size: 9px;
    display: inline;
    padding: 0;
    margin: 0;
}

div.index-middle {
    float: left;
    width: 570px;
    margin-left: 5px;
    padding-left: 5px;
    margin-right: 5px;
    border-right: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
}

.support div.index-menu-left {
    display: block;
    width: 190px;
    float: left;
}

div.index-menu-right {
    display: block;
    width: 190px;
    float: right;
}

div.index-menu-left h1,
div.index-menu-right h1 {
    font-size: 22px;
    padding-left: 10px;
}

div.index-menu-left h2,
div.index-menu-right h2 {
    font-size: 16px;
}

div.index-menu-left *,
div.index-menu-right * {
    color: #3c3c3c;
}

div.index-menu-left ul li,
div.index-menu-right ul li{
    list-style:none;
}


div.index-menu-left a {
    text-decoration: none;
}



div.index-menu-left li:hover,
div.index-menu-left a:hover {
    text-decoration: none;
    background:white;
    color:#0068B1;
}

div.index-menu-left li.blue { color:#0068B1;  } 
div.index-menu-left li.green,
div.index-menu-left li.green:hover { color:#89a02c;  } 
div.index-menu-left li.orange,
div.index-menu-left li.orange:hover { color:#ff8800;  } 

div.main_full_top_support {
    background: transparent url('../images/bars/general/main_full_top_support.png') no-repeat 0 0;
    height: 25px;
    width: 558px;
    margin: 2px 0 0 0px;
    float: left;
    margin-top: 5px;

}

div.main_full_top_support span {
    padding: 3px 0 0 0;
    color: #747474;
    font-size: 20px;
    font-weight: bold;
    display: block;
}

div.incident_bttn,
a.incident_bttn,
a.incident_bttn:visited {
    background: transparent url('../images/support/index/bg_contain.jpg') no-repeat 0 0;
    width: 517px;
    margin: 0 0 0 20px ;
}
    a.incident_bttn:hover { background: transparent url('../images/support/index/bg_contain.jpg') no-repeat 0 -250px; }

    div.incident_bttn,
    a.incident_bttn p { 
        padding: 10px 10px 0 10px; 
    }

    
    a.incident_bttn:hover p,
    a.incident_bttn:hover p span, a.incident_bttn:hover  ul li { color: white; }


    
    a.incident_bttn div { 
        height: 10px;
        background: transparent url('../images/support/index/bg_contain.jpg') no-repeat 0 -240px;
    }

    a.incident_bttn:hover div { background: transparent url('../images/support/index/bg_contain.jpg') no-repeat 0 -490px; }


div.bottom_incident_bttn { 
    height: 10px;
    margin-left: -10px;
    background: transparent url('../images/support/index/bg_contain.jpg') no-repeat 0 -240px;
}
    

div.button_support {
    width: 400px;
    background: transparent url('../images/support/index/button.png') no-repeat 0 0;
    height: 54px;
}

div.button_support_link {
    width: 400px;
    background: transparent url('../images/support/index/button_link.png') no-repeat 0 0;
    height: 54px;
}


div.button_support_link a,
div.button_support_link a:active,
div.button_support_link a:visited
 {
    width: 400px;
    background: transparent url('../images/support/index/button_link.png') no-repeat 0 0;
    height: 54px;
    color: #000;
    text-decoration: none;
}

div.button_support_link a:hover {
    display: block;
    background-position: 0 100%;
}

div.button_support_link a:hover h2 {
    color:white;
}                                                                                                                                                                                                   

div.button_support h2,
div.button_support_link h2 {
    padding: 15px;
}

.bg_green { background-color : #e2ffac; }
.bg_orange { background-color : #ffd2ac; }
.lgrey,     .itw .lgrey     { color: #999; }

.readIt,
.itw a.orderIt,
.itw a.orderIt:link,
.itw a.orderIt:visited,
.itw a.orderIt:active,
.itw a.readIt,
.itw a.readIt:link,
.itw a.readIt:visited,
.itw a.readIt:active {
    font-size: 12px;
    text-decoration: none;
    color: #0068b1;
    font-family: "Cabin","Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif;
    text-indent: 10px;
    padding-left: 10px;
    /*background: url('../../images/bars/general/more_arrow.gif') no-repeat 0 0;*/
}

.itw a.orderIt:hover,
.itw a.readIt:hover {
    color: #0068b1;
    /*background: url('../../images/bars/general/more_arrow.gif') no-repeat 0 -116px;*/
}

/*

    BLOG STYLING

*/


#act_content h1 {
            text-align: left;
            color: #3C3C3C;
            font-size: 28px;
            line-height: 40px;
            margin-top: 10px;
}

#act_content p,
#act_content span,
#act_content p span {
            font-family: "Arial", sans-serif;
            color: #3c3c3c;
            font-size: 13px;
            line-height: 22px;
            text-align: justify;
            text-justify: newspaper;
            font-weight: 200;
 
}

#act_content h3 {
    color: #3c3c3C;
            font-size: 16px;
            line-height: 30px;
            color: #3c3c3c;
            font-weight: bold;
}



.pressTl {
    background: #f7f7f7 url(../images/presse/tl-bg.jpg) repeat-y top center;
}

.pressTl del {
    background: #f7f7f7 url(../images/presse/tl-dot.jpg) no-repeat top center;
    clear: both;
    height: 10px;
    line-height: 10px;
    font-size: 0px;
    margin: 0; 
    padding: 0;
    visibility: visible;
}

.pressTl div.month {
    background: #f7f7f7;
    clear: both;
    height: 19px;
    line-height: 19px;
    font-size: 12px;
    text-align: center;
    color: #808080;
}

.pressTl div.cp-div {
    width: 330px;
    height: 99px;
    background: transparent url(../images/presse/cp-div.jpg) no-repeat top left;
}
.pressTl div.rp-div {
    width: 335px;
    height: 99px;
    background: transparent  url(../images/presse/rp-div.jpg) no-repeat top left;
}





/*  Visits   */

.visits-menu-left {
    background: #e6e6e6;
    border-radius: 3px;
    width: 192px;
    float: left;
}

.visits-menu-left h2 {
    font-size : 22px; 
    color : #999999;
    font-weight: normal;
}


div.visits-menu-left ul li {
    padding: 0;
    margin: 0; 
}

div.visits-menu-left li,
div.visits-menu-left a {
    background: transparent;
    cursor: pointer;
    text-decoration: none;
    width: 100%;
    display: block;
    padding:0 0 0 25px;
}

div.visits-menu-left a:hover {
    text-decoration: none;
    background:white;
    color:#0068B1;
    border-radius: 3px;
}

div.visits-menu-left li a.green,
div.visits-menu-left li a.green:hover { color:#89a02c;  } 
div.visits-menu-left li a.orange,
div.visits-menu-left li a.orange:hover { color:#ff8800;  } 



div.visits-menu-left h3 { text-indent: 15px;  } 

.visits-menu-left h2.mainVisitMenuItem {
    cursor: pointer;
    height: 43px;
    line-height: 43px;

    background-position: top left;
    background-repeat: no-repeat;
    
    font-size: 18px;
    font-weight: bold;
    color: white;
    text-shadow: 0px 0px 8px #000;
    text-indent: 15px;
}
.visits-menu-left h2.mainVisitMenuItem:hover,
.visits-menu-left h2.mainVisitMenuItem.selected {
    background-position: bottom left;
}

#homedatacenter {
    background-image: url(../images/visits/menu/datacentresMenu.jpg);
}
#homenetwork {
    background-image: url(../images/visits/menu/reseauMenu.jpg);
}
#hometeams {
    background-image: url(../images/visits/menu/equipesMenu.jpg);
}

.visits-panel-right {
    width: 792px;
    float: right;
    background: red;
}

/* why choose button all along website  */

.wchooseLnk {
    border: 0;
    display: block;
    width: 998px;
    height: 50px;
    background: transparent url(../images/wchoose/wchoose-button.jpg) no-repeat 0 0 ;
    margin: 0 0 0 1px;
}
.wchooseLnk:hover {
    border: 0;
    background: transparent url(../images/wchoose/wchoose-button.jpg) no-repeat 0 100% ;
}

.wchooseLnkS {
    border: 0;
    display: block;
    width: 310px;
    height: 50px;
    background: transparent url(../images/wchoose/wchoose-sbutton.jpg) no-repeat 0 0 ;
    margin: 0 0 0 1px;
}
.wchooseLnkS:hover {
    border: 0;
    background: transparent url(../images/wchoose/wchoose-sbutton.jpg) no-repeat 0 100% ;
}


/*

    Jobs themes for apply form

*/

form.formular td.jobsinput {
    width : 300px;
    text-align: left !important;
    padding : 0 0 0 15px; 
}

form.formular input.jobsInputText, form.formular select {
    height: 30px;
    border: none;
    font-size : 16px;
    line-height: 30px;
    text-indent: 10px;
    background : url('../images/jobs/jobsinput.jpg') no-repeat 50% 50%;
    width : 280px;
    border: 1px solid #aaa;
    border-radius: 3px;
}


#formular .input_file_wrapper {
    background : url('../images/jobs/jobsinputUpload.jpg') 0% 0% no-repeat;
    height: 30px;
    line-height: 22px;
    text-indent: 10px;
    font-size : 13px;
    display: block;
    position: relative;
    overflow:hidden;
    float : left;
    width : 380px; 
    cursor : pointer;
    border: 1px solid #aaa;
    border-radius: 3px;
    margin-left: 15px;
}

#formular .fake-text {
    display: block;
    position: absolute;
    top:0px;
    left:0px;
    width:288px;
    color:#333333;
    font-size:13px;
    font-family: "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; 
    border:none;
    background : transparent;
    height: 30px;
    line-height: 22px;
    text-indent: 10px;
}


#formular .select-box {
    cursor: pointer;
    border: 0;
    display: block;
    padding: 0;
    margin: 6px 0 0 0;
    text-decoration: none;
}


    #formular    .select-box a span  {
        font-size: 14px;
        font-family: "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif;
        color: #333;
        text-decoration : none;
        padding : 6px;
        display : block;
    }

    #formular    .select-box a {
        display: block;
        text-decoration: none;
        height: 40px;
        width: 300px;
        background: transparent url('../images/jobs/jobsselect.jpg') no-repeat 0 0;
        padding: 5px 0px 0px 5px;
        margin: 0;
        white-space: nowrap;
        overflow: hidden;
    }

    #formular    .select-box a:hover,
    #formular .select-box a:active {
        color: #0068b1;
        text-decoration: none;
        background: transparent url('../images/jobs/jobsselectH.jpg') no-repeat 0 0;
    }

    #formular    .select-box a:hover span {
        color: #0068b1;
        text-decoration: none;
    }


    #formular .select-box-options ul li { background: #fff; }

    #formular    .select-box-options {
        list-style: none;
        background: #fff;
        position: absolute;
        border: 1px solid #3a3a3a;
        overflow-y: auto;
        z-index: 690;
        width: 300px;
        padding: 0;
    }
        #formular .select-box-alt  { background-color: #e2e2e2; }

        #formular .select-box-options ul {
            width: 300px;
            padding: 0;
            margin: 0;
            text-indent: 0px;
        }
        #formular .select-box-options li {
            margin-bottom: 0;
            overflow: hidden;
            white-space: nowrap;
            margin: 0;
            padding: 0 0 0 5px;
            list-style-image: none;
            list-style: none;
            text-indent: 0px;
            font-size: 13px;
        }

        #formular .select-box-options li:nth-child(odd) {
            background: #f5f5f5;
        }
            #formular .select-box-options li.optgroup>span { font-size: 13px; font-style: italic; color : #0068b1; font-weight : bold; }
            #formular    .select-box-options li>span { display: block; padding: 2px 5px;  }
            #formular    .select-box-options li.title>span { display: block; padding: 2px 5px; font-size: 13px; font-style: italic; color : #0068b1; font-weight : bold; }
            #formular    .select-box-options li.selected { background-color: #e2e2e2 !important; color: #0068b1 !important; }
            #formular    .select-box-options li.selected span { color: #0068b1; font-weight: bold; }
            #formular    .select-box-options li.disabled { color: gray; }

    #formular    .select-box-options ul,
    #formular    .select-box-options ul li { margin:0; padding:0; text-indent: 0; background: transparent; list-style: none; list-style-image: none; }
    #formular .optgroup { margin: 4px 0 0 !important; }
    #formular    .select-box-options-group li>span{
        width: auto;
    }