/***************************************************/

* {
	margin:0;
	padding:0;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#2E2E30;
	background-attachment: fixed;
	line-height:1.6em;
}

a:link      { color: #8cb30d; font-weight: normal; text-decoration: underline;  }
a:hover { text-decoration: none; }
a:visited { color: #8cb30d; font-weight: normal; text-decoration: underline;  }
a:visited:hover { color: #8cb30d; font-weight: normal; text-decoration: none  }
a:active, a:focus{ outline:none; }

p { padding-bottom:10px; }

b, strong { font-weight:bold; color:#dddddd; }

a img { border:0 }

abbr, acronym { cursor: help; border-bottom: 1px dotted; }


del { text-decoration: line-through; }
ins {text-decoration: none; padding-left:5px }

ol { margin:14px 0 10px 20px; }
ol li { padding-bottom:6px }

input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:4px 6px 2px 6px;
	margin: 3px 0px 3px 0;
	background:url(../img/bg_input.gif) no-repeat left top;
	border-width:0 1px 1px 0;
	border-color:#bdbbba;
	border-style:solid;
}

input:focus, textarea:focus, select:focus { background:url(../img/bg_input-focus.gif) no-repeat left top; }

select { padding-right:1px }
select option { background-color:#f4f9ee; padding:0 13px 0 0; }

input.fradio, input.fcheckbox, input.fimage {
	background:none;
	border:none;
	margin:0;
	padding:0 5px;
}

#submit, button {
	clear:both;
	margin:20px auto;
	display:block;
	font-size:11px;
	background-image:none;
	padding:1px;
	border:none;
	background-color:#8cb30d;
	border:1px outset #CCCCCC;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
}

.fcheckbox, .fradio { margin-top:4px; float:left;}
.lcheckbox, .lradio { width:50px; padding:0 5px}

label {
	text-align: left;
	float: left;
	width: 100px;
	padding: 3px 4px 3px 0;
}

input.formError, textarea.formError {
	background-image:url(../img/bg_input_error.gif);
	color:#FFFFFF
}
input[type=file].formError {
	color:#ff0000
}
input[type=file] {
	background-color:#f4f9ee;
}

form br { clear:both; }
.fcheckbox, .fradio { padding:0 10px 0 5px; }


/* champs *********************************************************************/

input#Societe { width:180px; }
select#Civilite { }
input#Nom { width:180px; }
input#Prenom { width:180px; }
input#Email { width:160px; }
input#Adresse { width:180px; }
input#Code_Postal { width:80px; }
input#Ville { width:180px; }
select#Pays { }
input#Telephone { width:120px; }
input#Mobile { width:120px; }
input#Fax { width:120px; }
textarea#Message { width:180px; height:150px }
textarea#Commentaire { width:180px; height:150px }
input#Num_client { width:100px; }
input#NAF { width:60px; }
input#Siret { width:150px; }
input#Login { width:100px; }
input#Password { width:100px; }

/* styles général ************************************************************/


.error {
	clear:both;
	margin:0 50px 40px 20px;
	padding:10px;
	background-color:#bc0000;
	color:#FFFFFF;
	font-weight:bold;
}

.succes {
	clear:both;
	margin:0 50px 40px 20px;
	padding:10px;
	background-color:#4c9a00;
	color:#FFFFFF;
	font-weight:bold;
}

.read {
	vertical-align:middle;
	white-space:nowrap;
	background:url(../img/hoverl.png) no-repeat left;
	padding:5px 5px 5px 15px;
	margin-top:10px;
	float:right;
}

span.sW { background:#FFCC00; color:#000 }

.cl { clear:both; }	
.clr { clear:both; margin-top:-38px; }

.green { font-weight:bold; color: #8cb30d; }


/* ******************* STRUCTURE *********************** */
#container {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:962px;
}


/* ******************* STRUCTURE LEFT *********************** */
#pageLeft {
	width:242px;
	float:left;
	margin-top:24px;
}

	#pageLeftTop {
		float:left;
		width:242px;
		height:86px;
		background-image:url(../img/nameo.png);
	}

	#pageLeftTop a {
		display:block;
		width:242px;
		height:86px;
	}
	
	#pageLeftMenu {
		float:left;
		width:222px;
		background: url(../img/bgMenu.png) no-repeat bottom;
		padding:10px 10px 40px 10px;
	}
	
	#pageLeftActusTop {
		float:left;
		width:242px;
		height:15px;
		background-image:url(../img/actusTop.png);
		margin-top:4px;
	}
	
	#pageLeftActus {
		float:left;
		width:202px;
		background:url(../img/actusBg.png) no-repeat bottom;
		padding:0 20px 20px 20px;
		text-align:right;
	}
	
		#pageLeftActus h4 {
			text-align:left;
			color:#FFFFFF;
			font-size:12px;
			margin:10px 0 20px 0;
		}
		
		#pageLeftActus p {
			text-align:left;
			color:#a0a0a0;
		}
		
		#pageLeftActus hr {
			background-image:url(../img/line.gif);
			height:1px;
			border:none;
			margin:55px 10px 25px 10px;
			clear:both;
		}
		
		*+html #pageLeftActus hr, * html #pageLeftActus hr {
			margin:10px;
		}

		#pageLeftCopy {
			width:242px;
			padding:7px 0;
			text-align:center;
			font-size:11px;		
		}
/* ******************* CONTENU *********************** */

#pageContent {
	float:right;
	width:720px;
}

.titleH h2 {
	display:none;
}
	#pageContentTop {
		position:absolute;
		top:0;
		left:248px;;
		width:720px;
		height:27px;
		background-image:url(../img/bgContentTop.png);
		margin-top:60px;
		font-size:11px;
		line-height:1em;
	}
	
	#pageContentTop img {
		border:none;
	}
		#topLeft {
			float:left;
			margin:6px 0 0 12px;
		}
		
		#topMiddle {
			float:left;
			margin:6px 0 0 140px;
			padding-top:5px;
		}
		
		#topMiddle a:link, #topMiddle a:hover, #topMiddle a:visited, #topMiddle a:visited:hover{
			color:#FFFFFF;
			font-weight:bold
		}
		
		#topRight {
			float:right;
			margin:6px 12px 0 0;
		}
			
	#pageContentText {
		float:left;
		width:659px;
		background-image:url(../img/bgContent.png);
		padding:35px 6px 50px 55px;
		margin-top:87px;
	}
	
	#pageContent ul {
		list-style-image:url(../img/flb.gif);
	}
			
	#pageContent ul li {
		margin:0.5em 0 0 20px;
	}

		#pageContentTextLeft {
			width:440px;
			float:left;
		}
			#pageContentTextLeft .titre {
				float:left;
			}
			
			#pageContentTextLeft h1 {
				display:none;
			}
			
			#pageContentTextLeft h3 {
				font-size:1.25em;
				font-weight:normal;
				padding:10px 0 10px 0;
			}
			
			#pageContentTextLeft hr {
				background-image:url(../img/line.gif);
				height:1px;
				border:none;
				margin:20px 10px 30px 10px;
			}	
			
			#pageContentTextLeft p {
				margin-top:1.5em;
			}	
			
			*+html #pageContentTextLeft hr, * html #pageContentTextLeft hr { /* pour ie7 et inférieur */
				margin:13px 10px 20px 10px;
			}
		
		#pageContentTextRight {
			width:215px;
			float:right;
			text-align:right;
			padding-top:20px;
		}	
		
			#pageContentTextRight h3 {
				font-size:18px;
				font-weight:normal;
				height:20px;
				color:#8cb30d;
				background-image:url(../img/fl_default.png);
				background-repeat:no-repeat;
				background-position:right;
				padding:0 20px 0 0;
				margin:0 0 16px 0;
			}
	
	#pageContentTextList {
		float:left;
		width:663px;
		background-image:url(../img/bgContent.png);
		padding:35px 0 50px 55px;
		margin-top:87px;
	}
	
	#pageContentTextList .intro {
		clear:both;
		padding:0 15px 50px 15px;
	}

			
	.pageNav {
		float:left;
		width:473px;
		height:26px;
		margin:0 0 30px 107px;
		padding:4px 10px 0 10px;
		background:url(../img/bgNav.png) no-repeat bottom;
		text-align:left
	}
	.pageNav input, .pageNav select { margin:0} 
	.pageNavSearch { float:left; }
	.pageNavSearch #submit { margin:0; display:inline }
	.pageNavCats { float:right; }
	.pageNavCats input { margin-top:-5px}  	



/* ******************* PORTFOLIO *********************** */
	
	#pageContentPort {
		float:left;
		width:659px;
		background-image:url(../img/bgContent.png);
		padding:10px 6px 50px 55px;
	}
	
		#pageContentPort .titleH, #pageContentTextList .titleH {
			float:left;
			width:580px;
			margin-bottom:20px;
		}
		
		#pageContentTextList .titleHNav {
			float:left;
			width:610px;
		}
			
			*+html #pageContentTextList .titleH, * html #pageContentTextList .titleH { /* pour ie7 et inférieur */
				margin-bottom:-5px;
			}
		
		
		#pageContentPort .titre, #pageContentTextList .titre {
			float:left;
		}
		
		#pageContentPort h1, #pageContentTextList h1 {
			display:none;
		}
		
		#pageContentPort hr, #pageContentTextList hr {
			background-image:url(../img/line.gif);
			height:1px;
			border:none;
			margin:20px 10px 0px 10px;
		}		
		
			*+html #pageContentPort hr, * html #pageContentPort hr, *+html #pageContentTextList hr, * html #pageContentTextList hr { /* pour ie7 et inférieur */
				margin:13px 10px 0px 10px;
			}
			
		#pageContentPort .titleA {
			float:left;
			margin-top:6px;
		}
			
		.titleA a:link, .titleA a:hover, .titleA a:visited, .titleA a:visited:hover {
			vertical-align:middle;
			background:url(../img/hoverl.png) no-repeat right;
			padding:5px 15px 5px 0;
		}


/* ******************* BOXES *********************** */
		
		.pageContentBox {
			float:left;
			width:568px;
			margin:30px 0 0 20px;
		}
		
		.pageContentBox ul {
			list-style-image:url(../img/flb.gif);
		}
				
		.pageContentBox ul li {
			margin:0.5em 0 0 20px;
		}
		
			.pageContentBoxTitle {
				position:absolute;
				margin:-5px 0 0 -10px;
				height:20px;
			}
				
				
				.pageContentBoxTitleL {
					float:left;
					background:url(../img/portTopBL.png) left no-repeat;
					min-width:100px;
					height:21px;
					padding:1px 0 0 5px;
					font-weight:bold;
				}
				
				.pageContentBoxTitleL a:link      { color: #fff; font-weight: bold; text-decoration: none;  }
				.pageContentBoxTitleL a:hover { text-decoration: underline; }
				.pageContentBoxTitleL a:visited { color: #fff; font-weight: bold; text-decoration: none;  }
				.pageContentBoxTitleL a:visited:hover { color: #fff; font-weight: bold; text-decoration: underline  }
				
				.pageContentBoxTitleR {
					float:left;
					background:url(../img/portTopBR.png) no-repeat;
					width:5px;
					height:22px;
				}
			
			.pageContentBox .pageContentBoxTop {
				width:528px;
				min-height:100px;
				background:url(../img/portTop.png) top no-repeat;
				padding:35px 20px 10px 20px;
			}
			
			.pageContentBoxTopL {
				float:left;
				width:325px;
				padding:0 20px 0 0;
			}
			
			.pageContentBoxTopL {
				float:left;
				width:325px;
				padding:0 20px 0 0;
			}
			.pageContentBoxTopL h5 { clear:both; font-size:12px; font-weight:normal; padding:15px 0 5px 0 }
			.pageContentBoxTopL dl { width:300px; font-size:11px; margin-bottom:20px }
			.pageContentBoxTopL dl dt { width:100px; float:left }
			.pageContentBoxTopL dl dd { width:200px; float:left }
			
			
			.pageContentBoxTopR {
				float:left;
				width:165px;
				border-left:1px solid #FFFFFF;
				padding-left:15px;
			}
			
			.pageContentBoxTopR span {
				font-size:10px;
			}
			
			.pageContentBoxTopR ul {
				list-style:none;
			}
			
			.pageContentBoxTopR ul li {
				margin-bottom:10px;
			}
			
			
				.pageContentBoxTopR img {
					padding:1px;
					width:163px;
					background:url(../img/bgThumb.png) no-repeat;
					margin-bottom:15px;
					cursor: pointer; cursor:-moz-zoom-in; cursor: url('img/z.ani');
				}
			
			.pageContentBox .pageContentBoxBottom {
				width:568px;
				height:17px;
				background:url(../img/portBottom.png) top no-repeat;
			}


		.pageContentBox2L {
			float:left;
			width:256px;
			margin:25px;
		}
		
		.pageContentBox2L label {width:80px}
		
			.pageContentBox2L .pageContentBoxTop {
				width:216px;
				min-height:100px;
				background:url(../img/box2Top.png) top no-repeat;
				padding:35px 20px 10px 20px;
			}
			
			.pageContentBox2L .pageContentBoxBottom {
				width:256px;
				height:17px;
				background:url(../img/box2Bottom.png) top no-repeat;
			}
			
			.result {
				padding:20px 90px 0 40px;
				font-size:13px;
			}
			.resultNav {
				float:left;
				font-weight:bold;
			}
			.resultNavInfos {
				float:right;
				text-align:right;
			}

		.openUrl {
			margin-top:25px;
		}
		
		.openUrl a:link, .openUrl a:hover, .openUrl a:visited, .openUrl a:visited:hover {
			padding-left:20px;
			background:url(../img/openUrl.gif) left no-repeat;
			font-weight:bold
		}
		
		.cols {
			float:left;
			width:290px;
			padding:20px 0 30px 20px
		}


		.bouton {
			position:relative;
			width:195px;
			height:108px;
			margin:0 auto;
			text-align:center;
			background-image:url(../img/bgbouton.png);
			margin-top:-70px;
		}
		
		*+html .bouton {
			margin-top:10px;
		}	
				
		.bouton a, .bouton a:visited {
			display:block;
			width:185px;
			height:28px;
			padding:80px 0 0 10px;
			color:#FFFFFF;
			text-decoration:none;
			font-weight:bold;
		}
		
		.bouton a:hover {
			text-decoration:underline
		}		
		
		*+html .bouton a, * html .bouton a:visited {
			padding:80px 0 0 10px;
		}
		
	#pageContentBottom {
		float:left;
		width:720px;
		height:263px;
		background-image:url(../img/bgContentBottom.png);
		background-repeat:no-repeat;
		background-position:bottom middle;
		padding:0 5px 5px 5px;
	}
	
	#footer {
		position:relative;
		float:left;
		width:720px;
		padding-bottom:15px;
		font-size:11px;
		text-align:center
	}
	
	#footer ul {
		list-style-image:none;
		list-style-type:none;
		margin:0 auto;
		width:440px;
	}
	#footer ul li {
		float:left;
		margin:0;
	}
	#footer ul li a {
		display:block;
		padding:0 10px;
		background:url(../img/sep.gif) 0px 5px no-repeat
	}	
	#footer ul li:first-child a {
		background:none
	}	
	
	/*
		#footerLeft {
			float:left;
			margin:0 10px 0 10px 
		}
		
		#footerRight {
			float:right;
			margin:0 10px 0 10px 
		}
	*/	
		


.pano img {
	float:left;
	margin:0 15px 35px 20px;
}

.pano dl {
	float:left;
	width:350px;
	margin:20px 0 0 20px;
}

.pano dl dt, .pano dl dd {
	float:left;
}

.pano dl dd img {
	float:left;
	margin:-7px 0 -7px 3px
}

.actuDt img {
	float:right;
	padding:2px;
	border:1px solid #000
}

.actuDt {
	margin:20px 0 0 0;
}

.actuDt .margin {
	height:20px;
}

.actuDt h4 {
	font-size:15px
}

.actuDt hr {
	display:block;
	border-width:0 0 1px 0;
	border-bottom:1px dotted #000;
	height:1px;
}

.album img {
	cursor:pointer
}

.album_details {
	width:550px;
	padding:25px;
	margin-top:20px;
	background-color:#333333
}

.album_details .photo {
	width:180px;
	height:125px;
	text-align:center;
	float:left; 
	border:1px solid #000;
	padding-top:25px;
}

.album_details .photo:hover {
	background-color:#000;
}

.album_details .photo a img {
	max-width:150px;
}

#txt ul {
	margin:10px 0 0 30px
}


#txt ul li {
	list-style-image:url(../img/li2.gif)
}

.formLeft {
	width:300px;
	float: left;
	padding-right:20px
}

.formRight {
width:300px;
	float: left;
}



/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:25;
    color:#FFFFFF;
		font-weight:bold;
		text-decoration:underline;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ 
	z-index:24; 
	color: #0D0D0E; 
	background:;
  text-decoration:none;
}
a.tt:hover span.tooltip{
	display:block;
	position:absolute;
	font-weight:bold;
	top:20px;
	left:-132px;
	padding:0;
	width:150px;
	text-align: left;
	filter: alpha(opacity:80);
	KHTMLOpacity: 0.80;
	MozOpacity: 0.80;
	opacity: 0.80;
	line-height:1.5em;
}
a.tt:hover span.top{
	display: block;
	padding: 20px 8px 0;
	height:1px;
	background: url(../img/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../img/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 2px;
	height:3px;
	background: url(../img/bubble.gif) no-repeat bottom;
}

/* google map */

#map {
	width: 580px;
	height: 400px;
	clear:both;
	color:#000000
}


#map input[type=submit] {
	background-image:none;
	padding:3px;
	border:none;
	background-color:#8cb30d;
	border:1px outset #CCCCCC;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer
}

#gotop {
	display:block;
	position:absolute;
	right:30px;
	bottom:290px;
	width:15px;
	height:15px;
	background:url(../img/fl_top.png) no-repeat;
}
#gotop span { display:none }