/* HTML5 ADVENT | ZingChart (www.zingchart.com) | PINT (www.pint.com) *//* BASIC ELEMENTS------------------------------------------------------------------------------------- *//* RESET */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,img,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,caption,article,aside,audio,canvas,command,datalist,details,embed,eventsource,figcaption,figure,footer,header,hgroup,keygen,mark,meter,nav,output,progress,ruby,rp,rt,section,source,summary,time,video,wbr { 
margin:0; 
padding:0; }

table, th, td { 
margin:0; }

/* HTML/BODY */

html { 
min-height:100%; }

body { 
min-width:1024px; 
color:#333; 
font-size:14px; 
line-height:18px; 
font-family:helvetica,sans-serif; 
text-align:center; 
background-image: url(../images/bg-body.jpg); 
background-color:#393637; 
background-repeat:repeat-y; 
background-position:50% 0; }

/* LINKS */

a:link {
	color: #ff3301;
	text-decoration: none;
}

a:visited {
	color: #FF9900;
	text-decoration: none;
}

a:hover, a:active { c
olor:#02bab5; 
text-decoration:underline; }

a img { 
border:0; }

/* HEADLINES */

h1 { 
margin:0 0 10px; 
color:#b2b2b2; 
font:bold 30px/30px helvetica,sans-serif; 
text-shadow:1px 1px 4px #000; }

h1.headline { 
margin:0 0 3px;
margin-left: 6%;
}

h1.headline span { 
display:inline-block; }

h2 { 
margin:0 0 2px; c
olor:#000; 
font:normal 18px/20px helvetica,sans-serif; }

h2.headline { 
margin:0 0 15px; 
color:#a8a8a8; 
font:normal 14px/16px 'FranklinGothicBook',helvetica,sans-serif; 
text-shadow:1px 1px 2px #000; }

h3 { 
margin:0 0 7px; 
color:#666; 
font:normal 16px/18px helvetica,sans-serif; }

h4{ 
margin:0 0 2px; 
color:#000; 
font:normal 18px/20px helvetica,sans-serif; }

{
	color:white;
	align:center;
	margin-left:50px;
	font-family: Tahoma, Geneva, sans-serif; 
}

/* -- H1 SPAN colors */

.color1 { 
color:#b2e205; }

.color2 { 
color:#ff3301; }

.color3 {
	color: #FF6600;
}

.color4 { 
color:#02bab5; }

/* WRAPPER------------------------------------------------------------------------------------- */

#container { 
position:relative; 
margin:0 auto; 
padding:0; 
width:882px; 
height:660px; 
text-align:left; }

/* HEADER------------------------------------------------------------------------------------- *//* HEADER DEFAULTS */

#header { 
padding:27px 0 0; 
width:100%; 
height:120px; 
display:block; 
color:#a8a8a8; 
font:normal 12px/14px 'FranklinGothicBook',helvetica,sans-serif; }

#header p { 
font:normal 12px/14px 'FranklinGothicBook',helvetica,sans-serif; 
text-shadow:1px 1px 2px #000; }

#header .disclaimer { 
margin:0 0 10px; font-size:11px; }

.js #header p { 
display:none; }

.js #header .disclaimer { 
display:block; }

.couleurtitre1{
    color: white;
}

/* SHARE MENU */

#share { 
position:absolute; 
top:-147px; 
right:132px; 
padding:5px 0 0; 
width:53px; 
height:184px; 
background:url(../images/bg-sprite-24.png) no-repeat 0 -371px; z-index:30; }

#share p { 
position:absolute; 
bottom:19px; 
left:0; 
margin:0; 
width:100%; 
color:#520000; 
font:bold 10px/10px helvetica,sans-serif; 
text-align:center; 
text-transform:uppercase; 
text-shadow:0 1px 1px #e56e69; }

#share ul { 
margin-left:8px; }

#share li { 
margin:0; 
display:block; }

#share a, #share span { 
position:relative; 
width:35px; height:36px; 
display:block; 
overflow:hidden; 
background:url(../images/bg-sprite.png) no-repeat 0 100px; }

#share a:hover { 
background:url(../images/bg-sprite.jpg) no-repeat 0 100px; 
text-decoration:none; }

#share span { 
position:absolute; 
top:0; 
left:0; }

#share .icon-bookmark, #share .icon-bookmark span { 
background-position:0 -72px; }

#share .icon-bookmark:hover, #share .icon-bookmark:hover span { 
background-position:-35px -72px; }

#share .icon-facebook, #share .icon-facebook span { 
background-position:0 0; }

#share .icon-facebook:hover, #share .icon-facebook:hover span { 
background-position:-35px 0; }

#share .icon-share, #share .icon-share span { 
height:35px; 
background-position:0 -108px; }

#share .icon-share:hover, #share .icon-share:hover span { 
height:35px; 
background-position:-35px -108px; }

#share .icon-twitter, #share .icon-twitter span { 
background-position:0 -36px; }

#share .icon-twitter:hover, #share .icon-twitter:hover span { 
background-position:-35px -36px; }

/* -- Share Form */

#share-form { 
width:500px;padding:20px; }

#share-form h1 { 
text-shadow:0 1px 1px #fff; 
-moz-text-shadow:0 1px 1px #fff; 
-webkit-text-shadow:0 1px 1px #fff; }

#share-form label { 
display:block;
padding:4px 0px 4px 0px; }

#share-your-name { 
width:200px; }

#share-friends-emails { 
width:480px; }

#share-message { 
width:480px;
height:170px; }

#share-submit { 
background-color:#fc0;
margin-top:10px; }

#share-status { 
display:inline-block;
margin-left:20px; }

#share-error { 
color:#f00; }

#share-notice { 
color:#0f0; }

.share-error { 
color:#f00;
display:none; }

/* CALENDAR------------------------------------------------------------------------------------- */
#calendar { 
position:relative; 
width:100%; 
height:480px; 
display:block; 
z-index:10; }
/* -- Calendar UL */
.component-calendar { 
margin:0; }

.component-calendar li { 
position:relative; 
width:126px; 
height:120px; 
float:left; 
display:inline; 
overflow:hidden; 
list-style:none; 
color:#4f4f4f; 
z-index:10; }

.component-calendar .active:hover { 
box-shadow:0 0 9px #222; 
-moz-box-shadow:0 0 9px #222; 
-webkit-box-shadow:0 0 9px #222; }

.component-calendar .remove-css:hover { 
box-shadow:0 0 0; 
-moz-box-shadow:0 0 0; 
-webkit-box-shadow:0 0 0; }

.component-calendar .indent-3 { 
margin-left:378px; }

.component-calendar a { 
position:relative; 
width:126px; 
height:120px; 
display:block; 
color:#4f4f4f; 
cursor:default; }

.component-calendar a:hover { 
opacity:.14; 
text-decoration:none; 
background:#000 url(../images/bg-sprite-24.png) no-repeat 0 -120px; }

.component-calendar .active a:hover { 
opacity:1; 
background:none; 
cursor:pointer; }

.component-calendar .active a:hover .day { 
-moz-border-radius:5px; 
border-radius:5px; }


/* -- 'Day' element */

.component-calendar .day { 
position:absolute; 
top:0; 
left:0; 
width:126px; 
height:120px; 
display:block; 
font:bold 56px/58px helvetica,sans-serif; 
z-index:20; }

.component-calendar .day strong{ 
position:absolute; 
top:0; 
left:0; 
padding:29px 6px 0; 
width:114px; 
height:91px; 
color:#4f4f4f; 
font:bold 56px/58px helvetica,sans-serif; 
z-index:20; }

.component-calendar .active a:hover .day strong { 
background:url(../images/bg-sprite-24.png) no-repeat 0 0; }

.component-calendar .day span { 
position:absolute; 
top:0; 
left:0; 
width:126px; 
height:120px; 
opacity:0; 
z-index:15; 
-moz-border-radius:5px; 
border-radius:5px; }

/* -- Normal, JS-Disabled Hover */

.component-calendar .color1 a:hover .day, .component-calendar .color1 .day-active { 
background-color:#e46767; 
background:-moz-linear-gradient(100% 100% 90deg, #8dbb01, #b2e205); 
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#b2e205), to(#8dbb01)); }

.component-calendar .color2 a:hover .day, .component-calendar .color2 .day-active { 
background-color:#eb9a28; 
background:-moz-linear-gradient(100% 100% 90deg, #ffa800, #ffd427); 
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffd427), to(#ffa800)); }

.component-calendar .color3 a:hover .day, .component-calendar .color3 .day-active { 
background-color:#518ef0; 
background:-moz-linear-gradient(100% 100% 90deg, #01a09c, #00cccc); 
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#00cccc), to(#01a09c)); }

.component-calendar .color4 a:hover .day, .component-calendar .color4 .day-active { 
background-color:#8ac127; 
background:-moz-linear-gradient(100% 100% 90deg, #ff3301, #ff5a2e); 
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff5a2e), to(#ff3301)); }

/* -- JS-Enabled 'Fade In/Out' Hover */

.component-calendar .hover { 
background:none !important; }

.component-calendar .hover span { 
background:#000 url(../images/bg-sprite-24.png) no-repeat 0 -120px; }

.component-calendar .active span { 
background:none; }

.component-calendar .color1 .hover span { 
background-color:#e46767; 
background:-moz-linear-gradient(100% 100% 90deg, #8dbb01, #b2e205); 
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#b2e205), to(#8dbb01)); }

.component-calendar .color2 .hover span { 
background-color:#eb9a28; 
background:-moz-linear-gradient(100% 100% 90deg, #ffa800, #ffd427); 
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffd427), to(#ffa800)); }

.component-calendar .color3 .hover span { 
background-color:#518ef0; 
background:-moz-linear-gradient(100% 100% 90deg, #01a09c, #00cccc); 
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#00cccc), to(#01a09c)); }

.component-calendar .color4 .hover span { 
background-color:#8ac127; 
background:-moz-linear-gradient(100% 100% 90deg, #ff3301, #ff5a2e); 
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff5a2e), to(#ff3301)); }

/* -- Content Element */

.component-calendar .content { 
position:relative; 
margin:0 0 0 126px; 
width:126px; 
height:120px; 
display:block; 
background:#332f30; 
z-index:30; }

.component-calendar img { 
margin:0 0 8px; 
display:block; }

.component-calendar small { 
position:absolute; 
top:4px; left:7px; 
color:#fff; 
font-size:24px; 
line-height:24px; 
z-index:40; }

.component-calendar strong { 
padding:0 0 0 7px; 
display:block; 
color:#fff; 
font:normal 12px/12px helvetica,sans-serif; }

/* OVERLAY BOX------------------------------------------------------------------------------------- */
.component-box { 
position:absolute; 
padding:0 0 13px; 
display:none; 
background:url(../images/bg-box-arrow.png) no-repeat 0 100%; 
z-index:100; }

.arrow-left { 
background-position:20% 100%; }

.arrow-center { 
background-position:50% 100%; }

.arrow-right { 
background-position:80% 100%; }

.component-box .inner { 
position:relative; 
padding:21px 15px; 
background:#121212; 
box-shadow:0 0 9px #121212; 
-moz-box-shadow:0 0 9px #121212; 
-webkit-box-shadow:0 0 9px #121212; }

.component-box .close { 
position:absolute; 
top:6px; 
right:5px; 
width:10px; 
height:10px; 
overflow:hidden; 
background:url(../images/bg-sprite.png) no-repeat 0 -180px; 
cursor:pointer; }

.component-box .close span { 
position:absolute; 
top:0; 
left:0; 
width:10px; 
height:10px; 
overflow:hidden; 
background:url(../images/bg-sprite.png) no-repeat 0 -180px; 
cursor:pointer; }

/* -- Overlay Specifics */
#overlay-mask { 
position:absolute;
z-index:999;
background-color:#000;
display:none;
top:0px;
left:0px; }

#overlay-main { 
position:absolute; 
top:0; left:0; 
margin:0 auto; 
text-align:left; 
background:#d9d9d9 url(../images/bg-overlay-main.png) repeat-x 0 0; 
box-shadow:0 0 19px #000; 
-moz-box-shadow:0 0 19px #000; 
-webkit-box-shadow:0 0 19px #000; 
z-index:1000; }

/*#overlay-main { position:absolute; top:0; left:0; margin:0 auto; padding:10px; width:666px; height:410px; text-align:left; background:#d9d9d9 url(../images/bg-overlay-main.png) repeat-x 0 0; box-shadow:0 0 19px #000; -moz-box-shadow:0 0 19px #000; -webkit-box-shadow:0 0 19px #000; z-index:1000; }*/#overlay-body { overflow:hidden; margin:0 auto; padding:10px; }/*#overlay-body { position:absolute; top:0;left:0; margin:0 auto; padding:10px; }*/#overlay-close {
	position: absolute;
	top: 10px;
	right: 30px;
	width: 50px;
	height: 30px;
	overflow: hidden;
	background: url(../images/bg-sprite.png) no-repeat 0 -210px;
	cursor: pointer;
}#overlay-close span { position:absolute; top:0; left:0; width:30px; height:30px; display:block; background:url(../images/bg-sprite.png) no-repeat 0 -210px; cursor:pointer; }#overlay-main .left { width:356px; float:left; display:inline; }#overlay-main .right {
	margin-left: 20px;
	padding: 19px;
	width: 400px;
	float: right;
	display: inline;
	word-wrap: break-word;
}#overlay-main p { margin:0 0 20px; }#overlay-main .caption { margin:4px 0 0; }/* 'DAY' DETAIL------------------------------------------------------------------------------------- */#daydetail { margin:170px 0 0; }.js #daydetail { display:none; }/* -- List Styles */#daydetail-list { margin:0 auto; width:686px; }#daydetail-list li { margin:0 0 25px; list-style:none; }#daydetail-list .top { margin:8px 0 0; width:100%; text-align:right; }#daydetail-list p { margin:0 0 7px; }/* -- Content */.daydetail-content { padding:10px; width:666px; background:#d9d9d9 url(../images/bg-overlay-main.png) repeat-x 0 0; }.daydetail-content .left { width:356px; float:left; display:inline; }.daydetail-content .right { margin-right:27px; padding:19px 0 0; width:264px; float:right; display:inline; }/* -- Caption */.caption { margin:4px 0 0; color:#666; }.caption strong { color:#000; font-size:16px; }/* FOOTER------------------------------------------------------------------------------------- */#footer { position:absolute; top:627px; left:0; width:100%; height:60px; display:block; clear:both; color:#909090; font:normal 11px/13px helvetica,sans-serif; z-index:50; }#footer .disclaimer { position:absolute; top:24px; left:252px; width:378px;  }#footer .disclaimer p { width:100%; text-align:center; }#zingchart { position:absolute; top:11px; right:29px; }#zingchart li { list-style:none; }#zingchart span { margin:13px 8px 0 0; float:left; display:inline; }#zingchart img { float:left; display:inline; }#zingchart-box { width:440px; }#zingchart-box .inner { padding:21px 230px 40px 15px; background:#121212 url(../images/bg-zingchart.png) no-repeat 100% 100%; }#zingchart-box .text { width:200px; }#zingchart-box p { margin:0 0 5px; }#zingchart-box p img { margin:0 0 10px; display:block; }#zingchart-box .last { margin:0; }#zingchart-box a { color:#00bbf1; }/* MISC. CLASSES & IDS------------------------------------------------------------------------------------- */.clearfix:after, .component-calendar:after, .daydetail-content:after { content:''; display:block; clear:both; }

.textefin{
    color: white;
    font-size: 1.4em;
    text-align: justify;
    margin-left: 6%;
    margin-right: 7%;
}

#footer {
    position:absolute;
    width: 50%;
    padding-left: 30%;
    padding-right: 25%;
    margin-top: 14%;