@charset "utf-8";
/* CSS Document */

:focus{outline-style: none;}
body,html{width:100%;height:100%}
body{background-color:#3cbdde}
body,p,div,span,ul,ol,li,h1,h2,img{padding:0px;margin:0px;text-align:left;}
li{list-style:none;}
body,p,div,span,ul,li{font-family:Helvetica, Arial, Tahoma, Verdana, sans-serif; font-size:10px;}
p{margin-bottom:10px;}
h1,h2{font-weight:normal;}
img{border:0px;}



.stopFloat{clear:both;}

#loader{position:absolute;top:48%;left:48%;}

/*************************************/
/*Splash*/
#splashPortail
{	
	position:relative;width:310px;height:448px;margin:auto;
	background-image:url(../images/charte/splashPortail.png);background-repeat:no-repeat;background-position:center center;		
}

#splashVEF
{	
	position:relative;width:310px;height:448px;margin:auto;
	background-image:url(../images/charte/splashVEF.png);background-repeat:no-repeat;background-position:center center;		
	display:none;
}
/****************************/
#appli{position:relative;min-width:200px;max-width:480px;margin:auto;}
#vef{display:none;position:relative;}

#portail{display:none;z-index:1;
	position:relative;
	top:0px;
	display:none;background-image:url(../images/charte/fdPortail.png);background-repeat:no-repeat;background-position:center center;
	width:310px;height:449px;
	margin:auto;}
/*PortailUne*/
#uneEvents{position:absolute;left:29px;top:63px;width:253px;height:272px;overflow:hidden;}
#detailEventAlternate{display:none;}

.event{text-align:center;position:absolute;top:0px;left:5px;width:243px;}
.event img{padding-bottom:2px;}
.backUne{background-image:url(../images/charte/back.png);background-repeat:no-repeat;width:13px;height:26px;position:absolute;left:16px;top:180px;display:none;cursor:pointer;display:block; text-decoration:none;}
.nextUne{background-image:url(../images/charte/next.png);background-repeat:no-repeat;width:13px;height:26px;position:absolute;right:15px;top:180px;display:none;cursor:pointer;display:block; text-decoration:none;}
a,a:link{text-decoration:none;color:#025E79;font-weight:bold;line-height:12px;}
a:hover{color:#eb7515;}


#btnVEF{position:absolute;top:335px;left:76px;text-align:center;display:block;width:79px;height:25px;background-image:url(../images/charte/btnVEF.png);background-repeat:no-repeat;background-position:center top;padding-top:79px;text-decoration:none;color:#025E79;font-weight:bold;line-height:12px;}
#btnVEF:hover{background-image:url(../images/charte/btnVEFHover.png);color:#eb7515;}

#btnCarnet{position:absolute;top:335px;left:164px;text-align:center;display:block;width:79px;height:25px;background-image:url(../images/charte/btnCarnet.png);background-repeat:no-repeat;background-position:center top;padding-top:79px;text-decoration:none;color:#025E79;font-weight:bold;line-height:12px;cursor:default;
-moz-opacity:0.4;
opacity: 0.4;
filter:alpha(opacity=40);}
/*#btnCarnet:hover{background-image:url(../images/charte/btnCarnetHover.png);color:#eb7515;color:#eb7515;}*/


/*HEADER*/
#header{position:relative;width:100%;height:48px;background-image:url(../images/charte/fdHeader.png);background-repeat:repeat-x;overflow:hidden;}
#logo{position:absolute;top:5px;right:4px;}

#btnBack{position:absolute;top:7px;left:4px;display:block;height:30px;color:#FFF;text-decoration:none;}
#btnBack span#left{background-image:url(../images/charte/btnRetourAv.png);background-repeat:no-repeat;height:30px;width:16px;display:block;float:left;cursor:pointer}
#btnBack span#center{background-image:url(../images/charte/btnRetour.png);background-repeat:repeat-x;height:30px;display:block;float:left;line-height:30px;font-weight:bold;font-size:10px;;cursor:pointer}
#btnBack span#right{background-image:url(../images/charte/btnRetourAr.png);background-repeat:no-repeat;height:30px;width:5px;display:block;float:left;;cursor:pointer}
#btnBack:hover span#left{background-image:url(../images/charte/btnRetourAvHover.png);}
#btnBack:hover span#right{background-image:url(../images/charte/btnRetourArHover.png);}
#btnBack:hover span#center{background-image:url(../images/charte/btnRetourHover.png);color:#DDD;}

#header h1{color:#FFF;font-size:16px;position:absolute;right:60px;line-height:48px;text-align:center;font-weight:bold;}

/*FOOTER*/
#menu{width:100%;height:50px;position:relative;background-image:url(../images/charte/fdMenu.png);}
#menu li a{height:50px;display:block;background-repeat:no-repeat;background-position:center 8px;text-align:center;padding-top:34px;font-size:11px;color:#AAA;text-decoration:none;}
#menu li{position:relative;height:50px;float:left;cursor:pointer;overflow:hidden;width:20%}
#menu li:hover,#menu li.selected{color:#FFF;background-image:url(../images/charte/menuHover.png);background-repeat:repeat-x;background-position:0px 2px;}

#evenements{background-image:url(../images/charte/btnEve.png);}
#evenements:hover,li.selected #evenements{background-image:url(../images/charte/btnEveHover.png);}

#themes{background-image:url(../images/charte/btnTheme.png);}
#themes:hover,li.selected #themes{background-image:url(../images/charte/btnThemeHover.png);}

#lieux{background-image:url(../images/charte/btnLieux.png);}
#lieux:hover,li.selected #lieux{background-image:url(../images/charte/btnLieuxHover.png);}

#dates{background-image:url(../images/charte/btnDate.png);}
#dates:hover,li.selected #dates{background-image:url(../images/charte/btnDateHover.png);}

#favoris{background-image:url(../images/charte/btnCoeur.png);}
#favoris:hover,li.selected #favoris{background-image:url(../images/charte/btnCoeurHover.png);}



/*ECRANS*/
#content{background-color:#FFF;position:relative;width:100%;}
.ecran{position:absolute;top:0px;left:0px;width:100%;display:none;}
#listeEvenements{display:block;}
#lieuContent{position:relative;}
#selectLieu{display:none;position:absolute;top:0px;left:0px;width:100%}
#carte{margin-left:5px;}


/*Menu Lieu*/
#menuLieu{position:relative;margin:auto;width:317px;}
#menuLieu li{text-align:center;float:left;}
#menuLieu a{display:block;line-height:29px;font-size:14px;font-weight:bold;color:#9c9d9f;cursor:pointer;text-decoration:none;}
#menuLieu a:hover,#menuLieu a.selected{color:#FFF;}
#menuLieuTerritoire{background-image:url(../images/charte/btnTerritoire.png);background-repeat:no-repeat;width:107px;height:29px;}
#menuLieuTerritoire:hover,#menuLieuTerritoire.selected{background-image:url(../images/charte/btnTerritoireHover.png);}
#menuLieuCommune{background-image:url(../images/charte/btnCommune.png);background-repeat:no-repeat;width:102px;height:29px;}
#menuLieuCommune:hover,#menuLieuCommune.selected{background-image:url(../images/charte/btnCommuneHover.png);}
#menuLieuCarte{background-image:url(../images/charte/btnCarte.png);background-repeat:no-repeat;width:108px;height:29px;}
#menuLieuCarte:hover,#menuLieuCarte.selected{background-image:url(../images/charte/btnCarteHover.png);}

/*Liste Events*/
a.listeEventItem,a.listeEventItem:link{padding-top:5px;display:block;width:100%;height:61px;background-image:url(../images/charte/fdListe.png);background-repeat:repeat-x;text-decoration:none;overflow:hidden;}
a.listeEventItem:hover{background-image:none;background-color:#DDD;}
a.listeEventItem img{padding-top:5px;padding-right:5px;float:left;}
a.listeEventItem h2{font-size:12px;font-weight:bold;display:block;max-height:24px;overflow:hidden;}
a.listeEventItem div{padding-left:5px;font-size:10px;color:#215b7c;padding-right:12px;margin-right:3px;background-image:url(../images/charte/select.png);background-repeat:no-repeat;background-position:right center;line-height:12px;height:61px;overflow:hidden;}
a.listeEventItem div em,a.listeEventItem div strong{display:block;max-height:11px;overflow:hidden;}
div.noEvent{text-align:center;margin-top:10px;}
#next, #prev,#next:link, #prev:link{display:block;width:100%;height:66px;text-decoration:none;overflow:hidden;line-height:66px;text-align:center;font-size:14px;font-weight:bold;color:#eb7515;}
#next:hover, #prev:hover{background-color:#DDD;}

/*Liste des items*/
li.listeItem{padding-top:10px;display:block;width:100%;height:40px;background-image:url(../images/charte/sepa.png);background-repeat:repeat-x;background-position:bottom left;overflow:hidden;}
li.listeItem a,li.listeItem a:link{font-size:16px;font-weight:bold;display:block;overflow:hidden;padding-left:5px;color:#215b7c;padding-right:12px;margin-right:3px;background-image:url(../images/charte/select.png);background-repeat:no-repeat;background-position:right center;height:35px;line-height:35px;text-decoration:none;}
li.listeItem:hover{background-color:#DDD;cursor:pointer}
li.listeItem span{font-size:16px;}
li.listeItem em{font-size:10px;}

/*Detail Evenement*/
#detailEvenement{color:#345f80;}
#detailEvenement h2{font-weight:bold;font-size:16px;text-align:center;}
#detailEvenement div.ouverture{text-align:center;}
#detailEvenement div.adresse{margin-left:5px;color:#f1964c;}
#detailEvenement div.tel{margin-left:5px;color:#f1964c;}
#detailEvenement div.images{width:287px;margin:auto;margin-top:10px;}
#detailEvenement div.images img{float:left;margin-right:10px;}
#detailEvenement div.nbPhotos{float:left;width:89px;height:89px;background-image:url(../images/charte/nophotoDetail.png);background-repeat:no-repeat;text-align:center;line-height:60px;}
#detailEvenement p{margin-left:5px;margin-top:10px;}
#detailEvenement div.btn{width:300px;margin:auto;}
#detailEvenement a.btnTel{padding-left:15px;text-align:center;margin-right:10px;float:left;display:block;line-height:37px;width:129px;height:37px;color:#FFF;font-size:12px;background-image:url(../images/charte/boutonTel.png);background-repeat:no-repeat;text-decoration:none;font-weight:bold}
#detailEvenement a.btnMemo,#btnSearch,#btnLoc{display:block;text-align:center;float:left;line-height:37px;width:144px;height:37px;color:#FFF;font-size:12px;background-image:url(../images/charte/bouton.png);background-repeat:no-repeat;font-weight:bold;cursor:pointer;text-decoration:none;}
#detailEvenement a,#detailEvenement a.link{display:block;color:#345f80;text-decoration:none;}
#btnSearch{float:left;margin-left:10px;}
#btnLoc{background-image:url(../images/charte/boutonLoc.png);padding-left:10px;width:134px;}
#localisation{text-align:center;width:100%;margin-left:10px;margin-top:5px;margin-bottom:5px;}

/****************************/
/* Slider
----------------------------------*/
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/



/* Component containers
----------------------------------*/

.ui-widget-content { background-image:url(../images/charte/fdSlider.png); background-repeat:repeat-x; height:21px; background-position:5px 5px;}


.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default;}
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0;background-image:url(../images/charte/fdSliderSelected.png); background-repeat:repeat-x; height:21px; background-position:5px 5px;}



.ui-slider-horizontal { height: .8em;height:21px;width:140px; float:left;margin-top:10px;}
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

.ui-slider-horizontal .ui-state-default {background-image:url(../images/charte/sliderSelecter.png);background-repeat:no-repeat;background-position:center center;width:19px;height:21px;cursor:pointer;} 
#slideLeft{padding-right:15px;float:left;background-image:url(../images/charte/sliderLeft.png);background-repeat:no-repeat;background-position:right 5px; height:21px;line-height:21px;margin-top:10px;}
#slideRight{padding-left:15px;float:left;background-image:url(../images/charte/sliderRight.png);background-repeat:no-repeat;background-position:left 5px; height:21px;line-height:21px;margin-top:10px;}