body{font:normal 80% Arial, "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif}


/* OVERHEADER */
#overhead span{
    color: #04aed5;
    margin-right: 10px;
}

#overheadlinks{
    display: inline-block;
    height: 24px;
    border-left: 1px solid #ccc;
    padding: 0 10px;

}
#overheadlinks a{
    text-decoration: none;
    color: #777;
    margin: 0 2px;
}
#overheadlinks a:hover{
    color: #04aed5;
}

/*
    =HEADER
*/
/*#header{
    background:url(/medias/site/bg_header.png) top left no-repeat;
    height: 59px;  69 - padding    
    padding: 5px 15px;
    text-align: left  ;
    width:821px;  851 - padding 
}*/

#header {
    /*    background: #CEE2F0;
        border: 1px solid #F5FAFF;
        border-radius: 5px;
        box-shadow: 0 0 10px #164587;*/
    height: 50px;
    margin: 0 auto 15px;
    /*    padding: 5px 15px;
        text-align: left;*/
    width: 854px;
}



#header a.logo {
    color: #1C1C1C;
    float:left;
    letter-spacing: 1px;
    text-decoration: none;
    width: 200px;
    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 img{
    float:left;
    margin:0px 20px 0px 0px;
}
#header a.logo span{
    color: #04AFD6;

    /*    padding-left: 5px;*/
}

#header a.logo strong{
    color:#666;
    display: block;
    font-size: 11px;
    font-variant: small-caps;
}


#header a.logo:hover{
    /*	color: #fff;
            text-shadow: 0 2px 2px #777;*/
    background-position: 0 -54px;
}
#header a.logo:hover span{
    /*	color: #fff;*/
}
#header a.logo:hover strong{
    /*	color: #000;*/
}

#header ul.links {
    background: #f2fbfd;
    /*    border-radius: 5px;*/
    /*    box-shadow: 0 0 5px #93BFDF;*/
    float: right;
    margin-top: 8px;
    padding: 5px 10px;
    font: 17px Verdana, sans-serif;
    color: #04afd6;
    list-style-type: none;

}

#header ul.links a{
    text-decoration:none;
    color: #04afd6;
}
#header ul.links a:hover{
    /*    text-decoration:none;*/
    color: #4490c6;
}
/*#header ul.links li{
    float:left;
    margin-right:15px;
    text-align:left;

}*/

#header ul.links li {
    float: left;
    /*    margin-right: 5px;*/
    text-align: left;
}

#header ul.links li span{
    margin: 0 10px;
}

#header ul.links li img{
    margin-left:5px;
    vertical-align: middle;

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


/* 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;}
#tabs ul{margin:0;}
#tabs li {float:left;position: relative;border-bottom: 4px solid #cbe73a;}
#tabs li a{text-align: center;color: #333;display:block;font-size: 12px;font-weight:bold;height: 16px;line-height: 15px;text-decoration: none;    width: 141px;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;}
#tabs .subtab li {display: block;text-align: left;border-bottom: 1px solid #cbe73a;}
#tabs .subtab li a{display: block;border: none;height: 25px;line-height: 25px;margin: 0;padding: 2px 0 2px 5px;width: 133px;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;z-index: 1;}

/* 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;}
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.hostings 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.about li a{ background-image: url(../medias/site/subMenuPuceAbout.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;
    margin:0 0 20px;
    padding: 10px 0px;
    height:30px;
    line-height:30px;
    text-align: center;
    color: #666;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    margin:30px 0px 30px 0px;

}
#prefooter img{
    vertical-align: middle;
    /*	background: #fff;
        border-radius: 5px;
        box-shadow: 0 0 3px #0050AB;*/
    margin: -3px 5px 0;
    /*    padding: 2px 3px;*/
}

#prefooter2{
    /*    background:#fff url(/medias/site/854_bg_prefooter.png) top center no-repeat;*/
    /*border-top: 1px dashed #4F4F4F;*/
    font-size: .9em;
    font-style: italic;
    margin:0px 0px 0px 5px;
    padding: 5px 0px 10px 0px;
    /*padding: 5px 0;*/
    text-align: left;
    color: #666;
    /*border-top: 1px solid #ddd;*/
}
#prefooter2 img{
    vertical-align: middle;
    /*	background: #fff;
        border-radius: 5px;
        box-shadow: 0 0 3px #0050AB;*/

    padding:0px 10px 0px 10px;
    /*    padding: 2px 3px;*/
}

#prefooter2 a
#prefooter a{
    text-decoration: none;
}



#footer{
    /*    background-color: #333;*/
    /*	border-top: 4px solid #444;*/
    /*    color:white;*/
    padding:15px 0 ;
    font-size: .9em;
    margin: 20px 0 0;
}



/* LES BLOCS EN FOOTER */
#footer div.one {
    float: left;
    /*    width: 170px;*/
    width: 142px;
    /*	margin-left: 55px;*/
}
#footer div.one:first-child {
    margin: 0;
}

#footer div.one h3,
#footer div.one ul li{
    text-align: left;

}
#footer div.one h3  {
    color: #034a8a;
    margin: 5px 0 0;
    border: 0px;
    border-bottom: 1px solid #ccc;
    font-size: 12px;
    font-weight: bold;
}

/*#footer div.one.nomDeDomaine h3{ border-color: #cbe83a; }
#footer div.one.hebegerment h3{ border-color: #04aed5; }
#footer div.one.creation h3{ border-color: #e90962; }
#footer div.one.laSociete h3{ border-color: #f90; }
#footer div.one.assistance h3{ border-color: #fed801; }
#footer div.one.account h3{ border-color: #fed801; }*/

#footer div.one.subfooter h3{
    color: #034a8a;
    margin: 40px 0 7px;
    padding: 5px 0 5px 5px;
    border:0px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;

}

#footer div.one.subfooter p{
    padding: 0 5px;
    font-size: 11px;
    line-height: 26px;
    color: #535353;
    text-align: left;
}

#footer div.one h3 a{
    color: #034a8a;
    border: none;
    font-size:12px;
    font-weight: bold;


}
#footer div.one h3 a:hover{
    color: #000;

    /*	text-decoration: none;*/
}

.one li{ padding-right: 5px;}

#footer div.one a{
    color: #666;
    text-decoration: none;
    display: block;
    padding: 5px 0 5px 5px;
    border-top: 1px solid #ececec;
    font-size: 11px;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    line-height: 26px;
}

#footer div.one li:first-child a{ border: none;}

#footer div.one.subfooter a{
    text-decoration: none;
    color:#04b0d7;
    padding: 0;
    display: inline;
    border: none;
}

#footer div.one a.support{
    /*	background: url(/medias/site/mail.png) no-repeat right center;*/
    border-bottom: 1px solid #666;
    margin-bottom: 5px;
}

#footer div.one a:hover{
    color: #000;
    /*    text-decoration: underline;*/
}

#footer .info {
    background: #bbb;
    border-radius: 5px;
    margin: 15px 0 0;
    padding: 15px 15px 0;
    float:left;
    text-align: left;
}
#footer .info p {
    margin: 0 0 15px;
    color: #4F4F4F;
}

#footer .links_footer {
    color:#999;
    padding-top:30px;
    clear: both;
}
#footer .links_footer a {
    color: #306F9C;
    text-decoration: none;
}
#footer .links_footer a:hover{
    text-decoration: underline;
}
#footer div.texte_footer  {
    margin-top:30px;
    padding: 0px;
    font-size: 0.9em;
    line-height: 24px;
    color: #666;
    text-align: justify;
}

#footer div.texte_footer  a {
    text-decoration: none;
    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: 10px 0px 15px 0px;
    width: 192px;
    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: 5px;
}
#side_cart ul li{
    height:20px;
    line-height:20px;
}
#side_cart p{
    margin-top:2px;
    padding:10px;
    text-align:center;
}

#right_col .bloc,
table.main tr td.rightCol .bloc{

    margin: 0px 0px 15px 0px;
    padding: 5px 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;
}
#footer .links_footer{text-align: center;}

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