/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : Bouthillette Parizeau
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			stylesforeditor.css.
// Date   : 4 septembre 2008
//----------------------------------------------------------------------------*/
@import url(reset.css);/* Mise à zéro de tous les padding / margin par défaut */

/*- Général -------------------------------------------------------------------*/
body {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 62.6%; /* 10px par défaut */
	font-family:Arial, Helvetica, sans-serif;
}
h2{
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 10px 0;
}
p{
	font-size:1.1em;
	color:#333333;
	margin:0 0 10px 0;
}
a, a:hover {
	text-decoration: underline;
	outline: none;
}
a.popup img{
	margin:10px 8px 0 0;
	border:2px solid #FFF;
}
#Wrapper.Entreprise a, #Wrapper.Entreprise a:hover{
	color:#867203;
}
#Wrapper.Realisations a, #Wrapper.Realisations a:hover{
	color:#B73B05;
}
#Wrapper.Presse a, #Wrapper.Presse a:hover{
	color:#41783D;
}
#Wrapper.Expertise a, #Wrapper.Expertise a:hover{
	color:#d12f06;
}
#Wrapper.Carrieres a, #Wrapper.Carrieres a:hover{
	color:#026A8C;
}
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}

/*- Styles communs à toutes les pages -----------------------------------------*/
#Wrapper {
	/*position:absolute;
	left:50%;
	top:50%;
	margin-left:-475px;
	margin-top:-300px;*/
	width:950px;
	height:600px;
	margin:5px auto;
	text-align:left;

}
#BlocMenu{
	height:37px;
	width:950px;
	position:relative;
}
#MenuPrincipal {
	float:left;
	display:inline;
	margin:0 0 0 50px;
	height:37px;
}
#MenuPrincipal li{
	float:left;
}
#MenuPrincipal li a, #MenuPrincipal li a.Actif{
	height:37px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
#NavFixe{
	float:right;
	display:inline;
	margin:0 68px 0 0;
	height:37px;
	width:350px;
}
#NavFixe li{
	float:right;
}
#NavFixe li a{
	height:37px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
.SousMenu{
	float:left;
	display:inline;
	margin:0 0 0 50px;
	padding-top:13px;
	width:713px;
	background:url(../images/Img_SousMenu.gif) no-repeat 183px 0;
}
body#lang-EN .SousMenu{
	background:url(../images/Img_SousMenu.gif) no-repeat 163px 0;
}
.SousMenu li{
	float:left;
	display:block;
	background:url(../images/Bg_SousMenu.gif) no-repeat bottom right;
	padding:0 13px 0 7px;
	margin:0 0 5px 0;
	font-size:10px;
	height:16px;
	line-height:16px;
	white-space:nowrap;
}
.SousMenu li.Dernier{
	background:#FFF;
	padding-right:11px;
}
#BlocContenu .SousMenu li a, #BlocContenu .SousMenu li a:hover{
	color:#000;
	text-decoration:none;
}
#BlocContenu .SousMenu li a.On{
	color:#c24012 !important;
}
.MenuAncre{
	position:absolute;
	top:73px;
	left:603px;
	width:159px;
}
.MenuAncre h3{
	background:url(../images/Bg_MenuAncres.gif) no-repeat 0 0;
	width:153px; /* Réel: 159px */
	height:19px;
	font-size:1.2em;
	line-height:18px;
	font-weight:bold;
	color:#FFF;
	padding-left:6px;
}
.MenuAncre ul li{
	margin:12px 0 0 0;
	padding-left:8px;
}
#BlocContenu .MenuAncre ul li a, #BlocContenu .MenuAncre ul li a:hover{
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
}
#BlocContenu .MenuAncre ul li a.On{
	color:#000 !important;
}

#Wrapper.Realisations .MenuAncre ul li{
	background:url(../images/Puce_Realisations.gif) no-repeat 0 5px;
}
#Wrapper.Presse .MenuAncre ul li{
	background:url(../images/Puce_Presse.gif) no-repeat 0 5px;
}
#Wrapper.Carrieres .MenuAncre ul li{
	background:url(../images/Puce_Carrieres.gif) no-repeat 0 5px;
}

#Wrapper.Realisations .MenuAncre ul li a, #Wrapper.Realisations .MenuAncre ul li a:hover{
	color:#B73B05;
}
#Wrapper.Presse .MenuAncre ul li a, #Wrapper.Presse .MenuAncre ul li a:hover{
	color:#41783D;
}
#Wrapper.Carrieres .MenuAncre ul li a, #Wrapper.Carrieres .MenuAncre ul li a:hover{
	color:#026A8C;
}

#MenuPrincipal li a:hover, #MenuPrincipal li a.On, #NavFixe li a:hover, #NavFixe li a.On {
	background-position:0 -37px !important;
}
#BlocContenu{
	width:950px;
	height:435px;
	position:relative;
}
/*#BlocContenu ul li{
	color:#333333;
	font-size:1.1em;
	margin:0 0 6px 10px;
}*/

/* Images de background ----------------------------------- */
#Wrapper.Accueil #BlocContenu{
	background:url(../images/Bg_Accueil_FR.jpg)  no-repeat 0 0;
}
body#lang-EN #Wrapper.Accueil #BlocContenu{
	background:url(../images/Bg_Accueil_EN.jpg)  no-repeat 0 0;
}
#Wrapper.Entreprise #BlocContenu{
	background:url(../images/Bg_Entreprise.jpg)  no-repeat 0 0;
}
#Wrapper.Expertise #BlocContenu{
	background:url(../images/Bg_Expertise.jpg)  no-repeat 0 0;
}
#Wrapper.Realisations #BlocContenu{
	background:url(../images/Bg_Realisations.jpg)  no-repeat 0 0;
}
#Wrapper.Presse #BlocContenu{
	background:url(../images/Bg_SalleDePresse.jpg)  no-repeat 0 0;
}
#Wrapper.Carrieres #BlocContenu{
	background:url(../images/Bg_Carrieres.jpg)  no-repeat 0 0;
}
#Wrapper.Contact #BlocContenu{
	background:url(../images/Bg_Contact.jpg)  no-repeat 0 0;
}

#Logo{
	width:136px;
	height:136px;
	position:absolute;
	right:0;
	top:25px;
}
body#lang-FR #Slogan{
	background:url(../images/Img_Slogan_FR.gif) no-repeat 0 0;
	width:103px;
	height:24px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	right:26px;
	top:177px;
}
body#lang-EN #Slogan{
	background:url(../images/Img_Slogan_EN.gif) no-repeat 0 0;
	width:105px;
	height:23px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	right:24px;
	top:177px;
}
#BasPage {
	height:128px;
	width:950px;
	background:#3e3e3e;
}
#BasPage .Section{
	margin-left:105px;
}
#BasPage .Domaine{
	margin-left:53px;
	height:128px;
	width:700px;
	overflow:hidden;
}
#BasPage .Domaine img{
	width:138px;
	height:103px;
	overflow:hidden;
}
#BasPage .Section img, #BasPage .Domaine div{
	display:block;
	float:left;
	border-right:5px solid #f5f0ea;
	background:url(../images/Bg_CadreImages.gif) no-repeat 0 0;
	width:186px;
	height:128px;
}
#BasPage .Domaine div img{
	margin-top:18px;
}
#BasPage .Section img.Premiere, #BasPage .Domaine div.Premiere{
	border-left:5px solid #f5f0ea;
}
.BlocBasPage.Premier{
	margin-left:95px;
}
.BlocBasPage p.LienSection{
	margin-bottom:6px;
}
.BlocBasPage p.LienSection a{
	font-size:1.2em;
	font-weight:bold;
	color:#b73b05;
	text-decoration:none;
}
.BlocBasPage p.LienPage a{
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
.TxtIndent{
	text-indent:-9999px;
	overflow:hidden;
}
.ImageBlock{
	display:block;
}
.Clearfix:after {
    content: ".";
    display: block;
	*display:inline-block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*- Styles spéciaux pour page d'accueil ---------------------------------------*/
#Wrapper.Accueil #BasPage .BlocBasPage{
	width:247px;
	height:128px;
	float:left;
	display:inline;
	margin-right:20px;
}
#Wrapper.Accueil #BasPage .BlocBasPage .CadreImage{
	background:url(../images/Bg_CadreAccueil.gif) no-repeat 0 0;
	width:124px;
	height:128px;
	float:left;
}
#Wrapper.Accueil #BasPage .BlocBasPage .Liens{
	float:left;
	width:120px;
	padding:52px 0 0 3px;
}
#Wrapper.Accueil #BasPage .BlocBasPage .Liens p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}
#Wrapper.Accueil #BasPage .BlocBasPage .CadreImage img{
	margin-left:5px;
}

/*- Styles spéciaux pour pages intérieures ------------------------------------*/
#BlocScroll{
	width:511px;
	height:335px;
	/*float:left;*/
	overflow:auto;
	padding-right:30px;
}
#BlocScroll h1{
	font-size:1.6em;
	font-weight:bold;
	color:#333333;
	margin:0 0 10px 0;
}
#BlocScroll h2{
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 10px 0;
}
#BlocScroll p{
	font-size:1.1em;
	color:#333333;
	margin:0 0 10px 0;
}
#BlocScroll ul{
	margin-bottom:10px;
}
#BlocScroll ul li{
	font-size:1.1em;
	color:#333333;
	margin:0 0 2px 0;
	background:url(../images/Puce_Liste.gif) no-repeat 0 5px;
	padding:0 0 0 8px;
}
#Wrapper.Entreprise #BlocScroll h2{
	color:#867203;
}
#Wrapper.Presse #BlocScroll h2{
	color:#41783D;
}
#Wrapper.Carrieres #BlocScroll h2{
	color:#026A8C;
}

/*- Styles pour formulaires ----------------------------------------------------*/
.TxtBox, .TxtArea, .SelectList, .Btn {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
}
.TxtErreur {
	font-size: 1.1em;
	color: #FF0000;
}

/*- Styles de l'éditeur ----------------------------------------------------*/

/*- Classes pour les textes ----*/
.TexteSpecial {
	font-size: 1.1em;
	color: #FF9933;
}
.TextePetit {
	font-size: 0.9em;
}
.Date{
	font-weight:bold;
	margin:20px 0 4px 0 !important;
}
.Titre{
	margin:5px 0 2px 0 !important;
}

/*- Classes pour les images ----*/
img.ImageContour {
	border: 1px solid #000000;
}
img.ImageGauche {
	border: 1px solid #000000;
	margin:	0 15px 5px 0;
}
img.ImageDroite {
	border: 1px solid #000000;
	margin: 0  0 5px 15px;
}