/* CSS Document */

/***************************
  Bloc central pour pages noms de domaines
***************************/
table#domainMenu {background-color: #fff; width: 723px; background-color: #fff;}

		td#domainServices {width: 342px;}
		
			div#serviceTitre {background-color: #97bf0d; width: 342px; height: 32px;}
			div#serviceTitre h2 {font: bold 15px Arial; color: #fff; text-align: center; padding-top: 6px;}
	
			div#serviceMenu {font: bold 11px Arial; text-align: left; margin: 0px; padding: 0px;}
			div#serviceMenu ul {list-style-type: none; margin: 0px; padding: 0px;}
			div#serviceMenu li {background: url(../images/ndd/menu-ndd-gauche.jpg) no-repeat top; width: 342px; height: 19px; padding-top: 4px; text-indent: 35px;}
			div#serviceMenu a {color: #000; text-decoration: none;} 
			div#serviceMenu a:hover {color: #97bf0d; text-decoration: none;} 
	
		td#domainOutils {width: 342px;}
		
			div#outilTitre {background-color: #e95d0f; width: 342px; height: 32px;}
			div#outilTitre h2 {font: bold 15px Arial; color: #fff; text-align: center; padding-top: 6px;}
	
			div#outilMenu {font: bold 11px Arial; text-align: left; margin: 0px; padding: 0px;}
			div#outilMenu ul {list-style-type: none; margin: 0px; padding: 0px;}
			div#outilMenu li {background: url(../images/ndd/menu-ndd-droit.jpg) no-repeat top; width: 342px; height: 19px; padding-top: 4px; text-indent: 35px;}
			div#outilMenu a {color: #000; text-decoration: none;} 
			div#outilMenu a:hover {color: #e95d0f; text-decoration: none;} 


table#domainBlocSelect {background: #D4D4D4 url(../images/ndd/background-selection-ndd.jpg) repeat-x left top; width: 723px; height: 192px;}

	td#domainSelection {width: 342px;}
		
		.step1 {font: normal 12px Arial; color: #000; text-align: left; margin: 0px; padding: 0px 0px 5px 0px;}
	
		form#domainSelectForm {font: normal 11px Arial; padding: 0px;}
		form#domainSelectForm .input {color: #003762; width: 160px; height: 13px; margin-left: 5px;}
		form#domainSelectForm .submit {margin-left: 5px;}
	
	td#extensionSelection {width: 361px;}
	
	td#extensionSelection label.highlight {background-color:yellow;}

		form#domainExtensionForm {font: normal 11px Arial; margin-left: 8px;}
		form#domainExtensionForm .input {color: #003762; width: 160px; height: 20px; margin-left: 5px;}
		form#domainExtensionForm .submit {margin-left: 5px;}
		
		.step2 {font: normal 12px Arial; color: #000; text-align: left; width: 329px; padding: 5px 0 5px 5px;}
		
		td#domainExtensionSelect {width: 361px; height: 135px;}


table#domainBlocPromo {width: 723px; height: 161px; margin: 0px; padding: 0px;}
	
	
	td#domainPromoGauche {background: url(../images/ndd/bandeau-gauche.jpg) no-repeat left top; height: 163px;}
	td#domainPromoDroit {background: url(../images/ndd/bandeau-droit.jpg) no-repeat left top; height: 163px;}

	.domainPromoTitre {font: normal 12px Arial; color: #fff; text-align: center; width: 355px; height: 17px; padding-top: 5px;}
	.domainPromoTexte {font: normal 11px Arial; color: #000; text-align: justify; width: 206px; height: 119px; margin: 10px 0px 0px 15px; float: left;}
	.domainPromoPrix {font: normal 13px Arial; color: #fff; text-align: center; width: 109px; height: 60px; padding: 55px 0px 0px 10px; float: left;}
		.domainPromoPrix a  {color: #fff; text-decoration: none;}
		.domainPromoPrix a:hover {color: #000; text-decoration: none;}


table#domainBlocInfo {background: #F7F7F6 url(../images/ndd/background_info.png) repeat-x left top; width: 723px; height: 202px;}
	div#avertissement h3 {font-size:14px;font-weight:bold;margin-top:5px;}
		div#avertissement {width: 723px; min-height: 202px; margin: 0px; padding: 0px;}
		div#avertissement p {font-size: 11px; text-align: justify; margin: 0px; padding: 0px 10px 5px 10px;}
		div#avertissement ol {font-size: 11px; margin-left: 20px;margin-top:10px;}
		div#avertissement ol li {margin-left:20px;margin-bottom:8px;}
		div#avertissement div#more {margin-top:20px; padding: 0px 10px 20px 10px;background-color:#f7f7f6;}


table#domainCarte {width: 723px; height: 332px;}

	td#domainCarteMenu {width: 225px; height: 32px;}
		
		div#serviceTitreCarte {background-color: #003762; width: 723px; height: 32px;}
		div#serviceTitreCarte h2 {font: normal 17px Arial; color: #00a0e1; text-align: center; padding-top: 5px;}
	
	td#domainCarteLegende {font: normal 11px Arial; background: url(../images/ndd/ndd_legende_carte.jpg) no-repeat left top; width: 225px; height: 300px;}
		
		p#domainLegendeHaut {color: #790e11; text-align: justify; width: 160px; height: 170px; margin: 57px 0px 0px 31px;}
		p#domainLegendeBas {color: #00a0e1; text-align: justify; width: 173px; margin-left: 26px;}
		
		
table#domainValid {width: 723px;}
	
	table#domainValid .serviceTitreExtensions {height: 20px;}
	table#domainValid h3 {font: normal 12px Arial; color: #fff; text-align: center; padding-top: 3px;}
	
	td#domainValidMenu {background-color: #678713; width: 723px; height: 20px;}
		
	td#domainValidList {border: 2px solid #678713; width: 723px; padding: 4px 0px 0px 2px;}
		
		form#domainValidForm {}
	
			/* .domainValidName {background: url(../images/ndd/ndd_domaine_disponible.png) no-repeat left top; width: 237px; height: 30px; margin: 0px; padding: 0px; float: left;} */
			.domainValidName {border: 1px solid #678713; border-right: 2px solid #678713; border-bottom: 2px solid #678713; width: 230px; min-height: 25px; margin: 3px 0px 0px 4px; float: left;}
			.domainValidCheck {width: 22px; padding-top: 2px; float: left;}
			.domainValidExtension {color: #4f4f4f; font-weight: bold; width: 180px; padding: 5px 0px; float: left;}
			.domainValidInformation {width: 28px; padding: 1px 0px; float: left;}
			
			div#domainValidInfo {font-size: 12px; color: #678713; width: 593px; height: 38px; padding: 8px 0px 0px 6px; float: left;}
			
			div#domainValidEnregistrer {padding: 10px 0px 0px 0px; float: left;}

	
table#domainInvalid {width: 723px;}

	table#domainInvalid .serviceTitreExtensions {height: 20px;}
	table#domainInvalid h3 {font: normal 12px Arial; color: #fff; text-align: center; padding-top: 3px;}
	
	td#domainInvalidMenu {background-color: #9d0d15; width: 723px; height: 20px;}
		
	td#domainInvalidList {border: 2px solid #9d0d15; width: 723px; padding: 4px 0px 0px 2px;}

		.domainInvalidName {border: 1px solid #9d0d15; border-right: 2px solid #9d0d15; border-bottom: 2px solid #9d0d15; width: 348px; min-height: 25px; margin: 3px 0px 0px 4px; float: left;}
		.domainInvalidExtension {font-weight: bold; width: 280px; padding: 5px 0px 0px 8px; float: left;}
		.domainInvalidInformation {width: 28px; padding: 1px 0px; float: left;}
		
		div#domainInvalidSpacer {height: 8px;}
		
		

div.domainAchat {background-color: #003762; width: 723px; height: 50px; margin: 0px 0px 0px 0px; padding: 0px;}
div.domainAchat h2 {font: normal 17px Arial; color: #00a0e1; text-align: center; margin: 0px; padding: 15px 0px 0px 0px;}
div.domainAchatContent {background-color: #D4D4D4;padding:20px; width: 683px;}
div#domainFinAchat {background-color: #003762; width: 723px; height: 32px; margin: 0px; padding: 0px;}

/***************************
  tableau des tarifs
***************************/

table#domainPrice { border: 1px solid #009ee1;width:723px;border-collapse: collapse;}
table#domainPrice a {color:black;text-decoration:none;}
table#domainPrice a:hover{text-decoration:underline;}
table#domainPrice a:visited {color:black;}
	table#domainPrice thead { background-color: #009ee1;color:white;}
		table#domainPrice thead th { text-align:center; }
			table#domainPrice thead th.small { width: 130px;}
		
			table#domainPrice td { text-align:center; border: 1px solid #009ee1;}
		

			table#detailPrice {border: none;width:200px;border-collapse:collapse;}
				table#detailPrice td {border: 1px solid #559ee1; border-bottom:0px; border-left:0px; border-right:0px;}
				table#detailPrice td.label {text-align:left;width:150px;}

/***************************
 colonne droite
***************************/

div#offreHostWeb {background: #009EE1 url(../images/ndd/offre-hebergement-web-mail.jpg) no-repeat left top; width: 216px; min-height: 240px;}
div#offreHostMail {background: #009EE1 url(../images/ndd/offre-hebergement-mail.jpg) no-repeat left top; width: 216px; min-height: 240px;}

   div#offreHost p {font: normal 11px Arial; color: #fff; text-align: justify; line-height: 110%; padding: 158px 15px 0px 15px;}
   div#offreHost p a {color: #fff; text-decoration: none;}
   div#offreHost p a:hover {color: #000; text-decoration: none;}
   div#offreHost .prixInfo {font: bold 13px Arial; color: #fff; text-align: right; width: 110px; float: left;}
   div#offreHost .prix {font: bold 15px Arial; color: #000; text-align: center; width: 106px; float: left;}