/* 
	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:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background:#C6DBE5;
}

#container
{
	width:1005px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

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

h1
{
	font-size:1.6em;
	margin:0 0 18px 0;
	color:#D47623;
	padding:10px 30px 10px 23px;
	background:#fff url(images/titre_h1_bg.gif) repeat-y top right;
}

h2
{
	font-size:1.2em;
	margin:0;
	padding:0 0 20px 0;
	color:#065775;
	font-weight:normal;
}

h3
{
	font-size:1.1em;
	margin:0;
	padding:0 0 15px 0;
	color:#000;
}

p
{
	font-size:1em;
	color:#172B33;
	margin:0;
	padding:0 0 25px 0;
}

a:focus, a:hover, a:active { outline:none }

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

.gras
{font-weight:bold;}

.italic
{font-style:italic;}

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

/* --------------------------------------------------------------------------- */
/* ------------ zone contenu ------------------------------------------------- */

/* ------------------------------------------------------------ */
/* --- entête ------------------------------------------------- */

#entete
{
	width:1005px;
	background:url(images/bg_entete.jpg) no-repeat top left;
	margin:0 0 2px 0;
}

/* --------------- top menu --------------- */
#topMenu
{
	float:right;
	width:1005px;
}

#topMenu ul
{
	float:right;
	font-size:1em;
	list-style:none;
	margin:0 0 0 0;
	padding:7px 15px 3px 0;
}

#topMenu ul li
{
	float:left;
	margin:0;
	padding:0 0 0 22px;
	color:#4B6B78;
}


#topMenu a:link, #topMenu a:visited, #topMenu a:active
{
	color:#00467F;
	text-decoration:none;
}

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

/* --------------- Bande menu --------------- */

#bandeMenu
{
	width:1005px;
	background:url(images/bande_menu_bg.gif) repeat-y top left;
}

#bandeMenu_top
{background:url(images/bande_menu_bgTop.gif) no-repeat top left;}
#bandeMenu_bas
{width:1005px; background:url(images/bande_menu_bgBas.gif) no-repeat bottom left;}

div#bandeMenu_bas{height:45px;}

html>body div#bandeMenu_bas
{
	min-height:45px;
	height:auto;
}

#bandeMenu_bas ul
{
	float:right;
	font-size:1em;
	list-style:none;
	margin:0;
	padding:16px 51px 15px 0;
}

#bandeMenu_bas ul li
{
	float:left;
	margin:0;
	padding:0 0 0 54px;
	color:#fff;
}


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

#bandeMenu_bas a:hover
{text-decoration:underline;}


/* --------------- Zone menu principal --------------- */

#zoneMenuPrincipal
{
	width:1005px;
	background:url(images/bande_menu_ombre.gif) no-repeat top left;
	border-bottom:29px solid #D1813F;
}

/* -- logo accueil ------------ */
div#logoCompagnie
{
	float:left;
	width:227px;
	padding:2px 0 7px 8px;
}

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

#logoPrint
{display: none;}

/* menu principal --------------------- */

#zoneMenu
{
	float:left;
	width:759px;
	margin:0 0 0 5px;
	padding:23px 0 0 0;
}

#zoneMenu img{display:block;}

#zoneMenu ul
{
	list-style:none;
	margin:0;
	padding:0;	
}

#zoneMenu ul li
{
	float:left;	
	margin:0;
	padding:0;	
}

/* ---------------------------------------------------------------------- */
/* --- Zone de Contenu -------------------------------------------------- */

#zoneContenu
{
	width:1000px;
	border:2px solid #C3C3C2;
	background:#fff url(images/zoneContenu_bg.gif) no-repeat bottom left;
	padding:13px 0 0 0;
}

div#zoneContenu{height:537px;}

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

#colGau
{
	float:left;
	width:253px;
}

#colDr
{
	float:left;
	width:726px;
}

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

#menuColGau
{
	width:222px;
	margin:0 0 69px 11px;
}

#menuColGau img
{
	display:block;
	margin:0 0 10px 0;
}

/* -- Menu colonne gauche zone de membres ------- */

.coinTG
{
	width:222px;
	background:#D6D5D4 url(images/menuZMembre_coinTG.gif) no-repeat top left;
	margin:0 0 69px 11px;
}

.coinTD
{background:url(images/menuZMembre_coinTD.gif) no-repeat top right;}
.coinBD
{background:url(images/menuZMembre_coinBD.gif) no-repeat bottom right;}

#menuZMembres
{
	background:url(images/menuZMembre_coinBG.gif) no-repeat bottom left;	
	padding:30px 0;
}

#menuZMembres ul
{
	list-style:none;
	margin:0;
	padding:0 0 0 25px;
}

#menuZMembres ul li
{
	font-size:1em;
	margin:0;
	padding:0 0 8px 15px;
	background:url(images/i_fleche.gif) no-repeat 0 3px;
}

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

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

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

.boxContenu
{
	width:726px;
	background:#F3F3F2 url(images/boxContenu_bg.gif) repeat-x top left;
	margin:0 0 2px 0;
}

.boxContenu_coinTG
{background:url(images/boxContenu_coinTG.gif) no-repeat top left;}
.boxContenu_coinTD
{background:url(images/boxContenu_coinTD.gif) no-repeat top right;}
.boxContenu_coinBD
{background:url(images/boxContenu_coinBD.gif) no-repeat bottom right;}
.boxContenu_coinBG
{background:url(images/boxContenu_coinBG.gif) no-repeat bottom left; padding:30px 0 0 0;}

div.boxContenu_coinBG{height:300px;}

html>body div.boxContenu_coinBG
{
	min-height:300px;
	height:auto;
}

.contenu
{padding:0 30px 0 23px;}

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

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

.contenu a:link, .contenu a:visited, .contenu a:active
{
	color:#D1813F;
}

.contenu a:hover
{
	text-decoration:none;
}

/* -- boîte graphique de l'accueil ------------------- */

.boxGraphique
{
	width:726px;
	background:#F3F3F2 url(images/boxGraphique_bg.gif) no-repeat top left;
	margin:0 0 15px 0;
	padding:27px 0 25px 0;
	position:relative;
}

.boxGraphique h1
{
	font-size:1.4em;
	margin:0 0 18px 0;
	color:#D47623;
	padding:4px 30px 3px 23px;
	font-weight:1.4em;
	background:#fff url(images/titre_h1_bg.gif) repeat-y top right;
}

.boxGraphique p
{width:344px;}

.iGraphique
{
	position:absolute; 
	top:2px; 
	left:388px;
}

/* -- formulaire de contact -------- */
#formContact
{
	margin:0 0 20px 0;
}

.champsObligatoire
{
	font-size:1em;
	color:#C72943;
}

.lesChamps
{margin-bottom:15px;}

.lesChamps label
{
	font-size:1em;
	color:#172B33;
	font-weight:bold;
}

.lesChamps input
{width:300px;}

#bEnvoyer
{margin-left:355px;}

/* -- formulaire zone membres -------- */
#formMembre
{
	width:260px;
	margin:35px 0 10px 150px;
}

.champsMembres
{margin-bottom:5px !important;}

.champsMembres label
{
	width:100px;
	font-size:0.9em;
	color:#000;
	float:left;
	text-align:right;
}

.champsMembres input
{
	width:150px;
	float:right;
	margin:0;
}

.ibEntrer
{margin:5px 0 0 105px;}

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


#pied
{
	width:1005px;
	background:#717171 url(images/pied_bg.gif) repeat-y top left;
	margin:7px 0 18px 0;
}

#bandePied_top
{background:url(images/pied_bgTop.gif) no-repeat top left;}
#bandePied_bas
{background:url(images/pied_bgBas.gif) no-repeat bottom left;}

#pied p
{
	color:#fff;
	font-size:0.8em;
	padding:4px 0 18px 0;

	text-align:center;
}

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

#pied a:hover
{text-decoration:underline;}