* {
margin:0;
padding:0
}



body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	color:black;
	background-color:#c3bcb4;	
	behavior:url("js/csshover.htc");
	height:100%;
	
	
}

form {
	margin:0;
	padding:0;
}


input,textarea {
	border:1px solid black;
	width:300px;		
}

span {
	display:none;
}

td {
	padding:5px 0 5px 0;
}

ul {
	list-style:none;
}




#main {	
	position:absolute;
	width:990px;
	visibility:hidden;
	left:50%;
	margin-left:-495px;
	background-color:#ddd5ca;		
	background-image:url(../images/arriere-plan/accueil.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	
}



#colonne_gauche,
#colonne_centre,
#colonne_droite {
	float:left;
	
}

#colonne_gauche {
	width:105px;
	padding:158px 0 0 0;
}





#menu_principal {
	width:inherit;
	height:196px;
	background-color:#d6d0c8;
}

#menu_principal  ul{
	list-style:none;
	width:inherit;
	line-height:49px;
}

#menu_principal  li{
	width:inherit;
	height:49px;
	line-height:49px;
}

#menu_principal  li.nouvelles_btn{
	background-image:url(../images/menu-principal/nouvelles-h31.gif);
}

#menu_principal  li.nouvelles_btn:hover{
	background-image:url(../images/menu-principal/nouvelles-h31.gif);
	background-position:0 -49px;
}

#menu_principal  li.agence_btn{
	background-image:url(../images/menu-principal/agence-h31.gif);
}

#menu_principal  li.agence_btn:hover{
	background-image:url(../images/menu-principal/agence-h31.gif);
	background-position:0 -49px;
}

#menu_principal  li.portfolio_btn{
	background-image:url(../images/menu-principal/portfolio-h31.gif);
}

#menu_principal  li.portfolio_btn:hover{
	background-image:url(../images/menu-principal/portfolio-h31.gif);
	background-position:0 -49px;
}

#menu_principal  li.contacts_btn{
	background-image:url(../images/menu-principal/contacts-h31.gif);
}

#menu_principal  li.contacts_btn:hover{
	background-image:url(../images/menu-principal/contacts-h31.gif);
	background-position:0 -49px;
}


/*CMS*/
#menu_principal_cms {
	width:inherit;
	height:196px;
	background-color:#d6d0c8;
}

#menu_principal_cms  ul{
	list-style:none;
	width:inherit;
	line-height:49px;
}

#menu_principal_cms  li{
	width:inherit;
	height:49px;
	line-height:49px;
}


#menu_principal_cms  li.accueil_btn{
	background-image:url(../images/menu-principal/accueil-h31.gif);
}

#menu_principal_cms  li.accueil_btn:hover{
	background-image:url(../images/menu-principal/accueil-h31.gif);
	background-position:0 -49px;
}

#menu_principal_cms  li.nouvelles_btn{
	background-image:url(../images/menu-principal/nouvelles-h31.gif);
}

#menu_principal_cms  li.nouvelles_btn:hover{
	background-image:url(../images/menu-principal/nouvelles-h31.gif);
	background-position:0 -49px;
}

#menu_principal_cms  li.agence_btn{
	background-image:url(../images/menu-principal/agence-h31.gif);
}

#menu_principal_cms  li.agence_btn:hover{
	background-image:url(../images/menu-principal/agence-h31.gif);
	background-position:0 -49px;
}

#menu_principal_cms  li.portfolio_btn{
	background-image:url(../images/menu-principal/portfolio-h31.gif);
}

#menu_principal_cms  li.portfolio_btn:hover{
	background-image:url(../images/menu-principal/portfolio-h31.gif);
	background-position:0 -49px;
}

#menu_principal_cms  li.contacts_btn{
	background-image:url(../images/menu-principal/contacts-h31.gif);
}

#menu_principal_cms  li.contacts_btn:hover{
	background-image:url(../images/menu-principal/contacts-h31.gif);
	background-position:0 -49px;
}
/****** CMS *****/



#colonne_centre.accueil{
	width:416px;
	padding:0 0 0 30px;
	background-image:url(../images/communs/arriere-plan-texte-principal.png);
	

}

#colonne_centre {
	width:457px;
	padding:0 0 0 30px;
	background-image:url(../images/communs/arriere-plan-texte-principal.png);
	
		
}

#colonne_centre p {
	margin:18px 18px 0 0;
}

#colonne_centre a:link,
#colonne_centre a:visited
{
	color:#c7252c;	
	font-weight:bold;
	
	height:11px;
	text-decoration:none;
	
}

#colonne_centre a:hover,
#colonne_centre a:active
{
	color:#6c6e70;	
	font-weight:bold;
	
	height:11px;
	text-decoration:none;
	
}


#descriptif {
	height:92px;
	width:454px;
	margin:0 0 60px 0;
	border-bottom:1px solid #c7252c;
	font-size:12px;	
	color:#5e5e5f;
	padding:0 3px 7px 0;	
}

#descriptif.accueil {
	height:92px;
	width:413px;
	margin:0 0 60px 0;
	border-bottom:1px solid #c7252c;
	font-size:15px;
	text-transform:uppercase;
	color:#5e5e5f;
	padding:0 3px 7px 0;	
}

#descriptif table {
	width:100%;
	height:100%;	
}

#descriptif td {
	vertical-align:bottom;
}


.titre_couleur {
	font-size:15px;
	color:#c7252c;	
}

#colonne_centre p.nom_dirigeant{
	font-size:12px;
	text-transform:uppercase;
}

#colonne_centre p.courriel_dirigeant{
	margin-top:5px;
	padding:0;		
}

#colonne_centre p.coordonnees_dirigeant{
	position:relative;
	text-transform:uppercase;	
	background-color:white;
	left:-30px;
	padding:10px 0 10px 30px;
	width:100%;
}




#colonne_centre p.nom_portfolio{
	font-size:12px;	
}

#colonne_centre p.nom_portfolio strong{	
	text-transform:uppercase;
}

#colonne_centre p.navigation_portfolio{	
	color:#cc3333;
	font-style:italic;
	font-weight:bold;
	font-size:14px;
}

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

ul.formulaire  li.envoyer_btn{
	background-image:url(../images/communs/envoyer-btn.gif);
	width:61px;
	height:17px;
	margin:0;
	padding:0;
}

ul.formulaire  li.envoyer_btn:hover{	
	background-position:0 -17px;
	width:61px;
	height:17px;
	margin:0;
	padding:0;
}


/*
#colonne_centre a:link,
#colonne_centre a:visited
{
	color:#c7252c;	
	font-weight:bold;
	font-style:italic;
	height:14px;
	text-decoration:none;
	text-transform:uppercase;
}

#colonne_centre a:hover,
#colonne_centre a:active
{
	color:#6c6e70;	
	font-weight:bold;
	font-style:italic;
	height:14px;
	text-decoration:none;
	text-transform:uppercase;
}
*/

#colonne_droite  {
	width:398px;
	padding:15px 0 0 0;
}


#colonne_droite ul {
	list-style:none;
	text-transform:uppercase;
	color:black;
	margin-left:30px;
	height:12px;
	font-size:10px;
}

#colonne_droite ul.accueil {
	list-style:none;
	text-transform:uppercase;
	color:black;
	margin-left:30px;
}

#colonne_droite li {
	float:left;
	margin-right:7px;
}

#colonne_droite a:link,
#colonne_droite a:visited{
	color:black;
	text-decoration:none;
}

#colonne_droite a:hover,
#colonne_droite a:active{
	color:#6c6e70;
	text-decoration:none;
}

#colonne_droite h1.accueil {
	height:72px;
	background-image:url(../images/titres/accueil.png);
	background-repeat:no-repeat;	
}

#colonne_droite h1.nouvelles {
	height:72px;
	background-image:url(../images/titres/nouvelles.png);
	background-repeat:no-repeat;	
}

#colonne_droite h1.agence {
	height:72px;
	background-image:url(../images/titres/agence.png);
	background-repeat:no-repeat;	
}

#colonne_droite h1.portfolio {
	height:72px;
	background-image:url(../images/titres/portfolio.png);
	background-repeat:no-repeat;	
}


#colonne_droite h1.contacts {
	height:72px;
	background-image:url(../images/titres/contacts.png);
	background-repeat:no-repeat;	
}





#footer {
	width:100%;
	height:62px;	
	border-top:1px solid white;
	background-repeat:no-repeat;
	position:fixed;
	visibility:hidden;
	/*	top:100%;
	margin-top:-51px;*/
	/*left:50%;
	margin-left:-495px;*/
	
}

#footer ul{
	margin:0 0 0px 69px;
	list-style:none;
}

#footer li{
	margin:0 30px 0px 0px;
	float:left;
}

#footer strong {
	color:#5e5e5f;
	text-transform:uppercase;
}

#footer a:link, #footer a:visited {
	color:#5e5e5f;
	text-decoration:none;
}

#footer a:hover, #footer a:active {
	color:#6c6e70;
	text-decoration:none;
}


#footer ul.footer_menu li a:link, #footer ul.footer_menu li  a:visited {
	color:black;
	text-decoration:none;
}

#footer ul.footer_menu li  a:hover, #footer ul.footer_menu li  a:active {
	color:#6c6e70;
	text-decoration:none;
}

#footer ul.footer_menu{
	margin:0 0 0 210px;
	list-style:none;
}

#footer ul.footer_menu li{
	margin:0 5px 0px 0px;
	float:left;
}


#separatrice {
	border-bottom:1px solid #c7252c;
}


#contenu_gauche {
	float:left;
	width:363px;
}

#contenu_gauche  p{
	margin:0 0 10px 0;
}



#sous_menu_droit {
	float:left;
	width:94px;	
}


#sous_menu_droit  ul{
	list-style:none;
	width:inherit;
	line-height:22px;
}

#sous_menu_droit  li{
	width:inherit;
	height:22px;
	line-height:22px;
	border-bottom:1px solid white;
}

#sous_menu_droit  li.nos_services_btn{
	background-image:url(../images/sous-menu/nos-services.gif);
}

#sous_menu_droit  li.nos_services_btn:hover{	
	background-position:0 -22px;
}


#sous_menu_droit  li.pourquoi_h31_btn{
	background-image:url(../images/sous-menu/pourquoi-h31.gif);
}

#sous_menu_droit  li.pourquoi_h31_btn:hover{	
	background-position:0 -22px;
}

#sous_menu_droit  li.dirigeants_btn{
	background-image:url(../images/sous-menu/dirigeants.gif);
}

#sous_menu_droit  li.dirigeants_btn:hover{	
	background-position:0 -22px;
}


#sous_menu_droit  li.carriere_btn{
	background-image:url(../images/sous-menu/carriere.gif);
}

#sous_menu_droit  li.carriere_btn:hover{	
	background-position:0 -22px;
}




#sous_menu_dirigeants {	
	width:103px;	
	margin:61px 0 0 0;
	padding:0;
	border-left:1px solid white
}


#sous_menu_dirigeants  ul{
	list-style:none;
	width:inherit;
	line-height:22px;
	margin:0;
	padding:0;
}

#sous_menu_dirigeants  li{
	width:inherit;
	height:22px;
	line-height:22px;
	border-bottom:1px solid white;
}

#sous_menu_dirigeants  li.quebec_btn{
	background-image:url(../images/sous-menu/quebec.gif);
}

#sous_menu_dirigeants  li.quebec_btn:hover{	
	background-position:0 -22px;
}

#sous_menu_dirigeants  li.montreal_btn{
	background-image:url(../images/sous-menu/montreal.gif);
}

#sous_menu_dirigeants  li.montreal_btn:hover{	
	background-position:0 -22px;
}

#sous_menu_dirigeants  li.trois_rivieres_btn{
	background-image:url(../images/sous-menu/trois-rivieres.gif);
}

#sous_menu_dirigeants  li.trois_rivieres_btn:hover{	
	background-position:0 -22px;
}

#sous_menu_dirigeants  li.sherbrooke_btn{
	background-image:url(../images/sous-menu/sherbrooke.gif);
}

#sous_menu_dirigeants  li.sherbrooke_btn:hover{	
	background-position:0 -22px;
}

/* Sous menu section Portfolio */
#sous_menu_droit  li.television_btn{
	background-image:url(../images/sous-menu/television.gif);
}

#sous_menu_droit  li.radio_btn{
	background-image:url(../images/sous-menu/radio.gif);
}

#sous_menu_droit  li.imprime_btn{
	background-image:url(../images/sous-menu/imprime.gif);
}

#sous_menu_droit  li.affichage_btn{
	background-image:url(../images/sous-menu/affichage.gif);
}

#sous_menu_droit  li.web_btn{
	background-image:url(../images/sous-menu/web.gif);
}



#sous_menu_droit  li.television_btn:hover,
#sous_menu_droit  li.radio_btn:hover,
#sous_menu_droit  li.imprime_btn:hover,
#sous_menu_droit  li.affichage_btn:hover,
#sous_menu_droit  li.web_btn:hover{
	background-position:0 -22px;
}


#contenu_gauche ul.nolist {
	list-style:none;
}

#contenu_gauche  li.fleche_television_btn{
	background-image:url(../images/communs/portfolio-fleche-television.png);
}

#contenu_gauche  li.fleche_radio_btn{
	background-image:url(../images/communs/portfolio-fleche-radio.png);
}
#contenu_gauche  li.fleche_imprime_btn{
	background-image:url(../images/communs/portfolio-fleche-imprime.png);
}
#contenu_gauche  li.fleche_affichage_btn{
	background-image:url(../images/communs/portfolio-fleche-affichage.png);
}

#contenu_gauche  li.fleche_web_btn{
	background-image:url(../images/communs/portfolio-fleche-web.png);
}




#contenu_gauche  li.fleche_television_btn:hover,
#contenu_gauche  li.fleche_radio_btn:hover,
#contenu_gauche  li.fleche_imprime_btn:hover,
#contenu_gauche  li.fleche_affichage_btn:hover,
#contenu_gauche  li.fleche_web_btn:hover{
	background-position:0 -194px;
}