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

/* ------------------------------------------------------------------------
	HTML BODY tag and Page div
------------------------------------------------------------------------ */
body
{
	margin:0;
  	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

/* ------------------------------------------------------------------------------------------------- */
/* ------------------ fonds de couleurs des 4 groupes de Canmec ---------------------- */

/*Groupe Canmec - rouge*/
#fond-grCanmec
{
	background:#5B050B url(../images/entete-fondGrCanmec.gif) repeat-x top left;
}

/*Canmec Industriel - gris*/
#fond-industriel
{
	background:#838283 url(../images/entete-fondIndust.gif) repeat-x top left;
}

/*Canmec Pates et papiers - bleu*/
#fond-pates
{
	background:#2F3F53 url(../images/entete-fondPates.gif) repeat-x top left;
}

/*Canmec Lajoie - beige*/
#fond-lajoie
{
	background:#B39061 url(../images/entete-fondLajoie.gif) repeat-x top left;
}

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

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

h2
{
	margin:0;
}

p
{
	margin:0;
	font-size:1em;
}

.gras
{
	font-weight:bold;
}

/* ----------------------------
   Liens
---------------------------- */

a:link {color: #fff; }
a:visited{color: #fff; }
a:active{color: #fff; }

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


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

.green
{
    font-weight: bold;
    color: rgb(30, 200, 30);
}

.red
{
    font-weight: bold;
    color: rgb(255, 0, 0);
}



/* ------------------------------------------------------------------------------------------------ */
/* ------------------------------------ header ---------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------- */
/* ------------------------- entêtes de couleurs des 4 groupes de Canmec --------------------------- */

#fondMenuRouge
{
	background:#842722;
}

/*Groupe Canmec - rouge*/
#header-grCanmec-FR
{
	background:url(../images/entete_grCanmec-fr.gif) no-repeat top left;
	height:124px;
}

/*Groupe Canmec - rouge*/
#header-grCanmec-EN
{
	background:url(../images/entete_grCanmec-en.gif) no-repeat top left;
	height:124px;
}

/*Canmec Industriel - gris*/
#header-industriel-FR
{
	background:url(../images/entete_industriel-fr.gif) no-repeat top left;
	height:124px;
}

/*Canmec Industriel - gris*/
#header-industriel-EN
{
	background:url(../images/entete_industriel-en.gif) no-repeat top left;
	height:124px;
}

/*Canmec Pates et papiers - bleu*/
#header-pates-FR
{
	background:url(../images/entete_patesPapiers-fr.gif) no-repeat top left;
	height:124px;
}

/*Canmec Pates et papiers - bleu*/
#header-pates-EN
{
	background:url(../images/entete_patesPapiers-en.gif) no-repeat top left;
	height:124px;
}

/*Canmec Lajoie - beige*/
#header-lajoie-FR
{
	background:url(../images/entete_lajoie-fr.gif) no-repeat top left;
	height:124px;
}

/*Canmec Lajoie - beige*/
#header-lajoie-EN
{
	background:url(../images/entete_lajoie-en.gif) no-repeat top left;
	height:124px;
}

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

#nomCompagnie
{
	visibility:hidden;
	font-size:0.1em;
	margin:0;
}

/* --------------- top menu --------------- */
#topMenu{width:955px;}

#topMenu ul
{
	float:right;
	color:#fff;
	font-size:0.9em;
	font-weight:bold;
	list-style:none;
	margin:0;
	padding:17px 39px 0 0;
}

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

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

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


/* ------------ Menu sélection groupes ------------------ */

#menuGroupe
{
	margin:0;
	padding:26px 0 27px 264px;
	width:720px;
	
	/*BUG IE 5 et IE 5.5*/
	_height:1%;
}

#menuGroupe img{display:block;}

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

#menuGroupe ul li
{
	float:left;
	margin:0;
	padding:0 15px 0 0;
}


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

/* couleur de fond du menu selon le groupe sélectionné */
#menu-grCanmec{background:#5B050B;}
#menu-industriel{background:#838283;}
#menu-pates{background:#2F3F53;}
#menu-lajoie{background:#B39061;}

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

#menu-grCanmec, #menu-industriel, #menu-pates, #menu-lajoie
{
	margin:7px 0 0 0;	
	padding-left:88px;
	width:910px;
	
    /*BUG IE 5 et IE 5.5*/
	_height:1%;
}

#menu-grCanmec img, #menu-industriel img, #menu-pates img, #menu-lajoie img
{display:block;}


#menu-grCanmec ul, #menu-industriel ul,  #menu-pates ul, #menu-lajoie ul
{
	list-style:none;
	margin:0;	
}

#menu-grCanmec ul li, #menu-industriel ul li, #menu-pates ul li, #menu-lajoie ul li
{
	float:left;
	font-size:1.1em;	
	margin:0;
	padding:0;
	font-weight:bold;		
}

/* ----------------------------------- */
/* ------------ Sous-Menu -------------*/
/* ---------------------------------- */
#sousmenu 
{
    text-align: left;
	display: block;
    left: 0;
    top: 0;
	z-index: 100;
	font-size: .9em;	
}

#sousmenu div 
{	
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 200;
	cursor: pointer;
	background: #5B050B;
}

#fond-industriel #sousmenu div 
{	
	background: #838283;
}

#fond-pates #sousmenu div 
{	
	background: #838283;
}

#fond-lajoie #sousmenu div 
{	
	background: #838283;
}

#sousmenu div div {
	position: relative;
	display: block;
	width: 100%;
	white-space: nowrap;
	background: none;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}

#sousmenu div div.first {border-top:1px solid #fff;}
#sousmenu div div.last {border-bottom:1px solid #fff;}


#sousmenu a {
	display: block;
	height: 1%;
	padding: 5px 5px;
	color: #fff;
	text-decoration: none;
	background:  #5B050B;
}

#fond-industriel #sousmenu a
{	
	background:  #838283;
}

#fond-pates #sousmenu a
{	
	background:  #2F3F53;
}

#fond-lajoie #sousmenu a
{	
	background:  #B39061;
}

#sousmenu a:hover 
{
	background:#A23C37;
	color:#fff;
}

#fond-industriel #sousmenu a:hover 
{
	background:#A4A3A3;
	color:#fff;
}

#fond-pates #sousmenu a:hover 
{
	background:#435A79;
	color:#fff;
}

#fond-lajoie #sousmenu a:hover 
{
	background:#CDAC83;
	color:#fff;
}


/* largeur des zones de sous-menu */
#mExpertises-grCanmecFRSMenu
{
    width: 176px;
}

#mExpertises-grCanmecENSMenu
{
    width: 176px;
}

#mExpertises-industrielFRSMenu
{
    width: 176px;
}

#mExpertises-industrielENSMenu
{
    width: 176px;
}

#mExpertises-patesFRSMenu
{
    width: 176px;
}

#mExpertises-patesENSMenu
{
    width: 176px;
}

#mExpertises-lajoieFRSMenu
{
    width: 176px;
}

#mExpertises-lajoieENSMenu
{
    width: 185px;
}

#mContactUs-grCanmecFRSMenu
{
    width: 143px;
}

#mContactUs-grCanmecENSMenu
{
    width: 143px;
}

#mAPropos-industrielFRSMenu
{
    width: 143px;
}

#mAPropos-industrielENSMenu
{
    width: 143px;
}

#mContactUs-industrielFRSMenu
{
    width: 143px;
}

#mContactUs-industrielENSMenu
{
    width: 143px;
}

#mAPropos-patesFRSMenu
{
    width: 143px;
}

#mAPropos-patesENSMenu
{
    width: 143px;
}

#mContactUs-patesFRSMenu
{
    width: 143px;
}

#mContactUs-patesENSMenu
{
    width: 143px;
}

#mAPropos-lajoieFRSMenu
{
    width: 143px;
}

#mAPropos-lajoieENSMenu
{
    width: 143px;
}

#mContactUs-lajoieFRSMenu
{
    width: 143px;
}

#mContactUs-lajoieENSMenu
{
    width: 143px;
}

#mAPropos-grCanmecFRSMenu
{
    width: 143px;
}

#mAPropos-grCanmecENSMenu
{
    width: 143px;
}

/* ------------------------------------------------- */
/* ------------ Sous-Menu a l'intérieur -------------*/
/* ------------------------------------------------- */

#sousmenupage
{
    text-align: left;
	display: block;
    left: 0;
    top: 0;
	z-index: 100;
	font-size: 1.1em;	
	margin:0 0 5px 60px;
}

#sousmenupage div 
{	
	left: 0;
	top: 0;
	z-index: 200;
	cursor: pointer;
	background: #5B050B;
}

#fond-industriel #sousmenupage div 
{	
	background: #838283;
}

#sousmenupage div div {
	display: block;
	width: 100%;
	white-space: nowrap;
	background: none;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}

#sousmenupage div div.first {border-top:1px solid #fff;}
#sousmenupage div div.last {border-bottom:1px solid #fff;}

#sousmenupage a {
	display: block;
	height: 1%;
	padding: 5px 5px;
	color: #fff;
	text-decoration: none;
	background:  #5B050B;
}

#fond-industriel #sousmenupage a
{	
	background:  #838283;
}

#fond-industriel #sousmenupage a:hover 
{
	background:#A4A3A3;
	color:#fff;
}

/* ------------------------------------------------------------------------------------------------- */
/* ------------------------------------ contenu ---------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */
.contenu
{	
	text-align:left;
	background:#fff;
	padding:9px 0 0 88px;
}

.zoneInfos{width:900px;}

/* ----------------------------- photo d'entête -------------------------------------- */

.photo-grCanmec
{
	border-top:2px solid #fff;
	background:#fff url(../images/photo-grCanmec_entete.jpg) no-repeat top left;
	height:133px
}

.photo-industriel
{
	border-top:2px solid #fff;
	background:#fff url(../images/photo-industriel_entete.jpg) no-repeat top left;
	height:133px
}

.photo-pates
{
	border-top:2px solid #fff;
	background:#fff url(../images/photo-pates_entete.jpg) no-repeat top left;
	height:133px
}

.photo-lajoie
{
	border-top:2px solid #fff;
	background:#fff url(../images/photo-lajoie_entete.jpg) no-repeat top left;
	height:133px
}

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

.t-section{	padding-bottom:20px;}
.st-section{padding-bottom:5px;}

.contenu p.txt
{
	width:567px;
	padding:0 0 20px 0;
}

.contenu p.txtLast
{
	width:567px;
	padding:0 0 40px 0;	
}

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

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



/* ---------------- page Services ----------------- */
.colGau
{
	float:left;
	width:567px;
}

.colDr
{
	float:left;
	width:300px;
	padding:0 0 20px 0;
}

.colDr img
{
	margin:50px 0 5px 60px;
}

.colDr p.infos-lieu
{
	margin:0 25px 20px 90px;
}

/* ------ bordures de couleur selon le groupe choisi ------- */
/* Groupe Canmec */
.img-grCanmec{	border:1px solid #D01A27;}
/* Canmec Industriel */
.img-industriel{border:1px solid #A4A4A4;}
/* Canmec Pâtes et papiers */
.img-pates{	border:1px solid #5E7085;}
/* Lajoie */
.img-lajoie{border:1px solid #C49F6E;}

/* ---------------- page Réalisations ----------------- */

.zoneRealisations
{
	width:567px;
	padding-bottom:30px;
}

/* bordure de l'image aux couleurs du groupe sélectionné */
.zoneRealisations .thumbnail
{
	float:left;
	width: 215px;
}

.zoneRealisations .thumbnail img
{
	border: 1px solid #CC0000;
}

.infoReali
{
    width:325px;
	float:left;
	margin-left:20px;
}

h1.nomRealisation
{
	font-size:1em;
	font-weight:bold;
	padding-bottom:5px;
}

.infoRealiGau
{
	float:left;
	width:191px;
}

.infoRealiDr
{
	float:left;
	width:100px;
	padding-left:20px;
}

.donneesReali
{
	padding-bottom:10px;
}

/* ------------------------------------------------------------------------------------------------- */
/* ----------------------- Sous-Menu dans la zone de contenu des pages ----------------------------- */
/* ------------------------------------------------------------------------------------------------- */

/*---- Groupe Canmec ----*/
.sousMenuContenuCanmec
{
    margin:40px 0 5px 30px;
	padding:30px 0 30px 0;
	width:250px;
}

.sousMenuContenu
{
	margin:40px 0 5px 30px;
	padding:30px 0 30px 0;
	width:250px;
	background:url(../images/ms-ligne-vert.gif) no-repeat top left;
}

.sousMenuContenu a, .sousMenuContenuCanmec a 
{
	display: block;	
	padding:5px 5px 5px 40px;
	text-decoration:none;
	color:#000;
	font-size:1em;
	background:url(../images/ms_fleches.gif) no-repeat 20px 9px;	
}

.sousMenuContenu a:hover, .sousMenuContenuCanmec a:hover
{
	font-weight:bold; 
	background:url(../images/ms_fleches-select-grCanmec.gif) no-repeat 17px 6px;
}

.sm-bSelect
{
	font-weight:bold;
	background:url(../imagesms_fleches-select-grCanmec.gif) no-repeat 17px 6px;
	padding:5px 5px 5px 40px;
}

/*---- Groupe Industriel ----*/
#fond-industriel .sousMenuContenu
{
	margin:40px 0 5px 30px;
	padding:30px 0 30px 0;
	width:250px;
	background:url(../images/ms-ligne-vert.gif) no-repeat top left;
}

#fond-industriel .sousMenuContenu a 
{
	display: block;	
	padding:5px 5px 5px 40px;
	text-decoration:none;
	color:#000;
	font-size:1em;
	background:url(../images/ms_fleches.gif) no-repeat 20px 9px;	
}

#fond-industriel .sousMenuContenu a:hover 
{
	font-weight:bold; 
	background:url(../images/ms_fleches-select.gif) no-repeat 17px 6px;
}

#fond-industriel .sm-bSelect
{
	font-weight:bold;
	background:url(../images/ms_fleches-select.gif) no-repeat 17px 6px;
	padding:5px 5px 5px 40px;
}

/*---- Groupe Pates & Papier ----*/
#fond-pates .sousMenuContenu
{
	margin:40px 0 5px 30px;
	padding:30px 0 30px 0;
	width:250px;
	background:url(../images/ms-ligne-vert.gif) no-repeat top left;
}

#fond-pates .sousMenuContenu a 
{
	display: block;	
	padding:5px 5px 5px 40px;
	text-decoration:none;
	color:#000;
	font-size:1em;
	background:url(../images/ms_fleches-patesPapier.gif) no-repeat 20px 9px;	
}

#fond-pates .sousMenuContenu a:hover 
{
	font-weight:bold; 
	background:url(../images/ms_fleches-select-patesPapi.gif) no-repeat 17px 6px;
}

#fond-pates .sm-bSelect
{
	font-weight:bold;
	background:url(../images/ms_fleches-select-patesPapi.gif) no-repeat 17px 6px;
	padding:5px 5px 5px 40px;
}

/*---- Groupe Lajoie Somec ----*/
#fond-lajoie .sousMenuContenu
{
	margin:40px 0 5px 30px;
	padding:30px 0 30px 0;
	width:250px;
	background:url(../images/ms-ligne-vert.gif) no-repeat top left;
}

#fond-lajoie .sousMenuContenu a 
{
	display: block;	
	padding:5px 5px 5px 40px;
	text-decoration:none;
	color:#000;
	font-size:1em;
	background:url(../images/ms_fleches-lajoie.gif) no-repeat 20px 9px;	
}

#fond-lajoie .sousMenuContenu a:hover 
{
	font-weight:bold; 
	background:url(../images/ms_fleches-select-lajoie.gif) no-repeat 17px 6px;
}

#fond-lajoie .sm-bSelect
{
	font-weight:bold;
	background:url(../images/ms_fleches-select-lajoie.gif) no-repeat 17px 6px;
	padding:5px 5px 5px 40px;
}

.bordureBas-sm{background:url(../images/ms-ligne-horiz.gif) no-repeat 6px 24px; padding-bottom:5px;}
.bordureTop-sm{background:url(../images/ms-ligne-horiz.gif) no-repeat 6px 0;}


/* ------------------------------------------------------------------------------------------------- */
/* -------------------------------------- Pieds ---------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */

#pied-grCanmec{background:url(../images/pied-fond.gif) no-repeat top left;}
#pied-industriel{background:url(../images/pied-fond-gris.gif) no-repeat top left;}
#pied-pates{background:url(../images/pied-fond-bleu.gif) no-repeat top left;}
#pied-lajoie{background:url(../images/pied-fond-beige.gif) no-repeat top left;}

/* --------------- Liens textuels des différents groupes --------------- */
#liensGroupes{width:755px;}

#liensGroupes ul
{
	font-size:0.8em;
	list-style:none;
	margin:0;
	padding:42px 0 0 88px;
}

#liensGroupes ul li
{
	float:left;
	margin:0;
	padding:0 4px;
}

#liensGroupes a:link, #liensGroupes a:visited, #liensGroupes a:active
{
	color:#CC0000;
	text-decoration:underline;
}

#liensGroupes a:hover
{
	text-decoration:none;
	color:#000;
}

/* --------------- menu du pied --------------- */
#piedMenu{width:740px;}

#piedMenu ul
{
	float:right;
	font-size:0.8em;
	list-style:none;
	margin:0;
	padding:20px 18px 0 0;
}

#piedMenu ul li
{
	float:left;
	color:#fff;
	margin:0;
	padding:0 4px;
}

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

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


#spacer 
{
	height: 40px;
}

/*************************************************************************************/
/*************************  Formulaire emplois  **************************************/

.pEmploi 
{margin:3px 0 15px 40px; }
    
#divFormEmploi 
{padding: 15px 10px 10px 10px;}

#formulaire p
{
    margin: 5px 0;
    font-size: 1.0em;
}

#formulaire input
{
    font-size: 1.2em;
    font-family: Arial, Helvetica, sans-serif;
}

#formulaire .iNom
{
    width: 180px;
}

#formulaire .iMessage
{
    width: 460px;
    height: 140px;
}

#formulaire .button
{
    font-weight: bold;
}

#formulaire .champ
{
    padding: 5px 0;
}