/* =======================================================================
 * 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.
 *
 * ========================================================================
 */


body
{
   margin: 0; /* to avoid margins */ 
   text-align: center; /* to correct IE centering bug */
}

body.pop-up
{
    text-align: left;
    padding: 10px;
}

/* To be able to center a page on all browsers, we use a container for al  the elements on the page */
#global-container 
{
	/* used to center the page */
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	text-align: left; /* to bring back the normal alignment */
}


/* */
.clear {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; 
	padding:0;
	background:transparent;
}


/* =====================================================================
 * -----------------     Style for quick-search     --------------------
 * ===================================================================== */
#quick-search 
{
	float: right;
	height:20px;
	border-left: 1px solid #333366;
	padding-left:2px;
	padding-right:2px;
}

#quick-search form, #quick-search label,#quick-search input, #quick-search p
{ 
	margin: 0px;
}

#quick-search label
{
    color: #260650;
    font-weight: bold;
}

#searchfield
{ 
	height: 13px;	
	vertical-align: middle;
}

#searchbutton
{ 
	color: white;
	background-color: #EE9C00;
	border: none;
	font-size: 90%;
	font-weight: bold;
	padding: 0;
	vertical-align: middle;
	height: 15px;
	margin:0;
	cursor: pointer;
	cursor: hand;
}


/* =====================================================================
 * -----------------     Style for menu-tools     ----------------------
 * ===================================================================== */

#menu-tools a
{
	z-index:2;
	position:absolute;
	top:3px;
	color:white;
	font: myriad, arial, verdana, sans-serif;
	font-size:12px;
	text-decoration:none;
}

#menu-tools-background
{
	position:absolute;
	top:0px;
	left:0px;
	height:21px;
	width:252px;
	z-index:1;
}

#link_accueil
{
	left:5px;
}

#link_plan_site
{
	left:68px;
}

#link_contact
{
	left:257px;
}

#link_competic
{
	left:160px;
	
}

/* =====================================================================
 * -------------------    Style for menu-main    -----------------------
 * ===================================================================== */
#menu-main 
{
	margin: 0;
}

#page-path 
{
	float:right;
}


/* =====================================================================
 * -----------------    Style for page-content    ----------------------
 * ===================================================================== */
/* The page-content area should contain the main content of the page organized depending on the layout wanted */
#page-content 
{
	clear:both;
	padding:15px 0 0 223px;
}

/* =====================================================================
 * --------------     styles for a 1 zone layout     -----------------
 * ===================================================================== */
/* Positioning style for a one-zone layout */
/*
 * > one-zone-first
 * 		>> one-zone-first-content
 */
#one-zone-first 
{
	padding-left: 5px;
}

/* ====================================================================
 * ------------     styles for a 2 zones layout     -----------------
 * ==================================================================== */
/* Positioning styles for a two-zones layout */
/*
 * > two-zones-first
 * 		>> two-zones-first-content
 * > two-zones-second
 * 		>> two-zones-second-content
 */

#two-zones-first 
{
	float: left;
	padding-left: 5px; /* large*/
	margin-top:0;
	padding-top:0;
	width:455px;
}
#two-zones-second 
{
	margin-top:0;
	padding-top:0;
	margin-left: 470px; /* mega large 745*/
}
#two-zones-first-content
{
	padding-left: 5px;
	padding-right: 5px;
	
}
#two-zones-second-content
{
    padding-left: 5px;
	padding-right: 5px;
}

/* ====================================================================
 * ------------     styles for a 2+1 zones layout     -----------------
 * ==================================================================== */
/* Positioning styles for a 2+1 layout (template3)*/
#template3-empty
{
	float:left;
	top:150px;
	width:5px; /* large*/
	height:100px;
}

#template3-first
{
	float:left;
	top:150px;
	width:370px;
}

#template3-second
{
	float:left;
	top:150px;
	width:371px;
}

#template3-third
{
	float:left;
	padding-left:5px; /* large*/
}

.template3-content
{
	padding-left: 5px;
	padding-right: 5px;
}

#template3-third div
{
	padding : 5px;
}