/************************************/
/*		Police personnalisée		*/
/************************************/

@font-face {
    font-family: 'OldStandardTTRegular';
    src: url('police/OldStandard-Regular-webfont.eot');
    src: url('police/OldStandard-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('police/OldStandard-Regular-webfont.woff') format('woff'),
         url('police/OldStandard-Regular-webfont.ttf') format('truetype'),
         url('police/OldStandard-Regular-webfont.svg#OldStandardTTRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OldStandardTTItalic';
    src: url('police/OldStandard-Italic-webfont.eot');
    src: url('police/OldStandard-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('police/OldStandard-Italic-webfont.woff') format('woff'),
         url('police/OldStandard-Italic-webfont.ttf') format('truetype'),
         url('police/OldStandard-Italic-webfont.svg#OldStandardTTItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OldStandardTTBold';
    src: url('police/OldStandard-Bold-webfont.eot');
    src: url('police/OldStandard-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('police/OldStandard-Bold-webfont.woff') format('woff'),
         url('police/OldStandard-Bold-webfont.ttf') format('truetype'),
         url('police/OldStandard-Bold-webfont.svg#OldStandardTTBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/************************************/
/*		Mise en page générale		*/
/************************************/

/***** Mise en place police *****/

h1 {font-family: 'OldStandardTTRegular', Arial, sans-serif; font-size: 1.9em;}

h2 {font-family: 'OldStandardTTBold', Arial, sans-serif;}

h3 {font-family: 'OldStandardTTRegular', Arial, sans-serif;}

p, li, table {font-family: 'OldStandardTTRegular', Arial, sans-serif;}

.italic, i , em{font-family: 'OldStandardTTItalic', Arial, sans-serif;}

b, strong, thead, tfoot, caption, .menu_principal td {font-family: 'OldStandardTTBold', Arial, sans-serif;}

/***** Trame de fond *****/

body {
	width: 1024px;
	margin: auto;
	background: url('images/fond_de_page_7.png') repeat fixed;
}

/***** Bannière *****/

header {
	width: auto;
	height: 500px;
}

#entete_accueil {background: url('images/fond_accueil_texte4.jpg') no-repeat center;}

#entete_enerlogic {background: url('images/fond_enerlogic_texte4.jpg') no-repeat center;}

#entete_helios {background: url('images/fond_helios_texte4.jpg') no-repeat center;}

#entete_the80 {background: url('images/fond_the80_texte4.jpg') no-repeat center;}

#entete_deco {background: url('images/fond_decoration_texte4.jpg') no-repeat center;}

#entete_idees {background: url('images/fond_idee_texte4.jpg') no-repeat center;}

#entete_contact {background: url('images/fond_contact_texte4.jpg') no-repeat center;}

#entete_mention {background: url('images/fond_mention_texte4.jpg') no-repeat center;}

/***** Barre de navigation *****/

nav {
	width: 100%;
	height: 50px;
	background: #18191b;
}

td#Eboutique {
	background-color: #2D2F36;
}

nav table {
	width: auto;
	height: 100%;
	margin: auto;
	border-collapse: collapse;
}

.menu_principal td {
	min-width: 172px;
	border-right: 3px black solid;
	border-left: 3px black solid;
	text-align: center;
}

.menu_principal td:hover, .menu_principal a:hover, #Eboutique:hover, .page_active, .page_active a {
	background: #e1e0f3;
	color: black;
}

nav a {
	text-decoration: none;
	color: white;
	text-shadow: 1px 1px 2px black;
}

/***** Menu déroulant *****/

#menu_deroulant {
	position: absolute;
	top: 380px;
}

.case_vide {width: 173px; /* 166px */}

.liste_deroule {
	min-width: 310px; /* 336px */
	height: 38px;
	background: rgb(24,25,27);
	background: rgba(24,25,27,0.6);
	border-right: 3px white solid;
	border-left: 3px white solid;
}

#menu_deroulant tr {height: 40px;}

.liste_deroule:hover {
	background: rgb(225,224,243);
	background: rgba(225,224,243,0.6);
}

#menu_deroulant a:hover {
	color: black;
	text-shadow: 1px 1px 2px black;
}

/***** Divers *****/

a {outline: none;}

img {border: 0px;}

ul {list-style: none;}

ul li:before {content: '- ';}

dfn {cursor: help; border-width: 0px 0px 1px 0px; border-style: dotted;}

/***** Contenu du site *****/

section {
	width: auto;
	padding: 25px;
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.7);
	color: #b2b2b2;
}

section h2 {color: #547380;}

section h3 {color: #007f7f;}

section p, section li, address {font-size: 1.1em;}

footer {
	padding: 0px 25px;
	background: black;
	color: white;
}

.align_center {
	width: auto;
	text-align: center;
}

footer a {
	text-decoration: none;
	color: white;
}

.CodeAnalytic_xiti {display: none;}

.menu_pied_actif {color: rgb(47,103,37);}

.plan_site {text-align: left;}

/************************************/
/*	  Mise en page individuelle 	*/
/************************************/

/***** Accueil *****/

#bloc_table {width: 100%;}

.table_soleil {
	border-collapse: separate;
	margin: auto;
	border: 1px white solid;
}

#bloc_table tbody td {
	border: 1px grey solid;
	padding: 10px;
}

#bloc_table caption, #bloc_table thead th, #bloc_table tfoot th {
	border: 1px white solid;
	padding: 10px;
}

#plan_site_index {
	width: 400px;
	display: inline-block;
}

#partenaires_index {
	width: 500px;
	float: right;
	vertical-align: top;
	text-align: right;
}

/***** EnerLogic *****/

#maison {
	text-align: center;
	width: 100%;
	height: 301px;
}

#vision_thermique {
	text-align: center;
	width: 100%;
	height: 249px;
}

#img_rejet_chaleur {
	text-align: center;
	width: 100%;
	height: 300px;
}

/***** Helios *****/

.img_helios {
	text-align: center;
	width: 100%;
	height: 533px;
}

#mg_tower {width: 100%;}

#mg_txt {
	width: 60%;
	margin-right: 30px;
	vertical-align: top;
	display: inline-block;
}

#mg_img {
	width: 300px;
	height: 300px;
	display: inline-block;
}

/***** Helios THE 80 *****/

#spectre_the80 {
	text-align: center;
	width: 100%;
	height: 510px;
}

/***** Décoration *****/

.photo_deco {
	width: 100%;
	height: 249px;
	text-align: center;
}

.photo_deco a {
	text-decoration: none;
}

/***** Idées reçues *****/

.id_recue {color: #007f7f;}

.id_reponse {color: #666666;}

/***** Contact *****/

#coordonnées {
	display: inline-block;
	margin-left: 15px;
}

#formulaire {
	float: right;
	margin-right: 15px;
}

#bloc_info_contact {
	Height: 250px;
}

#resultat_itineraire .adp-summary, #resultat_itineraire .adp-directions {
	color: #b2b2b2;
}