/*///////////////////////////////////////////////////////////////////////////////////
// RESET - style/reset.css */

html, body{height:100%;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th {
    margin:0; padding:0;
    border:0; outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
img,td{
    margin:0; padding:0;
    border:0; outline:0;
    font-size:100%;
    background:transparent;
}
select, input{
    font:inherit; font-size:1em; white-space:normal;
    margin:0; padding:0;
}
body{
    line-height:1;
    /*background:#d76913 url(../images/background/body.png) repeat-x 0 0;*/
    background-color:#ae744d;
}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* Les balises <table> ont besoin d'un 'cellspacing="0"' */
table{border-collapse:collapse; border-spacing:0;}
/* CLEAR FIX */
.clearfix:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0;
}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}
/* GENERAL */
.dspNne{display:none;}



/*///////////////////////////////////////////////////////////////////////////////////
// FONTS - style/fonts.css */

@font-face {
	font-family: 'Rockwell-Bold';
	src: url('../fonts/rockb.eot');
	src: url('../fonts/rockb.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/rockb.woff') format('woff'),
			 url('../fonts/rockb.ttf') format('truetype'),
			 url('../fonts/rockb.svg#rockb') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'bell_centennialnameandnumber';
	src: url('../fonts/blnan-webfont.eot');
	src: url('../fonts/blnan-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/blnan-webfont.woff') format('woff'),
			 url('../fonts/blnan-webfont.ttf') format('truetype'),
			 url('../fonts/blnan-webfont.svg#bell_centennialnameandnumber') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'BellCentennial-Address';
	src: url('../fonts/bladd.eot');
	src: url('../fonts/bladd.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/bladd.woff') format('woff'),
			 url('../fonts/bladd.ttf') format('truetype'),
			 url('../fonts/bladd.svg#bladd') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*///////////////////////////////////////////////////////////////////////////////////
// STRUCTURE - style/structure.css */

/* STRUCTURE */
div#containerTexture{
    background:url(../images/background/container-texture.jpg) no-repeat top center;
    padding:400px 0 0 0;
}
div#animationHeader{
    position:absolute; top:0; left:0; right:0; z-index:1;
    height:517px;
}
div#containerContent{
    width:1000px;
    margin:0 auto; padding: 0 0 40px 0;
    background-color:#e6ad7f;
    overflow:hidden;
}
div#content{
    float:left;
    width:700px;
    margin: 115px 0 0 0;
    background: #fcd0a3;
    background: linear-gradient(to bottom,  #fcd0a3 0%,#e6ad7f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd0a3', endColorstr='#e6ad7f',GradientType=0 );

}
div#aside{
    float:left;
    width:299px;
    margin: 115px 0 0 0;
    background: #f6cea1;
    background: linear-gradient(to bottom,  #f6cea1 0%,#e6ad7f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6cea1', endColorstr='#e6ad7f',GradientType=0 );
    border-left: 1px dashed #f0c54c;
}
/* ANIMATION */
div#logo{
    position:absolute; top:20px; left:50%; z-index:9999;
    width:589px; height:82px;
    margin:0 0 0 -480px;
}
ul#backSlider li{
    position: relative;
    width: 100%; height: 517px;
    overflow: hidden;
}
ul#backSlider li img{
    display: block;
    position: absolute; top: 0; left: 50%;
    width: 2400px; height: 517px;
    margin: 0 0 0 -1200px;
}
/*.parallax-viewport{
    position:relative;
    width:100%; height:520px;
    overflow:hidden;
}
.parallax-back{width:100%; height:520px;}
.parallax-layer{position:absolute;}
.parallax-layer.backBack{
    left:50%; top:0;
    margin:10px 0 0 -1200px;
}
.parallax-layer.backWatusi, .parallax-layer.backAnimals{
    left:50%; top:50%;
    margin:-310px 0 0 -1500px;
}
.parallax-layer.backLions{
    left:50%; top:50%;
    margin:-295px 0 0 -1400px;
}
.parallax-layer.backBranch{
    left:50%; top:50%;
    margin:-325px 0 0 -1600px;
}
.parallax-layer.backParrot{
    left:50%; top:50%;
    margin:-290px 0 0 -1350px;
}
.parallax-layer.backCheetah{
    left:50%; top:50%;
    margin:-300px 0 0 -1500px;
}
.parallax-layer.backMonkey{
    left:50%; top:50%;
    margin:-310px 0 0 -1650px;
}
.parallax-layer.backFront{
    left:50%; bottom:-100px;
    margin:0 0 0 -1800px;
}*/
/* HEADER */
div#header{
    position:absolute; top:400px; left:50%; z-index:2;
    width:1000px; height:120px;
    margin:0 0 0 -500px;
}
a#backHome{
    display:block;
    width:250px; height:100px;
}
div#header>ul{
    width:990px;
    height:120px;
    margin:0 0 0 4px;
    background:url(../images/background/sprite-header-menu.png) no-repeat 0 0;
}
div#header>ul:hover, div#header>ul.over{background:url(../images/background/sprite-header-menu.png) no-repeat 0 -240px;}
div#header>ul>li{
    float:left;
    height:120px;
}
div#header>ul>li#m1, div#header>ul>li#m8, div#header>ul>li#m1>a, div#header>ul>li#m8>a{width:100px;}
div#header>ul>li#m5, div#header>ul>li#m5>a{width:110px;}
div#header>ul>li#m6, div#header>ul>li#m6>a{width:120px;}
div#header>ul>li#m7, div#header>ul>li#m7>a{width:130px;}
div#header>ul>li#m3, div#header>ul>li#m4, div#header>ul>li#m3>a, div#header>ul>li#m4>a{width:140px;}
div#header>ul>li#m2, div#header>ul>li#m2>a{width:150px;}
div#header>ul>li#m1, div#header>ul>li#m8, div#header>ul>li#m1>a, div#header>ul>li#m8>a{width:100px;}
div#header>ul>li>a{
    display:block;
    height:120px;
}
div#header>ul>li#m1>a:hover,
div#header>ul>li#m1:hover>a,
div#header>ul>li#m1.over>a{background:url(../images/background/sprite-header-menu.png) no-repeat 0 -120px;}
div#header>ul>li#m2>a:hover,
div#header>ul>li#m2:hover>a,
div#header>ul>li#m2.over>a{background:url(../images/background/sprite-header-menu.png) no-repeat -100px -120px;}
div#header>ul>li#m3>a:hover,
div#header>ul>li#m3:hover>a,
div#header>ul>li#m3.over>a{background:url(../images/background/sprite-header-menu.png) no-repeat -250px -120px;}
div#header>ul>li#m4>a:hover,
div#header>ul>li#m4:hover>a,
div#header>ul>li#m4.over>a{background:url(../images/background/sprite-header-menu.png) no-repeat -390px -120px;}
div#header>ul>li#m5>a:hover,
div#header>ul>li#m5:hover>a,
div#header>ul>li#m5.over>a{background:url(../images/background/sprite-header-menu.png) no-repeat -530px -120px;}
div#header>ul>li#m6>a:hover,
div#header>ul>li#m6:hover>a,
div#header>ul>li#m6.over>a{background:url(../images/background/sprite-header-menu.png) no-repeat -640px -120px;}
div#header>ul>li#m7>a:hover,
div#header>ul>li#m7:hover>a,
div#header>ul>li#m7.over>a{background:url(../images/background/sprite-header-menu.png) no-repeat -760px -120px;}
div#header>ul>li#m8>a:hover,
div#header>ul>li#m8:hover>a,
div#header>ul>li#m8.over>a{background:url(../images/background/sprite-header-menu.png) no-repeat -890px -120px;}
div#header>ul>li>a span{display:none;}
div#header>ul>li>ul{
    display:none;
    position:absolute; top:96px;
    border:1px solid #e15d1d;
    background:#3d1c08;
    background:-moz-linear-gradient(top, #3d1c08 0%, #1c0000 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d1c08), color-stop(100%,#1c0000));
    background:-webkit-linear-gradient(top, #3d1c08 0%,#1c0000 100%);
    background:-o-linear-gradient(top, #3d1c08 0%,#1c0000 100%);
    background:-ms-linear-gradient(top, #3d1c08 0%,#1c0000 100%);
    background:linear-gradient(to bottom, #3d1c08 0%,#1c0000 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d1c08', endColorstr='#1c0000',GradientType=0 );
    -webkit-border-radius:7px;
  border-radius:7px;
    margin:0 0 0 -4px; padding:15px 25px;
}
div#header>ul>li:hover>ul{display:block;}
div#header>ul>li:hover>ul>li{
    margin:0 0 5px 0;
}
div#header>ul>li:hover>ul>li a{
    display: block;
    font:normal 14px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;
    background:url(../images/pictos/arrow-right-ffffff.png) no-repeat 0 4px;
    padding:0 0 0 10px;
}
div#header>ul>li:hover>ul>li a:hover{text-decoration:underline;}
/* CONTENT */
h1{
    font:normal 28px "Rockwell-Bold", Arial, Helvetica, sans-serif; color:#fff; text-align:center;
    margin:0 25px 20px 25px;
    text-shadow:1px 0px 5px #82280f;
    filter:dropshadow(color=#82280f, offx=1, offy=0);
}
h2{
    font:normal 18px "bell_centennialnameandnumber", Arial, Helvetica, sans-serif; color:#78250e;
    margin:20px 20px 10px 40px;
}
div#content>p{
    font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#45301b; line-height: 18px;
    margin:10px 20px 10px 40px;
}
div#content>p a{color:#45301b;}
div#content>ul{
    margin:0 20px 0 100px;
    list-style:disc;
}
div#content ul li{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#45301b; line-height: 16px;}
/* ASIDE */
div#aside>a{
    display:block;
    text-indent:-9999px;
}
div#aside>a:hover{opacity:0.8;}
a#facebook{
    width:270px; height:68px;
    background:url(../images/background/devenez-fan-sur-facebook.png) no-repeat 0 0;
    margin:0 0 10px 15px;
}
a#guide{
    width:270px; height:112px;
    background:url(../images/background/telecharger-le-guide-de-visite.png) no-repeat 0 0;
    margin:0 0 0 15px;
}
a#decouvrir{
    width:295px; height:330px;
    background:url(../images/background/decouvrir-les-animaux.png) no-repeat 0 0;
    margin:-10px 0 0 5px;
}
/* NEWS */
div#news{
    position: relative;
    background: red;
}
div#news a.all{
    display:block;
    width:150px;
    font:normal 12px Verdana, Helvetica, sans-serif; color:#4c2210; text-decoration:none; line-height:18px;
    margin:0 0 25px 355px;
}
div#news a.all:hover{text-decoration:underline;}
div#aside div#news ul li p{
    width: 240px;
    font-size:11px; line-height:12px;
}
div#news ul li p.title{
    font-size:14px; font-weight:bold;
    margin: 0 0 5px 0;
}
div#news ul li img{border:2px solid #fcda00;}
div#news ul li a{color:#4c2210;}
div#aside div#news ul li a.lire{
    display:block;
    font-size:12px; font-weight: bold; text-decoration:none; line-height:18px; text-align:right;
    margin: 0 20px 0 0;
}
div#news ul li a.lire:hover{text-decoration:underline;}
div#news .bx-next, div#news .bx-prev{
    display:block;
    position:absolute;
    width:16px; height:19px;
    background:url(../images/slider/control-slider-news.png) no-repeat 0 0;
    text-indent:-999999px;
}
div#news .bx-next{background-position:-16px 0; }
div#news .bx-next:hover, div#news .bx-prev:hover{opacity:0.8;}
/* METEO */
.weatherFeed .day, .weatherFeed .night{
    font:normal 14px Arial, Helvetica, sans-serif; color:#fff;
    width:280px; height:128px;
    margin:10px 0 20px 10px;
}
.weatherFeed .day{background:url(../images/background/weather-day.png) no-repeat 0 0;}
.weatherFeed .night{background:url(../images/background/weather-night.png) no-repeat 0 0;}
.weatherFeed a{color:#888;}
.weatherFeed a:hover{color:#000; text-decoration:none;}
.weatherItem{
    padding:0.8em;
    text-align:right;
}
.weatherCity{text-transform:uppercase;}
.weatherTemp{font-size:2.8em;   font-weight:bold;}
.weatherCity{font:normal 14px "Rockwell-Bold", Arial, Helvetica, sans-serif;}
.weatherDesc{display:none;}
.weatherRange, .weatherWind, .weatherLink, .weatherForecastItem{font-size:0.8em;}
.weatherLink, .weatherForecastItem{
    margin-top:0.5em;
    text-align:left;
}
.weatherForecastItem{
    padding:0.5em 0.5em 0.5em 80px;
    background-color:#fff; background-position:left center;
}
.weatherForecastDay{font-size:1.1em;}
/* MENU BAS */
div#containerFooter{
    clear:both;
    height:210px;
    background:url(../images/background/container-footer.png) repeat-x 0 bottom;
    margin:-50px 0 0 0;
    /*box-shadow: 0px -10px 20px 0px #ed8501;*/
}
div#footer{
    position:relative;
    height:210px;
    background:url(../images/background/footer.png) no-repeat center top;
}
div#footer ul{
    position:absolute; top:30px; left:50%;
    width:502px;
    margin:0 0 0 -380px; padding: 15px 0 0 0;
}
div#footer ul li{
    float:left;
    width:220px;
    font:normal 15px "BellCentennial-Address", Arial, Helvetica, sans-serif; line-height: 18px;
    background:url(../images/pictos/arrow-right-150703.png) no-repeat 15px 5px;
    border-left:1px dotted #fff;
    padding:0 0 0 30px; margin: 0;
}
div#footer ul li a{color:#150703; text-decoration:none;}
div#footer ul li a:hover{text-decoration:underline;}



/*///////////////////////////////////////////////////////////////////////////////////
// INDEX - style/index.css */

h1 {
    font: 18px "bell_centennialnameandnumber",Arial,Helvetica,sans-serif;
    color: #78250E;
    margin: 20px 20px 10px 40px;
    text-shadow:none;
    text-align: left;
}

/* PARCHEMIN */
div#parchemin{
    width:450px; height:135px;
    background:url(../images/background/parchemin.png) no-repeat 0 0;
    margin:20px auto; padding:10px 0 0 0;
}
div#parchemin p{
    font:bold 16px Verdana, Arial, Helvetica, sans-serif; color:#d6431a; line-height: 18px;
    margin:10px 0 0 40px;
}
div#parchemin ul{margin:5px 0 0 20px;}
div#parchemin ul li{
    list-style-type:none;
    background:url(../images/pictos/arrow-right-45301b.png) no-repeat 0 7px;
    padding:0 0 0 10px;
    line-height: 18px;
}
/* NEWS : surcharge de structure.css */
div#news{
    width:635px; height:200px;
    background:url(../images/background/news-index.png) no-repeat 0 0;
    margin:20px auto; padding:35px 10px 0 35px;
}
div#news ul li{width:630px;}
div#news ul li p.title{margin:0 0 10px 0;}
div#news ul li img{
    float:left;
    margin:0 15px 0 0;
}
div#news .bx-next, div#news .bx-prev{top:30px; right:37px;}
div#news .bx-next{right:5px;}