/******************/
/* GENERAL LAYOUT */
/******************/

/* RESET ALL STYLES */
body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, blockquote {
	padding: 0;
	margin: 0;
}	

/* html for FIREFOX, body for IE, to take 100% of thepage */
html, body {
	height:100%;  
	overflow:hidden;
}

/* prends toute la page en vertical, centr� en horizontal */
#wrapper {
	background-color:#AF9E97;
	width: 985px;
	height: 100%;
	margin-left:auto; /* HORIZONTAL CENTERING FOR ALL BROWSERS */
	margin-right:auto;
}

#outer {
	display: table; 
	height: 100%;  
	#position: relative;
	verflow: hidden;
}

#middle {
	#position: absolute; 
	#top: 50%;
	display: table-cell; 
	vertical-align: middle; 
}
 
#inner { /* contient le contenu */
	#position: relative; 
	#top: -50%;
	position:relative; /* le position:relative qui figure en inline permet de mettre le point de reference des div internes */
	
	/* SITE SPECIFIC : color + size*/
	background-color:#937e74; /*bg color du contenu */
	width:985px;
	height:571px;
	}

.greenBorder{
	border:0px solid #009966;
	}




/***************************************************************/
/* SITE SPECIFIC LAYOUT 			*/
/***************************************************************/

body { font-family: "Century Gothic",Verdana, Helvetica, sans-serif; background-color:#AF9E97} 

#main 		{ height:474px; position:relative; } /*partie color�e du site, au-dessus de la navigation basse */

/************/
/* MENUS    */
/************/
#menu_top ul,
#menu_bottom ul,
#menu_bottom_right_1 ul,
#menu_bottom_right_2 ul,
#menu_nav_pics { list-style-type:none; }

#menu_top ul a,
#menu_bottom ul a,
#menu_bottom_right_1 a,
#menu_bottom_right_2 a { color: #FFFFFF; font-size:14px; text-decoration:none; padding-left:14px;  letter-spacing:1px; border:thin #000000 none}

#menu_bottom ul a,
#menu_bottom_right_1 a,
#menu_bottom_right_2 a { font-weight:bold ;}

#menu_bottom_right_1 li,
#menu_bottom_right_2 li { margin-top:-2px;} /* espace vertical entre �l�ments !!IE7 SPECIAL ie7.css!! */

/************/
/* MENU TOP */
/************/
#menu_top 	{ position:absolute; top:30px; left:280px; }
#menu_top ul li { display:inline;}
#menu_top ul li a { margin-right:38px; background:url(/img/topmenu_bttn.gif) no-repeat left 5px; }
#menu_top ul li a:hover { background-position:0 -14px; }

/******************************************/
/* MENUS BOTTOM */
/******************************************/
#menu_bottom ul a:hover,
#menu_bottom_right_1 ul a:hover,
#menu_bottom_right_2 ul a:hover { color:#FFFFFF; background:url(/img/topmenu_bttn.gif) no-repeat 0 -14px; }

/********************/
/* MENU BOTTOM LEFT */
/********************/

#menu_bottom { position:absolute; top:481px; right:475px; }
#menu_bottom { border-right: 1px solid ; border-color: #FFFFFF; text-align:right; padding-right:21px; }
#menu_bottom ul { padding-top:5px; padding-bottom:5px;} /* reglage hauteur de la barre verticale */


/**********************/
/* YOU ARE HERE LINKS */
/**********************/
body#specific0 a#specific0Link,
body#specific1 a#specific1Link,
body#specific2 a#specific2Link,
body#specific3 a#specific3Link,
body#specific4 a#specific4Link,
body#specific5 a#specific5Link,
body#specific6 a#specific6Link,
body#specific7 a#specific7Link  { background:url(/img/topmenu_bttn.gif) no-repeat; background-position:0 -14px; color:#FFFFFF; }

/**********************/
/* MENU BOTTOM RIGHT 1*/
/**********************/
#menu_bottom_right_1 { position:absolute; top:479px; left:519px; }

/**********************/
/* MENU BOTTOM RIGHT 2*/
/**********************/
#menu_bottom_right_2 { position:absolute; top:479px; left:680px; }

/****************************************/
/* MENU BOTTOM RIGHT 
/* YOU ARE HERE LINKS 
/****************************************/
#menus_bottom ul li a#current { color:#FFFFFF; background:url(/img/topmenu_bttn.gif) no-repeat 0 -14px; } /* overrides property de specific car specifity superieur (due � #current)


/*****************/
/* MENU NAV PICS */
/*****************/

#menu_nav_pics 	{ position:absolute; top:440px; left:402px; z-index:100; } /* before : left 532 */

#menu_nav_pics ul li { display:inline;}

#menu_nav_pics ul a { color: #FFFFFF; text-decoration:none; font-size:12px; letter-spacing:1px; padding:1px 5px; line-height:200%;height:40px; background-color: #000000}

#menu_nav_pics ul a:hover { color: #000000; background-color:#FFFFFF }

/* precedent suivant */
/*#menu_nav_pics ul a.precsuiv { border:1px white solid}*/


/********/	
/* PIC */ 
/********/
#pic { position:absolute; top:71px; left:0px;width:985px; height:340px;}

	
/********/	
/* LOGO */ 
/********/

#demilogohaut { position:absolute; top: 427px; left: 51px; width: 92px; height: 47px; } /* l'url de demilogohaut est specific */
#demilogobas { position:absolute; top: 474px; left: 44px; width:103px; height:52px; background:url(/img/logo_demi-bas.gif) no-repeat top left;z-index:10;}
#liensiteartsdelatable { position:absolute; top: 506px; left: 134px; width:154px; height:20px; background:url(/img/bttn-site-arts-de-la-table.gif) no-repeat top left;z-index:11;}
#liensiteartsdelatable a {display:block; width:154px; height:20px}


/***********************/
/* FIORITURES FLORALES */
/***********************/
#floral_haut { position:absolute; top: 0px; left: 0px; width: 300px; height:310px; background-repeat::no-repeat; background-position: top left}
#floral_bas { position:absolute; bottom: 0px; right: 0px; width: 455px; height:415px;}


/***********************/
/* CONTENT */
/***********************/

#content { position:relative; width:100%; height:100%; }

h1 { font-size:24px; color:#FFFFFF; font-weight:normal;letter-spacing:1px;}
p {font-size:11px; color:#FFFFFF; margin-top:10px; letter-spacing:1px;}

p p { margin-top:5px; }

#ctt_accueil {line-height:150%; }

#ctt_references a,
#ctt_contacts a {color:#FFFFFF; border-bottom-color: #FFFFFF; border-bottom-width:1px; border-bottom-style:dotted;text-decoration:none}
#ctt_references a:hover,
#ctt_contacts a:hover {border: #FFFFFF none; border-bottom-style:solid; border-bottom-width:1px;}

#ctt_contacts p { padding-bottom: 15px; }