html, body, div, a, li, ul, p, h2, img, form {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
body {
	width: 100%;
	height: 100%;
	background-color: #c4dde7;
	background-image: url(images/egsol-fond.jpg);
	background-repeat: repeat-x;
	text-align: center;
	color: #666666;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
a {
	color: #ff582a;
	font-weight: bold;
	outline: none;
	text-decoration: none;
}
a:hover {
	color: #ff5528;
	text-decoration: underline;
}

li {
	margin-left: 14px;
	margin-bottom: 10px;
	list-style: url(images/egsol-puce-li.gif);
}
fieldset {
	border: 1px solid #cad2d6;
	padding: 20px;
	padding-top: 0px;
	background-color: #f4f4f4;
	background-image: url(images/egsol-form-degrade.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
}
legend {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	color: #326e90;
	display: block;
	padding-bottom: 6px;
	padding-left: 19px;
	background-image: url(images/egsol-titre-puce.gif);
	background-repeat: no-repeat;
}
input, select, textarea {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	border: 1px solid #bdc7d8;
}
label { font-weight: bold; }
.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	color: #326e90;
	text-align: left;
	display: block;
	padding-bottom: 6px;
	padding-left: 19px;
	padding-top: 2px;
	background-image: url(images/egsol-titre-puce.gif);
	background-repeat: no-repeat;
}
.titre-sans-puce {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	color: #326e90;
	text-align: left;
	display: block;
	margin-top: 6px;
	padding-bottom: 6px;
	padding-top: 2px;
}
.texte-bleu {
	color: #326e90;
	font-weight: bold;
}
.texte-gras {
	font-weight: bold;
}
.hr {
	height: 1px;
	line-height: 1px;
	font-size: 0px;
	width: 640px;
	border-bottom: 1px solid #cad2d6;
	margin-bottom: 20px;
}
.diplay-block { display: block; }
.aligner-droite { float: right; }
.aligner-gauche { float: left;  }
.aligner-centre { width: 100%; text-align: center; }
.clear-both { clear: both; }
#bandeau-haut {
	width: 977px;
	height: 105px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-image: url(images/egsol-bandeau-haut-fond-index.jpg);
	background-repeat: no-repeat;
}
#index #bandeau-haut {
	height: 365px;
	background-image: url(images/egsol-bandeau-haut-fond-index.jpg);
	background-repeat: no-repeat;
}
#bandeau-haut .logo {
	padding-top: 14px;
	padding-left: 8px;
	float: left;
}
#bandeau-haut a.agences {
	width: 242px;
	height: 240px;
	padding-right: 30px;
	display: block;
	float: right;
	background-image: url(images/bandeau-haut-agences.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#bandeau-haut a:hover.agences {
	background-image: url(images/bandeau-haut-agences-hover.jpg);
}
#bandeau-haut .diaporama {
	width: 661px;
	height: 230px;
	padding-left: 28px;
	padding-top: 10px;
	float: left;
	background-image: url(images/bandeau-haut-diaporama.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#menu {
	width: 742px;
	height: 44px;
	padding-top: 31px;
	margin-right: 8px;
	float: right;
}
#menu a {
	height: 44px;
	display: block;
	float: left;
}
#menu a.accueil {
	width: 94px;
	background-image: url(images/menu-accueil.jpg);
}
#menu a:hover.accueil, #index #menu a.accueil {
	background-image: url(images/menu-accueil-hover.jpg);
}
#menu a.presentation {
	width: 132px;
	background-image: url(images/menu-presentation.jpg);
}
#menu a:hover.presentation, #presentation #menu a.presentation {
	background-image: url(images/menu-presentation-hover.jpg);
}
#menu a.prestations {
	width: 130px;
	background-image: url(images/menu-prestations.jpg);
}
#menu a:hover.prestations, #prestations #menu a.prestations {
	background-image: url(images/menu-prestations-hover.jpg);
}
#menu a.references {
	width: 123px;
	background-image: url(images/menu-references.jpg);
}
#menu a:hover.references, #references #menu a.references {
	background-image: url(images/menu-references-hover.jpg);
}
#menu a.demande-de-devis {
	width: 162px;
	background-image: url(images/menu-demande-de-devis.jpg);
}
#menu a:hover.demande-de-devis, #demande-de-devis #menu a.demande-de-devis {
	background-image: url(images/menu-demande-de-devis-hover.jpg);
}
#menu a.contact {
	width: 101px;
	background-image: url(images/menu-contact.jpg);
}
#menu a:hover.contact, #contact #menu a.contact  {
	background-image: url(images/menu-contact-hover.jpg);
}

#bandeau-contenu {
	width: 977px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/egsol-bandeau-contenu-fond.jpg);
	text-align: left;
}
#bandeau-contenu-haut {
	width: 939px;
	padding-left: 38px;
	padding-top: 50px;
	padding-bottom: 20px;
	background-repeat: no-repeat;
	background-image: url(images/egsol-bandeau-contenu-haut-interieur.jpg);
	text-align: justify;
	line-height: 17px;
}
#index #bandeau-contenu-haut {
	padding-top: 34px;
	background-image: url(images/egsol-bandeau-contenu-fond-haut.jpg);
}
#bandeau-contenu-haut .photo {
	margin-bottom: 10px;
	margin-right: 24px;
	margin-top: 4px;
	float: left;
	display: block;
}
#bandeau-contenu-haut #contenu a img {
	border: 2px solid #ffffff; 
}
#bandeau-contenu-haut #contenu a:hover img {
	border: 2px solid #9ab2c0; 
}
#bandeau-contenu-haut #contenu {
	float: left;
	width: 640px;
}
#bandeau-contenu-haut #bloc-references {
	float: left;
	width: 198px;
	margin-left: 28px;
	padding-left: 34px;
	text-align: left;
	background-image: url(images/index-reference-fond.jpg);
	background-repeat: no-repeat;
}
#bloc-references a.agences, #bloc-references a.plaquette, #bloc-references a.devis-gratuit {
	display: block;
	width: 197px;
	height: 64px;
	margin-bottom: 14px;
}
#bandeau-contenu-haut #bloc-references .photo {
	width: 138px;
	padding-left: 40px;
	background-color: #e8e8e8;
	display: block;
}
#bandeau-contenu-haut #bloc-references .photo img {
	display: block;
}
#bloc-references a.agences { background-image: url(images/egsol-bouton-agences.jpg); }
#bloc-references a:hover.agences { background-image: url(images/egsol-bouton-agences-hover.jpg); }
#bloc-references a.plaquette { background-image: url(images/egsol-bouton-plaquette.jpg); }
#bloc-references a:hover.plaquette { background-image: url(images/egsol-bouton-plaquette-hover.jpg); }
#bloc-references a.devis-gratuit { background-image: url(images/egsol-bouton-devis-gratuit.jpg); margin-bottom: 22px; }
#bloc-references a:hover.devis-gratuit { background-image: url(images/egsol-bouton-devis-gratuit-hover.jpg); }

#bandeau-contenu-haut .article {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 4px;
}
#bandeau-contenu-haut table th {
	background-color: #dbe4e9;
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
	line-height: 14px;
	padding-top: 4px;
	padding-bottom: 4px;
}
#bandeau-contenu-haut table td {
	border-bottom: 1px dashed #CCCCCC;
	font-size: 11px;
	line-height: 14px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #f2f3f3;
	padding-left: 6px;
}
#bandeau-contenu-haut table .etape {	
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	color: #326e90;
	padding-left: 0px;
}
#bandeau-contenu-haut table .etape-cas {	
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	color: #326e90;
	padding-left: 0px;
}
#bandeau-bas {
	width: 925px;
	height: 78px;
	padding-left: 26px;
	padding-right: 26px;
	padding-top: 22px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/egsol-bandeau-bas.jpg);
	background-repeat: no-repeat;
	text-align: left;
	color: #494949;
	font-size: 11px;
}
#bandeau-bas .texte {
	float: left;
	padding-left: 16px;
	padding-top: 2px;
}
#bandeau-bas .texte strong {
	color: #245e9c;
}
#bandeau-bas a {
	color: #494949;
	margin-bottom: 2px;
}
#bandeau-bas .logo-partenaires a {
	display: block;
	height: 37px;
	float: right;
}
#bandeau-bas .logo-partenaires a.cicf {
	width: 42px;
	background-image: url(images/egsol-logo-cicf.jpg);
}
#bandeau-bas .logo-partenaires a.opqibi {
	width: 73px;
	background-image: url(images/egsol-logo-opqibi.jpg);
}
#bandeau-bas .logo-partenaires a.usg {
	width: 55px;
	background-image: url(images/egsol-logo-usg.jpg);
}
#bandeau-bas .logo-partenaires a.smabtp {
	width: 53px;
	background-image: url(images/egsol-logo-smabtp.jpg);
}
#bandeau-bas .logo-partenaires a:hover.cicf {
	background-image: url(images/egsol-logo-cicf-hover.jpg);
}
#bandeau-bas .logo-partenaires a:hover.opqibi {
	background-image: url(images/egsol-logo-opqibi-hover.jpg);
}
#bandeau-bas .logo-partenaires a:hover.usg {
	background-image: url(images/egsol-logo-usg-hover.jpg);
}
#bandeau-bas .logo-partenaires a:hover.smabtp {
	background-image: url(images/egsol-logo-smabtp-hover.jpg);
}

#references .sous-menu a {
	display: block;
	float: left;
	width: 105px;
	height: 32px;
	margin-right: 2px;
}
#references .sous-menu a.ouest { background-image: url(images/references-menu-ouest.jpg); }
#references .sous-menu a:hover.ouest { background-image: url(images/references-menu-ouest-hover.jpg); }
#references .sous-menu a.normandie { background-image: url(images/references-menu-normandie.jpg); }
#references .sous-menu a:hover.normandie { background-image: url(images/references-menu-normandie-hover.jpg); }
#references .sous-menu a.ile-de-france { background-image: url(images/references-menu-ile-de-france.jpg); }
#references .sous-menu a:hover.ile-de-france { background-image: url(images/references-menu-ile-de-france-hover.jpg); }
#references .sous-menu a.region-lyonnaise { background-image: url(images/references-menu-region-lyonnaise.jpg); }
#references .sous-menu a:hover.region-lyonnaise { background-image: url(images/references-menu-region-lyonnaise-hover.jpg); }
#references .sous-menu a.dauphine-savoie { background-image: url(images/references-menu-dauphine-savoie.jpg); }
#references .sous-menu a:hover.dauphine-savoie { background-image: url(images/references-menu-dauphine-savoie-hover.jpg); }
#references .sous-menu a.sud { background-image: url(images/references-menu-sud.jpg); margin-right: 0px; }
#references .sous-menu a:hover.sud { background-image: url(images/references-menu-sud-hover.jpg); margin-right: 0px; }
#agence-3.sous-menu a.ouest { background-image: url(images/references-menu-ouest-hover.jpg); }
#agence-2.sous-menu a.normandie { background-image: url(images/references-menu-normandie-hover.jpg); }
#agence-1.sous-menu a.ile-de-france { background-image: url(images/references-menu-ile-de-france-hover.jpg); }
#agence-7.sous-menu a.region-lyonnaise { background-image: url(images/references-menu-region-lyonnaise-hover.jpg); }
#agence-9.sous-menu a.dauphine-savoie { background-image: url(images/references-menu-dauphine-savoie-hover.jpg); }
#agence-5.sous-menu a.sud { background-image: url(images/references-menu-sud-hover.jpg); }
#references .liste { border: 1px solid #cad2d6; }
#references .bloc {
	width: 580px;
	padding-top: 10px;
	margin-left: 25px;
	background-repeat: no-repeat;
}
#references .vignette {
	float: right;
	margin-left: 14px;
}
#references .nom {
	width: 340px;
	font-size: 18px;
	color: #326e90;
	margin-bottom: 7px;
	text-align: left;
}
#references .lieu {
	width: 340px;
	font-size: 14px;
	color: #000000;
	text-transform: uppercase;
	margin-bottom: 2px;
}
#references .detail {
	width: 340px;
	font-size: 12px;
	color: #5d5f60;
}

#demande-de-devis label {
	display: block;
}
#demande-de-devis fieldset {
	width: 594px;
	margin-bottom: 12px;
}
#demande-de-devis b {
	color: #ff4b1f;
}
#demande-de-devis .marge {
	padding-left: 100px;
}
#demande-de-devis .marge div {
	margin-left: 10px;
	margin-bottom: 5px;
}
#demande-de-devis #btn_envoyer {
	border: 0px;
	width: 142px;
	height: 28px;
}
#demande-de-devis .champ-grand {
	width: 366px;
}
#demande-de-devis .champ-moyen {
	width: 177px;
}
#demande-de-devis .input-file {
	border: 1px solid #bdc7d8;
	margin-bottom: 4px;
	display: none;
}
#demande-de-devis #txt_surface {
	width: 60px;
}
#demande-de-devis #txt_surface {
	width: 60px;
}
#demande-de-devis #legende_surface {
	width: 100px;
	float: left;
}
#demande-de-devis #lst_type {
	width: 116px;
}
#demande-de-devis i {
	font-size: 11px;
}
#contact #carte {
	background-image: url(images/contact-carte.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 901px;
	padding-top: 0px;
	font-size: 12px;
	padding-top: 10px;
}
#contact #colonne-gauche {
	width: 246px;
	float: left;
	text-align: right;
	margin-left: 20px;
}
#contact #colonne-droite {
	width: 246px;
	float: right;
	text-align: left;
}
#contact h2 {
	color: #326e90;
	font-size: 12px;
	padding: 3px;
	display: block;
	width: 240px;
	background-color: #e5e9eb;
	margin-bottom: 2px;
	text-transform:uppercase;
}
#contact #formulaire {
	width: 464px;
	float: left;
}
#contact #mentions {
	width: 176px;
	float: right;
	text-align: left;
}
#contact #mentions .article div {
	margin-bottom: 8px;
}
#contact #mentions .article div.texte {
	line-height: 13px;
	margin-top: 20px;
	font-size: 11px;
	font-style: italic;
}
#contact .marge div {
	margin-left: 10px;
	margin-bottom: 5px;
}
#contact fieldset {
	padding-bottom: 10px;
	margin-bottom: 6px;
}
#contact #btn_envoyer {
	border: 0px;
	width: 142px;
	height: 28px;
	margin-top: 10px;
}
#contact b {
	color: #ff4b1f;
}
#contact label {
	display: block;
}
#contact .champ-grand {
	width: 356px;
}
#contact .champ-moyen {
	width: 173px;
}
#contact .champ-petit {
	width: 140px;
}
#contact .input-file {
	border: 1px solid #bdc7d8;
	margin-bottom: 4px;
	display: none;
}
#contact #lst_type {
	width: 116px;
}
#contact i {
	font-size: 11px;
}
#contact .coordonnees-agence {
	margin-bottom: 27px;
}