/* 
	DEFAULT STYLESHEET
	All pages inherrit from this stylesheet, so anything reusable, 
	site-wide or generic goes here.
*/

/* ------------------------------------------------------------------------
	HTML BODY tag and Page div
------------------------------------------------------------------------ */

body
{
	color:#000;
	margin:0;
  	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#ef9300;	
}

#container
{
	width:760px;
	margin:0 auto;
	text-align:left;
	background:#fff url(images/entete_bg.jpg) no-repeat top left;
}

/* ----------------------------
   Globals
---------------------------- */

h1
{
	font-size:1.4em;
	margin:0;
	color:#c02000;
	padding: 0 0 18px 0;
	line-height:1em;
}

h2
{
	font-size:1.2em;
	margin:0;
	color:#e56c2a;
	padding:0 0 8px 0;
}

h3
{
	font-size:1.15em;
	margin:0;
	color:#e56c2a;
	padding:0 0 2px 0;
}

p
{
	font-size:1em;
	color:#000;
	margin:0;
	padding:0;
	line-height:1.4em;
	text-align:justify;
}

input, select
{font-family: Arial, Helvetica, sans-serif;}

.gras
{font-weight:bold;}

.italic
{font-style:italic;}

.souligne
{text-decoration:underline;}

/* --------------------------------------------------------------- */
/* ---- Corps ---------------------------------------------------- */

/* --- Top menu ----------------------------- */

#topMenu
{
	float:right;
}

#topMenu ul
{
	list-style:none;
	margin:0;
	padding:5px 15px 0 0;
}

#topMenu ul li
{
	float:left;
	margin:0;
	padding:0 0 0 11px;
	color:#fff;
	font-size:1em;
}

#topMenu ul li a:link, #topMenu ul li a:visited, #topMenu ul li a:active
{
	color:#fff;
	text-decoration:none;
}

#topMenu ul li a:hover
{text-decoration:underline;}

/* --- logo --------------------------------- */

div#logoCompagnie
{
	float:left;
	width:241px;
	padding:25px 0 0 20px;
}

div#logoCompagnie img.logo
{display:block;}


#logoPrint
{display: none;}

/* --------------------------------------------------------------------- */
/* -- Zone contenu ----------------------------------------------------- */

/* ------------------------------------------------- */
#zoneContenu
{
	width:760px;
	padding:49px 0 0 0;
}

div#zoneContenu
{height:500px;}

html>body div#zoneContenu
{
	min-height:500px;
	height:auto;
}

#colGau
{
	float:left;
	width:173px;
	background:url(images/colGau_bg.jpg) no-repeat top left;
}

#colDr
{
	float:left;
	width:587px;
	padding:67px 0 0 0;
}

/* ---------------------------------------------------------- */
/* -- Colonne droite ---------------------------------------- */

#menu
{
	width:173px;
	padding:0 0 166px 0;
}

#menu img
{
	display:block;
	margin:0 0 1px 0;
}

/* ---------------------------------------------------------- */
/* -- Colonne gauche ---------------------------------------- */

/* -- éléments de contenu textuel ---------------- */

.contenu
{padding:0 31px 0 22px;}

.contenu p
{padding:0 0 20px 0;}

.contenu ul
{
	list-style:none;
	margin:0;
	padding:0 0 17px 0;
}

.contenu ul li
{
	background:url(images/i_fleche.gif) no-repeat 0 4px;
	padding:0 0 6px 15px;
	margin:0;
}

.contenu a:link, .contenu a:visited, .contenu a:active
{color:#000;}
.contenu a:hover
{text-decoration:none;}

/* --------------------------------------------------------------------- */
/* -- Pied ------------------------------------------------------------- */

#pied
{
	width:760px;
	background:#433413;
	padding:9px 0;
}

#pied address
{
	float:right;
	color:#fff;
	font-style:normal;
	margin:0;
	padding:0 14px 0 0;
}