/*****************************************************
/*****************************************************
 * INDEX
*****************************************************/


/*****************************************************
 * general
*****************************************************/

body {margin:0px; padding: 0px;}

div.page-wrapper {width: 990px; margin-left: auto; margin-right: auto; color: #666666; font: 0.8em/1.2em Verdana,Arial,Helvetica,sans-serif;}

/*
*title
*/
h2 {font-size: 16px; margin: 0;}
h4 {font-size:14px;margin:0;font-weight:bold; }

/*
*liens
*/
a {color: #666666; text-decoration: none;}
a:hover {color:#5aa4b1; text-decoration:underline;}
.helpMe a {text-decoration:underline;color:red;font-weight:bold;font-size:14px;}
.helpMe a:visited {text-decoration:underline;color:red;font-weight:bold;font-size:14px;}
.helpMe a:hover {text-decoration:underline;color:red;font-weight:bold;font-size:14px;}

/*
*position des blocs
*/
.infoBlockLeft {width:509px; border:1px solid #cccccb; padding:8px 40px 8px 12px; font-size:14px; color:#666; background-color:#F8F8F8; margin:0 0 10px 0; }
.infoBlockRight {width:400px; border:1px solid #cccccb; padding:8px 0 8px 12px; font-size:14px; color:#666; background-color:#F8F8F8; margin:0 0 10px 0;}
.long {width:510px;}
.underline {border-bottom:3px solid #949494; margin:0 0 15px; padding:0 0 2px; width:360px;}
.textPuceBlue { background:url(images/puce.gif) left  5px no-repeat; padding:0 0 0 8px;}

/*
*listes
*/
li {list-style:none; font-size:11px; margin:0 0 8px;}
ul {margin:0;}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {margin: 1em 0; padding: 0;}

/*
*select
*/
input, select {border:1px solid #dedede; color:#666666; font-size:11px;}
input {height:12px; padding:3px;}
select {height:24px; line-height:24px; cursor:pointer; padding:1px;}

.display_none {display: none; }
.wf { width:100%; }

/*
*img
*/
img { border: 0px none; }

/*****************************************************
 * header
*****************************************************/

* {margin:0; padding:0}
div#header {background-color: #fff;vertical-align: middle; font-size:11px;}
div#header_top {background-color: #e9e9e9; height:30px;}
#leftLinks {float:left; height:20px; line-height:20px; margin:4px 0 0; width:400px; padding-right:10px;}
#rightLinks {float:right; height:20px; line-height:20px; margin:4px 0 0; width:400px; padding-right:10px;}
#afnicPartner {float:left; border-right:1px dotted #666; padding:0 8px 0 8px;}
#afnicPartner a {font-weight:bold; text-transform:uppercase; text-decoration:underline; padding: 0 0 0 5px;}
#hostingoffer {width:500px;font-weight:bold; font-size: 14px; float:left; padding: 2px 8px 0 50px;}
#bannerOffer {clear:both;font-weight:bold; font-size: 14px;padding: 5px 0 5px 50px;background-color: #e9e9e9;}
#language {float:right; padding:0 0 0 8px;}
#setLanguage {float:left;}
#flag_image{ float:left; width:40px; height:14px; margin:4px 5px 0 5px;}
#languageSelector {float:left; }
#languageSelector select {width:50px;}
div#header_bottom {height:60px; margin:28px 0;}
#headerLogoZone {float:left; width:680px;}
#logoImage {float:left; margin:0 15px 0 0}
#logoImage .logo {height:59px;}
#logoImage h1 {margin:0;}
#logoImage span {display:none; float:left; width:226px; height:59px;}
#logoText {float:left; border-left: 1px solid #666; height:17px; line-height:20px; padding:3px 0 0 15px; margin:18px 0 0 0;}
#logoText h2 { margin: 0px; }
#accesAdminWeb {float:right;font-weight:bold;margin:4px 0;}
#admin {float:left; background:url(images/icon-admin.gif) left center no-repeat; padding:0 0 0 20px;}
#webmail {float:left; background:url(images/icon-webmail.gif) left center no-repeat; padding:0 5px 0 20px; }


/*****************************************************
 *  menu
*****************************************************/

#menubar, #registerMenubar {width:100%; height:32px; display:block;}

#menuHome {float:left; width:115px;  height:32px; border-right:1px solid white; background: url("images/bg-menu.gif") repeat; list-style:none; margin:0px; }
#menuHome a {float:left; width:115px; padding:0 0 0 15px; color:#FFF; font: 1em/1.20em Verdana, Arial, Helvetica, sans-serif; line-height:32px;  }
#menuHome a:hover {float:left; background: url("images/bg-menu-active.gif") repeat; text-decoration:none; }

#menuHost {float:left; width:107px; height:32px; border-right:1px solid white; background: url("images/bg-menu.gif") repeat; list-style:none; margin:0px;  }
#menuHost a {float:left; width:107px; padding:0 0 0 25px; color:#FFF; font: 1em/1.20em Verdana, Arial, Helvetica, sans-serif;  line-height:32px;  }
#menuHost a:hover {float:left; background: url("images/bg-menu-active.gif") repeat; text-decoration:none; }

#menuDomain {float:left;  width:155px; height:32px; border-right:1px solid white; background: url("images/bg-menu.gif") repeat; list-style:none; margin:0px; }
#menuDomain a {float:left; width:155px; padding:0 0 0 25px; color:#FFF; font: 1em/1.20em Verdana, Arial, Helvetica, sans-serif; line-height:32px; }
#menuDomain a:hover {float:left; background: url("images/bg-menu-active.gif") repeat; text-decoration:none; }

#menuHware {float:left; width:139px; height:32px; border-right:1px solid white; background: url("images/bg-menu.gif") repeat; list-style:none; margin:0px; }
#menuHware a {float:left; width:139px; padding:0 0 0 25px; color:#FFF; font: 1em/1.20em Verdana, Arial, Helvetica, sans-serif; line-height:32px; }
#menuHware a:hover {float:left; background: url("images/bg-menu-active.gif") repeat; text-decoration:none; }

#menuWhois {float:left; width:220px; height:32px;background: url("images/bg-menu.gif") repeat; list-style:none; margin:0px; }
#menuWhois a {float:left; width:220px;color:#FFF; font: 1em/1.20em Verdana, Arial, Helvetica, sans-serif; line-height:32px; }
#menuWhois a:hover {float:left; background: url("images/bg-menu-active.gif") repeat; text-decoration:none; }

#menuFaq {float:left; width:88px; height:32px; border-right:1px solid white; background: url("images/bg-menu.gif") repeat; list-style:none; margin:0px; }
#menuFaq a {float:left; width:88px; padding:0 0 0 25px; color:#FFF; font: 1em/1.20em Verdana, Arial, Helvetica, sans-serif; line-height:32px; }
#menuFaq a:hover {float:left; background: url("images/bg-menu-active.gif") repeat; text-decoration:none; }

#menuCompany {float:left; width:160px; height:32px; background: url("images/bg-menu.gif") repeat; list-style:none; margin:0px;border-right:1px solid white; }
#menuCompany a {float:left; width:160px; padding:0 0 0 25px; color:#FFF; font: 1em/1.20em Verdana, Arial, Helvetica, sans-serif; line-height:32px; }
#menuCompany a:hover {float:left; background: url("images/bg-menu-active.gif") repeat; text-decoration:none; }


/*****************************************************
 *  breadcrumb
*****************************************************/

#breadcrumbBasket {height:24px; padding:5px 0 0;}
#breadcrumb {padding:0 0 0 14px; color:#666666; float:left;}
#breadcrumb a {font-weight:bold; font-size:11px;}


/*****************************************************
 *  basket
*****************************************************/

#basket {float:right; width:110px;height:18px; background: transparent url(images/icon-bag.gif) 10px center no-repeat; padding-left:35px; border-left:1px solid #666666;line-height:18px;}
#basket a {color:#ff841a; font-weight:bold; font-size:11px; }


/*****************************************************
 *  registerMenu
*****************************************************/

#registerMenubar {margin:0 0 20px 0; font-weight:bold;}
.separateurHoriz { float:left; height:17px; border-top:1px solid #666; width:10px; margin:18px 0 0 0;}

#menuTransfer {float:left; width:185px; height:38px;border:1px solid #CCC; background:url(images/bg-menuregistrar-off.gif) repeat; margin:0; text-align:center; }
#menuTransfer a{float:left; text-align:center; width:165px; height:30px; padding:2px 10px; }
#menuTransfer a:hover {float:left; background:url(images/bg-menuregistrar-on.gif) repeat; text-decoration:none; color:white; height:34px;}

#menuChoice{float:left; width:190px; height:38px; line-height:34px; border:1px solid #CCC; background:url(images/bg-menuregistrar-off.gif) repeat; margin:0; text-align:center; }
#menuChoice a{float:left; text-align:center;  width:190px; height:34px;}
#menuChoice a:hover {float:left; background:url(images/bg-menuregistrar-on.gif) repeat; text-decoration:none; color:white; height:38px;}

#menuInformations{float:left; width:143px; height:38px; line-height:34px; border:1px solid #CCC; background:url(images/bg-menuregistrar-off.gif) repeat; margin:0; text-align:center; }
#menuInformations a{float:left; text-align:center;  width:143px; height:34px;}
#menuInformations a:hover {float:left; background:url(images/bg-menuregistrar-on.gif) repeat; text-decoration:none; color:white; height:38px;}

#menuCommand, #menuPay, #menuConfirm {float:left; width:136px; height:38px; line-height:34px; border:1px solid #CCC; background:url(images/bg-menuregistrar-off.gif) repeat; margin:0; text-align:center; }
#menuCommand a, #menuPay a, #menuConfirm a{float:left; text-align:center;  width:136px; height:34px;}
#menuCommand a:hover, #menuPay a:hover, #menuConfirm a:hover {float:left; background:url(images/bg-menuregistrar-on.gif) repeat; text-decoration:none; color:white; height:38px;}


/*******************************************************
 * commandPhone
 ******************************************************/

#commandPhone {height:100px;  background: white url(images/bg-ban-tel.gif) right no-repeat; float:right; }
#commandPhone .retour {width:245px; font-size:14px; margin-bottom:15px;}
#commandPhone p.width {font-size:11px; font-weight:normal; width:190px; }


 /*******************************************************
 * bannerReduc
 ******************************************************/

#bannerReduc {width:100%; height:70px; float:left; margin:0 0 10px 0; border-bottom:1px solid #CCC;}
#bannerReduc h1 {margin:0;}
#bannerReduc span {display:none; float:left; height:70px; width:990px;}


/*****************************************************
 *  pack
*****************************************************/

#pack {float:left;width:100%;padding:0 0 10px 4px;color:#666;}
#family {float:left; width:288px; height:66px; padding:93px 10px 10px 15px;}
#expert {float:left; width:288px; height:66px; padding:93px 10px 10px 15px;}
#business {float:left; width:288px; height:66px; padding:93px 10px 10px 15px;}

.fr_family {background: url("images/fr_FR/ban-famille.jpg") no-repeat;margin:0 6px;}
.fr_expert {background: url("images/fr_FR/ban-expert.jpg") no-repeat;margin:0 6px;}
.fr_business {background: url("images/fr_FR/ban-buisiness.jpg") no-repeat;margin:0 6px;}

.es_family {background: url("images/es_ES/ban-famille.jpg") no-repeat;margin:0 6px;}
.es_expert {background: url("images/es_ES/ban-expert.jpg") no-repeat;margin:0 6px;}
.es_business {background: url("images/es_ES/ban-buisiness.jpg") no-repeat;margin:0 6px;}

.content {float:left; width:100%; height:15px; text-align:left; font:11px Verdana, Arial, Helvetica, sans-serif;}
.content img {margin:0 5px 0 0;}
.content-last {float:left; width:auto; height:15px; text-align:left; font:11px Verdana, Arial, Helvetica, sans-serif;}
.content-last img {margin:0 5px 0 0;}

#btnPack {float:right;}
#btnPack #btnPackLeft{ background:url("images/buttonPack-left.gif") no-repeat; width:5px; height:27px; float:left}
#btnPack #btnPackMiddle{ background:url("images/buttonPack-middle.gif") repeat-x; height:27px; float:left;}
#btnPack #btnPackMiddle a { color:white; font-size:12px; font-weight:bold; line-height:25px; text-align:center; padding:0 5px }

#btnPack #btnPackRight{ background:url("images/buttonPack-right.gif") no-repeat; width:5px; height:27px; float:left;}


/*****************************************************
 *  whyIFPro
*****************************************************/

#whyIFPro {float:left; height:185px;}
#whyIFPro a {font-weight:bold; text-decoration:underline; color:#5aa4b1;}
#whyIFPro a:hover {font-weight:bold; text-decoration:none; color:#5aa4b1;}


 /*******************************************************
 * blockTextfaq
 ******************************************************/
 
#faqFrequent {float:right; height:185px;}
.detailText {background-color:#f8f8f8; border:1px solid #ccc; margin:0 0 15px 0; float:left; padding:0 0 13px 0; font-size:11px; width:988px;}
.paragraf {margin:0 0 28px 0}
.paragrafTitleFirst {float:left; width:978px; height:20px; background-color:#e5e5e5; padding:5px 0 0 10px; font-size:11px; font-weight:bold; color:#5aa4b1;}
.paragrafTitle {float:left; width:978px; height:20px; background-color:#e5e5e5; padding:5px 0 0 10px; font-size:11px; font-weight:bold; color:#5aa4b1; margin-top:20px;}
.paragraf p {float:left; background: url(images/puce.gif) left 5px no-repeat; padding:0 40px 5px 10px; width:918px; margin:10px 0 0 10px;}
.paragrafText {float:left; padding:5px 40px 0 20px; width:918px; font-size:11px; color:#5aa4b1;}
#paragrafLast {float:left; background: url(images/puce.gif) left 5px no-repeat; padding:0 40px 5px 10px; width:918px; margin:30px 0 0 10px; margin-top:40px; font-size:11px; font-weight:bold; color:#5aa4b1;}
#paragrafLast a {font-weight:bold; color:#5aa4b1; text-decoration:underline;}
#paragrafLast a:hover {text-decoration:none;}

.paragrafActif {float:left; background: url(images/puce.gif) left 5px no-repeat; padding:0 40px 5px 10px; width:918px; margin:0 0 0 10px; margin-top:10px; font-weight:bold;}

.rfaq {display:none;margin:10px 0 0 10px;padding:0 40px 5px 10px;}


/*****************************************************
 *  availableDomain
*****************************************************/

#availableDomain {height:100px; float:left}
#availableDomain p.underline {border-bottom:3px solid #949494; width:510px; margin:0 0 15px; padding:0 0 2px;font-weight:bold; } 
.availableZone {float:left; width:509px; margin-bottom:16px}
.availableZone .availableWWW { float:left; width:45px; height:22px; line-height:22px;margin-top:2px; }
.availableZone input{float:left; width:228px; margin-right:5px; margin-top:2px; height:16px; }
.availableZone .selectExt { float:left; margin-right:5px;margin-top:2px; }

/*****************************************************
 * buttons
*****************************************************/

.btn {float:left}
.btn .btnLeft{ background:url(images/button-left.gif) no-repeat; width:5px; height:27px; float:left}
.btn .btnMiddle{ background:url(images/button-middle.gif) repeat; height:27px; float:left; color:white; font-size:12px; font-weight:bold; line-height:27px; text-align:center; cursor:pointer; padding:0 5px }
.btn .btnRight{background:url(images/button-right.gif) no-repeat; width:6px; height:27px; float:left;}
.btn .btnMiddle a {color:white; font-weight:bold; text-align:center;}

#btnok {width:24px; height:25px;}

.bntAcces {float:right;}
.bntAcces .bg-headLeft {background:url(images/bgButtonAdmin/bg-headLeft.gif) no-repeat; width:8px; height:39px; float:left;}
.bntAcces .bg-headMiddle {background:url(images/bgButtonAdmin/bg-headMiddle.gif) repeat-x; height:39px; text-align:center; cursor:pointer; padding:0 5px; float:left; line-height:39px }
.bntAcces .bg-headRight {background:url(images/bgButtonAdmin/bg-headRight.gif) no-repeat; width:8px; height:39px; float:left;}
.separator { float:left; width:1px; height:10px; line-height:10px; border-left:1px solid #666; margin: 15px;}

.btnClose {float:right}
.btnClose .btnLeft{ background:url(images/button-left.gif) no-repeat; width:5px; height:27px; float:left}
.btnClose .btnMiddle{ background:url(images/button-middle.gif) repeat; height:27px; float:left; color:white; font-size:12px; font-weight:bold; line-height:27px; text-align:center; cursor:pointer; padding:0 5px }
.btnClose .btnRight{background:url(images/button-right.gif) no-repeat; width:6px; height:27px; float:left;}
.btnClose .btnMiddle a {color:white; font-weight:bold; text-align:center;}


/*******************************************************
 * footer
 ******************************************************/
 
#footer {background-color: #fff; float:left;}
.greyLine {border-top:3px solid #949494; height:3px; line-height:3px;}
#sitemap {background-color: #e9e9e9; color:#333333; padding:20px 42px; float:left;}

#listeOne {float:left; width:380px; }
#listeTwo {float:left; width:300px; }
#listeThree {float:left; width:226px; }

#partners { font-size:10px; color:#666666; padding:20px 42px; height:50px; line-height:50px; vertical-align:middle; float:left}
#partners span {dispaly:block; padding:0 45px 0 0 ; float:left; height:50px; line-height:50px;}
#partners img {padding: 0 25px 0 0;}

#portals {font-size:10px; color:#666666; padding:0 0 5px 42px; float:left}
#portals span {dispaly:block; padding:0 15px 0 0; float:left; }
#portals a {border-right:1px solid #666; padding:0 5px 0; text-decoration:underline;}
#portals a.noBorder {border:none;}

#copyrights {float:left; font-size:10px; color:#666666; text-align:center; }


/*******************************************************
/*******************************************************
 * LANDING CLIENTS
 ******************************************************/

/*******************************************************
 * general
 ******************************************************/

span#ft_1 { color: #FF6000; }

/*******************************************************
 * header
 ******************************************************/

#l_header { height: 190px; }
.header_in { height: 250px; padding-top: 90px; }


/*******************************************************
 * page principale
 ******************************************************/

.wrapper { margin: 0 auto; width: 900px; font-family: arial, sans-serif; }
#center { background: url("images/blue_bg.png") repeat-x scroll left top transparent; height: 254px; }
#center_in { background: url("images/blue_bg_img.png") no-repeat scroll center top transparent; height: 254px; }
p.cen_h1 { color: #FFFFFF; font-size: 47px; padding-top: 60px; text-align: center; text-shadow: 0 2px 0 #083F74; }


/*******************************************************
 * footer
 ******************************************************/

p.footer_text { background: url("images/dv_logo.png") no-repeat scroll left top transparent; color: #000000; font-size: 12px; padding: 5px 0 0 35px; }
.footer_in { padding: 25px 0 25px 400px; }
span#ft_2 { color: #666666; }