/* Reset CSS from HTML5 Boilerplate */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display:block;
}
/* Supprimer sélection avec curseur */
img, p , h1, a {
	-moz-user-select:-moz-none; -o-user-select:none; -webkit-user-select:none; user-select:none;
}
/* Stucture de la page */
body {
	background: linear-gradient(#39c, #fff);
	padding-top:10px;
	font:1em/150% arial,sans-serif;
	color:#555;
}
header {
	position:relative;
	height:110px;
	width:1007px;
	margin:0 auto;
	z-index:1;
	}
#hibou { /* width="474" height="446" */
	position:absolute;
	left:850px;
	top:-5px;
	width:175px;
	height:170px;
}
#soleil{ /* width="353" height="310" 253 210*/
	position:absolute;
	left:-40px;
	top:0px;
	width:177px;
	height:155px;
	z-index:-10;
}
/* Navigation */
nav {
	margin:0 auto;
	width:740px;
	/* overflow:hidden; */
	}
nav li {
	float:left;			
	list-style:none;
	}
nav  a {
	display:block;
	color:#999;	 
	text-align:center;
	padding:18px 17px 16px 20px;	/* Dimensions nuage autour du texte */
	font: 20px "Trebuchet MS",Arial,sans-serif;
	text-decoration:none;
	background-image:url(../elp_img/menu/nuage_b.svg); background-repeat:no-repeat;	background-size:100% 100%;	/* Size pour éviter charge CPU importante et pb affichage Firefox*/
	}
nav  a:hover {
	color:#00f;
	}
#active{
	color:#c03;
	background-image:url(../elp_img/menu/nuage_g.svg); background-repeat:no-repeat; background-size:100% 100%;
	padding:28px 17px 26px 20px;
	margin-top:-10px;
	}

/* Zone de contenu à hauteur fixe mini */
#page {
	position:relative;		
	min-height:600px;
	width:1007px;
	margin:0 auto;
	background:#e8e8e8;
	margin-top:54px;
	border:1px solid #edb212;
	border-radius:40px;
}
footer{
	margin:0 auto;
	height:264px;
	width:1007px;
	background-image:url(../elp_img/footer/footer.png); background-repeat:no-repeat;
}
#html5 {
	position:relative;
	height:32px;
	width:32px;
	padding-top:220px;
	bottom:0;
	left:10px;
	}
#xiti{position:relative; bottom:0; left:400px;}

/* Utilisé sur plusieurs page */
	.bouton64 {margin:15px 0 0 90px; width:64px; height:64px; border:1px solid #000; border-radius:5px; background:#999;}
	.bouton64:hover{background:#9cf;}
	.bouton64t {display:inline; position:relative; bottom:28px; left:20px; padding:0;}

/* Caligraphie */
@font-face {
  font-family: 'Rochester';
  font-style: normal;
  font-weight: normal;
  src: local('Rochester'), local('Rochester-Regular'), url('http://themes.googleusercontent.com/static/fonts/rochester/v2/nE50b4-SbQ54pks-8vOplz8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}
h1 {
	text-align:center;
	color:#fff;
	font: normal 700 2.7em/120% 'Rochester', cursive;
	padding-bottom:10px;
}
@font-face {
	font-family: 'Yanone Kaffeesatz';
	font-style: normal;
	font-weight: 400;
	src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'), url('http://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v2/YDAoLskQQ5MOAgvHUQCcLRTHiN2BPBirwIkMLKUspj4.woff') format('woff');
}
h2{
	font: 200%/64px 'Yanone Kaffeesatz', arial, sans-serif;
	background:url(../elp_img/global/logo.png) no-repeat left bottom;
	padding-left :58px; /* largeur logo */
	margin:30px 0 0 1em;
	color:#555;
	}

h3 {
	font: normal 400 160%/120% 'Yanone Kaffeesatz', arial, sans-serif;
	padding-left:88px;
	color:#555;
}
p {
	margin-bottom:1em;
	padding-left:88px;
	padding-right:2em;
	text-align:justify;
}