/* Original stylesheet written by Steven Verbiest */
/* Clientnumber 03005900 */
/* Created on 03/02/2011 */
/* Modified on xx/xx/2011 */

/* Global styles  & Reset*/  
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot{   
    margin:0;   
    padding:0;   
    border:none;   
    outline:0;   
}   
html,body{   
    height:100%;   
}
html {
	overflow-y:scroll;
}
body{   
    font-family:"Century Gothic", Arial, Helvetica, sans-serif;   
    font-size:12px; 
	background:url(../images/background.jpg) #78ab81;
}   
:focus{   
    outline:none;   
}   
hr{   
    border:1px solid #000;   
}   
table{     
    border-collapse:collapse;   
    border-spacing:0;   
}     
p{   
    margin-bottom:10px;   
}
a {
	color:#364E39;
} 
a:hover {
	color:#000;
	text-decoration:none;
} 
::selection {
	background: #364E39; /* Change selected text color for Safari */
	color:#fff;
}
::-moz-selection {
	background: #364E39; /* Change selected text color for Firefox */
	color:#fff;
} 
/* CMS styles  */  
#Name{   
    font-size:20px;   
    margin-bottom:10px;   
}   
#Info{   
    display:block;   
}
#Info ul, #Info ol{   
    margin:5px 0 10px 25px;   
}   
/* Page styles */

#header {
	position:relative;
	z-index:10;
	height:160px;
	width:100%;
	background:#ddd;
	background:url(../images/background-header.jpg) repeat-x;
}
	#header h1 {
		width:953px;
		height:73px;
		position:absolute;
		top:30px;
		left:50%;
		margin:0 0 0 -476px;
		background:url(../images/logo.png);
		text-indent:-9999px;
	}
	#header #nav {
		position:relative;
		top:129px;
		width:960px;
		height:30px;
		margin:0 auto;
		-webkit-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
		behavior: url(PIE.htc);
		background: #333333;
		border:1px solid #c0c0c0;
		border-bottom:none;
	}
	#header #nav ul {
		list-style:none;
	}
		#header #nav ul li {
			float:left;
			padding:0 10px;
			margin:7px 0;
			border-left:1px solid #dbecde;
			-webkit-box-shadow: #517657 -1px 0px 0px;
			-moz-box-shadow: #517657 -1px 0px 0px;
			box-shadow: #517657 -1px 0px 0px;
		}	
		#header #nav ul li:first-child {
			border:none;
			-webkit-box-shadow:none;
			-moz-box-shadow:none;
			box-shadow:none;
			behavior: url(/PIE.htc);
		}
			#header #nav ul li a {
				color:#f7f1f0;
				font-size:14px;
				line-height:16px;
				text-decoration:none;
			}	
			#header #nav ul li a:hover {
				color: #999999;
				text-shadow:0px 1px 1px #8bb090;
			}	
	#header #nav ul#subnav {
		float:right;
	}		
#container {
	position:relative;
	top:-50px;	
	background-color:#f7f1f0;
	background: -webkit-gradient(linear, 0 50px, 0 bottom, from(#dcd6d5), to(#f0ebe9));
	background: -moz-linear-gradient(top, #dcd6d5, #f0ebe9);
	background: linear-gradient(#dcd6d5, #f0ebe9);
	-pie-background: linear-gradient(#dcd6d5, #f0ebe9);
}
	#content {
		position:relative;		
		top:50px;
		width:900px;
		margin:0 auto;
		padding:30px 30px 0 30px;
		background:#f7f1f0;
		border-left:1px solid #c0c0c0;
		border-right:1px solid #c0c0c0;
		line-height:16px;
		overflow:hidden;
	}
		#content.home {
			background:url(../images/background-content_home.jpg);
			height:430px;
			overflow:visible;
		}
		#content.home .homebackground {
			position:absolute;
			top:0; left:0;
			height:490px;
			width:100%;
			-webkit-border-radius: 0 0 5px 5px;
			-moz-border-radius: 0 0 5px 5px;
			border-radius: 0 0 5px 5px;
			behavior: url(PIE.htc);
			height:490px;
			overflow:hidden;
			z-index:50;
			background:url(../images/content_home.jpg);
		}
		#contact {
			position:absolute;
			bottom:80px; left:0;
			padding:10px;
			background:url(../images/background-contact.png);
			text-shadow:1px 1px 0px #fff;
			z-index:60;
		}
		#brands {
			position:absolute;
			bottom:199px; right:228px;
			width:280px;
			height:151px;	
			z-index:60;
		}	
	#contact strong {
		color:#000000;
		line-height:24px;
	}
		#content.contact #Info {
			width:420px;
			padding:0 30px 0 0;
		}
		#content.contact #contactform {
			float:right;
			width:450px;
		}
		#content.contact #map {
			width:420px;
			padding:15px 0 0 0;
		}
		#content iframe {
			margin:20px 0 0 0;
		}
#footer {
	position:relative;
	width:960px;
	height:30px;
	margin:0 auto 40px auto;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	behavior: url(PIE.htc);	
	border:1px solid #c0c0c0;
	border-top:none;
	background:#f7f1f0;
}	
	#footer #counter {
		position:absolute;
		left:0; top:42px;
		height:16px;
		color:#000000;
		text-shadow:1px 1px 0px #b3d8b9;
	}
		#footer #counter span {
			background:none! important;
			font-family:"Century Gothic", Arial, Helvetica, sans-serif;  
			text-shadow:1px 1px 0px #b3d8b9; 
		}

	#footer a#proximedia {
		position:absolute;
		right:0; top:44px;
		display:block;
		width:89px;
		height:16px;
		background:url(../images/logo-proximedia.png) no-repeat;
		text-indent:-9999px;
	}	

/* Newsletter 2.0 */

#newsletter {
	width:285px;
	height:85px;
	padding:15px;
	float:left;
	background:url(../images/background-transparent.png);
}
	#newsletter h3{
		font-size:14px;
		margin:0 0 10px 0;
	}		
#newsletter {
	margin:0 15px 0 0;
}
#TableSubscribeN2 {
	width:285px;
}
#TableSubscribeN2 table, #TableSubscribeN2 tr, #TableSubscribeN2 td {
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif !important;
	padding:0;
}
#field1field {
	float:right;
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif !important;
	width:198px;
	height:14px;
}
#BtnSubscribeN2 {
	float:right;
	margin:0 75px 0 0;
	width:125px;
	padding:0;
	font-weight:normal !important;
}

/* Gallery 3.0 */

.Gallery3GalerieTitreTexte {font-family:Verdana;font-size:10px;color:#DDDDDD;font-weight:bold;}   
.Gallery3GalerieCheminLiens {font-family:Verdana;font-size:10px;color:#666666;text-decoration:underline;font-weight:bold;}   
.Gallery3GalerieCheminLiens:hover {font-family:Verdana;font-size:10px;color:#666666;text-decoration:none;font-weight:bold;}   
.Gallery3GalerieCheminTexte {font-family:Verdana;font-size:10px;color:#666666;text-decoration:none;font-weight:bold;}   
.Gallery3GaleriePageEnCours {font-family:Verdana;font-size:10px;color:#DDDDDD;font-weight:bold;}   
.Gallery3RepertoireTitre {font-family:Verdana;font-size:9px;color:#666666;font-weight:bold;}   
.Gallery3FichierTexte {font-family:Verdana;font-size:10px;color:#ffffff;}   
.Gallery3PhotoTexte {background:#FFFFFF;font-family:Verdana;font-size:10px;color:#666666;} 

/* Contact 1.0 */

.CFFieldset * 		{font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:12px;}
.CFFieldText ,
.CFFieldTextarea ,
.CFFieldSelect ,
.CFFieldPassword ,
.CFFieldFile ,
.CFFieldEmail , 
.CFField 			{width:60%; color:#000; background:#fcfafa; border:1px solid #e3d9d8; margin:0;}
.CFField input 		{height:14px;}
.CFLabel 			{width:40%; height:18px; line-height:18px; float:left;} 
.CFItem 			{width:100%;clear:both; margin:3px 0; overflow:hidden;}   
.CFField * 			{width:99%;}
.CFField 			{border:none;}
.CFFieldTextarea 	{height:80px; overflow:auto;}
 
.CFField {float:left;font-size:10px;}   
.CFFieldRadio {}   
.CFFieldCheckbox {}   
.CFFieldCopy {}   
.CFFieldRadioData {}   
.CFFieldCheckboxData {}   
.CFCaptcha {width:100%;text-align:center;}   
.CFCaptchaTitre {width:100%;text-align:center;font-weight:bold;display:none;}   
.CFCaptchaTexte {width:100%;text-align:justify;}   
.CFStar {width:100%;font-size:10px;color:#ff0000;text-align:center;margin-top:20px;}   
.CFStarIcon {font-size:10px;color:#ff0000;}   
.CFButton {width:100%;text-align:center;}   
.CFButtonSubmit input {font-weight:bold;width:200px;text-align:center;margin-top:20px; font-size:11px; line-height:14px;}   
.CFButtonReset input {font-weight:bold;float:left;width:200px;text-align:center;margin-top:20px;display:none;}   
.CFMessageSent {width:100%;font-weight:bold;text-align:center;margin-top:20px;}   
.CFFieldset {clear:both;display:block;margin:0;margin-bottom:4px;padding:0;width:100%;}   
.CFLegend {font-size:12px;font-weight:bold;padding:0;margin-bottom:10px;}   

/* Messagebox */

#MessageBox{
	position:absolute;
	top:-20px;
	width:500px;
	left:50%;
	margin-left:-250px;
	z-index:999;
	background: #CCCCCC;
	padding:5px;
	border:1px solid #c0c0c0;
	text-align:center;
	font-weight:bold;
}
#MessageBox #Close{
	float:right;
	cursor:pointer;
}