/* INITIALISATION ----------------------------------------------------------------------------------- */

	* { margin: 0; padding: 0; }
	html { height: 100%; }
	img { border: 0; margin: 0; }
	form { margin: 0; padding: 0; }
	p { margin-bottom: 15px; }
	ul { margin-left: 0px; }
	body
	{
		color: #787878;
		font-family: Trebuchet MS, Verdana, Arial, Helvetica ;
		font-size: 12px;
		height: 100%;
		margin: 0;
		padding: 0;
	}


#header
{
	background : url(/images/bg-bande-haut.png) top center no-repeat;
	height : 219px;
}

	#conteneurHeader
	{
		width:940px;
		margin : 0 auto;
		position:relative;
	}
	
		#logoLSM
		{
			margin-left : 43px;
			padding-top : 60px;
			
		}
		
		#boutonContact
		{
			position:absolute;
			right : 55px;
			top : 61px;
			width : 176px;
			height : 112px;
			z-index:50;
		}
			#boutonContact a
			{
				display:block;
				width : 176px;
				height : 112px;
				background : url(/images/bt-contact.png) top left no-repeat;
			}
				#boutonContact a:hover { background-position: right; }
		#menu
		{			
			margin-top:30px;
			width:940px;
			height : 83px;
		}
			
			.menu-0
			{
				background-image : url(/images/bg-menu.png);
				background-position : 0px -415px;
				background-repeat : no-repeat;
			}
			
			.menu-1
			{
				background-image : url(/images/bg-menu.png);
				background-position : top left;
				background-repeat : no-repeat;
			}
			
			.menu-2
			{
				background-image : url(/images/bg-menu.png);
				background-position : 0px -83px;
				background-repeat : no-repeat;
			}
			
			.menu-3
			{
				background-image : url(/images/bg-menu.png);
				background-position : 0px -166px;
				background-repeat : no-repeat;
			}
			
			.menu-4
			{
				background-image : url(/images/bg-menu.png);
				background-position : 0px -249px;
				background-repeat : no-repeat;
			}
			
			.menu-5
			{
				background-image : url(/images/bg-menu.png);
				background-position : 0px -332px;
				background-repeat : no-repeat;
			}
			
			
			
			#menu ul{ list-style:none;margin-left:49px;padding-top:2px; }
				#menu ul li{ float:left; margin-right:66px; }
				#menu ul li a{ font-size:18px; color : #FFFFFF; text-decoration:none; }
					#menu ul li a:hover{ color : #F9BE6D; }
					#menu ul li.sel a{ color:#CC1E50; }
#conteneurGlobal
{
	width:940px;
	margin : 0 auto;
	position:relative;
	z-index:10;
}

	#conteneurOmbreHaut
	{
		background : url(/images/bg-ombre-haut.png) top left no-repeat;
	}
	
	#conteneurOmbreBas
	{
		background : url(/images/bg-ombre-bas.png) bottom left no-repeat;
		
	}
	
		#centre
		{
			width : 920px;
			margin : 0 auto;
			padding-bottom:40px;
		}
		
			#colonneGauche { float:left; width : 666px; border-right : 3px solid #E1E1E1;}
				#colonneGauche #texteGauche { width:610px; margin-left : 28px;}
					#colonneGauche #texteGauche #contenu { line-height:14px;}
						#colonneGauche #texteGauche #contenu #dynamique{ min-height:650px;}
						#realisationFocus {position:relative;height:400px;}
							#realisationFocus .accroche {height:70px;overflow:hidden;}
							#realisationFocus .texteFocus {margin-top:25px;height:55px;overflow:hidden;}
							#realisationFocus .nav-slideshow {position:absolute;top:315px;right:0px;z-index:100;}
								#realisationFocus .nav-slideshow a{display:block;float:left;font-size:12px; color:#CCC;border:1px solid #CCC; width:20px; height:17px;text-align:center; padding-top:3px;; margin-left:8px;}
								#realisationFocus .nav-slideshow a.activeSlide{color:#888;border:1px solid #888;}
						.tag {margin-top:5px; font-size:11px; color : #CA411E;}
						.tag a {font-size:11px; color : #CA411E; }
							.tag a.selected {font-size:11px; color : #000000;}
							.tag a.allTag {font-size:11px; color : #96141E;font-weight:bold;}
						#online {margin-top:70px;}
							.realisationOnline { float:left; width:291px;margin-right:28px; margin-bottom:28px;}
								.realisationOnline .imageOnline { width:291px;height:155px; margin:5px 0px;}
								.realisationOnlineTop {height:45px;overflow:hidden;}
								.realisationOnlineBottom {height:45px;overflow:hidden;}
									.realisationOnlineBottom .description2 {height:30px;overflow:hidden;}
									.realisationOnlineBottom .voirSite {color:#CA411E;}
										.realisationOnlineBottom .voirSite a{color:#CA411E}
						.last { margin-right:0px;}
						.reseau {float:right}
						.grand-souligne {float:left;border-top:1px solid #CCC; height:1px;width:525px;margin-top:16px; }
						.petit-souligne {float:left;border-top:1px solid #CCC; height:1px;width:225px;margin-top:16px; }
						.sitemap {margin-top:20px;margin-bottom:20px;}
							.sitemapHaut {width:610px;height:11px;background:url(/images/bg-sitemap-haut.png) no-repeat}
							.sitemapCentre {width:610px;background:url(/images/bg-sitemap-centre.png) repeat-y}
								.colonneSitemap {float:left;margin-left:15px;margin-right:20px;width:174px;}
								.lastColonne {margin-right:0px;}
							.sitemapBas {width:610px;height:11px;background:url(/images/bg-sitemap-bas.png) no-repeat}
						.realisation {float:left;margin-right:27px;margin-bottom:27px;width:185px;height:135px;}
							.vignetteRealisation {display:block;width:185px;height:135px;background-position:top left;background-repeat : no-repeat;}
							.vignetteRealisation:hover {background-position:top right}
						.lastRealisation {margin-right:0px;}
						.glossaire {margin-bottom:15px;}
						#divformAmi {width:350px;height:250px;}
							#divformAmi #confirmEnvoiAmi {display:none;padding-top:80px;text-align:center;}
								form label{float:left;width:120px;margin-bottom:5px;}
								form .input{border:1px solid #666;width:220px;margin-bottom:5px;}
								form .textarea{border:1px solid #666;width:220px;height:100px;margin-bottom:5px;}
					#colonneGauche #texteGauche #menuFooter { text-align:center; }
						#colonneGauche #texteGauche #menuFooter a{ font-size:14px; font-weight:bold; color:#787878;text-decoration:none; }
						
						.basContact{font-size:14px;color:#0980BC; }
						.basContact.gras{font-weight:bold; }
						.basContact strong{font-size:20px;}
						


			#colonneDroite { float:left; width : 250px; }
				#colonneDroite #texteDroit { width:226px; margin-left : 14px; margin-top:10px; line-height:14px;}
					#colonneDroite #texteDroit ul{ margin-left : 14px; list-style:none; }
					#colonneDroite #texteDroit ul.pole li{ margin-top : 5px; }
					#colonneDroite #texteDroit #logoTechno{ margin-top : 30px; }
					#colonneDroite #texteDroit #blocActu{ margin-top:40px;height:223px;width:226px;background:url(/images/bg-actus.png) no-repeat}
						#colonneDroite #texteDroit #blocActu #blocActuEntete{ height:35px; }
							#colonneDroite #texteDroit #blocActu #blocActuEntete #blocActuTitre{ float:left; margin-left:10px;}
							#colonneDroite #texteDroit #blocActu #blocActuEntete #blocActuPagination{ float:right; margin-right:10px; }
							#blocActuPagination a{display:inline-block;width:12px;height:15px;margin:3px 8px 0 0px;}
							#colonneDroite #texteDroit #blocActu #slideshowActu{margin:2px}
							#colonneDroite #texteDroit #blocActu #slideshowActu div{ width:202px;padding:10px;}
					#colonneDroite #texteDroit #blocLogo{ margin-top:40px;height:161px;width:226px; background:url(/images/bg-logos.png) no-repeat}
						#colonneDroite #texteDroit #blocLogo #blocLogoEntete{ height:25px;text-align:center; }
							#colonneDroite #texteDroit #blocLogo #blocLogoEntete #blocLogoTitre{ }
						#colonneDroite #texteDroit #blocLogo #slideshowLogo{margin:10px 4px 0;}
						#colonneDroite #texteDroit #blocLogo #slideshowLogo div{ text-align:center;width:218px; height:105px;}
					

	
#footer
{
	background : url(/images/bg-bande-bas.png) top center no-repeat;
	height : 219px;
	margin-top:-42px;
}

	#conteneurFooter
	{
		width:920px;
		margin : 0 auto;
	}

		#footerTexte
		{
			padding-top:42px;
			font-size:12px;
			font-weight:normal;
			color:#FFFFFF;
			text-align:center;
			width:666px;
		}
			#footerTexte a { font-size:12px; font-weight:normal; color:#FFFFFF; text-decoration:none}
	
.clear { clear:both; }


/*formulaires*/
form.contact		{	padding:1em 0 0 100px;}
label				{	margin-top:5px;}

.divInput		{
	background:url(/images/bg-input.png) top left no-repeat;
	float:left;
}
.divTxtArea		{
	background:url(/images/bg-txtarea.png) no-repeat;
	float:left;
}

.contact input.input, form.contact  .textarea{	padding:4px 8px;}

input.input, form .textarea{
	border:none;
	background-color:transparent;
	padding:4px;
	font-family:'Trebuchet MS',Arial,sans-serif;
	font-size:13px;
	margin-bottom:8px;
	color:#787878;
	*margin-bottom:6px;
}

input#submit{	margin-left:140px}