/************************************************************************
							LACANAUOCEAN.COM CSS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	File 		kappuccino.css
	Model		mk1
	Date		2012-04-11
************************************************************************/



/************************************************************************
STRUCTURE 
************************************************************************/

body{
	background-color: #006699;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

}




#header{
	margin:0px;
	padding:0px;
	width:999px;
	background-color: #000000;	
}




#header a:link,
#header	a:visited,
#header	a:hover,
#header	a:active,
#header	a:focus{
	color: #0099CC;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	}
	
	#header	a:hover{
	color: #ffffff;
	text-decoration: none;
	}


#container{
	width:999px;
	margin:0px auto;
	padding:0px;
	background-color: #004d84;
  font-family: 'verdana', serif;
  color: #cccccc;
  font-size: 12px;
  font-style: normal;
}


#footer{
	clear:both;
	width:999px;
	height:110px;
	margin:0px;
	padding:0px 0px 0px 0px;
}




.clearing{
	height: 0px;
	clear: both;
	padding: 0px;
	margin: 0px;
	font-size: .1em;
}

form{
	margin:0px;
	padding:0px;
}
	form label{
		display:inline;
		float:left;
		width:160px;
		margin:5px 2px 5px 10px;
	}


.optimizer,
.iso88591{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;

	}






#DivLogoLacanau
 {
	position:absolute;
	width:999px;
	height:151px;
	z-index:800;
	overflow: visible;
	visibility: visible;
}


#DivPhotoLacanau
 {
	position:absolute;
	width:999px;
	height:466px;
	z-index:20;
	visibility: visible;
	overflow: hidden;
}
#DivPhotoLacanau img
 {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


#DivMenu
 {
	position:absolute;
	width:999px;
	height:115px;
	z-index:500;
	visibility: visible;
	overflow: visible;
	color: #0099CC;
	margin-top: 380px;

}



#DivMenu img
 {
	margin: 2px;
	padding: 0px;
	border: thin solid #FFFFFF;	
}
#DivMenu table
 {
	background-color: #333333;
}

#DivLacanau {
	position:absolute;
	width:640px;
	height:250px;
	z-index:100;
	visibility: hidden;
	padding-left: 5px;
	padding-top: 150px;
	background-image: url(../image/info-languette.png);
	background-repeat: no-repeat;
	background-position: 0px 150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;



}




#DivHistoire {
	position:absolute;	width:640px;
	height:250px;
	z-index:101;
	visibility: hidden;
    padding-left: 30px;
	padding-top: 150px;	background-image: url(../image/info-languette.png);
	background-repeat: no-repeat;
	background-position: 10px 150px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;


}



#DivActivite {
	position:absolute;	width:640px;
	height:250px;
	z-index:102;
	visibility: hidden;
    padding-left: 85px;
	padding-top: 150px;	background-image: url(../image/info-languette.png);
	background-repeat: no-repeat;
	background-position: 50px 150px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;



}



#DivHebergement {
	position:absolute;	width:640px;
	height:250px;
	z-index:110;
	visibility: hidden;
    padding-left: 130px;
	padding-top: 150px;	background-image: url(../image/info-languette.png);
	background-repeat: no-repeat;
	background-position: 110px 150px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;



}





#DivRestaurant {

	position:absolute;	width:640px;
	height:250px;
	z-index:105;
	visibility: hidden;
	padding-left: 255px;
	padding-top: 150px;
	background-image: url(../image/info-languette.png);
	background-repeat: no-repeat;
	background-position: 240px 150px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;


}






#DivCommerce {

	position:absolute;	width:640px;
	height:250px;
	z-index:111;
	visibility: hidden;
	padding-left: 320px;
	padding-top: 150px;
	background-image: url(../image/info-languette.png);
	background-repeat: no-repeat;
	background-position: 290px 150px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;



}



#DivArtisan {
	position:absolute;
	width:600px;
	height:250px;
	z-index:112;
	visibility: hidden;
	padding-left: 450px;
	padding-top: 150px;
	background-image: url(../image/info-languette.png);
	background-repeat: no-repeat;
	background-position: 350px 150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	clear: right;

}



a:link,a:visited,a:hover,a:active,a:focus,a:hover {
	color: #ffffff;
	text-decoration: underline;

	
	}
	
	a:hover {
	color: #0099cc;
	text-decoration: none;


	}


.menuhaut {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}
#AdsenseHaut {
	position:fixed;
	width:969px;
	height:250px;
	z-index:50;
	top: 30px;
}




/************************************************************************
COLONNE DE HAUT (COLTOP) 
************************************************************************/


#colTop{
	width:600px;
	float:left;
	padding-left:10px;
padding-top:500px;
	text-align: justify;
}

	

/************************************************************************
COLONNE DE GAUCHE (COLLEFT) 
************************************************************************/


#colLeft{
	width:300px;
	float:right;
	text-align:left;
	padding-right:10px;
	padding-top:500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}
	



}

#colCenter{
	width:600px;
	float:left;
	padding-left:10px;
	color: #FFFFFF;	
	
}

	
	
/************************************************************************
COLONNE DE BAS (COLBOTTOM) 
************************************************************************/

#colBottom{
	width:960px;
	float:left;
	padding-left:10px;
	padding-right:10px;
	background-color: #0099cc;	

}

#colBottom a:link,
#colBottom	a:visited,
#colBottom	a:hover,
#colBottom	a:active,
#colBottom	a:focus{
	color: #ffffff;
	text-decoration: none;
	}
	
	#colBottom a:hover{
	color: #000000;
	text-decoration: none;
	}
	
#colBottom h2 {
	font-family: 'Yanone Kaffeesatz', serif;
	font-size: 32px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.078em;
	word-spacing: -0.017em;
	line-height: 1.02;
	color: #ffffff;
	text-align: left;
	padding-top: 5px;
}
#colBottom h3 {
	font-family: 'Yanone Kaffeesatz', serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.078em;
	word-spacing: -0.017em;
	color: #000000;
		text-align: left;
	
}


h1 {
	font-family: 'Yanone Kaffeesatz', serif;
	font-size: 32px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.078em;
	word-spacing: -0.017em;
	line-height: 1.02;
	color: #FF9900;
	text-transform: uppercase;
	text-align: left;
}


H1 a:link
{
	color: #FF9900;
	text-decoration: none;
	}

h2 {
	font-family: 'Yanone Kaffeesatz', serif;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.078em;
	word-spacing: -0.017em;
	color: #0099CC;
	text-align: left;	
}



ul,li {
	list-style-type: none;
	text-indent: 0px;
	margin: 0px;
	padding: 0px;	
}

input {
	background-color: #3BBAE3;
	width: 180px;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
	border: thin solid #2E526C;
	text-decoration: underline blink;
}

/************************************************************************
	SIMPLETEXTE
************************************************************************/

#simpleTexte{
	width:640px;
	float:left;
	padding-left:30px;
	padding-top:500px;
	text-align: justify;
  color: #ffffff;
}

#simpleTexte p{
}

#simpleTexte h1{


}
#simpleTexte h2{

}

#simpleTexte h3{

}



/************************************************************************
BLOCS
************************************************************************/





/************************************************************************
BLOC DE GAUCHE
************************************************************************/
#blockLeft{
	margin:0px;
	padding-left:5px;

}

#blockLeftend{
}


#blockLeft a{
	color: #99ccff;
}


#blockLeft h1{

	font-size: 24px;
	color: #FF9900;
	text-indent: 5px;
	font-variant: normal;
	text-transform: uppercase;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
}
#blockLeft h2{

	font-size: 12px;
	color: #0066CC;
	font-weight: normal;
	text-indent: 10px;
	line-height: 22px;
}



#blockLeftcontent{
text-indent: 5px;
}


/************************************************************************
BLOC DE HAUT (BLOC TOP)
************************************************************************/

#blockTop{

}
	#blockTop .content{
	}
	
#blockTop h1{

}
#blockTop h2{

}
#blockTop h3{

}

#blockTop h4{
}

/************************************************************************
BLOC DE CENTRE (BLOCK CENTER)   
************************************************************************/

#blockCenter{
}
	#blockCenter .content{
	}
	
#blockCenter h1{

}
#blockCenter h2{


}
#blockCenter h3{
}

#blockCenter h4{
}

/************************************************************************
BLOC DE BAS (BLOCK BOTTOM)
************************************************************************/


#blockBottom{
}
	#blockBottom.content{
	}
	
#blockBottom h1{

}
#blockBottom h2{


}









/************************************************************************
	NEWS	
************************************************************************/

#newsTemplate{
		width:640px;
	float:left;
	padding-left:30px;
		padding-top:500px;
	text-align: justify;
}


/************************************************************************
NEWS INDEX : Mise en page de la News sur la page index (introduction)
Titre news : H1
Sous Titre : H2
************************************************************************/
#newsTemplate #index{
}

#newsTemplate #index img{
	margin:5px;
}
#newsIndexTemplate {

	width:640px;
	float:left;
	padding-left:30px;
	text-align: justify;

}

#newsIndexTemplate h1{

}

#newsIndexTemplate h2{

}

#newsIndexTemplate h3{

}


/************************************************************************
NEWS DETAIL : Mise en page de la News complete
Titre news : H1
Sous Titre : H2
************************************************************************/

#newsDetailTemplate {
	width:640px;
	float:left;
	padding-left:30px;
	text-align: justify;
}
#newsDetailTemplate img{
	margin:5px;
	}

#newsDetailTemplate h1{

}

#newsDetailTemplate h2{

}

#newsDetailTemplate h3{


}


	

	
	
/************************************************************************
NEWS PRINT VERSION : Mise en page de la News format imprimable
Titre news : H1
Sous Titre : H2
************************************************************************/
	

#newsTemplate #print{
	text-align: right;
}

#newsPrintVersion{
	width: 480px;
	padding: 10px;
	border: 1px solid #999999;
	color: #000000;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#newsPrintVersion h1{
	display:block;
	width:500px;
	color:#999999;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#newsPrintVersion h2{
	display:block;
	width:500px;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color:#003366;
	border-top:1px solid #003399;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}









/************************************************************************
PIKACHOOSE GALLERIE PHOTO
************************************************************************/



.pikachoose{
	width:640px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
/* This is the ul you have all your images in */
.pikachoose ul{
	padding-left:0px;
	width:640px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}



.pikachoose ul li{
	float: left;
	padding:0px;
	margin:0 15px 8px 0;
	position:relative;
	overflow:hidden;
	border: thin solid #ffffff;
}
.pikachoose ul li div img{position:relative;cursor:pointer; }

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:640px;display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{
	position:absolute;
	top:0px;
	left:0px;
	padding: 0px;
	border: thin solid #ffffff;
}
.pika_back_img{
	position:relative;
	top:0px;
	left:0px;
	padding: 0px;
}
.pika_subdiv{
	padding: 0px;
}
.pika_subdiv img, .pika_subdiv a img{


}
.pika_caption{width:580px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:470px;width:100px;background:url('../image/rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:470px;width:100px;background:url('../image/fastf.png') top right no-repeat;}