/* 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;
    font-family:  'Cabin', 'Liberation Sans', 'Arial', 'Nimbus Sans L', 'FreeSans', sans-serif;
    /*z-index: 1;*/
}

body {
    background: #e1e1e1;
}

@media screen and (max-width: 800px) {
    div.HeaderLinks{
        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;
    _width: 980px;
}

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


#main {
    width: 1012px;
    background: white;
    -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 {
    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;
    vertical-align: middle;
}

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-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;
    line-height: 15px;
}

ul.alist  li {
    background: transparent url('../themes/default/images/select_li.gif') no-repeat 0% 8px;
    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: 362px;
    width: 100%;
    background: #064351 url(../images/index2014/header-DedicatedCloud-us.png) no-repeat 50% 50%;
    margin: 0px 0 0 0;
}

@media screen and (max-width: 1100px) { 
    section.topIndex {
        background: #064351 url('../images/index2014/header-DedicatedCloud-us.png') -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;
}

section.products div article h1 {
    display: block;
    color: #3D3C3A;
    padding: 8px 0px;
    font-size: 21px;
    font-weight: bold;
    margin: 0 0 0 0; 
    width: 100%;
    text-align: center; 
}

.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% 1%;
    vertical-align: middle;
}

/* Styles à ajouter */
/* Over tooltip used for eligibility test and order pads in adsl pages */
.over_tooltip {
    background: transparent;
    padding: 5px 10px 10px 10px; 
}

/* 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;
    background: #efefef;
    z-index: 10;
    height: 54px;
}
.mainBox .wrapper {
    max-width: 1012px;
}

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

}

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

.mainBox  ul  li {
    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%;
    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;
}

a.menuMoreButton:hover {
    background: #8E9AA5 !important;
}
 
.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;
    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 */


@media screen and (max-width: 640px) {
}
/* FOOTER */


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

.dynLess {
    margin: 0;
}

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

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

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

/* 
    Main classes, 
    OVH Framework
    Global contradictions 
    At the end so they always are right
*/
.sub_menu h1 {
    color: #666;
}

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

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

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

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

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

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

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

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

.itw a.orderIt:hover,
.itw a.readIt:hover {
    color: #0068b1;
}

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