body {
	background : #536D7B;
	text-align: center;
}
img {
	border: 0px;
}
/* en-t�te */
#header {
	background: url(/images/site/header.gif) no-repeat;
	display: block;
	width: 816px;
	height: 125px;
	top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	text-align: center;
}
/* menu */
#menu_haut {
	background: #536D7B;
	display: block;
	width: 816px;
	height: 40px;
	position: relative;
	padding-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#menu_haut_numero_tel {
	float: left;
}
#menu_haut a {
	background: url(/images/site/menu_off.jpg) no-repeat top;
	width: 135px;
	height: 30px;
	padding-top: 10px;
	float: left;
	color: #CCCCCC;
	font: bold 14px/4px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration : none;
	border: 0px;
	}
#menu_haut a:hover {
	background: url(/images/site/menu_on.jpg) no-repeat top;
	width: 135px;
	height: 30px;
	padding-top: 10px;
	float: left;
	color: #444444;
	font: bold 14px/4px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration : none;
}
body#index a#index_nav,
body#solutions_telecom a#solutions_telecom_nav,
body#solutions_internet a#solutions_internet_nav,
body#news a#news_nav,
body#contact a#contact_nav
	{
	background: url(/images/site/menu_on.jpg) no-repeat top;
	width: 135px;
	height: 30px;
	padding-top: 10px;
	float: left;
	color: #444444;
	font: bold 14px/4px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration : none;
}


/* partie centrale */
#main {
	background: #CCD0CF;
	display: block;
	width: 816px;
/* 	height: 500px; */
	position: relative;
	border-left: 1px solid #536D7B;
	border-right: 1px solid #536D7B;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	vertical-align: baseline;
}
/* footer */
#footer {
	background: url(/images/site/footer.gif) no-repeat;
	display: block;
	width: 816px;
	height: 57px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#mentions {
	top: 10px;
	bottom: auto;
	margin-left: 48px;
	position: relative;
}
#mentions a {
	color: #FFFFFF;
	font: 11px/12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
}
#mentions a:hover {
	color: #FFFFFF;
	font: 11px/12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
}
#hebergement {
	color: #919191;
	font: 10px/10px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	text-decoration : none;
	top: 15px;
	width: 816px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#hebergement a {
	color: #919191;
	font: 10px/10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
}
#hebergement a:hover {
	color: #FFFFFF;
	font: 10px/10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
}

/* accueil */
#main_accueil {
	background: top url(/images/site/fond.jpg) repeat-y #CCD0CF;
/* 	background: #CCD0CF; */
	display: block;
	width: 816px;
	height: 430px;
	position: relative;
	border-left: 1px solid #536D7B;
	border-right: 1px solid #536D7B;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
/* 	vertical-align: baseline; */
}
/* footer */
#accueil_smartphone {
	top: 20px;
	margin-left: 15px;
	position: absolute;
}
#accueil_pieces_monnaie {
	top: 180px;
	margin-left: 515px;
	position: absolute;
}
#accueil_etoile_bas_gauche {
	bottom: 0px;
	margin-left: 0px;
	position: absolute;
}
#accueil_tel_bas_gauche {
	bottom: 0px;
	margin-left: 99px;
	position: absolute;
}
#accueil_cadre_solutions {
	background: url(/images/accueil/titre_solutions.jpg) no-repeat top left;
	top: 30px;
	margin-left: 200px;
	width: 230px;
	position: absolute;
	color: #000000;
	font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
}
#accueil_cadre_conseillers {
	background: url(/images/accueil/titre_conseillers.jpg) no-repeat top left;
	top: 150px;
	margin-left: 200px;
	width: 260px;
	position: absolute;
	color: #000000;
	font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
}
#accueil_maitrise_couts {
	background: url(/images/accueil/titre_maitrise_couts.jpg) no-repeat top left;
	top: 320px;
	margin-left: 265px;
	width: 260px;
	position: absolute;
	color: #000000;
	font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
}
#accueil_telecoms {
	background: url(/images/accueil/titre_telecoms.jpg) no-repeat top left;
	top: 30px;
	margin-left: 510px;
	width: 270px;
	position: absolute;
	color: #000000;
	font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
}
#accueil_calcul {
/* 	background: url(/images/accueil/titre_solutions.gif) no-repeat top left; */
	top: 285px;
	margin-left: 540px;
	width: 260px;
	position: absolute;
	color: #000000;
	font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
}
#accueil_calcul a {
	text-decoration: none;
}
#accueil_calcul a:hover {
	text-decoration: underline;
}
#accueil_calcul h1 {
	color: #086DCF;
	font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
}
#accueil_calcul_btn_cliquez img {
	padding-left: 65px;
	border: 0px;
}
/* calcul des economies en ligne */
#main_calcul {
	background: url(/images/site/fond.jpg) repeat-y #CCD0CF;
	display: block;
	width: 816px;
	position: relative;
	border-left: 1px solid #536D7B;
	border-right: 1px solid #536D7B;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	vertical-align: baseline;
}
.calcul_texte_bleu {
	color: #086DCF;
	font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
#calcul_texte_noir {
	color: #000000;
	font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
.calcul_texte_resultat {
	color: #086DCF;
	font: bold 18px/22px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
#calcul_formulaire {
	display: block;
	width: 500px;
	position: relative;
	border: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	vertical-align: baseline;
}
.tableau_calcul {
	text-align: center;
	color: #086DCF;
	font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
}

#total_couts {
	display: block;
	width: 500px;
	position: relative;
	border: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	vertical-align: baseline;
}

#calcul_resultat_avant
{
	position: absolute;
	display: block;
	left: 20px;
	width: 205px;
	text-align: center;
	color: #086DCF;
	font: bold 14px/18px Verdana, Arial, Helvetica, sans-serif;
	border-color: #0557A8;
	border-width: 2px;
	border-style: outset;
	padding: 4px;
}

#calcul_resultat_apres
{
	position: absolute;
	display: block;
	right: 20px;
	width: 205px;
	text-align: center;
	color: #086DCF;
	font: bold 14px/18px Verdana, Arial, Helvetica, sans-serif;
	border-color: #0557A8;
	border-width: 2px;
	border-style: outset;
	padding: 4px;
}



/* page news */
#tableau_news {
	text-align: left;
	padding: 15px;
	margin-left: 15px;
}
#tableau_news H1 {
	color: #086DCF;
	font: bold 20px/20px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
#tableau_news H2 {
	color: #086DCF;
	font: bold 12px/14px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
#tableau_news H3 {
	color: #000000;
	font: 12px/13px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
#tableau_news H4 {
	color: #333333;
	font: italic 10px/12px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
#titre_actualites {
	padding-left: 300px;
}
/* page solutions internet */
#main_solutions_internet {
	background: top url(/images/site/fond700.jpg) repeat-y #CCD0CF;
	display: block;
	width: 816px;
	height: 500px;
	position: relative;
	border-left: 1px solid #536D7B;
	border-right: 1px solid #536D7B;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	vertical-align: baseline;
}
#si_modem_wifi {
	top: 20px;
	margin-left: 10px;
	position: absolute;
}
#si_pinceau {
	top: 180px;
	margin-left: 25px;
	position: absolute;
}
#si_titre_acces_internet {
	background: url(/images/internet/titre_acces_internet.jpg) no-repeat top left;
	top: 40px;
	margin-left: 100px;
	width: 400px;
	position: absolute;
	color: #000000;
	font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
}
#si_creation_site {
	background: url(/images/internet/titre_creation_site.jpg) no-repeat top left;
	top: 190px;
	margin-left: 100px;
	width: 400px;
	position: absolute;
	color: #000000;
	font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
}
#si_sites_internet {
	background: url(/images/internet/titre_sites_internet.jpg) no-repeat top center;
	top: 40px;
	margin-left: 550px;
	width: 250px;
	position: absolute;
	color: #000000;
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
#si_texte_bleu {
	bottom: 25px;
	margin-left: 250px;
	width: 300px;
	position: absolute;
	color: #086DCF;
	font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
/* page solutions internet */
#main_solutions_telecom {
	background: top url(/images/site/fond700.jpg) repeat-y #CCD0CF;
	display: block;
	width: 816px;
	height: 500px;
	position: relative;
	border-left: 1px solid #536D7B;
	border-right: 1px solid #536D7B;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	vertical-align: baseline;
}
#st_telephone {
	top: 50px;
	margin-left: 10px;
	position: absolute;
}
#st_pda {
	top: 230px;
	margin-left: 18px;
	position: absolute;
}
#st_electricite {
	bottom: 30px;
	margin-left: 150px;
	position: absolute;
}
#st_titre_telephonie_fixe {
	background: url(/images/telecom/titre_telephonie_fixe.jpg) no-repeat top left;
	top: 30px;
	margin-left: 100px;
	width: 400px;
	position: absolute;
	color: #000000;
	font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
}
#st_titre_telephonie_mobile {
	background: url(/images/telecom/titre_telephonie_mobile.jpg) no-repeat top left;
	top: 200px;
	margin-left: 100px;
	width: 400px;
	position: absolute;
	color: #000000;
	font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
}
#st_titre_electricite {
	background: url(/images/telecom/titre_electricite.jpg) no-repeat top left;
	bottom: 10px;
	margin-left: 230px;
	width: 500px;
	position: absolute;
	color: #000000;
	font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
}
#st_titre_materiel_telecom {
	background: url(/images/telecom/titre_materiel_telecom.jpg) no-repeat top left;
	top: 30px;
	margin-left: 510px;
	width: 280px;
	position: absolute;
	color: #000000;
	font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
}
#st_titre_materiel_telecom ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none outside;
}
/* page contact */
#main_contact {
	background: top url(/images/site/fond700.jpg) repeat-y #CCD0CF;
	display: block;
	width: 816px;
	height: 530px;
	position: relative;
	border-left: 1px solid #536D7B;
	border-right: 1px solid #536D7B;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	vertical-align: baseline;
}
#formulaire_contact {
	top: 30px;
	padding-left: 250px;
	width: 280px;
	position: absolute;
	color: #000000;
	font: bold 10px/12px Verdana, Arial, Helvetica, sans-serif;
}
#formulaire_remerciements {
	top: 100px;
	padding-left: 250px;
	width: 400px;
	position: absolute;
	color: #000000;
	font: bold 10px/12px Verdana, Arial, Helvetica, sans-serif;
}

.texte_bleu {
	color: #086DCF;
	font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
}
/* page mentions legales */
#main_mentions {
	display: block;
	width: 816px;
	height: 420px;
	position: relative;
	border-left: 1px solid #536D7B;
	border-right: 1px solid #536D7B;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	vertical-align: baseline;
}
#main_mentions h1 {
	color: #086DCF;
	font: bold 20px/20px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
#main_mentions h2 {
	color: #086DCF;
	font: bold 12px/14px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 100px;
}