@CHARSET "ISO-8859-1";

*{margin:0;padding:0;border:0;}
body{background: url('../images/common/background2.gif') 0 0 repeat-y;background-color:#F1F1F1;font-family: Arial, sans-serif;font-size:11px;line-height:14px;color:#313131;}
#global{width:890px;background-color:#313131;margin:0;padding:0;}

/* ================================== */
/* ===== SPECIFIQUE PRO ======= */
/* ================================== */


.infosContainer {
	clear: both;
}



#myProvence{
	background-image: url(../images/myProvence/myProvence.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	width:210px;
	height:100px;
	position:absolute;
	left:640px;
	padding:130px 10px 0 10px;
	line-height:15px;
}
#myProvence p{font-size:16px;font-family:Georgia;padding-bottom:5px;line-height:17px;}
#myProvence a.link {
	display: block;
	background-image: url(../images/myProvence/btn_off.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	width:24px;
	height:24px;
	position:relative;
	top:-15px;
	left:190px;
	cursor:pointer;
}
#myProvence a.link:hover {
	background-image: url(../images/myProvence/btn_on.png);
}

a#pushMediatheque {
	display: block;
	width: 230px;
	height: 340px;
	position:absolute;
	left:640px;
	top: 428px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url(../images/pushMediatheque/bg.png);
}

a#pushMediatheque span {
	display: none;
}

a#pushMediatheque:hover {
	background-image: url(../images/pushMediatheque/bg_hover.png);
}


/* ================================== */ 
/* ===== GENERAL ======= */
/* ================================== */

.clear{clear:both;}
.fleft{float:left;}
.fright{float:right;}
.nobr {white-space: nowrap;}
.hidden {display: none;}
a{color: #313131;text-decoration: none;font-weight: normal;}
a:hover{text-decoration: underline;}
dl, dt, dd, ul, li {list-style-type: none;list-style: none;}
img, img a{border:none;}
.menulinks img {margin:4px;}

h2{font-family: Georgia;font-size:22px;font-weight: normal;line-height:25px;}
h3{font-size: 14px;font-weight:normal;}
h4{font-size: 12px;font-weight:normal;line-height:14px;}
p{font-size: 11px;font-weight:normal;}
.title16{font-size:16px;line-height:16px;}
.margintop5{margin-top:5px;}
.margintop10{margin-top:10px;}
.margintop20{margin-top:20px;}

.absmiddle {vertical-align: middle;margin-bottom: .25em;}
.flag{margin-right:4px;}
.centered {margin: 0 auto;}

.cornered5px {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}


/* ================================== */ 
/* ===== COMMUN ======= */
/* ================================== */
.bt{float:left;height:19px;padding:4px 8px 0 0;background:url(../images/common/bt_center.png) 0 0 repeat-x;display:block;text-align:left;}
.bt a{background:url(../images/home/fleche_noire.gif) 6px 4px no-repeat;padding-left:15px;color:#313131;font-weight:normal;font-size:11px;}
.bt a:hover{background:url(../images/home/fleche_rouge.gif) 6px 4px no-repeat;color:#e22232;text-decoration:none;}

/* ================================== */ 
/* ===== HEADER ======= */
/* ================================== */ 
#header{width:798px;padding:0 0 0 38px;margin-left:54px;font-size:10px;background-color:#FFFFFF;}
#header-container{float:left;width:798px;background: url(../images/header_carte.gif) no-repeat top right;}

#top-left{float:left;height:40px;margin-top:5px;color: #6B6B6B;}
#top-left li{display:inline;float:left;padding-top:2px;}
#top-left li.date{margin-right:12px;}
#top-left li.lng{width:21px;text-align:center;}
#top-left li.lng a:hover{text-decoration:none;font-weight:bold;}
/*#top-left a.share{font-weight:bold;width:85px;padding-left:18px;display:block;background: url('../images/header/icone_partager.gif') 5px 1px no-repeat;}*/
#header-container #sharethis_0 { display: block; float: left; margin: 4px 0 0 5px;}

#top-right{float:right;height:22px;font-size:11px;text-align:right;margin-right:7px;}

#top-right a.btyellow{float:left;background-color:#ffcc00;color:#FFFFFF;height:18px;display:block;text-align:center;padding:4px 7px 0 7px;}
#top-right a.btyellow:hover{text-decoration:underline;}

#top-right .btyellow_bord{width:1px;height:22px;}

#top-logo{float: left; clear: both; width:450px;/*border:1px solid blue;*/margin: 0; padding: 0;}
#top-search{float: left;height:81px;padding-top:40px;width:341px;margin-right: 3px;/*border:1px solid red;*/}
#top-search FORM {float:right;}
#top-search FORM .searchInput{float:left;background:#F2F2F2;border:1px solid #BCBCBC;margin-right: 3px; font-size:10px;color:#3c3c3c;width:206px;height:17px;padding:5px 0 0 10px;font-weight:normal;}
#top-search FORM .searchLaunch{float:left;}

#menu{clear:both;float:left;width:798px;height:55px;}
#menu ul{float:left}
#menu .menubuttons{float:left;width:250px;padding:0;}
#menu .menubuttons li{float:left;margin:0;padding:0;height:28px;width:82px;}
#menu .menulinks{float:right;width:548px;padding-top:30px;padding-right:50px;}
#menu .menulinks li{display:inline;float:right;margin-right:13px;}
#menu .menulinks li a{display:block;}
#menu .menulinks li a:hover{background-color:#EDEDED;}
#menu .menulinks li a.selected{display:block;background-color:#E9E9E9;}



/* ================================== */ 
/* ===== NAV RIGHT ======= */
/* ================================== */ 
#rightlinks{clear:both;float:left;width:80px;height:472px;text-align:right;background-color:#313131;}

/* ================================== */ 
/* ===== DISPOSITION PAGES ======= */
/* ================================== */
.pageLeft{float:left;width:560px;}
.pageRight{float:left;width:240px;padding:0 5px 0 5px;}

/* ================================== */ 
/* ===== MAIN ======= */
/* ================================== */ 

#header-sep{float:left;background:#313131;height:3px;width:890px;font-size:1px;}
#main{float:left;width:816px;background:#FFFFFF;min-height:600px;font-size:11px;color:#313131;margin-left:54px;padding: 10px;}
#main p.bkg_violet{background:#4B499B;}
#main p.m{background:#4B499B;}
#main p.bkg_rouge{background:#E22232;}
#main p.c{background:#E22232;}
#main p.bkg_jaune{background:#FABD15;}
#main p.p{background:#FABD15;}
#main p.m a, #main p.c a, #main p.p a {color: white;}

#main .darkblock{float:left;background:#313131;width:790px;height:227px;color:#FFFFFF;padding:7px 10px 10px 10px;overflow:hidden;}

#main .darkblock .control{position:absolute;top:414px;overflow:visible;z-index:100;}
#main .darkblock .control .slide{width:20px;float:left;background:#313131;text-align:center;padding:2px 0 2px 0;margin-right:1px;}
#main .darkblock .control .slide_active{background-color:#DF2438;}
#main .darkblock .control .slide a{color:#FFFFFF;}
#main .darkblock .control .slide a:hover{color:#DF2438;text-decoration:none;}
/*#main .darkblock .control .prev{background:url(../images/common/actus_player/prev.png);width:23px;height:21px;position:relative;}
#main .darkblock .control .pause{background:url(../images/common/actus_player/pause.png);border-left:1px solid #808080;border-right:1px solid #808080;width:23px;height:21px;position:relative;top:-21px;left:23px;}
#main .darkblock .control .play{background:url(../images/common/actus_player/play.png);border-left:1px solid #808080;border-right:1px solid #808080;width:23px;height:21px;position:relative;top:-42px;left:23px;visibility:hidden;}
#main .darkblock .control .next{background:url(../images/common/actus_player/next.png);width:23px;height:21px;position:relative;top:-63px;left:48px;}*/

#main .darkblock .actus{float:left;display:none;}
#main .darkblock .photo{width:550px;height:227px;float:left;}
#main .darkblock .actu{height:227px;float:left;width:230px;padding-left:10px;}
#main .darkblock .actu h1{font-size:30px;font-family:Georgia;color:#FFFFFF;font-weight:normal;line-height:normal; line-height: 30px; }
#main .darkblock .actu h2{font-family:Arial;color:#FFFFFF;text-transform:uppercase;font-size:12px;font-weight:bold;}
#main .darkblock .actu div{padding-top:7px;color:#818181;line-height:15px;width:230px;}
#main .darkblock .actu .periode{font-size:11px;font-family:Arial;padding-top:5px;}

#main .darkblock .actu_full{width:780px;height:26px;font-size:22px;font-family:Georgia;padding-top:204px;padding-left:10px;}

#main #CDT13Map { clear: both; width: 790px; height: 320px; background:#313131;width:790px; padding:7px 10px 10px 10px; }
#main #CDT13Map { display: none; }
#main #CDT13Map .flashMapContainer { display: block; float: left; width: 551px; height: 320px; /*border: solid red 1px;*/ }
#main #CDT13Map .legend { display: block; float: left; width: 220px; height: 320px; padding-left:10px; color: #818181; /*border: solid blue 1px;*/ }
#main #CDT13Map .legend div{padding-top:13px;color:#818181;line-height:15px;width:230px; text-align:justify;}
#main #CDT13Map .legend h1{font-size:30px;font-family:Georgia;color:#FFFFFF;font-weight:normal;line-height:normal; line-height: 30px; }

#main .line{padding:5px;width:800px;clear:both;}
#main .module{margin:5px;float:left;}

/* == blocs gris meteo / agenda : guide / resa */
#main .smod{width:150px;height:163px;padding:0;}
#main .smod .meteoVille{position:relative;top:-33px;width:120px;margin-left:15px;text-align:center;font-size:13px;}

#main .lmod{width:310px;height:163px;padding:0;background:url(../home-diary)}
#main .lmod A.agendaCulturelLink {display: block; position:relative;top:5px;left:5px;width:140px; height: 150px;/*border: solid lime 1px;*/}
#main .lmod .agenda{position:relative;top:-120px;left:170px;width:150px;}
#main .lmod .agenda .content{width:135px;height:120px;overflow: auto;}
#main .lmod .agenda .content .cityName{display: block; font-weight: bold; font-size: 11px; color: #313131; }
#main .lmod .agenda .content A.annonceName{display: block; font-size: 10px; margin-bottom: 1em; color: #808080; }

/* == newsletter */
#main .newsletter{width:220px;height:24px;background:url('../images/home/fr/newsletter.png');padding:22px 0 0 10px;}
#main .newsletter .result{display:none;color:#FFFFFF;}
#main .newsletter input{font-size:11px;font-family:Arial;background:#FFFFFF;border:0;}
#main .newsletter input.text{height:14px;width:135px;padding:2px 0 0 5px;}
#main .newsletter input.submit{padding:1px 2px 0 0;}

/* == reservation en ligne */
#main .online_resa{width:230px;height:254px;padding-top:28px;}
#main #div_moteurRecherche .online_resa#moteurHebergement{background:url(../images/home/fr/reservation/hebergements.png);}
#main #div_moteurRecherche .online_resa#moteurSejours{background:url(../images/home/fr/reservation/sejours.png);}
#main #div_moteurRecherche .online_resa#moteurActivites{background:url(../images/home/fr/reservation/activites.png);}
#main #div_moteurRecherche .online_resa .resa_content{float:left;}
#main #div_moteurRecherche .online_resa#moteurHebergement .resa_content{padding-top:5px;padding-left:22px;}
#main #div_moteurRecherche .online_resa#moteurSejours .resa_content{padding-top:60px;padding-left:22px;}
#main #div_moteurRecherche .online_resa#moteurActivites .resa_content{padding-top:50px;padding-left:22px;}
#main #div_moteurRecherche .online_resa .submit{cursor:pointer;}
#main #div_moteurRecherche .online_resa .div_submit{float:right;padding-right:20px;}
#main #div_hebContent, #div_sejourContent, #div_actContent{height:202px;}
#main a.a_typeMoteur{display:block;height:25px;width:100%;}
#main a.a_typeMoteur:hover{text-decoration:none;}
#main #div_ongletsMoteurHeb{padding-top:25px;padding-left:22px;color:#303030;font-weight:bold;}
#main #div_ongletsMoteurHeb span{margin-right:5px;cursor:pointer;text-decoration:underline;}
#main span.ongletMoteurHebOn{color:#df2438;text-decoration:none!important;}
#main #div_ongletsMoteurHeb span:hover{color:#df2438;}
#main div.calendrierJsMoteursItea{border:none;}
#main #calendrierMoteurHeb{border:2px #747474 solid;}

/* == blocs img/txt */
#main h4{color:#8376b0;text-transform:uppercase;}
#main h2{color:#313131;clear:both;}

#main p.surtitre{clear:both;float:left;margin:0px 0 5px 0;color:#413232;height:13px;color:#FFFFFF;padding:1px 5px 0 4px;line-height:12px;}
#main p.legende{clear:left;float:left;color:#413232;margin-top:2px;}

#main .pict {width:230px;}
/*#main .pict .img_reserver{float:left;width:230px;height:180px;}
#main .pict .img_reserver a{float:right;font-weight:lighter;color:#FFFFFF;background:url(../images/common/fleche.gif) 8px 7px no-repeat;background-color:#313131;display:block;height:18px;padding:3px 8px 0 18px;margin:8px 8px 0 0;}*/
#main .daypict{width:305px;height:258px;padding:5px 0 0 5px;}
#main .daypict p{float:left;display:block;height:15px;padding:0px 5px 0 5px;color:#FFFFFF;font-weight:lighter;}
#main .daypict .bt_bdr{margin-top:200px;padding-left:50px;}

#main .pict .img_reportage{float:left;width:230px;height:230px;margin-bottom:7px;}
#main #bt_reportage{margin-top:195px;padding-left:50px;}

/* == blocs mosaique */
#main .mosaique2{width:307px;height:265px;}
#main .mosaique2 .mosaique2-container{float:left;width:312px;height:239px;}
#main .mosaique2 ul{float:left;width:312px;margin-bottom:1px;}
#main .mosaique2 li{display:inline;float:left;margin-right:1px;}
#main .mosaique2 li a{display:block;height:73px;width:73px;padding:4px 0 0 4px;}
#main .mosaique2 li a:hover{text-decoration:none;}
#main .bulle{background: bottom right url(../images/common/bulle_FFFFFF.png) no-repeat; padding-bottom: 5px;visibility: hidden;}
#main .bulle .texte{padding:0 4px 0 4px;background-color:#FFFFFF;}

#main .mosaique3{height:342px;width:232px;}
#main .mosaique3 .mosaique2-container{height:312px;width:232px;}
#main .mosaique3 ul{width:232px;margin:0px;}
#main .mosaique3 li{margin:0px;}

/* == myprovence story / photo */
#main .myprovence{width:790px;}
#main .myprovence a{font-weight:bold;}
#main .story{padding-left:70px;clear:both;}
#main .story .story_block{float:left;width:217px;text-align:justify;color:#413232;padding-right:23px;margin-top:14px;}
#main .story .story_block h4{font-size:11px;color:#313131;font-weight:bold;line-height:16px;text-transform:none;}
#main .story .story_block p{line-height:17px;}
#main .story .story_block p.surtitre{line-height:12px;}
#main .story .story_block p a{color:#df2438;font-weight:normal;}
#main .story .photo_block{width:160px;margin-top:14px;font-weight:bold;}
#main .story .photo_flickr{width:228px;margin-top:14px;padding-left:12px;}
#main .story .photo_flickr img{margin-right:1px;margin-bottom:1px;}
#main .story .photo_block p{margin-top:10px;font-weight:bold;color:#313131;}
#main .story .photo_flickr p{margin-top:10px;color:#313131;line-height:11px;}

/* == filet */
#main .filet{width:550px;height:1px;border-top:1px dotted #313131;}

/* == titre */
#main .titre{color:#DF2438;font-family:Georgia;font-size:20px;width:550px;}
#main .titre img{width:26px;height:26px;vertical-align:middle;}

/* == pushs */
#main .push{width:550px;text-align:justify;line-height:18px;}
#main .push h2{text-align:left;}
#main .push a{color:#DF2438;font-weight:bold;}
#main .push div{float:left;}
#main .push div#text{float:none;}
#main .push .surtitre{margin-top:0;}
#main .push .bt_bdr{margin-top:165px;padding-left:60px;line-height:normal;}
#main .push .bt_bdr a{color:#313131;font-weight:normal;}
#main .push .bt_bdr a:hover{color:#DF2438;}

/* == intros */
#main .intro{border-top:1px dotted #313131;border-bottom:1px dotted #313131;width:470px;height:243px;padding:10px 0 10px 0;}
#main .intro .others{font-weight:bold;padding-top:15px;}
#main .intro h1{clear:both;font-family:Georgia;font-weight:normal;padding:6px 0 12px 0;text-align:left;background:transparent;font-size:18px;}
#main .intro h1.m{color:#4B499B;}
#main .intro h1.c{color:#E22232;}
#main .intro h1.p{color:#FABD15;}
#main .intro div{font-size:13px;padding-bottom:15px;}
#main .intro div.m{color:#4B499B;background:transparent;}
#main .intro div.c{color:#E22232;background:transparent;}
#main .intro div.p{color:#FABD15;background:transparent;}
#main .intro .bt_bdr{padding-left:0;margin-top:5px;}

/* == quote */
#main .quote{width:210px;min-height:210px;color:#FFFFFF;font-size: 22px;font-family:Georgia;font-style:italic;line-height:normal;padding:10px;}
#main .quote.m{background:#4B499B;}
#main .quote.c{background:#E22232;}
#main .quote.p{background:#FABD15;color:#313131;}
#main .quote #author{font-size:11px;font-weight:bold;font-style:normal;font-family:arial;text-align:right;margin-top: 5px;}

/* == adresses */
#main .address h1{font-family:Georgia;font-size:18px;color:#313131;font-weight:normal;padding-bottom: 10px;}
#main .addressBlock{height:77px;width:173px;padding-bottom: 10px;}

/* == téléchargements */
#main .files .filesFile{float:left;width:120px;margin:0 10px 10px 0;background:url('../images/pdf.png') no-repeat top left;min-height:50px;padding-left: 55px;}
#main .files .filesFile h1{font-size:11px;}

/* == partenaires */
#main .partner{background:url('../images/home/partner.png') no-repeat top left;padding:5px;width:220px;height:105px;}
#main .partner .cat{background:#313131;color:#FFFFFF;padding:0 2px 0 2px;}
#main .partner img{padding: 10px 0 5px 0;}
#main .partner .name{font-size:16px;font-family:Georgia;padding-bottom:5px;}

/* == fil d'ariane */
#main .breadcrumb{font-size:13px;width:500px;}
#main #breadcrumb{width:790px;}
#main .breadcrumbLeft{float:left;}
#main .breadcrumbRight{float:right;}

/* == popin previsions meteo */
#weatherForecast{width:402px;height:179px;background:url('../images/forecast.png') no-repeat;padding:10px;}

/* ================================== */ 
/* ===== FOOTER ======= */
/* ================================== */ 

#footer{width:826px;padding:18px 0 0 10px;margin-left:54px;background-color:#FFFFFF;height:95px;font-size:10px;}
#footer ul{clear:both;float:left;/*padding-left:70px;*/color:#b4b4b4;width:400px;}
#footer li{display:inline;}
#footer a{color:#b4b4b4;}
#footer .logo-bdr{float:right;margin:7px 10px 0 0;}
#footer .logo-advisor{clear:both;float:left;/*padding-left:70px;*/margin-top:13px;font-size:10px;line-height:20px;width:600px;}
#footer .logo-advisor a{color: black;}
#footer .logo-advisor img{margin-right:5px;float:left;}
#footer .logo-uzik-container {clear: right; display: block; float:right;margin:15px 28px 0 0;}

