/***********	 PREPARATION DE LA PAGE ***********/
html, body, form, h1, h2, h3, h4, h5, h6, p {margin: 0; padding : 0;}
a {text-decoration: none; color:rgb(123,123,123);}
a:hover {text-decoration: underline;}
img {border: 0;}
ul {list-style: none;}

table {border-collapse:collapse;}

html {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color: rgb(44, 44, 44);
	background: url("fond/fond.png") repeat;
	_background: 0;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='fond/fond.png',sizingMethod='scale');
}

body {
	background: url("fond/fond_header.png") repeat-x;	
	_background: 0;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='fond/fond_header.png');
}

/*********** CLASSES ***********/
.rouge {color: red;}
.rougeBordeaux {color: #c6472f;}
.centre {position:relative; text-align : center}
.bas {margin-top: 40px;}
.tresbas {margin-top: 80px;}

.btnSupport {
	height: 25px;
	width: 99px;
	vertical-align: top;
	padding-top: 5px;
	text-align: center;
	background: url("boutons/fond_bouton_support.jpg") no-repeat;
}
.btnSupport a {color: rgb(60,120,157); font-size: 0.75em;}

.btnStandardFondBleu {
	width: 99px;
	height: 25px;	
	text-align: center;
	vertical-align: top;
	padding-top: 4px;
	background: url("boutons/fond_bouton_commander.jpg") no-repeat;	
}
.btnStandardFondBleu a {color: white; font-size: 0.75em;}

.boutonContact div {margin: auto; margin-top: 50px;}

/*********** GLOBAL ***********/
#global {
	width: 920px;
	padding-top:30px;
	margin:	auto;
}

/*********** HEADER ***********/
#header {
	margin-bottom: 0px;
	height: 167px;
	width: 920px;
	background: url("header/haut_header.png") no-repeat;
	_background: 0;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='header/haut_header.png',sizingMethod='scale');
}

#photoNomAgence {
	position:absolute; 
	margin-top: -18px; 
	margin-left: 750px;
}

.tdHeader {height: 142px; vertical-align: top;}

#logo {width: 500px; margin-top : 25px;	padding-left: 25px;}

#liens {margin-bottom: 20px; margin-left: 64px;}

#liens .underRouge {
	position: relative;
	color: black;
	background:url("header/fond_bas_rouge.png") repeat-x; 
	padding-bottom: 9px; 
	padding-top: 3px;
	padding-left: 2px;
	padding-right: 2px;
	font-size:0.8em;
}

#liens .underBlanc {
	color: black;
	background: url("header/fond_bas_blanc.png") repeat-x; 
	padding-bottom: 9px; 
	padding-top: 1px; 
	font-size:0.8em;
}

#contact {
	width: 340px;
	text-align: right;
	margin-top: 30px;
	margin-right: 15px;
	font-style: italic;
	font-weight: bold;
}

#espaceClient{position:relative; font-size:0.7em; margin-top: 17px; margin-left: 230px;}

#bandeau {margin-left:10px; margin-top:-5px; vertical-align: top;} /* centre le bandeau */
#bandeau div {position:relative; float:left; display:inline;} /* place tout les éléments du bandeau sur une seule ligne */
#bandeau a {color:white; font-size:0.9em;} /* modifie la couleur des éléments du bandeau */

/* Partie "Hébergement" du bandeau actif */
#bandeau #bandeauHebergement_a {	
	padding-top:1px;
	text-align:center;
	height: 25px;
	width: 144px;
	background:url("bandeau/bandeau_menu_hebergement_a.png") no-repeat;
}

/* Partie "Hébergement" du bandeau inactif */
#bandeau #bandeauHebergement {	
	padding-top:1px;
	text-align:center;
	height: 25px;
	width: 144px;
	background:url("bandeau/bandeau_menu_hebergement.png") no-repeat;
}

/* Partie "Service & Maintenance" du bandeau actif */
#bandeau #bandeauServiceMaintenance_a {
	padding-top:1px;
	text-align:center;
	height: 25px;
	width: 201px;
	background:url("bandeau/bandeau_menu_service_a.png") no-repeat;
}
/* Partie "Service & Maintenance" du bandeau inactif */
#bandeau #bandeauServiceMaintenance {
	padding-top:1px;
	text-align:center;
	height: 25px;
	width: 201px;
	background:url("bandeau/bandeau_menu_service.png") no-repeat;
}

/* Partie "Création de Site Internet" du bandeau inactif */
#bandeau #bandeauCreationSite {
	padding-top:1px;
	text-align:center;
	height: 25px;
	width: 214px;
	background:url("bandeau/bandeau_menu_creationsite.png") no-repeat;
}
/*********** BODY ***********/

#tableGlobal {width:920px;}

#tblHautGauche {
	min-height: 30px;
	width: 16px;
	background: url("body/fond_haut_gauche.png") repeat-y right;
	_background: 0;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='body/fond_haut_gauche.png',sizingMethod='scale');
}

#tblHautCentre {
	background-color: white;
	width: 886px;
	height: 264px;
}

#tblHautDroite {
	min-height: 30px;
	width: 15px;
	background: url("body/fond_haut_droit.png") repeat-y left;
	_background: 0;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='body/fond_haut_droit.png',sizingMethod='scale');
}

#tblMilieuCentre{
	background-color: white;
	width: 886px;
}

#tblMilieuGauche {
	height: 62px;
	width: 16px;
	background: url("body/fond_haut_gauche.png") repeat-y right;
	_background: 0;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='body/fond_haut_gauche.png',sizingMethod='scale');
}

#tblMilieuDroite {
	width: 15px;
	background: url("body/fond_haut_droit.png") repeat-y left;	
	_background: 0;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='body/fond_haut_droit.png',sizingMethod='scale');
}

#tblBasGauche {
	height: 102px;
	background: url("body/fond_bas_gauche.png") repeat-y right;
	_background: 0;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='body/fond_bas_gauche.png',sizingMethod='scale');
}

#tblBasCentre {
	background: url("body/fond_bas_centre.png") repeat-x;
	_background: 0;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='body/fond_bas_centre.png',sizingMethod='scale');
}

#tblBasDroite {
	height: 102px;
	background: url("body/fond_bas_droit.png") no-repeat left;
	_background: 0;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='body/fond_bas_droit.png',sizingMethod='scale');
}

#imageFondHebergementMutualise {
	height: 264px;
	width: 808px; 
	margin: auto;
	margin-top: 10px;
	padding-top: 10px;
	background: url("body/fond_couloir_serveurs.png") no-repeat; 
}

#imageFondHebergementNomDeDomaine {
	height: 264px;
	width: 808px; 
	margin: auto;
	margin-top: 10px;
	padding-top: 10px;
	background: url("body/hebergement_nom_de_domaine.png") no-repeat; 
}

#imageFondHebergementInforgerance {
	height: 264px;
	width: 808px; 
	margin: auto;
	margin-top: 10px;
	padding-top: 10px;
	background: url("body/hebergement_infogerance.png") no-repeat; 
}

#imageFondHebergementLocationDeBaie {
	height: 264px;
	width: 808px; 
	margin:10px 0 0 35px;
	padding-top: 10px;
	background: url("body/hebergement_location_de_baie.png") no-repeat; 
}

#imageFondHebergementDedie {
	height: 264px;
	width: 808px; 
	margin: auto;
	margin-top: 10px;
	padding-top: 10px;
	background: url("body/fond_deux_serveurs_empiles.png") no-repeat; 	
}


#imageFondServiceEtMaintenance {
	height: 264px;
	width: 808px; 
	margin: auto;
	margin-top: 10px;
	padding-top: 10px;
	background: url("body/hebergement_service_et_maintenance.png") no-repeat; 	
}
#fondLiens {
	vertical-align: top;
	margin-top: -9px;
	margin-left: 2px;
	height: 38px;
	width: 803px;
	background: url("body/fond_liens_hebergement.png") no-repeat;
	_background: 0;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='body/fond_liens_hebergement.png',sizingMethod='scale');
	_width: 802px;
}

#liensHebergement {padding-top: 6px;}

#liensHebergement a {
	position:relative;
	color: rgb(123,123,123);
	text-decoration: none;
	font-size: 0.8em;
	margin-left: 42px;
}

#liensHebergement a:hover {text-decoration: underline;}

#contenuBody {
	width: 795px;
	margin: auto;
	margin-top: 15px;
}

/* Centre et espace les images "pack" */
#contenuBody #packs {margin-top: 60px; margin-left: 85px;}
#contenuBody #packs a {margin-left: 25px;}

#contenuBody #textePresentation{width: 710px; margin: auto; margin-top: 50px; margin-bottom: 30px;}
#contenuBody #textePresentation p  {text-align:justify; font-size: 0.85em;}

#contenuBody p {font-size: 1.1em;}

#contenuBody #detailsPacks {
	margin: auto;
	height: 394px;
	width: 551px;
	background: url("body/fond_gris_maintenance.jpg") repeat-x;
}

#contenuBody #detailsPacks  h3 {
	padding: 40px 0 20px 40px;
}

#contenuBody #detailsPacks #sousTitreDetailsPacks p {
	font-size: 0.9em;
	text-indent: 80px;
}

#contenuBody #detailsPacks  #contenuDetailsPacks p {
	font-size: 0.7em;
	margin-left: 80px;
	padding: 3px 0 0 0;
}
#tableDetailsPacks {
	width: 415px;
}

#contenuBody #detailsPacks #boutonsDetailsPacks  {margin-top: 70px;}
#contenuBody #detailsPacks #boutonsDetailsPacks  div{margin-top: 15px;}

#contenuBody #detailsContenu {
	min-height: 258px;
	min-width: 600px;
	background: url("body/fond_gris_details_contenu.jpg");
	background-repeat: repeat-x;
}
#detailsContenu table {margin: auto;}

/* NOM DE DOMAINE */
#tableNomDeDomaine {	width: 700px;}
#detailsContenu #detailsNomDeDomaine{vertical-align: top; width: 250px;	padding-left: 25px;}
#detailsContenu #detailsNomDeDomaine p {padding-top: 14px; padding-bottom: 13px;}

#detailsContenu #detailsExtensionSouhaites {width: 320px; height: 200px;}
#detailsContenu #detailsExtensionSouhaites p {margin-left: 50px; padding-top: 14px;}
#detailsContenu #detailsExtensionSouhaites ul {
	float:left; 
	color: rgb(4,82,130);
	font-size: 0.7em;
	margin-top: 10px;
	margin-left: 15px;
	padding-left: 10px; 
}
#detailsContenu #detailsExtensionSouhaites ul  li {padding-top: 7px;}

#detailsContenu #boutonsExtensionSouhaites {padding-left: 270px;}
#detailsContenu #btnVoirExtensions  {
	float: left;
	width: 190px;
	font-size: 0.75em;
	padding: 9px 11px;
	background: url("boutons/fond_bouton_voirextension.jpg") no-repeat;
}
#boutonsExtensionSouhaites .btnStandardFondBleu {margin-left: 215px;}
#boutonsExtensionSouhaites .btnStandardFondBleu a {padding-left: 2px;}
#detailsContenu #btnVoirExtensions a {color: rgb(4,82,130);}

#detailsContenu #TransfererNomDomaine p	{font-size: 0.7em; font-weight: bold;}
#detailsContenu #TransfererNomDomaine div	{float: left; margin-right: 30px;}

#detailsContenu #RenouvelerNomDomaine {margin-top: 15px;}
#detailsContenu #RenouvelerNomDomaine p {font-size: 0.7em; font-weight: bold;}
#detailsContenu #RenouvelerNomDomaine div {float: left; margin-right: 30px;}

#detailsContenu #detailsContenuNomDeDomaine 		{padding-left: 15px; padding-top: 35px; width: 250px;}
#detailsContenu #detailsContenuNomDeDomaine p	{padding-left: 15px; color: rgb(92,166,205); font-size: 0.9em; font-weight: bold;}
#detailsContenu #detailsContenuNomDeDomaine ul	{padding-left: 15px; font-size: 0.8em;}

/* INFOGERANCE */
#contenuBody #optionsInfogerance img{padding-left: 5px;}
#contenuBody #optionsInfogerance {width: 700px;	margin: auto; margin-top: 35px;}
#contenuBody #detailsOptionsInfogerance {
	height: 227px;
	width: 696px;
	margin: auto;
	margin-top: 50px;
	padding-top: 10px;
	background: url("body/fond_gris_details_contenu.jpg");	
	background-repeat: repeat-x;
}

#contenuBody #detailsOptionsInfogerance  h3, #contenuBody #detailsOptionsInfogerance #detailsOptionsInfogeranceGeneral p{
	margin-top: 10px;
	margin-left: 30px;
	font-size: 0.8em;
}
#contenuBody #detailsOptionsInfogerance #detailsOptionsInfogeranceGeneral p{text-indent: 25px;}

#contenuBody #detailsOptionsInfogerance .premiereLigne  {vertical-align: top; padding-top: 20px; height: 175px;}
#contenuBody #detailsOptionsInfogerance #detailsOptionsInfogeranceBronzeSilverOr h2{margin-left: 55px; margin-bottom: 0px; margin-top: 0px;}
#contenuBody #detailsOptionsInfogerance #detailsOptionsInfogeranceBronzeSilverOr h3{margin-left: 55px;font-size: 1em;}
#contenuBody #detailsOptionsInfogerance #detailsOptionsInfogeranceBronzeSilverOr p{margin-left: 55px; font-size: 0.8em;}
#contenuBody #detailsOptionsInfogerance #detailsOptionsInfogeranceSilverOr p{color: rgb(88,162,203); font-size: 0.8em; margin-left: 55px; margin-bottom: 25px;}
#contenuBody #detailsOptionsInfogerance #boutonsOptionsInfogerance {margin-top: 60px;}
#contenuBody #detailsOptionsInfogerance #boutonsOptionsInfogerance div {margin-top: 10px;}

/* LOCATION DE BAIE */
#contenuBody #detailContenuLocationBaie {
	margin:auto;
	height: 272px;
	width: 624px;
	background: url("body/fond_gris_details_contenu.jpg") repeat-x;
}
#detailContenuLocationBaie ul {list-style: disc; padding-top: 20px;} 
#detailContenuLocationBaie p {width: 600px; font-size: 0.9em; padding-left: 15px;}
#conseilsLocationBaie {margin-top: 50px; font-size: 0.8em;}
#boutonLocationBaie div {margin-left: 347px; margin-top: 50px;}

/* DÉDIÉ */
#contenuBody #detailContenuDedie {
	margin:auto;
	height: 227px;
	width: 690px;
	background: url("body/fond_gris_details_contenu.jpg") repeat-x;
}

#contenuBody #detailContenuDedie ul {list-style: disc inside; font-size: 0.75em; }
#contenuBody #detailContenuDedie li {padding-top: 15px; width: 600px; text-align:justify;}
#contenuBody #TarifsHebergements {margin-top: 50px;}
#contenuBody #TarifsHebergements td{vertical-align: top; padding-left: 35px;}

#contenuBody .detailsTarifsHebergements {height: 100px;}
#contenuBody .detailsTarifsHebergements p{font-size: 0.9em;}
#contenuBody .detailsTarifsHebergements h3{font-size: 1em;}

/* SERVICE ET MAINTENANCE */
#contenuBody #photoEtTexteServiceMaintenance {margin-top: 15px;}
#contenuBody #photoEtTexteServiceMaintenance img {float:left; display: inline;}
#contenuBody #photoEtTexteServiceMaintenance p {margin-left: 35px;}
#contenuBody #detailsServiceEtMaintenance {
	height: 403px; 
	width: 772px;
	margin: auto;
	background: url("body/fond_gris_maintenance.jpg") repeat-x;
}
#contenuBody #detailsServiceEtMaintenance table {margin: auto;}
#contenuBody #detailsServiceEtMaintenance tr {width:386px; vertical-align: top;}
#contenuBody #detailsServiceEtMaintenance p  {font-size: 0.80em; font-weight: bold; margin-top: 15px;}
#contenuBody #detailsServiceEtMaintenance li {list-style: disc inside; font-size: 0.75em; text-indent: 0px; height: 18px;}
#contenuBody #detailsServiceEtMaintenance ul {margin: 0; padding: 0;}
#contenuBody #detailsServiceEtMaintenance #boutonsServiceMaintenances .btnStandardFondBleu {float: left;}
#contenuBody #detailsServiceEtMaintenance #boutonsServiceMaintenances div {margin-left: 60px;margin-top: 85px;}

/********** FOOTER **********/

#footer #haut_footer {
	/*margin-left: 670px;*/
	padding-top: 25px;
}

#footer #bas_footer a, #footer #bas_footer p {
	padding-top: 35px;
	color: rgb(131, 131, 131);
	text-decoration: none;
	font-size: 0.7em;
}

#footer #bas_footer p {margin-left: 10px; float:left;}

#footer #bas_footer a {position:relative; margin-right: 15px; float:right;}

#imgFooter {
	margin-top: -30px;
	height: 130px;
	background: url("footer/bas_footer.png") repeat-x;
	_background: 0;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='footer/bas_footer.png',sizingMethod='scale');
}