/*
	Style sheet Cook and Book
	Created by GRIFFE
	http://www.griffe.be
	
*/


/* GENERAL
----------------------------------------------------------------------------------------------------*/

html {
	height:100%;
	}

body {
	margin:0px 0px 0px 0px;
	width:100%;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
	}

a {
	color:#999999;
	text-decoration:none;
	cursor:pointer;
	}
	
a:hover {
	color:#FF0000;
	text-decoration:none;
	}

a:hover, a:focus, a:active, a:visited { 
	outline: none;
  }	

ul {
	list-style:none;
	}	
	

a img {
	margin: 0;
	padding: 0px;
	border: 0;
  }

p {
	margin:0;
	padding:0;
	border:0;
	}
	
li {
	line-height: 1.3em;
	}	
	
.regular {
	font-size:14px;
	font-weight:normal;	
	}	

.spacer {
	clear:both;
	}
	
.puce {
	padding:5px 0 0 0;
	}
	
.vidimg {
	margin:5px 0 0 0;
	}		

/* LAY-OUT
----------------------------------------------------------------------------------------------------*/
  
#container {
	margin:0 auto;
	width:860px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height */
	min-height:100%; /* real browsers */
	background-image:url(../imgs/dropshad_860.png);
	background-repeat:repeat-y;
	}

/* --------------------------------- */

/* Header */

#header {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:800px;
	}
	
#logo {
	margin: 0;
	width: 300px;
	float: left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 50px;
	padding-left: 0;
	}	
	
#job {
	margin: 0;
	width: 80px;
	float: left;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	text-align: right;
	}		
	
#macaron {
	margin: 0;
	width: 320px;
	text-align: right;
	float: right;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 17px;
	padding-left: 0;
	}	

#push01 {	
	float:left;
	width:722px;
	}

#path {
	margin:20px 0 0 0;
	padding:3px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}
	
#path2 {
	margin:0;
	padding:3px 0;
	border-bottom:1px solid #ccc;
	}

	
/* --------------------------------- */

/* Content */

#content {
	width: 800px;
	height: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	}

#preview {
	}
	
	
a.prevlink {
	float:right;
	display:block;
	padding:5px;
	background:#FF0000;
	color:#FFFFFF;
	}
	
a.prevlink:hover {
	float:right;
	display:block;
	padding:5px;
	background:#666;
	color:#FFFFFF;
	}				
	
#librairies, 
#restaurants,
#agenda
	{
	float:left;
	width:170px;
	margin:0 40px 0 0 ;
	padding:0;	
	border:0;
	}

#galerie {
	float:left;
	width:170px;
	margin:0;
	padding:0;	
	border:0;
	}

#links {
	margin:0;
	padding:0;
	border:0;
	}	
  
.homepic {
	border:0;
	margin:20px 0 0 0;
	padding:0;
	}

#rightcol,	
#leftcol {
	float:left;
	width:80px;
	margin:0;
	padding:50px 0;
	border:0;
	}
		
#midcol {
	float:left;
	width:440px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	margin:50px 80px 0 80px;
	padding:0 0 40px 0;
	}
	
#midcolselect {
	float:left;
	width:500px;
	border-right:1px solid #ccc;
	margin:50px 0 0 0;
	}
	
#midcolselect02 {
	float:left;
	width:800px;
	margin:20px 0 0 0;
	}	
	
#rightcolselect {
	float:left;
	}
	
#selectmenu {
	position:fixed;
	margin:50px 0 0 0;
	padding:35px 0 0 70px;
	background:url(../imgs/menuselect_bg05.png);
	background-repeat:no-repeat;
	height:196px;
	width:318px;
	}				
	
#coupdecoeur {
	float:left;
	width:480px;
	padding:20px 0 20px 0;
	border-bottom:1px solid #ccc;
	}
		
#cdctext {
	float:left;
	width:290px;
	margin:0;
	padding:0;
	}
	
#cdcvisu {
	float:left;
	width:170px;
	margin:0 20px 0 0;
	}
	
.bannerevent {
	margin:20px 0 0 0;
	}					
	
#libtext {
	float:left;
	margin:0 20px 0 40px;
	width:170px;
	}					

#libpic {
	float:left;
	margin:0 20px 20px 0;
	width:170px;
	}
	
.piclib {
	margin:0 0 20px 0;
	}

.piclib02 {
	margin:15px 0 20px 0;
	}	
	
#accessleft {
	float:left;
	width:375px;
	padding:0 20px 0 0;
	margin:20px 0 20px 0;
	border-right:1px solid #ccc;
	}

#agendanews {
	margin:20px 0 0 0;
	border-bottom:1px solid #ccc;
	}

#agendaleft {
	float:left;
	margin:0;
	padding:0 0 20px 0;
	width:400px;
	}

#agendaright {
	float:left;
	padding:0 0 20px 20px;
	width:380px;
	}

#agendacont {
	margin:20px 0 0 0;
	padding:0 0 10px 0;
	}
	
ul#recapdates {
	font-size:14px;
	line-height:20px;
	padding:0;
	width:100%;
	border:1px 1px 0 1px dotted #ccc;
	}

ul#recapdates li.titagenda{
	font-size:14px;
	font-weight:bold;
	background:#FF0000;
	color:#FFF;
	padding:5px;
	}
	
ul#recapdates li a{
	border-bottom:1px dotted #ccc;
	display:block;
	padding:5px;
	}

ul#recapdates li a:hover {
	background:#e5e5e5;
	}
	
.dates, .events, .espaces, .news, .news-text {
	display:block;
	float:left;
	}
	
.dates {
	width:180px;
	}

.events {
	width:430px;
	font-weight:bold;
	}	
	
.espaces {
	width:150px;
	}
	
.news {
	width: 50px;
	}
	
.news-text {
	width: 85%;
	padding-top: 8px;
	}
	
.dates_canceled, .events_canceled, .espaces_canceled {
	display:block;
	float:left;
	}
	
.dates_canceled {
	width:180px;
	text-decoration:line-through;
	color:red;
	}

.events_canceled {
	width:430px;
	font-weight:bold;
	text-decoration:line-through;
	color:red;
	}	
	
.espaces_canceled {
	width:150px;
	text-decoration:line-through;
	color:red;
	}			

#contactop {
	margin:20px 0 0 0;
	border-bottom:1px solid #ccc;
	padding:0 0 20px 0;
	}

#fort-jaco {
	margin:10px 0 0px 0;
	border-bottom:1px solid #ccc;
	padding:0 0 25px 0;
	}
	
#fort-jaco2 {
	margin:10px 0 0px 0;
	padding:0 0 15px 0;
	}
	
#contactopright {
	float:left;
	}

#selectopleft {
	float:left;
	}
	
#contactopleft {
	float:left;
	width:400px;
	}
		
#accessright {
	float:left;
	width:375px;
	padding:0 0 0 20px;
	margin:20px 0 20px 0;
	}
	
#accessepleft {
	float:left;
	width:375px;
	padding:0;
	margin:41px 0 0 0;
	border-bottom:1px solid #ccc;
	}

#accessepright {
	float:left;
	width:375px;
	margin:10px 0 0 0; 
	border-bottom:1px solid #ccc;
	}
	
#menuplan_01 {
	float:left;
	margin:0 10px 0 0;	
	}				

#menuplan_02 {
	float:left;
	margin:0;	
	}
	
#menuplan_03 {
	float:left;
	margin:0;	
	}
	
#menuplan_01link a {
	width:182px;
	height:260px;
	display:block;
	background:url(../imgs/resto_menu_a_link.jpg) top left no-repeat;
	}
	
#menuplan_01link a:hover {
background:url(../imgs/resto_menu_a_link.jpg) top right no-repeat;
	}						

#menuplan_01blink {
	width:182px;
	height:260px;
	display:block;
	}

#menuplan_02link a {
	width:182px;
	height:260px;
	display:block;
	background:url(../imgs/resto_plan_link.jpg) top left no-repeat;
	}
	
#menuplan_02link a:hover {
background:url(../imgs/resto_plan_link.jpg) top right no-repeat;
	}	
	
#menuplan_03link a {
	width:182px;
	height:260px;
	display:block;
	background:url(../imgs/resto_menu_b_link.jpg) top left no-repeat;
	}
	
#menuplan_03link a:hover {
background:url(../imgs/resto_menu_b_link.jpg) top right no-repeat;
	}

/* OBJETS
----------------------------------------------------------------------------------------------------*/

#objets, #objetsright {
	border:1px #CCCCCC dotted;
	padding:5px;
	width:238px;
	margin-bottom:30px;
	float:left;
	}

#objets {
	margin-right:25px;	
	}
	
#objetstext {
	line-height:17px;	
	}
	
#objetslink {
	border-top:1px #CCCCCC dotted;
	padding-top:5px;
	margin-top:10px;
	}
	
	
/* SKATEBOARDS
----------------------------------------------------------------------------------------------------*/

#skates, #skatesright {
	border:1px #CCC dotted;
	padding:5px;
	width:173px; /* real 183 */
	margin-bottom:30px;
	float:left;
	}

#skates {
	margin-right:20px;	
	}
	
#skatestext {
	line-height:17px;
	padding-bottom:20px;	
	}
	
#skateslink {
	border-top:1px #CCCCCC dotted;
	padding-top:5px;
	margin-top:10px;
	}				


/* PRESSE
----------------------------------------------------------------------------------------------------*/

#presscover {
	margin-right:15px;
	margin-bottom:30px;
	float:left;
	}
	
#presscoverpic {
	border:1px #CCCCCC dotted;
	padding:5px;
	}
	
#presscovertext {
	line-height:17px;
	padding:11px 0 0 11px;
	}
	
	
/* PRESSE - VIDEOS VIMEO
----------------------------------------------------------------------------------------------------*/

#vimeo {
	margin-right:15px;
	margin-bottom:30px;
	float:left;
	}
	
#vimeovid {
	border:1px #CCCCCC dotted;
	padding:5px;
	}
	
#vimeotext {
	line-height:17px;
	padding:11px 0 0 11px;
	}				

/* GALERIE EVENT
----------------------------------------------------------------------------------------------------*/
#text_event {
	float:left;
	width:500px;
	margin:0 0 20px 0;	
	}
	
#visu_event {
	float:left;
	margin:0 0 0 50px;
	}	


/* FDL
----------------------------------------------------------------------------------------------------*/

#fdl_head_left, #fdl_head_right {
	float:left;
	color:#FF0000;
	margin:0 0 20px 0;		
	}
	
#fdl_head_left {
	font-size:20px;
	line-height:25px;
	width:500px;		
	}
	
#fdl_head_right {
	font-size:14px;
	line-height:18px;
	width:300px;		
	}
	
#themefdl_left, #themefdl_mid, #themefdl_right {
	float:left;	
	}
	
#themefdl_left {
	height:159px;
	width:173px;
	background:url(../imgs/fdl_2010/fdl_champi_big.png);
	background-repeat:no-repeat;
	margin:20px 0 0 0;
	}
	
#themefdl_right {
	height:204px;
	width:189px;
	background:url(../imgs/fdl_2010/fdl_house.png);
	background-repeat:no-repeat;
	}
	
#themefdl_mid {
	font-size:14px;
	line-height:23px;
	height:100px;
	width:438px;
	text-align:center;
	background:url(../imgs/fdl_2010/fdl_theme_tit.gif);
	background-repeat:no-repeat;
	background-position:top center;
	margin:20px 0 50px 0;
	padding:60px 0 0 0;
	}
	
p.fdl01 {
	background:url(../imgs/fdl_2010/fdl_champi_small.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding:0 0 10px 30px;
	margin:0 0 10px 0;
	border-bottom:1px dotted #CCC;
	line-height:20px;	
	}
	
p.fdl02 {
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	border-bottom:1px dotted #CCC;
	line-height:20px;	
	}
	
/* --------------------------------- */
/* ROLL */

#wrapper {
	height:0;
	width:860px;
	position:absolute;
	margin-top:20px;
	background:#FF00FF;
	}

#roll_right {
	right:0;
	background:url(../imgs/fdl_2010/fdl_roll_right.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:78px;
	width:10px;
	}
	
a #roll_left {
	right:10px;
	background:url(../imgs/fdl_2010/fdl_roll_left.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:57px; /* real height 69px */
	width:307px; /* real width 327px */
	color:#FFF;
	font-size:14px;
	padding:12px 0 0 20px;
	line-height:19px;
	}
	
a #roll_left:hover {
	float:right;
	background:url(../imgs/fdl_2010/fdl_roll_left_on.png);
	background-repeat:no-repeat;
	background-position:top left;
	}						

/* --------------------------------- */
/* ROLL CINE */

#roll_cine_right {
	float:right;
	background:url(../imgs/cine_2010/cine_roll_right.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:78px;
	width:10px;
	}
	
a #roll_cine_left {
	float:right;
	background:url(../imgs/cine_2010/cine_roll_left.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:57px; /* real height 69px */
	width:307px; /* real width 327px */
	color:#FFF;
	font-size:14px;
	padding:12px 0 0 20px;
	line-height:15px;
	}
	
a #roll_cine_left:hover {
	float:right;
	background:url(../imgs/cine_2010/cine_roll_left_on.png);
	background-repeat:no-repeat;
	background-position:top left;
	}	

/* --------------------------------- */
/* ROLL RENTREE */

#wrapper2 {
	height:0;
	width:862px;
	position:absolute;
	margin-top:5px;
	background:#FF00FF;
	}
	
a #roll_rentree {
	float:right;
	background:url(../imgs/rentreelit_2010/rentree_roll.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:91px;
	width:296px;
	}	
	
a #roll_rentree:hover {
	float:right;
	background:url(../imgs/rentreelit_2010/rentree_roll_on.png);
	background-repeat:no-repeat;
	background-position:top left;
	}	

/* --------------------------------- */
/* CANCELED*/

#canceled {
	background:#FF0000;
	padding:20px;
	color:#FFFFFF;
	width:600px;
	margin:100px 0 0 50px;
	text-align:center;
	font-size:30px;
	font-weight:bold;
	position:absolute;
	}
	
a.cancel {
	color:#FFFFFF;
	}
	
a.cancel:hover {
	color:#000000;
	}

/* NAVIGATIONS
----------------------------------------------------------------------------------------------------*/

/* Menu Langues */

#menulang {
	float:left;
	margin:0;
	padding:0;
	display:block;
	width:77px;
	height:20px;
	}	

#menulang li  {
	display:block;
	float:left;
	font-size:10px;
	margin:0px 0px 0px 6px;
	line-height:20px;
	background-color:#CCC;
	}
	
#menulang li a  {
	display:block;
	color:#FFFFFF;
	line-height:20px;
	padding:0px 3px 0px 3px;
	}	

#menulang li a:hover {
	background-color:#FF0000;
	padding:0px 3px 0px 3px;
	}

/* --------------------------------- */

/* Menu Principal */

#navigation {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #999;
	font-weight:bold;
	}
	
#navigation .place{
	color: #0099FF;
}

#navigation li {
	float: left;
	}
	
#navigation li .clicked{
	color:#FF0000;
	}
		
#navigation a, #navigation span {
	display: block;
	padding:0 30px 0 0;
	color: #999;
	text-decoration: none;
	}
			
#navigation .toggleSubMenu a, #navigation .toggleSubMenu span {
	background:#FFF;
	}
					
#navigation .open a, #navigation .open span {
	background:#FFF;
	}
		
#navigation a:hover, #navigation a:focus, #navigation a:active {
	color:#FF0000;
	}
			
#navigation .subMenu {
	font-size:10px;
	margin: 0;
	padding: 0;
	}
			
#navigation ul.subMenu li {
	clear:both;
	}	
			
#navigation ul.subMenu a {
	background: none;
	padding: 2px;
	}
	
#navigation ul.subMenu a.red {
	color:#FF0000;
	}	

/* --------------------------------- */

#icones {
	border-bottom:1px solid #ccc;
	height:18px;
	margin:0 0 20px 0;
	}

.clicked	{
	color:#FF0000;
	}
	
a.clicked	{
	color:#FF0000;
	font-weight:bold;
	}
	
a.clicked:hover {
	color:#FF0000;
	text-decoration:underline;	
	}			
	
.clicked02	{
	color:#FF0000;
	font-weight:bold;
	}	

.titres {
	font-size:14px;
	}
	
.titreblue {
	font-size: 14px;
	color: #0099ff;
	text-transform: uppercase;
	font-weight: bold;
	}
	
.selectitbloca, .selectitblocb, .selectitblocred {
	display:block;
	font-weight:bold;
	font-size:14px;	
	padding:0 5px 0 0;
	margin:0 0 20px 0;
	}

.selectitbloca {
	color:#85bd43;
	}

.selectitblocb {
	color:#e64097;
	}
	
.selectitblocred {
	color:#FF0000;
	}		
	
.selectitgreen, .selectitpink, .selectitred {
	display:block;
	text-transform:uppercase;
	font-weight:bold;
	font-size:14px;	
	color:#FFFFFF;
	padding:0 5px 0 5px;
	margin:0 0 20px 0;
	}
	
.selectitpink {
	background:#e64097;
	}
	
.selectitgreen {
	background:#85bd43;
	}
	
.selectitred {
	background:#FF0000;
	}
	
.selectitred2 {
	display:block;
	font-weight:bold;
	font-size:14px;	
	color:#FFFFFF;
	padding:5px;
	margin:0 0 20px 0;
	background:#FF0000;
	}	
	
.selectitgray {
	display:block;
	font-weight:bold;
	font-size:14px;	
	color:#FFFFFF;
	padding:5px;
	margin:0 0 20px 0;
	background:#CCC;
	}		

.selectdesc  {
	display:block;
	float:left;
	margin:0 5px 10px 0;
	padding:0 5px 0 5px;
	font-weight:bold;
	color:#FFFFFF;
	background:#CCC;
	line-height:15px;
	}

.titgraybg  {
	display:block;
	float:left;
	margin:20px 0;
	font-weight:bold;
	color:#FFFFFF;
	background:#CCC;
	line-height:15px;
	padding:0 5px 0 5px;
	}
	
.titgraybg2  {
	display: block;
	float: left;
	font-weight: bold;
	color: #FFFFFF;
	background: #CCC;
	line-height: 15px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	}
	
.titbluebg  {
	display:block;
	float:left;
	margin:0px 0 15px 0;
	font-weight:bold;
	color:#FFFFFF;
	background:#0099FF;
	line-height:15px;
	padding:0 5px 0 5px;
	}

a.titgraybg:hover {
	background:#FF0000;
	}
	
a.titgraybg  {
	display:block;
	float:left;
	margin:20px 0;
	font-weight:bold;
	color:#FFFFFF;
	background:#CCC;
	line-height:15px;
	padding:0 5px 0 5px;
	}
	
a.titgraybg:hover {
	background:#FF0000;
	}		

.titgreenbg  {
	display:block;
	float:left;
	margin:0 0 10px 0;
	font-weight:bold;
	color:#FFFFFF;
	background:#85bd43;
	line-height:15px;
	padding:0 5px 0 5px;
	}
	
.titpinkbg  {
	display:block;
	float:left;
	margin:0 0 10px 0;
	font-weight:bold;
	color:#FFFFFF;
	background:#e64097;
	line-height:15px;
	padding:0 5px 0 5px;
	}			

.titpinkbgselect  {
	display:block;
	float:left;
	margin:8px 0 20px 5px;
	font-weight:bold;
	color:#FFFFFF;
	background:#e64097;
	padding:0 2px 0 2px;
	}

a.titgreenbglink  {
	display:block;
	float:left;
	font-weight:bold;
	color:#FFFFFF;
	background:#85bd43;
	line-height:15px;
	margin:0 0 5px 0;
	padding:0 5px 0 5px;
	clear:both;
	}

a.titgreenbglink:hover {
	background:#e64097;
	}
	
a.titpinkbglink  {
	display:block;
	float:left;
	font-weight:bold;
	color:#FFFFFF;
	background:#e64097;
	line-height:15px;
	margin:0 0 5px 0;
	padding:0 5px 0 5px;
	clear:both;
	}

a.titpinkbglink:hover {
	background:#85bd43;
	}	
	
a.titgreenbglink02  {
	display:block;
	float:left;
	margin:10px 0 0 0;
	font-weight:bold;
	color:#FFFFFF;
	background:#85bd43;
	padding:0 5px 0 5px;
	margin:20px 0 10px 0;
	clear:both;
	}

a.titgreenbglink02:hover {
	background:#e64097;
	}
	
a.titpinkbglink02  {
	display:block;
	float:left;
	margin:10px 0 0 0;
	font-weight:bold;
	color:#FFFFFF;
	background:#e64097;
	padding:0 5px 0 5px;
	clear:both;
	}

a.titpinkbglink02:hover {
	background:#85bd43;
	}			
	
.titgreen {
	font-weight:bold;
	color:#85bd43;	
	}
	
.titwolu {
	font-weight:bold;
	color:#918973;	
	}	

a.titgreen {
	font-weight:bold;
	color:#85bd43;	
	}
	
a.titgreen:hover {
	color:#e64097;	
	}

.titpink {
	font-weight:bold;
	color:#e64097;	
	}
		
a.titpink {
	font-weight:bold;
	color:#e64097;	
	}
	
a.titpink:hover {
	color:#85bd43;	
	}						

a.titgreenb {
	font-size:10px;
	font-weight:bold;
	color:#85bd43;	
	}
	
a.titgreenb:hover {
	color:#FF0000;	
	}
	
a.titpinkb {
	font-size:10px;
	font-weight:bold;
	color:#e64097;	
	}
	
a.titpinkb:hover {
	color:#FF0000;	
	}
		
.small {
	font-size:10px;
	}		
	
#mini {
	font-size:9px;
	text-align:right;
	margin-right:20px;
	padding:3px 20px 0 0;
	background:url(../imgs/up.gif);
	background-repeat:no-repeat;
	background-position:top right;
	height:20px;
	}

#mini2 {
	font-size:9px;
	text-align:right;
	margin:0 0 10px 0;
	padding:3px 20px 0 0;
	background:url(../imgs/up.gif);
	border-top:1px solid #ccc;
	background-repeat:no-repeat;
	background-position:top right;
	height:20px;
	}			

/* ATMOSPHERE
----------------------------------------------------------------------------------------------------*/

p#atmos {
	width:222px; /* 237 */
	padding:140px 5px 0 10px;
	height:413px;	
	float:right;
	}
	
.atmostext {
	font-weight:bold;
	color:#579ef8;
	}
	
a.atmoslink {
	font-weight:bold;		
	}
	
a.atmoslink:hover{			
	}	
		
#homevisu_atmos {
	background:url(../imgs/homepreview/atmosconcours_home.jpg) top left no-repeat;
	height:413px;
	width:800px;
	}	


/* CLEAR
----------------------------------------------------------------------------------------------------*/

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	}
	
.clear2 {
	clear: both;
	width: 0;
	height: 0;
	}			

/* FOOTER
----------------------------------------------------------------------------------------------------*/
#footer {
	margin:30px 0 0 0;
	padding:20px 0;
	border-top:1px solid #ccc;
	text-align:center;
	vertical-align:baseline;
	}