/* -----------------------------------*/
/* ---------->>> Global <<<-----------*/
/* -----------------------------------*/

BODY {
	font-family: Verdana, arial, helvetica, times;
	font-size: 11px;
	background: url(images/bg.gif);
	text-align: center;
	margin: 0;
	padding: 0; }

#overall {
	background: url(images/bg-01.gif) 0 0 repeat-x; }

#container {
	width: 776px;
	margin: 0 auto; }

#back {
	float:left;
	background:url(images/bg-02.gif) repeat-y; }


/* -----------------------------------*/
/* ---------->>> Header <<<-----------*/
/* -----------------------------------*/
#txttop {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(images/bg_03.gif) top right repeat-y;
	font-size: 10px;
	color:#8e9faa;
	height:20px; }

	#txttop span {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #99a9b3;
		display: block;
		font-size: 10px;
		padding-left: 10px;
		padding-top: 4px; }
	
#header {
	width: 776px;
	float: left;
	text-align: left; }
	
/* -------- Menu Navigation --------  */
#menusep {
	float: left;
	height:38px; }

#menu1 {
	float: left;
	width: 260px;
	background: url(images/gilles-lemay-menubg_11.gif) repeat-x;
	height:38px; }

/* Accueil */
#menu2 a{
	float: left;
	width: 65px;
	background: url(images/gilles-lemay-menu2-bg.gif) repeat-x;
	height:38px;
	color:#00496e;
	text-align:center;
	text-decoration:none; }


#menu2 a:hover{
	background: url(images/gilles-lemay-menu2-bgOver.gif) repeat-x;
	color:#8b9000; }

	#menu2 span {
		display: block;
		padding-top: 13px; }

/* Présentation */
#menu3 a{
	float: left;
	width: 84px; /* 92 */
	background: url(images/gilles-lemay-menu2-bg.gif) repeat-x;
	height:38px;
	color:#00496e;
	text-align:center;
	text-decoration:none; }


#menu3 a:hover{
	background: url(images/gilles-lemay-menu2-bgOver.gif) repeat-x;
	color:#8b9000; }

	#menu3 span {
		display: block;
		padding-top: 13px; }
	
/* Services */
#menu4 a {
	float: left;
	width: 60px;
	background: url(images/gilles-lemay-menubg_11.gif) repeat-x;
	height:38px;
	color:#00496e;
	text-align:center;
	text-decoration:none; }

#menu4 a:hover{
	background: url(images/gilles-lemay-menubgOver_11.gif) repeat-x;
	color:#8b9000; }

	#menu4 span {
		display: block;
		padding-top: 13px; }

/* Réalisations */
#menu5 a {
	float: left;
	width: 77px;
	background: url(images/gilles-lemay-menubg_11.gif) repeat-x;
	height:38px;
	color:#00496e;
	text-align:center;
	text-decoration:none; }

#menu5 a:hover{
	background: url(images/gilles-lemay-menubgOver_11.gif) repeat-x;
	color:#8b9000; }

	#menu5 span {
		display: block;
		padding-top: 13px; }

/* Demandes en ligne */
#menu6 a {
	float: left;
	width: 115px;
	background: url(images/gilles-lemay-menubg_11.gif) repeat-x;
	height:38px;
	color:#00496e;
	text-align:center;
	text-decoration:none; }

#menu6 a:hover{
	background: url(images/gilles-lemay-menubgOver_11.gif) repeat-x;
	color:#8b9000; }

	#menu6 span {
		display: block;
		padding-top: 13px; }
	
/* Coordonnées */
#menu7 a {
	float: left;
	width: 84px;
	background: url(images/gilles-lemay-menubg_11.gif) repeat-x;
	height:38px;
	border-right: 1px solid #00496e;
	color:#00496e;
	text-align:center;
	text-decoration:none; }

#menu7 a:hover{
	background: url(images/gilles-lemay-menubgOver_11.gif) repeat-x;
	color:#8b9000; }

	#menu7 span {
		display: block;
		padding-top: 13px; }
	

/* HOME */
#menu2EN a{
	float: left;
	width: 51px;
	background: url(images/gilles-lemay-menu2-bg.gif) repeat-x;
	height:38px;
	color:#00496e;
	text-align:center;
	text-decoration:none; }


#menu2EN a:hover{
	background: url(images/gilles-lemay-menu2-bgOver.gif) repeat-x;
	color:#8b9000; }

	#menu2EN span {
		display: block;
		padding-top: 13px; }
	
/* Presentation */
#menu3EN a{
	float: left;
	width: 86px;
	background: url(images/gilles-lemay-menu2-bg.gif) repeat-x;
	height:38px;
	color:#00496e;
	text-align:center;
	text-decoration:none; }


#menu3EN a:hover{
	background: url(images/gilles-lemay-menu2-bgOver.gif) repeat-x;
	color:#8b9000; }

	#menu3EN span {
		display: block;
		padding-top: 13px; }
	
/* Services */	
#menu4EN a {
	float: left;
	width: 61px;
	background: url(images/gilles-lemay-menubg_11.gif) repeat-x;
	height:38px;
	color:#00496e;
	text-align:center;
	text-decoration:none; }

#menu4EN a:hover{
	background: url(images/gilles-lemay-menubgOver_11.gif) repeat-x;
	color:#8b9000; }

	#menu4EN span {
		display: block;
		padding-top: 13px; }

/* Accomplishments */
#menu5EN a {
	float: left;
	width: 116px;
	background: url(images/gilles-lemay-menubg_11.gif) repeat-x;
	height:38px;
	color:#00496e;
	text-align:center;
	text-decoration:none; }

#menu5EN a:hover{
	background: url(images/gilles-lemay-menubgOver_11.gif) repeat-x;
	color:#8b9000; }

	#menu5EN span {
		display: block;
		padding-top: 13px; }

/* Online Requests */	 
#menu6EN a {
	float: left;
	width: 106px; /* 131px */
	background: url(images/gilles-lemay-menubg_11.gif) repeat-x;
	height:38px;
	color:#00496e;
	text-align:center;
	text-decoration:none; }

#menu6EN a:hover{
	background: url(images/gilles-lemay-menubgOver_11.gif) repeat-x;
	color:#8b9000; }

	#menu6EN span {
		display: block;
		padding-top: 13px; }

/* Contact Information */	
#menu7EN a {
	float: left;
	width: 65px;
	background: url(images/gilles-lemay-menubg_11.gif) repeat-x;
	height:38px;
	border-right: 1px solid #00496e;
	color:#00496e;
	text-align:center;
	text-decoration:none; }

#menu7EN a:hover{
	background: url(images/gilles-lemay-menubgOver_11.gif) repeat-x;
	color:#8b9000; }

	#menu7EN span {
		display: block;
		padding-top: 13px; }

/* -----------------------------------*/
/* ---------->>> Leftside <<<---------*/
/* -----------------------------------*/
#leftside {
	width: 225px;
	float: left;
	text-align: left;
	background:url(images/gilles-lemay-leftside-bg_17.gif) top right no-repeat; }

#teaser {
	margin-left: 39px;
	width: 186px; }

#teaser_pre {
	margin-left: 39px;
	width: 186px; 
	}
	

/* -----------------------------------*/
/* --------->>> Contenu <<<-----------*/
/* -----------------------------------*/
#contenu {
	width: 551px;
	float: right;
	text-align: left; }

#titre {
	color:#00496e;
	height: 45px;
	float: left;
	width: 427px;
	background: url(images/gilles-lemay-titre_18.jpg) no-repeat; }

#titre h1 {
	color:#00496e;
	margin: 0;
	padding: 17px 17px;
	font-size:16px;
	font-family: Verdana, Arial, Helvetica, sans-serif; }

#titreRight {
	background: url(images/gilles-lemay-titre_18.jpg) top right no-repeat; 
	text-align:right;
	width: 124px;
	float: right;
	height: 45px; }
	
	#titreRight span {
		display:block;
		padding-top:33px;
		padding-right: 21px; }
		
	#titreRight span.langue a  {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		text-decoration:underline;
		color: #00496e; }
		
	#titreRight span.langue a:hover  {
		text-decoration:none; }

.txtspacing h2 {
	color:#00496e;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif; }

#citation{
	font-style: italic;
	padding: 10px 10px 20px 10px;
	margin: 0px;
	font-size: 10pt;
}
	#citation span{
		text-align: right;
		font-size: 10px;
		display: block;
		font-style: normal;
		font-weight: normal;
		padding-top: 5px 0px 0px 0px;
		margin: 0px;
	}
	#citation a{
		text-decoration: none;
		color: #555800;
	}
	#citation a:hover{
		text-decoration: underline;
		color: #003753;
	}

#txt {
	color:#00496e;
	padding: 5px 17px;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; }

.txtspacing {
	padding: 5px 5px 5px 5px;}

a.liens {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#00496e;
	text-decoration:underline;}

a.liens:hover {
	text-decoration:none;}

#img ul {
	list-style:none;
	padding:0;
	margin:0;}

#img ul li {
	display:block;
	float:left;
	margin: 5px;}
	
#img2 ul {
	list-style:none;
	padding:0;
	margin:0;}

#img2 ul li {
	display:block;
	float:left;
	margin: 5px;}

.popup {
	border:#333333 1px solid;}

.voiture {
	color:#00496e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	display:block;
	margin: 10px 10px 10px 10px;}


/* -----------------------------------*/
/* ----------->>> Footer <<<----------*/
/* -----------------------------------*/
#footer {
	width: 776px;
	text-align: left; }

.adn {
	font-size: 10px;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 10px; }
	
a.adnlk {
	font-size: 10px;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline; }
	
a.adnlk:hover {
	font-size: 10px;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; }
	
/* -----------------------------------*/
/* ----------->>> Form <<<------------*/
/* -----------------------------------*/
.sectionform{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1a3805; }
	
.txtfield{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00496e;
	border: 1px solid #a2b0b9;
	background-color:#e2e3bf; }

.btform{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00496e; }
	
	
	td.tdprix{
		background: #ebebd8; 
		padding: 10px; 
		border-top: 1px solid #FFFFFF; 
		border-bottom: 1px solid #d0d19a;
		font-size: 13px;
		letter-spacing: 1px;
		line-height: 22px;
		color: #5f6202;
	}
		td.tdprix img{
			border: 1px solid #FFFFFF;
			margin: 0px 10px 0px 0px;
			float: left;
		}
	div.steaser{
		padding: 10px 0px 0px 52px;
	}