/* @override http://dev.fetedupanier.org/default.css */

* {
	margin: 0;
	padding: 0;
}

html{
	-webkit-font-smoothing: antialiased;
}

body{
	height: 100%;
	background: #8d8d8d url(/img/ombreHtop-trans.png) repeat-x 0 697px;
	font-family: Tahoma, Arial;
	position: relative;
}

@font-face {
	font-family: 'TizaRegular';
	src: url('/fonts/tiza-webfont.eot');
	src: local('☺'), url('/fonts/tiza-webfont.woff') format('woff'), url('/fonts/tiza-webfont.ttf') format('truetype'), url('/fonts/tiza-webfont.svg#') format('svg');
	font-weight: normal;
	font-style: normal;
}

.Tiza {	font-weight: normal; 
	font-style: normal; 
	line-height:normal; 
	font-family: 'TizaRegular', sans-serif;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
	zoom:1;}


div#wrapper {
	position: relative;
	background: #3e4fac url(/img/ombre-trans.png) repeat-y 51%;
	overflow: hidden;
	top: 0;
	height: 697px;
}

#content_wrapper{
	height: 697px;
	width: 1020px;
	margin-left: auto;
	margin-right: auto;
	
	position: relative;
	background-color: #fff4d4;
	overflow: hidden;
	left: 1px;
}

#haut{
	background-color: #ececec;
	position: relative;
	height: 547px;
	width: 1020px;
}

a{
	color: #6a80ba;
}




/* @group header */

#header{
	width: 760px;
	height: 150px;
	background-image: url(/img/fond-head.jpg);
	background-color: #1a3890;
	color: white;
	position: relative;
	overflow: hidden;
}


#header h1, #header h2, #header h3, #header h4{
	display: inline;
	margin: 0;
	padding: 0;
}

#header a.ev, 
#header a.home,
#header a.ev:visited{
	text-decoration: none;
	color: white;
}

#header h1{
	font-size: 32px;
	padding-right: 5px;
	letter-spacing: -1px;
}
#header h2{
	font-size: 20px;
	letter-spacing: -1px;
}

#header h2 span{
	font-size: 10px;
}


#titre{
	text-align: center;
	position: absolute;
	top: 0;
	left: 30px;
	width: 400px;
	height: 52px;
}

#soustitre{
	text-align: center;
	position: absolute;
	top: 52px;
	left: 30px;
	width: 400px;
	height: 30px;
	line-height: 16px;
	padding-bottom: 16px;
}

#titrejours{
	width: 400px;
	position: absolute;
	top: 80px;
	font-size: 19px;
	left: 30px;
	text-align: center;
}


#bonus{
	position: absolute;
	font-size: 9px;
	text-align: center;
	left: 530px;
	width: 220px;
	top: 5px;
}

#bonus h3{
	font-size: 12px;
}

#bonus p{
	margin-bottom: 13px;
	text-align: center;
}

#macbonus{
	position: absolute;
	left: 475px;
	top: 10px;
}

#header a.ev.jhover,
#header a.ev:hover{
	font-size: 110%;
}

li.mselected a.ev18, 
li.mhover a.ev18, 
#header a#ev18:hover, 
#header a#ev18.jhover{
	color: #f4f938;
}

li.mselected a.ev19, 
li.mhover a.ev19, 
#header a#ev19:hover, 
#header a#ev19.jhover{
	color: #ff8700;
}

li.mselected a.evart, 
li.mhover a.evart, 
#header a#evart:hover, 
#header a#evart.jhover{
	color: #00daf9;
}

li.mhover a.evdec, 
#header a#evdec:hover, 
#header a#evdec.jhover{
	color: #00f800;
}

li.mhover a.evaa, 
#header a#evaa:hover, 
#header a#evaa.jhover{
	color: #ff005a;
}




/* @end */

/* @group colonne */

#colonne{
	width: 259px;
	margin: 0;
	border-style: solid;
	border-width: 1px;
	position: absolute;
	left: 760px;
	border-right-style: none;
}

#interlink{
	width: 259px;
	height: 36px;
	font-size: 14px;
	position: relative;
	background-image: url(/img/fond-inter.jpg);
	background-color: #fdff8a;
	overflow: hidden;
}

#interlink a, 
#interlink a:visited{
	color: #464646;
	text-decoration: none;
	line-height: 35px;
	margin-left: 10px;
}

#interlink a:hover{
	color: #1c38de;
}

#interlink span a{
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	right: 4px;
	top: 5px;
}

#slideshow{
	width: 259px;
	height: 160px;
	background-color: white;
}



/* @end */

/* @group menu */

div.menu_wrapper{
	height: 31px;
	font-size: 13px;
	padding-left: 10px;
	background: #c6c3c3 url(/img/ombreH-trans.png) repeat-x;
	overflow: hidden;
}

ul.menu{
	list-style-type: none;
	position: relative;
	top: 7px;
}

ul.menu a{
	color: #353535;
	text-decoration: none;
}

ul.menu li{
	float: left;
	background-color: transparent;
	margin-right: 7px;
	-moz-border-radius:5px;
  	-webkit-border-radius:5px;
	padding: 2px 5px;
}

ul.menu li.mhover{
	background-color: #585858;
	font-size:100%;
}

ul.menu li.mselected{
	background-color: #585858;
}


/* @end */

#content {
	width: 730px;
	height: 397px;
	position: relative;
	font-size: 14px;
	overflow-y: scroll;
	padding-right: 15px;
	background-image: url(/img/fond_content.jpg);
	padding-left: 15px;
}

#content p{
	margin-bottom: 10px;
}

ul.pro{
	padding-left: 20px;
}

div.progpdf{
	position: absolute;
	right: 20px;
	top: 18px;
}

.progpdf a{
	padding: 5px 7px 5px 40px;
	text-decoration: none;
	font-weight: bold;
	color: #183d81;
	background: #95bce4 url(/img/bouton-pdf.png) no-repeat -7px -7px;
	font-size: 12px;
	-moz-border-radius:8px;
  	-webkit-border-radius:8px;
	border-style: solid;
	border-width: 2px;
}


.progpdf a:hover{
	color: #ff0060;
	background-color: #f7ffb8;
	text-decoration: underline;
}

#content a.lightbox img{
	margin-right: 15px;
	border-width: 5px;
	border-style: solid;
}

#content h2{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
	zoom:1;
	font: 22px/normal 'TizaRegular', sans-serif;
	margin-bottom: 10px;
	padding-top: 5px;
}

#wrapper{
	position: relative;
	height: 100%;
}

/* @group Listing */

h3.eventname{
	clear: left;
	height: 45px;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	outline: none;
	cursor: pointer;
	margin-top: 20px;
}

h3.eventname a{
	text-decoration: none;
	color: black;
}

h3.eventname span.qui{
	line-height: 11px;
	font-size: 10px;
}

h3.eventname span.verIE{
	font-family: Verdana, sans-serif;
	font-weight: bold;
}

span.lieu{
	font-size: 11px;
	font-style: italic;
}

h3.eventname span.eventday{
	font-size: 9px;
	line-height: 9px;
}


h3.eventname:hover{
	background-color: #fdfdeb;
}

h3.eventname.ehover{
	margin-right: -10px;
}

h3.eventname.ehover.event,
h3.eventname.ehover.ev18{
	background-color: #fff400;
}

h3.eventname.ehover.ev19{
	background-color: #ff8700;
}

h3.eventname.ehover.evart{
	background-color: #00daf9;
}

span.koa{
	font-style: italic;
	font-size: 13px;
}


div.eventpic{
	text-align: center;
	width: 160px;
	overflow: hidden;
	height: 45px;
	float: left;
	margin-right: 15px;
	position: relative;
}

div.eventpic.expandpic{
	width: 250px;
	height: 200px;
	clear: left;
	margin-bottom: 20px;
}

div.eventpic img{
	position: relative;
	margin: -20% auto -80%;
}


div.eventdetails{
	font-size: 13px;
	margin-left: 265px;
	clear: right;
}

div.eventlinks{
	color: #4b4b4b;
	font-size: 17px;
	bottom: 0;
	left: 265px;
	clear: right;
	margin-top: 15px;
	display: block;
}

div.eventlinks a{
	text-decoration: underline;
	color: #6c6c6c;
	font-size: 12px;
	margin-right: 5px;
	font-style: italic;
}

.vidicon, .mp3icon{
	position: relative;
	top: 2px;
	margin-left: 3px;
	margin-right: 3px;
}

#content h2.eventtitle{
	margin-bottom: 0;
}

img.eventimg{
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

.reclink{
	font-weight: bold;
	margin-top: 10px;
	padding: 5px 15px;
	border-style: solid;
	border-width: 1px;
	display: inline-block;
	background-color: rgba(213,213,213,0.5);
}

.reclink a{
	color: #2c2ffe;
	text-decoration: none;
}


/* @end */



/* @group bas */

#bas{
	height: 150px;
	background-image: url(/img/pelouse.jpg);
	width: 1020px;
	position: relative;
	bottom: 0;
	margin-left: 0;
	overflow: hidden;
}

#player{
	position: absolute;
	width: 210px;
	z-index: 1;
	height: 100px;
	border: 6px solid black;
	top: 17px;
	right: 20px;
	-moz-border-radius:8px;
  	-webkit-border-radius:8px;
}

#barre{
	background-color: #000000;
	height: 60px;
	position: relative;
	top: 45px;
}

#premium{
	float: left;
	border-style: solid;
	border-width: 12px;
	position: relative;
	z-index: 1;
	top: 34px;
-webkit-border-top-right-radius: 16px;
-webkit-border-bottom-right-radius: 16px;
-moz-border-radius-topright: 16px;
-moz-border-radius-bottomright: 16px;
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
	background-color: #000;
}

#lenche{
	margin-left: 10px;
	position: relative;
	top: -5px;
}

#myscroll
{
	position: relative;
	overflow: hidden;
	width: 458px;
	height: 50px;
	left: 0;
	top: 10px;
}

/* @group jscroller2 */

.jscroller2_up, .jscroller2_down, .jscroller2_left, .jscroller2_right {
 margin: 0;
 padding: 0;
 
}

.jscroller2_left, .jscroller2_right, .jscroller2_left_endless, .jscroller2_right_endless {
 white-space: nowrap;
}

.jscroller2_right img, .jscroller2_right_endless img{
	margin-right: 20px;
}


/* @end */




div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}


div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}



.scrollableArea a {
        display: inline;
        float: left;
}

.scrollableArea a > img
{
        margin-right: 20px;
}

#footer{
	position: relative;
	display: block;	
	z-index: 10;
	padding: 0;
	margin: 0 auto;
	width: 1020px;
	top: 10px;
}

#footer, #footer a{
	text-decoration: none;
	color: #545454;
	font-size: 11px;

}

#footer a:hover{
	color: white;
}

a#chaine{
	position: absolute;
	top: 116px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	display: block;
	height: 25px;
	background: white url(/img/youtube.jpg) no-repeat 7px;
	padding-left: 61px;
	line-height: 25px;
	padding-right: 12px;
	-moz-border-radius:8px;
  	-webkit-border-radius:8px;
	opacity: 0.7;
	left: 320px;
}

#fb{position: absolute;
	top: 116px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	display: block;
	height: 25px;
	background: white url(/img/fb.jpg) no-repeat 135px;
	padding-left: 12px;
	line-height: 25px;
	padding-right: 64px;
	-moz-border-radius:8px;
  	-webkit-border-radius:8px;
	opacity: 0.7;
	left: 480px;
}

a#chaine:hover,a#fb:hover{
	opacity: 1;
	text-decoration: underline;
	color: #0f24ff;
}




/* @end */


::selection         { background: #ffe02f; color:#000; /* Safari and Opera */ }
::-moz-selection  { background: #ffe02f; color:#000; /* Firefox */ }


/* @group contact */


#commentForm fieldset{
	margin-top: 20px;
	padding: 10px;
	border: 2px solid white;
	background-color: white;
}

#commentForm input{
	padding: 2px;
	font: 13px Arial;
}

#commentForm img{
	background-color: white;
	margin-right: 10px;
}

#commentForm #contact_submit{
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 14px;
	background-color: #FFFF99;
	border-color: #fced7b;
}



/* @end */

/* @group colorbox */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(/cms_inc/img/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/cms_inc/img/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(/cms_inc/img/colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/cms_inc/img/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(/cms_inc/img/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(/cms_inc/img/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/cms_inc/img/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/cms_inc/img/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/cms_inc/img/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/cms_inc/img/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/cms_inc/img/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/cms_inc/img/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/cms_inc/img/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/cms_inc/img/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}



/* @end */