/* ________________________________________________________*/
/* CONTENEURS                                              */
#conteneur		{ width:1038px; margin:0 auto; text-align:left; position:relative;}
#header			{ background:url('../documents/images/design/camping-france-vendee-bretagne.png') no-repeat -1px top; height:218px; position:relative; }
#navigation		{ height:53px; width:464px; background:url('../documents/images/design/promo-camping-bretagne.png') no-repeat;position:absolute; top:180px; left:274px; margin:0;z-index:10; }
#corps 			{ padding-top:30px; width:973px; position:relative; background:#fcd134;height:350px; height:auto!important; min-height:350px; border:10px solid #006ab4; border-width:0 19px 10px; }
#footer			{ font-size:10px; font-weight:bold; text-align:center; padding-top:6px; background:url('../documents/images/design/camping-france-vendee-bretagne.png') no-repeat -1px bottom; clear:both; float:none; height:57px; position:relative; }
.footer #footer-liens	{ margin-top:50px;}
#footer2		{ min-height:50px; text-align:center; margin-top:8px; }

#logo,
#brochure,
#reservation		{ position:absolute; text-indent:-99999px; }
#logo				{ top:60px; left:0; width:290px; height:155px; margin:0 22px;}
#reservation		{ top:10px; left:530px; width:320px; height:110px; margin:0 22px;}
#brochure			{ display:block; bottom:0; right:-7px; width:230px; height:93px; margin:0 22px;background:url('../documents/images/design/promo-camping-vendee.png') no-repeat;}


/* ________________________________________________________*/
/* BALISES                                                 */
html			{ padding:0; margin:0;}
body			{ background:#1a79bb url('../documents/images/maquettes/promo-camping-france.png') repeat-x; text-align:center; color:#333; font-family:Arial, Helvetica, sans-serif;; font-size:12px; margin:0; padding:0; text-align:center;}
a				{ color:#333; outline:none; }
a img			{ border:none;}
a:hover			{ }
p				{ margin:0 0 10px; }
img				{ }
img.no_border	{ border:none;}
h1,h2,h3,h4		{ font-family:Arial, Helvetica, sans-serif; margin-top:0; }
h1 				{ text-align:center;font-size:1.4em; color:#d2d0cd; font-weight:normal; width:400px; margin:0; top:26px; left:190px; }
/*h2				{ font-size:15px; font-weight:bold; margin-bottom:5px; text-transform:uppercase; color:#e0021b; }*/
h2				{ font-size:15px; font-weight:bold; margin-bottom:5px; text-transform:uppercase; color:#006ab3; }
h3 				{ font-size:1.2em; }
h4				{ font-size:1.2em; }
h5				{ }
ul,ol			{ list-style-position:inside;}
li				{ }
acronym			{ cursor:help; }

/* ________________________________________________________*/
/* FORMULAIRES                                             */
fieldset		{ border:none; padding:0;}
label			{ display:block; text-align:left; font-weight:bold; font-size:11px;}
input, select, textarea{ margin-bottom:16px; border:1px solid #3c3e3d; padding:2px;}
select			{ width:100%; }
input:hover, select:hover, textarea:hover{ }
label.error { float: none; color:#F80; margin-top:-10px; }
input.submit	{width:auto; border:none; clear:both; margin-right:12px; padding-bottom: }
input.btnSearch	{ border:none; clear:both; margin-right:12px; }
/* ________________________________________________________*/
/* TABLEAUX                                                */
table			{ }
thead			{ }
td				{ vertical-align:top; }

/* ________________________________________________________*/
/* CLASSES                                                 */
.left				{ float:left; margin:0 10px 10px 0; }
.right				{ float:right; margin:0 0 10px 10px; }
.cale				{ display:block; clear:both; float:none; height:0; }
.margin				{ margin:15px; }
.bloc				{ float:left; position:relative; }
.bloc ul			{ margin:0 10px; background:#fee086;}
.links a,
.campings-ville,
input.submit,.plus	{ background:url('../documents/images/design/promo-camping-vendee-85.png') no-repeat top right; color:#E2001A; text-align:right; font-style:italic; font-weight:bold; text-decoration:none; padding:1px 22px 0 0; height:20px; display:block;}
input.submit		{ border:none; font-style:normal; padding-top:0; cursor:pointer; float:right;}
input.submit:hover	{ text-decoration:underline;}
/*.links a.contrat,.links a.brochure		{ width:142px; }*/
.plus:hover			{ text-decoration:underline; }
.links a			{ display:block; width:270px; }
.links a:hover		{ text-decoration:underline; }
.campings-ville		{ width:300px; margin:0; }

.break				{ height:100px; overflow:auto; margin-bottom:12px; }
.pagesLinks			{ width:100px; height:15px; position:absolute; top:-20px; left:0; }
.pagesLinks a		{ color:#e3001b; font-weight:bold; text-decoration:none; display:block; float:left; padding:2px;}
.pagesLinks a.current	{ color:#006bb3;}
.pagesLinks a.prev		{ background:url('../documents/images/design/promo-camping-bretagne-56.png') no-repeat left 3px; text-indent:-99999px; width:13px;}
.pagesLinks a.next		{ background:url('../documents/images/design/promo-camping-bretagne-56.png') no-repeat right 3px; text-indent:-99999px; width:13px;}
/* ________________________________________________________*/
/* LOGIN */
#login #conteneur	{ background:url('../img/outils/levels-120.png') no-repeat 230px 10px; padding-top:75px; color:#333; }
#login form			{ width:500px; margin:40px auto; padding:10px; background:#FFF; -moz-border-radius:10px; text-align:left;}
#login label		{ text-align:left; display:inline-block; width:140px;}
#login .submit		{ width:80px;}

/* ________________________________________________________*/
/* Colonnes (defaut) */
.c1					{ width:46%; float:left; position:relative; padding:2%;}
.c2					{ width:46%; float:left; position:relative; padding:2%; }

.bloc				{ margin-bottom:20px; }

/* ________________________________________________________*/
/* NAVIGATION */
#navigation ul		{ padding:10px 10px 0; margin:0 0 0 10px; }
#navigation ul ul	{ display:none; height:auto; width:170px; position:absolute; }
#navigation ul ul ul{ left:170px; top:-15px; }
#navigation li		{ list-style:none; list-style-position:outside; width:auto; float:left; position:relative; margin:0; padding:0;}
#navigation li.last	{ border:none;}
#navigation li li	{ float:none; clear:both; margin:0; border:none; }
#navigation li.current{ background:#333; }
#navigation ul a	{ text-decoration:none; font-size:12px; color:#333; padding:0 12px; display:block; height:20px;}

#navigation a				{ margin:6px 4px 0 0; width:72px; text-indent:-99999px; }
#accueil					{ }
#campings					{ }
#navigation a#reservations	{ width:96px; }
#contact					{ }

/* ________________________________________________________*/
/* TEMPLATES */
.accueil .bloc				{ background:#fee086; padding-top:20px; height:100%; }
.accueil h2					{ position:absolute; width:330px; top:-35px; left:-10px; height:64px; margin:0; text-indent:-99999px; background:url('../documents/images/design/promo-camping-region-france.png') no-repeat;}
.accueil #coups-coeur h2	{ width:273px; background-position:-685px top; }
.camping h2#h2recherche,
.accueil h2#h2recherche		{ margin-bottom:10px; position:relative; width:330px; top:0; left:-10px; height:64px; margin:0; text-indent:-99999px;  background:url('../documents/images/design/promo-camping-region-france.png') no-repeat; background-position:-965px top; }
.accueil #regions h2		{ background-position:-347px top; }
.accueil #toutes-promotions h2	{ background-position:-7px top; }

#bloc1,#bloc2				{ float:left; width:688px; position:relative;}
#bloc1						{ width:688px; }
#bloc2						{ width:254px; margin:35px 0 0 10px; }
.wrap						{}
#bloc2 .wrap				{ margin:0 16px 0 13px; }
#promotions					{ left:10px; top:10px; margin-bottom:35px; width:688px; height:160px; padding:0; float:none; background:url('../documents/images/design/promo-camping-bretagne-22.png') no-repeat; }
#promotions ul				{ background:none;}
#promotions ul li			{ background:#fff; margin-right:2px; padding:0 5px;}
#coups-coeur				{ width:254px; }
#toutes-promotions,
#regions					{ width:312px; height:350px;float:left; margin-left:27px; }
#regions .plus				{ margin-right:20px;}
#toutes-promotions li		{ background:url('../documents/images/design/promo-camping-corse-20.png') no-repeat bottom left; width:311px; padding:0; height:100px; height:auto!important; min-height:100px; }
#coups-coeur li				{ background:url('../documents/images/design/promo-camping-espagne.jpg') no-repeat -316px bottom; width:311px; padding:0; height:100px; height:auto!important; min-height:100px; }
.region						{ width:312px; margin-left:8px; }
.region h3					{ cursor:pointer; background:url('../documents/images/design/promo-camping-region-vendee.png') no-repeat; width:270px; padding:0; margin:0 0 0 8px; height:21px; text-indent:-99999px; }
.region div.pane			{ display:none; background:#fff url('../documents/images/design/promo-camping-charente.jpg') no-repeat bottom right; margin:0 28px 0 8px; padding:5px 0; color:#006bb3; }
.region .bottom				{ background:url('../documents/images/design/promo-camping-region-vendee.png') no-repeat bottom left; height:16px; margin:0 0 0 6px; }
#recherche					{ padding-left:9px; }
#recherche select			{ width:165px;}

.accueil2 #toutes-promotions{ height:344px; }
.accueil2 #toutes-promotions h2	{ background-position:-5px top; }
.accueil2 #toutes-promotions p	{ margin:10px 0 0 18px; }
.accueil2 #toutes-promotions .plus	{ margin:10px 18px 0 0; }
.accueil2 .region h3		{ cursor:pointer; background:url('../documents/images/design/promo-camping-region-bretagne.png') no-repeat; width:270px; padding:0; margin:0 0 0 2px; height:21px; text-indent:-99999px; }
.accueil2 .region div.pane	{ width:222px; display:none; background:#fff url('../documents/images/design/promo-camping-charente.jpg') no-repeat bottom right; margin:0 26px 0 2px; padding:5px 10px; color:#006bb3; }
.accueil2 .region .bottom	{ background:url('../documents/images/design/promo-camping-region-bretagne.png') no-repeat bottom left; height:16px; margin:0 0 0 0px; }
.accueil2 #bloc1			{ width:672px; }
.accueil2 #bloc2			{ width:240px; margin:0 0 0 38px; height:555px; }
.accueil2 .bloc				{ height:250px; background:#fee086; padding-top:20px; width:50%; float:left; margin-bottom:0; }
.accueil2 .bloc#recherche	{ float:right; width:301px; height:344px;  }
.accueil2 .bloc#recherche form{ margin-top:20px;}
.accueil2 .bloc#regions		{ float:right; width:253px; margin-right:0; padding-top:40px; }
.accueil2 #regions h2		{ background-position:-685px top; }
.accueil2 h2				{ position:absolute; width:330px; height:74px; top:-35px; left:-10px; margin:0; text-indent:-99999px; background:url('../documents/images/design/promo-camping-france-corse.png') no-repeat;}
.accueil2 h2#h2recherche	{ margin-bottom:10px; position:absolute; width:330px; height:74px; margin:0; text-indent:-99999px;  background:url('../documents/images/design/promo-camping-france-corse.png') no-repeat; background-position:-344px top; }
.accueil2 #promotions		{ position:relative; left:10px; top:10px; margin-bottom:35px; width:688px; height:160px; padding:0; float:none; background:url('../documents/images/design/promo-camping-charente-maritime.png') no-repeat; }
#site-promotions-campings	{ position:absolute; left:316px; top:133px; text-indent:-99999px; width:300px; height:40px; background:url('../documents/images/design/promo-camping-mediterranee.png') no-repeat; }
.accueil2 #recherche select	{ width:290px; }
.accueil2 #recherche label	{ font-size:14px; margin-bottom:12px; }

/*.camping #recherche			{ width:880px; height:100px; }*/
.camping #bloc1 h2			{ padding-bottom:2px; border-bottom:1px solid #006ab3; margin-right:30px; margin-bottom:12px;}
.camping h2#h2recherche		{ top:-30px; position:absolute; }
.camping #bloc1				{ margin-left:16px; margin-right:0; width:680px;}
.camping #bloc2				{ background:url('../documents/images/design/promo-camping-perigord.png') no-repeat -20px -20px; margin:20px 16px 0 0; padding-top:35px;}
.infosCamping				{ position:relative;
	background:url('../documents/images/design/promo-camping-landes.png') no-repeat bottom left;
    height:350px; 
	width:302px;overflow:hidden; margin-right:10px; margin-bottom:20px; float:left; padding:10px; }
.infosCamping h3			{ height:33px; font-size:13px; text-transform:uppercase; margin:0; font-weight:bold; color:#fff; margin-bottom:0px; /*border-bottom:1px solid #000;*/ width:200px; }
.bloc-titre					{ background:#006ab3; color:#fff; margin-right:5px; padding:5px; position:relative; }
.region h3#region3			{ background-position:-2px -21px; }
.region h3#region6			{ background-position:-2px -42px; }
.region h3#region5			{ background-position:-2px -105px; }
.region h3#region11			{ background-position:-2px -84px; }
.region h3#region9			{ background-position:-2px -63px; }
.region h3#region8			{ background-position:-2px -147px; }
.region h3#region12			{ background-position:-2px -168px; }
.region h3#region11			{ background-position:-2px -126px; }
.region h3#region2			{ background-position:-2px -84px; }
.region h3#region4			{ background-position:-2px -232px; }
.region h3#region10			{ background-position:-2px -189px; }
.region h3#region7			{ background-position:-2px -210px; }

.pictos						{ overflow:hidden; margin:4px 0; }
.picto-services				{ cursor:help; width:20px; height:20px; text-indent:-99999px; background:url('../documents/design/promo-camping-vendee-85.png') no-repeat; float:left; margin-right:2px; }
#restaurant					{ }
#nautique					{ background-position:-22px top;}
#tennis						{ background-position:-44px top;}
#pingpong					{ background-position:-66px top;}
#velo						{ background-position:-88px top;}
#piscine					{ background-position:-110px top;}
#couverte					{ background-position:-176px top;}
#chiens						{ background-position:-132px top;}
#pasChiens					{ background-position:-154px top;}
#toboggan					{ background-position:-198px top;}
#animations					{ background-position:-154px top;}
#bar						{ background-position:-220px top;}
#internet					{ background-position:-242px top;}
#mobil						{ background-position:-264px top;}
#emplacement				{ background-position:-286px top;}
#eau						{ background-position:-308px top;}
#anims						{ background-position:-330px top;}
.etoiles					{ position:absolute; right:4px; top:4px; height:10px; width:90px; text-align:right; }

.contact #corps				{ background-image:url('../documents/images/design/promo-camping-perigord.png'); background-repeat:no-repeat;}
.contact	label			{ padding-top:3px; color:#000; width:82px; float:left;background:url('../documents/images/design/promo-camping-ile-de-re.png') no-repeat center right; margin-right:9px; text-align:right; padding-right:28px; }
.contact label.noir			{ width:127px;background-image:url('../documents/images/design/promo-camping-ile-oleron.png'); }
.contact	input			{ width:229px; border:1px solid #3c3e3d; }
.contact .c2 input,
.contact .c2 textarea		{ width:255px; }
.contact .c1				{ margin-left:43px; width:360px; padding:0;}
.contact .c2				{ margin-left:27px; padding:0;}
.contact .article			{ margin:0 54px; }
.contact input.submit		{ margin-left:0px; width:90px; margin-right:63px; padding-top:0; float:right; border:none; }

.demande-brochure #corps				{ background-image:url('../documents/images/design/promo-camping-perigord.png'); background-repeat:no-repeat;}
.demande-brochure	label			{ padding-top:3px; color:#000; width:82px; float:left;background:url('../documents/images/design/promo-camping-ile-de-re.png') no-repeat center right; margin-right:9px; text-align:right; padding-right:28px; }
.demande-brochure label.noir			{ width:127px;background-image:url('../documents/images/design/promo-camping-ile-oleron.png'); }
.demande-brochure	input			{ width:229px; border:1px solid #3c3e3d; }
.demande-brochure .c2 input,
.demande-brochure .c2 textarea		{ width:255px; }
.demande-brochure .c1				{ margin-left:43px; width:360px; padding:0;}
.demande-brochure .c2				{ margin-left:27px; padding:0;}
.demande-brochure .article			{ margin:0 54px; }

/* ________________________________________________________*/
/* ACCORDEONS */
.accordeon			{ padding:0; margin:0; list-style:none; list-style-position:inside; }
.accordeon li		{ padding:6px; list-style:none; list-style-position:inside;float:left; }
.accordeon div		{ background:url('../documents/images/design/promo-camping-corse-20.png') no-repeat bottom center; padding:18px; }
#coups-coeur .accordeon div{ background-image:url('../documents/images/design/promo-camping-cote-azur.png'); padding-left:38px; }
.accordeon h3		{ color:#006AB2; font-size:14px; text-transform:uppercase; margin:0; }
.accordeon p		{ margin:0; font-size:11px; font-weight:bold; }

/* ________________________________________________________*/
/* SLIDER */
.tabs				{ position:absolute; width:125px; height:15px; bottom:22px; right:0; z-index:10; }
.tabs li			{ background:#f80; float:left; margin-right:5px; list-style:none; margin:0; padding:3px; }
.scrollable 		{ position:relative;overflow:hidden; width:660px; height:160px;}
.scrollable .items 	{ width:20000em;position:absolute; top:19px; left:24px;height:117px;}
.scrollable .items div{ float:left;}
.accueil2 .tabs 	{ display:none; }
/* SCROLLABLE */
#scroll 			{ position:relative;overflow:hidden;height:340px;width:290px; margin-top:15px;}
#scroll .items2 	{ position:absolute;height:20000em;}
#actions			{ position:absolute; width:27px; height:300px; right:0; }
.prev,.next			{ cursor:pointer; display:block; width:27px; height:38px; text-indent:-99999px; background:url('../documents/images/design/promo-camping-cotes-basque.png'); }
.next				{ background-position:bottom left; margin-top:90px;}

/* ________________________________________________________*/
/* OVERLAYS */

.close { 
    background:url(http://static.flowplayer.org/tools/img/overlay/close.png); 
    position:absolute; 
	z-index:10000;
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
	text-indent:-99999px;
}
#overlay2,
#overlay{ 
    background:#fff; 
    color:#efefef; 
    height:700px; 
	width:980px;
	display:none;
	color:#222;
	margin:0;
	padding:0;
}
#overlay2{ width:720px; height:390px;}
#camping{
	background:#CCC;
    height:270px; 
	width:400px;
	display:none; text-align:left;
	border:1px solid #222;}
#camping .wrap{ overflow:auto;width:380px; height:250px; padding:10px;}