@charset "UTF-8";
/* CSS Document VVVVVVV*/

/*  Color Scheme:

	#ec008c - original Pink
	Alt (évian)
	#FFF0E0 - Light cream
	#B26C77 - Shady Pink
	#FFB3BF - Light Pink
	#7BB3CC - Light Blue
	#75A0B2 - Shady Blue

	#A08060 - Café au Lait
	#A07020 - Tabac
	#503720 - Brown Ink
	#704030 - Cacao
543c2c
	#584030 - terre de Sienne
*/

body {
	font-family:"Comic Sans MS", cursive, "Lucida Console", sans-serif;

/**** FROM DEFAULT.CSS    **********************/
	background-image:url(../Images/bg_overall.jpg);
	background-repeat:repeat-x;
	background-color:#def2fa;
	background-attachment:fixed;
	background-position:top auto;
}

.clear { clear:both; }

.NoBuffer { 
	margin: 0px; 
	padding: 0px; 
}

.floatLeft { float:left; }


/* ############################## */
/*  General TEMPLATE class rules  */
/* ############################## */

.Backdrop {
	width:998px;
	height:666px;
	background-color:#ffffff;
	background-position:top center;
	margin: 0 101px 0 101px;
}
	
.wrap_overall {
	width:946px;
	margin: 0px auto;
}

header {
	background-image:url(../Images/FabAcademy2014BCN_sketch.png);
	background-repeat:no-repeat;
	background-position:top center;
	height:166px; /* 176px */
	display:block;
}
.headerLeft {
	width:460px;
	height:150px;
	margin:5px 5px 0px 5px;
	padding:0;
	float:left;
}

.headerRight {
	width:460px;
	height:150px;
	margin:5px 5px 0px 8px;
	padding:0;
	float:right;
}

nav {
	margin:0px;
	padding:0px 0px; /* 0px 40px */
	background-image:url(../Images/bg_navBar.png);
	height:42px;
	background-repeat:no-repeat;
	background-position:top center;
}

/*.wrap_content {
	margin: 0px 0px 0px 0px;
	padding: 0px 26px 0px 0px;
	width: 945px;
	height: 387px;
}*/


.content {
	/* margin: 5px 0 5px 0; */
	background-image:url(../Images/bg_ContentArea.png);
	background-position:top center;
	background-repeat:no-repeat;
	margin: 0px 26px 0px 26px;
	padding: 0px 0px 0px 0px;
	width: 945px;
	height: 387px; /* 387px */
	float:left;
	overflow:auto;
	
}

footer {
	border-top: 1px solid #DFDFDF;
	margin: 5px 0px 0px 0px;
	
	text-align:center;
	font-size:12px;
	
}

/* ###################### */
/*  General HEADER rules  */
/* ###################### */

header img.logo{
	margin:12px 0 0 4px;
}

header img.baseline{
	margin:0 0 0 4px;
}

header h2 {
	margin:0;
	
	padding:10px 40px 0 0;
	/*  #A08060 - Café au Lait  */
	/*  #ec008c - original Pink  */
	color:#A08060;
	text-decoration:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:right;
	font-size:28px;
	line-height:24px;
	
}

figure {
   /*background-color: #fff;
   padding: 5px;
   font-size: .875em;*/
   display: table;
   /*float:right;*/
}
figure.fltLEFT { float:left; }
figure.fltRIGHT { float:right; }

figure img {
    display: block;
    max-width: 100%;
}

figcaption {
    display: table-caption;
    caption-side: bottom;
    /*background: #fff;
    padding: 0 5px 5px;*/
}​



.captionzzzzz { 
	/*width: image width px;*/
	margin: 4px;
	text-align:left;
	font-style: italic;
	font-weight:lighter;
	color:#4c422e;
	font-size: 80%;
	float:right; 
}
.imgLEFT_captionzzzzz { 
	margin: 4px;
	text-align:left;
	font-style: italic;
	font-weight:lighter;
	color:#4c422e;
	font-size: 80%;
	float:left; 
}


/* ########################## */
/*  General NAVIGATION rules  */
/* ########################## */
/*.navText*/
.nav_main {
	margin:0px 0px 8px 0px;
	padding:0px;
}

.menu-items, .menu-items ul {
/**/	margin:0px;
    padding: 0px 20px;
	list-style: none;
}
/* Main menu  ------------------------------------------*/
.menu-items {
	float: left;
}
.menu-items > li{
	float: left;
}

.menu-items >li {
	display: block;
    height: 44px;
    padding: 0px 38px;
/*	background:#6CF;
*/	line-height: 40px;
    text-decoration: none;
	color:#584030;
/**/	opacity:0.8;	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:19px;
	font-weight:normal;
	font-stretch:80%;
}
/* visited link 
a:visited {
color: #00FF00;
}*/

.menu-items >li a {
	opacity:0.9;	

}
/*.menu-items >li a:visited {
	color:#fff080;	
}*/

.menu-items > li:hover > a {
	color:#584030;
/**/	opacity:1;
	
}
/*.menu-items > li:hover > a:visited {
	color:#fff080;
	opacity:1;
	
}*/
/* Submenu  ---------------------------------*/

.menu-items ul {
	position: absolute;
	display: none;
	z-index: 999;
}
/*.menu-items ul li {
    width: 80px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	height:28px;
	text-decoration:none;
	font-size:12px;
	font-stretch:75%;
	line-height:14px;
	color:#ffffff;
	opacity:0.67;	
}*/
.menu-items ul li {
/*    width: 80px;*/
	padding: 0px;
	margin: 0px 0px 0px 0px;
	height:28px;
	text-decoration:none;
	font-size:12px;
	font-stretch:75%;
	line-height:14px;
	color:#ffffff;
	opacity:0.75;	

}
.menu-items ul li a {
	opacity:1;	
}
.menu-items ul li a:visited {
	color:#fff080;	
}
.menu-items li:hover ul.noJS {
	display: block;
	color:#e7e3e0;
}
.menu-items li:hover ul {
	background-color:#584030;/*#5C8FE7*/
	width: 144px;
	margin: 0px;
	padding: 0px 4px;
	color:#e7e3e0;

/**/	opacity:0.95;
}
/*.menuBar ul:hover li a { */
.menu-items li:hover ul li:hover{
	background-color: #402c20;
	color:#FFFFFF;
	margin: 0px -24px;
	padding: 0px 4px;
/**/	opacity: 1;
}


/* ########################### */
/*  CONTENT typesetting rules  */
/* ########################### */
.charZoom { font-size:130%; line-height:0;}
.quoted { margin: 2px 12px 2px 12px; font-style:italic;}

.content_zone p {
	margin: 0px;
	padding: 2px 0px 4px 12px;
	text-align:left;
	font-size:13px;
	font-weight:lighter;
	line-height:normal;
}
.content_zone li {
	margin: 0px;
	font-size:13px;
	font-weight:lighter;
	line-height:normal;
}
.content_zone li.ProcessArea_1 {
	color:#0000A0;
	padding: 2px 36px 0px 0px;
}
.content_zone li.ProcessArea_2 {
	color:#A00000;
	padding: 2px 0px 0px 72px;
}
.content_zone li strong{
	font-weight:bold;
}
.content_zone li.ProcessArea_1 strong{
	color:#4080FF;
}
.content_zone li.ProcessArea_2 strong{
	color:#FF8040;	
}
/*
	#A08060 - Café au Lait
	#A07020 - Tabac
	#704030 - Cacao
*/
.content_zone figcaption {
	font-size:11px;
	text-align:left;
	font-style: italic;
	font-weight:lighter;
	color:#4c422e;
}
.content_zone img{
	margin:5px 2px;
}

.content_zone p strong{
	font-weight:bold;
	color:#A08060;
}
.content_zone h1, h2, h3 {
	margin: 0px;
	font-weight:bold;
	color:#704030;
	text-align:left;
}
.content_zone h3 {
	padding: 5px 0px 1px 0px;
	font-size:15px;
	list-style:circle;
}
.content_zone h2 {
	padding: 6px 0px 4px 0px;
	font-size:19px;
	color:#A07020;
}
.content_zone h1 {
	padding: 7px 0px 6px 0px;
	font-size:25px;
}


/* ==================================== */

/* ######################### */
/*  footer NAVIGATION rules  */
/* ######################### */

.navFooter ul {
	margin:9px 100px;
	padding:0px;
	
}

.navFooter ul li {
	margin:0;
	padding:0 36px;
	list-style:none;
	display:inline;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	
}

.navFooter ul li a {
	margin:0px;
	padding:0px;
	color:#333333;
	text-decoration:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	
}

.navFooter ul li a:hover {
	text-decoration:underline;
	background-color:#EDEDED;
}


/* ####################################################### */

footer ul {
	margin:4px;
	padding:0px;
	
}

footer ul li {
	margin:0;
	padding:0 32px;
	list-style:none;
	display:inline;
/*	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
*/}

footer ul li a {
	color:#333333;
	text-decoration:none;
}

footer ul li a:hover {
	text-decoration:underline;
	background-color:#EDEDED;
	color:#1133AA;
}



/* ###################### */
/*  General FOOTER rules  */
/* ###################### */