/* 
	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:#fff;
	margin:0;
  	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background:#4c4c4c;
}

#container
{
	width:984px;
	margin:0 auto;
	text-align:left;
}

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

h1
{
	font-size:1.3em;
	margin:0;
	color:#000;
	background:url(images/fleche_titre.gif) no-repeat 0 4px;
	padding:0 0 19px 17px;
}

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

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

p
{
	font-size:1.2em;
	color:#000;
	margin:0;
	padding:0;
	text-align:justify;
}

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

.gras
{font-weight:bold;}

.italic
{font-style:italic;}

.vert
{color:#acc215;}
/* --------------------------------------------------------------- */
/* ---- Corps ---------------------------------------------------- */

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

#entete
{
	width:984px;
	position:relative;
}

div#entete{height:249px;}
html>body div#entete
{
	min-height:249px;
	height:auto;
}

/* -- Images d'entêtes des diverses sections - FR et EN --------- */

/*-- Nouvelles ------------ */

/* -- fr -- */
#entete_fr_01
{
	width:984px;
	position:relative;
	background:url(images/EnteteGEO_FR_1.jpg) no-repeat top left;
}

div#entete_fr_01{height:249px;}
html>body div#entete_fr_01
{
	min-height:249px;
	height:auto;
}

/* -- en -- */
#entete_en_01
{
	width:984px;
	position:relative;
	background:url(images/EnteteGEO_ANG_1.jpg) no-repeat top left;
}

div#entete_en_01{height:249px;}
html>body div#entete_en_01
{
	min-height:249px;
	height:auto;
}

/*-- Espace ------------ */

/* -- fr -- */
#entete_fr_02
{
	width:984px;
	position:relative;
	background:url(images/EnteteGEO_FR_2.jpg) no-repeat top left;
}

div#entete_fr_02{height:249px;}
html>body div#entete_fr_02
{
	min-height:249px;
	height:auto;
}

/* -- en -- */
#entete_en_02
{
	width:984px;
	position:relative;
	background:url(images/EnteteGEO_ANG_2.jpg) no-repeat top left;
}

div#entete_en_02{height:249px;}
html>body div#entete_en_02
{
	min-height:249px;
	height:auto;
}

/*-- Service Minier ------------ */

/* -- fr -- */
#entete_fr_03
{
	width:984px;
	position:relative;
	background:url(images/EnteteGEO_FR_3.jpg) no-repeat top left;
}

div#entete_fr_03{height:249px;}
html>body div#entete_fr_03
{
	min-height:249px;
	height:auto;
}

/* -- en -- */

#entete_en_03
{
	width:984px;
	position:relative;
	background:url(images/EnteteGEO_ANG_3.jpg) no-repeat top left;
}

div#entete_en_03{height:249px;}
html>body div#entete_en_03
{
	min-height:249px;
	height:auto;
}

/*-- Synergie ------------ */

/* -- fr -- */
#entete_fr_04
{
	width:984px;
	position:relative;
	background:url(images/EnteteGEO_FR_4.jpg) no-repeat top left;
}

div#entete_fr_04{height:249px;}
html>body div#entete_fr_04
{
	min-height:249px;
	height:auto;
}

/* -- en -- */

#entete_en_04
{
	width:984px;
	position:relative;
	background:url(images/EnteteGEO_ANG_4.jpg) no-repeat top left;
}

div#entete_en_04{height:249px;}
html>body div#entete_en_04
{
	min-height:249px;
	height:auto;
}

/*-- Philosophie ------------ */

/* -- fr -- */
#entete_fr_05
{
	width:984px;
	position:relative;
	background:url(images/EnteteGEO_FR_5.jpg) no-repeat top left;
}

div#entete_fr_05{height:249px;}
html>body div#entete_fr_05
{
	min-height:249px;
	height:auto;
}

/* -- en -- */

#entete_en_05
{
	width:984px;
	position:relative;
	background:url(images/EnteteGEO_ANG_5.jpg) no-repeat top left;
}

div#entete_en_05{height:249px;}
html>body div#entete_en_05
{
	min-height:249px;
	height:auto;
}

/* --------------------------------------------------------------- */

#zoneFlash
{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

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

div#logoCompagnie
{
	position:absolute;
	top:7px;
	left:22px;
	z-index:2;
}

#logoPrint
{display: none;}

/* -- top menu --------------------- */

#zone_topMenu
{
	position:absolute;
	top:0;
	left:572px;
	z-index:200;
}

#topMenu_bg
{	
	float:left;
	width:400px;
	background:#a4b624 url(images/topmenu_bg.gif) repeat-x bottom left;
}

#topMenu_coinBD
{
	float:left;
	background:url(images/topmenu_coinBD.gif) no-repeat bottom right;
	width:6px;
	height:20px;
}

#topMenu
{
	float:left;
	width:6px;
	height:20px;
	background: url(images/topmenu_coinBG.gif) no-repeat bottom left;
}

#topMenu_bg ul, #topMenu_bg_en ul
{
	list-style:none;
	margin:0;
	padding:4px 0 0px 21px;
}

#topMenu_bg ul li, #topMenu_bg_en ul li
{
	float:left;
	color:#000;
	font-size:0.9em;
	font-weight:bold;
	margin:0;
	padding:0 27px 3px 0;
}


#topMenu_bg ul li.last, #topMenu_bg_en ul li.last
{padding:0;}

#topMenu_bg a:link, #topMenu_bg a:visited, #topMenu_bg a:active, #topMenu_bg_en a:link, #topMenu_bg_en a:visited, #topMenu_bg_en a:active
{
	color:#000;
	text-decoration:none;
}

#topMenu_bg a:hover, #topMenu_bg_en a:hover
{text-decoration:underline;}

/* --- top menu anglais ------------------------- */

#zone_topMenu_en
{
	position:absolute;
	top:0;
	left:717px;
	z-index:200;
}

#topMenu_bg_en
{	
	float:left;
	width:255px;
	background:#a4b624 url(images/topmenu_bg.gif) repeat-x bottom left;
}

/* ------------------------------------------------------------------------------------------------------------ */

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

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

#zoneContenu
{
	width:984px;
	padding:0 0 20px 0;
	background:#fff url(images/zContenu_bg.gif) repeat-y top left;
}

div#zoneContenu{height:420px;}

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

#colGaucheMenu
{
	float:left;
	width:272px;
	padding:35px 0 0 0;
}

#colDr
{
	float:left;
	width:712px;
	padding:15px 0 0 0;
}

#colDr_noPadding
{
	float:left;
	width:712px;
	padding:0;
}

/* -- Menu colonne de gauche --------------------- */

#colGaucheMenu ul
{
	list-style:none;
	margin:0;
	padding:0 0 10px 20px;
}

#colGaucheMenu ul li
{
	font-size:1.25em;
	color:#fff;
	padding:0 0 18px 22px;
	margin:0;
	background:url(images/fleche.gif) no-repeat 0 4px;
}

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

#colGaucheMenu a:hover
{
	color:#cee244;
}

/* -- sous-menu du menu de la colonne de gauche -------- */

#colGaucheMenu .listeInt
{
	list-style:none;
	margin:0;
	padding:8px 0 0 0;
}

#colGaucheMenu .listeInt li
{
	margin:0;
	padding:0 0 6px 15px;
	font-size:0.9em;
}

/* -- boîte nouvelles accueil ----------------------- */

#boxNouvelles
{
	width:272px;
	margin:0;
	padding:25px 0 0 0;
}

#boxNouvelles div
{
	background:url(images/sep-nouvelles.gif) no-repeat bottom left;
	margin:0 0 20px 0;
}

#boxNouvelles h1
{
	padding:0 17px 18px 42px;
	color:#fff;
	background:url(images/fleche_titre_nouvelles.gif) no-repeat 20px 4px;
}

#boxNouvelles p
{
	padding:0 17px 18px 42px;
	color:#fff;
	font-size:1.1em;
}

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

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

/* ---------------------------------------------------------- */
/* -- Zone sous-menu de la section Service minier ----------- */

#sousMenu
{
	width:712px;
	margin:0 0 15px 0;
	padding:0;
}

#sousMenu img{display:block;}


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

#sousMenu ul li
{
	float:left;
	font-size:1.1em;	
	margin:0;
	padding:0;	
}

/* -------------- */

#smenu-mprincipal
{
    text-align: left;
	display: block;
    left: 0;
    top: 0;
	z-index: 100;
	font-size: 0.9em;	
}

#smenu-mprincipal div 
{
	display:none;
	position: absolute;
	left: 0;
	top:0;
	z-index: 200;
	cursor: pointer;
}

#smenu-mprincipal div div {
	position: relative;
	display: block;
	width: 100%;
	white-space: nowrap;
	background: none;
	background:#636466;
}

#smenu-mprincipal ul 
{
	list-style:none;
	margin:0;
	padding:7px 0 2px 3px;
}

#smenu-mprincipal ul li
{
	color:#fff;
	font-size:1.2em;
	margin:0;
	padding:0 0 4px 3px;	
}

#smenu-mprincipal a:link, #smenu-mprincipal a:visited, #smenu-mprincipal a:active
{
	color:#fff;
	text-decoration:none;
	background:url(images/i_liste_sousmenu.gif) no-repeat 0 4px;
	padding:0 0 0 13px;
}

#smenu-mprincipal a:hover
{text-decoration:underline;}

#smenu-mprincipal .listeInt
{
	font-size:0.8em !important;
	padding:5px 0 0 7px;
	margin:0;
}

#smenu-mprincipal .listeInt li
{
	padding:0 0 4px 15px;
	margin:0;
}

/* largeur des zones de sous-menu fr */
#smenu-mprincipal #MlevesMenu
{width: 300px;}
#smenu-mprincipal #MprospectionMenu, #smenu-mprincipal #MverificationMenu, #smenu-mprincipal 
{width: 180px;}

 #MdecouverteMenu, #MdefinitionMenu
 {width: 310px;}

#smenu-mprincipal
{width: 237px;}
/* -- boîte pub ------ */

#boxPub
{
	background:#cee244;
	padding:6px 0;
}

#boxPub p
{
	font-size:1.15em;
	text-align:left;
	color:#000;
	padding:0 14px 0 58px;
	background:url(images/fleches_pub.gif) no-repeat 15px 5px;
}

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

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

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

.contenu
{
	position:relative;
	padding:0 25px 0 25px;
}

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

.contenu a:link, .contenu a:visited, .contenu a:active, #pied a:link, #pied a:visited, #pied a:active
{
	color:#94a51c;
	text-decoration:underline;
}

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

.contenu ul
{
	margin:0;
	padding:0 0 18px 25px;
	font-size:1.2em;
}

.contenu ul li
{
	margin:0;
	padding:0 0 6px 11px;
	color:#000;	
}

.contenu ul ul
{
	padding:8px 0  0 20px;

}

.contenu ul ul li
{
	margin:0;
	padding:4px 0 6px 11px;
	color:#000;	
	font-size:0.8em;
}

.contenu ul ul ul li
{
	margin:0;
	padding:4px 0 6px 11px;
	color:#000;	
	font-size:0.9em;
}

/* -------------------------------------------------- */
.boxServicesMinier
{
	width:662px;
	padding:0 0 20px 0;
	margin:10px 0 30px 0;
	border-bottom:1px solid #5f5f5f;
}

.noborder
{border:none;}

/*
.colContenuGau
{
	float:left;
	width:331px;
}

.colContenuDr
{
	float:left;
	width:331px;
}
*/
.boxLogoEntreprise
{
	float:left;
	text-align:center;
	width:270px;
}

.txtColContenuGau
{
	float:left;
	width:390px;
	margin:0;
}

.txtColContenuGau ul
{
	list-style:none;
	margin:0;
	padding:0 0 0 0;
}

.txtColContenuGau ul li
{
	margin:0;
	padding:0 0 4px 0;
}
/* -- Zone vidéo ------------------------------------ */

#zoneVideo
{

}

/* ------------------------------------------------------- */
/* -- Page Géopolis en photos ---------------------------- */

#zonePhoto
{
	width:612px;
	margin:0 0 0 45px;
}

#zone_slideshow
{
	width:702px;
	padding:10px 0 20px 0;
	margin:0 0 0 10px;
}

#flecheGau_ss
{
	float:left;
	width:45px;
}

#flecheDr_ss
{
	float:right;
	width:29px;
}

#zphotos_ss
{
	float:left;
	width:620px;
	padding:10px 0 11px 0;
	overflow:hidden;
}

#zphotos_ss img{display:block;}

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

#zphotos_ss ul li
{
	float:left;	
	margin:0;
	padding:0;
	background:none;	
}

#zphotos_ss ul li img.img_ss_acc
{margin:0 13px 0 0;}

.contenu select#selectOption
{
	position:absolute;
	top:0;
	left:487px;
	width:180px;
}

/* ------------------------------------------------------- */
/* -- Page Contact --------------------------------------- */

#formContact
{
	margin:0 0 20px 0;
}

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

.lesChamps
{margin-bottom:15px;}

.lesChamps label
{
	font-size:1.1em;
	color:#000;
	font-weight:bold;
}

.lesChamps input
{width:300px;}

.ibEnvoyer
{margin-left:355px;}

/* -- tableau des dirigeants ---------------------------------*/

.tabDirigeants
{margin:10px 0 25px 0;}

.tabDirigeants th
{
	font-size:1.1em;
	color:#000;
	padding:0 0 10px 0;
	text-align:left;
}

.tabDirigeants td
{
	color:#000;
	font-weight:bold;
}

.tabDirigeants td img
{
	border:1px solid #a8a8a8;
	margin:0 0 5px 0;
}

/* ---------------------------------------------------------------------- */
/* --- Pied ------------------------------------------------------------- */
#zoneLogo
{
	width:712px;
	background:url(images/pied_dot.gif) repeat-x top left;
	padding:25px 0 0 0;
}

#zoneLogo p
{
	padding:0 0 20px 20px;
	font-size:1em;
}

.tabLogos
{
	width:600px;
	margin:0 0 20px 40px;	
}

.tabLogos td
{
	color:#000;
	padding:15px 0;
}

.tabLogos td p
{
	padding:10px 0 0 0 !important;
	font-size:1.2em;
	text-align:left;
}

.bordBas
{border-bottom:1px solid #9e9f9f;}







#pied
{
	width: 984px;
	margin:0;
}

#pied p
{
	text-align:center;
	font-size:0.9em;
	padding:10px 0;
	color:#fff;
}

.upper
{
text-transform: uppercase
}