@charset "utf-8";
/* CSS Document */

* {
	font-family: Arial, Helvetica, sans-serif;
}

body {
	margin: 0;
	background-image: url(../img/fond.gif);
	background-repeat: repeat-x;
	background-color: #CACACA;
}

.main {
	text-align: center;
}

h1, h2, p, ul, li {
	margin: 0;
	padding: 0;
}

ul {
	margin-left: 20px;
}

/*:: HEADER ::*/

.cont-header {
	width: 820px;
	height: 277px;
}

.header-gauche {
	float: left;
	width: 226px;
	height: 277px;
	background-image: url(../img/header-gauche.gif);
}

.header-droite {
	float: left;
	width: 594px;
	height: 277px;
	background-image: url(../img/header-droite.jpg);
	background-size: cover;
}

.cont-int-header {
	width: 820px;
	height: 184px;
}

.header-int-gauche {
	float: left;
	width: 226px;
	height: 184px;
	background-image: url(../img/header-int-gauche.gif);
	text-align: left;
}

.header-prestations-droite {
	float: left;
	width: 594px;
	height: 184px;
	background-image: url(../img/header-prestation-droite.jpg);
	background-size: cover;
}

.header-societe-droite {
	float: left;
	width: 594px;
	height: 184px;
	background-image: url(../img/header-societe-droite.jpg);
	background-size: cover;
}

.header-obligations-droite {
	float: left;
	width: 594px;
	height: 184px;
	background-image: url(../img/header-obligations-droite.jpg);
	background-size: cover;
}

.header-contacts-droite {
	float: left;
	width: 594px;
	height: 184px;
	background-image: url(../img/header-contacts-droite.jpg);
	background-size: cover;
}

/*:: FOOTER ::*/

.cont-footer {
	clear: both;
	height: 25px;
	width: 800px;
	border-bottom: 2px solid #e3e3e3;
	line-height: 25px;
	text-align: center;
}

.cont-footer p {
	font-size: 10px;
	color: #363636;
}

.cont-footer p a:link {
	color: #363636;
	text-decoration: none;
}

.cont-footer p a:visited {
	color: #363636;
	text-decoration: none;
}

.cont-footer p a:hover {
	color: #363636;
	text-decoration: underline;
}

/*:: PAGE ::*/

.cont-page {
	width: 800px;
}

/*:: MENU ::*/

.cont-menu {
	float: left;
	width: 216px;
	height: 370px;
	background-color: #727272;
}

.cont-menu-obl {
	float: left;
	width: 216px;
	height: 390px;
	background-color: #727272;
}

a.menu:link {
	display: block;
	background-color: #ACACAC;
	border-top: 1px solid #F2F2F2;
	height: 20px;
	text-align: left;
	padding-left: 20px;
	font-size: 10px;
	color: #343434;
	font-weight: normal;
	line-height: 20px;
	text-decoration: none;
}

a.menu:visited {
	display: block;
	background-color: #ACACAC;
	border-top: 1px solid #F2F2F2;
	height: 20px;
	text-align: left;
	padding-left: 20px;
	font-size: 10px;
	color: #343434;
	font-weight: normal;
	line-height: 20px;
	text-decoration: none;
}

a.menu:hover {
	display: block;
	background-color: #727272;
	border-top: 1px solid #F2F2F2;
	height: 20px;
	text-align: left;
	padding-left: 20px;
	font-size: 10px;
	color: white;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
}

a.menu-actif {
	display: block;
	background-color: #727272;
	border-top: 1px solid #F2F2F2;
	height: 20px;
	text-align: left;
	padding-left: 20px;
	font-size: 10px;
	color: white;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
}

.menu-actif-prestations {
	display: block;
	background-color: #727272;
	border-top: 1px solid #F2F2F2;
	text-align: left;
	padding-left: 20px;
	font-size: 10px;
	color: white;
	text-decoration: none;
}

.menu-actif-prestations .titre {
	height: 20px;
	line-height: 20px;
	font-weight: bold;
}

.menu-actif-prestations ul {
	margin-left: 15px;
	margin-bottom: 5px;
}

.menu-actif-prestations li {
	line-height: 14px;
}

.menu-actif-prestations li a:link {
	color: white;
	text-decoration: none;
}

.menu-actif-prestations li a:visited {
	color: white;
	text-decoration: none;
}

.menu-actif-prestations li a:hover {
	color: white;
	text-decoration: underline;
}

.bas {
	border-bottom: 1px solid #F2F2F2;
}

/*:: TEXTE ::*/

.texte-home-gauche {
	float: left;
	width: 251px;
	height: 370px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #F2F2F2;
	text-align: left;
}

.texte-home-droite {
	float: left;
	width: 251px;
	height: 370px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #E9E9E9;
	text-align: left;
}

.texte-pres-gauche {
	float: left;
	width: 346px;
	height: 370px;
	padding-left: 20px;
	padding-right: 20px;
	background-image: url(../img/fond-page-int.gif);
	text-align: left;
}

.texte-pres-droite {
	float: left;
	width: 181px;
	height: 370px;
	padding-left: 10px;
	padding-right: 5px;
	background-image: url(../img/fond-page-int.gif);
	text-align: left;
}

.texte-obl-gauche {
	float: left;
	width: 544px;
	height: 390px;
	padding-left: 20px;
	padding-right: 20px;
	background-image: url(../img/fond-page-int.gif);
	text-align: left;
}

.rainure {
	float: left;
	width: 2px;
	height: 370px;
	background-image: url(../img/rainure.gif);
}

/*:: TYPO ::*/

.cont-texte h1 {
	font-size: 14px;
	color: #1d3369;
	font-weight: bold;
	margin-bottom: 10px;
}

.cont-texte p {
	font-size: 11px;
	color: #363636;
}

.orange {
	color: #cc891e;
}

.bleu {
	color: #1d3369;
	font-size: 12px;
	font-weight: bold;
}

.blanc {
	color: #FFFFFF;
	font-weight: normal;
}

.texte-home-droite ul {
	margin: 0;
	padding: 0;
	margin-left: 20px;
}

.texte-home-droite li {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	list-style: square;
}

.texte-home-droite li a:link {
	color: #363636;
	text-decoration: none;
}

.texte-home-droite li a:visited {
	color: #363636;
	text-decoration: none;
}

.texte-home-droite li a:hover {
	color: #363636;
	text-decoration: underline;
}

/*:: TABLEAU OBLIGATION ::*/

.texte-obl-gauche table {
	font-size: 10px;
	border: 1px solid #CCC;
}

td.gris {
	background-color: #EAEAEA;
}

table.gris {
	background-color: #EAEAEA;
}

.texte-obl-gauche .bleu {
	color: #1d3369;
	font-size: 11px;
	font-weight: bold;
}

td.titre {
	background-color: #acacac;
	font-weight: bold;
	padding: 2px;
	color: white;
	font-size: 11px;
}

/*:: CONTACT ::*/

.texte-contact-gauche {
	float: left;
	width: 346px;
	height: 770px;
	padding-left: 20px;
	padding-right: 20px;
	background-image: url(../img/fond-page-int.gif);
	text-align: left;
}

.texte-contact-droite {
	float: left;
	width: 181px;
	height: 770px;
	padding-left: 10px;
	padding-right: 5px;
	background-image: url(../img/fond-page-int.gif);
	text-align: left;
}

.rainure-contact {
	float: left;
	width: 2px;
	height: 770px;
	background-image: url(../img/rainure.gif);
}

.cont-menu-contact {
	float: left;
	width: 216px;
	height: 770px;
	background-color: #727272;
}

/*:: Diagnostic électricité ::*/

.texte-diag-gauche {
	float: left;
	width: 346px;
	height: 480px;
	padding-left: 20px;
	padding-right: 20px;
	background-image: url(../img/fond-page-int.gif);
	text-align: left;
}

.texte-diag-droite {
	float: left;
	width: 181px;
	height: 480px;
	padding-left: 10px;
	padding-right: 5px;
	background-image: url(../img/fond-page-int.gif);
	text-align: left;
}

.rainure-diag {
	float: left;
	width: 2px;
	height: 480px;
	background-image: url(../img/rainure.gif);
}

.cont-menu-diag {
	float: left;
	width: 216px;
	height: 480px;
	background-color: #727272;
}

.texte-contact-gauche td {
	font-size: 11px;
	color: #363636;
}

.tab-root {
	border: 1px solid #ccc;
}

/*:: ILLUS ::*/

.illus-hg {
	margin-right: 10px;
	margin-bottom: 5px;
}

/*:: BLANC ::*/

.cont-blanc {
	width: 343px;
}

.cont-blanc p {
	background-color: white;
	padding-left: 10px;
	padding-right: 10px;
}

.blanc-haut {
	width: 343px;
	height: 10px;
	background-image: url(../img/blanc-haut.gif);
}

.blanc-bas {
	width: 343px;
	height: 10px;
	background-image: url(../img/blanc-bas.gif);
}

/*:: AUTRE ::*/

.tel-home {
	margin-top: 20px;
	margin-bottom: 20px;
}

.home-certifie {
	width: 234px;
	height: 51px;
	background-image: url(../img/home-fond-certifie.gif);
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 10px;
	margin-top: 40px;
}

.home-certifie p {
	font-size: 12px;
	color: #1d3369;
	font-weight: bold;
}

.flash-info {
	margin-top: 15px;
}

/* MENTION LEGALE */

body.mention {
	background-image: none;
	background-color: white;
	margin: 10px;
}

.mention p {
	font-size: 11px;
}

.mention h1 {
	font-size: 18px;
}

.mention h2 {
	font-size: 14px;
}

/* MESSAGE DE CONFIRMATION CONTACT */

.msg-ok {
	background-color: #d4edda;
	border: 1px solid #c3e6cb;
	color: #155724;
	padding: 10px;
	margin-bottom: 10px;
	font-size: 11px;
}

.msg-err {
	background-color: #f8d7da;
	border: 1px solid #f5c6cb;
	color: #721c24;
	padding: 10px;
	margin-bottom: 10px;
	font-size: 11px;
}