@charset "UTF-8";

#slider {
	/* [disabled]background-color: #9F0; */
	height: 422px;
	width: 100%;
	background-image: url(../element%20web/slider-bg1.jpg);
	background-repeat: repeat-x;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	/* [disabled]margin-top: 20px; */
}
#slider1024 {
	height: 400px;
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../element%20web/titrelogo.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#sliderbg {
	/* [disabled]background-color: #999; */
	height: 401px;
	width: 100%;
	margin: 0;
	padding: 0;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	/* [disabled]margin-top: 11px;
	background-attachment: fixed;
*/
	background-image: url(../element%20web/sliderbgimage.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.lienepisodeblock {
	width: 490px;
	display: block;
	float: left;
}
.lienepisodeblock2 {	/*
	display: block;
	float: right;
}
#videoepisode {
	float: right;
	height: 281px;
	margin-top: 50px;
	box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.4);
	-webkit-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.4);
	-moz-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.4);
	-ms-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.4);
	-o-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.4);
	z-index: -5;
	width: 500px;
}

iframe {
	/*
	[disabled]z-index:0; */
	width: 490px;
	display: block;
	float: right;
}
.menu {
	float: right;
	width: 600px;
	height: 50px;
}
.nav li {
	/* [disabled]width: 100px; */
}
#partie2 {
	/* [disabled]height: 500px; */
	/* [disabled]width: 100%; */
	/* [disabled]margin-right: auto; */
	/* [disabled]margin-left: auto; */
	/* [disabled]background-color: #9F0; */
	margin-top: 50px;
	/* [disabled]clear: both; */
}
.episode1et2 {
	/* [disabled]height: 220px; */
	/* [disabled]width: 1024px; */
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	margin-top: 50px;
	margin-bottom: auto;
}
#episode1 {
	background-color: #036;
	/* [disabled]float: left; */
	height: 200px;
	/* [disabled]width: 500px; */
	background-image: url(../element%20web/Le%20termite/3.jpg);
	overflow: hidden;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	border: thin solid #F27721;
	margin-bottom: 20px;
	background-position: center center;
	background-repeat: no-repeat;
}
#episode2 {
	background-color: #036;
	/* [disabled]float: right; */
	height: 200px;
	/* [disabled]width: 500px; */
	background-image: url(../element%20web/Lecourant/6bis.jpg);
	overflow: hidden;
	border: thin solid #F27721;
	margin-bottom: 20px;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	background-position: center center;
}
.synopsis {
	width: 1024px;
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
	font-family: DiamondGirl;
	font-size: 200%;
	color: #E8791D;
	line-height: 30px;
	letter-spacing: 3px;
	text-align: justify;
}
#episode3 {
	background-color: #036;
	/* [disabled]float: left; */
	height: 200px;
	/* [disabled]width: 500px; */
	background-image: url(../element%20web/lefroid/5.jpg);
	overflow: hidden;
	border: thin solid #F27721;
	margin-bottom: 20px;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	background-repeat: no-repeat;
	background-position: center center;
}
#episode4 {
	background-color: #036;
	/* [disabled]float: right; */
	height: 200px;
	/* [disabled]width: 500px; */
	background-image: url(../element%20web/lataille/1.jpg);
	overflow: hidden;
	border: thin solid #F27721;
	margin-bottom: 20px;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	background-position: center center;
	background-repeat: no-repeat;
}
#titreepisode {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #C60;
	margin-bottom: 25px;
	/* [disabled]font-family: nothing-you-could-do; */
	font-style: normal;
	font-weight: 400;
}
.souligné {
	/* [disabled]text-decoration: underline; */
	/* [disabled]font-weight: bolder; */
	color: #000000;
}
#testhover {
	height: 80px;
	width: 100%;
	position: relative;
	top: 170px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	background-image: url(../element%20web/orange.png);
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #FFF;
}
#testhover p {
	padding-top: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	font-family: heroregular;
	font-style: normal;
	font-weight: 400;
	/* [disabled]width: 100%; */
	color: #000;
}
#episode1:hover #testhover {
	background-color: #C30;
	height: 80px;
	position: relative;
	top: 120px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}
#episode2:hover #testhover {
	background-color: #C30;
	height: 80px;
	/* [disabled]width: 500px; */
	position: relative;
	top: 120px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}
#episode3:hover #testhover {
	background-color: #C30;
	height: 80px;
	/* [disabled]width: 500px; */
	position: relative;
	top: 120px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}
#episode4:hover #testhover {
	background-color: #C30;
	height: 80px;
	/* [disabled]width: 500px; */
	position: relative;
	top: 120px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}
#episode2et3 {
	height: 220px;
	/* [disabled]width: 1024px; */
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}
#partie2 .episodetitre {
	border-bottom-width: medium;
	border-bottom-style: dotted;
	border-bottom-color: #FC7819;
	margin-bottom: 20px;
	height: 50px;
	width: 100%;
}
#partie2 h1 {
	font-family: nothing-you-could-do;
	/* [disabled]font-style: normal; */
	font-weight: 400;
	color: #EC711A;
	/* [disabled]margin: 0px; */
	/* [disabled]padding: 0px; */
}
#partie2 .personnagetitre{
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #FC7819;
	/* [disabled]height: 50px; */
	/* [disabled]margin-bottom: 25px; */
}

#videoepisode {
float: right;
height: 281px;
margin-top: 50px;
box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.4);
-webkit-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.4);
-moz-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.4);
-ms-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.4);
-o-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.4);
z-index: -5;
width: 500px;
}

#personnages {
	height: 500px;
}
.personnagetitre h1 {
	font-family: nothing-you-could-do;
	font-style: normal;
	font-weight: 400;
	color: #EC711A;
	/* [disabled]margin: 50px; */
	padding: 0px;
	height: 43px;
	/* [disabled]width: 1024px; */
}
#perso1  {
	/* [disabled]background-color: #C0C; */
	float: left;
	height: 500px;
	/* [disabled]width: 500px; */
	/* [disabled]margin-bottom: 50px; */
	margin-left: 0px;
}
.perso1 .papagalli {
	margin-right: auto;
	margin-left: auto;
}
#perso1 .papagalliphoto {
	/* [disabled]height: 431px; */
	width: 200px;
	margin-right: auto;
	margin-left: auto;
}
#perso2  {
	/* [disabled]background-color: #036; */
	/* [disabled]float: right
	height: 500px;
*/
	/* [disabled]width: 500px; */
	float: right;
	margin-top: 30px;
}
#perso2 .span3 {
	/* [disabled]background-color: #36C; */
}
#perso2 .joellesevillaphoto {
	/* [disabled]height: 440px; */
	width: 200px;
	margin-right: auto;
	margin-left: auto;
}
.joellehover:hover img{
	/* [disabled]height: 431px; */
	/* [disabled]width: 359px; */
	/* [disabled]margin-left: -60px; */
}
iframe {
	/* [disabled]display: none; */
	overflow: hidden;
}
#Partie3 {
	/* [disabled]height: 100%; */
	width: 100%;
	background-image: url(../element%20web/jaune2.png);
	background-repeat: repeat;
	/* [disabled]clear: both; */
	/* [disabled]float: left; */
	padding-bottom: 20px;
}
#partie3 .span6 {
	max-
	width: 500px;
}
.bordurepartie3  {
	height: 12px;
	width: 100%;
	background-image: url(../element%20web/carreorange.jpg);
	/* [disabled]margin-top: 0px; */
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
.bordurepartie3 {
	background-color: #093;
	height: 12px;
	width: 100%;
	background-image: url(../element%20web/carreorange.jpg);
	margin-top: 0px;
	margin-right: 0px;
	/* [disabled]margin-bottom: 20px; */
	margin-left: 0px;
}
#encarts  {
	height: 230px;
	/* [disabled]width: 1024px; */
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
#encartiera  {
	/* [disabled]background-color: #0FC; */
	/* [disabled]height: 100%; */
	max-width: 490px;
	float: left;
}
#encartiera img {
	float: left;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 5px;
}
#encartiera p  {
	text-align: justify;
	margin-top: 5px;
	font-family: hero;
	line-height: 20px;
	font-size: 110%;
}
#encartiera .iera2 {
	/* [disabled]margin-top: 0px; */
	/* [disabled]padding-top: 0px; */
	color: #0066FF;
}
#encartiera .iera2:hover {
	color: #0066FF;
	/* [disabled]margin: -5px; */
	/* [disabled]padding: 0px; */
	text-decoration: none;
	font-size: 110%;
}
#encartiera h3 {
	font-family: hero;
	margin: 0px;
	/* [disabled]font-size: 125%; */
	line-height: 25px;
	text-align: center;
}
#encartnoemie  {
	/* [disabled]background-color: #0FC; */
	height: 100%;
	max-width: 480px;
	float: right;
	margin: 0px;
}

#encartnoemie img {
	float: right;
	margin-left: 20px;
}
#encartnoemie p  {
	font-family: hero;
	line-height: 20px;
	text-align: justify;
	margin-top: 5px;
	font-size: 90%;
	width: 250px;
	float: left;
}

#encartnoemie h3 {
	font-family: hero;
	margin: 0px;
	/* [disabled]float: left; */
	text-align: center;
	width: 300px;
	font-size: 160%;
	padding: 0px;
}
#encarts .liennoémie {
	color: #000;
	text-decoration: none;
}
#encarts .liennoémie:hover {
	color: #666;
	text-decoration: none;
}
#sergeetjoelle {
	margin-top: 20px;
	/* [disabled]height: 500px; */
}
.nav .active2 {
	color: #C60;
}

.navbar-inner a{
	/* [disabled]width:100px; */
}

.logoiera {
	height: 223px;
	width: 150px;
	float: left;
	margin-right: 5px;
	background-image: url(../element%20web/INFO_ENERGIE.png);
	background-size: contain;
	background-repeat: no-repeat;
}


.logonoemie {
	background-image: url(../element%20web/la-maison-de-noemi.jpg);
	background-size: contain;
	height: 150px;
	width: 180px;
	background-repeat: no-repeat;
	float: right;
}