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

html, body {	height:100%; }
body {
	background-color:#fff;
	margin:0;
	padding:0;
}
body,td,th {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#030;
}

/* Styles pour le FLB */
.FLB_H1_titre1 {
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
	color:#006600 !important;
	font-size:17px !important;
	font-weight:bold !important;
	background:none !important;
	padding-left:none !important;
	padding:0 0 0 0 !important;
}

.FLB_H2_titre2 {
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
	color:#006600 !important;
	font-size:14px !important;
	font-weight:bold !important;
	background:none !important;
	padding-left:none !important;
	padding:0 0 0 0 !important;
}

.FLB_H3_titre3 {
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
	color:#006600 !important;
	font-size:10px !important;
	font-weight:bold !important;
	background:none !important;
	padding-left:none !important;
	padding:0 0 0 0 !important;
}

.FLB_H4_titre4 {
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
	color:#006600 !important;
	font-size:10px !important;
	background:none !important;
	padding-left:none !important;
	font-weight:normal !important;
	padding:0 0 0 0 !important;
}

.FLB_H5_titre5 {
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
	color:#006600 !important;
	font-size:10px !important;
	background:none !important;
	padding-left:none !important;
	font-style:italic !important;
	font-weight:normal !important;
	padding:0 0 0 0 !important;
}

.FLB_H6_titre6 {
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
	color:#006600 !important;
	font-size:9px !important;
	background:none !important;
	padding-left:none !important;
	font-weight:normal !important;
	padding:0 0 0 0 !important;
}
/* fin styles FLB*/

img {
	border:0;
}
div {
	font-family:Verdana;
	font-size:10px;
	color:#006600;
	/*position:relative;*/
}
form {
	margin:0;
	padding:0;
}
.clearBoth { 
	font-size:0;
	line-height:0; 
	height:0; 
	clear:both;
}
a {
	font-size:11px;
	color:#390;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
}
.left {
	float:left;
}
.right {
	float:right;
}
#global-container {
	position:relative;
	width:960px;
	margin:0 auto 0 auto; /*margin:0 10px;*/
	height:100%
}
#header {
	background:url(/huttopia/style/img/navt/bg_q30.jpg) top left no-repeat;
	height:167px;
	z-index:2;
	position:relative;
}
#footer,
#footer a {
	font-size:10px;
	color:#030;
	text-decoration:none;
}
#footer { padding:6px 0;}
#footer a:hover {
	text-decoration:underline;
}

#footer .footerAttribute
{
	text-align			: center;
	color				: #808066;
}

#footer .footerAttribute a
{
	color				: #808066;
	text-decoriation	: underline;
}

.logo {
	display: block;
	padding:10px 0 0 14px;
}
.imgIntro {
	margin-bottom:10px;
}
.teaser {
	position:absolute;
	top:52px;
	left:78px;
}
.logoTeaser {
	margin:4px 0 0 18px;
}
img.illust {
	margin-bottom:10px;
}

#navt {
	position:absolute;
	bottom:0px;
	left:14px;
	height:34px;
	width:606px;
	background:#cc9;
	z-index:999;
	padding-top:2px;
	/*_bottom:-1px;*/
}
#navt ul,
#navt li{
	padding:0;
	margin:0;
	list-style:none;
	/*position:relative;*/ /* IE6 */


}


/*NAVT*/
#navt ul { margin-left: 8px; position:relative; }
#navt ul span { position:absolute; top:0;left:-2000px; }
#navt ul ul { margin:0; padding:3px 0; position:absolute; top:34px; }
#navt a { color:#ffc; text-decoration:none; display:block; text-decoration:none; background-repeat:no-repeat; height:31px; padding-bottom:3px; }
#navt a:hover { color:#33fe00; }


#navt li li span {   }

#navt ul ul { background:#060; display:none; z-index:999; /*_height:1px*/  }
#navt ul ul span { position:relative; left:0; }
#navt li { float:left; background-position:top left; background-repeat: no-repeat; }
#navt li li { float:none; min-width:150px; /*_width:150px;*/  }
#navt a:hover { background-position:0 -35px; }
#navt ul ul a { white-space:nowrap; line-height:18px; padding-left:25px; padding-right:5px; background-image:url(img/navt/p_navt.gif)!important;background-position:6px 2px; height:auto !important; color:#ffc; }
#navt ul ul a:hover { background-position:6px -38px; }

/*
#nt_1 { background-image: url(img/navt/rub1.gif); width:143px; }
#nt_2 { background-image: url(img/navt/rub2.gif); width:143px; }
#nt_3 { background-image: url(img/navt/rub3.gif); width:143px; }
#nt_4 { background-image: url(img/navt/rub4.gif); width:84px; }
#nt_5 { background-image: url(img/navt/rub5.gif); width:78px; }
*/

#navtIndigo {
	position:absolute; bottom:0px; right:77px;_bottom:-1px;
}
#navtIndigo a {display:block; width:115px; height:28px; background: url(img/navt/indigo.gif) 0 0 no-repeat;}
#navtIndigo a:hover { background-position:0 -28px;}
#navtIndigo a span { display:none;}

/*navg*/
#navg {
	width:174px;
	background:#cc9;
	height:100%;
	padding-bottom:20px;
}
#navg ul,
#navg li {
	padding:0;
	margin:0;
	list-style:none;
	/*_height:1px;*/ /* indispensable pour la compatibilité IE6 */

}
#navg ul {}
#navg ul ul {}
#navg ul ul ul {}
#navg li li {}
#navg li li { padding-bottom:5px; }
#navg li li li { padding-bottom:0; }
#navg li li li li {padding-left:10px; }
#navg a { color:#060; text-decoration:none; display: block; width:174px; }
#navg li li a {padding: 2px 0;/* NEW */ }

#navg span { position:absolute; left:-2000px; }
#navg li li span { position:relative; left:0; display:block;padding-left:20px; }/* for ie6 */
#navg li li li span { padding-left:40px; }/* for ie6 */

#navg li a.active,
#navg a:hover { color:#ffc; background-color:#060; }

#navg li li a {  width:auto; height:auto; }

#navg li li a:hover span,
#navg li li li a:hover span {  background: #060; } /* for ie6 */

#navg li li a { font-size:13px; font-weight:bold; }
#navg li li li a { font-size:11px; font-weight:normal; }
#navg li li li li a { font-size:10px; font-weight:normal; }

/*
#ng_2 a { background: url(img/navg/ng_2.gif) 0 0 no-repeat; height:39px; }
#ng_2 a:hover { background-position: 0 -39px; }
#ng_3 a { background: url(img/navg/ng_3.gif) 0 0 no-repeat; height:36px; }
#ng_3 a:hover { background-position: 0 -36px; }
#ng_4 a { background: url(img/navg/ng_4.gif) 0 0 no-repeat; height:36px; }
#ng_4 a:hover { background-position: 0 -36px; }
*/

/* Masquage des rubriques inferieures ( navg ) */
#ng_1_2 ul,
#ng_1_3 ul,
#ng_1_4 ul,
#ng_1_5 ul { /*display:none;*/ }


/**/
#content-container {
	/*background:#fcc !important;*/
	padding-right:0;
	padding-top:4px;
	/*height:100%;*/
	z-index:1;
}
.flag {
	position:absolute; top:26px; right:45px;
}

.tools { background: #cc9; padding-right:15px; position:absolute; top:0; right:0; /*height : 19px*/}
.tools a  { display : block ; float : left ; padding : 2px 10px ; color:#030; text-decoration:none; }
.tools a:hover { color:#ffc;/*text-decoration: underline;*/ }
.tools a.seminaire, .tools a.comite-entreprise { background : #006600 ; color : #FFFFCC }
.tools a.seminaire:hover, .tools a.comite-entreprise:hover { background : #009900 ; }
.tools a.comite-entreprise { margin-left : 2px ; }
	
/**/
/*#content { width:770px;  float:right; padding:0; height:100%; }*/
/*#content-container.home #content { width:780px; }*/
.contentContainer {/*padding-left:4px*/ height:100%; position:relative; }

.path { padding-left:5px; font-size:10px; margin-bottom:12px; }

.path a { color:#060; text-decoration:none; }


#content-container {background: #ffc;
position:relative; zoom:1; /* pour regler pb de z-index sur les images en flb */
}
/* BG content suivant page */
/*
#content-container.home { background: #ffc url(../img/home/page_ph_q20.jpg) 175px 4px no-repeat; }
*/
/*.home .tdContainer{background: #ffc url(../img/home/page_ph_q20.jpg) 0 0 no-repeat;}*/
/*
#content-container.map { background: #ffc; }
*/

/* HOME */

.bt { display:block; margin-top:6px; }
.bt span { left:-2000px; position:absolute; }


div.cols_1 { width:170px; float:left; height:100%; background:green; }
div.cols_2 { width:580px; float:left; height:100%; background:red; }
div.cols_3 { width:190px; float:right; height:100%; background:blue; }


.tdContainer {position:relative;}

/*Pages*/
td.cols_1 { width:170px; height:100%; background: #cc9;}
td.cols_1 .tdContainer {  }
td.cols_2 { height:100%; }
td.cols_2 .tdContainer { margin-right:15px; width:100%;}
td.cols_3 { width:190px; height:100%; background: #cc6; }
td.cols_3 .tdContainer { padding-top:10px; }


/*Home*/
.home td.cols_1 { width:171px; height:100%; background: #cc9; /*background: url(img/170_cc9.gif) top left repeat-y;*/}
.home td.cols_1 .tdContainer { margin-right:2px; }
.home td.cols_2 { width:595px; height:100%; padding-left:2px; }
.home td.cols_2 .tdContainer { margin-right:0;}
.home td.cols_3 { width:191px; height:100%; padding-left:2px; background:none; }
.home td.cols_3  .tdContainer { padding-top:0; }

/*camping*/
.map td.cols_2 { width:100%}
.map td.cols_2 .tdContainer { margin-right:0; }

/*
.home td.cols_3 .tdContainer { margin-left:17px; padding-top:0;}
*/

.bloc { /*padding:5px;*/ margin-bottom:4px; }
.contentBloc { padding:5px 10px; color:#ffffff;}

/*.cols_2 .parag {color:#030; padding:0 0 25px 4px; background:url(img/page/sep.gif) 45px 100% no-repeat; margin: 0 0 10px 0; }*/
.cols_2 .parag {color:#030; padding:0 0 0 4px; /*background:url(img/page/sep.gif) 45px 100% no-repeat;*/ margin: 0 0 10px 0; }


.paragTable { margin:0 15px 0 45px; }

.home .cols_2 .parag {  margin: 0 15px 10px 0; }
.home .cols_2 .parag .paragTable { margin-right:0;}
/*.home .cols_2 h3 { font-size:17px; background:url(/huttopia/img/p_parag.gif) 0 0 no-repeat; min-height:29px; padding:0 0 6px 45px; margin:0; } */
.cols_2 h3 { font-size:17px; background:url(img/page/p_parag.gif) 0 0 no-repeat; min-height:29px; _height:29px; padding:0 0 6px 45px; margin:0; }
.cols_2 h4 { padding:0 0 0 45px; font-size:15px; color:#060; }
.cols_2 h4 a { font-size:15px;  }
.cols_2 p {padding:0 0 0 45px; margin:0; font-size:10px;}
.cols_2 table p,
.home .cols_2 p {padding:0;}

.cols_2 table  { font-size:10px; }
.cols_2 p img, .cols_2 table img {  /*margin: 0 0 20px 0;*/ }
.cols_2 p img.right { float: right; margin:0 0 6px 6px; }
.cols_2 p img.left { float: left; margin:0 6px 6px 0; }
.cols_2 .more { background:url(/huttopia/style/img/page/home/bt_plus.gif) left top no-repeat; height:20px; width:91px; }

.cols_2 .sep { background:url(img/page/sep.gif) 45px 0px no-repeat; height:20px; }

.cols_2 .parag .sep {color:#030; padding:0 0 20px 4px; background:url(/huttopia/style/img/page/sep.gif) left repeat-x; margin: 0 15px 10px 45px; height:5px; }
.home .cols_2 .parag .sep { margin-right:0;}

.cols_3 .parag {color:#030; padding:0 0 15px 4px; background:url(img/page/cols3_sep.gif) bottom right no-repeat; margin: 0 4px 10px 0; }
.cols_3 h3 { font-size:12px; background:url(img/page/p_parag.gif) 0 0 no-repeat; min-height:29px; /*_height:29px;*/ padding:0 0 6px 30px; margin:0; }
.cols_3 p { padding:0 0 0 30px; margin:0; font-size:10px; }

/* cols_1 */
.destinations { background:#cc9;/*background:#cc9 url(img/page/home/tb_destinations.gif) top no-repeat; padding:56px 0 5px 0;*/ text-align:center; }
.destinations .contentBloc { width:150px; overflow:hidden;/*background:url(/huttopia/style/img/page/home/map_home_col.jpg) top left no-repeat; padding-top:172px;*/}
.destinations select { font-size:10px; color:#c63; background:#ffc;}

.journal { background:#060; color:#ffc; font-size:10px; text-align:center;}
.journal img {margin:10px ;}

.breves { color:#030; /*background:#690;*/ }
.breves .linkRight { text-align:right}
.breves .more { background:url(img/page/home/bt_plus_breves.gif) left top no-repeat; height:20px; width:91px;}

.indigo { display:none;background:#690; color:#ffc; font-size:10px; text-align:center;}
.indigo img {margin:10px ;}

/* cols_3 */
.bonsplans { background:#c60; color:#ffc; /*background:#c60 url(img/page/home/tb_bonsplans.gif) top no-repeat; padding-top:66px;*/}
.bonsplans .more img {  width:11px; height:10px; background:url(img/home/more_bonsplans.gif) 0 0 no-repeat;}
.bonsplans .more:hover img { background-position: 0 -10px;}
.bonsplans .more span {  display:none;}

.reserver { background:#cf0;color:#030; /*background:#cf0 url(img/page/home/tb_reserver.gif) top no-repeat; padding-top:48px;*/ }
.reserver select { font-size:10px; color:#000; background:#fff;}
.reserver div { margin:3px 0; }
.reserver .bt_container { _height:1px; margin-top:0; }

/*.reserver .camping {background:url(img/page/home/bt_reserver_camping.gif) left top no-repeat; height:21px; width:63px; float:left; position:relative; margin-left:10px}
.reserver .locatif {background:url(img/page/home/bt_reserver_locatif.gif) left top no-repeat; height:17px; width:59px; float:left; position:relative; margin-left:20px}*/
label.camping {background:url(img/page/home/bt_reserver_camping.gif) left top no-repeat; display:block; height:21px; width:45px; float:left; position:relative; margin-left:5px}
label.locatif {background:url(img/page/home/bt_reserver_locatif.gif) left top no-repeat; display:block; height:21px; width:40px; float:left; position:relative; margin-left:5px}
label.camping span,
label.locatif span { position:absolute;left:-2000px; }
div.radio { float:left; }


.reserver .valider {background: url(img/page/home/bt_valider.gif) left top no-repeat; height:24px; width:82px; clear:both; margin-left:45px}
.reserver .selectDay { width:40px; }
.reserver .selectMonth { width:40px; }
.reserver .selectYear { width:50px; }

.photodumois {background:#060; color:#ffc; /*background:#060 url(img/page/home/tb_laphotodumois.gif) top no-repeat; padding-top:36px;*/  }
/*.photodumois .contentBloc img { margin:10px 0; }*/

.bienvenuechez {background:#660 ; color:#ffc; /*background:#660 url(img/page/home/tb_bienvenuechez.gif) top no-repeat; padding-top:105px; */ }

/* carte des implantations */
.siteInfo {
	width:258px;
	height:247px;
	background:top left no-repeat;
	position:absolute;
	right:50px;
	top:50px;
	display:none;
	border:2px solid #ffc;
}
.siteInfo div {
	padding-top:205px;
	text-align:center;
	font-size:10px;
}
/* bons plans */
.bplans_txt {
	/*font-weight: bold;*/
	font-size: 12px;
	color:#060;
}
.reduc_txt {
	color:#060;
	/*font-weight:bold;*/
}
.reduc_txt p {
	display:inline;
	padding:0;
}
.reduc_txt .reduc {
	font-size:2em;
}
a.bt_form img {
	background-position: 0px 0px;
}
a.bt_form:hover img {
	background-position: 0px -50px !important;
}
#form_bt_envoyer {
	height:33px;
}
#form_bt_annuler {
	height:33px;
}
/* revue de presse */
.tablePresse { font-size:9pt; font-weight:bold; text-align:center; margin:0 0 30px 45px; width:645px;}
.tablePresse tr {  margin-bottom:10px; }
.tablePresse td { padding: 3px 6px;}
.tablePresse thead td { background: #030; color:#fff; font-weight:bold;}
.tablePresse tbody tr.odd td { background: #690;  color:#fff;}
.tablePresse tbody tr { background: #9c6; color:#030;}
.tablePresse a{ color:#030;}
.tablePresse .odd a{ color:#fff;}


/*
	Add this button
*/

div.addthisBlock
{
	padding		: 1ex 2ex;
}

div.addthisBlock a.addthis_button
{
	float		: right;
}

.cols_3 .newsletter {
	padding-bottom:10px
}
.cols_3 .newsletter label {
	margin-left:5px;
	font: verdana; 
	font-size: 11px; 
	color: #ffc;
	line-height:21px;
}
.cols_3 .newsletter input {
	height:21px;
}
.cols_3 .newsletter .bt {
	background:url(/huttopia/style/img/home/btn_ok_newsletter.png) top no-repeat; 
	line-height:21px;
	width:27px; 
	display:inline-block;
	text-indent:-2000px; 
	/*vertical-align:bottom;*/
}
.cols_3 .newsletter .bt:hover {
	background-position:bottom;
}