/* RESET CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clear,
.clearfix
{
	clear:both;
}

.iphone
{
	display:none;
}

img
{
	max-width: 100%;
}

/* THEME */
.container
{
	width:1015px;
	margin:0 auto;
}

.bas-2 .container
{
	background:#008196;
}

.bas-3 .container
{
	background:#7e7e8f;
}

.haut
{
	height:28px;
	background: white url('../img/backgroundtop2.jpg') top left repeat-x;
}

.all
{
	background: url('../img/backgroundtop.jpg') top left repeat-x;
}

.all2
{
	background: url('../img/fond.png') center -16px no-repeat;
}

#header
{
	height:160px;
	position: relative;
}

#bottom
{
	height:100px;
	padding-top:60px;
	text-align: center;
}

a.lang
{
	width:37px;
	color:white;
	text-transform: uppercase;
	font-family: Verdana;
	font-weight: bold;
	text-decoration: none;
	font-size:12px;
	height:38px;
	line-height:38px;
	text-align: center;
	display:inline-block;
	background: url('../img/lang.jpg') top left no-repeat;
}

a.lang:hover
{
	color:#00a9c5;
}

#logo
{
	left:76px;
	top:10px;
	width:200px;
	height:92px;
	position:absolute;
}

ul#menus
{
	height:43px;
	list-style: none;
	margin:0;
	padding:0;
	margin-top:20px;
}

ul#menus li
{
	height:43px;
	background: #00a9c5 url('../img/menu.jpg') -55px top no-repeat;
	list-style: none;
	display: block;
	float:left;
	margin:0;
	padding:0;
	margin-right:2px;
	text-align: center;
	font-family: Verdana, sans-serif;
	line-height:14px;
	font-size:12px;
	font-weight:bold;
	color:white;
	text-transform: uppercase;
	position:relative;
}

ul#menus li a
{
	text-decoration: none;
	padding-top:7px;
	height:36px;
	display:block;
	color:white;
}

.all .container ul#menus li a.current,
.all .container ul#menus li a:hover,
.all .container ul#menus li ul li a.current,
.all .container ul#menus li ul li a:hover
{
	color:#fcc409;
}

ul#menus li.menu1, ul#menus li.menu1 a { width:168px; background-position: 0 0; }
ul#menus li.menu1 a { width:126px; padding-left:42px; }
ul#menus li.menu2, ul#menus li.menu2 a, ul#menus li.menu4, ul#menus li.menu4 a { width:124px; }
ul#menus li.menu3, ul#menus li.menu3 a { width:125px; }
ul#menus li.menu5, ul#menus li.menu5 a { width:123px; }
ul#menus li.menu6, ul#menus li.menu6 a { width:122px; }
ul#menus li.menu7 { width:217px; margin-right:0; }
ul#menus li.menu7 a { width:123px; padding-right:94px; }

ul#menus ul
{
	width:100%;
	position:absolute;
	border-top: 1px solid white;
	top:43px;
	left:auto;
	right:0;
	display:none;
	background:url('../img/sousmenu.png') top left repeat-x #00aac6;
	padding:0 9px;
	display:none;
	border-radius: 0 0 13px 13px;
	-moz-border-radius: 0 0 13px 13px;
	-webkit-border-radius: 0 0 13px 13px;
	z-index:10;
}

ul#menus li:hover ul
{
	display:block;
}

ul#menus li ul li a,
ul#menus li.menu1 ul li a,
ul#menus li.menu2 ul li a,
ul#menus li.menu3 ul li a,
ul#menus li.menu4 ul li a,
ul#menus li.menu5 ul li a,
ul#menus li.menu6 ul li a,
ul#menus li.menu7 ul li a
{
	color:white;
	padding:7px 0;
	width:108px;
	margin:0;
	height:auto;
}

ul#menus ul li
{
	display:block;
	background:none;
	text-transform: none;
	height:auto;
	font-weight:normal;
	text-align: center;
	border-bottom: 1px solid white;
	list-style:none;
}

ul#menus ul li.first
{
	margin-top:2px;
}

ul#menus ul li.last
{
	margin-bottom:2px;
	border:0;
}

ul#menus li.menu1 ul
{
	width:108px;
}

ul#menus li.menu2 ul,
ul#menus li.menu4 ul
{
	width:106px;
}

ul#menus li.menu3 ul
{
	width:107px;
}

ul#menus li.menu5 ul
{
	width:105px;
}

ul#menus li.menu6 ul
{
	width:104px;
}

ul#menus li.menu7 ul
{
	width:105px;
	left:0;
}

#meteo
{
	margin-top:2px;
	height:32px;
}

#contenu
{
	width:616px;
	margin-left:60px;
	float:left;
	margin-bottom:30px;
	height:auto!important;
	min-height:450px;
	height:450px;
}

#sidebar
{
	width:330px;
	float:right;
}

ul#menusidebar
{
	width:249px;
	margin:0;
	padding:0;
	list-style: none;
	margin-left:auto;
}

ul#menusidebar li,
ul#menusidebar li a
{
	width:249px;
	margin:0;
	padding:0;
	list-style: none;
	display:block;
	height:28px;
	line-height:28px;
	text-decoration: none;
}

ul#menusidebar li
{
	margin-bottom:15px;
}

ul#menusidebar li a
{
	background: url('../img/sidebar.jpg') left top no-repeat;
	font-size:16px;
	color:white;
	text-transform: uppercase;
	padding-left:70px;
	width:179px;
}

ul#menusidebar li.sidebar1 a { background: url('../img/sidebar1.jpg') left top no-repeat;	 }
.bas-2 ul#menusidebar li.sidebar1 a { background: url('../img/sidebar1b.jpg') left top no-repeat;	 }
.bas-3 ul#menusidebar li.sidebar1 a { background: url('../img/sidebar1c.jpg') left top no-repeat;	 }
ul#menusidebar li.sidebar2 a { background: url('../img/sidebar2.jpg') left top no-repeat;	 }
.bas-2 ul#menusidebar li.sidebar2 a { background: url('../img/sidebar2b.jpg') left top no-repeat;	 }
.bas-3 ul#menusidebar li.sidebar2 a { background: url('../img/sidebar2c.jpg') left top no-repeat;	 }
ul#menusidebar li.sidebar3 a { background: url('../img/sidebar3.jpg') left top no-repeat;	 }
.bas-2 ul#menusidebar li.sidebar3 a { background: url('../img/sidebar3b.jpg') left top no-repeat;	 }
.bas-3 ul#menusidebar li.sidebar3 a { background: url('../img/sidebar3c.jpg') left top no-repeat;	 }
ul#menusidebar li.sidebar4 a { background: url('../img/sidebar4.jpg') left top no-repeat;	 }
.bas-2 ul#menusidebar li.sidebar4 a { background: url('../img/sidebar4b.jpg') left top no-repeat;	 }
.bas-3 ul#menusidebar li.sidebar4 a { background: url('../img/sidebar4c.jpg') left top no-repeat;	 }
ul#menusidebar li.sidebar5 a { background: url('../img/sidebar5.jpg') left top no-repeat;	 }
.bas-2 ul#menusidebar li.sidebar5 a { background: url('../img/sidebar5b.jpg') left top no-repeat;	 }
.bas-3 ul#menusidebar li.sidebar5 a { background: url('../img/sidebar5c.jpg') left top no-repeat;	 }

.menuDroite
{
	margin-left:auto;
	display:block;
}

#contenu
{
	font-family: Arial;
	font-size:14px;
	font-style: italic;
	color:#9b9eac;
}

#contenu p
{
	line-height:19px;
}

h1
{
	font-size: 24px;
	color:#9b9ead;
	font-style: italic;
	border-bottom:2px solid #9b9eac;
	padding-bottom:3px;
}

h2
{
	font-size: 36px;
	color:#9b9ead;
	font-style: normal;
	font-weight:bold;
}

h3
{
	background:#9b9eac;
	padding:7px;
	color:white;
	font-weight: bold;
}

h4
{
	font-size: 22px;
	line-height: 30px;
	color:#9b9ead;
	font-style: italic;
	font-weight:normal;
}

.sep
{
	border-bottom:2px solid #9b9eac;
	height:1px;
}

strong, b
{
	font-weight: bold;
}

/* Page "Depuis 1957" */
.blocgauche1957
{
	width:318px;
	padding-right:12px;
	float:left;
	margin-top:32px;
}
.blocdroite1957
{
	width:268px;
	padding-left:16px;
	float:right;
	margin-top:32px;
	border-left:2px solid #9b9eac;
}
.bloc1957
{
	vertical-align: bottom;
	position:relative;
	padding-bottom:18px;
	margin-bottom:15px;
	border-bottom:2px solid #9b9eac;
}
.bloc1957.last
{
	padding-bottom:0px;
	margin-bottom:0px;
	border-bottom:0;
}
.bloc1957 .bottom
{
	position:absolute;
	bottom:18px;
	right:0;
	width:187px;
}
.blocdroite1957 .bloc1957 .bottom
{
	bottom:18px;
	width:140px;
}
.bloc1957 img
{
	float:left;
	border:3px solid #9b9eac;
	margin-right:10px;
}
.bloc1957 h2.last
{
	margin-bottom:5px;
}
.bloc1957 img.last
{
	float:none;
	margin-right:0px;
	margin-bottom:9px;
}
.bloc1957 .bottom.last
{
	bottom:0;
}

/* Page "Votre arrivée" */
.votrearrivee h3
{
	margin-top:31px;
	margin-bottom:13px;
}

.votrearrivee .gauche
{
	float:left;
	width:240px;
	font-size:12px;
	line-height:16px;
}

.votrearrivee .droite
{
	float:left;
	width:376px;
	font-size:12px;
	line-height:16px;
}

#contenu .votrearrivee .gauche p,
#contenu .votrearrivee .droite p
{
	line-height:16px;
}

.votrearrivee .sep
{
	margin-top:29px;
	margin-bottom:23px;
}

.votrearrivee h4
{
	margin-bottom:20px;
}

.votrearrivee img.droite
{
	float:left;
	height:auto;
	width:auto;
	margin-left: 30px;
}

.votrearrivee img.gauche
{
	float:left;
	height:auto;
	width:auto;
	margin-right: 30px;
}

.votrearrivee .justify
{
	font-size:13px;
	text-align: justify;
	width:360px;
	float:left;
}
#contenu .votrearrivee .justify p
{
	line-height:18px;
}

.bas-2 #contenu,
.bas-2 #contenu p,
.bas-2 #contenu div,
.bas-2 #contenu h1,
.bas-2 #contenu h2,
.bas-2 #contenu h3,
.bas-2 #contenu h4,
.bas-2 #contenu h5,
.bas-2 #contenu h6,
.bas-2 #contenu a
{
	color:white;
	border-color: white;
}

.bas-2 #contenu h2
{
	font-size: 20px;
	font-style: italic;
	border-bottom:2px solid white;
	padding-bottom:3px;
	font-weight: normal;
}

.bas-2 #contenu h2 span
{
	font-weight: bold;
	font-size:15px;
	margin-left:10px;
	position:relative;
	top:-2px;
}


.bas-2 #contenu p
{
	font-weight: bold;
	margin-bottom:4px;
}

/* Page "Les Services" */
.lesservices .iconeGauche
{
	height:34px;
	width:34px;
	float:left;
	margin-right:15px;
}

.lesservices .descDroite
{
	float:left;
	min-height:34px;
	margin-bottom:10px;
}

.lesservices .titreService.current a
{
	color:#00a9c5;
}

.lesservices .titreService a
{
	color:#9b9eac;
	text-decoration: none;
}
.lesservices .titreService
{
	font-size:16px;
	line-height:34px;
	font-weight: bold;
	font-style: italic;
}

.lesservices .descriptionService
{
	padding:18px 24px;
	background:#00a9c5;
	width:349px;
	display:none;
}
#contenu .lesservices .descriptionService p
{
	color:white;
	font-size: 12px;
	line-height: 14px;
	font-style: normal;

}

/**********************************************/

/* Page "La Plage" */
.laplage .gauche
{
	width:295px;
	float:left;
	margin-top:38px;
}
.laplage .droite
{
	width:292px;
	float:right;
	margin-top:38px;
}

.laplage .gauche img,
.laplage .droite img
{
	margin-bottom:26px;
}

#contenu .laplage .droite p,
#contenu .laplage .gauche p
{
	text-align: justify;
}

/* Page "Film du camping" */
.filmcamping h1
{
	margin-bottom:32px;
}
.filmcamping .youtube
{
	margin-top:17px;
	margin-bottom:17px;
}

/* Page "Sun beach" */
.sunbeach h1
{
	margin-bottom:23px;
}
.sunbeach .contenu img
{
	float:left;
	width:150px;
	margin-right:20px;
}
.sunbeach .contenu .texte
{
	float:left;
	width:445px;
}
#contenu .sunbeach .contenu .texte p
{
	text-align: justify;
}

/* Page "Paralia Beach Club" */
.paraliabeachclub h1
{
	margin-bottom:26px;
}
.paraliabeachclub .contenu img
{
	float:left;
	width:217px;
	margin-right:20px;
}
.paraliabeachclub .contenu2 img
{
	float:left;
	width:191px;
	margin-left:20px;
	margin-right:0px;
}
.paraliabeachclub .contenu .texte
{
	float:left;
	width:379px;
}
.paraliabeachclub .contenu2 .texte
{
	float:left;
	width:405px;
}
#contenu .paraliabeachclub .contenu .texte p
{
	text-align: justify;
}
#contenu .paraliabeachclub .contenu
{
	border-bottom:2px solid #9b9eac;
	margin-bottom:35px;
}
#contenu .paraliabeachclub .contenu2
{
	margin-bottom:5px;
}

/* Page "Croqu' Mediterranee" */
.croqumediterranee h1
{
	margin-bottom:28px;
}
.croqumediterranee .texte p
{
	text-align: left;
	margin-bottom:8px;
	text-align: justify
}
.croqumediterranee .texte
{
	width:454px;
	float:left;
}
.croqumediterranee img.gauche
{
	width:131px;
	float:left;
	margin-right:31px;
}

/* Page "Les commerces" */
.lescommerces h1
{
	margin-bottom:28px;
}
.lescommerces .texte p
{
	text-align: left;
	margin-bottom:8px;
}
.lescommerces .texte
{
	width:306px;
	float:left;
	margin-right:20px;
}
.lescommerces .images
{
	width:290px;
	float:left;
}
.lescommerces .images img.gauche
{
	width:132px;
	float:left;
	margin-right:26px;
	margin-bottom:26px;
}
.lescommerces .images img.droite
{
	width:132px;
	float:left;
	margin-bottom:26px;
}

/* Page "Chalet 2 personnes" */
.chalet2personne h1
{
	margin-bottom:30px;
}
.chalet2personne h2
{
	margin-bottom:15px;
}
.chalet2personne .texte
{
	float: left;
	width: 369px;
}

.chalet2personne .images
{
	width:247px;
	float:left;
}
.chalet2personne .images .vignette
{
	width:73px;
	float:left;
}

.chalet2personne .images .separation
{
	height:14px;
}
.chalet2personne .images .vignette.middle
{
	margin-left:14px;
	margin-right:14px;
}

/* Pages générales oltra pearl */
.bas-3,
.bas-3 h1,
.bas-3 h2,
.bas-3 h3,
.bas-3 h4,
.bas-3 h5,
.bas-3 h6,
.bas-3 p
{
	color:white;
	border-color:white;
}
.bas-3 h1
{
	padding-bottom:10px;
}


/* Page "Cottages de luxe" */
.cottagedeluxe h1
{
	margin-bottom:17px;
	padding-bottom:10px;
}

.cottagedeluxe .gauche1
{
	float:left;
	width:335px;
}

.cottagedeluxe .droite1 img
{
	max-width: 100%;
}

.cottagedeluxe .droite1
{
	float:right;
	width:255px;
}

.cottagedeluxe .gauche2
{
	float:left;
	width:270px;
}

.cottagedeluxe .droite2 img
{
	max-width: 100%;
}

.cottagedeluxe .bump
{
	margin-bottom:15px;
}
.cottagedeluxe .droite2
{
	float:right;
	width:330px;
}

.cottagedeluxe .droite2 p,
.cottagedeluxe .gauche1 p
{
	text-align: justify;
}

/* Page "Tarifs et réservations PEAL" */
.tarifspearl h1
{
	margin-bottom:10px;
	padding-bottom:10px;
}

.tarifspearl h2
{
	font-size:14px;
	font-weight: bold;
}

/* Page "Vos privilèges" */
.tarifspearl h3
{
	margin-bottom:10px;
	padding-bottom:10px;
}

.privileges h3
{
	background:none;
	padding:0;
	color:#fcc409;
	font-size:13px;
	font-weight:bold;
	font-style: italic;
	margin-bottom:15px;
	margin-top:25px;
}

.privileges .gauche
{
	float:left;
	width:366px;

}

.privileges .droite img
{
	max-width: 100%;
	margin-bottom:25px;
}
.privileges .droite
{
	float:right;
	width:207px;
	margin-top:25px;

}

.privileges .description,
.privileges .description p
{
	text-align: justify;
}


/* Page "Clubs Oltra" */
.bas-5 .clubsoltra h1
{
	margin-bottom:10px;
}

.bas-5 .clubsoltra .lesclubs
{
	text-align:center;
	margin:35px auto 45px auto;
}

.bas-5 .clubsoltra h2
{
	font-size: 20px;
	color:#9b9ead;
	font-style: italic;
	border-bottom:2px solid #9b9eac;
	padding-bottom:3px;
	font-weight: normal;
	margin-bottom:20px;
	margin-top:45px;
}

.bas-5 .clubsoltra .contenu1,
.bas-5 .clubsoltra .contenu2,
.bas-5 .clubsoltra .contenu3,
.bas-5 .clubsoltra .contenu4,
.bas-5 .clubsoltra .contenu5
{
	margin:0;
}

.bas-5 .clubsoltra .contenu1 h2
{
	color:#dc005c;
	border-color:#dc005c;
}

.bas-5 .clubsoltra .contenu2 h2
{
	color:#ef8200;
	border-color:#ef8200;
}

.bas-5 .clubsoltra .contenu3 h2
{
	color:#009ee0;
	border-color:#009ee0;
}

.bas-5 .clubsoltra .contenu4 h2
{
	color:#7bb51e;
	border-color:#7bb51e;
}

.bas-5 .clubsoltra .gauche
{
	width:110px;
	margin-right:25px;
	float:left;
}

.bas-5 .clubsoltra .droite
{
	float:right;
	width:480px;
}

/* Page "Nos animations" en général */
.bas-5 h1
{
	margin-bottom:25px;
}

.bas-5 .gauche
{
	width:150px;
	margin-right:25px;
	float:left;
}

.bas-5 .droite
{
	float:right;
	width:440px;
}

.bas-5 .contenu1,
.bas-5 .contenu2,
.bas-5 .contenu3,
.bas-5 .contenu4,
.bas-5 .contenu5
{
	margin-bottom:30px;
}

#footer
{
	background:#00a9c5;
	/*height:29px;*/
	color:white;
	font-family: arial;
	font-size: 11px;
	line-height:14px;
	overflow:visible!important;
}

#footer .containerFooter
{
	/*height:auto!important;*/
	/*height:29px;*/
	/*min-height:29px;*/
	width:1015px;
	margin:0 auto;
	position:relative;
	overflow:visible!important;
	/*background:url('../img/footer.jpg') bottom right no-repeat;*/
}

#footer .container
{
	min-height:145px;
	/*background:url('../img/footer.jpg') bottom right no-repeat;*/
	position:relative;
	overflow:hidden;
}

#footer .containerFooter .plus
{
	position:absolute;
	top:-14px;
	right:31px;
	background:url('../img/plus.jpg') top left no-repeat;
	width:28px;
	height:29px;
	display:block;
	text-decoration: none;
}



#footer .container a:hover
{
	color:#fbc408;
}

#footer .container a
{
	display:block;
	margin-bottom:2px;
	text-decoration: none;
	color:white;
}

#footer .containerFooter .facebook
{
	position:absolute;
	top:-14px;
	right:64px;
	background:url('../img/facebook.jpg') top left no-repeat;
	width:28px;
	height:29px;
	display:block;
	text-decoration: none;
}

#footer .container h6
{
	color:white;
	text-transform: uppercase;
	font-size:15px;
	margin-top:7px;
	font-family: Verdana;
	margin-bottom:15px;
}


#footer .containerFooter .mail
{
	position:absolute;
	top:-14px;
	right:98px;
	background:url('../img/mail.jpg') top left no-repeat;
	width:28px;
	height:29px;
	display:block;
	text-decoration: none;
}

#footer .container .contact_footer,
#footer .container .communaute_footer,
#footer .container .liens_footer
{
	position:absolute;
	top:5px;
	/*display:none;*/
	height:104px;
}

#footer .container .contact_footer
{
	width:260px;
	left:65px;
	background:top right repeat-y url('../img/sep1.jpg');
}

#footer .container .contact_footer a
{
	display:inline;
}


#footer .container .communaute_footer
{
	width:276px;
	left:404px;
	background:top right repeat-y url('../img/sep2.jpg');
}


#footer .container .liens_footer .gaucheLien
{
	float:left;
	width:175px;
	margin-left:5px;
}

#footer .container .liens_footer .droiteLien
{
	float:left;
	width:140px;
}

#footer .container .liens_footer
{
	width:320px;
	left:695px;
}

#footer .container .contact_footer h6
{
	line-height:11px;
	background:top left no-repeat url('../img/mailFooter.jpg');
	padding-left:22px;
}

#footer .container .communaute_footer h6
{
	line-height:18px;
	min-height:18px;
	background:top left no-repeat url('../img/fbFooter.jpg');
	padding-left:12px;
	margin-top: 3px
}

#footer .container .liens_footer h6
{
	line-height:11px;
	min-height:13px;
	background:top left no-repeat url('../img/plusFooter.jpg');
	padding-left:23px;
}

#slideControl
{
	background:url('../img/sliderBas.png');
}

.slidePoint.current
{
	background:url('../img/slideBlue.png') top center;
}

.slidePoint
{
	width:10px;
	height:12px;
	background:url('../img/slideWhite.png') top center;
	display:inline-block;
	position: relative;
	top: 7px;
	cursor:pointer;
}

#slider
{
	background:white;
}

.header_title
{
	position: absolute;
	right:0;
	top:5px;
	color:white;
	font-size:14px;
	font-family:'Myriad Pro', Myriad, Arial, verdana, serif;
}

.footer_title
{
	text-align:center;
	margin-top:27px;
	padding-bottom:27px;
}
.bloc-j {
  background-color:#FBC508;
  border: 1px solid #fff26a;
  border-radius: 10px;
  color: #fff;
  padding: 2px; 
}
#footer a.bloc-j:hover {
  color: #fff;
}
.center-t {
margin:auto;
text-align:center;
}