/* CSS Document */

body {
  background:url(../images/fond.jpg) repeat-x #010203;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding:0px;
  margin:0px auto;
  text-align:center;
}

#conteneur {
  position: relative;
  text-align: justify;
  margin: 0px auto;
  padding: 0 0 0 29px;
  width: 730px;
}
#conteneurSchema {
  position: relative;
  margin:15px auto;
  padding:0;
  width: 700px;
  background:url(../images/bg-schema.jpg) repeat-x #c6e5f6;
}

#header {
	float:left;
	padding:0;
	margin:0;
	width:730px;
	height:126px;
	background:url(../images/header.jpg) no-repeat;
}
#header2 {
	float:left;
	padding:0;
	margin:0;
	width:730px;
	height:123px;
	background:url(../images/header2.jpg) no-repeat top;
}

	#contact {
		position:absolute;
		z-index:0;
		top:2px;
		left:617px;
		background-color:#fa7900;
		width:110px;
		height:21px;
		text-align:center;
		padding:4px 0 0 0;
		font-size:11px;
	}
		#contact a {
			text-decoration:none;
			color:#FFFFFF;
			font-weight:bold;
		}

	#fr { position:absolute; z-index:0; top:5px; left:485px; width:24px; height:19px; text-decoration:none;}
	#uk { position:absolute; z-index:0; top:5px; left:517px; width:24px; height:19px; text-decoration:none;}
	#de { position:absolute; z-index:0; top:5px; left:550px; width:24px; height:19px; text-decoration:none;}
	#it { position:absolute; z-index:0; top:5px; left:582px; width:24px; height:19px; text-decoration:none;}

#contenu {
	float:left;
	padding:0;
	margin:0;
	background:url(../images/fond-contenu.jpg) repeat-x #c6e5f7;
	width:730px;
	height:auto;
}
	#gauche {
		float:left;
		padding:0;
		margin:0;
		width:429px;
	}
	
	h1#accueil {float:left; padding:0; margin:15px 15px; width:399px; color:#6d7172; font-size:20px; font-weight:normal;}
	
	p.txtAccueil {
		clear:left;
		font-size:12px;
		color:#61696e;
		padding:0 0 10px 15px;
		margin:0;
		line-height:17px;
	}
		p.txtAccueil a {
			text-decoration:none;
			color:#48565d;
		}

	#droite {
		float:left;
		padding:0;
		margin:0;
		width:301px;
	}
		#tta {
			float:left;
			padding:15px 132px 0 20px;
			margin:0;
			background:url(../images/logo-tta.jpg) no-repeat;
			width:149px;
			height:152px;
			color:#48565d;
			font-size:10px;
			font-weight:bold;
			text-align:right;
		}
			#tta:link, #tta:visited {
				text-decoration:none;
				color:#48565d;
			}
			#tta:hover{
				text-decoration:underline;
				color:#48565d;
			}
			
			#tta2 {
			float:left;
			padding:15px 132px 0 20px;
			margin:0;
			background:url(../images/logo-tta2.jpg) no-repeat;
			width:149px;
			height:152px;
			color:#48565d;
			font-size:10px;
			font-weight:bold;
			text-align:right;
		}
			#tta2:link, #tta2:visited {
				text-decoration:none;
				color:#48565d;
			}
			#tta2:hover{
				text-decoration:underline;
				color:#48565d;
			}
			
		#ttaUk {
			float:left;
			padding:15px 132px 0 20px;
			margin:0;
			background:url(../images/logo-tta-uk.jpg) no-repeat;
			width:149px;
			height:152px;
			color:#48565d;
			font-size:10px;
			font-weight:bold;
			text-align:right;
		}

#zymoBas
		{
			position:absolute;
			width:350px;
			font-size:13px;
			font-weight:bold;
			color:#48565d;
			top:517px;
			left:45px;
			padding:5px 0 0 0;
		}
		#zymoBas img{ margin-top:-5px; margin-right:5px;}
		
ul#menu {
	clear:left;
	width:730px;
	padding:0;
	margin:0;
}
ul#menu li {
	display:inline;
	float:left;
	padding:0;
	margin:0;
	list-style:none;
}

ul#menuFr {clear:left; width:730px; padding:0; margin:2px 0; list-style:none; height:46px;}
ul#menuFr li {float:left; padding:0; margin:0; height:46px; width:auto;}
ul#menuFr li a#technique {float:left; display:inline; padding:0; margin:0 2px 0 0; width:174px; height:46px; background:url(../images/btn-technique.jpg); text-indent:-5000px;}
ul#menuFr li a#technique:hover {float:left; display:inline; padding:0; margin:0 2px 0 0; width:174px; height:46px; background:url(../images/btn-technique-over.jpg); text-indent:-5000px;}
ul#menuFr li a#montage {float:left; display:inline; padding:0; margin:0 2px 0 0; width:174px; height:46px; background:url(../images/btn-video-montage.jpg); text-indent:-5000px;}
ul#menuFr li a#montage:hover {float:left; display:inline; padding:0; margin:0 2px 0 0; width:174px; height:46px; background:url(../images/btn-video-montage-over.jpg); text-indent:-5000px;}
ul#menuFr li a#schema {float:left; display:inline; padding:0; margin:0 2px 0 0; width:173px; height:46px; background:url(../images/btn-schema.jpg); text-indent:-5000px;}
ul#menuFr li a#schema:hover {float:left; display:inline; padding:0; margin:0 2px 0 0; width:173px; height:46px; background:url(../images/btn-schema-over.jpg); text-indent:-5000px;}
ul#menuFr li a#guide {float:left; display:inline; padding:0; margin:0; width:173px; height:46px; background:url(../images/btn-guide.jpg); text-indent:-5000px;}
ul#menuFr li a#guide:hover {float:left; display:inline; padding:0; margin:0; width:173px; height:46px; background:url(../images/btn-guide-over.jpg); text-indent:-5000px;}


/*****************************************************************/
/******************** Pages de navigation ************************/
/*****************************************************************/
#headerNav {
	float:left;
	padding:0;
	margin:0;
	width:730px;
	height:126px;
	background:url(../images/img-nav/header.jpg) no-repeat right;
}

#contenuNav {
	float:left;
	padding:0;
	margin:0;
	background:url(../images/fond-contenu.jpg) repeat-x #c6e5f6;
	width:700px;
	min-height:367px;
}
	#gaucheNav {
		float:left;
		padding:0;
		margin:0;
		width:503px;
		min-height:367px;
	}
	#droiteNav {
		float:left;
		padding:0;
		margin:0;
		width:227px;
		min-height:367px;
		background:url(../images/img-nav/fond-droite.jpg) repeat-y;
	}
	
	
h1.technique {float:left; padding:0; margin:10px 20px; height:auto; width:660px; color:#6d7172; font-size:20px; background:none; text-indent:0px; font-weight:normal;}
p.texteNav {float:left; padding:0 0 10px 0; margin:0px 20px; width:660px; color:#6d7172; font-size:13px;}
p.texteNav span {color:#fa7900; font-size:14px; margin-bottom:5px; display:block; }
ul {float:left; padding:0 0 10px 0; margin:0px 20px; width:660px; color:#6d7172; font-size:13px; list-style:none;}
ul li {float:left; padding:0 0 0 15px; margin:0 0 5px 30px; width:615px; background:url(../images/puce.jpg) no-repeat left;}

h2.sstitre {float:left; padding:0; margin:1px 20px; color:#fa7900; font-size:13px; font-weight:bold; width:660px;}
.slogan {float:left; padding:5px 0 0 30px; margin:50px 0 0 30px; background:url(../images/guillemet-ouvrant.jpg) no-repeat left top; color:#fa7900; font-size:14px; width:255px; text-align:left; line-height:20px;}

a.fermer { text-align:right; color:#fa7900; text-decoration:none; line-height:30px;}
/************ formulaire contact **************/
fieldset {
	border:none;
	margin:0;
	padding:0 0 0 25px;
	color:#58595a;
}
.champFrom {
	margin:0;
	padding:0;
	vertical-align:top;
	padding:0 0 5px 0;
	width:470px;
}
label {
	display: inline ;
	float: left ;
	width: 120px ;
	color:#61696e;
}
#zoneForm .largeur{ width:320px;}

span.message {
	color:#fa7900;
	font-weight:bold;
	text-align:center;
}	
/***********************************************/