/* 
	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:#3A3326 url(images/bg.jpg);
}

#bgCorps
{background:url(images/bg_bandeTop.gif) repeat-x top left;}

#container
{
	width:955px;
	margin:0 auto;
	text-align:left;
	background:url(images/bg_entete.jpg) no-repeat top left;
	position:relative;
}


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

h1
{
	font-size:1.4em;
	margin:0;	
}

h2
{
	font-size:1.1em;
	margin:0;
	padding:0;
}

p
{
	font-size:1em;
	color:#000;
	margin:0;
	padding:0;
}

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

input.medium
{width: 300px;}

input.large
{width: 420px;}

textarea.large
{
	height: 132px;
	width: 420px;
}


.gras
{font-weight:bold;}

.italic
{font-style:italic;}

.souligne
{text-decoration: underline;}

.vert
{color:#09703D;}

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

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

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

#entete
{width:955px;}
/* ------------------------------- */
/* --- logo ---------------------- */

h1#logoCompagnie
{
	float:left;
	width:208px;
	padding:30px 0 26px 31px;
}

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


#logoPrint
{display: none;}

/* ------------------------------------ */
/* --- top  menu ---------------------- */
#topMenu
{
	float:right;
	width:203px;
	background:url(images/bg_topMenu.jpg) repeat-y top left;
	margin:20px 2px 0 0;
	text-align:right;
}

#topMenu p
{
	color:#fff;
	padding:5px 9px 5px 0;
	font-size:0.8em;
	font-weight:bold;
}

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

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

/* ------------------------------------------------------------------ */
/* ----------- Menu ------------------------------------------------- */


#zoneMenu
{
	width:780px;
	position:absolute;
	top:111px;
	left:25px;
}

#zoneMenu img{display:block;}


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

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

/* ---------------------------------------------- */
/* --- Sous-menu du menu principal -------------- */

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

#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;
	border-bottom:1px solid #000;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;	
}

#smenu-mprincipal div div.last {border-bottom:none;}

#smenu-mprincipal a {
	display: block;
	height: 1%;
	padding: 7px 10px 7px 10px;
	color: #fff;
	text-decoration: none;
	background: #056F3E;
	font-weight:bold;
}
#smenu-mprincipal a:hover 
{color:#FCC90C;}

/* largeur des zones de sous-menu fr */
#smenu-mprincipal #ms_EntrepriseMenu
{width: 145px;}
#smenu-mprincipal #ms_ProduitsMenu
{width: 145px;}
#smenu-mprincipal #ms_ServicesMenu
{width: 180px;}
#smenu-mprincipal #ms_RealisationsMenu
{width: 125px;}
#smenu-mprincipal #ms_SoumissionsMenu
{width: 175px;}

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


#zoneContenu
{
	width:955px;
	background:#fff url(images/bg_contenu.gif) repeat-y top left;
	margin:15px 0 0 0;
}

div#zoneContenu{height:477px;}

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


#colGau
{
	float:left;
	width:744px;
	background:url(images/bg_entete_colGau.jpg) no-repeat top left;
	padding:201px 0 0 0;
}


#bgColGau
{
	width:742px;
	background:url(images/bg_colGau_degrade.gif) repeat-x top left;
	padding:19px 0 0 0;
}

#colDr
{
	float:left;
	width:211px;
	background:url(images/bg_entete_colDr.jpg) no-repeat top left;
	padding:205px 0 0 0;
}

#bgColDr
{
	background:url(images/logo_gator.gif) no-repeat 34px 0;
	padding:117px 0 0 0;
}

#contenuWrap
{
	padding:0 23px;
}

#contenuWrap p, .colTxt p
{padding:0 0 20px 0;}

#contenuWrap a:link, #contenuWrap a:visited, #contenuWrap a:active
{
	color:#000;
	font-size:0.9em;
}

#contenuWrap a:hover
{text-decoration:none;}

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

#colBienvenue
{
	float:left;
	width:445px;
}

#boxNouvelles
{
	float:left;
	width:284px;
}

/* -------------------------------------- */
/* --- Entête Mot de Bienvenue ---------- */

#bgMotBienvenue
{
	width:426px;
	background:#FFCC00 url(images/t_bgContinu_acc.gif) repeat-y top left;
	margin:0 0 15px 0;
}

#boxMBtop
{background:url(images/t_bgTop_acc.gif) no-repeat top left;}

#boxMBbas
{background:url(images/t_bgBas_acc.gif) no-repeat bottom left;}

#boxMotBienvenue h1
{
	color:#09703D;
	font-size:1.15em;
	padding:9px 0 10px 25px;
}

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

#boxNouvelles
{
	float:left;
	width:284px;
}

#boxNews_TG
{background:#09703D url(images/boxNews_TG.gif) no-repeat top left;}

#boxNews_TD
{background:url(images/boxNews_TD.gif) no-repeat top right;}

#boxNouvelles h1
{
	color:#fff;
	font-size:1.2em;
	padding:9px 0 9px 16px;
}

#boxNews_bordGau{
background:#fff url(images/pixel_vert.gif) repeat-y top left; margin:0 0 10px 0;}
#boxNews_bordBas{
background:url(images/pixel_vert.gif) repeat-x bottom left;}
#boxNews_bordDr{
background:url(images/pixel_vert.gif) repeat-y top right;}

#boxNews_BG
{background:url(images/boxNews_BG.gif) no-repeat bottom left;}
#boxNews_BD
{background:url(images/boxNews_BD.gif) no-repeat bottom right; padding:0 0 10px 0;width:284px;}

.zoneNews
{
	width:264px;
	padding:17px 0 15px 0;
	border-bottom:1px solid #09703D;
	margin:0 0 0 11px;
}

.zoneNewsLast
{
	width:264px;
	padding:17px 0 15px 0;
	margin:0 0 0 11px;
}

.photoNews
{
	float:left;
	width:90px;
	margin:0 13px 0 0;
}

.photoNews img
{
	border:1px solid #09703D;
	display:block;
}

.txtNews
{
	float:left;
	width:161px;
	font-size:0.9em;
	line-height:1.4em;
}

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

.txtNews a:hover
{text-decoration:underline;}

#pagination
{
	text-align: center;
}

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

/* -------------------------------------- */
/* --- Boutons Gator -------------------- */
#zBGator
{width:211px;}

#zBGator img
{
	margin:0 0 8px 34px;
}


/* ---------------------------------------------------------------------- */
/* --- Pages intérieures ------------------------------------------------ */

/* -------------------------------------- */
/* --- Entête de page -------------------- */

#titrePage
{
	float:left;
	width:742px;
}

#bgTitrePage
{
	width:734px;
	background:#FFCC00 url(images/t_bgContinu.gif) repeat-y top left;
	margin:0 0 15px 0;
}

#boxTPtop
{background:url(images/t_bgTop.gif) no-repeat top left;}
#boxTPbas
{background:url(images/t_bgBas.gif) no-repeat bottom left;}

#boxTitrePage h1
{
	color:#09703D;
	font-size:1.15em;
	padding:9px 0 10px 25px;
}

/* ---------------------------------------------------------------------- */
/* --- Double colonne zone de contenu (txt et photos -------------------- */

.contenuColonnes
{
	width:710px;
	margin:0 0 20px 0;
	padding:0 0 25px 0;
	border-bottom:1px solid #1D784D;
}

.colTxt
{
	float:left;
	width:398px;
	margin:0 19px 0 0;	
}

.colPhotos
{
	float:left;
	width:291px;
}

.colPhotos img
{border:1px solid #1D784D;}

/* ---------- tableau Produits ---------- */
.tabProduits
{
	width:396px;
	border:1px solid #0A703E;
}

.t_tabProduits
{
	background:#0A703E;
	color:#fff;
	font-weight:bold;
	padding:12px 0 8px 7px;
}

.txt_tab
{
	padding:9px 0 5px 7px;
	border-bottom:1px solid #0A703E;
}

.noBorder
{border-bottom:none;}

/* ---------------------------------------------------------------------- */
/* --- Pied ------------------------------------------------------------- */
#bgpied
{background:#000;}

#pied
{
	width:955px;
	margin:0 auto;
	text-align:left;
	border-top:1px solid #000;
	background:url(images/bgPied.jpg) repeat-y top left;
}

#pied p.succursale
{
	font-size:0.8em;
	font-weight:bold;
	color:#fff;
	padding:4px 0 4px 22px;
	float: left;
	width: 80%;
}
#pied p.plansite
{
	float: right;
	text-align: right;
	width: 15%;
	padding:4px 22px 4px 0;
	font-size:0.8em;
	font-weight:bold;
}
#pied p.plansite a:link, #pied p.plansite a:visited, #pied p.plansite a:active 
{
	color: #FFF;
	text-decoration: none;
}
#pied p.plansite a:hover
{
	color: #FFF;
	text-decoration: underline;
}

#iclic
{
	padding: 20px 0;
}

#iclic img
{
	vertical-align:middle;
	margin:0 10px 0 0;
}

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