/* CSS Document */

body{
	width:100%;
	margin:0px;
	background:url(../images/bg.jpg) repeat left #000000;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	white-space:nowrap;
	}

.container{
	width:900px;
	margin:0 auto;
	padding-left:10px;
	padding-right:10px;
	background:url(../images/header.gif) no-repeat top center #1d1d1d ;
	}

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

configuration générale

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

a{
	text-decoration:underline;
	color:#ababab;

	}

	a:hover{
		color:#d10404;
		}


a:focus{
	outline:none; /* fix pour FF */
	}
img{
	border:0;
	padding:0;
	}

.clear{
	clear:both;
	height:0;
	visibility:hidden;
	}



p,h1,h2,h3,h4,h5,h6,form{
	margin:0;
	}
.alignright{
	text-align:right;
	}
.alignleft{
	text-align:left;
	}
.buttonGetQuoteEn,.buttonGetQuoteFr,
.buttonSendMessageEn,.buttonSendMessageFr{
	margin:0;
	border:0;
	cursor:pointer;
	}
.buttonSide{
	cursor:pointer;
	margin-top:15px;
	margin-left:3px;
	}
/*----------------------------------

si pas flash 8 

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


.logo{
	float:left;
	width:224px;
	height:76px;
	}
	.menutop{
		margin-left:224px;
	}
	
	.menutopitem{
		margin-top:15px;
		text-align:right;
		 }
		 .menutopitem a{
		 		font-family:Verdana;
		 		font-size:14px;
				color:#686868;
				padding-right:6px;
				padding-left:6px;
				padding-bottom:5px;
				padding-top:5px;
				text-decoration:none;
					}
		.menutopitem a:hover{
			color:#fff;
			}
	
	.changelanguage{
		text-align:right;
		padding: 6px 10px 4px 0px;
		}
		.changelanguage a,.changelanguage a:hover,.changelanguage a:visited{
					font-size:10px;
					color:#686868;
					text-decoration:underline;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					}
					.changelanguage a:hover{
						text-decoration:none;
						}

	.embed{
		width:900px;
		height:281px;
		padding-top:10px;
		padding-bottom:10px;
		}
		.embed .inner{
			padding:20px;
			font-size:40px;
			color:#fff;
			}

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

ombrage coté gauche et droit

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

	
.shadowcontainerright{
	width:980px;
	margin:0 auto;
	background :url(../images/shadowright.png) repeat-y top right !important;
	background:none; /* hide the shadow in ie6 cause it's png transparent ! */
	}
	.shadowcontainerleft{
			width:980px;
			margin:0 auto;
			background :url(../images/shadowleft.png) repeat-y top left !important;
			background:none; /* hide the shadow in ie6 cause it's png transparent ! */
			}
			
/*----------------------------------

animation supérieur

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

.animationbox{
	margin-bottom:10px;
	margin-top:10px;
	}
	
/*----------------------------------

menu sur le coté gauche

------------------------------------*/
	
	
	
.menuside{
	width:184px;
	float:left;
	}
	.menuside ul{
		margin: 0;
		list-style:none;
		padding:0;
		}
		.menuside li{
			display:block;
			margin:0;
			padding-top:4px;
			padding-bottom:4px;
			border-bottom:2px solid #202020;
			border-left:2px solid #161616;
			border-right:2px solid #161616;
			background:#161616;
			cursor:pointer;
			}
			
.menuside a{
	color:#ababab;
	font-size:12px;
	text-decoration:none;
	width:100%;
	}
	.menuside li:hover a{
		color:#fff;
		}
			.menuside li.active,.menuside li:hover{
					background:url(../images/menusidehover.jpg) no-repeat center center;
				}
				.menuside li.active{
					font-weight:800;
					padding-top:3px;
					}
						.menuside li.active a{
							color:#fff;
							}
	.menuside span{
			background: url(../images/dot.jpg) no-repeat center left;
			padding-left:10px;
			margin-left:20px;
			}
	.menuside li.top,.menuside li:hover.top {
		padding-bottom:0;
		padding-top:0;
		border-right:0;
		border-left:0;
		border-bottom:0;
		margin:0;
		background:none;
		cursor:default;
		}
			.menuside li.top img{
				float:left;
					}
	.menuside li.bottom{
		background:url(../images/menusidebottom.jpg) no-repeat;
		border:0px;
		padding-bottom:10px;
		cursor:default;
		}
	
	
	
	.menuside li.info{
		padding:10px;
		border:0;
		cursor:default;
		}
		.menuside li.info:hover{
			background-color:#161616;
			background-image:none;
			}
	.menuside .info strong.flag{
		background:url(../images/flag.jpg) no-repeat;
		padding-left:30px;
		}
	
/*----------------------------------

content main 

------------------------------------*/
	
.main{/*
	margin-left:199px !important;
	margin-left:195px;
	*/
	margin-left:15px;
	float:left;
	width: 700px;
	overflow:hidden;
	}	
	.topmain{
		background:url(../images/mainbgtop.jpg) no-repeat top center #323232;
		height:25px;
		padding:3px;
		}
	.titlemain{
		background:url(../images/sifrbg.jpg) no-repeat bottom left;
		padding-left:13px;
		padding-bottom:10px;
		}
		.titlemain h1.title{
			font-size:36px;
			font-family:Helvetica;
			font-weight:normal;
			}
	
	.contentmain{
		background:url(../images/mainbg.jpg) repeat-x top left;
		white-space:normal;
		padding:15px;
		color:#fff;
		}
.breadcrumbs{
	float:left;
	margin-left:10px;
	font-size:10px;
	padding-top:6px;
	}
	.breadcrumbs a{
		text-decoration:underline;
			color:#ababab;
			font-size:10px;
		}		
		.breadcrumbs a:hover{
			color:#d10404;
			}
			.breadcrumbs b{
				padding-left:3px;
				padding-right:2px;
				font-weight:normal;
				}
	

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

content formulaire

------------------------------------*/
.formmain{
	}
	.formmain .inputtextlarge{
			width:197px;
			}
	.formmain .inputtextxlarge{
			width:452px;
			}
	.formmain .inputtextsmall{
			width:57px;
			}		
	.formmain .selectlarge{
			width:201px;
			margin-top:2px;
			}
	.formmain textarea{
		padding:3px;
		font-size:11px;
		}
		
	.formmain textarea,	.formmain .selectlarge,.formmain .inputtextsmall,
	.formmain .inputtextxlarge,.formmain .inputtextlarge{
			padding-left:3px;
			font-family:"Verdana", Arial, Helvetica, sans-serif;
			font-weight:bold;
			color: #1d1d1d;
			}
			
			
			/*----------------------------------
			
			formulaire get a quotes
			
			------------------------------------*/
.formgetaquote{
		}			
			.formmain .formgetaquote .formgetaquoteleft{
				float:left;
				text-align:right;
				white-space:nowrap;
				}
				.formmain .formgetaquote .formgetaquoteright{
					margin-left:320px;
					text-align:right;
					white-space:nowrap;
					}
					
	.formmain .formgetaquote span{
		display:block;
		float:left;
		padding-top:5px;
		width:75px;
		text-align:right;
		}
			.formmain .formgetaquote .formgetaquoteleft span{
				width:75px;
				}
			.formmain .formgetaquote .formgetaquoteright span{
				width:100px;
				}
		
		.formmain .formgetaquote p{
			display:block;
			margin-bottom:10px;
			text-align:left;
			}
				
			.formmain .formgetaquote .formgetaquoteleft p{
					margin-left:80px;
				}
			.formmain .formgetaquote .formgetaquoteright p{
					margin-left:105px;
				}
			.formmain .formgetaquote p textarea{
					width:540px;
					height:100px;
					margin-left:5px;
				}
.buttonGetQuoteEn,.buttonGetQuoteFr{
	height:31px;
	width:127px;
	}
.buttonGetQuoteEn{
	background:url(../images/language/en/but_getmyquote.jpg) no-repeat;
	}
.buttonGetQuoteFr{
	background:url(../images/language/fr/but_getmyquote.jpg) no-repeat;
	}
		
			/*----------------------------------

			formulaire contact
			
			------------------------------------*/

.formcontact{
	}

		.formcontact span{
			width:120px;
			padding-top:5px;
			float:left;
			display:block;
			text-align:right;
			}
			.formcontact p{
				margin-left:125px;
				text-align:left;
				margin-bottom:10px;
				}
			
			.formcontact textarea{	
				width:450px;
				height:100px;
				}

.buttonSendMessageEn,.buttonSendMessageFr{
	height:31px;
	width:127px;
	margin-right:45px;
	}
.buttonSendMessageEn{
	background:url(../images/language/en/but_sendmessage.jpg) no-repeat;
	}
.buttonSendMessageFr{
	background:url(../images/language/fr/but_sendmessage.jpg) no-repeat;
	}

.boxcheckbox{
	margin-left:125px;
	float:left;
	font-size:10px;
	padding-top:5px;
	}
	span.boxcheckboxtext{
		padding-top:4px;
		width:auto;
		}
		 span.checkbox {
			  width: 19px;
			  height: 25px;
			  padding: 0 5px 0 0;
			  background: url(../images/checkbox.png) no-repeat;
			 }



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

main photos

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

.images{
	width:202px;
	height:60px;
	padding:10px;
	cursor:pointer;
	margin-bottom:15px;
	}
p.greetingtext{
	text-align:left;
	padding-bottom:20px;
	font-weight:normal;
	}
td.thumbsimages{
	padding-right:10px;
	padding-bottom:20px;
	}
td.thumbsimages span{
	padding-left:7px;
	}
td.thumbsimages a{
	margin-top:3px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	}


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

footer 

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

.footer{
	margin:auto;
	width:864px;
	margin-top:20px;
	background:url(../images/footerbg.jpg) no-repeat top center #161616;
	padding:15px;
	font-size:10px;
	}



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

footer menus

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

.footermenu{
	float:left;
	font-family: "Verdana", Arial, Helvetica, sans-serif
	}
.footermenu ul{
	padding:0;
	margin:0;
	margin-right:20px;
	list-style:none;
	float:left;
	white-space:nowrap;
	}
	.footermenu li{
		color:#fff;
		}
	.footermenu li.top{
		padding-bottom:15px;
		}
		.footermenu li a{
			color:#5a5858;
			text-decoration:none;
			}
		.footermenu li a:hover{
			color:#fff;
			}

			
	.footerlogo{
		text-align:right;
		color:#3b3b3b;
		}