body{font-style: normal;font-size:13px}

h1,h2,h3{margin:5px 0 15px 0;}
h1{font-size:26px;  font-family: 'Raleway', Helvetica, Arial, sans-serif;
    line-height: 32px;
}
h2{font-size:20px;}

.container,
.container{width:990px;}

/* OVERHEADER */
#overhead{background: #f6f6f6;height: 24px;line-height: 24px;border-bottom: 1px solid #ccc;color: #777;font-size: 0.97em;}
#overhead .row{margin: auto; width:100%; min-width:990px;}
#overhead span{color: #04aed5;margin-right: 10px;}
#overheadlinks{border-left: 1px solid #ccc;padding: 0 10px; display:inline;}
#overheadlinks a{text-decoration: none;color: #777;margin: 0 5px;}
#overheadlinks a:hover{color: #04aed5;}

/* HEADER */
#header {height: 70px;padding:30px 0 75px 0;}
#header a.logo {color: #1C1C1C;letter-spacing: 1px;text-decoration: none;height: 54px;padding-left: 56px;background: url('/medias/site/nom-de-domaine.png') no-repeat 0 0;display: block;font: 25px/46px 'trebuchet ms',verdana,arial,sans-serif;}

 
#header a.logo:hover{background-position: 0 -54px;}
#header a.logo span{color: #04AFD6;} /* .FR */

#header ul.links {background: #f2f6f8;margin-top: 8px;padding: 5px 10px;font: 17px Verdana, sans-serif;color: #04afd6;}
#header ul.links a{text-decoration:none;color: #04afd6;}
#header ul.links a:hover{color: #4490c6;}
#header ul.links li span{margin: 0 10px;}

#header p.byordipat   {margin: 22px 0px 0px 252px;font: 0.9em Trebuchet, sans-serif;color:#adadad; line-height: 10px;position: absolute;}


#container{    
    margin:auto;
    padding: 15px 0 0 0 ;
}


/* menus / sous menu / sous menu actif ---------------------------------------  */
#tabs{height:30px;clear:both;background: url('/medias/site/tabsBg.png') left bottom repeat-x;list-style-type: none;margin:0 -15px;padding:0;}
#tabs ul{margin:0;padding:0;}
#tabs li {float:left;position: relative;border-bottom: 4px solid #cbe73a;width:16.6%}
#tabs li li{width:100%}
#tabs li a{text-align: center;color: #333;display:block;font-size: 12px;font-weight:bold;height: 16px;line-height: 15px;text-decoration: none;margin: 5px 0;border-right: 1px solid #000;text-transform: uppercase;position: relative;}
#tabs li.support,#tabs li.account{float:right;margin-right: 0;}
#tabs li.account{border-color: #fed801}
#tabs li.account a{ border: none; }
#tabs li.assistance{border-color: #fed801;}

#tabs li.account a.selected:before{ border-bottom-color: #fed801; }
#tabs li.account ul.subtab li,#tabs li.account ul.subtab{ border-color: #fed801; }
#tabs li.account ul.subtab li a:hover{ background: #fed801; }

#tabs li.support{ border-color: #fed801; }
#tabs li.support a.selected:before{ border-bottom-color: #fed801; }
#tabs li.support ul.subtab,#tabs li.support ul.subtab li{ border-color: #fed801; }
#tabs li.support ul.subtab li a:hover{ background: #fed801; }

#tabs li.domain{ border-color: #cbe73a; }
#tabs li.domain a.selected:before{ border-bottom-color: #cbe73a; }
#tabs li.domain ul.subtab li,#tabs li.domain ul.subtab{ border-color: #cbe73a; }
#tabs li.domain ul.subtab li a:hover{ background: #cbe73a; }

#tabs li.hosting{ border-color: #04afd6; }
#tabs li.hosting a.selected:before{ border-bottom-color: #04afd6; }
#tabs li.hosting ul.subtab li,#tabs li.hosting ul.subtab{ border-color: #04afd6; }
#tabs li.hosting ul.subtab li a:hover{ background: #04afd6; }

#tabs li.creation{ border-color: #e90a63; }
#tabs li.creation a.selected:before{ border-bottom-color: #e90a63; }
#tabs li.creation ul.subtab li,#tabs li.creation ul.subtab{ border-color: #e90a63; }
#tabs li.creation ul.subtab li a:hover{ background: #e90a63; }

#tabs li.presentation{ border-color: #f90; }
#tabs li.presentation a.selected:before{ border-bottom-color: #f90; }
#tabs li.presentation ul.subtab li,#tabs li.presentation ul.subtab{ border-color: #f90; }
#tabs li.presentation ul.subtab li a:hover{ background: #f90; }

#tabs li a.selected{ color: #000; }
#tabs li a.selected:before{border-bottom: 6px solid #000;border-left: 6px solid transparent;border-right: 6px solid transparent;bottom: -6px;content: " ";height: 0;left: 50%;margin: 0 0 0 -3px;position: absolute;width: 0;}
#tabs li a:hover,#tabs li:hover a {color:#000;}
#tabs li.help a{background-image: url('/medias/site/bg_onglet_assistance.png');color:black;}
#tabs li.help a:hover{color:white;}

/* #tabs submenus en rollover */
#tabs ul.subtab{display: none;position: absolute;top: 28px;padding: 0;background: #fff;border: 2px solid #cbe73a;z-index: 3;}
#tabs .subtab li {display: block;text-align: left;border-bottom: 1px solid #cbe73a;height: 30px;padding:0;}
#tabs .subtab li a{display: block;border: none;height: 30px;line-height: 30px;margin: 0;padding: 2px 0 2px 5px;width: 100%;color: #777;text-transform: none;font-weight: normal;-moz-transition: all 0.2s;-webkit-transition: all 0.2s;transition: all 0.2s;}
#tabs .subtab li a:hover{background: #cbe73a;color: #000;}
#tabs li:hover ul{display: block;}

/* toujours affiché inline - les sous-rubriques */
ul.sub_menu{background: #f7f7f7 url(/medias/site/sub_menuBg.png) repeat-x;height:42px;line-height:42px;font-weight:normal;clear: both;list-style-type: none;margin:0;padding:0}
ul.sub_menu li{float:left;height:20px;line-height:20px;text-decoration: none;font-weight:normal;margin: 11px 0 0 8px;}
#content ul.sub_menu li a{color:#777;display: block;padding: 0 0 0 13px;margin-right:6px !important;text-decoration: none;font-weight: normal;background: url(/medias/site/subMenuPuceDomains.png) 0 5px no-repeat;}
#content ul.sub_menu.hosting li a{ background-image: url(/medias/site/subMenuPuceHosting.png); }
#content ul.sub_menu.creation li a{ background-image: url(/medias/site/subMenuPuceCreation.png); }
#content ul.sub_menu.support li a{ background-image: url(/medias/site/subMenuPuceSupport.png); }
#content ul.sub_menu.presentation li a{ background-image: url(/medias/site/subMenuPuceAbout.png); }
#content ul.sub_menu.account li a{ background-image: url(/medias/site/subMenuPuceSupport.png); }

#content ul.sub_menu li a:hover,
#content ul.sub_menu li a.selected{color:#000;text-decoration: none;background-position: 0 -16px;}

/* fin de la définition des menus -------------------------------------------   */
/* -------------------------------------------                                  */
/* -------------------------------------------                                  */


#content{text-align:left;}

#prefooter{font-size: .9em;font-style: italic;color: #666;border-top: 1px solid #ececec;border-bottom: 1px solid #ececec;padding:10px 0;clear:both; margin:30px 0px 30px 0px;}
#prefooter img{vertical-align: middle;margin-right: 5px;}


#footer{font-size: .8em;margin-top: 20px ;}
#footer a{color:#666666}
#footer li {border-bottom:1px solid #ededed;}
#footer li a{display: block;padding:10px 0px;text-align: left;}
#footer li a:hover{text-decoration: none;color:#333}

#footer .domain h3:hover, #footer .domain h3 a:hover, #footer .domain li a:hover {color:#CBE73A;}
#footer .hosting h3:hover, #footer .hosting h3 a:hover, #footer .hosting li a:hover {color:#04AFD6;}
#footer .creation h3:hover, #footer .creation h3 a:hover, #footer .creation li a:hover {color:#E90A63;}
#footer .presentation h3:hover, #footer .presentation h3 a:hover, #footer .presentation li a:hover {color:#FF9900;}
#footer .support h3:hover, #footer .support h3 a:hover, #footer .support li a:hover {color:#FED801;}
#footer .account h3:hover, #footer .account h3 a:hover, #footer .account li a:hover {color:#FED801;}

#footer p {text-align: left;}
#footer p a{color:#04B0D7;}

#footer .sub-text{margin-top:20px;}
#footer .sub-text p{line-height: 24px;color:#535353;font-size:11px;}
#footer h3,
#footer h3 a {color: #517291;border-bottom: 1px solid #e3e3e3;font-size: 12px;font-weight: bold;padding-bottom: 5px;text-align: left;}
#footer h3 a {text-decoration: none;border:none;}

#footer .links_footer{padding: 30px 0px;color:#999999;}
#footer .links_footer a{color:#306F9C;}


table.main>tr td{
    vertical-align: top ;
    margin:0px;
    padding:0px;
}
td.leftCol{
    width: 600px;
    text-align: justify;
}
td.leftColedito{

    padding:0px 5px 5px 0px;
    margin-left:0px;
    clear: both;
    float: left ;
    width: 600px;
    text-align: justify;
    background-color:#F2FBFD ;
    border:1px solid #e1dddd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

}
td.leftColedito h2{

    padding:5px 5px 5px 10px;
    margin: 0px 0px 0px 0px;
    border:1px  solid #e1dddd;
    border-top:0px;
    border-left:0px;
    border-right:0px;
    color:#363636;

}

td.leftColedito h3{

    padding:2px 2px 2px 20px;
    border:1px  dotted #e1dddd;
    border-top:1px;
    border-left:0px;
    border-right:0px;
    background-color:#ffffcc;
}



td.leftColedito ul{
    margin: 0px 0 5px 0px;
    padding:0px 5px 5px 50px;


}


td.leftColedito ul li{
    list-style-type: disc;

}
table.main tr td.rightCol{
    padding-left: 60px;
    width: 200px;

}



#rightCol, .rightCol{
    padding-left: 60px;
    width: 150px;
    padding-top:  0px;
    vertical-align: top;

}
p.leftCol{
    line-height: 50px;
}

#side_cart{
    margin: 0px 0px 15px 0px;
    padding: 1px 0px 15px 0px;
    text-align: center;
    border:1px solid #e1dddd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#side_cart strong{
    background-color:#FAFAFA;
    border:1px  solid #e1dddd;
    border-left:0px;
    border-right:0px;
    border-top:0px;
    margin-bottom:5px;
    color: black;
    display:block;
    font-size:1.2em;
    line-height: 32px;
    text-align:center;
}

#side_cart .progress{
    background: url(/medias/loader.gif) center center no-repeat;
    height:50px;
}
#side_cart .bottom{
    margin-bottom:0px;

}
#side_cart ul{
    margin-top: 20px;
}
#side_cart ul li{

    line-height:30px;
    text-align: center;
}
#side_cart p{
    margin-top:2px;
}
#side_cart p a.btn {
    font-size: 16px;
}


#left_col{padding-left: 0px;}
#right_col{padding-right: 0px;}
#right_col .bloc,
table.main tr td.rightCol .bloc{

    margin: 0px 0px 15px 0px;
    padding: 1px 0px 15px 0px;
    /*width: 192px;*/
    line-height: 20px;
    border:1px solid #e1dddd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align:center !important;
}
#right_col .bloc strong.titre,
table.main tr td.rightCol .bloc strong.titre{   
    background-color:#FAFAFA;
    border:1px  solid #e1dddd;
    border-left:0px;
    border-right:0px;
    border-top:0px;
    margin-bottom:5px;
    color: black;
    display:block;
    font-size:1.1em;
    line-height: 32px;
    text-align:center !important;
    
}
#right_col .bloc .bottom,
table.main tr td.rightCol .bloc .bottom{

    margin:0px;
    padding:0px;
    text-align:center !important;

}
#right_col .bloc p,
table.main tr td.rightCol .bloc p{
    margin:15px 15px 5px 15px;
    text-align:center !important;
}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
/*#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}*/

/*
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
/*#cboxOverlay{background:url(colorbox/example1/images/overlay.png) 0 0 repeat;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(colorbox/example1/images/controls.png) -100px 0 no-repeat;}
#cboxTopRight{width:21px; height:21px; background:url(colorbox/example1/images/controls.png) -129px 0 no-repeat;}
#cboxBottomLeft{width:21px; height:21px; background:url(colorbox/example1/images/controls.png) -100px -29px no-repeat;}
#cboxBottomRight{width:21px; height:21px; background:url(colorbox/example1/images/controls.png) -129px -29px no-repeat;}
#cboxMiddleLeft{width:21px; background:url(colorbox/example1/images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(colorbox/example1/images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(colorbox/example1/images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(colorbox/example1/images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(colorbox/example1/images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(colorbox/example1/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(colorbox/example1/images/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(colorbox/example1/images/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(colorbox/example1/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}*/

/*
    The following fixes png-transparency for IE6.
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition

    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.

    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
/*.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/internet_explorer/borderTopLeft.png', sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/internet_explorer/borderTopCenter.png', sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/internet_explorer/borderTopRight.png', sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/internet_explorer/borderBottomLeft.png', sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/internet_explorer/borderBottomCenter.png', sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/internet_explorer/borderBottomRight.png', sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/internet_explorer/borderMiddleLeft.png', sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/internet_explorer/borderMiddleRight.png', sizingMethod='scale');}*/

#shortcuts select{
    width: 170px;
}


#lnkMyCart{
    padding-left:23px;
    background:url(/medias/site/icon_cartlist.png) center left no-repeat;

}

#lnkWebmail{
    padding-left:21px;
    background:url(/medias/site/mail.png) center left no-repeat;

}
#modal{
    display:none;
}

/* pavés AIDA sidebar */
.sidebar-aida { margin: 0 0 10px ;text-align: center;}
.sidebar-aida img { margin: 10px 0 }
.sidebar-aida h2,
.sidebar-aida p { display: none }


.carousel-indicators li.active{background:gray;}
.carousel-indicators li{background:black;}

.alert h2{margin-top:0px;}

#incentive{
    position: fixed;
    z-index:10000;
    bottom:0;
    left:20px;
    text-align: center;
    /*width: 380px;*/
    max-height: 400px;
    /*background: #F7FFCF;*/
    /*background: #FFF8D4;*/
    background: #fff;
    /*background: #F3FBFD;*/
    border:1px solid #CBE73A;
    border-bottom: none;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    overflow:hidden;
}

#incentive .shape{
    border-style: solid; border-width: 0 60px 60px 0; float:left; height: 0px; width: 0px;
    border-color: transparent #CBE73A transparent transparent;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}
#incentive .shape-text{
    color: #0b3972; font-size:13px; font-weight:bold; position:relative; right:-25px; top:-4px; white-space: nowrap;
    -ms-transform:rotate(30deg);
    -o-transform: rotate(360deg);
    -webkit-transform:rotate(46deg);
    transform:rotate(46deg);
}

#incentive .offer-content{
    padding: 20px;
}
#incentive .p_close{
    margin-top: -10px;
}
#incentive .no-display-again{
    margin-top: 20px; margin-bottom: 5px;
}
#incentive .p_close a{
    color:gray;
    font-variant: small-caps
}
#incentive h3{
    margin-top: 18px; margin-bottom: 15px;
    color: #444;
}
#incentive .item{
    padding:10px 0;
    margin:10px 0;
}
#incentive ul{
    margin-top:20px;
    list-style: none;
}
#incentive .code{
    display: block;
    font-size: 16px;
    font-weight: bold;
    background: #f7f7f7;
    border: 1px dashed #666;
    margin: 0 30px;
    padding: 10px 0;
    text-align: center;
    color: #0b3972;
}
#incentive i{
    margin-right: 10px;
}

#loadDialog .modal-dialog {
    width: 400px;
}

#loadDialog i {
    margin-right: 10px;
}