/* =======================================================================
 * This stylesheet gathers styles used to define the struture of the html
 * documents.
 *
 * The styles here are related to the positionning of the main elements in
 * the page :
 * - the position of header, footer, menus, banners is defined here ;
 * - the general layout of the page is defined here ( eg. one, two or
 * three columns) ;
 * - styles for positionning other elements (eg. the site map levels).
 *
 * The stylesheet "page_template_styles.css" is to be used for formatting
 * styles related to colors, fonts, aspect of the page elements.
 *
 * ========================================================================
 */



/* border:nones are for NN4 */
html
{
	margin: 0px;
	padding: 0px;
}


div
{
	margin: 0px;
	padding: 0px;
}

.clear {
	clear: both;
}
/* CSS HACK: only for NN4, so now use Caio hack to cleanse palette */
/*/*/ .clear { display: none; } /* */




/* ====================================================================
=====================     COLUMNS LAYOUT     ==========================
=======================================================================  */


/* =====================================================================
 * --------------     styles for a 1 column layout     -----------------
 * ===================================================================== */
/*
 * > one-column-col1
 * 		>> one-column-col1-content
 */

#one-column-col1
{
	width: 600px;
}


#one-column-col1-content
{
	border: none;
	color: #000000;
	padding-left:5px;
	padding-right:5px;
}


/* ====================================================================
 * ------------     styles for a 2 columns layout     -----------------
 * ==================================================================== */
/*
 * > two-column-col1
 * 		>> two-column-col1-content
 * > two-column-col2
 * 		>> two-column-col2-content
 */

#two-columns-col1
{
	float: left;
	width: 66%;
}

/* CSS HACK: Caio hide from NN4 since NN4's float model is all wrong */
/*/*/
#two-columns-col2
{
	margin-left: 66%;
}
/* */

#two-columns-col1-content
{
	border: none;
	color: #000000;
	padding-left:10px;
	padding-right:5px;
}
#two-columns-col2-content
{
	border: none;
	color: #000000;
	padding-left:5px;
	padding-right:10px;
}

/*POUR DES COLONNES EGALES*/
#two-columns-col1-2
{
	float: left;
	width: 50%;
}

/* CSS HACK: Caio hide from NN4 since NN4's float model is all wrong */
/*/*/
#two-columns-col2-2
{
	margin-left: 50%;
}
/* */

#two-columns-col1-content-2
{
	border: none;
	color: #000000;
	padding-left:10px;
	padding-right:5px;
}
#two-columns-col2-content-2
{
	border: none;
	color: #000000;
	padding-left:5px;
	padding-right:10px;
}

/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */
/*/*/
#two-columns-col1, #two-columns-col2, h2
{ p\osition: relative; }
/* */


/* =====================================================================
 * --------------     styles for a middle column layout     -----------------
 * ===================================================================== */
/*
 /*
 * > middle-column-col1
 * 		>> middle-column-col1-content
 * > middle-column-col2
 * 		>> middle-column-col2-content
 */
 
 #middle-columns-float
{
	float: left;
	width: 100%;
}

#middle-columns-col1
{
	float: left;
	width: 50%;
}

/* CSS HACK: Caio hide from NN4 since NN4's float model is all wrong */
/*/*/
#middle-columns-col2
{
	margin-left: 50%;
}
/* */

#middle-columns-col1-content
{
	border: none;
	color: #000000;
	padding-left:10px;
	padding-right:5px;
}
#middle-columns-col2-content
{
	border: none;
	color: #000000;
	padding-left:5px;
	padding-right:10px;
}

/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */
/*/*/
#middle-columns-float, #middle-columns-col1, #middle-columns-col2, h2
{ p\osition: relative; }
/* */



/* ====================================================================
 * ------------     styles for a 3 columns layout     -----------------
 * ==================================================================== */
/* > three-column-float
 * 		>> three-column-col1
 * 			>>> two-column-col1-content
 * 		>> three-column-col2
 * 			>>> two-column-col2-content
 * > three-column-col3
 * 		>> two-column-col3-content
 */

#three-columns-float
{
	float: left;
	width: 75%;
}

#three-columns-col1
{
	float: left;
	width: 33%;
}

/* CSS HACK: Caio hide from NN4 since NN4's float model is all wrong */
/*/*/
#three-columns-col2
{
	margin-left: 33%;
}
#three-columns-col3
{
	margin-left: 75%;
}
/* */

#three-columns-col1-content
{
	border: none;
	color: #000000;
	padding-left:10px;
	padding-right:5px;
}
#three-columns-col2-content
{
	border: none;
	color: #000000;
	padding-left:5px;
	padding-right:5px;
}
#three-columns-col3-content
{
	border: none;
	color: #000000;
	padding-left:5px;
	padding-right:10px;
}

/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */
/*/*/
#three-columns-float, #three-columns-col1, #three-columns-col2, #three-columns-col3, h2
	{ p\osition: relative; }
/* */





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







/* ====================================================================
=================     HEADER & FOOTER LAYOUT     ======================
=======================================================================  */


/* ====================================================================
 * -------------      styles for header elements      -----------------
 * ==================================================================== */

/* -------------------------------------------------------------------- */
/* styles for the div "header".
 * This div contains a div "banner" & a div "banner-right" */
/* See "page_template_styles.css" for formatting styles */
#header
{
	margin: 0px;
}
#banner
{
	float: left;
	width: 600px;
}
/* CSS HACK: Caio hide from NN4 since NN4's float model is all wrong */
/*/*/
#banner-right
{
	text-align:right;
}

/* -------------------------------------------------------------------- */
/* styles for the div  "menu tools".
 * This div contains a div "tools" & a div "search" */
/* See "page_template_styles.css" for formatting styles */
#menu-tools
{
	margin: 0px;
}
/* These styles allows to set the search box's position */
#tools
{
	float: left;
	width: 500px;
}
/* CSS HACK: Caio hide from NN4 since NN4's float model is all wrong */
/*/*/
#search
{
	margin-right: 10px;
	text-align:right;
}


/* -------------------------------------- */
/* styles for the main menu ("menu-main") */
/* See "page_template_styles.css" for formatting styles */
#menu-main
{
	margin: 0px;
}

/* -------------------------------- */
/* styles for the page path */
/* See "page_template_styles.css" for formatting styles */
#page-path
{
	margin: 0px;
}





/* ====================================================================
 * ---------------      styles for footer elements      ---------------
 * ==================================================================== */
/* See "page_template_styles.css" for formatting styles */
#footer
{
	clear: both;
}



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





/* ====================================================================
=========================     VARIOUS     =============================
=======================================================================  */


/* ====================================================================
 * -----------------      styles for the site map     -----------------
 * ==================================================================== */

div.site-map-level-one
{
	margin-left:30px;
	clear:both;
}
/* Postion of the image displayed for level one  */
div.site-map-level-one div.level-one-image-position
{
	float:left;
	width:80px;
	margin-right:10px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:20px;
	border: 1px solid #f7941d;
}
/* Position of level one children */
div.site-map-level-one div.level-one-children-position
{
	margin-left:100px;
	margin-bottom:20px;
}

div.site-map-level-two
{
	margin-left:30px;
	margin-bottom:10px;
	margin-top:5px;
}
div.site-map-level-highest
{
	margin-left:30px;
	margin-bottom:5px;
	margin-top:5px;
}